loop-canvas 0.1.5 → 0.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/cli.mjs +9 -8
  2. package/package.json +1 -1
  3. package/public/app.css +1 -1
  4. package/public/app.js +95 -86
  5. package/public/index.html +13 -17
  6. package/server.mjs +26 -24
  7. package/skills/loop-canvas/SKILL.md +1 -0
package/public/app.css CHANGED
@@ -1 +1 @@
1
- :root{--paper: #F4F4F5;--grid: #D4D4D8;--surface: #FFFFFF;--surface-2: #FAFAFA;--line: #E4E4E7;--line-strong: #D1D1D6;--ink: #17171A;--ink-2: #48484D;--muted: #88888F;--accent: #2F5BFF;--accent-soft: rgba(47, 91, 255, .12);--mark: #E5484D;--ok: #1F9D55;--shadow: 0 1px 2px rgba(23,23,26,.06), 0 8px 24px rgba(23,23,26,.08);--frame-shadow: 0 0 #0000;--shadow-lg: 0 2px 6px rgba(23,23,26,.08), 0 18px 48px rgba(23,23,26,.14);--font: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #141416;--grid: #2C2C30;--surface: #1D1D20;--surface-2: #232327;--line: #2E2E33;--line-strong: #3C3C42;--ink: #EDEDEF;--ink-2: #C3C3C8;--muted: #838389;--accent: #6E8BFF;--accent-soft: rgba(110,139,255,.16);--shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.35);--shadow-lg: 0 2px 6px rgba(0,0,0,.35), 0 18px 48px rgba(0,0,0,.5);color-scheme:dark}}:root[data-theme=dark]{--paper: #141416;--grid: #2C2C30;--surface: #1D1D20;--surface-2: #232327;--line: #2E2E33;--line-strong: #3C3C42;--ink: #EDEDEF;--ink-2: #C3C3C8;--muted: #838389;--accent: #6E8BFF;--accent-soft: rgba(110,139,255,.16);color-scheme:dark}*{box-sizing:border-box}html,body{overscroll-behavior:none;margin:0;height:100%;overflow:hidden;background:var(--paper);color:var(--ink);font:13px/1.45 var(--font);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}input,textarea{font:inherit;color:inherit}kbd{font:500 10.5px/1 var(--mono);padding:2px 4px;border-radius:4px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink-2)}code{font:12px/1.5 var(--mono)}.muted{color:var(--muted)}[hidden]{display:none!important}#viewport{position:fixed;inset:0;overflow:hidden;touch-action:none;user-select:none;background-color:var(--paper);background-image:radial-gradient(var(--grid) calc(var(--dot, 1px)),transparent 0);background-size:var(--gs, 24px) var(--gs, 24px);background-position:var(--gx, 0) var(--gy, 0)}#viewport[data-tool=hand],#viewport.panning{cursor:grab}#viewport.panning:active,#viewport.dragging{cursor:grabbing}#viewport[data-tool=pen],#viewport[data-tool=pen] .shield{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M4.5 27.5l2.2-7.4L20.6 6.2a3.2 3.2 0 014.5 0l.7.7a3.2 3.2 0 010 4.5L11.9 25.3z' fill='%2317171A' stroke='white' stroke-width='2.2' stroke-linejoin='round'/%3E%3Cpath d='M18.3 8.5l5.2 5.2' stroke='white' stroke-width='1.8'/%3E%3Cpath d='M4.5 27.5l2.2-7.4 5.2 5.2z' fill='%23E5484D' stroke='white' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E") 4 28,crosshair}#viewport[data-tool=deep],#viewport[data-tool=deep] .shield{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Crect x='11' y='11' width='13' height='13' rx='2' fill='rgba(47,91,255,.15)' stroke='%232F5BFF' stroke-width='1.6' stroke-dasharray='2.6 2.2'/%3E%3Cpath d='M3 3l10.5 5.4-4.4 1.4-1.9 4.2z' fill='%2317171A' stroke='white' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E") 3 3,default}#viewport[data-tool=comment]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath d='M3 23V8a5 5 0 015-5h10a5 5 0 015 5v6a5 5 0 01-5 5H8z' fill='%232F5BFF' stroke='white' stroke-width='2'/%3E%3C/svg%3E") 3 23,crosshair}#viewport[data-tool=erase],#viewport[data-tool=erase] .shield,#viewport[data-tool=erase] #ink path{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Ccircle cx='13' cy='13' r='11' fill='rgba(255,255,255,.35)' stroke='%2317171A' stroke-width='1.5'/%3E%3Ccircle cx='13' cy='13' r='12' fill='none' stroke='white' stroke-width='1'/%3E%3C/svg%3E") 13 13,cell}#world{position:absolute;left:0;top:0;transform-origin:0 0}.frame{position:absolute}.frame-label{position:absolute;left:0;bottom:100%;display:flex;align-items:center;gap:6px;height:28px;padding:0 2px 6px;transform-origin:0 100%;scale:calc(1 / var(--z, 1));white-space:nowrap;color:var(--muted);font-weight:500;font-size:12.5px;cursor:default;max-width:calc(var(--fw) * var(--z, 1));min-width:0;overflow:hidden}#viewport[data-tool=select] .frame-label{cursor:default}#viewport[data-tool=select] .frame-label:hover .name{color:var(--accent)}.frame-label .name{overflow:hidden;text-overflow:ellipsis;min-width:24px;flex:0 1 auto}.frame-label .ic{flex:none;display:inline-grid;place-items:center;width:11px;height:11px;color:var(--muted)}.frame-label .ic[data-k=live]:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.45}.frame-label .ic[data-k=frozen]{color:#4a9fe0}.frame-label .ic svg{width:11px;height:11px}.frame.working .frame-label .ic{display:none}.fp-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.fp-act{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--ink);font:500 12.5px/1 var(--font);cursor:pointer}.fp-act:hover{background:var(--surface)}.fp-act svg{width:12px;height:12px;color:#4a9fe0}.fp-act kbd{font:500 10.5px/1 var(--mono);color:var(--muted)}.fp-act.on{border-color:var(--accent);color:var(--accent)}.frame .kb{display:none}.frame.kb-on .kb{position:absolute;left:0;right:0;bottom:0;height:336px;display:flex;flex-direction:column;gap:11px;padding:0 3px 40px;background:#d1d4da;font:400 22px/1 -apple-system,SF Pro Text,system-ui,sans-serif;color:#000;pointer-events:none;z-index:1}.frame.kb-on iframe{height:calc(100% - 336px)}.frame.kb-on:has(.kb.land) iframe{height:calc(100% - 209px)}.kb.land{height:209px!important;gap:6px!important;padding:0 60px 6px!important}.kb-bar{display:flex;justify-content:space-around;align-items:center;height:44px;font-size:16px;color:#333}.kb.land .kb-bar{height:34px}.kb-row{display:flex;gap:6px;justify-content:center}.kb-row.r2{padding:0 18px}.kb .k{flex:1;height:42px;display:grid;place-items:center;background:#fff;border-radius:5px;box-shadow:0 1px #898a8d}.kb.land .k{height:32px;font-size:18px}.kb .k.fn{flex:1.35;background:#abb0bc;font-size:15px}.kb .k.sp{flex:5;font-size:15px}.kb .k.ret{flex:2}.frame-label .dims{flex:none;border-radius:4px;padding:2px 4px;margin:0 -4px}.frame.selected .frame-label .dims{cursor:pointer}.frame.selected .frame-label .dims:hover{background:var(--surface);color:var(--ink)}.frame.narrow .frame-label .dims,.frame.narrow .frame-label .kind{display:none}.frame .parked-hint{position:absolute;inset:0;display:none;align-items:center;justify-content:center;padding:16px;text-align:center;color:var(--muted);font:500 13px/1.4 var(--font);background:var(--surface);pointer-events:none}.frame.parked .parked-hint{display:flex}.frame.parked iframe{visibility:hidden}.frame-label .kind{font:500 10px/1 var(--mono);color:var(--muted);padding:3px 5px;border-radius:4px;background:var(--surface);border:1px solid var(--line);text-transform:uppercase;letter-spacing:.04em;flex:0 2 auto;min-width:0;max-width:45%;overflow:hidden;text-overflow:ellipsis}.frame-label .count{font:500 11px/1 var(--mono);color:var(--accent)}.frame-label .rename{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--accent);border-radius:5px;padding:2px 6px;outline:0;width:220px}.frame-label .spinner{display:none;width:12px;height:12px;border-radius:50%;border:1.6px solid var(--accent-soft);border-top-color:var(--accent);animation:spin .7s linear infinite;flex:none}.frame-label .step{display:none}.frame-label .stop{display:none;font-size:11px;color:var(--muted);padding:2px 7px;border-radius:99px;border:1px solid var(--line);background:var(--surface)}.frame-label .use{box-sizing:border-box;height:16px;padding:0 8px;line-height:14px;flex:none;margin-left:4px;font-size:11px;font-weight:500;color:var(--ink);border-radius:99px;border:1px solid var(--line-strong, var(--line));background:var(--surface);pointer-events:auto;cursor:pointer}.frame-label .use:hover{background:var(--surface-2)}.frame-label .use[hidden]{display:none}.frame-label .stop:hover{color:var(--mark);border-color:var(--mark)}.frame-label .stop{box-sizing:border-box;height:16px;padding:0 7px;line-height:14px;flex:none}body.card-open #quick{display:none!important}#agent-wake{display:flex;flex-direction:column;gap:6px;margin:0 0 6px;padding:10px;border-radius:9px;background:var(--surface-2);font-size:12px;line-height:1.45;color:var(--ink-2)}#agent-wake[hidden]{display:none}#agent-wake b{font-size:12.5px;font-weight:600;color:var(--ink)}#agent-wake code{padding:7px 8px;border-radius:6px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font:11.5px/1.45 var(--mono);color:var(--ink);user-select:all;-webkit-user-select:all;white-space:normal}#agent-wake button{align-self:flex-start;height:26px;padding:0 10px;border-radius:7px;background:var(--ink);color:var(--surface);font:500 12px/26px var(--font)}.al-note{padding:0 8px 6px;font-size:11.5px;line-height:1.4;color:var(--muted)}#el-line{position:fixed;z-index:40;border-radius:2px;background:var(--accent);pointer-events:none;box-shadow:0 0 0 1px #ffffffb3}#el-line[hidden]{display:none}.sec-more{display:none;flex:none;width:18px;height:18px;margin-right:-4px;border-radius:5px;place-items:center;color:var(--muted);cursor:pointer}.sec-more svg{width:14px;height:14px;fill:currentColor}.section.selected .sec-more{display:grid}.sec-more:hover{background:var(--surface-hover);color:var(--ink)}#sec-menu{width:268px;padding:5px;z-index:45}#sec-menu .menu-item{padding:8px 9px}#sec-menu .menu-item span{display:flex;flex-direction:column;gap:2px}#sec-menu .menu-item b{font-weight:500;font-size:13px}#sec-menu .menu-item small{font-size:11.5px;color:var(--muted)}#sec-menu .menu-item:hover{background:var(--surface-hover)}#sec-menu .menu-item.danger b{color:var(--mark)}.ver-strip.top{position:fixed;left:50%;top:58px;translate:-50% 0;z-index:41;display:flex;align-items:center;gap:6px;max-width:calc(100vw - 48px);padding:6px;border-radius:14px;background:var(--surface);box-shadow:0 0 0 1px var(--line),0 10px 30px -12px #00000059;animation:stripIn .22s cubic-bezier(.2,.8,.2,1)}.ver-strip.top .vt-row{gap:6px;padding:3px;min-width:0}.ver-strip.top .vt{position:relative;padding:0}.ver-strip.top .vt-img{border-radius:7px}.vt-n{position:absolute;left:4px;bottom:4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;box-sizing:border-box;background:#17171ab8;color:#fff;font:600 10px/16px var(--font);font-variant-numeric:tabular-nums;text-align:center}.vt.on .vt-n{background:var(--accent)}.ver-strip.top .vt-acts{padding:0 4px 0 8px;margin-left:2px;box-shadow:inset 1px 0 0 var(--line);align-self:stretch}.ver-strip.top .vt-acts[hidden]{display:none}.ver-prev.loading:after{content:"Loading this version\2026";position:absolute;left:50%;top:calc(14px / var(--z, 1));translate:-50% 0;transform-origin:50% 0;scale:calc(1 / var(--z, 1));padding:6px 11px;border-radius:99px;background:#17171ad1;color:#fff;font:500 12px/1 var(--font);white-space:nowrap;z-index:2}.ver-prev.loading.bare{background:linear-gradient(100deg,#fff 30%,#f1f1f3,#fff 70%);background-size:250% 100%;animation:shimmer 1.6s linear infinite}@media(prefers-reduced-motion:reduce){.ver-strip.top,.ver-prev.loading.bare{animation:none}}#el-into{position:fixed;z-index:38;pointer-events:none;border-radius:3px;background:color-mix(in srgb,var(--accent) 6%,transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--accent) 70%,transparent)}#el-into[hidden]{display:none}#el-drag{position:fixed;left:0;top:0;z-index:39;pointer-events:none;border-radius:3px;background:color-mix(in srgb,var(--accent) 18%,transparent);box-shadow:inset 0 0 0 1.5px var(--accent);will-change:transform}.m-blocked .blk-all{justify-content:flex-end;background:none;padding:0;min-height:0}.frame.working .frame-label .spinner,.frame.working .frame-label .stop{display:inline-block}.frame.working .frame-label .step{display:inline;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(90deg,var(--muted) 0%,var(--muted) 35%,var(--ink) 50%,var(--muted) 65%,var(--muted) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 1.8s linear infinite}.frame.working .frame-label .step:before{content:"\b7 "}.frame.working .frame-label .elapsed{display:inline;font:11px/1 var(--mono);color:var(--muted)}.frame-label .elapsed{display:none}.frame-label .updated{display:none;font-size:11px;font-weight:600;color:var(--ok)}.frame.updated .frame-label .updated{display:inline;animation:fadeout 2.8s ease forwards}.frame.failed .frame-label .updated{display:inline;color:var(--mark);animation:fadeout 4s ease forwards}.frame-body{position:relative;width:100%;height:100%;background:#fff;border-radius:2px;box-shadow:0 0 0 1px var(--line),var(--frame-shadow);overflow:hidden}.frame.selected .frame-body{box-shadow:0 0 0 calc(1.5px / var(--z, 1)) var(--accent),var(--frame-shadow)}.frame.working .frame-body{box-shadow:0 0 0 calc(1.5px / var(--z, 1)) var(--accent-soft),var(--frame-shadow)}.frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff;display:block}.frame .shield{position:absolute;inset:0}.frame.live .shield{display:none}.frame .progress{position:absolute;left:0;right:0;top:0;height:calc(3px / var(--z, 1));overflow:hidden;pointer-events:none;opacity:0;transition:opacity .2s}.frame.working .progress{opacity:1}.frame .progress:after{content:"";position:absolute;top:0;bottom:0;width:35%;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:sweep 1.4s ease-in-out infinite}.frame .resize{position:absolute;display:none;z-index:7;--t: calc(10px / var(--z, 1))}#viewport[data-tool=select] .frame.selected .resize{display:block}.frame .rz-n,.frame .rz-s{left:var(--t);right:var(--t);height:var(--t);cursor:ns-resize}.frame .rz-n{top:calc(var(--t) / -2)}.frame .rz-s{bottom:calc(var(--t) / -2)}.frame .rz-e,.frame .rz-w{top:var(--t);bottom:var(--t);width:var(--t);cursor:ew-resize}.frame .rz-e{right:calc(var(--t) / -2)}.frame .rz-w{left:calc(var(--t) / -2)}.frame .rz-ne,.frame .rz-nw,.frame .rz-se,.frame .rz-sw{width:calc(var(--t) * 1.4);height:calc(var(--t) * 1.4)}.frame .rz-nw{left:calc(var(--t) * -.7);top:calc(var(--t) * -.7);cursor:nwse-resize}.frame .rz-se{right:calc(var(--t) * -.7);bottom:calc(var(--t) * -.7);cursor:nwse-resize}.frame .rz-ne{right:calc(var(--t) * -.7);top:calc(var(--t) * -.7);cursor:nesw-resize}.frame .rz-sw{left:calc(var(--t) * -.7);bottom:calc(var(--t) * -.7);cursor:nesw-resize}.frame .rz-ne:after,.frame .rz-nw:after,.frame .rz-se:after,.frame .rz-sw:after{content:"";position:absolute;inset:30%;background:#fff;border:calc(1.5px / var(--z, 1)) solid var(--accent);border-radius:calc(1.5px / var(--z, 1))}.frame .pins{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:6}.frame .areas{position:absolute;inset:0;pointer-events:none;overflow:hidden}.pin{position:absolute;width:0;height:0;pointer-events:auto}#ink{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}#ink path{fill:none;stroke-linecap:round;stroke-linejoin:round}#ink path.used{opacity:.9}#viewport[data-tool=erase] #ink path{pointer-events:stroke}#viewport[data-tool=erase] #ink path:hover{opacity:.4}#hover-box{position:fixed;pointer-events:none;border:1.5px solid var(--accent);background:var(--accent-soft);border-radius:3px;z-index:5;transition:all .06s ease-out}#hover-box:after{content:attr(data-tag);position:absolute;left:-1.5px;top:-20px;font:500 10.5px/1 var(--mono);color:#fff;background:var(--accent);padding:4px 5px;border-radius:3px 3px 3px 0;white-space:nowrap}.cursor{position:absolute;left:0;top:0;pointer-events:none;transition:transform .08s linear}.cursor-inner{transform-origin:0 0;scale:calc(1 / var(--z, 1))}.cursor svg{width:18px;height:18px;display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.cursor span{display:inline-block;margin:2px 0 0 12px;padding:3px 7px;border-radius:99px;color:#fff;font:500 11px/1.2 var(--font);white-space:nowrap}#topbar{position:fixed;left:12px;right:12px;top:12px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:20}#topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 7px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.logo svg{width:22px;height:22px;display:block}.logo rect{fill:var(--ink)}.logo circle{stroke:var(--paper);stroke-width:2.6;fill:none}.wordmark{font-weight:600;letter-spacing:-.01em}.sep{color:var(--line-strong)}.canvas-name{color:var(--ink-2);max-width:30vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-right{display:flex;align-items:center;gap:8px}.pill{display:flex;align-items:center;gap:7px;height:34px;padding:0 12px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);color:var(--ink-2);font-weight:500}.pill:hover{border-color:var(--line-strong)}.agent-dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px #1f9d5524}.pill.busy .agent-dot{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);animation:pulse 1.2s ease-in-out infinite}.pill.inbox .agent-dot{background:#d9a100;box-shadow:0 0 0 3px #d9a10029}.btn-primary{height:34px;padding:0 14px;border-radius:10px;background:var(--ink);color:var(--paper);font-weight:500;display:inline-flex;align-items:center;gap:8px;box-shadow:var(--shadow)}.btn-primary:hover{opacity:.9}.btn-primary kbd{background:transparent;border-color:#ffffff40;color:inherit}.btn-secondary{height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--line);background:var(--surface);font-weight:500}.btn-secondary:hover{border-color:var(--line-strong)}.link-btn{color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:2px}.icon-btn{width:26px;height:26px;border-radius:6px;color:var(--muted);font-size:18px;line-height:1}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.presence{display:flex}.avatar{width:28px;height:28px;border-radius:50%;color:#fff;display:grid;place-items:center;font:600 11px/1 var(--font);border:2px solid var(--paper);margin-left:-6px}.menu{position:fixed;z-index:30;width:320px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg)}.menu-title{padding:6px 8px 8px;font-weight:600}.menu-copy,.menu-note{margin:0 8px 10px;color:var(--muted);font-size:12px}.menu-note:empty{display:none}.menu-item{display:flex;gap:10px;text-align:left;width:100%;padding:9px 8px;border-radius:8px}.menu-item:hover{background:var(--surface-2)}.menu-item b{display:block;font-weight:500}.menu-item small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.menu-item code{font-size:11px}.radio{flex:none;width:14px;height:14px;margin-top:2px;border-radius:50%;border:1.5px solid var(--line-strong)}.menu-item.on .radio{border:4px solid var(--accent)}#share-menu{padding:12px}#share-menu .menu-title{padding:0 0 6px}#share-menu .menu-copy,#share-menu .menu-note{margin:0 0 12px}.field-label{display:block;font-size:11.5px;color:var(--muted);font-weight:500;margin:0 0 5px}.copy-row{display:flex;gap:6px;margin-bottom:12px}.copy-row input{flex:1;min-width:0;height:32px;padding:0 9px;border-radius:8px;border:1px solid var(--line);background:var(--surface-2);font:11.5px var(--mono);color:var(--ink-2);outline:0}.copy-row button{height:32px;padding:0 11px;border-radius:8px;border:1px solid var(--line);background:var(--surface);font-weight:500}#share-public-btn{width:100%;margin-bottom:8px}#toolbar{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:2px;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg)}#toolbar button{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--ink-2)}#toolbar button:hover{background:var(--surface-2);color:var(--ink)}#toolbar button.on{background:var(--ink);color:var(--paper)}#toolbar button[data-tool=comment].on{background:var(--accent);color:#fff}#toolbar svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}#toolbar .tb-sep{width:1px;height:22px;background:var(--line);margin:0 4px}#toolbar .tb-new{width:auto;padding:0 12px 0 9px;display:flex;gap:5px;font-weight:500}#zoom{position:fixed;right:16px;bottom:16px;z-index:20;display:flex;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);overflow:hidden}#zoom button{height:32px;min-width:32px;padding:0 8px;color:var(--ink-2);font:500 12px var(--mono)}#zoom button:hover{background:var(--surface-2)}#zoom-level{min-width:56px;border-left:1px solid var(--line)!important;border-right:1px solid var(--line)!important}.pop{position:fixed;z-index:25;width:340px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg)}#composer{padding:10px}.composer-target{display:flex;align-items:center;gap:6px;margin-bottom:8px;font:11px var(--mono);color:var(--muted);overflow:hidden;white-space:nowrap}.composer-target b{color:var(--accent);font-weight:500}.composer-target span{overflow:hidden;text-overflow:ellipsis}#composer textarea,.thread-reply textarea{width:100%;resize:none;border:0;outline:0;background:transparent;font-size:13.5px;line-height:1.45;max-height:180px;padding:2px 0}#composer textarea::placeholder,.thread-reply textarea::placeholder{color:var(--muted)}.composer-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}.hint{color:var(--muted);font-size:11px;display:flex;gap:4px;align-items:center;margin-left:auto}.chip{font-size:11px;font-weight:500;color:var(--mark);background:#e5484d1a;padding:3px 7px;border-radius:99px}#thread{max-height:min(70vh,560px);display:flex;flex-direction:column}.thread-head{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 8px 12px;border-bottom:1px solid var(--line)}.thread-head .t-title{font-weight:600;font-size:12.5px}.thread-head .t-actions{display:flex;gap:2px}.thread-body{overflow:auto;padding:4px 0}.msg{padding:10px 12px}.msg+.msg{border-top:1px solid var(--line)}.msg-head{display:flex;align-items:center;gap:7px;margin-bottom:4px}.msg-head .av{width:18px;height:18px;border-radius:50%;color:#fff;display:grid;place-items:center;font:600 9px/1 var(--font)}.msg-head b{font-weight:600;font-size:12.5px}.msg-head time{color:var(--muted);font-size:11px}.msg-text{white-space:pre-wrap;word-wrap:break-word}.agent-line{display:flex;gap:8px;align-items:flex-start;margin-top:8px;padding:8px 10px;background:var(--surface-2);border-radius:8px;font-size:12.5px;color:var(--ink-2)}.agent-line .a-ic{flex:none;width:16px;height:16px;margin-top:1px;border-radius:4px;background:var(--ink);display:grid;place-items:center}.agent-line .a-ic svg{width:10px;height:10px;stroke:var(--paper);fill:none;stroke-width:2.4}.agent-line.working .a-ic{background:none;border:1.6px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.agent-line.working .a-ic svg{display:none}.agent-line.working .a-text,.m-work .a-text{background:linear-gradient(90deg,var(--muted) 0%,var(--muted) 35%,var(--ink) 50%,var(--muted) 65%,var(--muted) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 1.8s linear infinite}.agent-line.error{background:#e5484d14;color:var(--mark)}.agent-line.error .a-ic{background:var(--mark)}.agent-line.waiting .a-ic{background:var(--line-strong)}.agent-line .a-actions{display:flex;gap:10px;margin-top:6px}.agent-line .a-actions button{font-size:12px;font-weight:500;color:var(--accent)}.agent-line .a-actions button.quiet{color:var(--muted)}.thread-reply{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;border-top:1px solid var(--line)}#ink-chip{position:fixed;z-index:22}#ink-chip button{height:30px;padding:0 11px;border-radius:99px;background:var(--ink);color:var(--paper);font-weight:500;font-size:12px;box-shadow:var(--shadow-lg)}.modal{position:fixed;inset:0;z-index:40;display:grid;place-items:start center;padding-top:18vh;background:#1414162e}.modal-card{width:min(560px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);padding:14px}.modal-card.narrow{width:min(380px,calc(100vw - 32px))}.modal-head{display:flex;align-items:center;justify-content:space-between;font-weight:600;margin-bottom:10px}.modal-card textarea,.modal-card input{width:100%;border:1px solid var(--line);background:var(--surface-2);border-radius:10px;padding:10px 12px;outline:0;resize:none;font-size:14px}.modal-card textarea:focus,.modal-card input:focus{border-color:var(--accent)}.modal-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.size-pick{display:flex;gap:2px;padding:3px;border-radius:9px;background:var(--surface-2);border:1px solid var(--line)}.size-pick button{height:26px;padding:0 10px;border-radius:6px;color:var(--muted);font-weight:500;font-size:12px}.size-pick button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #00000014}#empty{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.empty-set{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:30px;padding:0 16px}.empty-frames{display:flex;align-items:flex-end;gap:40px}.empty-frame{display:flex;flex-direction:column;align-items:flex-start;gap:7px;text-align:left}.ef-name{font:500 12px/1 var(--font);color:var(--muted);transition:color .15s}.ef-name small{margin-left:7px;font:500 11px/1 var(--mono);opacity:.75}.ef-sheet{position:relative;display:block;height:min(300px,38vh);aspect-ratio:1440 / 1024;container-type:inline-size;background:#fff;border-radius:2px;box-shadow:0 0 0 1px var(--line-strong);transition:box-shadow .15s}.empty-frame.phone .ef-sheet{aspect-ratio:393 / 852}.ef-sheet b{position:absolute;left:11%;right:8%;top:27%;font:500 clamp(10px,3.7cqw,17px)/1.25 var(--font);letter-spacing:-.022em;color:#b9b9c0;transition:color .15s}.empty-frame.phone .ef-sheet b{left:9%;top:15%;font-size:clamp(10px,7.7cqw,12px)}.empty-frame:hover .ef-sheet,.empty-frame:focus-visible .ef-sheet{box-shadow:0 0 0 1.5px var(--accent)}.empty-frame:hover .ef-name,.empty-frame:focus-visible .ef-name{color:var(--accent)}.empty-frame:hover .ef-sheet b{color:#88888f}.empty-frame:focus-visible{outline:none}.empty-note{max-width:480px;margin:0;text-align:center;color:var(--muted);font-size:13px;line-height:1.7}.empty-note code{display:inline-block;margin-top:6px;white-space:nowrap;padding:2px 7px;border-radius:6px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);font:12px/1.5 var(--mono);user-select:all;-webkit-user-select:all}#empty.guest .empty-frames,#empty.guest .empty-own{display:none}#toast{position:fixed;left:50%;bottom:76px;transform:translate(-50%);z-index:50;padding:8px 14px;border-radius:10px;background:var(--ink);color:var(--paper);font-weight:500;box-shadow:var(--shadow-lg)}#share-menu{width:360px;max-height:calc(100vh - 80px);overflow:auto}.btn-google{width:100%;height:38px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface);font-weight:500;margin-bottom:12px}.btn-google:hover{background:var(--surface-2)}.btn-google svg{width:18px;height:18px}.btn-dark{height:32px;padding:0 12px;border-radius:8px;background:var(--ink);color:var(--paper);font-weight:500}.btn-dark:disabled{opacity:.5}.members{margin:0 0 12px;display:flex;flex-direction:column;gap:2px}.member{display:flex;align-items:center;gap:9px;padding:6px 2px}.member .m-av{width:26px;height:26px;border-radius:50%;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;font:600 10px/1 var(--font);color:var(--ink-2);overflow:hidden;flex:none}.member .m-av img,.av-sm img{width:100%;height:100%;object-fit:cover}.member .m-text{flex:1;min-width:0}.member .m-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member .m-sub{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member .m-x{color:var(--muted);font-size:16px;width:22px;height:22px;border-radius:6px}.member .m-x:hover{background:var(--surface-2);color:var(--mark)}.signed-as{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);margin:2px 0 12px}.signed-as #me-email{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.av-sm{width:18px;height:18px;border-radius:50%;overflow:hidden;background:var(--surface-2);flex:none}.lan-share{border-top:1px solid var(--line);padding-top:10px}.avatar.me{cursor:pointer}.lan-share.only{border-top:0;padding-top:0}.lan-share summary{cursor:pointer;color:var(--ink-2);font-weight:500;font-size:12.5px;margin-bottom:10px}.agent-line .a-meta{font:500 11px/1.4 var(--mono);color:var(--muted);margin-top:5px}.agent-line .a-model{font:500 10.5px/1 var(--mono);color:var(--muted);padding:2px 5px;border-radius:4px;border:1px solid var(--line);margin-right:4px}.msg-agent{background:var(--surface-2)}.av-agent{background:var(--ink)!important}.av-agent svg{width:10px;height:10px;stroke:var(--paper);fill:none;stroke-width:2.4}.sc-card{width:min(720px,calc(100vw - 32px))}.sc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 28px}.sc-group{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px}.sc-row{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid var(--line);font-size:12.5px}.sc-keys{display:flex;gap:4px;flex:none}@media(max-width:640px){.sc-grid{grid-template-columns:1fr}}#composer.soft{animation:softIn .22s ease-out}#composer.soft textarea::placeholder{color:var(--accent)}@keyframes softIn{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:none}}.prompt-head,.prompt-ideas{display:none}#composer.prompt{width:400px;padding:14px}#composer.prompt .prompt-head{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;margin-bottom:10px}#composer.prompt .prompt-head b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#composer.prompt .prompt-ideas{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.prompt-ideas button{height:26px;padding:0 10px;border-radius:99px;border:1px solid var(--line);background:var(--surface-2);font-size:12px;font-weight:500;color:var(--ink-2)}.prompt-ideas button:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}#composer.prompt textarea{min-height:44px;font-size:14px}.frame.empty .shield{cursor:pointer}.canvas-name.editable{cursor:text;border-radius:6px;padding:2px 4px;margin:-2px -4px}.canvas-name.editable:hover{background:var(--surface-2)}.canvas-rename{font:inherit;color:var(--ink);background:var(--surface-2);border:1px solid var(--accent);border-radius:6px;padding:1px 5px;outline:0;width:220px}#fp-name{width:100%;font:600 13px var(--font);color:var(--ink);border:1px solid transparent;background:transparent;border-radius:6px;padding:3px 5px;margin-left:-5px;outline:0}#fp-name:hover{border-color:var(--line)}#fp-name:focus{border-color:var(--accent);background:var(--surface-2)}.deep-box{position:absolute;pointer-events:none;border:calc(2px / var(--z, 1)) solid var(--accent);background:#2f5bff14;border-radius:calc(2px / var(--z, 1))}.deep-box:before{content:attr(data-tag);position:absolute;left:calc(-2px / var(--z, 1));bottom:100%;transform-origin:0 100%;scale:calc(1 / var(--z, 1));font:500 10.5px/1 var(--mono);color:#fff;background:var(--accent);padding:4px 5px;border-radius:3px 3px 3px 0;margin-bottom:calc(2px / var(--z, 1));white-space:nowrap}.area{position:absolute;pointer-events:none;border:calc(2px / var(--z, 1)) solid var(--accent);background:#2f5bff1a;border-radius:calc(3px / var(--z, 1));opacity:0;transition:opacity .15s}.area.show,.area.hover{opacity:1}.area:before{content:"Area";position:absolute;left:calc(-2px / var(--z, 1));bottom:100%;transform-origin:0 100%;scale:calc(1 / var(--z, 1));font:600 10px/1 var(--font);letter-spacing:.02em;color:#fff;background:var(--accent);padding:4px 6px;border-radius:4px 4px 4px 0;margin-bottom:calc(2px / var(--z, 1));white-space:nowrap}.frame .area.draft,.frame .area.picking{box-shadow:none}.area.picking{border-style:dashed}.chip-area{color:var(--accent);background:var(--accent-soft)}.scope-pick{display:flex;gap:2px;padding:3px;margin-bottom:8px;border-radius:8px;background:var(--surface-2);border:1px solid var(--line)}.scope-pick button{flex:1;height:24px;border-radius:6px;font-size:11.5px;font-weight:500;color:var(--muted)}.scope-pick button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #00000014}.scope-pick button:disabled{opacity:.4;cursor:default}#canvas-pins{position:absolute;left:0;top:0;width:0;height:0}#marquee{position:absolute;pointer-events:none;border:calc(1px / var(--z, 1)) solid var(--accent);background:#2f5bff14}#align-bar{position:fixed;z-index:22;display:flex;align-items:center;gap:2px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);animation:softIn .15s ease-out}#align-bar button{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:var(--ink-2)}#align-bar button:hover{background:var(--surface-2);color:var(--ink)}#align-bar button:disabled{opacity:.35;cursor:default;background:none}#align-bar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#align-bar .ab-count{font:500 12px var(--font);color:var(--ink-2);padding:0 8px 0 6px;white-space:nowrap}#align-bar .ab-sep{width:1px;height:20px;background:var(--line);margin:0 3px}#align-bar .ab-spacing{display:flex;align-items:center;gap:6px;padding-right:4px;animation:softIn .18s ease-out}#align-bar .ab-spacing[hidden]{display:none}#align-bar .ab-scrub{width:26px;height:28px;display:grid;place-items:center;color:var(--accent);cursor:ew-resize;border-radius:6px}#align-bar .ab-scrub:hover{background:var(--accent-soft)}#align-bar .ab-range{width:120px;accent-color:var(--accent);cursor:pointer}#align-bar .ab-num{display:flex;align-items:center;gap:2px;height:28px;padding:0 6px;border-radius:7px;border:1px solid var(--line);background:var(--surface-2)}#align-bar .ab-num:focus-within{border-color:var(--accent)}#align-bar .ab-val{width:38px;border:0;outline:0;background:transparent;font:12px var(--mono);color:var(--ink);text-align:right}#align-bar .ab-num small{font:11px var(--mono);color:var(--muted)}#guides{position:absolute;left:0;top:0;overflow:visible;pointer-events:none;z-index:8}#guides line{stroke:#ff2d55;stroke-width:calc(.6px / var(--z, 1));shape-rendering:crispEdges}#dup-ghost{position:absolute;pointer-events:none;border:calc(1.5px / var(--z, 1)) dashed var(--accent);background:var(--accent-soft);border-radius:2px}#dup-ghost span{position:absolute;left:0;bottom:100%;transform-origin:0 100%;scale:calc(1 / var(--z, 1));padding-bottom:6px;font:500 12.5px var(--font);color:var(--accent);white-space:nowrap}#viewport.alt[data-tool=select] .frame-label{cursor:copy}#viewport[data-tool=frame],#viewport[data-tool=frame] .shield{cursor:crosshair}#draw-box{position:absolute;border:calc(1.5px / var(--z, 1)) solid var(--accent);background:var(--accent-soft);pointer-events:none}#draw-box span{position:absolute;left:50%;top:100%;transform-origin:50% 0;translate:-50% 0;scale:calc(1 / var(--z, 1));margin-top:6px;font:500 11px/1 var(--mono);color:#fff;background:var(--accent);padding:4px 6px;border-radius:4px;white-space:nowrap}.frame-label .dims{flex:none;display:none;font:500 10.5px/1 var(--mono);color:var(--muted)}.frame.selected .frame-label .dims{display:inline}.frame .empty-hint{position:absolute;inset:0;display:none;pointer-events:none}.frame .empty-hint b{position:absolute;left:var(--plx, 11%);right:var(--plx, 11%);top:var(--pty, 27%);color:#b9b9c0;font:500 var(--pfs, 30px)/1.25 var(--font);letter-spacing:-.022em}.frame[data-on=dark] .empty-hint b{color:#fff6}.frame[data-on=canvas] .empty-hint b{color:var(--muted)}.frame.empty.prompting .empty-hint{display:none}.frame .down-hint{display:none;position:absolute;inset:0;z-index:2;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--pfs, 30px) * .16);padding:8%;text-align:center;pointer-events:none;background:#fff;color:#88888f;font:400 calc(var(--pfs, 30px) * .46)/1.4 var(--font)}.frame .down-hint b{color:#17171a;font-weight:600;font-size:calc(var(--pfs, 30px) * .56);letter-spacing:-.01em}.frame.down .down-hint,.frame.empty .empty-hint{display:flex}.frame.empty .frame-body{box-shadow:0 0 0 1px var(--line-strong),var(--frame-shadow)}.panel{position:fixed;right:12px;top:60px;z-index:21;width:268px;max-height:calc(100vh - 140px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);padding:10px}.panel-head{display:flex;align-items:center;justify-content:space-between;font-weight:600;padding:2px 2px 10px}.panel-head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fp-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.fp-q{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 8px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2)}.fp-q:hover{border-color:var(--accent);background:var(--accent-soft)}.fp-q svg{width:22px;height:22px;fill:none;stroke:var(--ink-2);stroke-width:1.6;stroke-linecap:round;margin-bottom:2px}.fp-q b{font-weight:500;font-size:12.5px}.fp-q small,.fp-row small{font:10.5px/1 var(--mono);color:var(--muted)}.fp-hint{color:var(--muted);font-size:12px;margin:10px 2px}.fp-group{border-top:1px solid var(--line);padding:6px 0}.fp-group summary{cursor:pointer;font-weight:500;font-size:12.5px;color:var(--ink-2);padding:4px 2px}.fp-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:7px 6px;border-radius:7px;font-size:12.5px;text-align:left}.fp-row:hover{background:var(--surface-2)}.fp-custom,.fp-size{display:flex;gap:6px;align-items:center;border-top:1px solid var(--line);padding-top:10px;margin-top:4px}.fp-size{border-top:0;padding-top:0;margin:0 0 8px}.fp-custom label,.fp-size label{flex:1;display:flex;align-items:center;gap:6px;height:32px;padding:0 8px;border-radius:8px;border:1px solid var(--line);background:var(--surface-2);font:500 11px var(--mono);color:var(--muted)}.fp-custom input,.fp-size input{width:100%;min-width:0;border:0;outline:0;background:transparent;font:12.5px var(--mono);color:var(--ink)}.fp-custom label:focus-within,.fp-size label:focus-within{border-color:var(--accent)}.fp-chips{display:flex;gap:4px;margin-bottom:6px}.fp-chip{flex:1;height:28px;border-radius:7px;border:1px solid var(--line);font-size:12px;font-weight:500;color:var(--ink-2)}.fp-chip:hover{background:var(--surface-2)}.fp-chip.on{border-color:var(--ink);color:var(--ink)}#fp-describe{display:block;margin:12px 2px 2px;text-align:left}#viewport.dragging iframe,#viewport.panning iframe{pointer-events:none}#agent-pill.offline .agent-dot{background:var(--muted);box-shadow:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:125% 0}to{background-position:-125% 0}}@keyframes sweep{0%{left:-35%}to{left:100%}}@keyframes ring{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}@keyframes pulse{50%{opacity:.45}}@keyframes fadeout{0%,70%{opacity:1}to{opacity:0}}@media(max-width:640px){.canvas-name,.sep{display:none}#toolbar{bottom:12px}#zoom{display:none}.pop,.menu{width:calc(100vw - 32px)}}#composer{width:340px;padding:0;border-radius:18px}#composer.prompt{width:400px;padding:14px 0 0}#composer.prompt .prompt-head,#composer.prompt .prompt-ideas{margin-left:14px;margin-right:14px}#composer.prompt.onpage{--p-ink: #17171A;--p-2: #48484D;--p-mut: #88888F;--p-ph: #B9B9C0;--p-line: #E4E4E7;--p-hover: #F4F4F5;--p-on: #fff;position:absolute;left:var(--plx, 11%);right:var(--plx, 11%);top:var(--pty, 27%);width:auto;z-index:4;user-select:text;-webkit-user-select:text;display:flex;flex-direction:column;gap:calc(var(--pfs, 24px) * .6);padding:0;background:none;border:0;border-radius:0;box-shadow:none;animation:none}#composer.prompt.onpage .prompt-ideas,#composer.prompt.onpage .c-foot,#composer.prompt.onpage .c-files{zoom:var(--pk, 1)}#composer.prompt.onpage[hidden]{display:none}#composer.prompt.onpage[data-on=dark]{--p-ink: #fff;--p-2: rgba(255,255,255,.82);--p-mut: rgba(255,255,255,.6);--p-ph: rgba(255,255,255,.4);--p-line: rgba(255,255,255,.2);--p-hover: rgba(255,255,255,.12);--p-on: #17171A}#composer.prompt.onpage[data-on=canvas]{--p-ink: var(--ink);--p-2: var(--ink-2);--p-mut: var(--muted);--p-ph: var(--muted);--p-line: var(--line);--p-hover: var(--surface-2);--p-on: var(--paper)}#composer.prompt.onpage .prompt-head,#composer.prompt.onpage .c-chips{display:none}#composer.prompt.onpage .cbox{display:contents}#composer.prompt.onpage textarea{order:1;min-height:0;max-height:none;padding:0;user-select:text;-webkit-user-select:text;color:var(--p-ink);caret-color:#2f5bff;font:500 var(--pfs, 24px)/1.25 var(--font);letter-spacing:-.022em}#composer.prompt.onpage textarea::placeholder{color:var(--p-ph)}#composer.prompt.onpage .c-files{order:2}#composer.prompt.onpage .prompt-ideas{order:3;margin:0}#composer.prompt.onpage .prompt-ideas button{background:none;border-color:var(--p-line);color:var(--p-2)}#composer.prompt.onpage .prompt-ideas button:hover{background:var(--p-hover);border-color:var(--p-line);color:var(--p-ink)}#composer.prompt.onpage .c-foot{order:4;margin-left:0;padding-top:8px;border-top:1px solid var(--p-line)}#composer.prompt.onpage .c-foot>:first-child{margin-left:-6px}#composer.prompt.onpage .c-btn,#composer.prompt.onpage .c-model{color:var(--p-mut)}#composer.prompt.onpage .c-btn:hover,#composer.prompt.onpage .c-model.pick:hover{background:var(--p-hover);color:var(--p-ink)}#composer.prompt.onpage .c-send{background:var(--p-ink);color:var(--p-on)}.cbox{display:flex;flex-direction:column;gap:6px;padding:12px 8px 8px 14px;border-radius:inherit}.cbox.drop{box-shadow:inset 0 0 0 2px var(--accent);background:var(--accent-soft)}.cbox textarea{width:100%;resize:none;border:0;outline:0;background:transparent;color:var(--ink);font:14px/1.45 var(--font);max-height:180px;padding:2px 6px 2px 0}.cbox textarea::placeholder{color:var(--muted)}.c-chips{display:flex;gap:6px;flex-wrap:wrap}.c-chips:not(:has(.chip:not([hidden]))){display:none}.c-foot{display:flex;align-items:center;gap:2px;margin-left:-6px}.c-model{margin-left:auto;margin-right:2px;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.c-btn,.c-send{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:var(--ink-2)}.c-btn:hover{background:var(--surface-2);color:var(--ink)}.c-btn svg,.c-send svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.c-btn.on{color:#fff;background:var(--mark);animation:micPulse 1.4s ease-in-out infinite}@keyframes micPulse{50%{box-shadow:0 0 0 5px #e5484d2e}}.c-send{margin-left:2px;background:var(--accent);color:#fff}.c-send svg{stroke-width:1.9}.c-send:disabled{opacity:.3;cursor:default}.c-files{display:flex;flex-wrap:wrap;gap:6px;padding-right:6px}.c-file{position:relative;height:48px;max-width:180px;display:flex;align-items:center;gap:6px;padding:0 10px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);font-size:12px;color:var(--ink-2)}.c-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-file svg{flex:none;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4}.c-file.img{width:48px;padding:0;overflow:hidden}.c-file.img img{width:100%;height:100%;object-fit:cover}.c-file button{position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:#000000a6;color:#fff;display:none;place-items:center}.c-file button svg{width:10px;height:10px;stroke:#fff;stroke-width:1.6}.c-file:hover button{display:grid}#thread{width:360px;border-radius:18px;max-height:min(72vh,620px)}.t-tools{display:flex;justify-content:flex-end;gap:2px;padding:6px 6px 0;opacity:0;transition:opacity .15s}#thread:hover .t-tools,#thread:focus-within .t-tools{opacity:1}#thread .thread-body{overflow:auto;padding:0 14px 10px;display:flex;flex-direction:column;gap:14px}.m-user{align-self:flex-end;max-width:86%;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.m-user .bubble{background:color-mix(in srgb,var(--accent) 20%,var(--surface));color:var(--ink);padding:8px 12px;border-radius:16px;white-space:pre-wrap;word-wrap:break-word;font-size:13.5px;line-height:1.45}.m-meta{font-size:11px;color:var(--muted);opacity:0;transition:opacity .15s}.m-user:hover .m-meta{opacity:1}.m-files{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.m-files img{display:block;max-width:150px;max-height:110px;border-radius:10px;border:1px solid var(--line)}.m-files a.f{display:inline-flex;align-items:center;gap:6px;max-width:200px;padding:6px 10px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);font-size:12px;color:var(--ink-2);text-decoration:none}.m-files a.f span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-files a.f svg{flex:none;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.4}.m-agent{font-size:13.5px;line-height:1.5;color:var(--ink)}.m-worked{font-size:12px;color:var(--muted);padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid var(--line)}.m-text{white-space:pre-wrap;word-wrap:break-word}.m-agent.error .m-text{color:var(--mark)}.m-agent.quiet .m-text{color:var(--muted)}.m-acts{display:flex;align-items:center;gap:12px;min-height:22px;margin-top:4px;font-size:12px;color:var(--muted);opacity:0;transition:opacity .15s}.m-agent:hover .m-acts,.m-acts.show{opacity:1}.m-acts button{font:500 12px/1 var(--font);color:var(--ink-2);padding:4px 6px;margin:0 -6px;border-radius:6px}.m-acts button:hover{background:var(--surface-2);color:var(--ink)}.m-acts button.primary{color:var(--accent)}.m-work{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}.m-work .spin{flex:none;width:12px;height:12px;border-radius:50%;border:1.6px solid var(--accent-soft);border-top-color:var(--accent);animation:spin .7s linear infinite}#thread .thread-reply{display:block;padding:0 8px 8px;border-top:0}#thread .thread-reply .cbox{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:10px 6px 6px 12px}#thread .t-tools{align-items:center;gap:2px;padding:8px 8px 6px 14px}.t-state{margin-right:auto;font-size:12px;font-weight:500;color:var(--muted)}.t-btn{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:var(--muted)}.t-btn:hover{background:var(--surface-2);color:var(--ink)}.t-btn svg,.t-menu svg,.cp-x svg,.cp-res svg,.comments-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.t-btn[data-act=more] svg{fill:currentColor;stroke:none}.t-more{position:relative}.t-menu{position:absolute;right:0;top:32px;z-index:2;min-width:150px;padding:4px;border-radius:10px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg)}.t-menu:not([hidden]){display:block}.t-menu button{width:100%;display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:7px;font-size:12.5px;color:var(--mark)}.t-menu button:hover{background:#e5484d14}#thread .thread-body{padding-top:2px;gap:16px}.m-agent{display:grid;grid-template-columns:18px 1fr;gap:9px}.m-mark{width:18px;height:18px;margin-top:1px;display:grid;place-items:center;color:var(--muted)}.m-mark svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4}.m-body{min-width:0}.m-agent.error .m-mark{color:var(--mark)}.m-acts span{color:var(--muted)}.comments-btn{gap:6px}.comments-btn.has span{font-weight:600;color:var(--ink)}#comments-panel{position:fixed;z-index:24;top:60px;right:12px;width:352px;max-height:calc(100vh - 150px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden}#comments-panel[hidden]{display:none}.cp-head{display:flex;align-items:center;gap:10px;padding:12px 10px 10px 16px}.cp-head>b{font-size:14px;font-weight:600}.cp-tabs{display:flex;gap:2px;padding:2px;margin-left:auto;border-radius:9px;background:var(--surface-2)}.cp-tabs button{padding:5px 10px;border-radius:7px;font:500 12px/1 var(--font);color:var(--muted)}.cp-tabs button span{margin-left:2px}.cp-tabs button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0000001f}.cp-x{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:var(--muted)}.cp-x:hover{background:var(--surface-2);color:var(--ink)}.cp-list{overflow:auto;padding:0 6px 6px}.cp-item{position:relative;display:flex;gap:10px;padding:10px;border-radius:12px;cursor:pointer}.cp-item+.cp-item{margin-top:2px}.cp-item:hover,.cp-item.on{background:var(--surface-2)}.cp-av{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff;font:600 10px/1 var(--font)}.cp-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.cp-top{display:flex;align-items:baseline;gap:6px;font-size:12px;color:var(--muted);padding-right:26px}.cp-top b{color:var(--ink);font-weight:600;font-size:12.5px}.cp-where{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.cp-top time{margin-left:auto;flex:none}.cp-text{font-size:13px;line-height:1.45;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cp-foot{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);min-width:0}.cp-foot:empty{display:none}.cp-reply{display:flex;align-items:center;gap:5px;min-width:0}.cp-reply span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-reply .m-mark{width:14px;height:14px;margin:0;flex:none}.cp-reply .m-mark svg{width:12px;height:12px}.cp-n{flex:none}.cp-st{display:inline-flex;align-items:center;gap:5px}.cp-st i{width:6px;height:6px;border-radius:50%;background:var(--muted)}.cp-st.working i{background:var(--accent);animation:micPulse 1.4s infinite}.cp-st.wait i{background:#e5a500}.cp-st.err{color:var(--mark)}.cp-st.err i{background:var(--mark)}.cp-res{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:7px;display:grid;place-items:center;color:var(--muted);opacity:0}.cp-item:hover .cp-res{opacity:1}.cp-res:hover{background:var(--surface);color:var(--ink)}.cp-empty{padding:28px 16px 32px;text-align:center;font-size:12.5px;color:var(--muted)}#composer-ink{display:inline-flex;align-items:center;gap:5px;color:var(--ink-2);background:var(--surface-2);border:1px solid var(--line)}#composer-ink[hidden]{display:none}#composer-ink svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.m-marks{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;font:500 11.5px/1.4 var(--font);color:var(--ink-2);background:var(--surface-2);border:1px solid var(--line)}.m-marks:hover{color:var(--ink);border-color:var(--line-strong)}.m-marks.on{color:var(--mark);border-color:#e5484d59}.m-marks svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.m-user .bubble{display:flex;flex-direction:column;gap:6px}.m-user .bubble.has-files{padding-top:6px}.bubble .m-files{justify-content:flex-start;margin:0 -6px}.bubble .m-files img{max-width:100%;max-height:160px;border-color:transparent;border-radius:11px}.bubble .m-files a.f{background:color-mix(in srgb,var(--surface) 55%,transparent);border-color:transparent}.bubble .m-marks{align-self:flex-start;margin:0 -4px -2px;background:color-mix(in srgb,var(--surface) 55%,transparent);border-color:transparent}.bubble .m-marks.on{border-color:#e5484d59}.c-steer{flex:none;height:24px;padding:0 9px;margin-left:4px;border-radius:99px;font:500 11.5px/1 var(--font);color:var(--muted);border:1px solid var(--line);background:transparent}.c-steer:hover{color:var(--ink)}.c-steer.on{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:var(--accent-soft)}.m-agent .m-text{line-height:1.55}.area,.deep-box{border:0!important;background:none!important;border-radius:0!important}.area:before,.deep-box:before{display:none!important}.area:after,.deep-box:after{content:"";position:absolute;inset:-16%;border-radius:46%;pointer-events:none;background:linear-gradient(105deg,transparent 32%,rgba(255,255,255,.55) 48%,rgba(255,255,255,.2) 54%,transparent 68%),radial-gradient(42% 52% at 32% 42%,rgba(124,152,255,.55),transparent 72%),radial-gradient(46% 56% at 70% 60%,rgba(197,139,255,.45),transparent 72%),radial-gradient(38% 44% at 55% 30%,rgba(124,212,255,.35),transparent 72%);background-size:260% 100%,100% 100%,100% 100%,100% 100%;-webkit-backdrop-filter:blur(4px) saturate(1.2);backdrop-filter:blur(4px) saturate(1.2);-webkit-mask-image:radial-gradient(closest-side,#000 52%,rgba(0,0,0,.6) 72%,transparent 100%);mask-image:radial-gradient(closest-side,#000 52%,rgba(0,0,0,.6) 72%,transparent 100%);animation:auraShimmer 2.6s linear infinite,auraBreathe 3.4s ease-in-out infinite}.deep-box:after{inset:calc(-24% - 8px);filter:saturate(1.4)}.area.working:after{animation-duration:1.5s,2.2s;-webkit-backdrop-filter:blur(6px) saturate(1.3);backdrop-filter:blur(6px) saturate(1.3)}@keyframes auraShimmer{0%{background-position:130% 0,0 0,0 0,0 0}to{background-position:-130% 0,0 0,0 0,0 0}}@keyframes auraBreathe{0%,to{transform:scale(1);filter:hue-rotate(0deg)}50%{transform:scale(1.05);filter:hue-rotate(28deg)}}.area{transition:opacity .45s ease}#ink g.auras .aura-stroke{fill:none;stroke-width:26;stroke-linecap:round;stroke-linejoin:round;opacity:.75;animation:auraPulse 2.2s ease-in-out infinite}@keyframes auraPulse{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.area:after,.deep-box:after,#ink g.auras .aura-stroke{animation:none}}#thread{max-height:min(56vh,440px)}#thread .t-title{display:none;margin-right:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;color:var(--ink)}#thread.docked{left:12px!important;top:60px!important;bottom:84px;width:380px;max-height:none;height:auto;animation:dockIn .18s ease-out}#thread.docked .t-tools{opacity:1;padding:10px 8px 8px 16px;border-bottom:1px solid var(--line);margin-bottom:10px}#thread.docked .t-title{display:block}#thread.docked .t-state{margin-right:4px}#thread.docked .thread-body{flex:1}@keyframes dockIn{0%{opacity:0;transform:translate(-8px)}}.m-opts{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}.m-opts .opt{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px 0 5px;border-radius:99px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font:500 12.5px/1 var(--font);cursor:pointer;transition:border-color .15s,background .15s}.m-opts .opt b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--surface);color:var(--ink-2);font:600 11px/1 var(--font)}.m-opts .opt:hover{border-color:var(--line-strong)}.m-opts .opt.on{border-color:var(--accent);background:var(--accent-soft)}.m-opts .opt.on b{background:var(--accent);color:#fff}.m-opts .opt[disabled]{cursor:default}.opt-note{font-size:11.5px;color:var(--muted)}.opt-acts{display:inline-flex;gap:6px;margin-left:2px}.opt-use{height:30px;padding:0 12px;border-radius:99px;background:var(--accent);color:#fff;font:600 12.5px/1 var(--font)}.opt-orig{height:30px;padding:0 10px;border-radius:99px;color:var(--muted);font:500 12.5px/1 var(--font)}.opt-orig:hover{color:var(--ink);background:var(--surface-2)}.m-opts.chosen .opt{cursor:default}.m-text.md{white-space:normal}.m-text.md p{margin:0}.m-text.md p+p,.m-text.md ul+p,.m-text.md p+ul{margin-top:8px}.m-text.md ul{margin:0;padding-left:18px}.m-text.md li+li{margin-top:4px}.m-text.md code{font:12px/1.4 var(--mono);padding:1px 5px;border-radius:5px;background:var(--surface-2)}.m-text.md b{font-weight:600}.bubble .m-files{gap:6px}.bubble .m-files a{display:block;flex:none}.bubble .m-files img{width:auto;height:88px;max-width:132px;max-height:88px;object-fit:cover;border-radius:10px}.bubble .m-files a:only-child img{max-width:160px}.frame>.stage-btn{position:absolute;right:0;bottom:100%;margin-bottom:calc(5px / var(--z, 1));transform-origin:100% 100%;scale:calc(1 / var(--z, 1));display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px 0 6px;border-radius:7px;font:500 11.5px/1 var(--font);color:var(--muted);background:var(--surface);border:1px solid var(--line);opacity:0;pointer-events:none;transition:opacity .15s;z-index:9;cursor:pointer}.frame>.stage-btn svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.frame:hover>.stage-btn,.frame.selected>.stage-btn,.frame.live>.stage-btn{opacity:1;pointer-events:auto}.frame>.stage-btn:hover{color:var(--ink);border-color:var(--line-strong)}body.staging .frame.staged>.stage-btn{opacity:1;pointer-events:auto;color:var(--accent)}body.staging .frame.staged>.stage-btn span:after{content:" \b7 on"}.frame:hover .frame-label,.frame.selected .frame-label{max-width:calc(var(--fw) * var(--z, 1) - 74px)}body.staging #world .frame:not(.staged){opacity:.04;pointer-events:none}#world .frame{transition:opacity .35s ease}body.staging #ink,body.staging #canvas-pins,body.staging .frame:not(.staged) .pins{opacity:0;pointer-events:none;transition:opacity .3s}body.staging #viewport{background-image:none!important}body.staging .frame.staged .frame-label .dims,body.staging .frame.staged .frame-label .kind{display:none}#stage-bar{position:fixed;z-index:40;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:5px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);animation:sbIn .25s ease-out;max-width:calc(100vw - 24px)}@keyframes sbIn{0%{opacity:0;transform:translate(-50%,-6px)}}#stage-bar svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.sb-btn{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:var(--ink-2)}.sb-btn:hover:not([disabled]){background:var(--surface-2);color:var(--ink)}.sb-btn[disabled]{opacity:.35}.sb-name{display:flex;flex-direction:column;align-items:center;min-width:120px;max-width:220px;padding:0 6px;line-height:1.2}.sb-name b{font-size:13px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-name span{font:500 10.5px/1.3 var(--mono);color:var(--muted)}.sb-sep{width:1px;height:20px;background:var(--line);margin:0 4px}.sb-tog{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:9px;font:500 12.5px/1 var(--font);color:var(--ink-2)}.sb-tog:hover{background:var(--surface-2);color:var(--ink)}.sb-tog.on{background:var(--accent-soft);color:var(--accent)}.sb-tog svg{width:14px!important;height:14px!important}.sb-exit{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px 0 9px;border-radius:9px;font:600 12.5px/1 var(--font);color:var(--ink);background:var(--surface-2)}.sb-exit:hover{background:var(--line)}.frame.staged.device .frame-body{border-radius:46px;box-shadow:none}.frame.staged.device:before{content:"";position:absolute;inset:-13px;z-index:-1;border-radius:59px;background:linear-gradient(150deg,#4a4a4e,#1f1f22 18%,#0e0e10 60%,#2b2b2f);box-shadow:inset 0 0 0 1.5px #5c5c60,inset 0 0 0 4px #121214,0 40px 90px -20px #000000bf,0 0 0 1px #0009}.frame.staged.device:after{content:"";position:absolute;right:-16px;top:24%;width:3px;height:92px;border-radius:2px;background:linear-gradient(90deg,#3a3a3e,#1a1a1c);z-index:-1}.frame.staged.device .frame-body:after{content:"";position:absolute;z-index:8;left:50%;top:11px;width:124px;height:36px;transform:translate(-50%);border-radius:20px;background:#000;pointer-events:none}.frame.staged.device.landscape .frame-body:after{left:11px;top:50%;width:36px;height:124px;transform:translateY(-50%)}.frame.staged.device.landscape:after{right:auto;left:22%;top:-16px;width:92px;height:3px}.area:after,.deep-box:after{background:radial-gradient(42% 52% at 32% 42%,rgba(124,152,255,.3),transparent 72%),radial-gradient(46% 56% at 70% 60%,rgba(197,139,255,.24),transparent 72%),radial-gradient(38% 44% at 55% 30%,rgba(124,212,255,.18),transparent 72%);background-size:100% 100%;-webkit-backdrop-filter:blur(5px) saturate(1.15);backdrop-filter:blur(5px) saturate(1.15);-webkit-mask-image:radial-gradient(closest-side,#000 52%,rgba(0,0,0,.6) 72%,transparent 100%),linear-gradient(105deg,#000 0 38%,rgba(0,0,0,.15) 47%,rgba(0,0,0,.15) 53%,#000 62% 100%);mask-image:radial-gradient(closest-side,#000 52%,rgba(0,0,0,.6) 72%,transparent 100%),linear-gradient(105deg,#000 0 38%,#00000026 47% 53%,#000 62% 100%);-webkit-mask-size:100% 100%,320% 100%;mask-size:100% 100%,320% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect;animation:auraClear 7s ease-in-out infinite,auraBreathe 6s ease-in-out infinite}.area.working:after{animation-duration:5s,5s}@keyframes auraClear{0%{-webkit-mask-position:0 0,100% 0;mask-position:0 0,100% 0}to{-webkit-mask-position:0 0,0% 0;mask-position:0 0,0% 0}}@media(prefers-reduced-motion:reduce){.area:after,.deep-box:after{animation:none}}.frame>.opt-strip{position:absolute;left:0;bottom:100%;margin-bottom:calc(34px / var(--z, 1));transform-origin:0 100%;scale:calc(1 / var(--z, 1));z-index:10;display:flex;align-items:flex-end;gap:8px;padding:8px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);animation:sbIn .25s ease-out}.os-label{align-self:center;writing-mode:vertical-rl;transform:rotate(180deg);font:600 10px/1 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.os-tile{display:flex;flex-direction:column;gap:6px;padding:0;border:0;background:none;cursor:pointer;text-align:left;color:var(--ink-2)}.os-img{display:grid;place-items:center;border-radius:8px;overflow:hidden;background:var(--surface-2);box-shadow:0 0 0 1px var(--line);transition:box-shadow .15s,transform .15s}.os-img img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.os-img b{font:600 18px/1 var(--font);color:var(--muted)}.os-tile:hover .os-img{transform:translateY(-1px);box-shadow:0 0 0 1px var(--line-strong),0 6px 16px #00000040}.os-tile.on .os-img{box-shadow:0 0 0 2px var(--accent)}.os-name{display:flex;align-items:center;gap:5px;max-width:150px;font:500 11.5px/1.2 var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.os-name i{font-style:normal;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--surface-2);font:600 9.5px/1 var(--font);flex:none}.os-tile.on .os-name{color:var(--accent)}.os-tile.on .os-name i{background:var(--accent);color:#fff}.os-use{align-self:center;height:32px;padding:0 14px;margin-left:2px;border-radius:99px;background:var(--accent);color:#fff;font:600 12.5px/1 var(--font);white-space:nowrap}body.staging .frame:not(.staged)>.opt-strip{display:none}body.staging .frame.staged>.stage-btn{height:32px;padding:0 14px 0 11px;gap:7px;border-radius:10px;font:600 13px/1 var(--font);color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 6px 18px -6px color-mix(in srgb,var(--accent) 70%,transparent);margin-bottom:calc(8px / var(--z, 1))}body.staging .frame.staged>.stage-btn svg{width:14px;height:14px}body.staging .frame.staged>.stage-btn span{font-size:0}body.staging .frame.staged>.stage-btn span:after{content:"Exit stage";font-size:13px}body.staging .frame.staged>.stage-btn:hover{filter:brightness(1.08)}.frame>.edge-zone{position:absolute;left:0;right:0;bottom:100%;height:calc(40px / var(--z, 1))}.frame>.stage-btn{visibility:hidden;transition:opacity .18s ease .35s,visibility 0s linear .53s}.frame:hover>.stage-btn,.frame.selected>.stage-btn,.frame.live>.stage-btn,body.staging .frame.staged>.stage-btn{visibility:visible;transition-delay:0s,0s}.frame>.stage-btn{pointer-events:auto}.area:not(.working),.deep-box{border:calc(1.5px / var(--z, 1)) solid var(--accent)!important;background:#2f5bff14!important;border-radius:calc(4px / var(--z, 1))!important}.area.picking{border-style:dashed!important}.area:not(.working):after,.deep-box:after{display:none!important}.deep-box:before{display:block!important}.area.working:after{animation-duration:3.2s,4s}.area.working:before{content:""!important;display:block!important;position:absolute;border-radius:22%;pointer-events:none;background:none;padding:0;scale:none;margin:0;font-size:0;inset:-6%;width:auto;height:auto;box-shadow:0 0 0 1px #a0afff73,0 0 16px 3px #8296ff73,0 0 34px 8px #af87ff38,inset 0 0 18px 2px #a091ff59;animation:edgeGlow 2.6s ease-in-out infinite}@keyframes edgeGlow{50%{box-shadow:0 0 0 1px #aab9ffa6,0 0 22px 5px #8ca0ff99,0 0 44px 12px #b991ff4d,inset 0 0 22px 3px #aa9bff73}}@media(prefers-reduced-motion:reduce){.area.working:before{animation:none}}.frame>.edge-zone{z-index:0}.frame>.frame-label{z-index:2}#viewport.dragging[data-tool=select]:not(.panning){cursor:default}.m{display:contents}#peek{z-index:26;width:340px;max-height:340px;padding:12px 0 0;border-radius:18px;display:flex;flex-direction:column;cursor:pointer;overflow:hidden}#peek[hidden]{display:none}#peek.at-pin,#thread.at-pin:not(.docked){border-bottom-left-radius:5px}#peek.in{animation:cardOpen .24s cubic-bezier(.2,.8,.2,1)}#peek.in>*{animation:softFade .2s ease .07s both}@keyframes cardOpen{0%{clip-path:inset(calc(100% - 26px) calc(100% - 34px) 0 0 round 13px 13px 13px 3px)}to{clip-path:inset(0 0 0 0 round 18px 18px 18px 5px)}}@keyframes softFade{0%{opacity:0}}#peek .thread-body{padding:0 14px 10px;display:flex;flex-direction:column;gap:12px;overflow:hidden}#peek .b-text,#peek .m-text{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}#peek .b-text{-webkit-line-clamp:4}#peek .m-text{-webkit-line-clamp:5}#peek .m-acts,#peek .m-meta,#peek .m-opts,#peek .m-work .a-btn{display:none}#peek .bubble .m-files img{height:56px}.pk-gap{align-self:center;font-size:11.5px;color:var(--muted)}.pk-bar{display:flex;align-items:center;gap:2px;padding:0 8px 8px 14px}.pk-who{margin-right:auto;font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#thread.in:not(.docked){animation:threadOpen .2s cubic-bezier(.2,.8,.2,1);transform-origin:0 100%}@keyframes threadOpen{0%{opacity:.6;transform:scale(.975)}}.m-acts{gap:2px}.m-acts .a-btn,.m-work .a-btn{flex:none;width:26px;height:26px;margin:0;padding:0;border-radius:7px;display:inline-grid;place-items:center;color:var(--muted)}.a-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.a-btn [d^="M5.5 3.5v9"]{fill:currentColor;stroke:none}.m-acts .a-btn:hover,.m-work .a-btn:hover{background:var(--surface-2);color:var(--ink)}.m-acts .a-btn.lbl{width:auto;display:inline-flex;align-items:center;gap:5px;padding:0 9px 0 6px;font:500 12px/1 var(--font)}.m-acts .a-btn.primary{color:var(--accent);background:var(--accent-soft);margin-right:4px}.m-acts .a-btn.primary:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 20%,transparent)}.m-acts .a-btn.ok{color:var(--ok)}.m-acts .a-btn+span,.m-acts .a-btn+time{margin-left:6px}.m-acts span+time:before{content:"\b7 "}.m-work{min-height:22px}.m-work .m-time{font:11px/1 var(--mono);color:var(--muted)}.m-work .a-btn{margin-left:auto;opacity:0;transition:opacity .15s}.m-agent:hover .m-work .a-btn,.m-work .a-btn:focus-visible{opacity:1}.m-work .a-btn:hover{color:var(--mark)}.m-stream{margin-top:6px;color:var(--ink-2)}.frame .progress,.frame-label .spinner{display:none!important}.frame.working .frame-body{box-shadow:0 0 0 1px var(--line),var(--frame-shadow)}.frame.working.selected .frame-body{box-shadow:0 0 0 calc(1.5px / var(--z, 1)) var(--accent),var(--frame-shadow)}.frame.working .frame-label .stop{display:none}.frame.working:hover .frame-label .stop,.frame.working.selected .frame-label .stop{display:inline-block}.pill.busy .agent-dot{animation:none}.frame iframe.incoming{visibility:hidden}.frame>.stage-btn{display:none!important}#edge{position:fixed;z-index:19;display:flex;gap:4px;animation:softFade .15s ease}#edge[hidden]{display:none}.eg-btn{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px 0 7px;border-radius:8px;font:500 11.5px/1 var(--font);color:var(--muted);background:transparent}.eg-btn svg{width:13px;height:13px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.eg-btn:hover{color:var(--ink);background:var(--surface-2)}#edge.compact .eg-btn{padding:0 6px}#edge.compact .eg-btn span{display:none}#edge.inside .eg-btn{background:var(--surface);box-shadow:0 0 0 1px var(--line),var(--shadow);color:var(--ink-2)}#edge.inside .eg-btn:hover{background:var(--surface-2)}#edge.exit .eg-btn{height:32px;padding:0 14px 0 11px;gap:7px;border-radius:10px;font:600 13px/1 var(--font);color:#fff;background:var(--accent);box-shadow:0 6px 18px -6px color-mix(in srgb,var(--accent) 70%,transparent)}#edge.exit .eg-btn:hover{filter:brightness(1.08);background:var(--accent);color:#fff}.frame:hover .frame-label,.frame.selected .frame-label,.frame.live .frame-label{max-width:calc(var(--fw) * var(--z, 1) - 78px)}#viewport[data-tool=select] .frame:not(.selected):has(>.frame-label:hover) .frame-body{box-shadow:0 0 0 calc(1.5px / var(--z, 1)) var(--accent),var(--frame-shadow)}#viewport[data-tool=select] .frame-label .name{transition:color .12s}#topbar{left:10px;right:10px;top:8px}.brand,.pill,.share-btn{background:color-mix(in srgb,var(--paper) 72%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:0;box-shadow:none}.brand{gap:9px;padding:5px 10px 5px 6px;border-radius:9px}.logo svg{width:18px;height:18px}.logo rect{fill:var(--ink-2)}.canvas-name{color:var(--ink);font-weight:500}.canvas-name.editable:hover{background:var(--surface-hover)}.top-right{gap:2px}.pill{height:30px;padding:0 9px;border-radius:8px;color:var(--ink-2);transition:background .12s}.pill:hover{background:var(--surface-hover);color:var(--ink)}.share-btn{font-weight:500;color:var(--ink);padding:0 11px}.comments-btn span:empty{display:none}.comments-btn.has span{font-weight:500;color:var(--ink-2)}#agent-pill{gap:0}#agent-label{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .3s cubic-bezier(.2,.8,.2,1),opacity .2s,margin .3s;margin-left:0;font-weight:400}#agent-pill:hover #agent-label,#agent-pill:focus-visible #agent-label,#agent-pill.say #agent-label,#agent-pill.offline #agent-label{max-width:46vw;opacity:1;margin-left:8px}.agent-dot,.pill.busy .agent-dot,.pill.inbox .agent-dot{box-shadow:none}.avatar{width:24px;height:24px;font-size:10px}.presence{margin-right:6px}.presence:empty{display:none}:root{--surface-hover: color-mix(in srgb, var(--ink) 7%, transparent)}#zoom{right:12px;bottom:14px;background:transparent;border:0;box-shadow:none;overflow:visible;opacity:.55;transition:opacity .2s}#zoom:hover,#zoom:focus-within,#zoom.awake{opacity:1}#zoom button{height:28px;min-width:28px;border-radius:7px}#zoom button:hover{background:var(--surface-hover)}#zoom-level{min-width:48px;border:0!important}#zoom-out,#zoom-in{opacity:0;transition:opacity .15s}#zoom:hover #zoom-out,#zoom:hover #zoom-in,#zoom:focus-within #zoom-out,#zoom:focus-within #zoom-in{opacity:1}#toolbar{bottom:14px;padding:4px;border-radius:13px;box-shadow:var(--shadow)}#toolbar button{width:34px;height:34px;border-radius:9px}#toolbar button:hover{background:var(--surface-hover)}#toolbar svg{width:18px;height:18px}#toolbar .tb-new{padding:0 11px 0 8px}.frame-label .kind{border:0;background:none;padding:0;text-transform:none;letter-spacing:0;font:400 11.5px/1 var(--font);opacity:0;transition:opacity .15s}.frame:hover .frame-label .kind,.frame.selected .frame-label .kind,.frame.live .frame-label .kind{opacity:1}.frame-label .ic[data-k=live]{display:none}.frame-label .count{color:var(--muted);font:500 11px/1 var(--font)}.frame.selected .frame-label .count{color:var(--accent)}.icon-btn:hover,.menu-item:hover,.t-btn:hover,.cp-x:hover,.c-btn:hover{background:var(--surface-hover)}.panel,#comments-panel{top:50px}.frame-label .count{display:inline-flex;align-items:center;gap:3px;height:18px;padding:0 5px 0 4px;margin:0 -2px;border-radius:5px;color:var(--muted);font:500 11px/1 var(--font);cursor:pointer;flex:none}.frame-label .count[hidden]{display:none}.frame-label .count svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.frame-label .count:hover{background:var(--surface-hover);color:var(--ink)}.frame.narrow .frame-label .count{display:none}body.versions-on #world{opacity:.05;pointer-events:none}#world{transition:opacity .3s ease}body.versions-on #toolbar,body.versions-on #zoom,body.versions-on #edge{opacity:0;pointer-events:none}#toolbar,#zoom{transition:opacity .2s}#tip{position:fixed;z-index:60;pointer-events:none;display:flex;align-items:center;gap:7px;max-width:280px;padding:5px 8px;border-radius:7px;background:var(--ink);color:var(--paper);font:500 11.5px/1.35 var(--font);box-shadow:0 4px 14px #00000038;animation:tipIn .09s ease-out}#tip[hidden]{display:none}#tip.up{animation-name:tipInUp}#tip kbd{flex:none;padding:1px 4px;border-radius:4px;border:0;background:color-mix(in srgb,var(--paper) 18%,transparent);color:inherit;font:500 10.5px/1.3 var(--mono)}@keyframes tipIn{0%{opacity:0;transform:translateY(-2px)}}@keyframes tipInUp{0%{opacity:0;transform:translateY(2px)}}.sb-name{min-width:96px;justify-content:center}.sb-exit{color:#fff;background:var(--accent);padding:0 13px 0 10px}.sb-exit:hover{background:var(--accent);filter:brightness(1.08)}#stage-bar .sb-btn:hover:not([disabled]),.sb-tog:hover{background:var(--surface-hover)}.eg-btn{font:500 12.5px/1 var(--font);gap:5px;padding:0 8px 0 6px}.eg-btn svg{width:13px;height:13px;display:block;position:relative;top:-.5px}.eg-btn span{display:block;line-height:16px}#peek.in,#thread.in:not(.docked){animation:none}#peek.in>*{animation:none}@keyframes cardGrow{0%{opacity:0;transform:scale(.55)}}#thread.grow:not(.docked){animation:cardSettle .12s ease-out}@keyframes cardSettle{0%{opacity:.85}}#peek,#thread{will-change:transform,opacity}@media(prefers-reduced-motion:reduce){#peek.in,#thread.in,#thread.grow{animation:none}}:root{--lz: 1}.frame-label{scale:calc(var(--lz) / var(--z, 1));max-width:calc(var(--fw) * var(--z, 1) / var(--lz));color:color-mix(in srgb,var(--muted) calc((1.5 - var(--lz)) * 200%),var(--ink-2))}.frame:hover .frame-label,.frame.selected .frame-label,.frame.live .frame-label{max-width:calc((var(--fw) * var(--z, 1) - 84px) / var(--lz))}.frame.selected .frame-label{color:var(--accent)}.frame.working .frame-label{color:var(--ink)}.eg-btn{height:calc(24px * var(--lz));font-size:calc(12.5px * var(--lz));padding:0 calc(8px * var(--lz)) 0 calc(6px * var(--lz));gap:calc(5px * var(--lz));color:color-mix(in srgb,var(--muted) calc((1.5 - var(--lz)) * 200%),var(--ink-2))}.eg-btn svg{width:calc(13px * var(--lz));height:calc(13px * var(--lz))}.eg-btn span{line-height:calc(16px * var(--lz))}.frame>.edge-zone{height:calc(40px * var(--lz) / var(--z, 1))}body.versions-on #topbar{opacity:0;pointer-events:none}#topbar{transition:opacity .2s}.sb-exit{color:var(--ink-2);background:transparent;padding:0 11px 0 8px;font-weight:500;white-space:nowrap}.sb-exit:hover{background:var(--surface-hover);color:var(--ink);filter:none}#stage-bar,.vs-bar{white-space:nowrap}body.no-comments .pin,body.no-comments .area,body.no-comments #ink path.used,body.no-comments #ink g.auras{display:none!important}.comments-btn.off{opacity:.45}.comments-btn.off svg{stroke-dasharray:2.2 2}.area.working{border:0!important;background:color-mix(in srgb,var(--accent) 5%,transparent)!important;border-radius:calc(6px / var(--z, 1))!important;overflow:hidden;box-shadow:none}.area.working:before{content:none!important;display:none!important}.area.working:after{content:"";display:block!important;position:absolute;inset:0;border-radius:0;filter:none;transform:none;-webkit-backdrop-filter:none;backdrop-filter:none;-webkit-mask-image:none;mask-image:none;background:linear-gradient(100deg,transparent 38%,rgba(255,255,255,.16) 50%,transparent 62%);background-size:260% 100%;animation:shimmer 2.4s linear infinite}#ink g.auras .aura-stroke{stroke-width:12;opacity:.32;filter:none;animation:auraPulse 2.6s ease-in-out infinite}@keyframes auraPulse{50%{opacity:.16}}@media(prefers-reduced-motion:reduce){.area.working:after{animation:none;background:none}}body.staging .frame:not(.staged)>.ver-strip{display:none}.frame-body>.ver-prev{position:absolute;inset:0;z-index:5;background:#fff;opacity:0;transition:opacity .14s ease;pointer-events:none}.frame-body>.ver-prev.on{opacity:1}.frame-body>.ver-prev.live{pointer-events:auto}.ver-prev img,.ver-prev iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.ver-prev img{object-fit:cover;object-position:top center}.ver-prev iframe{opacity:0;background:#fff}.ver-prev iframe.ready{opacity:1}.frame.previewing .pins,.frame.previewing .areas{opacity:0;pointer-events:none;transition:opacity .12s}.frame.previewing .frame-body{box-shadow:0 0 0 calc(1.5px / var(--z, 1)) color-mix(in srgb,var(--accent) 55%,transparent),var(--frame-shadow)}#sections{position:absolute;left:0;top:0}.section{position:absolute;border-radius:calc(10px / var(--z, 1));background:color-mix(in srgb,var(--ink) 4%,transparent);box-shadow:inset 0 0 0 calc(1px / var(--z, 1)) var(--line)}.section.selected{box-shadow:inset 0 0 0 calc(1.5px / var(--z, 1)) var(--accent)}.sec-label{position:absolute;left:0;bottom:100%;display:flex;align-items:center;gap:8px;height:28px;padding:0 2px 6px;transform-origin:0 100%;scale:calc(var(--lz) / var(--z, 1));max-width:calc(var(--sw) * var(--z, 1) / var(--lz));white-space:nowrap;font:600 12.5px/1 var(--font);color:var(--ink-2);cursor:default}.sec-name{overflow:hidden;text-overflow:ellipsis;padding:3px 6px;margin-left:-6px;border-radius:6px}#viewport[data-tool=select] .sec-label:hover .sec-name{background:var(--surface-hover);color:var(--ink)}.section.selected .sec-name{color:var(--accent)}.sec-label .rename{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--accent);border-radius:5px;padding:2px 6px;outline:0;width:220px}.sec-clear{flex:none;height:20px;padding:0 7px;border-radius:6px;font:500 11px/1 var(--font);color:var(--muted);opacity:0;transition:opacity .15s}.section:hover .sec-clear,.section.selected .sec-clear{opacity:1}.sec-clear:hover{background:var(--surface-hover);color:var(--ink)}.section .srz{position:absolute;display:none;--t: calc(10px / var(--z, 1))}#viewport[data-tool=select] .section.selected .srz{display:block}.section .rz-n,.section .rz-s{left:var(--t);right:var(--t);height:var(--t);cursor:ns-resize}.section .rz-n{top:calc(var(--t) / -2)}.section .rz-s{bottom:calc(var(--t) / -2)}.section .rz-e,.section .rz-w{top:var(--t);bottom:var(--t);width:var(--t);cursor:ew-resize}.section .rz-e{right:calc(var(--t) / -2)}.section .rz-w{left:calc(var(--t) / -2)}.section .rz-ne,.section .rz-nw,.section .rz-se,.section .rz-sw{width:calc(var(--t) * 1.4);height:calc(var(--t) * 1.4)}.section .rz-nw{left:calc(var(--t) * -.7);top:calc(var(--t) * -.7);cursor:nwse-resize}.section .rz-se{right:calc(var(--t) * -.7);bottom:calc(var(--t) * -.7);cursor:nwse-resize}.section .rz-ne{right:calc(var(--t) * -.7);top:calc(var(--t) * -.7);cursor:nesw-resize}.section .rz-sw{left:calc(var(--t) * -.7);bottom:calc(var(--t) * -.7);cursor:nesw-resize}.section .rz-ne:after,.section .rz-nw:after,.section .rz-se:after,.section .rz-sw:after{content:"";position:absolute;inset:30%;background:#fff;border:calc(1.5px / var(--z, 1)) solid var(--accent);border-radius:calc(1.5px / var(--z, 1))}#viewport[data-tool=section],#viewport[data-tool=section] .shield{cursor:crosshair}body.staging #sections,body.versions-on #sections{opacity:0;pointer-events:none;transition:opacity .3s}#world.gliding .frame,#world.gliding .section{transition:left .45s cubic-bezier(.2,.8,.2,1),top .45s cubic-bezier(.2,.8,.2,1),opacity .35s ease}.eg-btn[hidden]{display:none}.eg-use{color:var(--accent)}.eg-use:hover{color:var(--accent);background:var(--accent-soft)}.eg-use.done{color:var(--ok);pointer-events:none}#comments-panel{width:320px}.cp-item{align-items:flex-start;gap:10px;padding:9px 34px 9px 10px}.cp-item .cp-text{flex:1;min-width:0;-webkit-line-clamp:3;font-size:13px;line-height:1.45;padding-top:2px}.cp-av{position:relative}.cp-av.busy:after,.cp-av.err:after{content:"";position:absolute;right:-2px;bottom:-2px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--surface)}.cp-av.busy:after{animation:pulse 1.2s ease-in-out infinite}.cp-av.err:after{background:var(--mark)}.cp-item:hover,.cp-item.on{background:var(--surface-hover)}.pin.ping .pin-dot:before{content:"";position:absolute;inset:-4px;border-radius:inherit;border:2px solid var(--accent);pointer-events:none;animation:pinPing .7s ease-out 3}.pin.ping .pin-dot{animation:pinPop .35s cubic-bezier(.3,1.6,.5,1)}@keyframes pinPing{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@keyframes pinPop{50%{transform:scale(1.18)}}@media(prefers-reduced-motion:reduce){.pin.ping .pin-dot,.pin.ping .pin-dot:before{animation:none}.pin.ping .pin-dot{box-shadow:0 0 0 2px #fff,0 0 0 5px var(--accent)}}body.versions-on #comments-panel,body.versions-on .panel,body.versions-on #align-bar,body.versions-on #thread,body.versions-on #peek{display:none!important}.pin-n{flex:none;display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px 10px 10px 3px;background:#17171a;color:#fff;font:600 11px/1 var(--font);box-shadow:0 0 0 1px #ffffffd9}.pk-bar .pin-n{margin-right:8px}#thread .t-tools{opacity:1}#thread .t-tools .pin-n{margin-right:auto}#thread .t-tools .pin-n+.t-title{margin-left:8px}#thread.docked .t-tools .pin-n{margin-right:0}#thread:not(.docked) .t-tools>.t-btn,#thread:not(.docked) .t-tools>.t-more,#thread:not(.docked) .t-tools>.t-state{opacity:0;transition:opacity .15s}#thread:not(.docked):hover .t-tools>*,#thread:not(.docked):focus-within .t-tools>*{opacity:1}.frame.building .frame-body:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(100deg,color-mix(in srgb,var(--paper) 62%,transparent) 30%,color-mix(in srgb,var(--paper) 38%,transparent),color-mix(in srgb,var(--paper) 62%,transparent) 70%);background-size:250% 100%;animation:shimmer 2s linear infinite;transition:opacity .5s ease}.frame.building.filling .frame-body:after{background:linear-gradient(100deg,transparent 38%,rgba(255,255,255,.2) 50%,transparent 62%);background-size:250% 100%}.frame.building .frame-label .name{background:linear-gradient(90deg,var(--muted) 0%,var(--muted) 35%,var(--ink) 50%,var(--muted) 65%,var(--muted) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 1.8s linear infinite}.frame.building .frame-label .count{display:none}@media(prefers-reduced-motion:reduce){.frame.building .frame-body:after,.frame.building .frame-label .name{animation:none}}.sec-label{scale:calc(var(--slz, 1) / var(--z, 1));max-width:calc(var(--sw) * var(--z, 1) / var(--slz, 1))}.frame.in-section .frame-label{transition:opacity .15s ease}.sec-clear{display:none}.m-user .bubble{color:var(--ink);border-radius:16px}.m-steps{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-direction:column;gap:5px}.m-steps[hidden]{display:none}.m-steps li{display:flex;align-items:center;gap:7px;font-size:12.5px;line-height:1.3;color:var(--muted);min-width:0}.m-steps li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-steps svg{flex:none;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;opacity:.8}.m-did{margin:0 0 8px;font-size:12.5px;color:var(--muted)}.m-did summary{display:inline-flex;align-items:center;gap:4px;cursor:pointer;list-style:none;border-radius:6px;padding:2px 6px;margin:-2px -6px}.m-did summary::-webkit-details-marker{display:none}.m-did summary:hover{background:var(--surface-hover);color:var(--ink-2)}.m-did summary svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}.m-did[open] summary svg{transform:rotate(90deg)}.m-did .m-steps{margin:8px 0 2px;padding-left:2px}.m-work .a-text{font-size:12.5px}#peek .m-did,#peek .m-steps{display:none}.frame>.dims{position:absolute;left:50%;top:100%;translate:-50% 0;margin-top:calc(8px / var(--z, 1));transform-origin:50% 0;scale:calc(1 / var(--z, 1));display:none;padding:3px 6px;border-radius:4px;background:var(--accent);color:#fff;font:500 10.5px/1 var(--mono);white-space:nowrap;cursor:pointer;z-index:8}.frame.selected>.dims{display:block}body.staging .frame>.dims{display:none}#viewport[data-tool=select] .frame.far:not(.selected):hover .frame-body{box-shadow:0 0 0 calc(1.5px / var(--z, 1)) var(--accent),var(--frame-shadow)}#viewport[data-tool=select] .frame.far .shield{cursor:default}.section.target{box-shadow:inset 0 0 0 calc(1.5px / var(--z, 1)) var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.m-steps li.say{display:block;color:var(--ink-2);font-size:12.5px;line-height:1.45}.m-steps li.say .md p{margin:0}.m-steps li.say .md{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.m-did[open] .m-steps li.say .md{-webkit-line-clamp:unset}.frame.staged.device{isolation:isolate}.frame.staged.device .frame-body{border-radius:55px;box-shadow:none}.frame.staged.device:before{content:"";position:absolute;inset:-15px;z-index:-1;border-radius:70px;background:#050506;box-shadow:inset 0 0 0 1px #ffffff47,inset 0 0 0 4.5px #6f6f75,inset 0 0 0 5.5px #18181a,inset 0 0 2px 7px #ffffff0d,0 0 0 1px #000000a6,0 2px 3px #ffffff0f,0 50px 100px -24px #000c,0 26px 50px -22px #0009}.frame.staged.device:before{background-image:linear-gradient(180deg,rgba(255,255,255,.07),transparent 22%,transparent 78%,rgba(0,0,0,.35))}.frame.staged.device:after{content:"";position:absolute;inset:0 -18px;width:auto;height:auto;z-index:-2;border-radius:0;pointer-events:none;background:linear-gradient(90deg,#4a4a4f,#7b7b82 60%,#5a5a60) left 0 top 15% / 4px 4.2% no-repeat,linear-gradient(90deg,#4a4a4f,#7b7b82 60%,#5a5a60) left 0 top 24.5% / 4px 7.6% no-repeat,linear-gradient(90deg,#4a4a4f,#7b7b82 60%,#5a5a60) left 0 top 34.5% / 4px 7.6% no-repeat,linear-gradient(270deg,#4a4a4f,#7b7b82 60%,#5a5a60) right 0 top 29% / 4px 12% no-repeat}.frame.staged.device .frame-body:after{content:"";position:absolute;z-index:9;left:50%;top:11px;width:126px;height:37px;transform:translate(-50%);border-radius:20px;pointer-events:none;animation:none;opacity:1;background:radial-gradient(circle at 78% 50%,#1b1f2c 0 4.5px,#0a0a0c 5px 7px,transparent 7.5px),#000}.frame.staged.device .frame-body:before{content:"";position:absolute;z-index:9;left:50%;bottom:8px;width:139px;height:5px;transform:translate(-50%);border-radius:3px;background:#fff;mix-blend-mode:difference;opacity:.82;pointer-events:none}.frame.staged.device.kb-on .frame-body:before{background:#000;mix-blend-mode:normal;opacity:.85}.frame.staged.device.landscape .frame-body:after{left:11px;top:50%;width:37px;height:126px;transform:translateY(-50%);background:#000}.frame.staged.device.landscape .frame-body:before{bottom:6px;width:200px}.frame.staged.device.landscape:after{display:none}.frame.staged.device .kb{padding-bottom:46px}.kb.num{height:291px!important;gap:7px;padding:8px 6px 40px;background:#d1d4da}.frame.kb-on:has(.kb.num) iframe{height:calc(100% - 291px)}.kb.num .kb-row{gap:6px}.kb.num .k{height:47px;flex-direction:column;display:flex;align-items:center;justify-content:center;gap:1px;font-size:25px;line-height:1}.kb.num .k b{font-weight:400}.kb.num .k i{font:600 10px/1 -apple-system,SF Pro Text,system-ui,sans-serif;letter-spacing:.12em;font-style:normal;color:#000;min-height:10px}.kb.num .k.plain{background:transparent;box-shadow:none;flex:1;font-size:22px}.frame .parked-hint{overflow:hidden}.frame .parked-hint img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.frame .parked-hint img[hidden]{display:none}svg.hi{fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round;stroke-linejoin:round;flex:none}svg.hi.s{stroke-width:2.5!important}#toolbar svg.hi{width:20px;height:20px;stroke-width:1.6!important}.frame-label .ic svg.hi,.frame-label .count svg.hi{width:12px;height:12px;stroke-width:2.3!important}.m-steps svg.hi{width:14px;height:14px;opacity:.85}.c-file button svg.hi{color:#fff}.fp-q svg.hi{stroke-width:1.5!important}.pin{animation:pinIn .22s cubic-bezier(.2,.9,.3,1.2)}@keyframes pinIn{0%{opacity:0;transform:scale(.5)}}.pin-dot{position:absolute;left:0;bottom:0;transform-origin:0 100%;scale:calc(var(--lz) / var(--z, 1));box-sizing:border-box;display:inline-flex;align-items:center;height:28px;min-width:28px;padding:3px;white-space:nowrap;cursor:pointer;border-radius:14px 14px 14px 4px;background:#fff;color:#fff;box-shadow:0 0 0 .5px #17171a29,0 1px 2px #17171a1f,0 4px 12px -2px #17171a3d;transition:transform .16s cubic-bezier(.2,.8,.2,1),opacity .1s ease,background .22s ease,box-shadow .2s ease,padding .3s cubic-bezier(.2,.8,.2,1)}.pin-dot .pn{box-sizing:border-box;display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--c, #17171A);color:#fff;font:600 11px/1 var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.01em;transition:background .22s ease,box-shadow .22s ease}.pin:active .pin-dot{transform:scale(.96)}.pin.error .pn{background:var(--mark)}.pin.waiting .pn{background:transparent;color:#17171a;box-shadow:inset 0 0 0 1.5px #17171a}.pin.draft .pn{background:#2f5bff}.pin.resolved .pin-dot{opacity:.5}.pin.active .pin-dot{box-shadow:0 0 0 2px #2f5bff,0 4px 12px -2px #17171a3d}.pin.carded .pin-dot{opacity:0;pointer-events:none}.pin.talking .pin-dot{background:#17171a;padding-right:12px;box-shadow:0 0 0 1.5px #ffffffeb,0 6px 20px -6px #0000008c}.pin.talking .pn{background:#ffffff29}.pin-dot .pw{display:none;flex:none;width:13px;height:13px;margin-left:7px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;transform-origin:50% 50%}.pin.working .pin-dot .pw{display:block;animation:loopTurn 1.5s linear infinite}.pin.working .pin-dot .pw circle{stroke-dasharray:34.6;animation:loopDraw 1.5s ease-in-out infinite}@keyframes loopTurn{to{transform:rotate(360deg)}}@keyframes loopDraw{0%{stroke-dashoffset:31}50%{stroke-dashoffset:9}to{stroke-dashoffset:31}}.pin-dot .pl{display:inline-block;max-width:0;opacity:0;margin-left:0;overflow:hidden;text-overflow:ellipsis;font:500 12px/22px var(--font);letter-spacing:0;color:#fff;transition:max-width .4s cubic-bezier(.2,.8,.2,1),opacity .25s ease,margin .4s cubic-bezier(.2,.8,.2,1)}.pin.talking .pl{max-width:240px;opacity:1;margin-left:7px}.pin.working .pl{background:linear-gradient(90deg,#ffffff9e 0% 38%,#fff 50%,#ffffff9e 62% 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 1.8s linear infinite}.pin-dot .pl.tick{animation:plIn .3s ease-out,shimmer 1.8s linear infinite}@keyframes plIn{0%{opacity:0;transform:translateY(6px)}}.pin.low .pin-dot{bottom:auto;top:0;transform-origin:0 0;border-radius:4px 14px 14px}.frame.far .pin-dot{scale:calc(.68 * var(--lz) / var(--z, 1))}body.zoom-tiny .pin:not(.talking) .pin-dot{min-width:9px;width:9px;height:9px;padding:0;border-radius:50%;scale:calc(1 / var(--z, 1));background:var(--c, #17171A);box-shadow:0 0 0 1.5px #fff}body.zoom-tiny .pin:not(.talking) .pin-dot>*{display:none}@media(prefers-reduced-motion:reduce){.pin,.pin.working .pin-dot .pw,.pin.working .pin-dot .pw circle{animation:none}.pin:hover .pin-dot,.pin:active .pin-dot{transform:none}.pin.working .pl,.pin-dot .pl.tick{animation:none;color:#fff;background:none}}.pin-n{min-width:20px;height:20px;padding:0 6px;border-radius:10px 10px 10px 3px;background:#17171a;color:#fff;font:600 10.5px/1 var(--font);font-variant-numeric:tabular-nums;box-shadow:none}.av{--c: #88888F;flex:none;box-sizing:border-box;width:24px;height:24px;border-radius:50%;display:inline-grid;place-items:center;overflow:hidden;user-select:none;background:color-mix(in srgb,var(--c) 18%,var(--surface));color:color-mix(in srgb,var(--c) 68%,var(--ink));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 24%,transparent);font:600 11px/1 var(--font);letter-spacing:0}.av img{width:100%;height:100%;object-fit:cover;display:block}.avatar{width:auto;height:auto;display:grid;margin-left:-6px;border:0;border-radius:50%;background:none;box-shadow:0 0 0 2px var(--paper)}.avatar .av{width:26px;height:26px}.cp-av{width:auto;height:auto;display:grid;background:none}.cp-av .av{width:22px;height:22px;font-size:10.5px}.cp-av.busy:after,.cp-av.err:after{right:-1px;bottom:-1px;width:7px;height:7px}.cp-item{gap:10px;padding:8px 34px 8px 10px;border-radius:10px}.cp-item .cp-text{font-size:13px;line-height:20px;padding-top:1px;letter-spacing:-.003em}.cp-res{top:6px;right:6px}.m-agent{grid-template-columns:20px 1fr;gap:10px}.m-mark{width:20px;height:20px;margin-top:1px;color:var(--ink)}.m-mark svg.lg{width:16px;height:16px;fill:currentColor;stroke:none}.m-mark svg.lg.claude{fill:#d97757}.m-mark svg.lg.ring{fill:none;stroke:currentColor;stroke-width:2.6}.m-agent.quiet .m-mark{opacity:.5}.m-agent.error .m-mark svg.lg{fill:currentColor}.m-user .bubble{background:color-mix(in srgb,var(--accent) 20%,var(--surface))}#thread .thread-body{gap:16px}.m-user{max-width:84%;gap:4px}.m-user .bubble{padding:8px 14px;border-radius:18px;font-size:13.5px;line-height:1.55}.m-agent,.m-agent .m-text{font-size:13.5px;line-height:1.6}.m-text.md p+p,.m-text.md ul+p,.m-text.md p+ul{margin-top:10px}.m-text.md ul{padding-left:20px}.m-text.md code{font-size:.92em;padding:1px 5px;border-radius:5px}.m-acts{gap:2px;min-height:24px;margin-top:6px;margin-left:-4px}.m-acts .a-btn,.m-work .a-btn{width:24px;height:24px;border-radius:6px}.a-btn svg.hi{width:16px;height:16px}.m-acts .a-btn.lbl{width:auto;padding:0 8px 0 5px}.m-acts time,.m-work .m-time{font:12px/1 var(--font);font-variant-numeric:tabular-nums}.m-steps{gap:4px}.m-steps li{gap:6px;font-size:13px;line-height:20px;color:color-mix(in srgb,var(--ink) 58%,transparent)}.m-did{font-size:13px}.m-did summary{padding:0;margin:0;gap:4px;color:var(--muted);transition:color .15s}.m-did summary:hover{background:none;color:var(--ink)}.m-did summary svg.hi{width:14px;height:14px;opacity:0;transition:transform .3s cubic-bezier(.19,1,.22,1),opacity .15s}.m-did summary:hover svg.hi,.m-did[open] summary svg.hi,.m-did summary:focus-visible svg.hi{opacity:1}.m-did .m-steps{margin:8px 0 4px;padding-left:0}.m-work .a-text{font-size:13px}.c-btn,.c-send{width:28px;height:28px}.c-send{background:var(--ink);color:var(--paper);transition:opacity .15s,transform .12s}.c-send:not(:disabled):active{transform:scale(.94)}.c-send:disabled{opacity:.22}#thread .thread-reply .cbox{border-radius:18px}.t-btn{width:26px;height:26px;border-radius:6px}.frame>.ver-strip{position:absolute;left:0;bottom:100%;margin-bottom:calc(36px * var(--lz, 1) / var(--z, 1));transform-origin:0 100%;scale:calc(1 / var(--z, 1));z-index:10;display:flex;flex-direction:column;width:max-content;min-width:300px;max-width:min(700px,92vw);padding:6px;border-radius:12px;background:var(--surface);box-shadow:0 0 0 1px var(--line),0 6px 20px -8px #00000029;animation:stripIn .18s cubic-bezier(.2,.8,.2,1)}@keyframes stripIn{0%{opacity:0;transform:translateY(6px)}}.vt-row{display:flex;gap:6px;padding:2px 2px 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.vt-row::-webkit-scrollbar{display:none}.vt{flex:none;display:flex;flex-direction:column;align-items:center;gap:5px;padding:0 0 2px;color:var(--muted);cursor:pointer}.vt-img{display:block;border-radius:6px;overflow:hidden;background:linear-gradient(100deg,var(--surface-2) 30%,var(--line) 50%,var(--surface-2) 70%);background-size:250% 100%;animation:shimmer 1.6s linear infinite;box-shadow:0 0 0 1px var(--line);transition:box-shadow .12s ease}.vt-img:has(img){animation:none;background:var(--surface-2)}.vt-img img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.vt:hover .vt-img{box-shadow:0 0 0 1px var(--line-strong),0 2px 6px #00000014}.vt.on .vt-img{box-shadow:0 0 0 1.5px var(--surface),0 0 0 3px var(--accent)}.vt-name{font:500 10.5px/1 var(--font);font-variant-numeric:tabular-nums;transition:color .12s}.vt:hover .vt-name{color:var(--ink-2)}.vt.on .vt-name{color:var(--ink);font-weight:600}.vt-foot{display:flex;align-items:center;gap:8px;min-height:28px;margin-top:6px;padding-left:4px}.vt-cap{flex:1;width:0;min-width:0;display:flex;align-items:baseline;gap:6px;font-size:12px;line-height:1.3;color:var(--ink-2);white-space:nowrap}.vt-cap b{flex:none;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.vt-cap span{min-width:0;overflow:hidden;text-overflow:ellipsis}.vt-cap time{flex:none;color:var(--muted)}.vt-acts{flex:none;display:flex;align-items:center;gap:2px}.vt-btn{width:26px;height:26px;border-radius:6px;display:grid;place-items:center;color:var(--muted)}.vt-btn:hover{background:var(--surface-hover);color:var(--ink)}.vt-btn svg,.vt-go svg{width:15px;height:15px}.vt-go{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px 0 6px;margin-right:2px;border-radius:6px;font:500 12px/1 var(--font);color:var(--ink);background:var(--surface-2);white-space:nowrap}.vt-go:hover{background:var(--surface-hover)}.frame>.opt-strip{border-radius:12px;border:0;background:var(--surface);box-shadow:0 0 0 1px var(--line),0 6px 20px -8px #00000029}.os-img{border-radius:6px}.os-tile.on .os-img{box-shadow:0 0 0 1.5px var(--surface),0 0 0 3px var(--accent)}body.versions-on #world{opacity:0}#versions{position:fixed;inset:0;z-index:35}.vs-rig{position:absolute;perspective:1500px;perspective-origin:50% -40%;transform-origin:0 0;transition:transform .42s cubic-bezier(.2,.8,.2,1)}.vs-layer{position:absolute;inset:0;border-radius:5px;overflow:hidden;background:var(--surface);opacity:0;cursor:pointer;box-shadow:0 0 0 1px var(--line-strong),0 26px 60px -20px #00000059;transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .3s ease,filter .2s ease}.vs-layer.front{opacity:1;cursor:default}.vs-layer.gone{pointer-events:none}.vs-layer:not(.front):hover{filter:none!important}#versions.closing .vs-layer{transform:none!important}#versions.closing .vs-layer:not(.front){opacity:0!important}.vs-layer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.vs-layer:not(:has(img)){background:linear-gradient(100deg,var(--surface) 30%,var(--surface-2) 50%,var(--surface) 70%);background-size:250% 100%;animation:shimmer 1.6s linear infinite}#versions.failed .vs-layer:not(:has(img)){animation:none;background:var(--surface)}.vs-live{position:absolute;inset:0;z-index:200;border-radius:5px;overflow:hidden;background:#fff;opacity:0;pointer-events:none;transition:opacity .18s ease}.vs-live.ready{opacity:1;pointer-events:auto}#versions.closing .vs-live{opacity:0}.vs-live iframe{border:0;display:block;transform-origin:0 0;background:#fff}.vs-bar{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:flex;align-items:center;gap:2px;padding:4px;border-radius:12px;white-space:nowrap;max-width:calc(100vw - 24px);background:var(--surface);box-shadow:0 0 0 1px var(--line),0 6px 20px -8px #0003;opacity:0;transition:opacity .25s ease .12s}#versions.open .vs-bar{opacity:1}.vs-pos{display:flex;align-items:baseline;justify-content:center;gap:6px;min-width:88px;padding:0 4px}.vs-pos b{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.vs-pos span,.vs-what time{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.vs-what{display:flex;align-items:baseline;gap:8px;min-width:0;max-width:min(380px,34vw);padding:0 8px;font-size:12.5px;color:var(--ink-2)}.vs-what span{min-width:0;overflow:hidden;text-overflow:ellipsis}.vs-what time{flex:none}@media(prefers-reduced-motion:reduce){.vs-rig,.vs-layer{transition:none}}body.staging #topbar,body.staging #zoom,body.staging .frame.staged .frame-label{opacity:0;pointer-events:none}body.staging .frame.staged:not(.device) .frame-body{box-shadow:0 0 0 1px var(--line),0 30px 80px -28px #00000059}#stage-bar{top:12px;gap:2px;padding:4px;border:0;border-radius:12px;white-space:nowrap;box-shadow:0 0 0 1px var(--line),0 6px 20px -8px #0003}#stage-bar svg.hi,.vs-bar svg.hi{width:16px;height:16px}.sb-btn{width:28px;height:28px;border-radius:8px}.sb-btn.on{background:var(--surface-2);color:var(--ink)}.sb-name{flex-direction:row;align-items:baseline;justify-content:center;gap:7px;min-width:0;max-width:300px;padding:0 6px}.sb-name i{flex:none;font-style:normal;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.sb-sep{height:16px;margin:0 4px}.sb-tog{height:28px;padding:0 9px;border-radius:8px;gap:6px}.sb-tog svg.hi{width:15px!important;height:15px!important}.sb-exit{height:28px;padding:0 10px 0 7px;border-radius:8px}.section{border-top-left-radius:0}.sec-label{left:0;bottom:100%;height:24px;padding:0 10px;gap:6px;box-sizing:border-box;border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;background:color-mix(in srgb,var(--ink) 4%,var(--paper));font:500 12px/1 var(--font);color:var(--ink-2);transition:color .12s}.sec-name{padding:0;margin:0;border-radius:0}#viewport[data-tool=select] .sec-label:hover .sec-name{background:none;color:var(--ink)}.section.selected .sec-label{border-color:var(--accent)}.section.target .sec-label{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--paper))}.sec-label .rename{margin:0 -5px;padding:1px 4px;width:200px}#toolbar{padding:4px;gap:2px;border-radius:999px}#toolbar button{border-radius:999px;transition:background .12s ease,color .12s ease}#toolbar button.on,#toolbar button[data-tool=comment].on{background:color-mix(in srgb,var(--ink) 10%,transparent);color:var(--ink)}#toolbar .tb-new{padding:0 13px 0 10px}#hover-box{border:1.5px solid var(--accent);background:none;border-radius:2px;transition:none;z-index:7}#hover-box:after{top:auto;bottom:100%;left:-1.5px;margin-bottom:1px;padding:3px 6px;border-radius:4px 4px 4px 0;font:500 10.5px/1.2 var(--font);max-width:220px;overflow:hidden;text-overflow:ellipsis}#hover-box.sel{border-color:transparent}#hover-box.sel:after{display:none}#hover-box i{position:absolute;border:1px dashed color-mix(in srgb,var(--accent) 70%,transparent);border-radius:1px;pointer-events:none}.deep-box{border:calc(1.5px / var(--z, 1)) solid var(--accent)!important;background:none!important;border-radius:calc(2px / var(--z, 1))!important}.deep-box:before{font:500 10.5px/1.2 var(--font)!important;padding:3px 6px!important;border-radius:4px 4px 4px 0!important;max-width:220px;overflow:hidden;text-overflow:ellipsis}.deep-box.par{border:calc(1px / var(--z, 1)) dashed color-mix(in srgb,var(--accent) 60%,transparent)!important}.deep-box.par:before{display:none!important}#viewport[data-use="1"] .frame:not(.live):not(.far) .shield{cursor:pointer}#quick{display:flex;align-items:center;gap:2px;padding:8px 10px 0;min-height:36px}#quick[hidden]{display:none}.q-btn{flex:none;width:26px;height:26px;border-radius:6px;display:grid;place-items:center;color:var(--ink-2)}.q-btn:hover{background:var(--surface-hover);color:var(--ink)}.q-btn svg.hi{width:15px;height:15px}.q-sep{flex:none;width:1px;height:16px;margin:0 5px;background:var(--line)}.q-sw{position:relative;flex:none;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 6px 0 5px;border-radius:6px;font:500 11.5px/1 var(--font);color:var(--ink-2);cursor:pointer}.q-sw:hover{background:var(--surface-hover);color:var(--ink)}.q-sw i{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 40%,transparent)}.q-sw.none i{background:linear-gradient(135deg,transparent 46%,var(--mark) 46% 54%,transparent 54%),var(--surface)}.q-sw input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0}.q-num{flex:none;display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 2px 0 6px;border-radius:6px;font:500 11px/1 var(--font);color:var(--muted)}.q-num:hover,.q-num:focus-within{background:var(--surface-hover)}.q-num input{width:30px;border:0;outline:0;background:transparent;color:var(--ink);font:500 12px/1 var(--font);font-variant-numeric:tabular-nums;padding:0;-moz-appearance:textfield}.q-num input::-webkit-outer-spin-button,.q-num input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.q-note{margin-left:auto;padding-left:6px;font:500 11.5px/1 var(--font);color:var(--muted);white-space:nowrap}.q-send{height:24px;padding:0 9px;border-radius:6px;font:500 11.5px/1 var(--font);color:var(--ink);background:var(--surface-2)}.q-send:hover{background:var(--surface-hover)}#hover-box:after,.deep-box:before{display:none!important}#quick{position:fixed;z-index:27;padding:4px;min-height:0;gap:1px;border-radius:10px;background:var(--surface);box-shadow:0 0 0 1px var(--line),0 6px 20px -8px #00000040;white-space:nowrap;animation:softIn .12s ease-out}.q-count{padding:0 6px;font:500 12px/1 var(--font);color:var(--ink-2)}.q-note{display:inline-flex;align-items:center;gap:6px}.q-note:empty{display:none}.q-num{gap:0;padding:0 4px 0 0}.q-scrub{display:grid;place-items:center;width:26px;height:26px;color:var(--muted);cursor:ew-resize;border-radius:6px;touch-action:none}.q-scrub:hover{color:var(--ink)}.q-scrub .qi{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.q-num input{width:28px;padding:0 0 0 4px;text-align:left;border-radius:4px;cursor:text}.q-num input:focus{background:var(--surface-2)}body.scrubbing,body.scrubbing *{cursor:ew-resize!important;user-select:none!important}.q-sw{border:0;background:none}.q-sw.on{background:var(--surface-hover);color:var(--ink)}#cpick{position:fixed;z-index:30;width:232px;padding:10px;border-radius:12px;background:var(--surface);box-shadow:0 0 0 1px var(--line),0 12px 32px -10px #00000059;animation:softIn .12s ease-out}#cpick[hidden]{display:none}.cp-sv{position:relative;height:140px;border-radius:8px;cursor:crosshair;touch-action:none}.cp-sv i,.cp-hue i{position:absolute;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #fff,0 0 0 3px #0003,0 1px 4px #0000004d;pointer-events:none}.cp-hue{position:relative;height:12px;margin-top:10px;border-radius:6px;cursor:pointer;touch-action:none;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.cp-hue i{top:50%}.cp-row{display:flex;align-items:center;gap:8px;margin-top:10px}.cp-now{flex:none;width:26px;height:26px;border-radius:6px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 18%,transparent)}.cp-hex{flex:1;min-width:0;height:28px;padding:0 8px;border:0;border-radius:6px;outline:0;background:var(--surface-2);color:var(--ink);font:500 12px/1 var(--mono);letter-spacing:.02em}.cp-hex:focus{box-shadow:0 0 0 1.5px var(--accent)}.cp-label{margin:12px 0 6px;font:500 11px/1 var(--font);color:var(--muted)}.cp-used{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cp-used button{aspect-ratio:1;border-radius:6px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 16%,transparent)}.cp-used button:hover{transform:scale(1.08)}#canvas-pins,.frame .pins{z-index:9}.pin.queued .pin-dot:after{content:"";position:absolute;inset:-4px;border-radius:inherit;border:1.5px solid rgba(23,23,26,.35);animation:queuedBreathe 1.8s ease-in-out infinite;pointer-events:none}@keyframes queuedBreathe{0%,to{opacity:0;transform:scale(.94)}50%{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.pin.queued .pin-dot:after{animation:none;opacity:.6}}.pin.needs .pin-dot{padding-right:4px}.pin.needs .pl{display:inline-flex;align-items:center;gap:8px;max-width:320px;color:#ffffffb8}.pin.needs .pin-dot:after{display:none}.pin-act{height:20px;padding:0 9px;border-radius:10px;background:#fff;color:#17171a;font:600 11.5px/20px var(--font);white-space:nowrap;cursor:pointer;transition:background .12s}.pin-act:hover{background:#ebebed}.frame-label{scale:calc(1 / var(--z, 1));max-width:calc(var(--fw) * var(--z, 1));height:20px;padding:0 0 4px;gap:4px;font:400 11px/16px var(--font);color:var(--muted)}.frame:hover .frame-label,.frame.selected .frame-label,.frame.live .frame-label{max-width:calc(var(--fw) * var(--z, 1) - 70px)}.frame.noname .frame-label,.section.noname .sec-label{visibility:hidden}.frame-label .count{font-size:11px}.sec-label{scale:calc(1 / var(--z, 1));max-width:calc(var(--sw) * var(--z, 1));height:22px;padding:0 8px;font:500 11px/1 var(--font)}.section.lift{border-top-left-radius:calc(10px / var(--z, 1))}.section.lift .sec-label{bottom:calc(100% + 22px / var(--z, 1));border-bottom:1px solid var(--line);border-radius:8px}.section.lift.selected .sec-label{border-color:var(--accent)}#viewport{background-image:none!important}#theme-btn{display:grid;place-items:center;color:var(--ink-2)}#theme-btn svg.hi{width:16px;height:16px}.frame:hover .frame-label,.frame.selected .frame-label,.frame.live .frame-label{max-width:calc(var(--fw) * var(--z, 1))}.frame:not(.narrow):hover .frame-label,.frame.selected:not(.narrow) .frame-label{max-width:calc(var(--fw) * var(--z, 1) - 70px)}#viewport[data-tool=select] .frame-label:hover .name,#viewport[data-tool=select] .frame-label:hover{color:var(--accent)}#done{position:fixed;z-index:45;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:6px 6px 6px 10px;border-radius:12px;background:var(--surface);box-shadow:0 0 0 1px var(--line),0 10px 30px -10px #00000059;font-size:13px;color:var(--ink-2);white-space:nowrap}#done[hidden]{display:none}#done.in{animation:doneIn .22s cubic-bezier(.2,.9,.3,1.2)}@keyframes doneIn{0%{opacity:0;transform:translate(-50%,-8px)}}.dn-ic{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--ink);color:var(--paper)}.dn-ic.err{background:var(--mark);color:#fff}.dn-ic svg.hi{width:12px;height:12px}.dn-text{max-width:360px;overflow:hidden;text-overflow:ellipsis}.dn-text b{color:var(--ink);font-weight:600}.dn-go{height:28px;padding:0 12px;border-radius:8px;background:var(--ink);color:var(--paper);font:500 12.5px/1 var(--font)}.dn-go:hover{opacity:.9}.dn-x{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;color:var(--muted)}.dn-x:hover{background:var(--surface-hover);color:var(--ink)}.dn-x svg.hi{width:13px;height:13px}#stage-bar{background:transparent;box-shadow:none;border:0;gap:4px;padding:0}#stage-bar .sb-btn,#stage-bar .sb-exit{color:var(--ink-2)}#stage-bar .sb-btn:hover,#stage-bar .sb-exit:hover{background:var(--surface-hover);color:var(--ink)}body.staging .frame.staged .frame-label{opacity:1;pointer-events:none}body.staging .frame.staged .frame-label .count,body.staging .frame.staged .frame-label .dims{display:none}body.staging #world .frame:not(.staged){pointer-events:auto;cursor:pointer}body.staging #world .frame:not(.staged) .shield{display:block!important;cursor:pointer}#del-ask{position:fixed;z-index:45;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:6px 6px 6px 12px;border-radius:12px;background:var(--surface);box-shadow:0 0 0 1px var(--line),0 10px 30px -10px #00000059;font-size:13px;color:var(--ink-2);animation:doneIn .2s ease-out}#del-ask button{height:28px;padding:0 12px;border-radius:8px;background:var(--ink);color:var(--paper);font:500 12.5px/1 var(--font)}.section.making .sec-label:after{content:"Making options\2026";margin-left:8px;font-weight:400;color:var(--muted);background:linear-gradient(90deg,var(--muted) 0%,var(--muted) 35%,var(--ink) 50%,var(--muted) 65%,var(--muted) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 1.8s linear infinite}.pin.making .pl{cursor:pointer;text-decoration:underline;text-decoration-color:#ffffff4d;text-underline-offset:3px}.pin.making .pl:hover{text-decoration-color:#fff}@media(prefers-reduced-motion:reduce){.section.making .sec-label:after{animation:none;color:var(--muted);background:none}}@keyframes shimmer{0%{background-position:130% 0;animation-timing-function:cubic-bezier(.45,.05,.25,1)}62%{background-position:-130% 0}to{background-position:-130% 0}}.agent-line.working .a-text,.m-work .a-text,.pin.working .pl,.section.making .sec-label:after,.frame.working .frame-label .name,.frame.building .frame-label .name{animation-duration:2.2s}@keyframes shimmer{0%{background-position:130% 0;animation-timing-function:steps(30,end)}62%{background-position:-130% 0}to{background-position:-130% 0}}.frame.building .frame-body:after{background:color-mix(in srgb,var(--paper) 55%,transparent)!important;animation:none!important}.frame.building.filling .frame-body:after{background:transparent!important}.frame.building .frame-body:before{content:"";position:absolute;top:0;bottom:0;left:0;width:45%;z-index:5;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22) 50%,transparent);transform:translate(-110%);will-change:transform;animation:veilSweep 2.2s cubic-bezier(.45,.05,.25,1) infinite}@keyframes veilSweep{0%{transform:translate(-110%)}62%,to{transform:translate(240%)}}@media(prefers-reduced-motion:reduce){.frame.building .frame-body:before{animation:none;display:none}}#toolbar .tb-group{display:flex;align-items:center}#toolbar .tb-caret{width:16px!important;height:34px;margin-left:-2px;border-radius:999px;color:var(--muted)}#toolbar .tb-caret svg.hi{width:12px!important;height:12px!important;stroke-width:2.4!important}#toolbar .tb-caret:hover{color:var(--ink);background:transparent}.tool-menu{width:180px;padding:4px;bottom:auto}.tm-item{display:flex;align-items:center;gap:8px;width:100%;height:32px;padding:0 8px;border-radius:8px;font:500 13px/1 var(--font);color:var(--ink-2)}.tm-item:hover{background:var(--surface-hover);color:var(--ink)}.tm-item svg.hi{width:16px;height:16px}.tm-item span:not(.tm-check){flex:1;text-align:left}.tm-item kbd{border:0;background:none;color:var(--muted);font:500 11.5px/1 var(--font);padding:0}.tm-check{width:14px;height:14px;flex:none}.tm-item.on .tm-check{background:no-repeat center/12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23888' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 6.5l2.2 2.2L9.5 3.5'/%3E%3C/svg%3E")}.tm-item.on{color:var(--ink)}#viewport[data-tool=comment] .frame-label,#viewport[data-tool=comment] .frame-label *{cursor:inherit}#viewport[data-tool=comment] .frame-label{pointer-events:auto}#viewport[data-tool=comment] .frame-label:hover .name,.frame.whole .frame-label .name{background:#2f5bff;color:#fff!important;padding:2px 8px;margin-left:-8px;border-radius:999px;box-shadow:none;transition:background .12s}#viewport[data-tool=comment] .frame:has(>.frame-label:hover) .frame-body,.frame.whole .frame-body{box-shadow:0 0 0 calc(2px / var(--z, 1)) #2f5bff,var(--frame-shadow)}#viewport[data-tool=comment] .frame-label:hover,.frame.whole .frame-label{overflow:visible}#viewport[data-tool=comment] .frame-label:hover .name,.frame.whole .frame-label .name{margin-left:0}.sec-label{z-index:8}#viewport[data-tool=select] .section:has(>.sec-label:hover):not(.selected){box-shadow:inset 0 0 0 calc(1.5px / var(--z, 1)) var(--accent)}#viewport[data-tool=select] .section:has(>.sec-label:hover):not(.selected) .sec-label{border-color:var(--accent)}#viewport[data-tool=select] .sec-label{cursor:default}.m-blocked{display:flex;flex-direction:column;gap:4px;margin-top:10px}.blk{display:flex;align-items:center;gap:8px;min-height:32px;padding:4px 4px 4px 10px;border-radius:8px;background:var(--surface-2);font:500 12px/1.3 var(--font)}.blk-k{color:var(--muted);flex:none}.blk code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:11.5px/1.3 var(--mono);color:var(--ink)}.blk-go{flex:none;height:24px;padding:0 10px;border-radius:6px;background:var(--ink);color:var(--surface);font:600 12px/24px var(--font);cursor:pointer;transition:opacity .12s}.blk-go:hover{opacity:.85}.blk-go:disabled{opacity:.5;cursor:default}.blk.ok{background:none;padding-left:0;min-height:0}.blk.ok code{color:var(--muted)}.agent-allowed{border-top:1px solid var(--line);margin-top:6px;padding-top:8px}.agent-allowed .menu-title{font-weight:500;color:var(--muted);font-size:12px}.al-row{display:flex;align-items:center;gap:6px;padding:2px 4px 2px 8px;border-radius:8px}.al-row:hover{background:var(--surface-2)}.al-row code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:11.5px/24px var(--mono)}.al-row button{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;color:var(--muted)}.al-row button:hover{color:var(--ink)}.al-row button svg{width:14px;height:14px}body.staging .frame.staged.device .frame-label{left:-15px;bottom:calc(100% + 15px);padding-bottom:8px}.c-model.pick{cursor:pointer;padding:4px 6px;margin-right:0;border-radius:6px;transition:background .12s,color .12s}.c-model.pick:hover{background:var(--surface-2);color:var(--ink)}.model-menu{position:fixed;z-index:400;width:228px;padding:4px;right:auto;bottom:auto}.mm-title{padding:8px 8px 4px;font:500 11.5px/1 var(--font);color:var(--muted)}.mm-title:not(:first-child){margin-top:4px;border-top:1px solid var(--line);padding-top:10px}.mm-note{margin:6px 0 0;padding:8px 8px 6px;border-top:1px solid var(--line);font:12px/1.4 var(--font);color:var(--muted)}:root{--work: 64 148 255}@property --wa{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes workTurn{to{--wa: 360deg}}@keyframes workBlur{0%{transform:translate(-100%)}to{transform:translate(77%)}}.area.working{background:rgb(var(--work) / .07)!important;overflow:hidden;border-radius:calc(6px / var(--z, 1))!important}.area.working:after{content:""!important;display:block!important;position:absolute;inset:0 auto 0 0!important;width:130%;border-radius:0;background:linear-gradient(100deg,transparent 15%,rgb(var(--work) / .1) 50%,transparent 85%)!important;background-size:auto!important;-webkit-backdrop-filter:blur(2.6px)!important;backdrop-filter:blur(2.6px)!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 38%,#000 62%,transparent)!important;mask-image:linear-gradient(90deg,transparent,#000 38%,#000 62%,transparent)!important;transform:translate(-100%);will-change:transform;animation:workBlur 5.2s cubic-bezier(.37,0,.63,1) infinite!important}.area.working:before{content:""!important;display:block!important;position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;padding:calc(1.25px / var(--z, 1));background:conic-gradient(from var(--wa),rgb(var(--work) / .16) 0 30%,rgb(var(--work) / .95) 96%,rgb(var(--work) / .16) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:none;animation:workTurn 4.4s linear infinite!important}.area.working.whole{border-radius:14px!important}@media(prefers-reduced-motion:reduce){.area.working:after{animation:none!important;transform:translate(-20%)}.area.working:before{animation:none!important}}.pin.working.talking .pin-dot{box-shadow:0 0 0 1.5px rgb(var(--work)),0 6px 20px -6px #0000008c}.pin.working .pin-dot .pw{stroke:rgb(var(--work))}.pin.working.talking .pn{background:rgb(var(--work) / .34)}.pin.draft .pn{background:#17171a}@keyframes plIn{0%{opacity:.3}}.pin.working .pin-dot .pw{display:none}.pin.working .pn{position:relative}.pin.working.talking .pn{background:#ffffff24}.pin.working .pn:before{content:"";position:absolute;inset:-1.5px;border-radius:99px;padding:1.5px;pointer-events:none;background:conic-gradient(from var(--wa),rgb(var(--work) / .2) 0 35%,rgb(var(--work)) 96%,rgb(var(--work) / .2) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:workTurn 1.5s linear infinite}@media(prefers-reduced-motion:reduce){.pin.working .pn:before{animation:none}}.frame.working .frame-label .step,.agent-line.working .a-text,.m-work .a-text{background-image:linear-gradient(90deg,rgb(var(--work) / .55) 0% 35%,rgb(var(--work)) 50%,rgb(var(--work) / .55) 65% 100%)!important}.frame.building .frame-body:before{background:linear-gradient(100deg,transparent,rgb(var(--work) / .22) 50%,transparent)!important}.area.working:before{z-index:2}.area>canvas.dz{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;image-rendering:pixelated;opacity:.75;-webkit-mask:radial-gradient(circle,#000 36%,transparent 50%) 0 0 / calc(100% / var(--cols, 1)) calc(100% / var(--rows, 1));mask:radial-gradient(circle,#000 36%,transparent 50%) 0 0 / calc(100% / var(--cols, 1)) calc(100% / var(--rows, 1))}.area:not(.working)>canvas.dz{display:none}.area.working.whole{border-radius:2px!important}.area.queued{background:none!important;border:0!important;outline:calc(1px / var(--z, 1)) dashed rgb(var(--work) / .6);outline-offset:calc(-1px / var(--z, 1))}.area.queued:before,.area.queued:after{display:none!important}.frame>.work-edge{display:none}.frame.working.work-far>.work-edge{display:block;position:absolute;inset:calc(-5px / var(--z, 1));border-radius:calc(2px + 5px / var(--z, 1));pointer-events:none;z-index:3;padding:calc(2px / var(--z, 1));background:conic-gradient(from var(--wa),rgb(var(--work) / .18) 0 30%,rgb(var(--work)) 96%,rgb(var(--work) / .18) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:workTurn 4.4s linear infinite}.frame.working.work-far:has(.area.working.whole)>.work-edge{display:none}@media(prefers-reduced-motion:reduce){.frame.working.work-far>.work-edge{animation:none}}#ink path.working{stroke:rgb(var(--work));opacity:1}#ink g.auras{display:none}.pin.done-new .pin-dot{background:#1f9d55;padding-right:12px;box-shadow:0 0 0 1.5px #ffffffeb,0 6px 20px -6px #00000073}.pin.done-new .pn{width:22px;min-width:22px;padding:0;border-radius:50%;background:#fff;color:#116b38}.pin.done-new .pn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.pin.done-new .pn svg path{stroke-dasharray:14;animation:doneTick .45s .1s cubic-bezier(.3,.8,.3,1) both}@keyframes doneTick{0%{stroke-dashoffset:14}to{stroke-dashoffset:0}}.pin.done-new .pl{color:#fff;background:none;animation:none}.pin.queued:not(.talking) .pn{background:transparent;color:#6c6c72;box-shadow:inset 0 0 0 1.5px #a5a5ac}.pin.queued:not(.talking) .pin-dot:after{display:none}.pin.resolved .pn{background:#88888f}@media(prefers-reduced-motion:reduce){.pin.done-new .pn svg path{animation:none}}.frame-body,.frame iframe{background:var(--fill, #fff)}.fp-fill{display:flex;align-items:center;gap:6px;margin:2px 0 6px;font-size:12px;color:var(--muted)}.fp-fill>span{min-width:28px}.fp-fill .q-sw span{font:500 11.5px/1 var(--mono);color:var(--ink-2)}.fp-fill-x{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;color:var(--muted)}.fp-fill-x:hover{background:var(--surface-hover);color:var(--ink)}.fp-fill-x svg{width:13px;height:13px}.section.drawing{pointer-events:none}.frame.waking .parked-hint{display:flex;z-index:6;animation:none}.frame:not(.parked):not(.waking) .parked-hint{display:flex;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s .2s}#el-ghost{position:absolute;left:0;top:0;z-index:50;pointer-events:none;opacity:.92;transform-origin:0 0;outline:calc(1.5px / var(--z, 1)) solid var(--accent);outline-offset:calc(2px / var(--z, 1));box-shadow:0 12px 32px -12px #00000059}.frame.drop-into .frame-body{box-shadow:0 0 0 calc(2px / var(--z, 1)) var(--accent)}.update-pill{gap:6px;color:var(--ink-2)}.update-pill svg{width:14px;height:14px}.update-pill:disabled{cursor:default;opacity:.8}.update-pill.failed{color:var(--mark)}.up-spin{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--line-strong);border-top-color:var(--ink);animation:spin .8s linear infinite}.frame.nofill:not(.selected):not(.working):not(.previewing):not(.drop-into):not(.whole) .frame-body{box-shadow:none}.frame.nofill iframe{color-scheme:light}.fp-fill .q-sw.is-none i{background:repeating-conic-gradient(#d4d4d8 0 25%,#fff 0 50%) 0 0 / 8px 8px}.fp-fill-none{height:24px;padding:0 8px;border-radius:6px;font:500 11.5px/24px var(--font);color:var(--muted)}.fp-fill-none:hover,.fp-fill-none.on{background:var(--surface-hover);color:var(--ink)}.frame>.dims{display:none;align-items:center;gap:5px}.frame.selected>.dims{display:inline-flex}.frame>.dims .fill-dot{width:12px;height:12px;padding:0;border-radius:50%;display:grid;place-items:center;cursor:pointer}.frame>.dims .fill-dot i{width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #ffffffe6,0 0 0 1.5px #0003}.frame>.dims .fill-dot.is-none i{background:repeating-conic-gradient(#d4d4d8 0 25%,#fff 0 50%) 0 0 / 5px 5px}.frame>.dims .fill-dot:hover i{box-shadow:0 0 0 1.5px #fff,0 0 0 2.5px #00000040}#cpick .cp-none{flex:none;height:24px;padding:0 8px;margin-left:auto;border-radius:6px;font:500 11.5px/24px var(--font);color:var(--muted)}#cpick .cp-none:hover{background:var(--surface-hover);color:var(--ink)}.chip-area.chip-frame{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 9px 3px 7px}.chip-frame svg{width:12px;height:12px;flex:none}.chip-frame b{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-frame span{flex:none;opacity:.7;font-weight:500}.chip-frame span:before{content:"\b7";margin-right:6px}.frame.whole .frame-label{visibility:hidden}.frame-tray{display:flex;align-items:center;gap:2px;max-width:0;opacity:0;overflow:hidden;pointer-events:none;transition:max-width .32s cubic-bezier(.2,.8,.2,1),opacity .2s ease,margin .32s cubic-bezier(.2,.8,.2,1),padding .32s cubic-bezier(.2,.8,.2,1)}#toolbar.tray-open .frame-tray{max-width:440px;opacity:1;pointer-events:auto;margin-left:4px;padding-left:6px;box-shadow:inset 1px 0 0 var(--line)}#toolbar .frame-tray button{flex:none}#toolbar .frame-tray .tr-dev{color:var(--muted)}#toolbar .frame-tray .tr-dev:hover{color:var(--ink)}#toolbar .frame-tray .tr-dev.on{background:color-mix(in srgb,var(--ink) 10%,transparent);color:var(--ink)}#toolbar .frame-tray .tr-more{width:auto;display:flex;align-items:center;gap:6px;padding:0 8px 0 10px;font:500 12.5px/1 var(--font);color:var(--ink-2);white-space:nowrap}#toolbar .frame-tray .tr-more small{font:500 11px/1 var(--mono);color:var(--muted)}#toolbar .frame-tray .tr-more svg{width:12px;height:12px;color:var(--muted)}#toolbar .frame-tray .tr-more.on{background:color-mix(in srgb,var(--ink) 10%,transparent);color:var(--ink)}@media(prefers-reduced-motion:reduce){.frame-tray{transition:none}}#frame-ghost{position:absolute;z-index:6;pointer-events:none;box-sizing:border-box;border:calc(1px / var(--z, 1)) solid var(--accent);background:#ffffff80;transition:width .24s cubic-bezier(.2,.8,.2,1),height .24s cubic-bezier(.2,.8,.2,1)}#frame-ghost[hidden]{display:none}#frame-ghost span{position:absolute;left:0;bottom:100%;padding-bottom:6px;transform-origin:0 100%;scale:calc(1 / var(--z, 1));white-space:nowrap;font:500 11px/1 var(--mono);color:var(--muted)}#frame-ghost span b{margin-right:7px;font:500 12px/1 var(--font);color:var(--accent)}@media(prefers-reduced-motion:reduce){#frame-ghost{transition:none}}#toolbar{transition:border-radius .26s cubic-bezier(.2,.8,.2,1),border-color .2s}#toolbar.tray-open{border-radius:24px}#toolbar.menu-open{border-radius:3px 3px 22px 22px;border-top-color:transparent}#toolbar .frame-tray .tr-more svg{rotate:180deg;transition:rotate .22s cubic-bezier(.2,.8,.2,1)}#toolbar .frame-tray .tr-more.open svg{rotate:0deg}#toolbar .frame-tray .tr-more.open{background:color-mix(in srgb,var(--ink) 10%,transparent);color:var(--ink)}.preset-menu.docked{translate:none;max-height:min(440px,calc(100vh - 150px));padding:8px 8px 6px;border-radius:20px 20px 0 0;border-bottom-color:transparent;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:4px;align-content:start}.preset-menu.docked[hidden]{display:none}.preset-menu.docked:not([hidden]){animation:dockUp .28s cubic-bezier(.2,.8,.2,1)}@keyframes dockUp{0%{clip-path:inset(100% -40px -40px -40px)}to{clip-path:inset(-40px -40px -40px -40px)}}.preset-menu.docked>*{animation:dockIn .3s .05s cubic-bezier(.2,.8,.2,1) both}@keyframes dockIn{0%{opacity:0;transform:translateY(10px)}}.preset-menu.docked.narrow{grid-template-columns:1fr}.preset-menu.docked:not(.narrow) .pm-group+.pm-group{margin-top:0;padding-top:0;border-top:0}.preset-menu.docked .pm-custom,.preset-menu.docked .pm-describe{grid-column:1 / -1}.preset-menu.docked .pm-row{gap:6px;padding:0 7px;font-size:12.5px}.preset-menu.docked .pm-row small{font-size:10.5px;letter-spacing:-.02em}.preset-menu.docked .pm-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-menu.docked .pm-row small{flex:none}@media(prefers-reduced-motion:reduce){#toolbar{transition:none}.preset-menu.docked:not([hidden]),.preset-menu.docked>*{animation:none}}.preset-menu{position:fixed;left:50%;bottom:72px;translate:-50% 0;z-index:30;width:320px;max-height:min(520px,calc(100vh - 160px));overflow:auto;padding:6px;border-radius:14px}.preset-menu:not([hidden]){animation:trayUp .2s cubic-bezier(.2,.8,.2,1)}@keyframes trayUp{0%{opacity:0;transform:translateY(6px)}}.pm-group+.pm-group{margin-top:4px;padding-top:4px;border-top:1px solid var(--line)}.pm-title{display:flex;align-items:center;gap:6px;padding:8px 8px 4px;font:500 11.5px/1 var(--font);color:var(--muted)}.pm-title svg{width:13px;height:13px}.pm-row{display:flex;align-items:center;justify-content:space-between;width:100%;height:32px;padding:0 8px;border-radius:8px;font:500 13px/1 var(--font);color:var(--ink-2)}.pm-row small{font:500 11px/1 var(--mono);color:var(--muted)}.pm-row:hover{background:var(--surface-hover);color:var(--ink)}.pm-row.on{color:var(--ink);background:var(--surface-hover)}.pm-custom{display:flex;align-items:center;gap:6px;margin-top:4px;padding:8px 4px 4px 8px;border-top:1px solid var(--line);font:500 12px/1 var(--font);color:var(--muted)}.pm-custom>span{margin-right:auto}.pm-custom label{display:flex;align-items:center;gap:4px;height:28px;padding:0 6px;border-radius:7px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);font:500 10.5px/1 var(--mono)}.pm-custom input{width:42px;border:0;background:none;color:var(--ink);font:500 12px/1 var(--mono);outline:none}.pm-custom button{height:28px;padding:0 10px;border-radius:7px;background:var(--ink);color:var(--surface);font:500 12px/28px var(--font)}.pm-describe{display:flex;align-items:center;gap:8px;width:100%;height:32px;margin-top:4px;padding:0 8px;border-radius:8px;font:500 12.5px/1 var(--font);color:var(--muted)}.pm-describe:hover{background:var(--surface-hover);color:var(--ink)}.pm-describe svg{width:14px;height:14px}.pm-describe kbd{margin-left:auto;border:0;background:none;font:500 11px/1 var(--font);color:var(--muted)}.preset-menu.for-frame{translate:none;bottom:auto}.pm-top{margin:0 0 4px;padding:6px 4px 8px 8px;border-top:0;border-bottom:1px solid var(--line)}.pm-acts{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;padding:6px 2px 2px;border-top:1px solid var(--line)}.pm-act{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 8px;border-radius:7px;font:500 12px/1 var(--font);color:var(--ink-2)}.pm-act:hover,.pm-act.on{background:var(--surface-hover);color:var(--ink)}.pm-act svg{width:13px;height:13px}.pm-act kbd{border:0;background:none;font:500 11px/1 var(--font);color:var(--muted)}.pin-act kbd{margin-left:6px;font:500 10px/1 var(--font);opacity:.5}.frame.staged.device.tablet .frame-body{border-radius:26px}.frame.staged.device.tablet:before{inset:-26px;border-radius:50px;box-shadow:inset 0 0 0 1px #ffffff47,inset 0 0 0 3.5px #6f6f75,inset 0 0 0 4.5px #18181a,0 0 0 1px #000000a6,0 60px 120px -30px #000c,0 30px 60px -26px #0009}.frame.staged.device.tablet:after{display:block;inset:-13px auto auto 50%;width:7px;height:7px;margin-left:-3.5px;z-index:1;border-radius:50%;background:radial-gradient(circle,#232838 0 1.6px,#0b0b0d 2px)}.frame.staged.device.tablet.landscape:after{display:block;top:50%;left:-16.5px;margin:-3.5px 0 0}.frame.staged.device.tablet .frame-body:after{display:none}.frame.staged.device.tablet .frame-body:before{width:220px;bottom:7px}.frame.staged.device.tablet.landscape .frame-body:before{width:300px}body.staging .frame.staged.device.tablet .frame-label{left:-26px;bottom:calc(100% + 26px)}.sb-dev{display:inline-flex;transition:rotate .2s ease}.sb-dev.side{rotate:-90deg}#stage-bar .sb-fit{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 5px 0 10px;border-radius:8px;font:500 12px/1 var(--font);color:var(--ink-2);cursor:pointer}#stage-bar .sb-fit[hidden]{display:none}#stage-bar .sb-fit i{width:6px;height:6px;border-radius:50%;background:#d99a1c;flex:none}#stage-bar .sb-fit b{font-weight:500;color:var(--ink);padding:4px 8px;border-radius:6px;box-shadow:0 0 0 1px var(--line);background:var(--surface)}#stage-bar .sb-fit:hover b{background:var(--surface-hover)}#deep-tip{position:fixed;z-index:60;width:272px;padding:6px;border-radius:14px;background:var(--surface);box-shadow:0 0 0 1px var(--line),0 14px 36px -12px #00000047;animation:dtIn .22s cubic-bezier(.2,.8,.2,1);transform-origin:20px 0}#deep-tip.out{opacity:0;transform:translateY(2px) scale(.98);transition:opacity .16s ease,transform .16s ease}@keyframes dtIn{0%{opacity:0;transform:translateY(4px) scale(.97)}}.dt-demo{position:relative;height:118px;border-radius:9px;overflow:hidden;background:var(--surface-2)}.dt-card{position:absolute;left:34px;top:16px;width:192px;height:86px;border-radius:8px;background:var(--surface);box-shadow:0 0 0 1px var(--line)}.dt-l{position:absolute;left:16px;height:6px;border-radius:3px;background:var(--line-strong, var(--line))}.dt-l.t{top:16px;width:74px;height:8px;background:var(--muted);opacity:.55}.dt-l.a{top:34px;width:132px}.dt-l.b{top:46px;width:96px}.dt-btn{position:absolute;left:16px;top:62px;width:44px;height:13px;border-radius:4px;background:var(--ink);opacity:.82}.dt-o{position:absolute;border:1.5px solid var(--accent);border-radius:3px;opacity:0}.dt-o.o1{left:46px;top:28px;width:82px;height:16px;animation:dtO1 6s infinite}.dt-o.o2{left:46px;top:58px;width:104px;height:14px;animation:dtO2 6s infinite}.dt-o.o3{left:46px;top:74px;width:52px;height:21px;animation:dtO3 6s infinite}.dt-cur{position:absolute;left:0;top:0;width:17px;height:17px;fill:var(--ink);stroke:var(--surface);stroke-width:1.4;stroke-linejoin:round;animation:dtCur 6s infinite cubic-bezier(.5,0,.2,1)}.dt-key{position:absolute;right:9px;bottom:8px;min-width:22px;height:22px;padding:0 5px;box-sizing:border-box;display:grid;place-items:center;border-radius:6px;font:500 12px/1 var(--font);color:var(--ink);background:var(--surface);box-shadow:0 0 0 1px var(--line),0 1.5px 0 var(--line);animation:dtKey 6s infinite}@keyframes dtCur{0%,6%{transform:translate(196px,96px)}20%,36%{transform:translate(84px,34px)}50%,64%{transform:translate(118px,63px)}78%,92%{transform:translate(66px,84px)}to{transform:translate(196px,96px)}}@keyframes dtO1{0%,19%{opacity:0}21%,44%{opacity:1}47%,to{opacity:0}}@keyframes dtO2{0%,49%{opacity:0}51%,72%{opacity:1}75%,to{opacity:0}}@keyframes dtO3{0%,77%{opacity:0}79%,94%{opacity:1}97%,to{opacity:0}}@keyframes dtKey{0%,8%{transform:none;color:var(--ink)}12%,94%{transform:translateY(1.5px);box-shadow:0 0 0 1px var(--accent);color:var(--accent)}to{transform:none}}.dt-say{padding:10px 8px 6px;display:grid;gap:3px}.dt-say b{font:600 12.5px/1.3 var(--font);color:var(--ink)}.dt-say span{font:400 12px/1.45 var(--font);color:var(--ink-2)}.dt-say kbd{font:500 11px/1 var(--font);padding:1px 4px;border-radius:4px;box-shadow:0 0 0 1px var(--line);color:var(--ink)}@media(prefers-reduced-motion:reduce){.dt-cur,.dt-o,.dt-key,#deep-tip{animation:none}.dt-o.o2{opacity:1}.dt-cur{transform:translate(118px,63px)}}#deep-tip.docked{transition:left .45s cubic-bezier(.3,.7,.2,1),top .45s cubic-bezier(.3,.7,.2,1)}.dt-x{position:absolute;top:12px;right:12px;z-index:2;width:22px;height:22px;display:grid;place-items:center;border-radius:6px;background:var(--surface);box-shadow:0 0 0 1px var(--line);color:var(--ink-2);cursor:pointer}.dt-x:hover{background:var(--surface-hover);color:var(--ink)}.dt-x svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}@media(prefers-reduced-motion:reduce){#deep-tip.docked{transition:none}}.sc-tips{margin-top:18px}.sc-tip{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;margin:0 -10px;border-radius:8px;text-align:left;cursor:pointer}.sc-tip:hover{background:var(--surface-hover)}.sc-tip span{display:grid;gap:2px;font-size:12.5px;color:var(--ink-2)}.sc-tip b{font-weight:500;color:var(--ink)}.sc-tip em{font-style:normal;font-size:12px;color:var(--ink-2);padding:3px 9px;border-radius:6px;box-shadow:0 0 0 1px var(--line)}#shortcuts{align-items:center}.sc-card{max-height:calc(100vh - 200px);overflow-y:auto}#viewport.dropping{outline:2px dashed rgb(var(--work) / .55);outline-offset:-8px}.hist-btn{display:grid;place-items:center;width:26px;height:26px;margin-left:2px;border-radius:7px;color:var(--muted);cursor:pointer}.hist-btn:hover{background:var(--surface-hover);color:var(--ink)}.hist-btn[hidden]{display:none}.hist-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}#hist-pop{position:fixed;z-index:70;width:340px;max-height:min(460px,calc(100vh - 80px));overflow-y:auto;padding:6px;border-radius:12px;background:var(--surface);box-shadow:0 0 0 1px var(--line),0 14px 36px -12px #00000047}.hp-head{padding:8px 10px 6px;font:600 11px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.hp-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:8px}.hp-row:hover{background:var(--surface-hover)}.hp-row span{display:grid;gap:2px;min-width:0;font-size:12.5px;color:var(--ink-2)}.hp-row b{font-weight:500;color:var(--ink)}.hp-row small{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-row button{flex:none;font-size:12px;color:var(--ink-2);padding:4px 9px;border-radius:6px;box-shadow:0 0 0 1px var(--line);cursor:pointer}.hp-row button:hover{color:var(--ink);background:var(--surface)}.hp-empty{padding:10px;font-size:12.5px;line-height:1.45;color:var(--muted)}#url-ask{position:fixed;z-index:70;width:300px;padding:6px;border-radius:12px;background:var(--surface);box-shadow:0 0 0 1px var(--line),0 14px 36px -12px #00000047}.ua-host{padding:6px 8px;font:500 11.5px/1.2 var(--font);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ua-opt{position:relative;display:grid;gap:2px;width:100%;padding:8px 34px 8px 8px;border-radius:8px;text-align:left;cursor:pointer}.ua-opt:hover:not([disabled]){background:var(--surface-hover)}.ua-opt b{font:500 12.5px/1.3 var(--font);color:var(--ink)}.ua-opt span{font-size:11.5px;line-height:1.35;color:var(--muted)}.ua-opt kbd{position:absolute;right:8px;top:9px;font:500 10.5px/1 var(--font);padding:3px 5px;border-radius:4px;box-shadow:0 0 0 1px var(--line);color:var(--ink-2)}.ua-opt[disabled]{cursor:default}.ua-opt[disabled] b{color:var(--muted)}.ua-opt[disabled] kbd{display:none}#viewport.swapping #hover-box{border-style:dashed}.wait-pill{position:absolute;left:50%;top:calc(50% + 28px / var(--z, 1));transform:translate(-50%) scale(calc(1 / var(--z, 1)));transform-origin:50% 0;z-index:6;display:flex;align-items:center;gap:8px;padding:4px 4px 4px 12px;border-radius:99px;background:#17171a;color:#ffffffbf;font:500 12px/1 var(--font);white-space:nowrap;box-shadow:0 6px 18px -6px #00000059}.wait-pill .pin-act kbd{margin-left:6px;font:500 10px/1 var(--font);opacity:.5}
1
+ :root{--paper: #F4F4F5;--grid: #D4D4D8;--surface: #FFFFFF;--surface-2: #FAFAFA;--line: #E4E4E7;--line-strong: #D1D1D6;--ink: #17171A;--ink-2: #48484D;--muted: #88888F;--accent: #2F5BFF;--accent-soft: rgba(47, 91, 255, .12);--mark: #E5484D;--ok: #1F9D55;--shadow: 0 1px 2px rgba(23,23,26,.06), 0 8px 24px rgba(23,23,26,.08);--frame-shadow: 0 0 #0000;--shadow-lg: 0 2px 6px rgba(23,23,26,.08), 0 18px 48px rgba(23,23,26,.14);--font: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #141416;--grid: #2C2C30;--surface: #1D1D20;--surface-2: #232327;--line: #2E2E33;--line-strong: #3C3C42;--ink: #EDEDEF;--ink-2: #C3C3C8;--muted: #838389;--accent: #6E8BFF;--accent-soft: rgba(110,139,255,.16);--shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.35);--shadow-lg: 0 2px 6px rgba(0,0,0,.35), 0 18px 48px rgba(0,0,0,.5);color-scheme:dark}}:root[data-theme=dark]{--paper: #141416;--grid: #2C2C30;--surface: #1D1D20;--surface-2: #232327;--line: #2E2E33;--line-strong: #3C3C42;--ink: #EDEDEF;--ink-2: #C3C3C8;--muted: #838389;--accent: #6E8BFF;--accent-soft: rgba(110,139,255,.16);color-scheme:dark}*{box-sizing:border-box}html,body{overscroll-behavior:none;margin:0;height:100%;overflow:hidden;background:var(--paper);color:var(--ink);font:13px/1.45 var(--font);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}input,textarea{font:inherit;color:inherit}kbd{font:500 10.5px/1 var(--mono);padding:2px 4px;border-radius:4px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink-2)}code{font:12px/1.5 var(--mono)}.muted{color:var(--muted)}[hidden]{display:none!important}#viewport{position:fixed;inset:0;overflow:hidden;touch-action:none;user-select:none;background-color:var(--paper);background-image:radial-gradient(var(--grid) calc(var(--dot, 1px)),transparent 0);background-size:var(--gs, 24px) var(--gs, 24px);background-position:var(--gx, 0) var(--gy, 0)}#viewport[data-tool=hand],#viewport.panning{cursor:grab}#viewport.panning:active,#viewport.dragging{cursor:grabbing}#viewport[data-tool=pen],#viewport[data-tool=pen] .shield{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M4.5 27.5l2.2-7.4L20.6 6.2a3.2 3.2 0 014.5 0l.7.7a3.2 3.2 0 010 4.5L11.9 25.3z' fill='%2317171A' stroke='white' stroke-width='2.2' stroke-linejoin='round'/%3E%3Cpath d='M18.3 8.5l5.2 5.2' stroke='white' stroke-width='1.8'/%3E%3Cpath d='M4.5 27.5l2.2-7.4 5.2 5.2z' fill='%23E5484D' stroke='white' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E") 4 28,crosshair}#viewport[data-tool=deep],#viewport[data-tool=deep] .shield{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Crect x='11' y='11' width='13' height='13' rx='2' fill='rgba(47,91,255,.15)' stroke='%232F5BFF' stroke-width='1.6' stroke-dasharray='2.6 2.2'/%3E%3Cpath d='M3 3l10.5 5.4-4.4 1.4-1.9 4.2z' fill='%2317171A' stroke='white' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E") 3 3,default}#viewport[data-tool=comment]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath d='M3 23V8a5 5 0 015-5h10a5 5 0 015 5v6a5 5 0 01-5 5H8z' fill='%232F5BFF' stroke='white' stroke-width='2'/%3E%3C/svg%3E") 3 23,crosshair}#viewport[data-tool=erase],#viewport[data-tool=erase] .shield,#viewport[data-tool=erase] #ink path{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Ccircle cx='13' cy='13' r='11' fill='rgba(255,255,255,.35)' stroke='%2317171A' stroke-width='1.5'/%3E%3Ccircle cx='13' cy='13' r='12' fill='none' stroke='white' stroke-width='1'/%3E%3C/svg%3E") 13 13,cell}#world{position:absolute;left:0;top:0;transform-origin:0 0}.frame{position:absolute}.frame-label{position:absolute;left:0;bottom:100%;display:flex;align-items:center;gap:6px;height:28px;padding:0 2px 6px;transform-origin:0 100%;scale:calc(1 / var(--z, 1));white-space:nowrap;color:var(--muted);font-weight:500;font-size:12.5px;cursor:default;max-width:calc(var(--fw) * var(--z, 1));min-width:0;overflow:hidden}#viewport[data-tool=select] .frame-label{cursor:default}#viewport[data-tool=select] .frame-label:hover .name{color:var(--accent)}.frame-label .name{overflow:hidden;text-overflow:ellipsis;min-width:24px;flex:0 1 auto}.frame-label .ic{flex:none;display:inline-grid;place-items:center;width:11px;height:11px;color:var(--muted)}.frame-label .ic[data-k=live]:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.45}.frame-label .ic[data-k=frozen]{color:#4a9fe0}.frame-label .ic svg{width:11px;height:11px}.frame.working .frame-label .ic{display:none}.fp-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.fp-act{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--ink);font:500 12.5px/1 var(--font);cursor:pointer}.fp-act:hover{background:var(--surface)}.fp-act svg{width:12px;height:12px;color:#4a9fe0}.fp-act kbd{font:500 10.5px/1 var(--mono);color:var(--muted)}.fp-act.on{border-color:var(--accent);color:var(--accent)}.frame .kb{display:none}.frame.kb-on .kb{position:absolute;left:0;right:0;bottom:0;height:336px;display:flex;flex-direction:column;gap:11px;padding:0 3px 40px;background:#d1d4da;font:400 22px/1 -apple-system,SF Pro Text,system-ui,sans-serif;color:#000;pointer-events:none;z-index:1}.frame.kb-on iframe{height:calc(100% - 336px)}.frame.kb-on:has(.kb.land) iframe{height:calc(100% - 209px)}.kb.land{height:209px!important;gap:6px!important;padding:0 60px 6px!important}.kb-bar{display:flex;justify-content:space-around;align-items:center;height:44px;font-size:16px;color:#333}.kb.land .kb-bar{height:34px}.kb-row{display:flex;gap:6px;justify-content:center}.kb-row.r2{padding:0 18px}.kb .k{flex:1;height:42px;display:grid;place-items:center;background:#fff;border-radius:5px;box-shadow:0 1px #898a8d}.kb.land .k{height:32px;font-size:18px}.kb .k.fn{flex:1.35;background:#abb0bc;font-size:15px}.kb .k.sp{flex:5;font-size:15px}.kb .k.ret{flex:2}.frame-label .dims{flex:none;border-radius:4px;padding:2px 4px;margin:0 -4px}.frame.selected .frame-label .dims{cursor:pointer}.frame.selected .frame-label .dims:hover{background:var(--surface);color:var(--ink)}.frame.narrow .frame-label .dims,.frame.narrow .frame-label .kind{display:none}.frame .parked-hint{position:absolute;inset:0;display:none;align-items:center;justify-content:center;padding:16px;text-align:center;color:var(--muted);font:500 13px/1.4 var(--font);background:var(--surface);pointer-events:none}.frame.parked .parked-hint{display:flex}.frame.parked iframe{visibility:hidden}.frame-label .kind{font:500 10px/1 var(--mono);color:var(--muted);padding:3px 5px;border-radius:4px;background:var(--surface);border:1px solid var(--line);text-transform:uppercase;letter-spacing:.04em;flex:0 2 auto;min-width:0;max-width:45%;overflow:hidden;text-overflow:ellipsis}.frame-label .count{font:500 11px/1 var(--mono);color:var(--accent)}.frame-label .rename{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--accent);border-radius:5px;padding:2px 6px;outline:0;width:220px}.frame-label .spinner{display:none;width:12px;height:12px;border-radius:50%;border:1.6px solid var(--accent-soft);border-top-color:var(--accent);animation:spin .7s linear infinite;flex:none}.frame-label .step{display:none}.frame-label .stop{display:none;font-size:11px;color:var(--muted);padding:2px 7px;border-radius:99px;border:1px solid var(--line);background:var(--surface)}.frame-label .use{box-sizing:border-box;height:16px;padding:0 8px;line-height:14px;flex:none;margin-left:4px;font-size:11px;font-weight:500;color:var(--ink);border-radius:99px;border:1px solid var(--line-strong, var(--line));background:var(--surface);pointer-events:auto;cursor:pointer}.frame-label .use:hover{background:var(--surface-2)}.frame-label .use[hidden]{display:none}.frame-label .stop:hover{color:var(--mark);border-color:var(--mark)}.frame-label .stop{box-sizing:border-box;height:16px;padding:0 7px;line-height:14px;flex:none}body.card-open #quick{display:none!important}#agent-wake{display:flex;flex-direction:column;gap:6px;margin:0 0 6px;padding:10px;border-radius:9px;background:var(--surface-2);font-size:12px;line-height:1.45;color:var(--ink-2)}#agent-wake[hidden]{display:none}#agent-wake b{font-size:12.5px;font-weight:600;color:var(--ink)}#agent-wake code{padding:7px 8px;border-radius:6px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font:11.5px/1.45 var(--mono);color:var(--ink);user-select:all;-webkit-user-select:all;white-space:normal}#agent-wake button{align-self:flex-start;height:26px;padding:0 10px;border-radius:7px;background:var(--ink);color:var(--surface);font:500 12px/26px var(--font)}.al-note{padding:0 8px 6px;font-size:11.5px;line-height:1.4;color:var(--muted)}#el-line{position:fixed;z-index:40;border-radius:2px;background:var(--accent);pointer-events:none;box-shadow:0 0 0 1px #ffffffb3}#el-line[hidden]{display:none}.sec-more{display:none;flex:none;width:18px;height:18px;margin-right:-4px;border-radius:5px;place-items:center;color:var(--muted);cursor:pointer}.sec-more svg{width:14px;height:14px;fill:currentColor}.section.selected .sec-more{display:grid}.sec-more:hover{background:var(--surface-hover);color:var(--ink)}#sec-menu{width:268px;padding:5px;z-index:45}#sec-menu .menu-item{padding:8px 9px}#sec-menu .menu-item span{display:flex;flex-direction:column;gap:2px}#sec-menu .menu-item b{font-weight:500;font-size:13px}#sec-menu .menu-item small{font-size:11.5px;color:var(--muted)}#sec-menu .menu-item:hover{background:var(--surface-hover)}#sec-menu .menu-item.danger b{color:var(--mark)}.ver-strip.top{position:fixed;left:50%;top:58px;translate:-50% 0;z-index:41;display:flex;align-items:center;gap:6px;max-width:calc(100vw - 48px);padding:6px;border-radius:14px;background:var(--surface);box-shadow:0 0 0 1px var(--line),0 10px 30px -12px #00000059;animation:stripIn .22s cubic-bezier(.2,.8,.2,1)}.ver-strip.top .vt-row{gap:6px;padding:3px;min-width:0}.ver-strip.top .vt{position:relative;padding:0}.ver-strip.top .vt-img{border-radius:7px}.vt-n{position:absolute;left:4px;bottom:4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;box-sizing:border-box;background:#17171ab8;color:#fff;font:600 10px/16px var(--font);font-variant-numeric:tabular-nums;text-align:center}.vt.on .vt-n{background:var(--accent)}.ver-strip.top .vt-acts{padding:0 4px 0 8px;margin-left:2px;box-shadow:inset 1px 0 0 var(--line);align-self:stretch}.ver-strip.top .vt-acts[hidden]{display:none}.ver-prev.loading:after{content:"Loading this version\2026";position:absolute;left:50%;top:calc(14px / var(--z, 1));translate:-50% 0;transform-origin:50% 0;scale:calc(1 / var(--z, 1));padding:6px 11px;border-radius:99px;background:#17171ad1;color:#fff;font:500 12px/1 var(--font);white-space:nowrap;z-index:2}.ver-prev.loading.bare{background:linear-gradient(100deg,#fff 30%,#f1f1f3,#fff 70%);background-size:250% 100%;animation:shimmer 1.6s linear infinite}@media(prefers-reduced-motion:reduce){.ver-strip.top,.ver-prev.loading.bare{animation:none}}#el-into{position:fixed;z-index:38;pointer-events:none;border-radius:3px;background:color-mix(in srgb,var(--accent) 6%,transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--accent) 70%,transparent)}#el-into[hidden]{display:none}#el-drag{position:fixed;left:0;top:0;z-index:39;pointer-events:none;border-radius:3px;background:color-mix(in srgb,var(--accent) 18%,transparent);box-shadow:inset 0 0 0 1.5px var(--accent);will-change:transform}.m-blocked .blk-all{justify-content:flex-end;background:none;padding:0;min-height:0}.frame.working .frame-label .spinner,.frame.working .frame-label .stop{display:inline-block}.frame.working .frame-label .step{display:inline;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(90deg,var(--muted) 0%,var(--muted) 35%,var(--ink) 50%,var(--muted) 65%,var(--muted) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 1.8s linear infinite}.frame.working .frame-label .step:before{content:"\b7 "}.frame.working .frame-label .elapsed{display:inline;font:11px/1 var(--mono);color:var(--muted)}.frame-label .elapsed{display:none}.frame-label .updated{display:none;font-size:11px;font-weight:600;color:var(--ok)}.frame.updated .frame-label .updated{display:inline;animation:fadeout 2.8s ease forwards}.frame.failed .frame-label .updated{display:inline;color:var(--mark);animation:fadeout 4s ease forwards}.frame-body{position:relative;width:100%;height:100%;background:#fff;border-radius:2px;box-shadow:0 0 0 1px var(--line),var(--frame-shadow);overflow:hidden}.frame.selected .frame-body{box-shadow:0 0 0 calc(1.5px / var(--z, 1)) var(--accent),var(--frame-shadow)}.frame.working .frame-body{box-shadow:0 0 0 calc(1.5px / var(--z, 1)) var(--accent-soft),var(--frame-shadow)}.frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff;display:block}.frame .shield{position:absolute;inset:0}.frame.live .shield{display:none}.frame .progress{position:absolute;left:0;right:0;top:0;height:calc(3px / var(--z, 1));overflow:hidden;pointer-events:none;opacity:0;transition:opacity .2s}.frame.working .progress{opacity:1}.frame .progress:after{content:"";position:absolute;top:0;bottom:0;width:35%;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:sweep 1.4s ease-in-out infinite}.frame .resize{position:absolute;display:none;z-index:7;--t: calc(10px / var(--z, 1))}#viewport[data-tool=select] .frame.selected .resize{display:block}.frame .rz-n,.frame .rz-s{left:var(--t);right:var(--t);height:var(--t);cursor:ns-resize}.frame .rz-n{top:calc(var(--t) / -2)}.frame .rz-s{bottom:calc(var(--t) / -2)}.frame .rz-e,.frame .rz-w{top:var(--t);bottom:var(--t);width:var(--t);cursor:ew-resize}.frame .rz-e{right:calc(var(--t) / -2)}.frame .rz-w{left:calc(var(--t) / -2)}.frame .rz-ne,.frame .rz-nw,.frame .rz-se,.frame .rz-sw{width:calc(var(--t) * 1.4);height:calc(var(--t) * 1.4)}.frame .rz-nw{left:calc(var(--t) * -.7);top:calc(var(--t) * -.7);cursor:nwse-resize}.frame .rz-se{right:calc(var(--t) * -.7);bottom:calc(var(--t) * -.7);cursor:nwse-resize}.frame .rz-ne{right:calc(var(--t) * -.7);top:calc(var(--t) * -.7);cursor:nesw-resize}.frame .rz-sw{left:calc(var(--t) * -.7);bottom:calc(var(--t) * -.7);cursor:nesw-resize}.frame .rz-ne:after,.frame .rz-nw:after,.frame .rz-se:after,.frame .rz-sw:after{content:"";position:absolute;inset:30%;background:#fff;border:calc(1.5px / var(--z, 1)) solid var(--accent);border-radius:calc(1.5px / var(--z, 1))}.frame .pins{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:6}.frame .areas{position:absolute;inset:0;pointer-events:none;overflow:hidden}.pin{position:absolute;width:0;height:0;pointer-events:auto}#ink{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}#ink path{fill:none;stroke-linecap:round;stroke-linejoin:round}#ink path.used{opacity:.9}#viewport[data-tool=erase] #ink path{pointer-events:stroke}#viewport[data-tool=erase] #ink path:hover{opacity:.4}#hover-box{position:fixed;pointer-events:none;border:1.5px solid var(--accent);background:var(--accent-soft);border-radius:3px;z-index:5;transition:all .06s ease-out}#hover-box:after{content:attr(data-tag);position:absolute;left:-1.5px;top:-20px;font:500 10.5px/1 var(--mono);color:#fff;background:var(--accent);padding:4px 5px;border-radius:3px 3px 3px 0;white-space:nowrap}.cursor{position:absolute;left:0;top:0;pointer-events:none;transition:transform .08s linear}.cursor-inner{transform-origin:0 0;scale:calc(1 / var(--z, 1))}.cursor svg{width:18px;height:18px;display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.cursor span{display:inline-block;margin:2px 0 0 12px;padding:3px 7px;border-radius:99px;color:#fff;font:500 11px/1.2 var(--font);white-space:nowrap}#topbar{position:fixed;left:12px;right:12px;top:12px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:20}#topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 7px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.logo svg{width:22px;height:22px;display:block}.logo rect{fill:var(--ink)}.logo circle{stroke:var(--paper);stroke-width:2.6;fill:none}.wordmark{font-weight:600;letter-spacing:-.01em}.sep{color:var(--line-strong)}.canvas-name{color:var(--ink-2);max-width:30vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-right{display:flex;align-items:center;gap:8px}.pill{display:flex;align-items:center;gap:7px;height:34px;padding:0 12px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);color:var(--ink-2);font-weight:500}.pill:hover{border-color:var(--line-strong)}.agent-dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px #1f9d5524}.pill.busy .agent-dot{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);animation:pulse 1.2s ease-in-out infinite}.pill.inbox .agent-dot{background:#d9a100;box-shadow:0 0 0 3px #d9a10029}.btn-primary{height:34px;padding:0 14px;border-radius:10px;background:var(--ink);color:var(--paper);font-weight:500;display:inline-flex;align-items:center;gap:8px;box-shadow:var(--shadow)}.btn-primary:hover{opacity:.9}.btn-primary kbd{background:transparent;border-color:#ffffff40;color:inherit}.btn-secondary{height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--line);background:var(--surface);font-weight:500}.btn-secondary:hover{border-color:var(--line-strong)}.link-btn{color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:2px}.icon-btn{width:26px;height:26px;border-radius:6px;color:var(--muted);font-size:18px;line-height:1}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.presence{display:flex}.avatar{width:28px;height:28px;border-radius:50%;color:#fff;display:grid;place-items:center;font:600 11px/1 var(--font);border:2px solid var(--paper);margin-left:-6px}.menu{position:fixed;z-index:30;width:320px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg)}.menu-title{padding:6px 8px 8px;font-weight:600}.menu-copy,.menu-note{margin:0 8px 10px;color:var(--muted);font-size:12px}.menu-note:empty{display:none}.menu-item{display:flex;gap:10px;text-align:left;width:100%;padding:9px 8px;border-radius:8px}.menu-item:hover{background:var(--surface-2)}.menu-item b{display:block;font-weight:500}.menu-item small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.menu-item code{font-size:11px}.radio{flex:none;width:14px;height:14px;margin-top:2px;border-radius:50%;border:1.5px solid var(--line-strong)}.menu-item.on .radio{border:4px solid var(--accent)}#share-menu{padding:12px}#share-menu .menu-title{padding:0 0 6px}#share-menu .menu-copy,#share-menu .menu-note{margin:0 0 12px}.field-label{display:block;font-size:11.5px;color:var(--muted);font-weight:500;margin:0 0 5px}.copy-row{display:flex;gap:6px;margin-bottom:12px}.copy-row input{flex:1;min-width:0;height:32px;padding:0 9px;border-radius:8px;border:1px solid var(--line);background:var(--surface-2);font:11.5px var(--mono);color:var(--ink-2);outline:0}.copy-row button{height:32px;padding:0 11px;border-radius:8px;border:1px solid var(--line);background:var(--surface);font-weight:500}#share-public-btn{width:100%;margin-bottom:8px}#toolbar{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:2px;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg)}#toolbar button{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--ink-2)}#toolbar button:hover{background:var(--surface-2);color:var(--ink)}#toolbar button.on{background:var(--ink);color:var(--paper)}#toolbar button[data-tool=comment].on{background:var(--accent);color:#fff}#toolbar svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}#toolbar .tb-sep{width:1px;height:22px;background:var(--line);margin:0 4px}#toolbar .tb-new{width:auto;padding:0 12px 0 9px;display:flex;gap:5px;font-weight:500}#zoom{position:fixed;right:16px;bottom:16px;z-index:20;display:flex;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);overflow:hidden}#zoom button{height:32px;min-width:32px;padding:0 8px;color:var(--ink-2);font:500 12px var(--mono)}#zoom button:hover{background:var(--surface-2)}#zoom-level{min-width:56px;border-left:1px solid var(--line)!important;border-right:1px solid var(--line)!important}.pop{position:fixed;z-index:25;width:340px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg)}#composer{padding:10px}.composer-target{display:flex;align-items:center;gap:6px;margin-bottom:8px;font:11px var(--mono);color:var(--muted);overflow:hidden;white-space:nowrap}.composer-target b{color:var(--accent);font-weight:500}.composer-target span{overflow:hidden;text-overflow:ellipsis}#composer textarea,.thread-reply textarea{width:100%;resize:none;border:0;outline:0;background:transparent;font-size:13.5px;line-height:1.45;max-height:180px;padding:2px 0}#composer textarea::placeholder,.thread-reply textarea::placeholder{color:var(--muted)}.composer-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}.hint{color:var(--muted);font-size:11px;display:flex;gap:4px;align-items:center;margin-left:auto}.chip{font-size:11px;font-weight:500;color:var(--mark);background:#e5484d1a;padding:3px 7px;border-radius:99px}#thread{max-height:min(70vh,560px);display:flex;flex-direction:column}.thread-head{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 8px 12px;border-bottom:1px solid var(--line)}.thread-head .t-title{font-weight:600;font-size:12.5px}.thread-head .t-actions{display:flex;gap:2px}.thread-body{overflow:auto;padding:4px 0}.msg{padding:10px 12px}.msg+.msg{border-top:1px solid var(--line)}.msg-head{display:flex;align-items:center;gap:7px;margin-bottom:4px}.msg-head .av{width:18px;height:18px;border-radius:50%;color:#fff;display:grid;place-items:center;font:600 9px/1 var(--font)}.msg-head b{font-weight:600;font-size:12.5px}.msg-head time{color:var(--muted);font-size:11px}.msg-text{white-space:pre-wrap;word-wrap:break-word}.agent-line{display:flex;gap:8px;align-items:flex-start;margin-top:8px;padding:8px 10px;background:var(--surface-2);border-radius:8px;font-size:12.5px;color:var(--ink-2)}.agent-line .a-ic{flex:none;width:16px;height:16px;margin-top:1px;border-radius:4px;background:var(--ink);display:grid;place-items:center}.agent-line .a-ic svg{width:10px;height:10px;stroke:var(--paper);fill:none;stroke-width:2.4}.agent-line.working .a-ic{background:none;border:1.6px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.agent-line.working .a-ic svg{display:none}.agent-line.working .a-text,.m-work .a-text{background:linear-gradient(90deg,var(--muted) 0%,var(--muted) 35%,var(--ink) 50%,var(--muted) 65%,var(--muted) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 1.8s linear infinite}.agent-line.error{background:#e5484d14;color:var(--mark)}.agent-line.error .a-ic{background:var(--mark)}.agent-line.waiting .a-ic{background:var(--line-strong)}.agent-line .a-actions{display:flex;gap:10px;margin-top:6px}.agent-line .a-actions button{font-size:12px;font-weight:500;color:var(--accent)}.agent-line .a-actions button.quiet{color:var(--muted)}.thread-reply{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;border-top:1px solid var(--line)}#ink-chip{position:fixed;z-index:22}#ink-chip button{height:30px;padding:0 11px;border-radius:99px;background:var(--ink);color:var(--paper);font-weight:500;font-size:12px;box-shadow:var(--shadow-lg)}.modal{position:fixed;inset:0;z-index:40;display:grid;place-items:start center;padding-top:18vh;background:#1414162e}.modal-card{width:min(560px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);padding:14px}.modal-card.narrow{width:min(380px,calc(100vw - 32px))}.modal-head{display:flex;align-items:center;justify-content:space-between;font-weight:600;margin-bottom:10px}.modal-card textarea,.modal-card input{width:100%;border:1px solid var(--line);background:var(--surface-2);border-radius:10px;padding:10px 12px;outline:0;resize:none;font-size:14px}.modal-card textarea:focus,.modal-card input:focus{border-color:var(--accent)}.modal-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.size-pick{display:flex;gap:2px;padding:3px;border-radius:9px;background:var(--surface-2);border:1px solid var(--line)}.size-pick button{height:26px;padding:0 10px;border-radius:6px;color:var(--muted);font-weight:500;font-size:12px}.size-pick button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #00000014}#empty{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.empty-set{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:30px;padding:0 16px}.empty-frames{display:flex;align-items:flex-end;gap:40px}.empty-frame{display:flex;flex-direction:column;align-items:flex-start;gap:7px;text-align:left}.ef-name{font:500 12px/1 var(--font);color:var(--muted);transition:color .15s}.ef-name small{margin-left:7px;font:500 11px/1 var(--mono);opacity:.75}.ef-sheet{position:relative;display:block;height:min(300px,38vh);aspect-ratio:1440 / 1024;container-type:inline-size;background:#fff;border-radius:2px;box-shadow:0 0 0 1px var(--line-strong);transition:box-shadow .15s}.empty-frame.phone .ef-sheet{aspect-ratio:393 / 852}.ef-sheet b{position:absolute;left:11%;right:8%;top:27%;font:500 clamp(10px,3.7cqw,17px)/1.25 var(--font);letter-spacing:-.022em;color:#b9b9c0;transition:color .15s}.empty-frame.phone .ef-sheet b{left:9%;top:15%;font-size:clamp(10px,7.7cqw,12px)}.empty-frame:hover .ef-sheet,.empty-frame:focus-visible .ef-sheet{box-shadow:0 0 0 1.5px var(--accent)}.empty-frame:hover .ef-name,.empty-frame:focus-visible .ef-name{color:var(--accent)}.empty-frame:hover .ef-sheet b{color:#88888f}.empty-frame:focus-visible{outline:none}.empty-note{max-width:480px;margin:0;text-align:center;color:var(--muted);font-size:13px;line-height:1.7}.empty-note code{display:inline-block;margin-top:6px;white-space:nowrap;padding:2px 7px;border-radius:6px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);font:12px/1.5 var(--mono);user-select:all;-webkit-user-select:all}#empty.guest .empty-frames,#empty.guest .empty-own{display:none}#toast{position:fixed;left:50%;bottom:76px;transform:translate(-50%);z-index:50;padding:8px 14px;border-radius:10px;background:var(--ink);color:var(--paper);font-weight:500;box-shadow:var(--shadow-lg)}#share-menu{width:360px;max-height:calc(100vh - 80px);overflow:auto}.btn-google{width:100%;height:38px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface);font-weight:500;margin-bottom:12px}.btn-google:hover{background:var(--surface-2)}.btn-google svg{width:18px;height:18px}.btn-dark{height:32px;padding:0 12px;border-radius:8px;background:var(--ink);color:var(--paper);font-weight:500}.btn-dark:disabled{opacity:.5}.members{margin:0 0 12px;display:flex;flex-direction:column;gap:2px}.member{display:flex;align-items:center;gap:9px;padding:6px 2px}.member .m-av{width:26px;height:26px;border-radius:50%;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;font:600 10px/1 var(--font);color:var(--ink-2);overflow:hidden;flex:none}.member .m-av img,.av-sm img{width:100%;height:100%;object-fit:cover}.member .m-text{flex:1;min-width:0}.member .m-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member .m-sub{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member .m-x{color:var(--muted);font-size:16px;width:22px;height:22px;border-radius:6px}.member .m-x:hover{background:var(--surface-2);color:var(--mark)}.signed-as{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);margin:2px 0 12px}.signed-as #me-email{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.av-sm{width:18px;height:18px;border-radius:50%;overflow:hidden;background:var(--surface-2);flex:none}.lan-share{border-top:1px solid var(--line);padding-top:10px}.avatar.me{cursor:pointer}.lan-share.only{border-top:0;padding-top:0}.lan-share summary{cursor:pointer;color:var(--ink-2);font-weight:500;font-size:12.5px;margin-bottom:10px}.agent-line .a-meta{font:500 11px/1.4 var(--mono);color:var(--muted);margin-top:5px}.agent-line .a-model{font:500 10.5px/1 var(--mono);color:var(--muted);padding:2px 5px;border-radius:4px;border:1px solid var(--line);margin-right:4px}.msg-agent{background:var(--surface-2)}.av-agent{background:var(--ink)!important}.av-agent svg{width:10px;height:10px;stroke:var(--paper);fill:none;stroke-width:2.4}.sc-card{width:min(720px,calc(100vw - 32px))}.sc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 28px}.sc-group{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px}.sc-row{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid var(--line);font-size:12.5px}.sc-keys{display:flex;gap:4px;flex:none}@media(max-width:640px){.sc-grid{grid-template-columns:1fr}}#composer.soft{animation:softIn .22s ease-out}#composer.soft textarea::placeholder{color:var(--accent)}@keyframes softIn{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:none}}.prompt-head,.prompt-ideas{display:none}#composer.prompt{width:400px;padding:14px}#composer.prompt .prompt-head{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;margin-bottom:10px}#composer.prompt .prompt-head b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#composer.prompt .prompt-ideas{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.prompt-ideas button{height:26px;padding:0 10px;border-radius:99px;border:1px solid var(--line);background:var(--surface-2);font-size:12px;font-weight:500;color:var(--ink-2)}.prompt-ideas button:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}#composer.prompt textarea{min-height:44px;font-size:14px}.frame.empty .shield{cursor:pointer}.canvas-name.editable{cursor:text;border-radius:6px;padding:2px 4px;margin:-2px -4px}.canvas-name.editable:hover{background:var(--surface-2)}.canvas-rename{font:inherit;color:var(--ink);background:var(--surface-2);border:1px solid var(--accent);border-radius:6px;padding:1px 5px;outline:0;width:220px}#fp-name{width:100%;font:600 13px var(--font);color:var(--ink);border:1px solid transparent;background:transparent;border-radius:6px;padding:3px 5px;margin-left:-5px;outline:0}#fp-name:hover{border-color:var(--line)}#fp-name:focus{border-color:var(--accent);background:var(--surface-2)}.deep-box{position:absolute;pointer-events:none;border:calc(2px / var(--z, 1)) solid var(--accent);background:#2f5bff14;border-radius:calc(2px / var(--z, 1))}.deep-box:before{content:attr(data-tag);position:absolute;left:calc(-2px / var(--z, 1));bottom:100%;transform-origin:0 100%;scale:calc(1 / var(--z, 1));font:500 10.5px/1 var(--mono);color:#fff;background:var(--accent);padding:4px 5px;border-radius:3px 3px 3px 0;margin-bottom:calc(2px / var(--z, 1));white-space:nowrap}.area{position:absolute;pointer-events:none;border:calc(2px / var(--z, 1)) solid var(--accent);background:#2f5bff1a;border-radius:calc(3px / var(--z, 1));opacity:0;transition:opacity .15s}.area.show,.area.hover{opacity:1}.area:before{content:"Area";position:absolute;left:calc(-2px / var(--z, 1));bottom:100%;transform-origin:0 100%;scale:calc(1 / var(--z, 1));font:600 10px/1 var(--font);letter-spacing:.02em;color:#fff;background:var(--accent);padding:4px 6px;border-radius:4px 4px 4px 0;margin-bottom:calc(2px / var(--z, 1));white-space:nowrap}.frame .area.draft,.frame .area.picking{box-shadow:none}.area.picking{border-style:dashed}.chip-area{color:var(--accent);background:var(--accent-soft)}.scope-pick{display:flex;gap:2px;padding:3px;margin-bottom:8px;border-radius:8px;background:var(--surface-2);border:1px solid var(--line)}.scope-pick button{flex:1;height:24px;border-radius:6px;font-size:11.5px;font-weight:500;color:var(--muted)}.scope-pick button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #00000014}.scope-pick button:disabled{opacity:.4;cursor:default}#canvas-pins{position:absolute;left:0;top:0;width:0;height:0}#marquee{position:absolute;pointer-events:none;border:calc(1px / var(--z, 1)) solid var(--accent);background:#2f5bff14}#align-bar{position:fixed;z-index:22;display:flex;align-items:center;gap:2px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);animation:softIn .15s ease-out}#align-bar button{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:var(--ink-2)}#align-bar button:hover{background:var(--surface-2);color:var(--ink)}#align-bar button:disabled{opacity:.35;cursor:default;background:none}#align-bar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#align-bar .ab-count{font:500 12px var(--font);color:var(--ink-2);padding:0 8px 0 6px;white-space:nowrap}#align-bar .ab-sep{width:1px;height:20px;background:var(--line);margin:0 3px}#align-bar .ab-spacing{display:flex;align-items:center;gap:6px;padding-right:4px;animation:softIn .18s ease-out}#align-bar .ab-spacing[hidden]{display:none}#align-bar .ab-scrub{width:26px;height:28px;display:grid;place-items:center;color:var(--accent);cursor:ew-resize;border-radius:6px}#align-bar .ab-scrub:hover{background:var(--accent-soft)}#align-bar .ab-range{width:120px;accent-color:var(--accent);cursor:pointer}#align-bar .ab-num{display:flex;align-items:center;gap:2px;height:28px;padding:0 6px;border-radius:7px;border:1px solid var(--line);background:var(--surface-2)}#align-bar .ab-num:focus-within{border-color:var(--accent)}#align-bar .ab-val{width:38px;border:0;outline:0;background:transparent;font:12px var(--mono);color:var(--ink);text-align:right}#align-bar .ab-num small{font:11px var(--mono);color:var(--muted)}#guides{position:absolute;left:0;top:0;overflow:visible;pointer-events:none;z-index:8}#guides line{stroke:#ff2d55;stroke-width:calc(.6px / var(--z, 1));shape-rendering:crispEdges}#dup-ghost{position:absolute;pointer-events:none;border:calc(1.5px / var(--z, 1)) dashed var(--accent);background:var(--accent-soft);border-radius:2px}#dup-ghost span{position:absolute;left:0;bottom:100%;transform-origin:0 100%;scale:calc(1 / var(--z, 1));padding-bottom:6px;font:500 12.5px var(--font);color:var(--accent);white-space:nowrap}#viewport.alt[data-tool=select] .frame-label{cursor:copy}#viewport[data-tool=frame],#viewport[data-tool=frame] .shield{cursor:crosshair}#draw-box{position:absolute;border:calc(1.5px / var(--z, 1)) solid var(--accent);background:var(--accent-soft);pointer-events:none}#draw-box span{position:absolute;left:50%;top:100%;transform-origin:50% 0;translate:-50% 0;scale:calc(1 / var(--z, 1));margin-top:6px;font:500 11px/1 var(--mono);color:#fff;background:var(--accent);padding:4px 6px;border-radius:4px;white-space:nowrap}.frame-label .dims{flex:none;display:none;font:500 10.5px/1 var(--mono);color:var(--muted)}.frame.selected .frame-label .dims{display:inline}.frame .empty-hint{position:absolute;inset:0;display:none;pointer-events:none}.frame .empty-hint b{position:absolute;left:var(--plx, 11%);right:var(--plx, 11%);top:var(--pty, 27%);color:#b9b9c0;font:500 var(--pfs, 30px)/1.25 var(--font);letter-spacing:-.022em}.frame[data-on=dark] .empty-hint b{color:#fff6}.frame[data-on=canvas] .empty-hint b{color:var(--muted)}.frame.empty.prompting .empty-hint{display:none}.frame .down-hint{display:none;position:absolute;inset:0;z-index:2;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--pfs, 30px) * .16);padding:8%;text-align:center;pointer-events:none;background:#fff;color:#88888f;font:400 calc(var(--pfs, 30px) * .46)/1.4 var(--font)}.frame .down-hint b{color:#17171a;font-weight:600;font-size:calc(var(--pfs, 30px) * .56);letter-spacing:-.01em}.frame.down .down-hint,.frame.empty .empty-hint{display:flex}.frame.empty .frame-body{box-shadow:0 0 0 1px var(--line-strong),var(--frame-shadow)}.panel{position:fixed;right:12px;top:60px;z-index:21;width:268px;max-height:calc(100vh - 140px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);padding:10px}.panel-head{display:flex;align-items:center;justify-content:space-between;font-weight:600;padding:2px 2px 10px}.panel-head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fp-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.fp-q{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 8px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2)}.fp-q:hover{border-color:var(--accent);background:var(--accent-soft)}.fp-q svg{width:22px;height:22px;fill:none;stroke:var(--ink-2);stroke-width:1.6;stroke-linecap:round;margin-bottom:2px}.fp-q b{font-weight:500;font-size:12.5px}.fp-q small,.fp-row small{font:10.5px/1 var(--mono);color:var(--muted)}.fp-hint{color:var(--muted);font-size:12px;margin:10px 2px}.fp-group{border-top:1px solid var(--line);padding:6px 0}.fp-group summary{cursor:pointer;font-weight:500;font-size:12.5px;color:var(--ink-2);padding:4px 2px}.fp-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:7px 6px;border-radius:7px;font-size:12.5px;text-align:left}.fp-row:hover{background:var(--surface-2)}.fp-custom,.fp-size{display:flex;gap:6px;align-items:center;border-top:1px solid var(--line);padding-top:10px;margin-top:4px}.fp-size{border-top:0;padding-top:0;margin:0 0 8px}.fp-custom label,.fp-size label{flex:1;display:flex;align-items:center;gap:6px;height:32px;padding:0 8px;border-radius:8px;border:1px solid var(--line);background:var(--surface-2);font:500 11px var(--mono);color:var(--muted)}.fp-custom input,.fp-size input{width:100%;min-width:0;border:0;outline:0;background:transparent;font:12.5px var(--mono);color:var(--ink)}.fp-custom label:focus-within,.fp-size label:focus-within{border-color:var(--accent)}.fp-chips{display:flex;gap:4px;margin-bottom:6px}.fp-chip{flex:1;height:28px;border-radius:7px;border:1px solid var(--line);font-size:12px;font-weight:500;color:var(--ink-2)}.fp-chip:hover{background:var(--surface-2)}.fp-chip.on{border-color:var(--ink);color:var(--ink)}#fp-describe{display:block;margin:12px 2px 2px;text-align:left}#viewport.dragging iframe,#viewport.panning iframe{pointer-events:none}#agent-pill.offline .agent-dot{background:var(--muted);box-shadow:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:125% 0}to{background-position:-125% 0}}@keyframes sweep{0%{left:-35%}to{left:100%}}@keyframes ring{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}@keyframes pulse{50%{opacity:.45}}@keyframes fadeout{0%,70%{opacity:1}to{opacity:0}}@media(max-width:640px){.canvas-name,.sep{display:none}#toolbar{bottom:12px}#zoom{display:none}.pop,.menu{width:calc(100vw - 32px)}}#composer{width:340px;padding:0;border-radius:18px}#composer.prompt{width:400px;padding:14px 0 0}#composer.prompt .prompt-head,#composer.prompt .prompt-ideas{margin-left:14px;margin-right:14px}#composer.prompt.onpage{--p-ink: #17171A;--p-2: #48484D;--p-mut: #88888F;--p-ph: #B9B9C0;--p-line: #E4E4E7;--p-hover: #F4F4F5;--p-on: #fff;position:absolute;left:var(--plx, 11%);right:var(--plx, 11%);top:var(--pty, 27%);width:auto;z-index:4;user-select:text;-webkit-user-select:text;display:flex;flex-direction:column;gap:calc(var(--pfs, 24px) * .6);padding:0;background:none;border:0;border-radius:0;box-shadow:none;animation:none}#composer.prompt.onpage .prompt-ideas,#composer.prompt.onpage .c-foot,#composer.prompt.onpage .c-files{zoom:var(--pk, 1)}#composer.prompt.onpage[hidden]{display:none}#composer.prompt.onpage[data-on=dark]{--p-ink: #fff;--p-2: rgba(255,255,255,.82);--p-mut: rgba(255,255,255,.6);--p-ph: rgba(255,255,255,.4);--p-line: rgba(255,255,255,.2);--p-hover: rgba(255,255,255,.12);--p-on: #17171A}#composer.prompt.onpage[data-on=canvas]{--p-ink: var(--ink);--p-2: var(--ink-2);--p-mut: var(--muted);--p-ph: var(--muted);--p-line: var(--line);--p-hover: var(--surface-2);--p-on: var(--paper)}#composer.prompt.onpage .prompt-head,#composer.prompt.onpage .c-chips{display:none}#composer.prompt.onpage .cbox{display:contents}#composer.prompt.onpage textarea{order:1;min-height:0;max-height:none;padding:0;user-select:text;-webkit-user-select:text;color:var(--p-ink);caret-color:#2f5bff;font:500 var(--pfs, 24px)/1.25 var(--font);letter-spacing:-.022em}#composer.prompt.onpage textarea::placeholder{color:var(--p-ph)}#composer.prompt.onpage .c-files{order:2}#composer.prompt.onpage .prompt-ideas{order:3;margin:0}#composer.prompt.onpage .prompt-ideas button{background:none;border-color:var(--p-line);color:var(--p-2)}#composer.prompt.onpage .prompt-ideas button:hover{background:var(--p-hover);border-color:var(--p-line);color:var(--p-ink)}#composer.prompt.onpage .c-foot{order:4;margin-left:0;padding-top:8px;border-top:1px solid var(--p-line)}#composer.prompt.onpage .c-foot>:first-child{margin-left:-6px}#composer.prompt.onpage .c-btn,#composer.prompt.onpage .c-model{color:var(--p-mut)}#composer.prompt.onpage .c-btn:hover,#composer.prompt.onpage .c-model.pick:hover{background:var(--p-hover);color:var(--p-ink)}#composer.prompt.onpage .c-send{background:var(--p-ink);color:var(--p-on)}.cbox{display:flex;flex-direction:column;gap:6px;padding:12px 8px 8px 14px;border-radius:inherit}.cbox.drop{box-shadow:inset 0 0 0 2px var(--accent);background:var(--accent-soft)}.cbox textarea{width:100%;resize:none;border:0;outline:0;background:transparent;color:var(--ink);font:14px/1.45 var(--font);max-height:180px;padding:2px 6px 2px 0}.cbox textarea::placeholder{color:var(--muted)}.c-chips{display:flex;gap:6px;flex-wrap:wrap}.c-chips:not(:has(.chip:not([hidden]))){display:none}.c-foot{display:flex;align-items:center;gap:2px;margin-left:-6px}.c-model{margin-left:auto;margin-right:2px;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.c-btn,.c-send{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:var(--ink-2)}.c-btn:hover{background:var(--surface-2);color:var(--ink)}.c-btn svg,.c-send svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.c-btn.on{color:#fff;background:var(--mark);animation:micPulse 1.4s ease-in-out infinite}@keyframes micPulse{50%{box-shadow:0 0 0 5px #e5484d2e}}.c-send{margin-left:2px;background:var(--accent);color:#fff}.c-send svg{stroke-width:1.9}.c-send:disabled{opacity:.3;cursor:default}.c-files{display:flex;flex-wrap:wrap;gap:6px;padding-right:6px}.c-file{position:relative;height:48px;max-width:180px;display:flex;align-items:center;gap:6px;padding:0 10px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);font-size:12px;color:var(--ink-2)}.c-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-file svg{flex:none;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4}.c-file.img{width:48px;padding:0;overflow:hidden}.c-file.img img{width:100%;height:100%;object-fit:cover}.c-file button{position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:#000000a6;color:#fff;display:none;place-items:center}.c-file button svg{width:10px;height:10px;stroke:#fff;stroke-width:1.6}.c-file:hover button{display:grid}#thread{width:360px;border-radius:18px;max-height:min(72vh,620px)}.t-tools{display:flex;justify-content:flex-end;gap:2px;padding:6px 6px 0;opacity:0;transition:opacity .15s}#thread:hover .t-tools,#thread:focus-within .t-tools{opacity:1}#thread .thread-body{overflow:auto;padding:0 14px 10px;display:flex;flex-direction:column;gap:14px}.m-user{align-self:flex-end;max-width:86%;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.m-user .bubble{background:color-mix(in srgb,var(--accent) 20%,var(--surface));color:var(--ink);padding:8px 12px;border-radius:16px;white-space:pre-wrap;word-wrap:break-word;font-size:13.5px;line-height:1.45}.m-meta{font-size:11px;color:var(--muted);opacity:0;transition:opacity .15s}.m-user:hover .m-meta{opacity:1}.m-files{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.m-files img{display:block;max-width:150px;max-height:110px;border-radius:10px;border:1px solid var(--line)}.m-files a.f{display:inline-flex;align-items:center;gap:6px;max-width:200px;padding:6px 10px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);font-size:12px;color:var(--ink-2);text-decoration:none}.m-files a.f span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-files a.f svg{flex:none;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.4}.m-agent{font-size:13.5px;line-height:1.5;color:var(--ink)}.m-worked{font-size:12px;color:var(--muted);padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid var(--line)}.m-text{white-space:pre-wrap;word-wrap:break-word}.m-agent.error .m-text{color:var(--mark)}.m-agent.quiet .m-text{color:var(--muted)}.m-acts{display:flex;align-items:center;gap:12px;min-height:22px;margin-top:4px;font-size:12px;color:var(--muted);opacity:0;transition:opacity .15s}.m-agent:hover .m-acts,.m-acts.show{opacity:1}.m-acts button{font:500 12px/1 var(--font);color:var(--ink-2);padding:4px 6px;margin:0 -6px;border-radius:6px}.m-acts button:hover{background:var(--surface-2);color:var(--ink)}.m-acts button.primary{color:var(--accent)}.m-work{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}.m-work .spin{flex:none;width:12px;height:12px;border-radius:50%;border:1.6px solid var(--accent-soft);border-top-color:var(--accent);animation:spin .7s linear infinite}#thread .thread-reply{display:block;padding:0 8px 8px;border-top:0}#thread .thread-reply .cbox{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:10px 6px 6px 12px}#thread .t-tools{align-items:center;gap:2px;padding:8px 8px 6px 14px}.t-state{margin-right:auto;font-size:12px;font-weight:500;color:var(--muted)}.t-btn{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:var(--muted)}.t-btn:hover{background:var(--surface-2);color:var(--ink)}.t-btn svg,.t-menu svg,.cp-x svg,.cp-res svg,.comments-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.t-btn[data-act=more] svg{fill:currentColor;stroke:none}.t-more{position:relative}.t-menu{position:absolute;right:0;top:32px;z-index:2;min-width:150px;padding:4px;border-radius:10px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg)}.t-menu:not([hidden]){display:block}.t-menu button{width:100%;display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:7px;font-size:12.5px;color:var(--mark)}.t-menu button:hover{background:#e5484d14}#thread .thread-body{padding-top:2px;gap:16px}.m-agent{display:grid;grid-template-columns:18px 1fr;gap:9px}.m-mark{width:18px;height:18px;margin-top:1px;display:grid;place-items:center;color:var(--muted)}.m-mark svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4}.m-body{min-width:0}.m-agent.error .m-mark{color:var(--mark)}.m-acts span{color:var(--muted)}.comments-btn{gap:6px}.comments-btn.has span{font-weight:600;color:var(--ink)}#comments-panel{position:fixed;z-index:24;top:60px;right:12px;width:352px;max-height:calc(100vh - 150px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden}#comments-panel[hidden]{display:none}.cp-head{display:flex;align-items:center;gap:10px;padding:12px 10px 10px 16px}.cp-head>b{font-size:14px;font-weight:600}.cp-tabs{display:flex;gap:2px;padding:2px;margin-left:auto;border-radius:9px;background:var(--surface-2)}.cp-tabs button{padding:5px 10px;border-radius:7px;font:500 12px/1 var(--font);color:var(--muted)}.cp-tabs button span{margin-left:2px}.cp-tabs button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0000001f}.cp-x{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:var(--muted)}.cp-x:hover{background:var(--surface-2);color:var(--ink)}.cp-list{overflow:auto;padding:0 6px 6px}.cp-item{position:relative;display:flex;gap:10px;padding:10px;border-radius:12px;cursor:pointer}.cp-item+.cp-item{margin-top:2px}.cp-item:hover,.cp-item.on{background:var(--surface-2)}.cp-av{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff;font:600 10px/1 var(--font)}.cp-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.cp-top{display:flex;align-items:baseline;gap:6px;font-size:12px;color:var(--muted);padding-right:26px}.cp-top b{color:var(--ink);font-weight:600;font-size:12.5px}.cp-where{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.cp-top time{margin-left:auto;flex:none}.cp-text{font-size:13px;line-height:1.45;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cp-foot{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);min-width:0}.cp-foot:empty{display:none}.cp-reply{display:flex;align-items:center;gap:5px;min-width:0}.cp-reply span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-reply .m-mark{width:14px;height:14px;margin:0;flex:none}.cp-reply .m-mark svg{width:12px;height:12px}.cp-n{flex:none}.cp-st{display:inline-flex;align-items:center;gap:5px}.cp-st i{width:6px;height:6px;border-radius:50%;background:var(--muted)}.cp-st.working i{background:var(--accent);animation:micPulse 1.4s infinite}.cp-st.wait i{background:#e5a500}.cp-st.err{color:var(--mark)}.cp-st.err i{background:var(--mark)}.cp-res{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:7px;display:grid;place-items:center;color:var(--muted);opacity:0}.cp-item:hover .cp-res{opacity:1}.cp-res:hover{background:var(--surface);color:var(--ink)}.cp-empty{padding:28px 16px 32px;text-align:center;font-size:12.5px;color:var(--muted)}#composer-ink{display:inline-flex;align-items:center;gap:5px;color:var(--ink-2);background:var(--surface-2);border:1px solid var(--line)}#composer-ink[hidden]{display:none}#composer-ink svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.m-marks{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;font:500 11.5px/1.4 var(--font);color:var(--ink-2);background:var(--surface-2);border:1px solid var(--line)}.m-marks:hover{color:var(--ink);border-color:var(--line-strong)}.m-marks.on{color:var(--mark);border-color:#e5484d59}.m-marks svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.m-user .bubble{display:flex;flex-direction:column;gap:6px}.m-user .bubble.has-files{padding-top:6px}.bubble .m-files{justify-content:flex-start;margin:0 -6px}.bubble .m-files img{max-width:100%;max-height:160px;border-color:transparent;border-radius:11px}.bubble .m-files a.f{background:color-mix(in srgb,var(--surface) 55%,transparent);border-color:transparent}.bubble .m-marks{align-self:flex-start;margin:0 -4px -2px;background:color-mix(in srgb,var(--surface) 55%,transparent);border-color:transparent}.bubble .m-marks.on{border-color:#e5484d59}.c-steer{flex:none;height:24px;padding:0 9px;margin-left:4px;border-radius:99px;font:500 11.5px/1 var(--font);color:var(--muted);border:1px solid var(--line);background:transparent}.c-steer:hover{color:var(--ink)}.c-steer.on{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:var(--accent-soft)}.m-agent .m-text{line-height:1.55}.area,.deep-box{border:0!important;background:none!important;border-radius:0!important}.area:before,.deep-box:before{display:none!important}.area:after,.deep-box:after{content:"";position:absolute;inset:-16%;border-radius:46%;pointer-events:none;background:linear-gradient(105deg,transparent 32%,rgba(255,255,255,.55) 48%,rgba(255,255,255,.2) 54%,transparent 68%),radial-gradient(42% 52% at 32% 42%,rgba(124,152,255,.55),transparent 72%),radial-gradient(46% 56% at 70% 60%,rgba(197,139,255,.45),transparent 72%),radial-gradient(38% 44% at 55% 30%,rgba(124,212,255,.35),transparent 72%);background-size:260% 100%,100% 100%,100% 100%,100% 100%;-webkit-backdrop-filter:blur(4px) saturate(1.2);backdrop-filter:blur(4px) saturate(1.2);-webkit-mask-image:radial-gradient(closest-side,#000 52%,rgba(0,0,0,.6) 72%,transparent 100%);mask-image:radial-gradient(closest-side,#000 52%,rgba(0,0,0,.6) 72%,transparent 100%);animation:auraShimmer 2.6s linear infinite,auraBreathe 3.4s ease-in-out infinite}.deep-box:after{inset:calc(-24% - 8px);filter:saturate(1.4)}.area.working:after{animation-duration:1.5s,2.2s;-webkit-backdrop-filter:blur(6px) saturate(1.3);backdrop-filter:blur(6px) saturate(1.3)}@keyframes auraShimmer{0%{background-position:130% 0,0 0,0 0,0 0}to{background-position:-130% 0,0 0,0 0,0 0}}@keyframes auraBreathe{0%,to{transform:scale(1);filter:hue-rotate(0deg)}50%{transform:scale(1.05);filter:hue-rotate(28deg)}}.area{transition:opacity .45s ease}#ink g.auras .aura-stroke{fill:none;stroke-width:26;stroke-linecap:round;stroke-linejoin:round;opacity:.75;animation:auraPulse 2.2s ease-in-out infinite}@keyframes auraPulse{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.area:after,.deep-box:after,#ink g.auras .aura-stroke{animation:none}}#thread{max-height:min(56vh,440px)}#thread .t-title{display:none;margin-right:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;color:var(--ink)}#thread.docked{left:12px!important;top:60px!important;bottom:84px;width:380px;max-height:none;height:auto;animation:dockIn .18s ease-out}#thread.docked .t-tools{opacity:1;padding:10px 8px 8px 16px;border-bottom:1px solid var(--line);margin-bottom:10px}#thread.docked .t-title{display:block}#thread.docked .t-state{margin-right:4px}#thread.docked .thread-body{flex:1}@keyframes dockIn{0%{opacity:0;transform:translate(-8px)}}.m-opts{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}.m-opts .opt{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px 0 5px;border-radius:99px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font:500 12.5px/1 var(--font);cursor:pointer;transition:border-color .15s,background .15s}.m-opts .opt b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--surface);color:var(--ink-2);font:600 11px/1 var(--font)}.m-opts .opt:hover{border-color:var(--line-strong)}.m-opts .opt.on{border-color:var(--accent);background:var(--accent-soft)}.m-opts .opt.on b{background:var(--accent);color:#fff}.m-opts .opt[disabled]{cursor:default}.opt-note{font-size:11.5px;color:var(--muted)}.opt-acts{display:inline-flex;gap:6px;margin-left:2px}.opt-use{height:30px;padding:0 12px;border-radius:99px;background:var(--accent);color:#fff;font:600 12.5px/1 var(--font)}.opt-orig{height:30px;padding:0 10px;border-radius:99px;color:var(--muted);font:500 12.5px/1 var(--font)}.opt-orig:hover{color:var(--ink);background:var(--surface-2)}.m-opts.chosen .opt{cursor:default}.m-text.md{white-space:normal}.m-text.md p{margin:0}.m-text.md p+p,.m-text.md ul+p,.m-text.md p+ul{margin-top:8px}.m-text.md ul{margin:0;padding-left:18px}.m-text.md li+li{margin-top:4px}.m-text.md code{font:12px/1.4 var(--mono);padding:1px 5px;border-radius:5px;background:var(--surface-2)}.m-text.md b{font-weight:600}.bubble .m-files{gap:6px}.bubble .m-files a{display:block;flex:none}.bubble .m-files img{width:auto;height:88px;max-width:132px;max-height:88px;object-fit:cover;border-radius:10px}.bubble .m-files a:only-child img{max-width:160px}.frame>.stage-btn{position:absolute;right:0;bottom:100%;margin-bottom:calc(5px / var(--z, 1));transform-origin:100% 100%;scale:calc(1 / var(--z, 1));display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px 0 6px;border-radius:7px;font:500 11.5px/1 var(--font);color:var(--muted);background:var(--surface);border:1px solid var(--line);opacity:0;pointer-events:none;transition:opacity .15s;z-index:9;cursor:pointer}.frame>.stage-btn svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.frame:hover>.stage-btn,.frame.selected>.stage-btn,.frame.live>.stage-btn{opacity:1;pointer-events:auto}.frame>.stage-btn:hover{color:var(--ink);border-color:var(--line-strong)}body.staging .frame.staged>.stage-btn{opacity:1;pointer-events:auto;color:var(--accent)}body.staging .frame.staged>.stage-btn span:after{content:" \b7 on"}.frame:hover .frame-label,.frame.selected .frame-label{max-width:calc(var(--fw) * var(--z, 1) - 74px)}body.staging #world .frame:not(.staged){opacity:.04;pointer-events:none}#world .frame{transition:opacity .35s ease}body.staging #ink,body.staging #canvas-pins,body.staging .frame:not(.staged) .pins{opacity:0;pointer-events:none;transition:opacity .3s}body.staging #viewport{background-image:none!important}body.staging .frame.staged .frame-label .dims,body.staging .frame.staged .frame-label .kind{display:none}#stage-bar{position:fixed;z-index:40;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:5px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);animation:sbIn .25s ease-out;max-width:calc(100vw - 24px)}@keyframes sbIn{0%{opacity:0;transform:translate(-50%,-6px)}}#stage-bar svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.sb-btn{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:var(--ink-2)}.sb-btn:hover:not([disabled]){background:var(--surface-2);color:var(--ink)}.sb-btn[disabled]{opacity:.35}.sb-name{display:flex;flex-direction:column;align-items:center;min-width:120px;max-width:220px;padding:0 6px;line-height:1.2}.sb-name b{font-size:13px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-name span{font:500 10.5px/1.3 var(--mono);color:var(--muted)}.sb-sep{width:1px;height:20px;background:var(--line);margin:0 4px}.sb-tog{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:9px;font:500 12.5px/1 var(--font);color:var(--ink-2)}.sb-tog:hover{background:var(--surface-2);color:var(--ink)}.sb-tog.on{background:var(--accent-soft);color:var(--accent)}.sb-tog svg{width:14px!important;height:14px!important}.sb-exit{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px 0 9px;border-radius:9px;font:600 12.5px/1 var(--font);color:var(--ink);background:var(--surface-2)}.sb-exit:hover{background:var(--line)}.frame.staged.device .frame-body{border-radius:46px;box-shadow:none}.frame.staged.device:before{content:"";position:absolute;inset:-13px;z-index:-1;border-radius:59px;background:linear-gradient(150deg,#4a4a4e,#1f1f22 18%,#0e0e10 60%,#2b2b2f);box-shadow:inset 0 0 0 1.5px #5c5c60,inset 0 0 0 4px #121214,0 40px 90px -20px #000000bf,0 0 0 1px #0009}.frame.staged.device:after{content:"";position:absolute;right:-16px;top:24%;width:3px;height:92px;border-radius:2px;background:linear-gradient(90deg,#3a3a3e,#1a1a1c);z-index:-1}.frame.staged.device .frame-body:after{content:"";position:absolute;z-index:8;left:50%;top:11px;width:124px;height:36px;transform:translate(-50%);border-radius:20px;background:#000;pointer-events:none}.frame.staged.device.landscape .frame-body:after{left:11px;top:50%;width:36px;height:124px;transform:translateY(-50%)}.frame.staged.device.landscape:after{right:auto;left:22%;top:-16px;width:92px;height:3px}.area:after,.deep-box:after{background:radial-gradient(42% 52% at 32% 42%,rgba(124,152,255,.3),transparent 72%),radial-gradient(46% 56% at 70% 60%,rgba(197,139,255,.24),transparent 72%),radial-gradient(38% 44% at 55% 30%,rgba(124,212,255,.18),transparent 72%);background-size:100% 100%;-webkit-backdrop-filter:blur(5px) saturate(1.15);backdrop-filter:blur(5px) saturate(1.15);-webkit-mask-image:radial-gradient(closest-side,#000 52%,rgba(0,0,0,.6) 72%,transparent 100%),linear-gradient(105deg,#000 0 38%,rgba(0,0,0,.15) 47%,rgba(0,0,0,.15) 53%,#000 62% 100%);mask-image:radial-gradient(closest-side,#000 52%,rgba(0,0,0,.6) 72%,transparent 100%),linear-gradient(105deg,#000 0 38%,#00000026 47% 53%,#000 62% 100%);-webkit-mask-size:100% 100%,320% 100%;mask-size:100% 100%,320% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect;animation:auraClear 7s ease-in-out infinite,auraBreathe 6s ease-in-out infinite}.area.working:after{animation-duration:5s,5s}@keyframes auraClear{0%{-webkit-mask-position:0 0,100% 0;mask-position:0 0,100% 0}to{-webkit-mask-position:0 0,0% 0;mask-position:0 0,0% 0}}@media(prefers-reduced-motion:reduce){.area:after,.deep-box:after{animation:none}}.frame>.opt-strip{position:absolute;left:0;bottom:100%;margin-bottom:calc(34px / var(--z, 1));transform-origin:0 100%;scale:calc(1 / var(--z, 1));z-index:10;display:flex;align-items:flex-end;gap:8px;padding:8px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);animation:sbIn .25s ease-out}.os-label{align-self:center;writing-mode:vertical-rl;transform:rotate(180deg);font:600 10px/1 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.os-tile{display:flex;flex-direction:column;gap:6px;padding:0;border:0;background:none;cursor:pointer;text-align:left;color:var(--ink-2)}.os-img{display:grid;place-items:center;border-radius:8px;overflow:hidden;background:var(--surface-2);box-shadow:0 0 0 1px var(--line);transition:box-shadow .15s,transform .15s}.os-img img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.os-img b{font:600 18px/1 var(--font);color:var(--muted)}.os-tile:hover .os-img{transform:translateY(-1px);box-shadow:0 0 0 1px var(--line-strong),0 6px 16px #00000040}.os-tile.on .os-img{box-shadow:0 0 0 2px var(--accent)}.os-name{display:flex;align-items:center;gap:5px;max-width:150px;font:500 11.5px/1.2 var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.os-name i{font-style:normal;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--surface-2);font:600 9.5px/1 var(--font);flex:none}.os-tile.on .os-name{color:var(--accent)}.os-tile.on .os-name i{background:var(--accent);color:#fff}.os-use{align-self:center;height:32px;padding:0 14px;margin-left:2px;border-radius:99px;background:var(--accent);color:#fff;font:600 12.5px/1 var(--font);white-space:nowrap}body.staging .frame:not(.staged)>.opt-strip{display:none}body.staging .frame.staged>.stage-btn{height:32px;padding:0 14px 0 11px;gap:7px;border-radius:10px;font:600 13px/1 var(--font);color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 6px 18px -6px color-mix(in srgb,var(--accent) 70%,transparent);margin-bottom:calc(8px / var(--z, 1))}body.staging .frame.staged>.stage-btn svg{width:14px;height:14px}body.staging .frame.staged>.stage-btn span{font-size:0}body.staging .frame.staged>.stage-btn span:after{content:"Exit stage";font-size:13px}body.staging .frame.staged>.stage-btn:hover{filter:brightness(1.08)}.frame>.edge-zone{position:absolute;left:0;right:0;bottom:100%;height:calc(40px / var(--z, 1))}.frame>.stage-btn{visibility:hidden;transition:opacity .18s ease .35s,visibility 0s linear .53s}.frame:hover>.stage-btn,.frame.selected>.stage-btn,.frame.live>.stage-btn,body.staging .frame.staged>.stage-btn{visibility:visible;transition-delay:0s,0s}.frame>.stage-btn{pointer-events:auto}.area:not(.working),.deep-box{border:calc(1.5px / var(--z, 1)) solid var(--accent)!important;background:#2f5bff14!important;border-radius:calc(4px / var(--z, 1))!important}.area.picking{border-style:dashed!important}.area:not(.working):after,.deep-box:after{display:none!important}.deep-box:before{display:block!important}.area.working:after{animation-duration:3.2s,4s}.area.working:before{content:""!important;display:block!important;position:absolute;border-radius:22%;pointer-events:none;background:none;padding:0;scale:none;margin:0;font-size:0;inset:-6%;width:auto;height:auto;box-shadow:0 0 0 1px #a0afff73,0 0 16px 3px #8296ff73,0 0 34px 8px #af87ff38,inset 0 0 18px 2px #a091ff59;animation:edgeGlow 2.6s ease-in-out infinite}@keyframes edgeGlow{50%{box-shadow:0 0 0 1px #aab9ffa6,0 0 22px 5px #8ca0ff99,0 0 44px 12px #b991ff4d,inset 0 0 22px 3px #aa9bff73}}@media(prefers-reduced-motion:reduce){.area.working:before{animation:none}}.frame>.edge-zone{z-index:0}.frame>.frame-label{z-index:2}#viewport.dragging[data-tool=select]:not(.panning){cursor:default}.m{display:contents}#peek{z-index:26;width:340px;max-height:340px;padding:12px 0 0;border-radius:18px;display:flex;flex-direction:column;cursor:pointer;overflow:hidden}#peek[hidden]{display:none}#peek.at-pin,#thread.at-pin:not(.docked){border-bottom-left-radius:5px}#peek.in{animation:cardOpen .24s cubic-bezier(.2,.8,.2,1)}#peek.in>*{animation:softFade .2s ease .07s both}@keyframes cardOpen{0%{clip-path:inset(calc(100% - 26px) calc(100% - 34px) 0 0 round 13px 13px 13px 3px)}to{clip-path:inset(0 0 0 0 round 18px 18px 18px 5px)}}@keyframes softFade{0%{opacity:0}}#peek .thread-body{padding:0 14px 10px;display:flex;flex-direction:column;gap:12px;overflow:hidden}#peek .b-text,#peek .m-text{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}#peek .b-text{-webkit-line-clamp:4}#peek .m-text{-webkit-line-clamp:5}#peek .m-acts,#peek .m-meta,#peek .m-opts,#peek .m-work .a-btn{display:none}#peek .bubble .m-files img{height:56px}.pk-gap{align-self:center;font-size:11.5px;color:var(--muted)}.pk-bar{display:flex;align-items:center;gap:2px;padding:0 8px 8px 14px}.pk-who{margin-right:auto;font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#thread.in:not(.docked){animation:threadOpen .2s cubic-bezier(.2,.8,.2,1);transform-origin:0 100%}@keyframes threadOpen{0%{opacity:.6;transform:scale(.975)}}.m-acts{gap:2px}.m-acts .a-btn,.m-work .a-btn{flex:none;width:26px;height:26px;margin:0;padding:0;border-radius:7px;display:inline-grid;place-items:center;color:var(--muted)}.a-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.a-btn [d^="M5.5 3.5v9"]{fill:currentColor;stroke:none}.m-acts .a-btn:hover,.m-work .a-btn:hover{background:var(--surface-2);color:var(--ink)}.m-acts .a-btn.lbl{width:auto;display:inline-flex;align-items:center;gap:5px;padding:0 9px 0 6px;font:500 12px/1 var(--font)}.m-acts .a-btn.primary{color:var(--accent);background:var(--accent-soft);margin-right:4px}.m-acts .a-btn.primary:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 20%,transparent)}.m-acts .a-btn.ok{color:var(--ok)}.m-acts .a-btn+span,.m-acts .a-btn+time{margin-left:6px}.m-acts span+time:before{content:"\b7 "}.m-work{min-height:22px}.m-work .m-time{font:11px/1 var(--mono);color:var(--muted)}.m-work .a-btn{margin-left:auto;opacity:0;transition:opacity .15s}.m-agent:hover .m-work .a-btn,.m-work .a-btn:focus-visible{opacity:1}.m-work .a-btn:hover{color:var(--mark)}.m-stream{margin-top:6px;color:var(--ink-2)}.frame .progress,.frame-label .spinner{display:none!important}.frame.working .frame-body{box-shadow:0 0 0 1px var(--line),var(--frame-shadow)}.frame.working.selected .frame-body{box-shadow:0 0 0 calc(1.5px / var(--z, 1)) var(--accent),var(--frame-shadow)}.frame.working .frame-label .stop{display:none}.frame.working:hover .frame-label .stop,.frame.working.selected .frame-label .stop{display:inline-block}.pill.busy .agent-dot{animation:none}.frame iframe.incoming{visibility:hidden}.frame>.stage-btn{display:none!important}#edge{position:fixed;z-index:19;display:flex;gap:4px;animation:softFade .15s ease}#edge[hidden]{display:none}.eg-btn{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px 0 7px;border-radius:8px;font:500 11.5px/1 var(--font);color:var(--muted);background:transparent}.eg-btn svg{width:13px;height:13px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.eg-btn:hover{color:var(--ink);background:var(--surface-2)}#edge.compact .eg-btn{padding:0 6px}#edge.compact .eg-btn span{display:none}#edge.inside .eg-btn{background:var(--surface);box-shadow:0 0 0 1px var(--line),var(--shadow);color:var(--ink-2)}#edge.inside .eg-btn:hover{background:var(--surface-2)}#edge.exit .eg-btn{height:32px;padding:0 14px 0 11px;gap:7px;border-radius:10px;font:600 13px/1 var(--font);color:#fff;background:var(--accent);box-shadow:0 6px 18px -6px color-mix(in srgb,var(--accent) 70%,transparent)}#edge.exit .eg-btn:hover{filter:brightness(1.08);background:var(--accent);color:#fff}.frame:hover .frame-label,.frame.selected .frame-label,.frame.live .frame-label{max-width:calc(var(--fw) * var(--z, 1) - 78px)}#viewport[data-tool=select] .frame:not(.selected):has(>.frame-label:hover) .frame-body{box-shadow:0 0 0 calc(1.5px / var(--z, 1)) var(--accent),var(--frame-shadow)}#viewport[data-tool=select] .frame-label .name{transition:color .12s}#topbar{left:10px;right:10px;top:8px}.brand,.pill,.share-btn{background:color-mix(in srgb,var(--paper) 72%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:0;box-shadow:none}.brand{gap:9px;padding:5px 10px 5px 6px;border-radius:9px}.logo svg{width:18px;height:18px}.logo rect{fill:var(--ink-2)}.canvas-name{color:var(--ink);font-weight:500}.canvas-name.editable:hover{background:var(--surface-hover)}.top-right{gap:2px}.pill{height:30px;padding:0 9px;border-radius:8px;color:var(--ink-2);transition:background .12s}.pill:hover{background:var(--surface-hover);color:var(--ink)}.share-btn{font-weight:500;color:var(--ink);padding:0 11px}.comments-btn span:empty{display:none}.comments-btn.has span{font-weight:500;color:var(--ink-2)}#agent-pill{gap:0}#agent-label{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .3s cubic-bezier(.2,.8,.2,1),opacity .2s,margin .3s;margin-left:0;font-weight:400}#agent-pill:hover #agent-label,#agent-pill:focus-visible #agent-label,#agent-pill.say #agent-label,#agent-pill.offline #agent-label{max-width:46vw;opacity:1;margin-left:8px}.agent-dot,.pill.busy .agent-dot,.pill.inbox .agent-dot{box-shadow:none}.avatar{width:24px;height:24px;font-size:10px}.presence{margin-right:6px}.presence:empty{display:none}:root{--surface-hover: color-mix(in srgb, var(--ink) 7%, transparent)}#zoom{right:12px;bottom:14px;background:transparent;border:0;box-shadow:none;overflow:visible;opacity:.55;transition:opacity .2s}#zoom:hover,#zoom:focus-within,#zoom.awake{opacity:1}#zoom button{height:28px;min-width:28px;border-radius:7px}#zoom button:hover{background:var(--surface-hover)}#zoom-level{min-width:48px;border:0!important}#zoom-out,#zoom-in{opacity:0;transition:opacity .15s}#zoom:hover #zoom-out,#zoom:hover #zoom-in,#zoom:focus-within #zoom-out,#zoom:focus-within #zoom-in{opacity:1}#toolbar{bottom:14px;padding:4px;border-radius:13px;box-shadow:var(--shadow)}#toolbar button{width:34px;height:34px;border-radius:9px}#toolbar button:hover{background:var(--surface-hover)}#toolbar svg{width:18px;height:18px}#toolbar .tb-new{padding:0 11px 0 8px}.frame-label .kind{border:0;background:none;padding:0;text-transform:none;letter-spacing:0;font:400 11.5px/1 var(--font);opacity:0;transition:opacity .15s}.frame:hover .frame-label .kind,.frame.selected .frame-label .kind,.frame.live .frame-label .kind{opacity:1}.frame-label .ic[data-k=live]{display:none}.frame-label .count{color:var(--muted);font:500 11px/1 var(--font)}.frame.selected .frame-label .count{color:var(--accent)}.icon-btn:hover,.menu-item:hover,.t-btn:hover,.cp-x:hover,.c-btn:hover{background:var(--surface-hover)}.panel,#comments-panel{top:50px}.frame-label .count{display:inline-flex;align-items:center;gap:3px;height:18px;padding:0 5px 0 4px;margin:0 -2px;border-radius:5px;color:var(--muted);font:500 11px/1 var(--font);cursor:pointer;flex:none}.frame-label .count[hidden]{display:none}.frame-label .count svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.frame-label .count:hover{background:var(--surface-hover);color:var(--ink)}.frame.narrow .frame-label .count{display:none}body.versions-on #world{opacity:.05;pointer-events:none}#world{transition:opacity .3s ease}body.versions-on #toolbar,body.versions-on #zoom,body.versions-on #edge{opacity:0;pointer-events:none}#toolbar,#zoom{transition:opacity .2s}#tip{position:fixed;z-index:60;pointer-events:none;display:flex;align-items:center;gap:7px;max-width:280px;padding:5px 8px;border-radius:7px;background:var(--ink);color:var(--paper);font:500 11.5px/1.35 var(--font);box-shadow:0 4px 14px #00000038;animation:tipIn .09s ease-out}#tip[hidden]{display:none}#tip.up{animation-name:tipInUp}#tip kbd{flex:none;padding:1px 4px;border-radius:4px;border:0;background:color-mix(in srgb,var(--paper) 18%,transparent);color:inherit;font:500 10.5px/1.3 var(--mono)}@keyframes tipIn{0%{opacity:0;transform:translateY(-2px)}}@keyframes tipInUp{0%{opacity:0;transform:translateY(2px)}}.sb-name{min-width:96px;justify-content:center}.sb-exit{color:#fff;background:var(--accent);padding:0 13px 0 10px}.sb-exit:hover{background:var(--accent);filter:brightness(1.08)}#stage-bar .sb-btn:hover:not([disabled]),.sb-tog:hover{background:var(--surface-hover)}.eg-btn{font:500 12.5px/1 var(--font);gap:5px;padding:0 8px 0 6px}.eg-btn svg{width:13px;height:13px;display:block;position:relative;top:-.5px}.eg-btn span{display:block;line-height:16px}#peek.in,#thread.in:not(.docked){animation:none}#peek.in>*{animation:none}@keyframes cardGrow{0%{opacity:0;transform:scale(.55)}}#thread.grow:not(.docked){animation:cardSettle .12s ease-out}@keyframes cardSettle{0%{opacity:.85}}#peek,#thread{will-change:transform,opacity}@media(prefers-reduced-motion:reduce){#peek.in,#thread.in,#thread.grow{animation:none}}:root{--lz: 1}.frame-label{scale:calc(var(--lz) / var(--z, 1));max-width:calc(var(--fw) * var(--z, 1) / var(--lz));color:color-mix(in srgb,var(--muted) calc((1.5 - var(--lz)) * 200%),var(--ink-2))}.frame:hover .frame-label,.frame.selected .frame-label,.frame.live .frame-label{max-width:calc((var(--fw) * var(--z, 1) - 84px) / var(--lz))}.frame.selected .frame-label{color:var(--accent)}.frame.working .frame-label{color:var(--ink)}.eg-btn{height:calc(24px * var(--lz));font-size:calc(12.5px * var(--lz));padding:0 calc(8px * var(--lz)) 0 calc(6px * var(--lz));gap:calc(5px * var(--lz));color:color-mix(in srgb,var(--muted) calc((1.5 - var(--lz)) * 200%),var(--ink-2))}.eg-btn svg{width:calc(13px * var(--lz));height:calc(13px * var(--lz))}.eg-btn span{line-height:calc(16px * var(--lz))}.frame>.edge-zone{height:calc(40px * var(--lz) / var(--z, 1))}body.versions-on #topbar{opacity:0;pointer-events:none}#topbar{transition:opacity .2s}.sb-exit{color:var(--ink-2);background:transparent;padding:0 11px 0 8px;font-weight:500;white-space:nowrap}.sb-exit:hover{background:var(--surface-hover);color:var(--ink);filter:none}#stage-bar,.vs-bar{white-space:nowrap}body.no-comments .pin,body.no-comments .area,body.no-comments #ink path.used,body.no-comments #ink g.auras{display:none!important}.comments-btn.off{opacity:.45}.comments-btn.off svg{stroke-dasharray:2.2 2}.area.working{border:0!important;background:color-mix(in srgb,var(--accent) 5%,transparent)!important;border-radius:calc(6px / var(--z, 1))!important;overflow:hidden;box-shadow:none}.area.working:before{content:none!important;display:none!important}.area.working:after{content:"";display:block!important;position:absolute;inset:0;border-radius:0;filter:none;transform:none;-webkit-backdrop-filter:none;backdrop-filter:none;-webkit-mask-image:none;mask-image:none;background:linear-gradient(100deg,transparent 38%,rgba(255,255,255,.16) 50%,transparent 62%);background-size:260% 100%;animation:shimmer 2.4s linear infinite}#ink g.auras .aura-stroke{stroke-width:12;opacity:.32;filter:none;animation:auraPulse 2.6s ease-in-out infinite}@keyframes auraPulse{50%{opacity:.16}}@media(prefers-reduced-motion:reduce){.area.working:after{animation:none;background:none}}body.staging .frame:not(.staged)>.ver-strip{display:none}.frame-body>.ver-prev{position:absolute;inset:0;z-index:5;background:#fff;opacity:0;transition:opacity .14s ease;pointer-events:none}.frame-body>.ver-prev.on{opacity:1}.frame-body>.ver-prev.live{pointer-events:auto}.ver-prev img,.ver-prev iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.ver-prev img{object-fit:cover;object-position:top center}.ver-prev iframe{opacity:0;background:#fff}.ver-prev iframe.ready{opacity:1}.frame.previewing .pins,.frame.previewing .areas{opacity:0;pointer-events:none;transition:opacity .12s}.frame.previewing .frame-body{box-shadow:0 0 0 calc(1.5px / var(--z, 1)) color-mix(in srgb,var(--accent) 55%,transparent),var(--frame-shadow)}#sections{position:absolute;left:0;top:0}.section{position:absolute;border-radius:calc(10px / var(--z, 1));background:color-mix(in srgb,var(--ink) 4%,transparent);box-shadow:inset 0 0 0 calc(1px / var(--z, 1)) var(--line)}.section.selected{box-shadow:inset 0 0 0 calc(1.5px / var(--z, 1)) var(--accent)}.sec-label{position:absolute;left:0;bottom:100%;display:flex;align-items:center;gap:8px;height:28px;padding:0 2px 6px;transform-origin:0 100%;scale:calc(var(--lz) / var(--z, 1));max-width:calc(var(--sw) * var(--z, 1) / var(--lz));white-space:nowrap;font:600 12.5px/1 var(--font);color:var(--ink-2);cursor:default}.sec-name{overflow:hidden;text-overflow:ellipsis;padding:3px 6px;margin-left:-6px;border-radius:6px}#viewport[data-tool=select] .sec-label:hover .sec-name{background:var(--surface-hover);color:var(--ink)}.section.selected .sec-name{color:var(--accent)}.sec-label .rename{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--accent);border-radius:5px;padding:2px 6px;outline:0;width:220px}.sec-clear{flex:none;height:20px;padding:0 7px;border-radius:6px;font:500 11px/1 var(--font);color:var(--muted);opacity:0;transition:opacity .15s}.section:hover .sec-clear,.section.selected .sec-clear{opacity:1}.sec-clear:hover{background:var(--surface-hover);color:var(--ink)}.section .srz{position:absolute;display:none;--t: calc(10px / var(--z, 1))}#viewport[data-tool=select] .section.selected .srz{display:block}.section .rz-n,.section .rz-s{left:var(--t);right:var(--t);height:var(--t);cursor:ns-resize}.section .rz-n{top:calc(var(--t) / -2)}.section .rz-s{bottom:calc(var(--t) / -2)}.section .rz-e,.section .rz-w{top:var(--t);bottom:var(--t);width:var(--t);cursor:ew-resize}.section .rz-e{right:calc(var(--t) / -2)}.section .rz-w{left:calc(var(--t) / -2)}.section .rz-ne,.section .rz-nw,.section .rz-se,.section .rz-sw{width:calc(var(--t) * 1.4);height:calc(var(--t) * 1.4)}.section .rz-nw{left:calc(var(--t) * -.7);top:calc(var(--t) * -.7);cursor:nwse-resize}.section .rz-se{right:calc(var(--t) * -.7);bottom:calc(var(--t) * -.7);cursor:nwse-resize}.section .rz-ne{right:calc(var(--t) * -.7);top:calc(var(--t) * -.7);cursor:nesw-resize}.section .rz-sw{left:calc(var(--t) * -.7);bottom:calc(var(--t) * -.7);cursor:nesw-resize}.section .rz-ne:after,.section .rz-nw:after,.section .rz-se:after,.section .rz-sw:after{content:"";position:absolute;inset:30%;background:#fff;border:calc(1.5px / var(--z, 1)) solid var(--accent);border-radius:calc(1.5px / var(--z, 1))}#viewport[data-tool=section],#viewport[data-tool=section] .shield{cursor:crosshair}body.staging #sections,body.versions-on #sections{opacity:0;pointer-events:none;transition:opacity .3s}#world.gliding .frame,#world.gliding .section{transition:left .45s cubic-bezier(.2,.8,.2,1),top .45s cubic-bezier(.2,.8,.2,1),opacity .35s ease}.eg-btn[hidden]{display:none}.eg-use{color:var(--accent)}.eg-use:hover{color:var(--accent);background:var(--accent-soft)}.eg-use.done{color:var(--ok);pointer-events:none}#comments-panel{width:320px}.cp-item{align-items:flex-start;gap:10px;padding:9px 34px 9px 10px}.cp-item .cp-text{flex:1;min-width:0;-webkit-line-clamp:3;font-size:13px;line-height:1.45;padding-top:2px}.cp-av{position:relative}.cp-av.busy:after,.cp-av.err:after{content:"";position:absolute;right:-2px;bottom:-2px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--surface)}.cp-av.busy:after{animation:pulse 1.2s ease-in-out infinite}.cp-av.err:after{background:var(--mark)}.cp-item:hover,.cp-item.on{background:var(--surface-hover)}.pin.ping .pin-dot:before{content:"";position:absolute;inset:-4px;border-radius:inherit;border:2px solid var(--accent);pointer-events:none;animation:pinPing .7s ease-out 3}.pin.ping .pin-dot{animation:pinPop .35s cubic-bezier(.3,1.6,.5,1)}@keyframes pinPing{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@keyframes pinPop{50%{transform:scale(1.18)}}@media(prefers-reduced-motion:reduce){.pin.ping .pin-dot,.pin.ping .pin-dot:before{animation:none}.pin.ping .pin-dot{box-shadow:0 0 0 2px #fff,0 0 0 5px var(--accent)}}body.versions-on #comments-panel,body.versions-on .panel,body.versions-on #align-bar,body.versions-on #thread,body.versions-on #peek{display:none!important}.pin-n{flex:none;display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px 10px 10px 3px;background:#17171a;color:#fff;font:600 11px/1 var(--font);box-shadow:0 0 0 1px #ffffffd9}.pk-bar .pin-n{margin-right:8px}#thread .t-tools{opacity:1}#thread .t-tools .pin-n{margin-right:auto}#thread .t-tools .pin-n+.t-title{margin-left:8px}#thread.docked .t-tools .pin-n{margin-right:0}#thread:not(.docked) .t-tools>.t-btn,#thread:not(.docked) .t-tools>.t-more,#thread:not(.docked) .t-tools>.t-state{opacity:0;transition:opacity .15s}#thread:not(.docked):hover .t-tools>*,#thread:not(.docked):focus-within .t-tools>*{opacity:1}.frame.building .frame-body:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(100deg,color-mix(in srgb,var(--paper) 62%,transparent) 30%,color-mix(in srgb,var(--paper) 38%,transparent),color-mix(in srgb,var(--paper) 62%,transparent) 70%);background-size:250% 100%;animation:shimmer 2s linear infinite;transition:opacity .5s ease}.frame.building.filling .frame-body:after{background:linear-gradient(100deg,transparent 38%,rgba(255,255,255,.2) 50%,transparent 62%);background-size:250% 100%}.frame.building .frame-label .name{background:linear-gradient(90deg,var(--muted) 0%,var(--muted) 35%,var(--ink) 50%,var(--muted) 65%,var(--muted) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 1.8s linear infinite}.frame.building .frame-label .count{display:none}@media(prefers-reduced-motion:reduce){.frame.building .frame-body:after,.frame.building .frame-label .name{animation:none}}.sec-label{scale:calc(var(--slz, 1) / var(--z, 1));max-width:calc(var(--sw) * var(--z, 1) / var(--slz, 1))}.frame.in-section .frame-label{transition:opacity .15s ease}.sec-clear{display:none}.m-user .bubble{color:var(--ink);border-radius:16px}.m-steps{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-direction:column;gap:5px}.m-steps[hidden]{display:none}.m-steps li{display:flex;align-items:center;gap:7px;font-size:12.5px;line-height:1.3;color:var(--muted);min-width:0}.m-steps li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-steps svg{flex:none;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;opacity:.8}.m-did{margin:0 0 8px;font-size:12.5px;color:var(--muted)}.m-did summary{display:inline-flex;align-items:center;gap:4px;cursor:pointer;list-style:none;border-radius:6px;padding:2px 6px;margin:-2px -6px}.m-did summary::-webkit-details-marker{display:none}.m-did summary:hover{background:var(--surface-hover);color:var(--ink-2)}.m-did summary svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}.m-did[open] summary svg{transform:rotate(90deg)}.m-did .m-steps{margin:8px 0 2px;padding-left:2px}.m-work .a-text{font-size:12.5px}#peek .m-did,#peek .m-steps{display:none}.frame>.dims{position:absolute;left:50%;top:100%;translate:-50% 0;margin-top:calc(8px / var(--z, 1));transform-origin:50% 0;scale:calc(1 / var(--z, 1));display:none;padding:3px 6px;border-radius:4px;background:var(--accent);color:#fff;font:500 10.5px/1 var(--mono);white-space:nowrap;cursor:pointer;z-index:8}.frame.selected>.dims{display:block}body.staging .frame>.dims{display:none}#viewport[data-tool=select] .frame.far:not(.selected):hover .frame-body{box-shadow:0 0 0 calc(1.5px / var(--z, 1)) var(--accent),var(--frame-shadow)}#viewport[data-tool=select] .frame.far .shield{cursor:default}.section.target{box-shadow:inset 0 0 0 calc(1.5px / var(--z, 1)) var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.m-steps li.say{display:block;color:var(--ink-2);font-size:12.5px;line-height:1.45}.m-steps li.say .md p{margin:0}.m-steps li.say .md{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.m-did[open] .m-steps li.say .md{-webkit-line-clamp:unset}.frame.staged.device{isolation:isolate}.frame.staged.device .frame-body{border-radius:55px;box-shadow:none}.frame.staged.device:before{content:"";position:absolute;inset:-15px;z-index:-1;border-radius:70px;background:#050506;box-shadow:inset 0 0 0 1px #ffffff47,inset 0 0 0 4.5px #6f6f75,inset 0 0 0 5.5px #18181a,inset 0 0 2px 7px #ffffff0d,0 0 0 1px #000000a6,0 2px 3px #ffffff0f,0 50px 100px -24px #000c,0 26px 50px -22px #0009}.frame.staged.device:before{background-image:linear-gradient(180deg,rgba(255,255,255,.07),transparent 22%,transparent 78%,rgba(0,0,0,.35))}.frame.staged.device:after{content:"";position:absolute;inset:0 -18px;width:auto;height:auto;z-index:-2;border-radius:0;pointer-events:none;background:linear-gradient(90deg,#4a4a4f,#7b7b82 60%,#5a5a60) left 0 top 15% / 4px 4.2% no-repeat,linear-gradient(90deg,#4a4a4f,#7b7b82 60%,#5a5a60) left 0 top 24.5% / 4px 7.6% no-repeat,linear-gradient(90deg,#4a4a4f,#7b7b82 60%,#5a5a60) left 0 top 34.5% / 4px 7.6% no-repeat,linear-gradient(270deg,#4a4a4f,#7b7b82 60%,#5a5a60) right 0 top 29% / 4px 12% no-repeat}.frame.staged.device .frame-body:after{content:"";position:absolute;z-index:9;left:50%;top:11px;width:126px;height:37px;transform:translate(-50%);border-radius:20px;pointer-events:none;animation:none;opacity:1;background:radial-gradient(circle at 78% 50%,#1b1f2c 0 4.5px,#0a0a0c 5px 7px,transparent 7.5px),#000}.frame.staged.device .frame-body:before{content:"";position:absolute;z-index:9;left:50%;bottom:8px;width:139px;height:5px;transform:translate(-50%);border-radius:3px;background:#fff;mix-blend-mode:difference;opacity:.82;pointer-events:none}.frame.staged.device.kb-on .frame-body:before{background:#000;mix-blend-mode:normal;opacity:.85}.frame.staged.device.landscape .frame-body:after{left:11px;top:50%;width:37px;height:126px;transform:translateY(-50%);background:#000}.frame.staged.device.landscape .frame-body:before{bottom:6px;width:200px}.frame.staged.device.landscape:after{display:none}.frame.staged.device .kb{padding-bottom:46px}.kb.num{height:291px!important;gap:7px;padding:8px 6px 40px;background:#d1d4da}.frame.kb-on:has(.kb.num) iframe{height:calc(100% - 291px)}.kb.num .kb-row{gap:6px}.kb.num .k{height:47px;flex-direction:column;display:flex;align-items:center;justify-content:center;gap:1px;font-size:25px;line-height:1}.kb.num .k b{font-weight:400}.kb.num .k i{font:600 10px/1 -apple-system,SF Pro Text,system-ui,sans-serif;letter-spacing:.12em;font-style:normal;color:#000;min-height:10px}.kb.num .k.plain{background:transparent;box-shadow:none;flex:1;font-size:22px}.frame .parked-hint{overflow:hidden}.frame .parked-hint img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.frame .parked-hint img[hidden]{display:none}svg.hi{fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round;stroke-linejoin:round;flex:none}svg.hi.s{stroke-width:2.5!important}#toolbar svg.hi{width:20px;height:20px;stroke-width:1.6!important}.frame-label .ic svg.hi,.frame-label .count svg.hi{width:12px;height:12px;stroke-width:2.3!important}.m-steps svg.hi{width:14px;height:14px;opacity:.85}.c-file button svg.hi{color:#fff}.fp-q svg.hi{stroke-width:1.5!important}.pin{animation:pinIn .22s cubic-bezier(.2,.9,.3,1.2)}@keyframes pinIn{0%{opacity:0;transform:scale(.5)}}.pin-dot{position:absolute;left:0;bottom:0;transform-origin:0 100%;scale:calc(var(--lz) / var(--z, 1));box-sizing:border-box;display:inline-flex;align-items:center;height:28px;min-width:28px;padding:3px;white-space:nowrap;cursor:pointer;border-radius:14px 14px 14px 4px;background:#fff;color:#fff;box-shadow:0 0 0 .5px #17171a29,0 1px 2px #17171a1f,0 4px 12px -2px #17171a3d;transition:transform .16s cubic-bezier(.2,.8,.2,1),opacity .1s ease,background .22s ease,box-shadow .2s ease,padding .3s cubic-bezier(.2,.8,.2,1)}.pin-dot .pn{box-sizing:border-box;display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--c, #17171A);color:#fff;font:600 11px/1 var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.01em;transition:background .22s ease,box-shadow .22s ease}.pin:active .pin-dot{transform:scale(.96)}.pin.error .pn{background:var(--mark)}.pin.waiting .pn{background:transparent;color:#17171a;box-shadow:inset 0 0 0 1.5px #17171a}.pin.draft .pn{background:#2f5bff}.pin.resolved .pin-dot{opacity:.5}.pin.active .pin-dot{box-shadow:0 0 0 2px #2f5bff,0 4px 12px -2px #17171a3d}.pin.carded .pin-dot{opacity:0;pointer-events:none}.pin.talking .pin-dot{background:#17171a;padding-right:12px;box-shadow:0 0 0 1.5px #ffffffeb,0 6px 20px -6px #0000008c}.pin.talking .pn{background:#ffffff29}.pin-dot .pw{display:none;flex:none;width:13px;height:13px;margin-left:7px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;transform-origin:50% 50%}.pin.working .pin-dot .pw{display:block;animation:loopTurn 1.5s linear infinite}.pin.working .pin-dot .pw circle{stroke-dasharray:34.6;animation:loopDraw 1.5s ease-in-out infinite}@keyframes loopTurn{to{transform:rotate(360deg)}}@keyframes loopDraw{0%{stroke-dashoffset:31}50%{stroke-dashoffset:9}to{stroke-dashoffset:31}}.pin-dot .pl{display:inline-block;max-width:0;opacity:0;margin-left:0;overflow:hidden;text-overflow:ellipsis;font:500 12px/22px var(--font);letter-spacing:0;color:#fff;transition:max-width .4s cubic-bezier(.2,.8,.2,1),opacity .25s ease,margin .4s cubic-bezier(.2,.8,.2,1)}.pin.talking .pl{max-width:240px;opacity:1;margin-left:7px}.pin.working .pl{background:linear-gradient(90deg,#ffffff9e 0% 38%,#fff 50%,#ffffff9e 62% 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 1.8s linear infinite}.pin-dot .pl.tick{animation:plIn .3s ease-out,shimmer 1.8s linear infinite}@keyframes plIn{0%{opacity:0;transform:translateY(6px)}}.pin.low .pin-dot{bottom:auto;top:0;transform-origin:0 0;border-radius:4px 14px 14px}.frame.far .pin-dot{scale:calc(.68 * var(--lz) / var(--z, 1))}body.zoom-tiny .pin:not(.talking) .pin-dot{min-width:9px;width:9px;height:9px;padding:0;border-radius:50%;scale:calc(1 / var(--z, 1));background:var(--c, #17171A);box-shadow:0 0 0 1.5px #fff}body.zoom-tiny .pin:not(.talking) .pin-dot>*{display:none}@media(prefers-reduced-motion:reduce){.pin,.pin.working .pin-dot .pw,.pin.working .pin-dot .pw circle{animation:none}.pin:hover .pin-dot,.pin:active .pin-dot{transform:none}.pin.working .pl,.pin-dot .pl.tick{animation:none;color:#fff;background:none}}.pin-n{min-width:20px;height:20px;padding:0 6px;border-radius:10px 10px 10px 3px;background:#17171a;color:#fff;font:600 10.5px/1 var(--font);font-variant-numeric:tabular-nums;box-shadow:none}.av{--c: #88888F;flex:none;box-sizing:border-box;width:24px;height:24px;border-radius:50%;display:inline-grid;place-items:center;overflow:hidden;user-select:none;background:color-mix(in srgb,var(--c) 18%,var(--surface));color:color-mix(in srgb,var(--c) 68%,var(--ink));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 24%,transparent);font:600 11px/1 var(--font);letter-spacing:0}.av img{width:100%;height:100%;object-fit:cover;display:block}.avatar{width:auto;height:auto;display:grid;margin-left:-6px;border:0;border-radius:50%;background:none;box-shadow:0 0 0 2px var(--paper)}.avatar .av{width:26px;height:26px}.cp-av{width:auto;height:auto;display:grid;background:none}.cp-av .av{width:22px;height:22px;font-size:10.5px}.cp-av.busy:after,.cp-av.err:after{right:-1px;bottom:-1px;width:7px;height:7px}.cp-item{gap:10px;padding:8px 34px 8px 10px;border-radius:10px}.cp-item .cp-text{font-size:13px;line-height:20px;padding-top:1px;letter-spacing:-.003em}.cp-res{top:6px;right:6px}.m-agent{grid-template-columns:20px 1fr;gap:10px}.m-mark{width:20px;height:20px;margin-top:1px;color:var(--ink)}.m-mark svg.lg{width:16px;height:16px;fill:currentColor;stroke:none}.m-mark svg.lg.claude{fill:#d97757}.m-mark svg.lg.ring{fill:none;stroke:currentColor;stroke-width:2.6}.m-agent.quiet .m-mark{opacity:.5}.m-agent.error .m-mark svg.lg{fill:currentColor}.m-user .bubble{background:color-mix(in srgb,var(--accent) 20%,var(--surface))}#thread .thread-body{gap:16px}.m-user{max-width:84%;gap:4px}.m-user .bubble{padding:8px 14px;border-radius:18px;font-size:13.5px;line-height:1.55}.m-agent,.m-agent .m-text{font-size:13.5px;line-height:1.6}.m-text.md p+p,.m-text.md ul+p,.m-text.md p+ul{margin-top:10px}.m-text.md ul{padding-left:20px}.m-text.md code{font-size:.92em;padding:1px 5px;border-radius:5px}.m-acts{gap:2px;min-height:24px;margin-top:6px;margin-left:-4px}.m-acts .a-btn,.m-work .a-btn{width:24px;height:24px;border-radius:6px}.a-btn svg.hi{width:16px;height:16px}.m-acts .a-btn.lbl{width:auto;padding:0 8px 0 5px}.m-acts time,.m-work .m-time{font:12px/1 var(--font);font-variant-numeric:tabular-nums}.m-steps{gap:4px}.m-steps li{gap:6px;font-size:13px;line-height:20px;color:color-mix(in srgb,var(--ink) 58%,transparent)}.m-did{font-size:13px}.m-did summary{padding:0;margin:0;gap:4px;color:var(--muted);transition:color .15s}.m-did summary:hover{background:none;color:var(--ink)}.m-did summary svg.hi{width:14px;height:14px;opacity:0;transition:transform .3s cubic-bezier(.19,1,.22,1),opacity .15s}.m-did summary:hover svg.hi,.m-did[open] summary svg.hi,.m-did summary:focus-visible svg.hi{opacity:1}.m-did .m-steps{margin:8px 0 4px;padding-left:0}.m-work .a-text{font-size:13px}.c-btn,.c-send{width:28px;height:28px}.c-send{background:var(--ink);color:var(--paper);transition:opacity .15s,transform .12s}.c-send:not(:disabled):active{transform:scale(.94)}.c-send:disabled{opacity:.22}#thread .thread-reply .cbox{border-radius:18px}.t-btn{width:26px;height:26px;border-radius:6px}.frame>.ver-strip{position:absolute;left:0;bottom:100%;margin-bottom:calc(36px * var(--lz, 1) / var(--z, 1));transform-origin:0 100%;scale:calc(1 / var(--z, 1));z-index:10;display:flex;flex-direction:column;width:max-content;min-width:300px;max-width:min(700px,92vw);padding:6px;border-radius:12px;background:var(--surface);box-shadow:0 0 0 1px var(--line),0 6px 20px -8px #00000029;animation:stripIn .18s cubic-bezier(.2,.8,.2,1)}@keyframes stripIn{0%{opacity:0;transform:translateY(6px)}}.vt-row{display:flex;gap:6px;padding:2px 2px 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.vt-row::-webkit-scrollbar{display:none}.vt{flex:none;display:flex;flex-direction:column;align-items:center;gap:5px;padding:0 0 2px;color:var(--muted);cursor:pointer}.vt-img{display:block;border-radius:6px;overflow:hidden;background:linear-gradient(100deg,var(--surface-2) 30%,var(--line) 50%,var(--surface-2) 70%);background-size:250% 100%;animation:shimmer 1.6s linear infinite;box-shadow:0 0 0 1px var(--line);transition:box-shadow .12s ease}.vt-img:has(img){animation:none;background:var(--surface-2)}.vt-img img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.vt:hover .vt-img{box-shadow:0 0 0 1px var(--line-strong),0 2px 6px #00000014}.vt.on .vt-img{box-shadow:0 0 0 1.5px var(--surface),0 0 0 3px var(--accent)}.vt-name{font:500 10.5px/1 var(--font);font-variant-numeric:tabular-nums;transition:color .12s}.vt:hover .vt-name{color:var(--ink-2)}.vt.on .vt-name{color:var(--ink);font-weight:600}.vt-foot{display:flex;align-items:center;gap:8px;min-height:28px;margin-top:6px;padding-left:4px}.vt-cap{flex:1;width:0;min-width:0;display:flex;align-items:baseline;gap:6px;font-size:12px;line-height:1.3;color:var(--ink-2);white-space:nowrap}.vt-cap b{flex:none;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.vt-cap span{min-width:0;overflow:hidden;text-overflow:ellipsis}.vt-cap time{flex:none;color:var(--muted)}.vt-acts{flex:none;display:flex;align-items:center;gap:2px}.vt-btn{width:26px;height:26px;border-radius:6px;display:grid;place-items:center;color:var(--muted)}.vt-btn:hover{background:var(--surface-hover);color:var(--ink)}.vt-btn svg,.vt-go svg{width:15px;height:15px}.vt-go{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px 0 6px;margin-right:2px;border-radius:6px;font:500 12px/1 var(--font);color:var(--ink);background:var(--surface-2);white-space:nowrap}.vt-go:hover{background:var(--surface-hover)}.frame>.opt-strip{border-radius:12px;border:0;background:var(--surface);box-shadow:0 0 0 1px var(--line),0 6px 20px -8px #00000029}.os-img{border-radius:6px}.os-tile.on .os-img{box-shadow:0 0 0 1.5px var(--surface),0 0 0 3px var(--accent)}body.versions-on #world{opacity:0}#versions{position:fixed;inset:0;z-index:35}.vs-rig{position:absolute;perspective:1500px;perspective-origin:50% -40%;transform-origin:0 0;transition:transform .42s cubic-bezier(.2,.8,.2,1)}.vs-layer{position:absolute;inset:0;border-radius:5px;overflow:hidden;background:var(--surface);opacity:0;cursor:pointer;box-shadow:0 0 0 1px var(--line-strong),0 26px 60px -20px #00000059;transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .3s ease,filter .2s ease}.vs-layer.front{opacity:1;cursor:default}.vs-layer.gone{pointer-events:none}.vs-layer:not(.front):hover{filter:none!important}#versions.closing .vs-layer{transform:none!important}#versions.closing .vs-layer:not(.front){opacity:0!important}.vs-layer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.vs-layer:not(:has(img)){background:linear-gradient(100deg,var(--surface) 30%,var(--surface-2) 50%,var(--surface) 70%);background-size:250% 100%;animation:shimmer 1.6s linear infinite}#versions.failed .vs-layer:not(:has(img)){animation:none;background:var(--surface)}.vs-live{position:absolute;inset:0;z-index:200;border-radius:5px;overflow:hidden;background:#fff;opacity:0;pointer-events:none;transition:opacity .18s ease}.vs-live.ready{opacity:1;pointer-events:auto}#versions.closing .vs-live{opacity:0}.vs-live iframe{border:0;display:block;transform-origin:0 0;background:#fff}.vs-bar{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:flex;align-items:center;gap:2px;padding:4px;border-radius:12px;white-space:nowrap;max-width:calc(100vw - 24px);background:var(--surface);box-shadow:0 0 0 1px var(--line),0 6px 20px -8px #0003;opacity:0;transition:opacity .25s ease .12s}#versions.open .vs-bar{opacity:1}.vs-pos{display:flex;align-items:baseline;justify-content:center;gap:6px;min-width:88px;padding:0 4px}.vs-pos b{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.vs-pos span,.vs-what time{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.vs-what{display:flex;align-items:baseline;gap:8px;min-width:0;max-width:min(380px,34vw);padding:0 8px;font-size:12.5px;color:var(--ink-2)}.vs-what span{min-width:0;overflow:hidden;text-overflow:ellipsis}.vs-what time{flex:none}@media(prefers-reduced-motion:reduce){.vs-rig,.vs-layer{transition:none}}body.staging #topbar,body.staging #zoom,body.staging .frame.staged .frame-label{opacity:0;pointer-events:none}body.staging .frame.staged:not(.device) .frame-body{box-shadow:0 0 0 1px var(--line),0 30px 80px -28px #00000059}#stage-bar{top:12px;gap:2px;padding:4px;border:0;border-radius:12px;white-space:nowrap;box-shadow:0 0 0 1px var(--line),0 6px 20px -8px #0003}#stage-bar svg.hi,.vs-bar svg.hi{width:16px;height:16px}.sb-btn{width:28px;height:28px;border-radius:8px}.sb-btn.on{background:var(--surface-2);color:var(--ink)}.sb-name{flex-direction:row;align-items:baseline;justify-content:center;gap:7px;min-width:0;max-width:300px;padding:0 6px}.sb-name i{flex:none;font-style:normal;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.sb-sep{height:16px;margin:0 4px}.sb-tog{height:28px;padding:0 9px;border-radius:8px;gap:6px}.sb-tog svg.hi{width:15px!important;height:15px!important}.sb-exit{height:28px;padding:0 10px 0 7px;border-radius:8px}.section{border-top-left-radius:0}.sec-label{left:0;bottom:100%;height:24px;padding:0 10px;gap:6px;box-sizing:border-box;border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;background:color-mix(in srgb,var(--ink) 4%,var(--paper));font:500 12px/1 var(--font);color:var(--ink-2);transition:color .12s}.sec-name{padding:0;margin:0;border-radius:0}#viewport[data-tool=select] .sec-label:hover .sec-name{background:none;color:var(--ink)}.section.selected .sec-label{border-color:var(--accent)}.section.target .sec-label{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--paper))}.sec-label .rename{margin:0 -5px;padding:1px 4px;width:200px}#toolbar{padding:4px;gap:2px;border-radius:999px}#toolbar button{border-radius:999px;transition:background .12s ease,color .12s ease}#toolbar button.on,#toolbar button[data-tool=comment].on{background:color-mix(in srgb,var(--ink) 10%,transparent);color:var(--ink)}#toolbar .tb-new{padding:0 13px 0 10px}#hover-box{border:1.5px solid var(--accent);background:none;border-radius:2px;transition:none;z-index:7}#hover-box:after{top:auto;bottom:100%;left:-1.5px;margin-bottom:1px;padding:3px 6px;border-radius:4px 4px 4px 0;font:500 10.5px/1.2 var(--font);max-width:220px;overflow:hidden;text-overflow:ellipsis}#hover-box.sel{border-color:transparent}#hover-box.sel:after{display:none}#hover-box i{position:absolute;border:1px dashed color-mix(in srgb,var(--accent) 70%,transparent);border-radius:1px;pointer-events:none}.deep-box{border:calc(1.5px / var(--z, 1)) solid var(--accent)!important;background:none!important;border-radius:calc(2px / var(--z, 1))!important}.deep-box:before{font:500 10.5px/1.2 var(--font)!important;padding:3px 6px!important;border-radius:4px 4px 4px 0!important;max-width:220px;overflow:hidden;text-overflow:ellipsis}.deep-box.par{border:calc(1px / var(--z, 1)) dashed color-mix(in srgb,var(--accent) 60%,transparent)!important}.deep-box.par:before{display:none!important}#viewport[data-use="1"] .frame:not(.live):not(.far) .shield{cursor:pointer}#quick{display:flex;align-items:center;gap:2px;padding:8px 10px 0;min-height:36px}#quick[hidden]{display:none}.q-btn{flex:none;width:26px;height:26px;border-radius:6px;display:grid;place-items:center;color:var(--ink-2)}.q-btn:hover{background:var(--surface-hover);color:var(--ink)}.q-btn svg.hi{width:15px;height:15px}.q-sep{flex:none;width:1px;height:16px;margin:0 5px;background:var(--line)}.q-sw{position:relative;flex:none;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 6px 0 5px;border-radius:6px;font:500 11.5px/1 var(--font);color:var(--ink-2);cursor:pointer}.q-sw:hover{background:var(--surface-hover);color:var(--ink)}.q-sw i{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 40%,transparent)}.q-sw.none i{background:linear-gradient(135deg,transparent 46%,var(--mark) 46% 54%,transparent 54%),var(--surface)}.q-sw input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0}.q-num{flex:none;display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 2px 0 6px;border-radius:6px;font:500 11px/1 var(--font);color:var(--muted)}.q-num:hover,.q-num:focus-within{background:var(--surface-hover)}.q-num input{width:30px;border:0;outline:0;background:transparent;color:var(--ink);font:500 12px/1 var(--font);font-variant-numeric:tabular-nums;padding:0;-moz-appearance:textfield}.q-num input::-webkit-outer-spin-button,.q-num input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.q-note{margin-left:auto;padding-left:6px;font:500 11.5px/1 var(--font);color:var(--muted);white-space:nowrap}.q-send{height:24px;padding:0 9px;border-radius:6px;font:500 11.5px/1 var(--font);color:var(--ink);background:var(--surface-2)}.q-send:hover{background:var(--surface-hover)}#hover-box:after,.deep-box:before{display:none!important}#quick{position:fixed;z-index:27;padding:4px;min-height:0;gap:1px;border-radius:10px;background:var(--surface);box-shadow:0 0 0 1px var(--line),0 6px 20px -8px #00000040;white-space:nowrap;animation:softIn .12s ease-out}.q-count{padding:0 6px;font:500 12px/1 var(--font);color:var(--ink-2)}.q-note{display:inline-flex;align-items:center;gap:6px}.q-note:empty{display:none}.q-num{gap:0;padding:0 4px 0 0}.q-scrub{display:grid;place-items:center;width:26px;height:26px;color:var(--muted);cursor:ew-resize;border-radius:6px;touch-action:none}.q-scrub:hover{color:var(--ink)}.q-scrub .qi{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.q-num input{width:28px;padding:0 0 0 4px;text-align:left;border-radius:4px;cursor:text}.q-num input:focus{background:var(--surface-2)}body.scrubbing,body.scrubbing *{cursor:ew-resize!important;user-select:none!important}.q-sw{border:0;background:none}.q-sw.on{background:var(--surface-hover);color:var(--ink)}#cpick{position:fixed;z-index:30;width:232px;padding:10px;border-radius:12px;background:var(--surface);box-shadow:0 0 0 1px var(--line),0 12px 32px -10px #00000059;animation:softIn .12s ease-out}#cpick[hidden]{display:none}.cp-sv{position:relative;height:140px;border-radius:8px;cursor:crosshair;touch-action:none}.cp-sv i,.cp-hue i{position:absolute;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #fff,0 0 0 3px #0003,0 1px 4px #0000004d;pointer-events:none}.cp-hue{position:relative;height:12px;margin-top:10px;border-radius:6px;cursor:pointer;touch-action:none;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.cp-hue i{top:50%}.cp-row{display:flex;align-items:center;gap:8px;margin-top:10px}.cp-now{flex:none;width:26px;height:26px;border-radius:6px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 18%,transparent)}.cp-hex{flex:1;min-width:0;height:28px;padding:0 8px;border:0;border-radius:6px;outline:0;background:var(--surface-2);color:var(--ink);font:500 12px/1 var(--mono);letter-spacing:.02em}.cp-hex:focus{box-shadow:0 0 0 1.5px var(--accent)}.cp-label{margin:12px 0 6px;font:500 11px/1 var(--font);color:var(--muted)}.cp-used{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cp-used button{aspect-ratio:1;border-radius:6px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 16%,transparent)}.cp-used button:hover{transform:scale(1.08)}#canvas-pins,.frame .pins{z-index:9}.pin.queued .pin-dot:after{content:"";position:absolute;inset:-4px;border-radius:inherit;border:1.5px solid rgba(23,23,26,.35);animation:queuedBreathe 1.8s ease-in-out infinite;pointer-events:none}@keyframes queuedBreathe{0%,to{opacity:0;transform:scale(.94)}50%{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.pin.queued .pin-dot:after{animation:none;opacity:.6}}.pin.needs .pin-dot{padding-right:4px}.pin.needs .pl{display:inline-flex;align-items:center;gap:8px;max-width:320px;color:#ffffffb8}.pin.needs .pin-dot:after{display:none}.pin-act{height:20px;padding:0 9px;border-radius:10px;background:#fff;color:#17171a;font:600 11.5px/20px var(--font);white-space:nowrap;cursor:pointer;transition:background .12s}.pin-act:hover{background:#ebebed}.frame-label{scale:calc(1 / var(--z, 1));max-width:calc(var(--fw) * var(--z, 1));height:20px;padding:0 0 4px;gap:4px;font:400 11px/16px var(--font);color:var(--muted)}.frame:hover .frame-label,.frame.selected .frame-label,.frame.live .frame-label{max-width:calc(var(--fw) * var(--z, 1) - 70px)}.frame.noname .frame-label,.section.noname .sec-label{visibility:hidden}.frame-label .count{font-size:11px}.sec-label{scale:calc(1 / var(--z, 1));max-width:calc(var(--sw) * var(--z, 1));height:22px;padding:0 8px;font:500 11px/1 var(--font)}.section.lift{border-top-left-radius:calc(10px / var(--z, 1))}.section.lift .sec-label{bottom:calc(100% + 22px / var(--z, 1));border-bottom:1px solid var(--line);border-radius:8px}.section.lift.selected .sec-label{border-color:var(--accent)}#viewport{background-image:none!important}#theme-btn{display:grid;place-items:center;color:var(--ink-2)}#theme-btn svg.hi{width:16px;height:16px}.frame:hover .frame-label,.frame.selected .frame-label,.frame.live .frame-label{max-width:calc(var(--fw) * var(--z, 1))}.frame:not(.narrow):hover .frame-label,.frame.selected:not(.narrow) .frame-label{max-width:calc(var(--fw) * var(--z, 1) - 70px)}#viewport[data-tool=select] .frame-label:hover .name,#viewport[data-tool=select] .frame-label:hover{color:var(--accent)}#done{position:fixed;z-index:45;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:6px 6px 6px 10px;border-radius:12px;background:var(--surface);box-shadow:0 0 0 1px var(--line),0 10px 30px -10px #00000059;font-size:13px;color:var(--ink-2);white-space:nowrap}#done[hidden]{display:none}#done.in{animation:doneIn .22s cubic-bezier(.2,.9,.3,1.2)}@keyframes doneIn{0%{opacity:0;transform:translate(-50%,-8px)}}.dn-ic{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--ink);color:var(--paper)}.dn-ic.err{background:var(--mark);color:#fff}.dn-ic svg.hi{width:12px;height:12px}.dn-text{max-width:360px;overflow:hidden;text-overflow:ellipsis}.dn-text b{color:var(--ink);font-weight:600}.dn-go{height:28px;padding:0 12px;border-radius:8px;background:var(--ink);color:var(--paper);font:500 12.5px/1 var(--font)}.dn-go:hover{opacity:.9}.dn-x{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;color:var(--muted)}.dn-x:hover{background:var(--surface-hover);color:var(--ink)}.dn-x svg.hi{width:13px;height:13px}#stage-bar{background:transparent;box-shadow:none;border:0;gap:4px;padding:0}#stage-bar .sb-btn,#stage-bar .sb-exit{color:var(--ink-2)}#stage-bar .sb-btn:hover,#stage-bar .sb-exit:hover{background:var(--surface-hover);color:var(--ink)}body.staging .frame.staged .frame-label{opacity:1;pointer-events:none}body.staging .frame.staged .frame-label .count,body.staging .frame.staged .frame-label .dims{display:none}body.staging #world .frame:not(.staged){pointer-events:auto;cursor:pointer}body.staging #world .frame:not(.staged) .shield{display:block!important;cursor:pointer}#del-ask{position:fixed;z-index:45;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:6px 6px 6px 12px;border-radius:12px;background:var(--surface);box-shadow:0 0 0 1px var(--line),0 10px 30px -10px #00000059;font-size:13px;color:var(--ink-2);animation:doneIn .2s ease-out}#del-ask button{height:28px;padding:0 12px;border-radius:8px;background:var(--ink);color:var(--paper);font:500 12.5px/1 var(--font)}.section.making .sec-label:after{content:"Making options\2026";margin-left:8px;font-weight:400;color:var(--muted);background:linear-gradient(90deg,var(--muted) 0%,var(--muted) 35%,var(--ink) 50%,var(--muted) 65%,var(--muted) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 1.8s linear infinite}.pin.making .pl{cursor:pointer;text-decoration:underline;text-decoration-color:#ffffff4d;text-underline-offset:3px}.pin.making .pl:hover{text-decoration-color:#fff}@media(prefers-reduced-motion:reduce){.section.making .sec-label:after{animation:none;color:var(--muted);background:none}}@keyframes shimmer{0%{background-position:130% 0;animation-timing-function:cubic-bezier(.45,.05,.25,1)}62%{background-position:-130% 0}to{background-position:-130% 0}}.agent-line.working .a-text,.m-work .a-text,.pin.working .pl,.section.making .sec-label:after,.frame.working .frame-label .name,.frame.building .frame-label .name{animation-duration:2.2s}@keyframes shimmer{0%{background-position:130% 0;animation-timing-function:steps(30,end)}62%{background-position:-130% 0}to{background-position:-130% 0}}.frame.building .frame-body:after{background:color-mix(in srgb,var(--paper) 55%,transparent)!important;animation:none!important}.frame.building.filling .frame-body:after{background:transparent!important}.frame.building .frame-body:before{content:"";position:absolute;top:0;bottom:0;left:0;width:45%;z-index:5;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22) 50%,transparent);transform:translate(-110%);will-change:transform;animation:veilSweep 2.2s cubic-bezier(.45,.05,.25,1) infinite}@keyframes veilSweep{0%{transform:translate(-110%)}62%,to{transform:translate(240%)}}@media(prefers-reduced-motion:reduce){.frame.building .frame-body:before{animation:none;display:none}}#toolbar .tb-group{display:flex;align-items:center}#toolbar .tb-caret{width:16px!important;height:34px;margin-left:-2px;border-radius:999px;color:var(--muted)}#toolbar .tb-caret svg.hi{width:12px!important;height:12px!important;stroke-width:2.4!important}#toolbar .tb-caret:hover{color:var(--ink);background:transparent}.tool-menu{width:180px;padding:4px;bottom:auto}.tm-item{display:flex;align-items:center;gap:8px;width:100%;height:32px;padding:0 8px;border-radius:8px;font:500 13px/1 var(--font);color:var(--ink-2)}.tm-item:hover{background:var(--surface-hover);color:var(--ink)}.tm-item svg.hi{width:16px;height:16px}.tm-item span:not(.tm-check){flex:1;text-align:left}.tm-item kbd{border:0;background:none;color:var(--muted);font:500 11.5px/1 var(--font);padding:0}.tm-check{width:14px;height:14px;flex:none}.tm-item.on .tm-check{background:no-repeat center/12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23888' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 6.5l2.2 2.2L9.5 3.5'/%3E%3C/svg%3E")}.tm-item.on{color:var(--ink)}#viewport[data-tool=comment] .frame-label,#viewport[data-tool=comment] .frame-label *{cursor:inherit}#viewport[data-tool=comment] .frame-label{pointer-events:auto}#viewport[data-tool=comment] .frame-label:hover .name,.frame.whole .frame-label .name{background:#2f5bff;color:#fff!important;padding:2px 8px;margin-left:-8px;border-radius:999px;box-shadow:none;transition:background .12s}#viewport[data-tool=comment] .frame:has(>.frame-label:hover) .frame-body,.frame.whole .frame-body{box-shadow:0 0 0 calc(2px / var(--z, 1)) #2f5bff,var(--frame-shadow)}#viewport[data-tool=comment] .frame-label:hover,.frame.whole .frame-label{overflow:visible}#viewport[data-tool=comment] .frame-label:hover .name,.frame.whole .frame-label .name{margin-left:0}.sec-label{z-index:8}#viewport[data-tool=select] .section:has(>.sec-label:hover):not(.selected){box-shadow:inset 0 0 0 calc(1.5px / var(--z, 1)) var(--accent)}#viewport[data-tool=select] .section:has(>.sec-label:hover):not(.selected) .sec-label{border-color:var(--accent)}#viewport[data-tool=select] .sec-label{cursor:default}.m-blocked{display:flex;flex-direction:column;gap:4px;margin-top:10px}.blk{display:flex;align-items:center;gap:8px;min-height:32px;padding:4px 4px 4px 10px;border-radius:8px;background:var(--surface-2);font:500 12px/1.3 var(--font)}.blk-k{color:var(--muted);flex:none}.blk code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:11.5px/1.3 var(--mono);color:var(--ink)}.blk-go{flex:none;height:24px;padding:0 10px;border-radius:6px;background:var(--ink);color:var(--surface);font:600 12px/24px var(--font);cursor:pointer;transition:opacity .12s}.blk-go:hover{opacity:.85}.blk-go:disabled{opacity:.5;cursor:default}.blk.ok{background:none;padding-left:0;min-height:0}.blk.ok code{color:var(--muted)}.agent-allowed{border-top:1px solid var(--line);margin-top:6px;padding-top:8px}.agent-allowed .menu-title{font-weight:500;color:var(--muted);font-size:12px}.al-row{display:flex;align-items:center;gap:6px;padding:2px 4px 2px 8px;border-radius:8px}.al-row:hover{background:var(--surface-2)}.al-row code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:11.5px/24px var(--mono)}.al-row button{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;color:var(--muted)}.al-row button:hover{color:var(--ink)}.al-row button svg{width:14px;height:14px}body.staging .frame.staged.device .frame-label{left:-15px;bottom:calc(100% + 15px);padding-bottom:8px}.c-model.pick{cursor:pointer;padding:4px 6px;margin-right:0;border-radius:6px;transition:background .12s,color .12s}.c-model.pick:hover{background:var(--surface-2);color:var(--ink)}.model-menu{position:fixed;z-index:400;width:228px;padding:4px;right:auto;bottom:auto}.mm-title{padding:8px 8px 4px;font:500 11.5px/1 var(--font);color:var(--muted)}.mm-title:not(:first-child){margin-top:4px;border-top:1px solid var(--line);padding-top:10px}.mm-note{margin:6px 0 0;padding:8px 8px 6px;border-top:1px solid var(--line);font:12px/1.4 var(--font);color:var(--muted)}:root{--work: 64 148 255}@property --wa{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes workTurn{to{--wa: 360deg}}@keyframes workBlur{0%{transform:translate(-100%)}to{transform:translate(77%)}}.area.working{background:rgb(var(--work) / .07)!important;overflow:hidden;border-radius:calc(6px / var(--z, 1))!important}.area.working:after{content:""!important;display:block!important;position:absolute;inset:0 auto 0 0!important;width:130%;border-radius:0;background:linear-gradient(100deg,transparent 15%,rgb(var(--work) / .1) 50%,transparent 85%)!important;background-size:auto!important;-webkit-backdrop-filter:blur(2.6px)!important;backdrop-filter:blur(2.6px)!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 38%,#000 62%,transparent)!important;mask-image:linear-gradient(90deg,transparent,#000 38%,#000 62%,transparent)!important;transform:translate(-100%);will-change:transform;animation:workBlur 5.2s cubic-bezier(.37,0,.63,1) infinite!important}.area.working:before{content:""!important;display:block!important;position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;padding:calc(1.25px / var(--z, 1));background:conic-gradient(from var(--wa),rgb(var(--work) / .16) 0 30%,rgb(var(--work) / .95) 96%,rgb(var(--work) / .16) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:none;animation:workTurn 4.4s linear infinite!important}.area.working.whole{border-radius:14px!important}@media(prefers-reduced-motion:reduce){.area.working:after{animation:none!important;transform:translate(-20%)}.area.working:before{animation:none!important}}.pin.working.talking .pin-dot{box-shadow:0 0 0 1.5px rgb(var(--work)),0 6px 20px -6px #0000008c}.pin.working .pin-dot .pw{stroke:rgb(var(--work))}.pin.working.talking .pn{background:rgb(var(--work) / .34)}.pin.draft .pn{background:#17171a}@keyframes plIn{0%{opacity:.3}}.pin.working .pin-dot .pw{display:none}.pin.working .pn{position:relative}.pin.working.talking .pn{background:#ffffff24}.pin.working .pn:before{content:"";position:absolute;inset:-1.5px;border-radius:99px;padding:1.5px;pointer-events:none;background:conic-gradient(from var(--wa),rgb(var(--work) / .2) 0 35%,rgb(var(--work)) 96%,rgb(var(--work) / .2) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:workTurn 1.5s linear infinite}@media(prefers-reduced-motion:reduce){.pin.working .pn:before{animation:none}}.frame.working .frame-label .step,.agent-line.working .a-text,.m-work .a-text{background-image:linear-gradient(90deg,rgb(var(--work) / .55) 0% 35%,rgb(var(--work)) 50%,rgb(var(--work) / .55) 65% 100%)!important}.frame.building .frame-body:before{background:linear-gradient(100deg,transparent,rgb(var(--work) / .22) 50%,transparent)!important}.area.working:before{z-index:2}.area>canvas.dz{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;image-rendering:pixelated;opacity:.75;-webkit-mask:radial-gradient(circle,#000 36%,transparent 50%) 0 0 / calc(100% / var(--cols, 1)) calc(100% / var(--rows, 1));mask:radial-gradient(circle,#000 36%,transparent 50%) 0 0 / calc(100% / var(--cols, 1)) calc(100% / var(--rows, 1))}.area:not(.working)>canvas.dz{display:none}.area.working.whole{border-radius:2px!important}.area.queued{background:none!important;border:0!important;outline:calc(1px / var(--z, 1)) dashed rgb(var(--work) / .6);outline-offset:calc(-1px / var(--z, 1))}.area.queued:before,.area.queued:after{display:none!important}.frame>.work-edge{display:none}.frame.working.work-far>.work-edge{display:block;position:absolute;inset:calc(-5px / var(--z, 1));border-radius:calc(2px + 5px / var(--z, 1));pointer-events:none;z-index:3;padding:calc(2px / var(--z, 1));background:conic-gradient(from var(--wa),rgb(var(--work) / .18) 0 30%,rgb(var(--work)) 96%,rgb(var(--work) / .18) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:workTurn 4.4s linear infinite}.frame.working.work-far:has(.area.working.whole)>.work-edge{display:none}@media(prefers-reduced-motion:reduce){.frame.working.work-far>.work-edge{animation:none}}#ink path.working{stroke:rgb(var(--work));opacity:1}#ink g.auras{display:none}.pin.done-new .pin-dot{background:#1f9d55;padding-right:12px;box-shadow:0 0 0 1.5px #ffffffeb,0 6px 20px -6px #00000073}.pin.done-new .pn{width:22px;min-width:22px;padding:0;border-radius:50%;background:#fff;color:#116b38}.pin.done-new .pn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.pin.done-new .pn svg path{stroke-dasharray:14;animation:doneTick .45s .1s cubic-bezier(.3,.8,.3,1) both}@keyframes doneTick{0%{stroke-dashoffset:14}to{stroke-dashoffset:0}}.pin.done-new .pl{color:#fff;background:none;animation:none}.pin.queued:not(.talking) .pn{background:transparent;color:#6c6c72;box-shadow:inset 0 0 0 1.5px #a5a5ac}.pin.queued:not(.talking) .pin-dot:after{display:none}.pin.resolved .pn{background:#88888f}@media(prefers-reduced-motion:reduce){.pin.done-new .pn svg path{animation:none}}.frame-body,.frame iframe{background:var(--fill, #fff)}.fp-fill{display:flex;align-items:center;gap:6px;margin:2px 0 6px;font-size:12px;color:var(--muted)}.fp-fill>span{min-width:28px}.fp-fill .q-sw span{font:500 11.5px/1 var(--mono);color:var(--ink-2)}.fp-fill-x{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;color:var(--muted)}.fp-fill-x:hover{background:var(--surface-hover);color:var(--ink)}.fp-fill-x svg{width:13px;height:13px}.section.drawing{pointer-events:none}.frame.waking .parked-hint{display:flex;z-index:6;animation:none}.frame:not(.parked):not(.waking) .parked-hint{display:flex;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s .2s}#el-ghost{position:absolute;left:0;top:0;z-index:50;pointer-events:none;opacity:.92;transform-origin:0 0;outline:calc(1.5px / var(--z, 1)) solid var(--accent);outline-offset:calc(2px / var(--z, 1));box-shadow:0 12px 32px -12px #00000059}.frame.drop-into .frame-body{box-shadow:0 0 0 calc(2px / var(--z, 1)) var(--accent)}.update-pill{gap:6px;color:var(--ink-2)}.update-pill svg{width:14px;height:14px}.update-pill:disabled{cursor:default;opacity:.8}.update-pill.failed{color:var(--mark)}.up-spin{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--line-strong);border-top-color:var(--ink);animation:spin .8s linear infinite}.frame.nofill:not(.selected):not(.working):not(.previewing):not(.drop-into):not(.whole) .frame-body{box-shadow:none}.frame.nofill iframe{color-scheme:light}.fp-fill .q-sw.is-none i{background:repeating-conic-gradient(#d4d4d8 0 25%,#fff 0 50%) 0 0 / 8px 8px}.fp-fill-none{height:24px;padding:0 8px;border-radius:6px;font:500 11.5px/24px var(--font);color:var(--muted)}.fp-fill-none:hover,.fp-fill-none.on{background:var(--surface-hover);color:var(--ink)}.frame>.dims{display:none;align-items:center;gap:5px}.frame.selected>.dims{display:inline-flex}.frame>.dims .fill-dot{width:12px;height:12px;padding:0;border-radius:50%;display:grid;place-items:center;cursor:pointer}.frame>.dims .fill-dot i{width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #ffffffe6,0 0 0 1.5px #0003}.frame>.dims .fill-dot.is-none i{background:repeating-conic-gradient(#d4d4d8 0 25%,#fff 0 50%) 0 0 / 5px 5px}.frame>.dims .fill-dot:hover i{box-shadow:0 0 0 1.5px #fff,0 0 0 2.5px #00000040}#cpick .cp-none{flex:none;height:24px;padding:0 8px;margin-left:auto;border-radius:6px;font:500 11.5px/24px var(--font);color:var(--muted)}#cpick .cp-none:hover{background:var(--surface-hover);color:var(--ink)}.chip-area.chip-frame{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 9px 3px 7px}.chip-frame svg{width:12px;height:12px;flex:none}.chip-frame b{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-frame span{flex:none;opacity:.7;font-weight:500}.chip-frame span:before{content:"\b7";margin-right:6px}.frame.whole .frame-label{visibility:hidden}.frame-tray{display:flex;align-items:center;gap:2px;max-width:0;opacity:0;overflow:hidden;pointer-events:none;transition:max-width .32s cubic-bezier(.2,.8,.2,1),opacity .2s ease,margin .32s cubic-bezier(.2,.8,.2,1),padding .32s cubic-bezier(.2,.8,.2,1)}#toolbar.tray-open .frame-tray{max-width:440px;opacity:1;pointer-events:auto;margin-left:4px;padding-left:6px;box-shadow:inset 1px 0 0 var(--line)}#toolbar .frame-tray button{flex:none}#toolbar .frame-tray .tr-dev{color:var(--muted)}#toolbar .frame-tray .tr-dev:hover{color:var(--ink)}#toolbar .frame-tray .tr-dev.on{background:color-mix(in srgb,var(--ink) 10%,transparent);color:var(--ink)}#toolbar .frame-tray .tr-more{width:auto;display:flex;align-items:center;gap:6px;padding:0 8px 0 10px;font:500 12.5px/1 var(--font);color:var(--ink-2);white-space:nowrap}#toolbar .frame-tray .tr-more small{font:500 11px/1 var(--mono);color:var(--muted)}#toolbar .frame-tray .tr-more svg{width:12px;height:12px;color:var(--muted)}#toolbar .frame-tray .tr-more.on{background:color-mix(in srgb,var(--ink) 10%,transparent);color:var(--ink)}@media(prefers-reduced-motion:reduce){.frame-tray{transition:none}}#frame-ghost{position:absolute;z-index:6;pointer-events:none;box-sizing:border-box;border:calc(1px / var(--z, 1)) solid var(--accent);background:#ffffff80;transition:width .24s cubic-bezier(.2,.8,.2,1),height .24s cubic-bezier(.2,.8,.2,1)}#frame-ghost[hidden]{display:none}#frame-ghost span{position:absolute;left:0;bottom:100%;padding-bottom:6px;transform-origin:0 100%;scale:calc(1 / var(--z, 1));white-space:nowrap;font:500 11px/1 var(--mono);color:var(--muted)}#frame-ghost span b{margin-right:7px;font:500 12px/1 var(--font);color:var(--accent)}@media(prefers-reduced-motion:reduce){#frame-ghost{transition:none}}#toolbar{transition:border-radius .26s cubic-bezier(.2,.8,.2,1),border-color .2s}#toolbar.tray-open{border-radius:24px}#toolbar.menu-open{border-radius:3px 3px 22px 22px;border-top-color:transparent}#toolbar .frame-tray .tr-more svg{rotate:180deg;transition:rotate .22s cubic-bezier(.2,.8,.2,1)}#toolbar .frame-tray .tr-more.open svg{rotate:0deg}#toolbar .frame-tray .tr-more.open{background:color-mix(in srgb,var(--ink) 10%,transparent);color:var(--ink)}.preset-menu.docked{translate:none;max-height:min(440px,calc(100vh - 150px));padding:8px 8px 6px;border-radius:20px 20px 0 0;border-bottom-color:transparent;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:4px;align-content:start}.preset-menu.docked[hidden]{display:none}.preset-menu.docked:not([hidden]){animation:dockUp .28s cubic-bezier(.2,.8,.2,1)}@keyframes dockUp{0%{clip-path:inset(100% -40px -40px -40px)}to{clip-path:inset(-40px -40px -40px -40px)}}.preset-menu.docked>*{animation:dockIn .3s .05s cubic-bezier(.2,.8,.2,1) both}@keyframes dockIn{0%{opacity:0;transform:translateY(10px)}}.preset-menu.docked.narrow{grid-template-columns:1fr}.preset-menu.docked:not(.narrow) .pm-group+.pm-group{margin-top:0;padding-top:0;border-top:0}.preset-menu.docked .pm-custom,.preset-menu.docked .pm-describe{grid-column:1 / -1}.preset-menu.docked .pm-row{gap:6px;padding:0 7px;font-size:12.5px}.preset-menu.docked .pm-row small{font-size:10.5px;letter-spacing:-.02em}.preset-menu.docked .pm-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-menu.docked .pm-row small{flex:none}@media(prefers-reduced-motion:reduce){#toolbar{transition:none}.preset-menu.docked:not([hidden]),.preset-menu.docked>*{animation:none}}.preset-menu{position:fixed;left:50%;bottom:72px;translate:-50% 0;z-index:30;width:320px;max-height:min(520px,calc(100vh - 160px));overflow:auto;padding:6px;border-radius:14px}.preset-menu:not([hidden]){animation:trayUp .2s cubic-bezier(.2,.8,.2,1)}@keyframes trayUp{0%{opacity:0;transform:translateY(6px)}}.pm-group+.pm-group{margin-top:4px;padding-top:4px;border-top:1px solid var(--line)}.pm-title{display:flex;align-items:center;gap:6px;padding:8px 8px 4px;font:500 11.5px/1 var(--font);color:var(--muted)}.pm-title svg{width:13px;height:13px}.pm-row{display:flex;align-items:center;justify-content:space-between;width:100%;height:32px;padding:0 8px;border-radius:8px;font:500 13px/1 var(--font);color:var(--ink-2)}.pm-row small{font:500 11px/1 var(--mono);color:var(--muted)}.pm-row:hover{background:var(--surface-hover);color:var(--ink)}.pm-row.on{color:var(--ink);background:var(--surface-hover)}.pm-custom{display:flex;align-items:center;gap:6px;margin-top:4px;padding:8px 4px 4px 8px;border-top:1px solid var(--line);font:500 12px/1 var(--font);color:var(--muted)}.pm-custom>span{margin-right:auto}.pm-custom label{display:flex;align-items:center;gap:4px;height:28px;padding:0 6px;border-radius:7px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);font:500 10.5px/1 var(--mono)}.pm-custom input{width:42px;border:0;background:none;color:var(--ink);font:500 12px/1 var(--mono);outline:none}.pm-custom button{height:28px;padding:0 10px;border-radius:7px;background:var(--ink);color:var(--surface);font:500 12px/28px var(--font)}.pm-describe{display:flex;align-items:center;gap:8px;width:100%;height:32px;margin-top:4px;padding:0 8px;border-radius:8px;font:500 12.5px/1 var(--font);color:var(--muted)}.pm-describe:hover{background:var(--surface-hover);color:var(--ink)}.pm-describe svg{width:14px;height:14px}.pm-describe kbd{margin-left:auto;border:0;background:none;font:500 11px/1 var(--font);color:var(--muted)}.preset-menu.for-frame{translate:none;bottom:auto}.pm-top{margin:0 0 4px;padding:6px 4px 8px 8px;border-top:0;border-bottom:1px solid var(--line)}.pm-acts{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;padding:6px 2px 2px;border-top:1px solid var(--line)}.pm-act{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 8px;border-radius:7px;font:500 12px/1 var(--font);color:var(--ink-2)}.pm-act:hover,.pm-act.on{background:var(--surface-hover);color:var(--ink)}.pm-act svg{width:13px;height:13px}.pm-act kbd{border:0;background:none;font:500 11px/1 var(--font);color:var(--muted)}.pin-act kbd{margin-left:6px;font:500 10px/1 var(--font);opacity:.5}.frame.staged.device.tablet .frame-body{border-radius:26px}.frame.staged.device.tablet:before{inset:-26px;border-radius:50px;box-shadow:inset 0 0 0 1px #ffffff47,inset 0 0 0 3.5px #6f6f75,inset 0 0 0 4.5px #18181a,0 0 0 1px #000000a6,0 60px 120px -30px #000c,0 30px 60px -26px #0009}.frame.staged.device.tablet:after{display:block;inset:-13px auto auto 50%;width:7px;height:7px;margin-left:-3.5px;z-index:1;border-radius:50%;background:radial-gradient(circle,#232838 0 1.6px,#0b0b0d 2px)}.frame.staged.device.tablet.landscape:after{display:block;top:50%;left:-16.5px;margin:-3.5px 0 0}.frame.staged.device.tablet .frame-body:after{display:none}.frame.staged.device.tablet .frame-body:before{width:220px;bottom:7px}.frame.staged.device.tablet.landscape .frame-body:before{width:300px}body.staging .frame.staged.device.tablet .frame-label{left:-26px;bottom:calc(100% + 26px)}.sb-dev{display:inline-flex;transition:rotate .2s ease}.sb-dev.side{rotate:-90deg}#stage-bar .sb-fit{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 5px 0 10px;border-radius:8px;font:500 12px/1 var(--font);color:var(--ink-2);cursor:pointer}#stage-bar .sb-fit[hidden]{display:none}#stage-bar .sb-fit i{width:6px;height:6px;border-radius:50%;background:#d99a1c;flex:none}#stage-bar .sb-fit b{font-weight:500;color:var(--ink);padding:4px 8px;border-radius:6px;box-shadow:0 0 0 1px var(--line);background:var(--surface)}#stage-bar .sb-fit:hover b{background:var(--surface-hover)}#deep-tip{position:fixed;z-index:60;width:272px;padding:6px;border-radius:14px;background:var(--surface);box-shadow:0 0 0 1px var(--line),0 14px 36px -12px #00000047;animation:dtIn .22s cubic-bezier(.2,.8,.2,1);transform-origin:20px 0}#deep-tip.out{opacity:0;transform:translateY(2px) scale(.98);transition:opacity .16s ease,transform .16s ease}@keyframes dtIn{0%{opacity:0;transform:translateY(4px) scale(.97)}}.dt-demo{position:relative;height:118px;border-radius:9px;overflow:hidden;background:var(--surface-2)}.dt-card{position:absolute;left:34px;top:16px;width:192px;height:86px;border-radius:8px;background:var(--surface);box-shadow:0 0 0 1px var(--line)}.dt-l{position:absolute;left:16px;height:6px;border-radius:3px;background:var(--line-strong, var(--line))}.dt-l.t{top:16px;width:74px;height:8px;background:var(--muted);opacity:.55}.dt-l.a{top:34px;width:132px}.dt-l.b{top:46px;width:96px}.dt-btn{position:absolute;left:16px;top:62px;width:44px;height:13px;border-radius:4px;background:var(--ink);opacity:.82}.dt-o{position:absolute;border:1.5px solid var(--accent);border-radius:3px;opacity:0}.dt-o.o1{left:46px;top:28px;width:82px;height:16px;animation:dtO1 6s infinite}.dt-o.o2{left:46px;top:58px;width:104px;height:14px;animation:dtO2 6s infinite}.dt-o.o3{left:46px;top:74px;width:52px;height:21px;animation:dtO3 6s infinite}.dt-cur{position:absolute;left:0;top:0;width:17px;height:17px;fill:var(--ink);stroke:var(--surface);stroke-width:1.4;stroke-linejoin:round;animation:dtCur 6s infinite cubic-bezier(.5,0,.2,1)}.dt-key{position:absolute;right:9px;bottom:8px;min-width:22px;height:22px;padding:0 5px;box-sizing:border-box;display:grid;place-items:center;border-radius:6px;font:500 12px/1 var(--font);color:var(--ink);background:var(--surface);box-shadow:0 0 0 1px var(--line),0 1.5px 0 var(--line);animation:dtKey 6s infinite}@keyframes dtCur{0%,6%{transform:translate(196px,96px)}20%,36%{transform:translate(84px,34px)}50%,64%{transform:translate(118px,63px)}78%,92%{transform:translate(66px,84px)}to{transform:translate(196px,96px)}}@keyframes dtO1{0%,19%{opacity:0}21%,44%{opacity:1}47%,to{opacity:0}}@keyframes dtO2{0%,49%{opacity:0}51%,72%{opacity:1}75%,to{opacity:0}}@keyframes dtO3{0%,77%{opacity:0}79%,94%{opacity:1}97%,to{opacity:0}}@keyframes dtKey{0%,8%{transform:none;color:var(--ink)}12%,94%{transform:translateY(1.5px);box-shadow:0 0 0 1px var(--accent);color:var(--accent)}to{transform:none}}.dt-say{padding:10px 8px 6px;display:grid;gap:3px}.dt-say b{font:600 12.5px/1.3 var(--font);color:var(--ink)}.dt-say span{font:400 12px/1.45 var(--font);color:var(--ink-2)}.dt-say kbd{font:500 11px/1 var(--font);padding:1px 4px;border-radius:4px;box-shadow:0 0 0 1px var(--line);color:var(--ink)}@media(prefers-reduced-motion:reduce){.dt-cur,.dt-o,.dt-key,#deep-tip{animation:none}.dt-o.o2{opacity:1}.dt-cur{transform:translate(118px,63px)}}#deep-tip.docked{transition:left .45s cubic-bezier(.3,.7,.2,1),top .45s cubic-bezier(.3,.7,.2,1)}.dt-x{position:absolute;top:12px;right:12px;z-index:2;width:22px;height:22px;display:grid;place-items:center;border-radius:6px;background:var(--surface);box-shadow:0 0 0 1px var(--line);color:var(--ink-2);cursor:pointer}.dt-x:hover{background:var(--surface-hover);color:var(--ink)}.dt-x svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}@media(prefers-reduced-motion:reduce){#deep-tip.docked{transition:none}}.sc-tips{margin-top:18px}.sc-tip{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;margin:0 -10px;border-radius:8px;text-align:left;cursor:pointer}.sc-tip:hover{background:var(--surface-hover)}.sc-tip span{display:grid;gap:2px;font-size:12.5px;color:var(--ink-2)}.sc-tip b{font-weight:500;color:var(--ink)}.sc-tip em{font-style:normal;font-size:12px;color:var(--ink-2);padding:3px 9px;border-radius:6px;box-shadow:0 0 0 1px var(--line)}#shortcuts{align-items:center}.sc-card{max-height:calc(100vh - 200px);overflow-y:auto}#viewport.dropping{outline:2px dashed rgb(var(--work) / .55);outline-offset:-8px}.hist-btn{display:grid;place-items:center;width:26px;height:26px;margin-left:2px;border-radius:7px;color:var(--muted);cursor:pointer}.hist-btn:hover{background:var(--surface-hover);color:var(--ink)}.hist-btn[hidden]{display:none}.hist-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}#hist-pop{position:fixed;z-index:70;width:340px;max-height:min(460px,calc(100vh - 80px));overflow-y:auto;padding:6px;border-radius:12px;background:var(--surface);box-shadow:0 0 0 1px var(--line),0 14px 36px -12px #00000047}.hp-head{padding:8px 10px 6px;font:600 11px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.hp-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:8px}.hp-row:hover{background:var(--surface-hover)}.hp-row span{display:grid;gap:2px;min-width:0;font-size:12.5px;color:var(--ink-2)}.hp-row b{font-weight:500;color:var(--ink)}.hp-row small{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-row button{flex:none;font-size:12px;color:var(--ink-2);padding:4px 9px;border-radius:6px;box-shadow:0 0 0 1px var(--line);cursor:pointer}.hp-row button:hover{color:var(--ink);background:var(--surface)}.hp-empty{padding:10px;font-size:12.5px;line-height:1.45;color:var(--muted)}#url-ask{position:fixed;z-index:70;width:300px;padding:6px;border-radius:12px;background:var(--surface);box-shadow:0 0 0 1px var(--line),0 14px 36px -12px #00000047}.ua-host{padding:6px 8px;font:500 11.5px/1.2 var(--font);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ua-opt{position:relative;display:grid;gap:2px;width:100%;padding:8px 34px 8px 8px;border-radius:8px;text-align:left;cursor:pointer}.ua-opt:hover:not([disabled]){background:var(--surface-hover)}.ua-opt b{font:500 12.5px/1.3 var(--font);color:var(--ink)}.ua-opt span{font-size:11.5px;line-height:1.35;color:var(--muted)}.ua-opt kbd{position:absolute;right:8px;top:9px;font:500 10.5px/1 var(--font);padding:3px 5px;border-radius:4px;box-shadow:0 0 0 1px var(--line);color:var(--ink-2)}.ua-opt[disabled]{cursor:default}.ua-opt[disabled] b{color:var(--muted)}.ua-opt[disabled] kbd{display:none}#viewport.swapping #hover-box{border-style:dashed}.wait-pill{position:absolute;left:50%;top:calc(50% + 86px / var(--z, 1));transform:translate(-50%) scale(calc(1 / var(--z, 1)));transform-origin:50% 0;z-index:6;display:flex;align-items:center;gap:8px;padding:4px 4px 4px 12px;border-radius:99px;background:#17171a;color:#ffffffbf;font:500 12px/1 var(--font);white-space:nowrap;box-shadow:0 6px 18px -6px #00000059}.wait-pill .pin-act kbd{margin-left:6px;font:500 10px/1 var(--font);opacity:.5}#ctx{position:fixed;z-index:80;min-width:216px;max-width:280px;padding:4px;border-radius:10px;background:var(--surface);box-shadow:0 0 0 1px var(--line),0 12px 32px -10px #00000047,0 2px 6px -2px #00000014;font:400 13px/1 var(--font);user-select:none;-webkit-user-select:none}#ctx[hidden]{display:none}#ctx.in{animation:cxIn .12s cubic-bezier(.2,.8,.2,1)}@keyframes cxIn{0%{opacity:0;transform:scale(.97)}}@media(prefers-reduced-motion:reduce){#ctx.in{animation:none}}.cx-head{display:flex;align-items:baseline;gap:6px;padding:7px 9px 6px;margin-bottom:2px;border-bottom:1px solid var(--line);white-space:nowrap;overflow:hidden}.cx-head b{font-weight:500;font-size:12px;color:var(--ink);overflow:hidden;text-overflow:ellipsis}.cx-head span{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.cx-item{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;height:28px;padding:0 9px;border-radius:6px;color:var(--ink);text-align:left;cursor:default;outline:none}.cx-item:focus,.cx-item:hover:not([disabled]){background:var(--surface-hover)}.cx-item[disabled]{color:var(--muted);opacity:.6}#ctx .cx-item kbd{font:400 11.5px/1 var(--font);color:var(--muted);letter-spacing:.04em;border:0;box-shadow:none;background:none;padding:0;min-width:0;height:auto}#ctx .cx-item.danger kbd{color:color-mix(in srgb,var(--mark) 60%,transparent)}.cx-item.danger{color:var(--mark)}.cx-sep{height:1px;margin:4px 6px;background:var(--line)}.frame .parked-hint>span{display:none}.frame .parked-hint:after{content:"";position:absolute;top:-10%;bottom:-10%;left:-50%;width:50%;z-index:1;pointer-events:none;opacity:0;will-change:transform;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--ink) 5%,transparent) 50%,transparent 100%)}.frame.parked .parked-hint:not(.has-pic):after,.frame.waking .parked-hint:after{opacity:1;animation:frameLoad 2.4s cubic-bezier(.45,.05,.55,.95) infinite}.frame.waking .parked-hint.has-pic:after{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--surface) 28%,transparent) 50%,transparent)}@keyframes frameLoad{0%{transform:translate(0) skew(-14deg)}to{transform:translate(320%) skew(-14deg)}}@media(prefers-reduced-motion:reduce){.frame.parked .parked-hint:not(.has-pic):after,.frame.waking .parked-hint:after{animation:none;opacity:.6}}.frame.joining .frame-body{box-shadow:0 0 0 calc(1.5px / var(--z, 1)) var(--accent),var(--frame-shadow)}.frame.joining .frame-label{color:var(--accent)}.editing-name{outline:none;cursor:text;user-select:text;-webkit-user-select:text;color:var(--ink)!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:pre;caret-color:var(--accent)}.editing-name::selection{background:color-mix(in srgb,var(--accent) 45%,transparent)}.sec-label:has(.editing-name),.frame-label:has(.editing-name){overflow:visible;max-width:none}.agent-mark{position:relative;display:inline-grid;place-items:center;width:16px;height:16px;flex:none}.agent-logo,.agent-logo svg{width:15px;height:15px;display:block;color:var(--ink)}#agent-pill .agent-dot{position:absolute;right:-3px;bottom:-2px;width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 2px var(--surface)!important;animation:none}#agent-pill.busy .agent-dot{background:rgb(var(--work));animation:agentPulse 1.4s ease-in-out infinite}#agent-pill.away .agent-dot{background:var(--mark)}#agent-pill.offline .agent-dot{background:var(--muted)}#agent-pill.away #agent-label{color:var(--ink)}@keyframes agentPulse{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){#agent-pill.busy .agent-dot{animation:none}}.reconnect-btn{display:inline-block;height:22px;padding:0 10px;margin:0 -4px 0 8px;border-radius:99px;font:500 12px/22px var(--font);color:var(--surface);background:var(--ink);cursor:pointer;white-space:nowrap;transition:opacity .12s}.reconnect-btn:hover{opacity:.86}.reconnect-btn[hidden]{display:none}#reconnect-pop{position:fixed;z-index:75;width:320px;padding:6px 6px 8px;border-radius:12px;background:var(--surface);box-shadow:0 0 0 1px var(--line),0 14px 36px -12px #00000047;font-size:12.5px;color:var(--ink-2)}#reconnect-pop[hidden]{display:none}.rc-head{display:flex;align-items:center;justify-content:space-between;padding:6px 6px 4px 10px}.rc-head b{font-weight:600;font-size:13px;color:var(--ink)}.rc-x{width:24px;height:24px;display:grid;place-items:center;border-radius:6px;color:var(--muted);cursor:pointer}.rc-x:hover{background:var(--surface-hover);color:var(--ink)}.rc-x svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.rc-steps{list-style:none;margin:4px 0 0;padding:0 10px;display:grid;gap:10px}.rc-steps li{display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:start;line-height:1.45}.rc-n{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font:600 10.5px/1 var(--font);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line);margin-top:1px}.rc-code{display:flex;align-items:center;gap:6px;margin-top:6px;padding:5px 5px 5px 8px;border-radius:8px;background:var(--surface-2)}.rc-code code{flex:1;min-width:0;font:11.5px/1.45 var(--mono);color:var(--ink);user-select:all;-webkit-user-select:all}.rc-code button{flex:none;height:24px;padding:0 10px;border-radius:6px;background:var(--ink);color:var(--surface);font:500 11.5px/24px var(--font);cursor:pointer}.rc-status{display:flex;align-items:center;gap:7px;color:var(--muted);min-height:18px}.rc-spin{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--line);border-top-color:rgb(var(--work));animation:rcSpin .9s linear infinite;flex:none}.rc-ok{width:12px;height:12px;border-radius:50%;background:var(--ok);flex:none;position:relative}.rc-ok:after{content:"";position:absolute;left:3.6px;top:2px;width:3px;height:6px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}#reconnect-pop.done .rc-status{color:var(--ink)}@keyframes rcSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.rc-spin{animation:none}}.rc-foot{margin:12px 4px 0;padding:9px 6px 0;border-top:1px solid var(--line);font-size:11.5px;line-height:1.5;color:var(--muted)}.rc-foot button{color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:2px;cursor:pointer;font:inherit}.rc-foot button:hover{color:var(--ink)}#del-ask{white-space:nowrap;font-size:12.5px}#del-ask span{color:var(--ink-2)}#del-ask button{flex:none;white-space:nowrap;height:26px;padding:0 11px;border-radius:7px}.ctx-ring{position:absolute;left:50%;top:50%;width:24px;height:24px;transform:translate(-50%,-50%) rotate(-90deg);pointer-events:none}.ctx-ring[hidden]{display:none}.ctx-ring circle{fill:none;stroke-width:1.6}.ctx-ring .cr-track{stroke:var(--line)}.ctx-ring .cr-fill{stroke:var(--muted);stroke-linecap:round;stroke-dasharray:0 100;transition:stroke-dasharray .6s ease}#agent-pill.ctx-high .cr-fill{stroke:#d9a100}#agent-pill.ctx-full .cr-fill{stroke:var(--mark)}#agent-pill:has(.ctx-ring:not([hidden])) .agent-mark{margin:0 3px}#agent-card{position:fixed;z-index:72;width:260px;padding:16px 14px 12px;border-radius:14px;background:var(--surface);box-shadow:0 0 0 1px var(--line),0 16px 40px -14px #00000052;font-size:12.5px;color:var(--ink-2);animation:acIn .14s cubic-bezier(.2,.8,.2,1)}#agent-card[hidden]{display:none}@keyframes acIn{0%{opacity:0;transform:translateY(-3px)}}.ac-top{display:flex;flex-direction:column;align-items:center;gap:4px;padding-bottom:12px}.ac-mark{position:relative;width:60px;height:60px;display:grid;place-items:center;margin-bottom:4px}.ac-ring{position:absolute;inset:0;width:60px;height:60px;transform:rotate(-90deg)}.ac-ring circle{fill:none;stroke-width:3}.ac-ring .t{stroke:var(--line)}.ac-ring .f{stroke:var(--muted);stroke-linecap:round}#agent-card.ac-high .ac-ring .f,#agent-card.ac-high .ac-bar i,#am-card.ac-high .ac-ring .f,#am-card.ac-high .ac-bar i{stroke:#d9a100;background:#d9a100}#agent-card.ac-full .ac-ring .f,#agent-card.ac-full .ac-bar i,#am-card.ac-full .ac-ring .f,#am-card.ac-full .ac-bar i{stroke:var(--mark);background:var(--mark)}.ac-logo,.ac-logo svg{width:26px;height:26px;display:block;color:var(--ink)}.ac-name{font:600 13.5px/1.2 var(--font);color:var(--ink)}.ac-state{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-2)}.ac-state i{width:7px;height:7px;border-radius:50%;background:var(--ok)}#agent-card.ac-away .ac-state i,#am-card.ac-away .ac-state i{background:var(--mark)}#agent-card.ac-offline .ac-state i,#am-card.ac-offline .ac-state i{background:var(--muted)}#agent-card.ac-busy .ac-state i,#am-card.ac-busy .ac-state i{background:rgb(var(--work));animation:agentPulse 1.4s ease-in-out infinite}.ac-rows{display:grid;border-top:1px solid var(--line)}.ac-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 2px;border-bottom:1px solid var(--line)}.ac-row>span:first-child{color:var(--muted);white-space:nowrap}.ac-v{display:inline-flex;align-items:center;gap:6px;color:var(--ink);text-align:right;min-width:0}.ac-v small{color:var(--muted);font-size:11.5px;white-space:nowrap}.ac-bar{width:52px;height:4px;border-radius:2px;background:var(--line);overflow:hidden;flex:none}.ac-bar i{display:block;height:100%;border-radius:2px;background:var(--muted)}.ac-hint{padding-top:10px;text-align:center;font-size:11.5px;color:var(--muted)}.ac-btn{display:block;width:100%;margin-top:12px;height:30px;border-radius:8px;background:var(--ink);color:var(--surface);font:500 12.5px/30px var(--font);cursor:pointer}.ac-btn:hover{opacity:.88}.frame-body>.making{position:absolute;inset:0;z-index:5;display:grid;place-items:center;overflow:hidden;background:var(--surface);pointer-events:none;transition:opacity .35s ease}.frame-body>.making.out{opacity:0}.frame-body>.making:after{content:"";position:absolute;top:-10%;bottom:-10%;left:-50%;width:50%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ink) 5%,transparent) 50%,transparent);animation:frameLoad 2.4s cubic-bezier(.45,.05,.55,.95) infinite;will-change:transform}.mk-mid{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;transform:scale(calc(1 / var(--z, 1)));transform-origin:center}.mk-icon{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--surface);box-shadow:0 0 0 1px var(--line),0 6px 18px -8px #00000040;animation:mkBreathe 2.4s ease-in-out infinite}.mk-icon img{width:24px;height:24px;object-fit:contain;display:block}.mk-icon:before{content:"";position:absolute;inset:-5px;border-radius:15px;padding:1.5px;background:conic-gradient(from var(--wa, 0deg),rgb(var(--work) / .15) 0 40%,rgb(var(--work)) 96%,rgb(var(--work) / .15) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:workTurn 1.6s linear infinite}.mk-spark{width:18px;height:18px;display:block;background:rgb(var(--work));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.2 6.8L21 11l-6.8 2.2L12 20l-2.2-6.8L3 11l6.8-2.2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.2 6.8L21 11l-6.8 2.2L12 20l-2.2-6.8L3 11l6.8-2.2z'/%3E%3C/svg%3E") center/contain no-repeat}.mk-step{font:500 13px/1.3 var(--font);color:var(--ink-2);background:linear-gradient(90deg,var(--muted) 0%,var(--muted) 35%,var(--ink) 50%,var(--muted) 65%,var(--muted) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 2.2s linear infinite;white-space:nowrap}.mk-from{font:400 11.5px/1 var(--font);color:var(--muted)}@keyframes mkBreathe{50%{transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){.frame-body>.making:after,.mk-icon,.mk-icon:before,.mk-step{animation:none}}#agent-menu{width:280px;padding:6px}#am-card{padding:14px 10px 4px}#am-card .ac-rows{margin:0 2px}#am-card .ac-row:last-child{border-bottom:0}#am-card .ac-btn{margin:10px 0 6px}.am-sec{padding:6px 0 2px;border-top:1px solid var(--line)}.am-title{padding:6px 10px 4px;font:500 11px/1 var(--font);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.am-opts{display:grid;gap:1px}.am-opt{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border-radius:8px;text-align:left;cursor:pointer}.am-opt:hover{background:var(--surface-hover)}.am-opt[hidden]{display:none}.am-ic{flex:none;width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink)}.am-ic svg{width:15px;height:15px;display:block}.am-chat:before{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H9l-5 4z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H9l-5 4z'/%3E%3C/svg%3E") center/contain no-repeat}.am-txt{flex:1;min-width:0;display:grid;gap:1px}.am-txt b{font:500 12.5px/1.3 var(--font);color:var(--ink)}.am-txt small{font-size:11.5px;line-height:1.3;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.am-check{flex:none;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--line)}.am-opt.on .am-check{box-shadow:none;background:var(--ink);position:relative}.am-opt.on .am-check:after{content:"";position:absolute;left:5.5px;top:3px;width:3.5px;height:7px;border:solid var(--surface);border-width:0 1.6px 1.6px 0;transform:rotate(45deg)}.agent-allowed{margin-top:4px;padding-top:4px;border-top:1px solid var(--line)}.al-head{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:8px;font:500 12px/1 var(--font);color:var(--ink-2);cursor:pointer;text-align:left}.al-head:hover{background:var(--surface-hover)}.al-head span:first-child{flex:1}.al-count{min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:grid;place-items:center;font:500 11px/1 var(--font);color:var(--ink-2);background:var(--surface-2)}.al-chev{width:12px;height:12px;fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s ease}.al-head[aria-expanded=true] .al-chev{transform:rotate(90deg)}.al-body{max-height:220px;overflow-y:auto;padding:0 2px 4px}.al-body[hidden]{display:none}