:root{font:17px/1.55 system-ui;color:#223126;background:#f7f6ef}*{box-sizing:border-box}body{margin:0}#mixed-app{max-width:1100px;margin:auto;padding:32px 24px 80px}#mixed-app h1{font:500 clamp(32px,5vw,64px)/1.08 Georgia,serif;letter-spacing:-.025em;margin:24px 0}#mixed-app h2{font:500 26px/1.2 Georgia,serif}#mixed-app h3{font-size:18px}#mixed-app p{white-space:pre-wrap}#mixed-app button,#mixed-app .button{font:inherit;background:#385d43;color:white;border:1px solid #385d43;border-radius:8px;padding:10px 16px;text-decoration:none;cursor:pointer}#mixed-app button.secondary{background:transparent;color:#385d43}#mixed-app button:disabled{opacity:.5;cursor:wait}#mixed-app button:focus-visible,#mixed-app input:focus-visible,#mixed-app textarea:focus-visible{outline:3px solid #9c6839;outline-offset:3px}#mixed-app label{display:block;margin:14px 0 6px;font-size:15px}#mixed-app input,#mixed-app textarea,#mixed-app select{font:inherit;width:100%;border:1px solid #bcc3b4;background:#fffef9;padding:10px;border-radius:6px}#mixed-app textarea{min-height:95px}#mixed-app fieldset{border:1px solid #d7dacd;border-radius:12px;padding:18px;margin:18px 0}#mixed-app legend{padding:0 8px}#mixed-app small,.muted{color:#626e60}#mixed-app .actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0}#mixed-app .grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px}#mixed-app article{background:#fffef9;border:1px solid #d7dacd;border-radius:14px;padding:24px;margin-bottom:18px;overflow-wrap:anywhere}#mixed-app pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}#mixed-app .eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.13em;color:#596f50}#mixed-app .drop{border:1px dashed #71876a;padding:18px;border-radius:12px}#mixed-app .error{color:#923d2b}#mixed-app audio{width:100%}#mixed-app canvas{width:100%;height:auto}#mixed-app [hidden]{display:none!important}#mixed-app .range{display:grid;grid-template-columns:1fr 1fr;gap:16px}#mixed-app a{color:#385d43}#mixed-app .fingerprint{font:12px/1.6 ui-monospace,monospace;overflow-wrap:anywhere}@media(max-width:720px){#mixed-app{padding:18px 16px 60px}#mixed-app .grid{grid-template-columns:1fr}#mixed-app article{padding:18px}}