:root{--mobile-bg: #f5f7f8;--mobile-panel: #ffffff;--mobile-ink: #0f172a;--mobile-muted: #64748b;--mobile-line: #e2e8f0;--mobile-primary: #0045ad;--mobile-primary-soft: rgba(0, 69, 173, .1);--mobile-shadow: 0 -4px 6px -1px rgba(15, 23, 42, .05);--mobile-toolbar-gutter: 16px;--mobile-stage-gutter: 16px;--dock-top-padding: 6px;--dock-category-height: 46px;--dock-category-min-width: 58px;--dock-tool-gap: 14px;--dock-tool-entry-width: 50px;--dock-tool-icon-size: 50px;--dock-tool-symbol-size: 24px;--dock-tool-strip-top: 12px;--dock-tool-strip-bottom: 12px;--dock-tool-label-font-size: 10px}html,body{margin:0;min-height:100%;background:var(--mobile-bg);color:var(--mobile-ink);font-family:Inter,Avenir Next,PingFang SC,Helvetica Neue,Arial,sans-serif;overflow:hidden}button,textarea,input{font:inherit}button{-webkit-tap-highlight-color:transparent}#app{min-height:100vh;min-height:100dvh;width:100vw;max-width:100vw;overflow:hidden}.mobile-stage-app{width:100vw;max-width:100vw;height:100vh;height:100dvh;overflow:hidden}.drawer-home{box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100vw;max-width:100vw;height:100vh;height:100dvh;background:var(--mobile-bg);overflow:hidden}.quick-toolbar{box-sizing:border-box;min-width:0;width:100%;max-width:100vw;overflow:hidden;background:var(--mobile-panel);border-bottom:1px solid var(--mobile-primary-soft);padding:calc(env(safe-area-inset-top,0px) + 8px) calc(var(--mobile-toolbar-gutter) + env(safe-area-inset-right,0px)) 8px calc(var(--mobile-toolbar-gutter) + env(safe-area-inset-left,0px))}.quick-action-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;min-width:0;width:100%;max-width:100%}.quick-toolbar.contextual .quick-action-grid{grid-template-columns:minmax(0,1fr)}.quick-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:64px;border:0;border-radius:12px;background:transparent;color:var(--mobile-muted);font-size:12px;font-weight:500;overflow:hidden;width:100%;max-width:100%}.quick-action:active{background:#0045ad0d}.quick-action.danger{color:#b91c1c}.quick-action-icon{display:inline-grid;place-items:center;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:var(--mobile-primary-soft);color:var(--mobile-primary);flex:0 0 40px;min-width:0;max-width:40px;overflow:hidden}.quick-action.danger .quick-action-icon{background:#dc262614;color:#b91c1c}.quick-action-symbol,.tool-symbol{display:block;width:24px;height:24px}.quick-action-symbol{width:24px;height:24px}.quick-action-label{line-height:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-section{display:flex;min-height:0;padding:var(--mobile-stage-gutter);background:var(--mobile-bg);overflow:hidden}.stage-surface{box-sizing:border-box;display:grid;flex:1;position:relative;min-width:0;min-height:0;border:1px solid var(--mobile-line);border-radius:16px;background:#fff;box-shadow:0 1px 2px #0f172a0a;overflow:hidden}.win-drawer-canvas{width:100%;height:100%;min-height:0;background:#fff;overflow:hidden;touch-action:none}.tool-dock{box-sizing:border-box;display:grid;grid-template-rows:auto auto;align-content:end;min-width:0;width:100%;max-width:100vw;min-height:0;overflow:hidden;background:var(--mobile-panel);box-shadow:var(--mobile-shadow);padding-top:var(--dock-top-padding);overscroll-behavior:contain}.category-tabs{display:flex;gap:8px;min-width:0;min-height:var(--dock-category-height);overflow-x:auto;overflow-y:hidden;padding:0 calc(var(--mobile-toolbar-gutter) + env(safe-area-inset-right,0px)) 0 calc(var(--mobile-toolbar-gutter) + env(safe-area-inset-left,0px));border-bottom:1px solid rgba(0,69,173,.05);scrollbar-width:none;scroll-padding-inline:calc(var(--mobile-toolbar-gutter) + env(safe-area-inset-left,0px)) calc(var(--mobile-toolbar-gutter) + env(safe-area-inset-right,0px));overscroll-behavior:contain;overscroll-behavior-x:contain;touch-action:pan-x;-webkit-overflow-scrolling:touch}.category-tabs::-webkit-scrollbar{display:none}.category-tab{flex:0 0 auto;min-width:var(--dock-category-min-width);min-height:var(--dock-category-height);padding:0 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:#64748b;font-size:14px;font-weight:700;line-height:1;white-space:nowrap}.category-tab.active{border-bottom-color:var(--mobile-primary);color:var(--mobile-primary)}.tool-strip{display:flex;align-items:flex-start;gap:var(--dock-tool-gap);min-width:0;overflow-x:auto;overflow-y:hidden;padding:var(--dock-tool-strip-top) calc(var(--mobile-toolbar-gutter) + env(safe-area-inset-right,0px)) calc(var(--dock-tool-strip-bottom) + env(safe-area-inset-bottom,0px)) calc(var(--mobile-toolbar-gutter) + env(safe-area-inset-left,0px));scrollbar-width:none;scroll-padding-inline:calc(var(--mobile-toolbar-gutter) + env(safe-area-inset-left,0px)) calc(var(--mobile-toolbar-gutter) + env(safe-area-inset-right,0px));overscroll-behavior:contain;overscroll-behavior-x:contain;touch-action:pan-x;-webkit-overflow-scrolling:touch}.tool-strip::-webkit-scrollbar{display:none}.tool-entry{display:flex;flex:0 0 var(--dock-tool-entry-width);flex-direction:column;align-items:center;gap:7px;width:var(--dock-tool-entry-width);min-width:var(--dock-tool-entry-width);min-height:calc(var(--dock-tool-icon-size) + 22px);padding:0;border:0;background:transparent;color:var(--mobile-ink);overflow:hidden}.tool-icon{display:inline-grid;place-items:center;align-items:center;justify-content:center;width:var(--dock-tool-icon-size);height:var(--dock-tool-icon-size);border:1px solid var(--mobile-primary-soft);border-radius:12px;background:var(--mobile-bg);color:var(--mobile-primary);flex:0 0 var(--dock-tool-icon-size);min-width:0;max-width:var(--dock-tool-icon-size);overflow:hidden}.tool-symbol{width:var(--dock-tool-symbol-size);height:var(--dock-tool-symbol-size)}.tool-entry.active .tool-icon{border-color:var(--mobile-primary);background:var(--mobile-primary-soft)}.tool-entry.disabled{color:#94a3b8;opacity:.48}.tool-entry.disabled .tool-icon{border-color:var(--mobile-line);background:#f1f5f9;color:#94a3b8}.tool-label{font-size:var(--dock-tool-label-font-size);font-weight:500;line-height:1;max-width:var(--dock-tool-entry-width);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;align-items:end;pointer-events:auto}.preview-scrim{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0f172a70}.preview-sheet{position:relative;box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;width:100%;max-height:calc(100vh - 88px);padding:16px 16px calc(env(safe-area-inset-bottom) + 16px);border-radius:16px 16px 0 0;background:#fff;box-shadow:0 -12px 36px #0f172a2e;overflow:hidden}.preview-header,.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.preview-kicker{margin:0 0 4px;color:var(--mobile-primary);font-size:12px;font-weight:700;line-height:1}.preview-header h2{margin:0;color:var(--mobile-ink);font-size:20px;font-weight:800;line-height:1.2}.preview-close{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid var(--mobile-line);border-radius:999px;background:#fff;color:var(--mobile-ink);font-size:28px;line-height:1}.preview-image-frame{display:grid;place-items:center;min-height:260px;max-height:58vh;border:1px solid var(--mobile-line);border-radius:12px;background:linear-gradient(45deg,rgba(148,163,184,.14) 25%,transparent 25%),linear-gradient(-45deg,rgba(148,163,184,.14) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(148,163,184,.14) 75%),linear-gradient(-45deg,transparent 75%,rgba(148,163,184,.14) 75%),#fff;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;overflow:hidden}.preview-image{display:block;width:100%;height:100%;max-height:58vh;object-fit:contain}.preview-empty{display:grid;place-items:center;width:100%;min-height:260px;color:var(--mobile-muted);font-size:14px}.preview-meta{min-width:0;color:var(--mobile-muted);font-size:12px;line-height:1.2}.preview-refresh{flex:0 0 auto;min-width:88px;min-height:40px;border:0;border-radius:999px;background:var(--mobile-primary);color:#fff;font-size:14px;font-weight:700}.preview-refresh:disabled{background:#94a3b8}.quote-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:21;display:grid;align-items:end;pointer-events:auto}.quote-scrim{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0f172a70}.quote-sheet{position:relative;box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;width:100%;max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px);padding:16px 16px calc(env(safe-area-inset-bottom) + 16px);border-radius:16px 16px 0 0;background:#fff;box-shadow:0 -12px 36px #0f172a2e;overflow:hidden}.quote-header,.quote-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.quote-heading{min-width:0}.quote-kicker{margin:0 0 4px;color:var(--mobile-primary);font-size:12px;font-weight:800;line-height:1}.quote-header h2{margin:0;color:var(--mobile-ink);font-size:20px;font-weight:800;line-height:1.2}.quote-close{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid var(--mobile-line);border-radius:999px;background:#fff;color:var(--mobile-ink);font-size:28px;line-height:1}.quote-body{display:grid;gap:12px;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.quote-total-band{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:14px;border:1px solid rgba(0,69,173,.14);border-radius:12px;background:linear-gradient(180deg,#0045ad14,#0045ad08)}.quote-total-label{color:var(--mobile-muted);font-size:13px;font-weight:800;line-height:1}.quote-total-band strong{min-width:0;overflow:hidden;color:var(--mobile-primary);font-size:28px;font-weight:900;line-height:1.1;text-align:right;text-overflow:ellipsis;white-space:nowrap}.quote-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.quote-stats span{display:grid;gap:4px;min-width:0;min-height:58px;align-content:center;border:1px solid var(--mobile-line);border-radius:10px;background:#f8fafc;color:var(--mobile-muted);font-size:11px;font-weight:700;line-height:1;text-align:center}.quote-stats b{min-width:0;overflow:hidden;color:var(--mobile-ink);font-size:15px;font-weight:900;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.quote-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quote-field{display:grid;gap:6px;min-width:0}.quote-field span{color:var(--mobile-muted);font-size:12px;font-weight:800;line-height:1}.quote-field input{box-sizing:border-box;width:100%;min-width:0;height:40px;border:1px solid var(--mobile-line);border-radius:10px;background:#f8fafc;color:var(--mobile-ink);font-size:14px;font-weight:800;outline:none;padding:0 10px}.quote-field input:focus{border-color:var(--mobile-primary);background:#fff}.quote-lines{display:grid;gap:8px;min-width:0}.quote-line{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:10px 0;border-bottom:1px solid var(--mobile-line)}.quote-line div{display:grid;gap:4px;min-width:0}.quote-line strong,.quote-line b{color:var(--mobile-ink);font-size:14px;font-weight:900;line-height:1.15}.quote-line span{min-width:0;overflow:hidden;color:var(--mobile-muted);font-size:12px;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.quote-line b{flex:0 0 auto;color:var(--mobile-primary);text-align:right}.quote-empty,.quote-error{min-width:0;margin:0;color:var(--mobile-muted);font-size:13px;font-weight:700;line-height:1.3}.quote-error{color:#b91c1c}.quote-counts{display:flex;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none;touch-action:pan-x;-webkit-overflow-scrolling:touch}.quote-counts::-webkit-scrollbar{display:none}.quote-count-pill{flex:0 0 auto;min-height:28px;padding:0 10px;border:1px solid rgba(0,69,173,.12);border-radius:999px;background:var(--mobile-primary-soft);color:var(--mobile-primary);font-size:12px;font-weight:800;line-height:28px;white-space:nowrap}.quote-meta{min-width:0;overflow:hidden;color:var(--mobile-muted);font-size:12px;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.quote-refresh{flex:0 0 auto;min-width:96px;min-height:40px;border:0;border-radius:999px;background:var(--mobile-primary);color:#fff;font-size:14px;font-weight:800}.quote-refresh:disabled{background:#94a3b8}.material-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:22;display:grid;align-items:end;pointer-events:auto}.material-scrim{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0f172a70}.material-sheet{position:relative;box-sizing:border-box;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:12px;width:100%;max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px);padding:16px 16px calc(env(safe-area-inset-bottom) + 16px);border-radius:16px 16px 0 0;background:#fff;box-shadow:0 -12px 36px #0f172a2e;overflow:hidden}.material-header,.material-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.material-heading{min-width:0}.material-kicker{margin:0 0 4px;color:var(--mobile-primary);font-size:12px;font-weight:800;line-height:1}.material-header h2{margin:0;color:var(--mobile-ink);font-size:20px;font-weight:800;line-height:1.2}.material-close{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid var(--mobile-line);border-radius:999px;background:#fff;color:var(--mobile-ink);font-size:28px;line-height:1}.material-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}.material-tab{min-width:0;min-height:36px;border:1px solid var(--mobile-line);border-radius:999px;background:#f8fafc;color:var(--mobile-muted);font-size:13px;font-weight:800}.material-tab.active{border-color:#0045ad33;background:var(--mobile-primary-soft);color:var(--mobile-primary)}.material-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.material-summary span{display:grid;gap:4px;min-width:0;min-height:58px;align-content:center;border:1px solid var(--mobile-line);border-radius:10px;background:#f8fafc;color:var(--mobile-muted);font-size:11px;font-weight:700;line-height:1;text-align:center}.material-summary b{min-width:0;overflow:hidden;color:var(--mobile-ink);font-size:15px;font-weight:900;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.material-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.material-list{display:grid;gap:8px;min-width:0}.material-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:10px 0;border-bottom:1px solid var(--mobile-line)}.material-row div{display:grid;gap:4px;min-width:0}.material-row strong,.material-row b{color:var(--mobile-ink);font-size:14px;font-weight:900;line-height:1.15}.material-row span{min-width:0;overflow:hidden;color:var(--mobile-muted);font-size:12px;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.material-row b{flex:0 0 auto;color:var(--mobile-primary);text-align:right}.material-empty,.material-error{min-width:0;margin:0;color:var(--mobile-muted);font-size:13px;font-weight:700;line-height:1.3}.material-error{color:#b91c1c}.material-meta{min-width:0;overflow:hidden;color:var(--mobile-muted);font-size:12px;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.material-refresh{flex:0 0 auto;min-width:96px;min-height:40px;border:0;border-radius:999px;background:var(--mobile-primary);color:#fff;font-size:14px;font-weight:800}.material-refresh:disabled{background:#94a3b8}.property-popover,.property-popup{display:none!important}.property-panel{position:fixed;left:0;right:0;bottom:0;z-index:18;box-sizing:border-box;max-height:min(44vh,380px);border:0;border-top:1px solid rgba(0,69,173,.12);border-radius:16px 16px 0 0;background:#fff;box-shadow:0 -14px 34px #0f172a29;overflow:hidden}.property-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:12px 14px 10px;border-bottom:1px solid var(--mobile-line)}.property-heading{display:grid;gap:3px;min-width:0}.property-kicker{color:var(--mobile-primary);font-size:11px;font-weight:800;line-height:1}.property-heading strong{display:block;min-width:0;overflow:hidden;color:var(--mobile-ink);font-size:15px;font-weight:800;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.property-header-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.property-close{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid var(--mobile-line);border-radius:999px;background:#fff;color:var(--mobile-ink);font-size:24px;line-height:1}.property-groups{display:grid;gap:6px;max-height:calc(min(44vh,380px) - 58px);padding:8px 12px calc(env(safe-area-inset-bottom) + 12px);overflow-y:auto}.property-group{display:grid;gap:6px}.property-row{display:grid;grid-template-columns:minmax(72px,.8fr) minmax(0,1.6fr);align-items:center;gap:8px;min-height:42px;min-width:0}.property-row.readonly{grid-template-columns:minmax(72px,.8fr) minmax(0,1.6fr)}.property-name{min-width:0;overflow:hidden;color:var(--mobile-muted);font-size:12px;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.property-control{min-width:0}.property-value{display:block;min-width:0;overflow:hidden;color:var(--mobile-ink);font-size:13px;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.property-select,.property-input{box-sizing:border-box;width:100%;min-height:36px;border:1px solid var(--mobile-line);border-radius:10px;background:#f8fafc;color:var(--mobile-ink);font-size:13px;font-weight:700;outline:none}.property-select,.property-input{padding:0 10px}.property-segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:3px;border:1px solid var(--mobile-line);border-radius:10px;background:#f8fafc}.property-segment{min-width:0;min-height:30px;border:0;border-radius:7px;background:transparent;color:var(--mobile-muted);font-size:12px;font-weight:800}.property-segment.active{background:var(--mobile-primary);color:#fff}.property-mode-groups{display:grid;gap:8px;min-width:0}.property-mode-group{display:grid;gap:5px;min-width:0}.property-mode-group-name{color:var(--mobile-muted);font-size:11px;font-weight:800;line-height:1.1}.property-mode-options{display:flex;gap:8px;min-width:0;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}.property-mode-option{display:grid;place-items:center;gap:4px;flex:0 0 72px;min-width:72px;min-height:54px;border:1px solid var(--mobile-line);border-radius:10px;background:#f8fafc;color:var(--mobile-muted);font-size:11px;font-weight:800}.property-mode-option img{display:block;width:52px;height:28px;object-fit:contain}.property-mode-option.active{border-color:var(--mobile-primary);background:#2f6fea14;color:var(--mobile-primary)}.spec-keyboard-panel{position:fixed;right:0;bottom:0;left:0;z-index:32;overflow:hidden;border-radius:16px 16px 0 0;background:#fff;box-shadow:0 -10px 30px #0f172a29}.spec-keyboard-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px calc(16px + env(safe-area-inset-right,0px)) 12px calc(16px + env(safe-area-inset-left,0px));border-bottom:1px solid var(--mobile-line)}.spec-keyboard-heading{display:grid;gap:4px;min-width:0}.spec-keyboard-kicker{color:var(--mobile-muted);font-size:11px;font-weight:800;line-height:1}.spec-keyboard-value{display:flex;align-items:baseline;gap:4px;min-width:0}.spec-keyboard-value strong{overflow:hidden;color:var(--mobile-primary);font-size:24px;font-weight:900;line-height:1;text-overflow:ellipsis;white-space:nowrap}.spec-keyboard-value span{color:var(--mobile-muted);font-size:12px;font-weight:700}.spec-keyboard-actions{display:flex;gap:8px;flex:0 0 auto}.spec-keyboard-cancel,.spec-keyboard-confirm{min-width:62px;min-height:36px;border-radius:10px;font-size:13px;font-weight:800}.spec-keyboard-cancel{border:1px solid var(--mobile-line);background:#fff;color:var(--mobile-muted)}.spec-keyboard-confirm{border:1px solid var(--mobile-primary);background:var(--mobile-primary);color:#fff}.spec-keyboard-confirm:disabled{border-color:#cbd5e1;background:#cbd5e1}.spec-keyboard-error{margin:0;padding:8px 16px;border-bottom:1px solid rgba(220,38,38,.12);background:#dc26260f;color:#b91c1c;font-size:12px;font-weight:700}.spec-keyboard-directions{display:flex;gap:8px;overflow-x:auto;padding:10px calc(16px + env(safe-area-inset-right,0px)) 10px calc(16px + env(safe-area-inset-left,0px));border-bottom:1px solid var(--mobile-line);background:#fbfdff}.spec-direction{flex:0 0 auto;min-height:34px;padding:0 12px;border:1px solid var(--mobile-line);border-radius:8px;background:#fff;color:var(--mobile-ink);font-size:12px;font-weight:800}.spec-direction.active{border-color:var(--mobile-primary);background:#2f6fea14;color:var(--mobile-primary)}.spec-keyboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#eef2f7;padding-bottom:env(safe-area-inset-bottom,0px)}.spec-key{display:grid;place-items:center;min-height:54px;border:0;border-radius:0;background:#fff;color:#020617;font-size:20px;font-weight:700}.spec-key:active{background:#f8fafc}.spec-key.utility{color:var(--mobile-ink)}.recommended-window-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:23;pointer-events:none}.recommended-window-scrim{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0f172a2e;pointer-events:auto}.recommended-window-sheet{position:relative;box-sizing:border-box;display:grid;gap:12px;width:100%;padding:calc(10px + env(safe-area-inset-top,0px)) calc(14px + env(safe-area-inset-right,0px)) 16px calc(14px + env(safe-area-inset-left,0px));border-radius:0 0 18px 18px;background:#fff;box-shadow:0 12px 30px #0f172a24;pointer-events:auto}.recommended-window-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.recommended-window-header strong{min-width:0;color:var(--mobile-ink);font-size:15px;font-weight:900;line-height:1.2}.recommended-window-close{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:0;border-radius:999px;background:transparent;color:#64748b;font-size:24px;line-height:1}.recommended-window-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:3px;border:1px solid rgba(0,69,173,.1);border-radius:999px;background:#f8fafc}.recommended-window-category{min-width:0;min-height:30px;border:0;border-radius:999px;background:transparent;color:var(--mobile-muted);font-size:12px;font-weight:900}.recommended-window-category.active{background:var(--mobile-primary);color:#fff}.recommended-window-category:disabled{opacity:.6}.recommended-window-strip{display:flex;gap:12px;min-width:0;overflow-x:auto;overflow-y:hidden;padding:0 2px 2px;scrollbar-width:none;scroll-padding-inline:2px;touch-action:pan-x;-webkit-overflow-scrolling:touch}.recommended-window-strip::-webkit-scrollbar{display:none}.recommended-window-card{display:grid;flex:0 0 88px;gap:7px;justify-items:center;min-width:88px;padding:0;border:0;background:transparent;color:var(--mobile-ink)}.recommended-window-card:disabled{opacity:.58}.recommended-window-icon{position:relative;box-sizing:border-box;display:block;width:74px;height:64px;border:1px solid rgba(0,69,173,.18);border-radius:10px;background:#f6f9ff}.recommended-window-thumb{box-sizing:border-box;display:block;width:74px;height:64px;border:1px solid rgba(0,69,173,.18);border-radius:10px;background:#f6f9ff;object-fit:contain}.recommended-window-icon:before{content:"";position:absolute;top:11px;right:11px;bottom:11px;left:11px;border:2px solid rgba(0,69,173,.28);border-radius:2px}.recommended-window-line{position:absolute;display:block;background:#0045ad47}.recommended-window-line-vertical{left:50%;top:12px;bottom:12px;width:1px}.recommended-window-line-horizontal{left:12px;right:12px;top:50%;height:1px}.recommended-window-line-inner{top:17px;right:17px;bottom:17px;left:17px;border:1px dashed rgba(0,69,173,.28);background:transparent}.recommended-window-line-top{left:22px;right:22px;top:19px;height:1px}.recommended-window-line-arrow{right:18px;top:22px;width:9px;height:9px;border-top:1px solid rgba(0,69,173,.38);border-left:1px solid rgba(0,69,173,.38);background:transparent;transform:rotate(-45deg)}.recommended-window-label{max-width:88px;overflow:hidden;color:#475569;font-size:11px;font-weight:800;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.recommended-window-empty{min-width:0;margin:0;padding:8px 2px 2px;color:var(--mobile-muted);font-size:12px;font-weight:800;line-height:1.2}.recommended-window-status{min-width:0;margin:0;overflow:hidden;color:var(--mobile-muted);font-size:12px;font-weight:800;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.settings-fab,.feature-demo-fab,.recommended-window-fab{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));display:grid;place-items:center;width:56px;height:56px;border:0;border-radius:999px;background:var(--mobile-primary);color:#fff;box-shadow:0 10px 24px #0045ad3d;font-size:13px;font-weight:800}.settings-fab{right:auto;left:calc(16px + env(safe-area-inset-left,0px));bottom:calc(env(safe-area-inset-bottom,0px) + 170px);z-index:17}.feature-demo-fab{right:auto;left:calc(84px + env(safe-area-inset-left,0px));bottom:calc(env(safe-area-inset-bottom,0px) + 170px);z-index:16;background:#0f172a;box-shadow:0 10px 24px #0f172a33}.recommended-window-fab{bottom:calc(env(safe-area-inset-bottom,0px) + 170px);z-index:15}.feature-demo-page{box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0,auto) minmax(0,auto) 1fr;gap:14px;width:100vw;max-width:100vw;height:100vh;height:100dvh;padding:calc(14px + env(safe-area-inset-top,0px)) calc(16px + env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px));background:#f5f7f8;overflow-y:auto;overscroll-behavior:contain}.feature-demo-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.feature-demo-header div{display:grid;gap:2px;min-width:0}.feature-demo-header span{color:var(--mobile-muted);font-size:12px;font-weight:800;line-height:1.2}.feature-demo-header strong{color:var(--mobile-ink);font-size:24px;font-weight:900;line-height:1.1}.feature-demo-back{flex:0 0 auto;min-height:40px;border:1px solid rgba(0,69,173,.14);border-radius:999px;background:#fff;color:var(--mobile-primary);font-size:13px;font-weight:900;padding:0 14px}.feature-demo-card{box-sizing:border-box;display:grid;gap:12px;min-width:0;padding:14px;border:1px solid rgba(0,69,173,.1);border-radius:12px;background:#fff;box-shadow:0 12px 26px #0f172a14}.feature-demo-card-title{display:grid;gap:4px;min-width:0}.feature-demo-card-title strong{color:var(--mobile-ink);font-size:18px;font-weight:900;line-height:1.2}.feature-demo-card-title span{color:var(--mobile-muted);font-size:12px;font-weight:700;line-height:1.25}.sketch-picker{box-sizing:border-box;display:grid;place-items:center;min-width:0;width:100%;aspect-ratio:16 / 10;border:1px dashed rgba(0,69,173,.28);border-radius:10px;background:#f8fafc;color:var(--mobile-primary);font-size:14px;font-weight:900;overflow:hidden}.sketch-picker input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.sketch-picker img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}.sketch-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.sketch-meta span{min-width:0;overflow:hidden;color:var(--mobile-muted);font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.sketch-meta button,.voice-placeholder{flex:0 0 auto;min-height:42px;border:0;border-radius:10px;background:var(--mobile-primary);color:#fff;font-size:14px;font-weight:900;padding:0 14px}.sketch-meta button:disabled{background:#cbd5e1}.sketch-result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;margin:0}.sketch-result div{box-sizing:border-box;display:grid;gap:4px;min-width:0;padding:10px;border-radius:10px;background:#f8fafc}.sketch-result dt{color:var(--mobile-muted);font-size:11px;font-weight:800;line-height:1.1}.sketch-result dd{min-width:0;margin:0;overflow:hidden;color:var(--mobile-ink);font-size:13px;font-weight:900;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.feature-demo-status{min-width:0;margin:0;overflow:hidden;color:var(--mobile-muted);font-size:12px;font-weight:800;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.feature-demo-status.error{color:#b91c1c}.voice-placeholder{justify-self:start;background:#0f172a}.template-save-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;display:grid;align-items:end;pointer-events:auto}.template-save-scrim{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0f172a70}.template-save-sheet{position:relative;box-sizing:border-box;display:grid;gap:14px;width:100%;padding:16px calc(16px + env(safe-area-inset-right,0px)) calc(18px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px));border-radius:16px 16px 0 0;background:#fff;box-shadow:0 -12px 36px #0f172a2e}.template-save-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.template-save-header strong{color:var(--mobile-ink);font-size:16px;font-weight:900}.template-save-close{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:24px;line-height:1}.template-save-field{display:grid;gap:8px;min-width:0;color:var(--mobile-ink);font-size:13px;font-weight:900}.template-save-field input{box-sizing:border-box;width:100%;min-height:44px;padding:0 12px;border:1px solid rgba(0,69,173,.18);border-radius:10px;background:#f8fafc;color:var(--mobile-ink);font-size:15px;font-weight:800;outline:none}.template-save-field input:focus{border-color:var(--mobile-primary);background:#fff;box-shadow:0 0 0 3px #0045ad1a}.template-save-range-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}.template-save-field-compact{gap:6px;font-size:12px}.template-save-field-compact input{min-height:40px;font-size:14px}.template-save-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:3px;border:1px solid rgba(0,69,173,.1);border-radius:999px;background:#f8fafc}.template-save-category{min-width:0;min-height:34px;border:0;border-radius:999px;background:transparent;color:var(--mobile-muted);font-size:12px;font-weight:900}.template-save-category.active{background:var(--mobile-primary);color:#fff}.template-save-status{min-width:0;margin:0;color:var(--mobile-muted);font-size:12px;font-weight:800;line-height:1.3}.template-save-status.error{color:#dc2626}.template-save-submit{min-height:44px;border:0;border-radius:10px;background:var(--mobile-primary);color:#fff;font-size:15px;font-weight:900}.template-save-submit:disabled{background:#cbd5e1;color:#fff}.settings-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:24;display:grid;align-items:end;pointer-events:auto}.settings-scrim{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0f172a70}.settings-sheet{position:relative;box-sizing:border-box;display:grid;gap:14px;width:100%;padding:16px calc(16px + env(safe-area-inset-right,0px)) calc(18px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px));border-radius:16px 16px 0 0;background:#fff;box-shadow:0 -12px 36px #0f172a2e}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.settings-header strong{color:var(--mobile-ink);font-size:20px;font-weight:900;line-height:1.2}.settings-close{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid var(--mobile-line);border-radius:999px;background:#fff;color:var(--mobile-ink);font-size:28px;line-height:1}.settings-row{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;min-height:66px;padding:12px 0;border-top:1px solid var(--mobile-line);border-bottom:1px solid var(--mobile-line)}.settings-row-copy{display:grid;gap:6px;min-width:0}.settings-row-copy strong{color:var(--mobile-ink);font-size:15px;font-weight:900;line-height:1.2}.settings-row-copy span{min-width:0;overflow:hidden;color:var(--mobile-muted);font-size:12px;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.settings-switch{position:relative;flex:0 0 52px;width:52px;height:32px;border:0;border-radius:999px;background:#cbd5e1;transition:background .18s ease}.settings-switch span{position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:999px;background:#fff;box-shadow:0 2px 6px #0f172a33;transition:transform .18s ease}.settings-switch.active{background:var(--mobile-primary)}.settings-switch.active span{transform:translate(20px)}.settings-switch:disabled{opacity:.72}.settings-token-status{min-width:0;margin:0;overflow:hidden;color:var(--mobile-muted);font-size:12px;font-weight:800;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.settings-token-status.error{color:#b91c1c}.settings-actions{display:grid;gap:8px;min-width:0}.settings-action{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:48px;padding:10px 12px;border:1px solid rgba(0,69,173,.12);border-radius:10px;background:#f8fafc;color:var(--mobile-ink);text-align:left}.settings-action strong{flex:0 0 auto;color:var(--mobile-ink);font-size:14px;font-weight:900;line-height:1.1}.settings-action span{min-width:0;overflow:hidden;color:var(--mobile-muted);font-size:12px;font-weight:700;line-height:1.2;text-align:right;text-overflow:ellipsis;white-space:nowrap}.topology-test-panel{position:fixed;right:12px;bottom:calc(env(safe-area-inset-bottom) + 170px);z-index:17;box-sizing:border-box;display:grid;gap:10px;width:min(360px,calc(100vw - 24px));padding:12px;border:1px solid rgba(0,69,173,.16);border-radius:14px;background:#fff;box-shadow:0 18px 42px #0f172a2e}.topology-test-header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.topology-test-header strong{color:var(--mobile-ink);font-size:14px;font-weight:800;line-height:1.2}.topology-test-close{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid var(--mobile-line);border-radius:999px;background:#fff;color:var(--mobile-muted);font-size:20px;line-height:1}.topology-test-form{display:grid;grid-template-columns:minmax(0,1fr) 52px 52px;gap:8px;min-width:0}.topology-signature-input{box-sizing:border-box;min-width:0;width:100%;height:40px;border:1px solid var(--mobile-line);border-radius:10px;background:#f8fafc;color:var(--mobile-ink);font:700 13px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;outline:none;padding:0 10px}.topology-signature-input:focus{border-color:var(--mobile-primary);background:#fff}.topology-test-detect,.topology-test-submit{min-width:0;height:40px;border:0;border-radius:10px;font-size:13px;font-weight:800}.topology-test-detect{background:#0045ad1a;color:var(--mobile-primary)}.topology-test-submit{background:var(--mobile-primary);color:#fff}.topology-test-detect:disabled,.topology-test-submit:disabled{background:#94a3b8;color:#fff}.topology-test-presets{display:flex;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none}.topology-test-presets::-webkit-scrollbar{display:none}.topology-test-presets button{flex:0 0 auto;min-height:30px;border:1px solid rgba(0,69,173,.12);border-radius:999px;background:var(--mobile-primary-soft);color:var(--mobile-primary);font-size:12px;font-weight:800;padding:0 10px}.topology-test-status{min-width:0;margin:0;overflow:hidden;color:var(--mobile-muted);font-size:12px;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.clear-confirm-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:26;display:grid;place-items:center;padding:calc(16px + env(safe-area-inset-top,0px)) calc(16px + env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px));pointer-events:auto}.clear-confirm-scrim{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0f172a6b}.clear-confirm-dialog{position:relative;box-sizing:border-box;display:grid;gap:10px;width:min(320px,100%);padding:16px;border-radius:14px;background:#fff;box-shadow:0 18px 42px #0f172a3d}.clear-confirm-dialog strong{color:var(--mobile-ink);font-size:17px;font-weight:900;line-height:1.2}.clear-confirm-dialog p{margin:0;color:var(--mobile-muted);font-size:13px;font-weight:700;line-height:1.35}.clear-confirm-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px}.clear-confirm-cancel,.clear-confirm-submit{min-width:0;min-height:42px;border:0;border-radius:10px;font-size:14px;font-weight:900}.clear-confirm-cancel{background:#f1f5f9;color:var(--mobile-ink)}.clear-confirm-submit{background:#dc2626;color:#fff}.runtime-state{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;opacity:0;pointer-events:none}.runtime-state p{margin:0}.payload-box{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.raw-drawer-icon{display:block;color:currentColor;overflow:visible}@media(max-width:360px),(max-height:720px){:root{--mobile-toolbar-gutter: 12px;--mobile-stage-gutter: 10px;--dock-top-padding: 4px;--dock-category-height: 42px;--dock-category-min-width: 52px;--dock-tool-gap: 10px;--dock-tool-entry-width: 48px;--dock-tool-icon-size: 48px;--dock-tool-symbol-size: 23px;--dock-tool-strip-top: 10px;--dock-tool-strip-bottom: 12px;--dock-tool-label-font-size: 9px}.quick-action{min-height:56px;font-size:11px}.quick-action-icon{width:34px;height:34px;flex-basis:34px;max-width:34px}.quick-action-symbol{width:21px;height:21px}.category-tab{padding:0 10px;font-size:13px}.tool-icon{border-radius:10px}.quote-sheet{padding:14px 12px calc(env(safe-area-inset-bottom) + 14px)}.quote-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}