:root{--slide:1;--bg:#f6f7f8;--panel:#fff;--ink:#1a2223;--muted:#5c6b6d;--line:#dfe4e5;--accent:#173234;--accent-ink:#fff;--radius:8px}@media (prefers-color-scheme:dark){:root{--bg:#10191a;--panel:#172223;--ink:#e7edee;--muted:#9fb0b1;--line:#26383a;--accent:#3ea6a0;--accent-ink:#06201f}}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{color:var(--ink);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{flex-direction:column;display:flex}.builder-toolbar{background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:10px 14px;display:flex}.builder-title{font-weight:600}.builder-spacer{flex:1}.toolbar-signout{margin-inline-start:8px}.builder-status{color:var(--muted);text-align:end;min-width:60px;font-size:13px}.builder-btn{font:inherit;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink);cursor:pointer;padding:6px 12px;font-size:13px}.builder-btn:hover{border-color:var(--accent)}.builder-btn--primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.builder-btn--primary:hover{opacity:.9}.builder-body{flex:1;grid-template-columns:240px 1fr 300px;min-height:0;display:grid}.builder-panel{background:var(--panel);padding:14px;overflow:auto}.builder-palette{border-inline-end:1px solid var(--line)}.builder-inspector{border-inline-start:1px solid var(--line)}.mobile-only{display:none}.drawer-close{width:100%;font:inherit;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-height:40px;color:var(--ink);cursor:pointer;margin-bottom:10px;font-size:14px;display:none}.builder-backdrop{z-index:1150;background:#0a14156b;display:none;position:fixed;inset:0}@media (width<=820px){.builder-toolbar{flex-wrap:wrap;gap:6px;padding:8px 10px}.builder-title{display:none}.builder-body{grid-template-columns:1fr}.builder-palette,.builder-inspector{z-index:1200;width:min(86vw,340px);transition:transform .22s;position:fixed;top:0;bottom:0;box-shadow:0 0 44px #0a141547}.builder-palette{transform:translateX(calc(-100% * var(--slide)));inset-inline-start:0}.builder-inspector{transform:translateX(calc(100% * var(--slide)));inset-inline-end:0}.builder-palette.open,.builder-inspector.open{transform:translate(0)}.builder-backdrop.show{display:block}.mobile-only{display:inline-flex}.drawer-close{display:block}.toolbar-signout{margin-inline-start:6px}.toolbar-wide-only{display:none}.toolbar-more{min-width:44px}}.builder-placeholder{color:var(--muted);font-size:13px}.builder-section+.builder-section{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.builder-section-header{cursor:pointer;width:100%;min-height:24px;font:inherit;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:0 0;border:none;align-items:center;gap:6px;margin:0 0 10px;padding:0;font-size:12px;display:flex}.builder-section-header:hover{color:var(--ink)}.builder-section-caret{font-size:10px;line-height:1;transition:transform .15s}.builder-section.collapsed .builder-section-caret{transform:rotate(-90deg)}.builder-section.collapsed .builder-section-header{margin-bottom:0}.builder-section.collapsed .builder-section-body{display:none}.palette-group{margin-bottom:14px}.palette-group-heading{color:var(--muted);margin-bottom:6px;font-size:11px}.palette-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.palette-chip{font:inherit;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink);cursor:grab;text-align:start;touch-action:none;padding:8px 10px;font-size:13px}.palette-chip:hover{border-color:var(--accent)}.palette-chip:active{cursor:grabbing}.layer-row{cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:13px;display:flex}.layer-row:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}.layer-row.selected{background:color-mix(in srgb, var(--accent) 16%, transparent)}.layer-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.layer-del{font:inherit;color:var(--muted);cursor:pointer;opacity:0;background:0 0;border:none;padding:0 4px;line-height:1}.layer-row:hover .layer-del{opacity:1}.layer-del:hover{color:#c0392b}.layer-del{min-width:24px;position:relative}.layer-del:after{content:"";width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.layer-del:focus-visible{opacity:1}@media (pointer:coarse){.layer-del{opacity:1}}.step-group{flex-wrap:wrap;gap:6px;display:flex}.step-btn{font:inherit;font-variant-numeric:tabular-nums;min-width:44px;min-height:44px;color:var(--ink);background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:8px;flex:44px;padding:0 8px;font-size:14px}.step-btn:hover:not(:disabled){border-color:var(--accent)}.step-btn:active:not(:disabled){background:color-mix(in srgb, var(--accent) 12%, var(--panel))}.step-btn:disabled{opacity:.4;cursor:default}.step-btn--reset{color:var(--muted);font-size:12px}.step-btn--on{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}@media (pointer:coarse){.inspector-bp-btn,.state-btn{min-height:44px;padding:0 14px;font-size:13px}.builder-btn,.ctx-item{min-height:44px}}.dnd-ghost{background:var(--accent);color:var(--accent-ink);border-radius:6px;padding:6px 10px;font-size:12px}.login-wrap{background:var(--bg);justify-content:center;align-items:center;height:100%;display:flex}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:12px;width:320px;padding:28px 24px;display:flex}.login-title{margin:0;font-size:20px}.login-sub{color:var(--muted);margin:0 0 6px;font-size:13px}.login-field{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.login-input{font:inherit;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--ink);padding:9px 10px;font-size:14px}.login-input:focus{border-color:var(--accent);outline:none}.login-error{color:#c0392b;margin:0;font-size:13px}.login-btn{font:inherit;border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);cursor:pointer;border:none;margin-top:4px;padding:10px;font-size:14px}.login-btn:disabled{opacity:.6;cursor:default}.inspector-bp{gap:4px;margin-bottom:12px;display:flex}.inspector-bp-btn{font:inherit;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--muted);cursor:pointer;flex:1;padding:5px 0;font-size:12px}.inspector-bp-btn.active{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.inspector-title{margin-bottom:4px;font-size:14px;font-weight:600}.inspector-section{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-top:1px solid var(--line);margin:14px 0 8px;padding-top:10px;font-size:11px}.inspector-note{color:var(--muted);margin:-2px 0 8px;font-size:12px}.inspector-row{margin-bottom:10px;display:block}.inspector-label{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.inspector-input{width:100%;font:inherit;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink);padding:6px 8px;font-size:13px}.inspector-input:focus{border-color:var(--accent);outline:none}textarea.inspector-input{resize:vertical}.inspector-range{width:100%;accent-color:var(--accent)}.inspector-range:disabled{opacity:.4}.inspector-image{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inspector-image-thumb{object-fit:contain;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);width:100%;max-height:120px}.inspector-upload-btn{font:inherit;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink);cursor:pointer;padding:6px 12px;font-size:13px}.inspector-upload-btn:hover:not(:disabled){border-color:var(--accent)}.inspector-upload-btn:disabled{opacity:.5;cursor:default}.inspector-upload-status{color:var(--muted);font-size:12px}.inspector-image-actions{align-items:center;gap:8px;width:100%;display:flex}.inspector-upload-progress{flex-direction:column;gap:4px;width:100%;display:flex}.inspector-upload-bar{background:var(--line);border-radius:3px;height:6px;position:relative;overflow:hidden}.inspector-upload-fill{background:var(--accent);border-radius:3px;width:0;height:100%;transition:width .15s}.inspector-upload-progress.indeterminate .inspector-upload-fill{width:35%;transition:none;animation:1.1s ease-in-out infinite inspector-upload-sweep}@keyframes inspector-upload-sweep{0%{margin-inline-start:-35%}to{margin-inline-start:100%}}.inspector-video{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inspector-video-preview{border:1px solid var(--line);border-radius:var(--radius);background:#000;width:100%;max-height:140px}.inspector-url{flex-direction:column;gap:4px;width:100%;margin-top:6px;display:flex}.inspector-url-field{gap:6px;display:flex}.inspector-url-field .inspector-input{flex:1;min-width:0;font-size:12px}.inspector-copy{font:inherit;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink);cursor:pointer;white-space:nowrap;padding:4px 10px;font-size:12px}.inspector-copy:hover{border-color:var(--accent)}.inspector-color{align-items:center;gap:8px;display:flex}.inspector-color input[type=color]{border:1px solid var(--line);border-radius:var(--radius);background:0 0;width:34px;height:28px;padding:0}.inspector-swatch{color:var(--muted);flex:1;font-size:12px}.inspector-clear{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 4px}.inspector-clear:hover{color:#c0392b}.builder-canvas{background:var(--bg);min-height:0;position:relative;overflow:hidden}.canvas-container{width:100%;height:100%;position:relative}.canvas-overlay{pointer-events:none;z-index:5;position:absolute;inset:0}.canvas-sel{outline:2px solid var(--accent);outline-offset:-1px;border-radius:2px}.canvas-hover{outline:1px dashed var(--accent);outline-offset:-1px;opacity:.7}.canvas-anchor{outline:1px dashed var(--warn,#b4531a);outline-offset:-1px;background:color-mix(in srgb, var(--warn,#b4531a) 7%, transparent)}.canvas-sel-label{background:var(--accent);color:var(--accent-ink);white-space:nowrap;border-radius:3px 3px 0 0;padding:3px 6px;font-size:11px;line-height:1;position:absolute}.canvas-sel-menu{pointer-events:auto;width:28px;height:22px;color:var(--accent-ink);background:var(--accent);cursor:pointer;border:none;border-radius:3px 3px 0 0;justify-content:center;align-items:center;padding:0;font-size:15px;line-height:1;display:flex;position:absolute}@media (pointer:coarse){.canvas-sel-menu{width:44px;height:32px;font-size:22px}}.ctx-menu{z-index:1100;background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:2px;min-width:180px;padding:6px;display:flex;position:fixed;box-shadow:0 12px 32px #0a141538}.ctx-item{font:inherit;text-align:start;min-height:40px;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:0 12px;font-size:14px}.ctx-item:hover:not(:disabled){background:var(--accent);color:var(--accent-ink)}.ctx-item.danger{color:#c0392b}.ctx-item.danger:hover:not(:disabled){color:#fff;background:#c0392b}.ctx-item:disabled{opacity:.38;cursor:default}.builder-pages{flex-wrap:wrap;gap:4px;display:flex}.pages-section{flex-direction:column;gap:10px;display:flex}.pages-actions{flex-wrap:wrap;gap:6px;display:flex}.grid-section{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.grid-section .grid-control{flex-wrap:wrap}.output-section{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.builder-page-tab{font:inherit;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--muted);cursor:pointer;padding:4px 10px;font-size:12px}.builder-page-tab.active{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.page-delete-wrap{border-top:1px solid var(--line);align-items:center;gap:6px;padding-top:15px;padding-bottom:0;display:flex}.page-delete{font:inherit;border-radius:var(--radius);color:#b4442f;cursor:pointer;background:0 0;border:1px solid #e6b3a8;padding:3px 9px;font-size:12px}.page-delete:hover:not(:disabled){background:#fdf3f1;border-color:#d98b7a}.page-delete:disabled{opacity:.4;cursor:default}.page-delete-label{color:#b4442f;cursor:pointer;font-size:12px}.page-delete:disabled~.page-delete-label{opacity:.4;cursor:default;pointer-events:none}.builder-btn:disabled{opacity:.4;cursor:default}.mode-toggle{border:1px solid var(--line);border-radius:var(--radius);display:inline-flex;overflow:hidden}.mode-btn{font:inherit;background:var(--panel);color:var(--muted);cursor:pointer;border:none;padding:6px 10px;font-size:12px}.mode-btn.active{background:var(--accent);color:var(--accent-ink)}.mode-toggle.mobile-only{display:none}@media (width<=820px){.mode-toggle.mobile-only{display:inline-flex}}.grid-control{align-items:center;gap:4px;display:inline-flex}.grid-toggle.active,.snap-toggle.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.grid-num{width:40px;font:inherit;text-align:center;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink);padding:5px 4px;font-size:12px}.grid-x{color:var(--muted);font-size:12px}.preview-overlay{z-index:1000;background:#0a14158c;flex-direction:column;padding:24px;display:flex;position:fixed;inset:0}.preview-bar{color:#fff;justify-content:space-between;align-items:center;padding:0 4px 10px;font-size:13px;display:flex}.preview-close{font:inherit;border-radius:var(--radius);color:#fff;cursor:pointer;background:0 0;border:1px solid #fff6;padding:5px 12px;font-size:13px}.preview-frame{border-radius:var(--radius);background:#fff;border:none;flex:1;width:100%}.theme-panel{flex-direction:column;gap:10px;font-size:13px;display:flex}.theme-row{align-items:center;gap:8px;display:flex}.theme-label{color:var(--muted);min-width:34px}.theme-sublabel{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:11px}.theme-seed{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;width:40px;height:28px;padding:0}.theme-hex{min-width:0;font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:6px;flex:1;padding:5px 8px;font-family:ui-monospace,monospace}.theme-seg{border:1px solid var(--line);border-radius:6px;gap:0;display:flex;overflow:hidden}.theme-seg-btn{font:inherit;border:none;border-inline-end:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;flex:1;padding:6px 4px;font-size:12px}.theme-seg-btn:last-child{border-inline-end:none}.theme-seg-btn.active{background:var(--accent);color:var(--accent-ink)}.theme-demo{border:1px solid;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;transition:background .1s,color .1s;display:flex}.theme-chip{border-radius:6px;padding:8px 10px;font-size:12px}.theme-pill{border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.theme-swatches{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.theme-swatch{flex-direction:column;gap:3px;display:flex}.theme-swatch-box{border:1px solid #0000001f;border-radius:5px;height:30px}.theme-swatch-name{color:var(--ink);font-size:11px}.theme-swatch-hex{color:var(--muted);font-family:ui-monospace,monospace;font-size:10px}.theme-actions{justify-content:flex-start}.theme-hint{color:var(--muted);font-size:11px;line-height:1.4}.state-bar{flex-wrap:wrap;gap:4px;margin:0 0 8px;display:flex}.state-btn{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer;border-radius:999px;padding:3px 8px;font-size:11px}.state-btn:hover{color:var(--ink)}.state-btn.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.state-btn--set:after{content:"•";color:currentColor;margin-inline-start:4px}.style-group{border-top:1px solid var(--line);margin:4px 0}.style-group-summary{cursor:pointer;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:6px 0;font-size:11px}.style-group-summary:focus-visible{outline-offset:2px;outline:2px solid}.lib-panel{flex-direction:column;gap:8px;font-size:13px;display:flex}.lib-empty{color:var(--muted);margin:0;font-size:12px}.lib-actions{gap:6px;display:flex}.lib-row{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:6px 0;display:flex}.lib-text{flex:1;min-width:0}.lib-name{color:var(--ink)}.lib-state{color:var(--muted);font-size:11px;line-height:1.4}.lib-state--behind{color:#b4531a}.lib-hint{color:var(--muted);margin:0;font-size:11px;line-height:1.4}.lib-tokens{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding-top:6px;display:flex}.lib-subhead{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.rep-table{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.rep-row{align-items:center;gap:4px;display:flex}.rep-row--head .rep-input{color:var(--muted);font-size:11px}.rep-cell{flex:1;align-items:center;gap:2px;min-width:0;display:flex}.rep-input{width:100%;min-width:0;font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:6px;padding:4px 6px;font-size:12px}.rep-input::placeholder{color:#c0392b}.rep-drop{font:inherit;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:5px;flex:none;padding:3px 6px;font-size:12px;line-height:1}.rep-drop:hover{color:#c0392b}.rep-actions{gap:6px;margin-bottom:10px;display:flex}.val-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:4px;margin-bottom:10px;display:grid}.val-row>.val-value,.val-row>.val-expression{grid-column:1/-1}.val-name,.val-value,.val-expression,.val-type{width:100%;min-width:0;font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:6px;padding:4px 6px;font-size:12px}.val-expression{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.val-type{width:auto}.val-note{color:var(--muted);grid-column:1/-1;margin:0 0 2px;font-size:11px}.palette-chip--starter{text-align:start}.palette-chip--unavailable{opacity:.55;border-style:dashed}.palette-chip--warn{border-color:#b4531a}.tok-panel{flex-direction:column;gap:10px;font-size:13px;display:flex}.tok-problems:empty{display:none}.tok-problem{color:#c0392b;background:#c0392b14;border-radius:6px;margin-bottom:6px;padding:6px 8px;font-size:11px;line-height:1.45;display:block}.tok-problem code{font-family:ui-monospace,monospace;font-size:10px}.tok-empty{color:var(--muted);font-size:12px}.tok-group{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-top:6px;font-size:11px}.tok-row{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:4px 0;display:flex}.tok-swatch{border:1px solid #0000001f;border-radius:4px;flex:none;width:18px;height:18px}.tok-swatch--unknown{background:repeating-linear-gradient(45deg, transparent, transparent 3px, var(--line) 3px, var(--line) 5px)}.tok-text{flex:1;min-width:0}.tok-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,monospace;font-size:11px;overflow:hidden}.tok-value{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.tok-btn{font:inherit;color:var(--muted);cursor:pointer;border:1px solid var(--line);background:0 0;border-radius:5px;padding:2px 6px;font-size:11px}.tok-btn:hover{color:var(--ink)}.tok-fields{flex-direction:column;gap:6px;display:flex}.tok-field{align-items:center;gap:8px;display:flex}.tok-label{color:var(--muted);min-width:46px;font-size:12px}.tok-input,.tok-select{min-width:0;font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:6px;flex:1;padding:4px 6px;font-size:12px}.tok-value-row{flex:1;gap:6px;min-width:0;display:flex}.tok-value-row .tok-select{flex:0 0 84px}.tok-dark{flex-direction:column;gap:6px;display:flex}.tok-check{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.tok-actions{gap:6px;display:flex}.tok-form-error:empty{display:none}.tok-form-error{color:#c0392b;font-size:11px;line-height:1.45}.tok-hint{color:var(--muted);font-size:11px;line-height:1.4}.ws-wrap{max-width:860px;margin:0 auto;padding:40px 24px}.ws-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.ws-title{margin:0;margin-inline-end:auto;font-size:20px;font-weight:600}.ws-search{background:var(--panel);border:1px solid var(--line);color:inherit;font:inherit;border-radius:8px;min-width:180px;padding:8px 12px}.ws-archived{opacity:.8;white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.ws-create{background:var(--accent,#173234);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:8px;padding:9px 16px}.ws-status{opacity:.8;margin:0 0 16px;font-size:13px}.ws-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ws-open{text-align:start;background:var(--panel);border:1px solid var(--line);width:100%;color:inherit;font:inherit;cursor:pointer;border-radius:10px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.ws-open:hover{border-color:var(--accent,#173234)}.ws-name{font-weight:600}.ws-meta{opacity:.7;font-size:12px}.ws-empty{text-align:center;opacity:.75;border:1px dashed var(--line);border-radius:10px;padding:28px 16px;font-size:14px}.ws-item{align-items:stretch;gap:8px;display:flex}.ws-item>.ws-open{flex:auto;min-width:0}.ws-actions{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.ws-action{border:1px solid var(--line);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:5px 9px;font-size:12px}.ws-action:hover:not(:disabled){border-color:var(--accent,#173234)}.ws-action:disabled{opacity:.4;cursor:not-allowed}.ws-action-danger:hover:not(:disabled){color:#b3261e;border-color:#b3261e}@media (width<=640px){.ws-item{flex-wrap:wrap}.ws-item>.ws-open,.ws-actions{flex:1 0 100%}}.ws-browse-content,.cb-back{border:1px solid var(--line);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:8px 14px}.ws-browse-content:hover,.cb-back:hover{border-color:var(--accent,#173234)}div.ws-open{cursor:default}div.ws-open:hover{border-color:var(--line)}.cb-untitled{opacity:.7;font-style:italic}.cb-more{border:1px dashed var(--line);width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:10px;margin-top:12px;padding:12px}.cb-more:hover:not(:disabled){border-color:var(--accent,#173234)}.cb-more:disabled{opacity:.5;cursor:default}@media (width<=640px){.ws-wrap{padding:24px 16px}.ws-header{gap:8px}.ws-title{width:100%;margin-inline-end:0}.ws-search{flex:auto;min-width:0}.ws-browse-content,.cb-back{padding:8px 12px}}.builder-status--alert{color:var(--warn,#b4531a);font-weight:600}.page-binding{flex-wrap:wrap;align-items:center;gap:6px;padding:8px 2px 0;font-size:12px;display:flex}.page-binding-label{opacity:.75;overflow-wrap:anywhere}.page-binding-note{opacity:.6;width:100%}.page-binding-btn,.page-binding-clear{border:1px solid var(--line);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:3px 8px;font-size:12px}.page-binding-btn:hover,.page-binding-clear:hover{border-color:var(--accent,#173234)}.modal-overlay{z-index:60;background:#00000073;justify-content:center;align-items:flex-start;padding:24px 16px;display:flex;position:fixed;inset:0;overflow:auto}.modal-panel{background:var(--bg,#f4f5f6);border-radius:12px;width:min(860px,100%);padding:20px;box-shadow:0 12px 40px #00000047}.modal-panel:has(.ws-wrap){padding:0}@media (width<=640px){.modal-overlay{padding:12px 8px}.modal-panel .ws-wrap{padding:16px 12px}.modal-panel{padding:16px}}.imp-title{margin:0 0 8px;font-size:18px}.imp-status{opacity:.85;margin:0 0 12px;font-size:13px}.imp-status--bad{color:#b3261e;opacity:1;font-weight:600}.imp-status--warn{color:#8a6100;opacity:1;font-weight:600}.imp-summary{margin:0 0 10px;font-size:13px;font-weight:600}.imp-findings{gap:6px;margin:0 0 12px;padding-inline-start:18px;display:grid}.imp-finding{font-size:12px;line-height:1.4}.imp-actions{flex-wrap:wrap;gap:8px;display:flex}.imp-btn{border:1px solid var(--line);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:8px 14px;font-size:13px}.imp-btn:hover:not(:disabled){border-color:var(--accent,#173234)}.imp-btn:disabled{opacity:.5;cursor:default}.imp-primary{background:var(--accent,#173234);color:#fff;border-color:var(--accent,#173234)}.imp-danger:hover:not(:disabled){color:#b3261e;border-color:#b3261e}.imp-media{background:#8a61000f;border-inline-start:3px solid #8a6100;margin:0 0 12px;padding:8px 10px;font-size:12px;line-height:1.45}.page-delete,.page-binding-btn,.page-binding-clear,.ws-action,.imp-btn,.cb-back,.ws-browse-content{min-height:24px}.modal-title{margin:0 0 10px;font-size:16px;font-weight:600;line-height:1.3}.modal-body{max-width:58ch;margin:0 0 10px;font-size:13.5px;line-height:1.5}.modal-note{color:#5a6a6a;border-inline-start:2px solid #0000001f;max-width:58ch;margin:0 0 16px;padding-inline-start:10px;font-size:12.5px;line-height:1.5}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.ws-action--primary{background:var(--accent,#173234);color:#fff;border-color:var(--accent,#173234)}@media (width<=480px){.modal-actions{flex-direction:column-reverse}.modal-actions .ws-action{width:100%;min-height:32px}}.modal-panel.rel-panel{width:min(560px,92vw);max-height:82vh;overflow-y:auto}.rel-status:empty{display:none}.rel-env{flex-direction:column;gap:6px;margin:12px 0 16px;display:flex}.rel-row{align-items:baseline;gap:10px;font-size:12px;display:flex}.rel-key{color:var(--muted,#6b7280);flex:0 0 132px}.rel-value{color:var(--fg,#111827);word-break:break-word}.rel-modes{margin-top:6px}.rel-bind{gap:6px;margin-top:4px;display:flex}.rel-select{min-width:0;font:inherit;border:1px solid var(--border,#d1d5db);background:var(--panel,#fff);color:inherit;border-radius:6px;flex:auto;padding:5px 6px;font-size:12px}.rel-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rel-item{border:1px solid var(--border,#e5e7eb);border-radius:8px;padding:10px 12px}.rel-item-head{align-items:center;gap:8px;display:flex}.rel-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.rel-badge{border:1px solid var(--border,#d1d5db);color:var(--muted,#6b7280);border-radius:999px;margin-inline-start:auto;padding:2px 8px;font-size:11px}.rel-badge--live,.rel-badge--active{color:#15803d;border-color:#15803d}.rel-badge--failed{color:#b3261e;border-color:#b3261e}.rel-badge--building,.rel-badge--validating,.rel-badge--activating,.rel-badge--requested{border-color:var(--accent,#173234);color:var(--accent,#173234)}.rel-meta{color:var(--muted,#6b7280);margin-top:4px;font-size:11px}.rel-detail{color:var(--muted,#6b7280);overflow-wrap:anywhere;margin:6px 0 0;font-size:11px}.rel-detail--bad{color:#b3261e}.rel-item .ws-actions{margin-top:8px}.rel-bind{flex-wrap:wrap}.rel-hint{color:var(--muted,#6b7280);flex:1 0 100%;margin:4px 0 0;font-size:11px}.rel-migrate{border:1px solid var(--accent,#173234);border-radius:8px;flex-direction:column;gap:6px;margin-bottom:16px;padding:12px 14px;display:flex}.rel-migrate-title{margin:0;font-size:13px;font-weight:600}.rel-migrate-body{color:var(--muted,#6b7280);margin:0;font-size:12px}.rel-migrate-warn{color:#b3261e;margin:0;font-size:12px}.rel-migrate .ws-actions{margin-top:4px}.rel-redirects{flex-direction:column;gap:6px;margin:16px 0 4px;display:flex}.rel-redirects-title{margin:0;font-size:13px;font-weight:600}.rel-redirects-note{color:var(--muted,#6b7280);margin:0 0 2px;font-size:11px}.rel-redirect{align-items:center;gap:8px;font-size:12px;display:flex}.rel-redirect-path{overflow-wrap:anywhere;flex:auto;min-width:0}.chip-code{border:1px solid var(--border,#d1d5db);color:var(--muted,#6b7280);border-radius:999px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.rel-redirect-form{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.rel-redirect-form .rel-select{flex:140px}.rel-redirect-perm{color:var(--muted,#6b7280);align-items:center;gap:4px;font-size:12px;display:flex}.rel-coming{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:12px;display:flex}.rel-coming .rel-select{flex:0 200px}.rel-coming-index{color:var(--muted,#6b7280);align-items:center;gap:4px;display:flex}.rel-schedules{flex-direction:column;gap:6px;margin:16px 0 4px;display:flex}.rel-schedule{align-items:center;gap:8px;font-size:12px;display:flex}.rel-schedule-what{overflow-wrap:anywhere;flex:auto;min-width:0}.rel-schedule-form{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.rel-schedule-form .rel-select{flex:150px}.rel-badge--executed{color:#15803d;border-color:#15803d}.rel-badge--superseded,.rel-badge--cancelled{border-color:var(--border,#d1d5db);color:var(--muted,#6b7280)}.rel-report{border-top:1px solid var(--border,#e5e7eb);margin:8px 0 0;padding-top:8px}.rel-report>summary{cursor:pointer;color:var(--muted,#6b7280);font-size:11px;list-style:none}.rel-report>summary::-webkit-details-marker{display:none}.rel-report>summary:before{content:"▸ "}.rel-report[open]>summary:before{content:"▾ "}.rel-report-figures{color:var(--muted,#6b7280);overflow-wrap:anywhere;margin:6px 0 0;font-size:11px}.rel-report-line{color:var(--text,#111827);overflow-wrap:anywhere;align-items:baseline;gap:8px;margin:6px 0 0;font-size:11.5px;display:flex}.rel-report-where{color:var(--muted,#6b7280);flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px}.palette-chip--component{color:var(--accent,#1f6f6b);border-style:dashed}.inspector-locked{flex-direction:column;gap:10px;padding:12px;display:flex}.inspector-promote{border-top:1px solid var(--border,#e2e8e8);margin-top:16px;padding-top:12px}.inspector-checks{flex-direction:column;gap:4px;width:100%;display:flex}.inspector-variant{justify-content:space-between;align-items:center;gap:8px;display:flex}.builder-page-tab--layout{border-style:dashed;font-style:italic}.inspector-note--warn{color:var(--warn,#b4531a);border-inline-start:3px solid var(--warn,#b4531a);padding-inline-start:10px}.palette-chip-wrap{align-items:stretch;gap:2px;display:flex}.palette-chip-wrap .palette-chip{flex:auto;min-width:0}.palette-chip-retire{border:1px dashed var(--border,#e2e8e8);color:var(--ink-faint,#8a969b);cursor:pointer;background:0 0;border-radius:4px;flex:none;padding:0 6px;line-height:1}.palette-chip-retire:hover,.palette-chip-retire:focus-visible{color:var(--warn,#b4531a);border-color:var(--warn,#b4531a)}.link-picker{gap:8px;width:100%;display:grid}.link-picker-row{grid-template-columns:92px 1fr;align-items:center;gap:8px;display:grid}.link-picker-row .inspector-label{font-size:11px}.inspector-note--warn{color:var(--danger,#b4231a)}.menu-items{gap:10px;margin:8px 0;display:grid}.menu-item{border:1px solid var(--border,#dfe4e5);background:var(--surface,#fff);border-radius:6px;gap:6px;padding:8px;display:grid}.menu-item-tools{flex-wrap:wrap;gap:4px;display:flex}.inspector-btn{font:inherit;border:1px solid var(--border-firm,#c3ced3);color:inherit;cursor:pointer;background:0 0;border-radius:6px;margin:4px 0;padding:6px 12px;font-size:12px}.inspector-btn:hover{border-color:currentColor}.font-panel{gap:10px;display:grid}.font-hint,.font-empty,.font-source-hint{color:var(--muted,#5b686d);font-size:12px}.font-list{gap:12px;display:grid}.font-row{border:1px solid var(--border,#dfe4e5);background:var(--surface,#fff);border-radius:6px;gap:6px;padding:10px;display:grid}.font-field{grid-template-columns:110px 1fr;align-items:center;gap:8px;display:grid}.font-field .inspector-label{font-size:11px}.font-usage{color:var(--muted,#5b686d);white-space:nowrap;font-family:ui-monospace,monospace;font-size:11px;overflow-x:auto}.rich-toolbar{flex-wrap:wrap;gap:4px;display:flex}.rich-toolbar-btn{font:inherit;border:1px solid var(--line,#dfe4e5);background:var(--surface,#fff);min-width:28px;color:inherit;cursor:pointer;border-radius:5px;padding:6px;font-size:12px;line-height:1}.rich-toolbar-btn:hover{background:var(--hover,#f2f5f5)}.rich-toolbar-btn:focus-visible{outline-offset:1px;outline:2px solid}[dir=rtl]{--slide:-1}[dir=rtl] .layer-twisty,[dir=rtl] .panel-twisty{transform:scaleX(-1)}.checklist{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.checklist-row{gap:2px;padding-inline-start:22px;font-size:13px;display:grid;position:relative}.checklist-row:before{inset-inline-start:0;font-size:13px;position:absolute;top:0}.checklist-row--done:before{content:"✓";color:#1f7a4d}.checklist-row--attention:before{content:"!";color:var(--warn,#b4531a);font-weight:700}.checklist-row--notApplicable:before{content:"–";color:var(--muted)}.checklist-row--notApplicable,.checklist-detail{color:var(--muted)}.checklist-more{color:var(--muted);font-size:12px}.tpl-controls{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 4px;display:flex}.tpl-search{flex:200px;min-width:140px}.tpl-static-label{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.tpl-list{gap:16px;display:grid}.tpl-card{border:1px solid var(--line);border-radius:8px;gap:8px;padding:12px;display:grid}.tpl-name{margin:0;font-size:15px}.tpl-summary{color:var(--muted);margin:0;font-size:13px}.tpl-facts{grid-template-columns:auto 1fr;gap:2px 12px;margin:0;font-size:12px;display:grid}.tpl-facts dt{color:var(--muted)}.tpl-facts dd{margin:0}.tpl-fact-note{color:var(--muted);display:block}.tpl-previews{align-items:flex-start;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.tpl-preview{justify-items:center;gap:4px;margin:0;display:grid}.tpl-preview-frame{border:1px solid var(--line);transform-origin:0 0;margin-inline-end:calc(-58% - 8px);background:#fff;border-radius:4px;height:420px;margin-bottom:-244px;transform:scale(.42)}.tpl-preview figcaption{color:var(--muted);font-size:11px}.tpl-apply{justify-self:start}.onb-summary{color:var(--muted);margin:0 0 8px;font-size:12px}.onb-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.onb-step{gap:2px;padding-inline-start:20px;font-size:12px;display:grid;position:relative}.onb-step:before{inset-inline-start:0;position:absolute;top:0}.onb-step--done:before{content:"✓";color:#1f7a4d}.onb-step--todo:before{content:"○";color:var(--muted)}.onb-step--done .onb-label{color:var(--muted);font-weight:500}.onb-detail{color:var(--muted)}.onb-help{color:var(--muted);line-height:1.4}.onb-action{justify-self:start;margin-top:2px}.ext-source{border:1px solid var(--color-border,#dfe4e5);background:var(--color-surface,#fff);width:100%;color:inherit;resize:vertical;border-radius:6px;padding:10px 12px;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.pwa-switch,.pwa-offline-route{align-items:center;gap:8px;margin:6px 0;font-size:13px;display:flex}.pwa-offline-route{margin-inline-start:4px}.pwa-icon .inspector-label{font-variant-numeric:tabular-nums}.pwa-heading{margin-top:14px;font-weight:600}.pwa-scope-warning{border-inline-start:3px solid var(--danger,#b4231a);margin-block:6px 10px;padding-inline-start:8px}.pwa-retiring{font-style:italic}.exp-card{border:1px solid var(--border,#d8d8d8);border-radius:6px;margin:10px 0;padding:10px}.exp-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.exp-head span{flex:1;font-size:13px}.exp-variant{align-items:center;gap:6px;margin:4px 0;display:flex}.exp-variant-name{flex:1}.exp-variant-share{font-variant-numeric:tabular-nums;width:56px}.exp-percent{color:var(--muted);font-size:12px}.exp-variation{align-items:flex-start;gap:8px;margin:6px 0;font-size:12px;display:flex}.exp-heading{margin-top:12px;font-weight:600}.exp-blocking{border-inline-start:3px solid var(--danger,#b4231a);padding-inline-start:8px}.exp-explainer{margin-top:12px;font-style:italic}.modal-panel:has(.ask){width:min(460px,100%)}.ask{flex-direction:column;gap:10px;display:flex}.ask-title{margin:0;font-size:15px;font-weight:600}.ask-input{width:100%;font:inherit;border:1px solid var(--line,#c9ced3);background:var(--panel,#fff);color:inherit;border-radius:6px;padding:8px 10px}.ask-hint,.ask-message{color:var(--muted,#5b686d);margin:0;font-size:13px;line-height:1.5}.ask-message{color:inherit}.ask-error{color:var(--danger,#a8322b);margin:0;font-size:13px}.ask-error:empty{display:none}.ask-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.ask-actions button{font:inherit;border:1px solid var(--line,#c9ced3);background:var(--panel,#fff);color:inherit;cursor:pointer;border-radius:6px;padding:7px 14px}.ask-ok{background:var(--accent,#1f6f6b);color:#fff;border-color:#0000}.ask-ok.is-destructive{background:var(--danger,#a8322b)}.ask-actions button:hover{filter:brightness(.96)}