:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#080d18}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.panel{border:1px solid #202d43;border-radius:.85rem;background:linear-gradient(160deg,#121b2df5,#0b121ff5);box-shadow:0 1rem 2.5rem #0000002e}.eyebrow{margin-bottom:.18rem;color:#60a5fa;font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}app-canvas-shell :is(h2,h3,p){margin:0}app-canvas-shell h2{color:#f8fafc;font-size:.95rem}app-canvas-shell h3{margin-bottom:.75rem;color:#cbd5e1;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}:is(button,input,canvas):focus-visible{outline:2px solid #60a5fa;outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.canvas-frame{position:relative}.data-status{position:absolute;right:.75rem;bottom:.75rem;left:.75rem;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:.6rem .85rem;color:#cbd5e1;background:#14243c}.data-status[role=alert]{color:#fecaca}.data-status button,.placeholder-copy button{min-height:44px;border:0;color:#fff;background:#2563eb;cursor:pointer}
