:root{font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#192d3d;background:#eef2f5;color-scheme:light}*{box-sizing:border-box}body{margin:0}h1{font-size:1.6rem;line-height:1.2;margin:.25rem 0 .8rem}p{margin:.6rem 0}.card{max-width:620px;margin:8vh auto;padding:34px;background:#fff;border-radius:18px;box-shadow:0 8px 40px #132d4414}.eyebrow{color:#326986;font-size:.75rem;letter-spacing:.1em;font-weight:750}.muted,.footnote{color:#586e7d}.footnote{font-size:.79rem;margin-bottom:22px}.notice{background:#e9f4ef;border:1px solid #c6ded2;padding:12px 16px;border-radius:10px}button,input,select{font:inherit}button{border:0;border-radius:9px;padding:11px 15px;background:#166b51;color:#fff;font-weight:650;cursor:pointer;min-height:44px}button:disabled{opacity:.5;cursor:default}.secondary{background:#e7edf2;color:#203b4e}.secondary[aria-pressed="true"]{background:#243e54;color:#fff}input,select{border:1px solid #b8c9d3;border-radius:8px;padding:11px;background:#fff;color:#192d3d;min-height:44px;width:100%;font-size:16px}input[type=checkbox]{width:18px;min-height:18px}label{display:block;font-size:.86rem;margin:8px 0 5px}form button{margin-top:8px}code{font-size:.9rem}header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 24px;background:#fff;border-bottom:1px solid #dae3e9}header h1{font-size:1.2rem;margin-bottom:2px}.status{font-size:.8rem;padding:7px 12px;background:#f0ead9;border-radius:20px;white-space:nowrap}.status.live{background:#dcefe4;color:#13593f}.workspace{padding:0 20px;max-width:1440px;margin:auto}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}.toolbar select{flex:1;min-width:170px;max-width:520px}.tab-label{display:none}.toolbar button{padding:9px 13px;font-size:.85rem}.screen-wrap{background:#18232d;border-radius:12px;overflow:auto;text-align:center;border:1px solid #263e50;max-height:76vh}canvas{display:block;width:100%;height:auto;max-width:1280px;margin:auto;outline:none;touch-action:none;user-select:none}canvas:focus-visible{outline:3px solid #31a480;outline-offset:-3px}.type-form{background:#fff;border-radius:10px;padding:9px 14px}.inline{display:flex;gap:8px}.inline input{flex:1;min-width:0}.inline button{margin:0;flex-shrink:0}.check{display:flex;align-items:center;gap:7px}.done{width:100%;font-size:1.05rem;margin:8px 0 2px}.hidden{display:none!important}@media(max-width:680px){.card{margin:24px 12px;padding:24px}header{padding:10px 12px}.workspace{padding:0 10px}.toolbar{gap:6px}.toolbar button{padding:9px 10px}.toolbar select{flex-basis:100%;max-width:none}.keys{display:grid;grid-template-columns:repeat(4,1fr)}.keys button{padding:9px 4px;font-size:.78rem}.screen-wrap{max-height:65vh;border-radius:8px}.notice{padding:10px 12px;font-size:.9rem}.inline button{font-size:.86rem;padding:10px}.footnote{font-size:.74rem}header h1{font-size:1.05rem}.eyebrow{font-size:.64rem}.status{font-size:.72rem}}

.mobile-dock{display:none}@media(max-width:680px){.handoff{padding-bottom:90px}.mobile-dock{display:flex;gap:8px;position:fixed;z-index:50;left:0;right:0;bottom:var(--keyboard-gap,0px);padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #b8c9d3}.mobile-dock button{flex:1}.keyboard-visible .type-form{position:fixed;z-index:51;left:10px;right:10px;bottom:calc(78px + var(--keyboard-gap,0px));box-shadow:0 0 0 1px #b8c9d3}.keyboard-visible .type-form input{font-size:16px}}