.premium-preview{overscroll-behavior:contain;box-sizing:border-box;border:1px solid var(--line);width:min(320px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--text);background:var(--paper);box-shadow:var(--shadow);border-radius:14px;margin:0;padding:16px;font-size:13px;line-height:1.5;position:fixed;inset:auto;overflow:auto}.premium-preview h2{margin:4px 24px 14px 0;font-size:20px;line-height:1.4}.premium-preview .dialog-close{min-width:44px;min-height:44px;top:5px;right:5px}.premium-title-badge,.premium-lock-badge{border:1px solid var(--selected-border);width:fit-content;color:var(--accent-text);background:var(--selected);white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:4px 7px;font-size:11px;font-weight:700;line-height:1.2;display:inline-flex}.premium-lock-badge svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.premium-title-badge{vertical-align:middle;flex:none;margin-inline-start:6px;padding:2px 5px;font:700 10px/1.2 system-ui,sans-serif}.premium-title-badge svg{display:none}.premium-lock-badge{border-color:var(--accent-dark);color:var(--primary-text);background:var(--accent);letter-spacing:.04em;pointer-events:none;flex:none;margin-inline-start:auto;padding:5px 8px;font-size:12px;box-shadow:0 1px 2px #00000014}.premium-lock-badge svg{stroke-width:2px;width:20px;height:20px}.premium-preview-media{aspect-ratio:16/10;border:1px solid var(--line);background:var(--surface);border-radius:8px;place-items:center;display:grid;overflow:hidden}.premium-preview-media img{object-fit:contain;width:100%;height:100%}#premium-preview-empty{color:var(--muted);justify-items:center;gap:10px;font-size:12px;display:grid}#premium-preview-empty[hidden]{display:none}#premium-preview-empty svg{fill:none;stroke:currentColor;stroke-width:1.5px;opacity:.55;width:48px}#premium-preview-copy{margin:12px 0 8px}#premium-status:empty{display:none}.account-settings{border:1px solid var(--line);border-radius:12px;gap:10px;min-width:0;margin:0;padding:10px;display:grid}.account-settings legend{color:var(--muted);font-size:12px}.account-settings a{overflow-wrap:anywhere;font-size:12px}.account-settings a,.premium-account-actions a{color:inherit;text-underline-offset:3px;align-items:center;min-height:44px;display:flex}.account-settings .control-note{margin:0}.account-summary{border-bottom:1px solid var(--line);gap:6px;padding-bottom:10px;display:grid}.account-email{color:var(--text-strong);overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:600}.premium-account-actions{gap:8px;display:grid}#premium-preview-status:empty{display:none}.premium-preview::backdrop{pointer-events:none;background:0 0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;--paper:#f7f3ed;--glass:#f9f6f0ed;--muted:#686158;--line:#44392b21;--accent:#a55f43;--accent-dark:#804530;--shadow:0 12px 36px #231c141f, 0 1px 3px #231c140f;--text:#37332e;--text-soft:#62584d;--text-strong:#52463b;--accent-text:#804530;--primary-text:#fffaf5;--border-highlight:#fff9;--brand-glass:#f9f6f0cc;--hud-glass:#f9f6f0de;--surface:#ffffff54;--surface-hover:#fff9f0;--surface-strong:#fffaf3;--field:#fffcf7;--field-muted:#ede7dd;--preview-panel:#eee8dd;--selected:#edddcf;--selected-border:#a55f43ab;--nav-selected-border:#a55f4366;--selected-hover:#f1e5d9;--tint:#a55f430d;--tint-hover:#a55f430f;--focus-soft:#a55f4354;--press-ring:#80453087;--press-shadow:#38271926;--backdrop:#29231c70;--scrollbar:#bdb2a4;--track:#44392b91;background:#c9c1b5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#292521;--glass:#2a2622f2;--muted:#b6aa9d;--line:#e7d6c12e;--accent:#c58d6e;--accent-dark:#d4a384;--shadow:0 12px 36px #0c0a0852, 0 1px 3px #0c0a0833;--text:#e9e0d5;--text-soft:#d2c5b7;--text-strong:#f1e6da;--accent-text:#e9b99c;--primary-text:#211b17;--border-highlight:#f0deca30;--brand-glass:#2a2622e6;--hud-glass:#2a2622eb;--surface:#f5e3cf0f;--surface-hover:#3b332d;--surface-strong:#39322c;--field:#332d28;--field-muted:#38312b;--preview-panel:#332d28;--selected:#49372e;--selected-border:#d19774b3;--nav-selected-border:#d19774b3;--selected-hover:#4c392f;--tint:#c58d6e1a;--tint-hover:#c58d6e24;--focus-soft:#c58d6e73;--press-ring:#dca17f99;--press-shadow:#0c0a0859;--backdrop:#100e0cad;--scrollbar:#6a5b4d;--track:#e7d6c133}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#292521;--glass:#2a2622f2;--muted:#b6aa9d;--line:#e7d6c12e;--accent:#c58d6e;--accent-dark:#d4a384;--shadow:0 12px 36px #0c0a0852, 0 1px 3px #0c0a0833;--text:#e9e0d5;--text-soft:#d2c5b7;--text-strong:#f1e6da;--accent-text:#e9b99c;--primary-text:#211b17;--border-highlight:#f0deca30;--brand-glass:#2a2622e6;--hud-glass:#2a2622eb;--surface:#f5e3cf0f;--surface-hover:#3b332d;--surface-strong:#39322c;--field:#332d28;--field-muted:#38312b;--preview-panel:#332d28;--selected:#49372e;--selected-border:#d19774b3;--nav-selected-border:#d19774b3;--selected-hover:#4c392f;--tint:#c58d6e1a;--tint-hover:#c58d6e24;--focus-soft:#c58d6e73;--press-ring:#dca17f99;--press-shadow:#0c0a0859;--backdrop:#100e0cad;--scrollbar:#6a5b4d;--track:#e7d6c133}}:root{--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.3, 1.35, .5, 1);--ease-snap:cubic-bezier(.3, 1.2, .5, 1);--dur-spring:.534s;--dur-snap:.337s}@supports (transition-timing-function:linear(0, 1)){:root{--ease-spring:linear(0, .051, .176, .332, .5, .652, .783, .891, .969, 1.023, 1.056, 1.071, 1.075, 1.07, 1.06, 1.048, 1.036, 1.025, 1.015, 1.007, 1.002, .998, .996, .995, .994, .995, .996, .997, .997, .998, .999, 1, 1);--ease-snap:linear(0, .035, .119, .23, .351, .471, .583, .682, .768, .841, .897, .94, .972, .994, 1.009, 1.019, 1.024, 1.025, 1.025, 1.023, 1.02, 1.017, 1.014, 1.011, 1.009, 1.006, 1.004, 1.003, 1.002, 1.001, 1, 1, 1)}}:root{--panel-radius:18px;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .28 0 0 0 0 .2 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--font-display:Georgia, "Songti SC", STSong, SimSun, "Noto Serif CJK SC", "Source Han Serif SC", serif;--axis-x:#e54646;--axis-y:#278c51;--axis-z:#3278df}:root:lang(ja){--font-display:Georgia, "Hiragino Mincho ProN", "Yu Mincho", YuMincho, "Noto Serif CJK JP", serif}:root:lang(ko){--font-display:Georgia, AppleMyungjo, "Nanum Myeongjo", Batang, "Noto Serif CJK KR", serif}*{box-sizing:border-box}html,body{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}button,input,textarea{font:inherit}button,summary,#export-download{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{color:inherit;cursor:pointer;transition:background-color .14s, border-color .14s, color .14s, box-shadow .14s, transform .16s var(--ease-out)}button:active:not(:disabled),.utility-menu>summary:active,#export-download:active{box-shadow:inset 0 0 0 2px var(--press-ring), inset 0 3px 8px var(--press-shadow);transform:scale(.97)}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.42}[hidden]{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.studio-shell{background:var(--paper);width:100%;height:100dvh;position:relative;overflow:hidden}.viewport{isolation:isolate;background:#c9c1b5;min-height:1px;position:absolute;inset:0;overflow:hidden}.is-panel-pinned .viewport{top:var(--workspace-top,108px);right:max(12px, env(safe-area-inset-right));bottom:var(--viewport-bottom,64px);left:var(--viewport-left,108px);border-radius:10px}.viewport canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.viewport .develop-still{pointer-events:none}.develop-line{width:2px;box-shadow:0 0 12px 3px #ffecd6bf, 0 0 2px 1px var(--accent);pointer-events:none;background:#fff8ef;position:absolute;top:0;bottom:0;left:-1px}.viewport-status{z-index:4;top:var(--workspace-top,108px);border:1px solid var(--line);max-width:min(430px,100% - 32px);color:var(--text-soft);background:var(--glass);pointer-events:none;border-radius:10px;padding:10px 14px;font-size:12px;line-height:1.6;position:absolute;left:50%;transform:translate(-50%)}.is-panel-pinned .viewport-status{top:16px}.viewport-progress:not(:empty){font-variant-numeric:tabular-nums;margin-left:6px}.viewport-purpose{color:var(--text-strong);margin:0 0 4px}.viewport-status>#model-retry{pointer-events:auto;margin:8px auto 0;display:block}.studio-header{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:16px 20px;display:flex;position:absolute;top:0;left:0}.brand-lockup,.header-actions{pointer-events:auto;align-items:center;gap:12px;display:flex}.brand-lockup{border:1px solid var(--border-highlight);background:var(--brand-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:10px;min-width:0;min-height:40px;padding:6px 12px 6px 8px}.wordmark{min-width:0;color:inherit;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.wordmark-mark{border:1px solid var(--muted);border-radius:50%;flex:0 0 26px;place-items:center;width:26px;height:26px;font-family:Georgia,serif;font-size:16px;font-style:italic;display:grid}.wordmark-name{white-space:nowrap;text-overflow:ellipsis;font-family:Georgia,serif;font-size:14px;overflow:hidden}.brand-pro{border:1px solid var(--selected-border);background:var(--selected);color:var(--accent-text);letter-spacing:.08em;border-radius:5px;flex:none;align-self:flex-start;padding:3px 5px;font:700 9px/1 sans-serif}.brand-divider{color:var(--muted)}.practice-picker{min-height:44px;color:var(--accent-text);white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;padding:3px 8px;font-size:13px;display:inline-flex}.practice-picker:hover:not(:disabled){color:var(--text-strong)}.practice-picker svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:14px;height:14px}.model-picker{min-width:0;max-width:min(270px,32vw);overflow:hidden}.model-picker [data-current-model]{text-overflow:ellipsis;min-width:0;overflow:hidden}.brand-lockup[data-fit] .wordmark-name,.brand-lockup[data-fit] .brand-divider,.brand-lockup[data-fit=label] .model-picker>span:not([data-current-model]){display:none}.header-actions{flex-shrink:0;gap:8px;position:relative}.locale-switcher{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:10px;flex-shrink:0;align-items:center;gap:3px;padding:3px 8px;display:flex}.locale-switcher a{min-width:29px;min-height:32px;color:var(--muted);background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;padding:3px 2px;font-size:11px;text-decoration:none;display:inline-flex}.locale-switcher>span{color:var(--muted);font-size:10px}.locale-switcher a[aria-current=true]{color:var(--accent-text);text-underline-offset:4px;font-weight:700;text-decoration:underline}.locale-switcher a:hover{color:var(--accent-text)}.header-action{border:1px solid var(--accent);min-height:44px;color:var(--primary-text);background:var(--accent);white-space:nowrap;pointer-events:auto;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.action-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:19px;height:19px}.utility-menu{pointer-events:auto;order:3;position:relative}.utility-menu>summary{cursor:pointer;list-style:none}.utility-menu>summary::-webkit-details-marker{display:none}.utility-menu[open]>summary{border-color:var(--selected-border);background:var(--selected);color:var(--accent-text)}.utility-actions{border:1px solid var(--line);background:var(--paper);width:248px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 136px);box-shadow:var(--shadow);border-radius:12px;gap:6px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.utility-actions .header-action{width:100%;box-shadow:none;justify-content:flex-start}.utility-actions .locale-switcher{border:0;border-bottom:1px solid var(--line);box-shadow:none;background:0 0;border-radius:0;justify-content:space-between;gap:0;padding:0 4px 6px}.utility-actions .locale-switcher a{min-width:44px;min-height:44px;font-size:12px}.utility-actions .locale-switcher>span{display:none}.site-page-links{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0;margin-top:4px;padding-top:10px;display:grid}.site-page-links a,.help-page-links a{border:1px solid var(--line);min-width:0;min-height:44px;color:var(--text-strong);background:var(--surface);overflow-wrap:anywhere;border-radius:7px;justify-content:space-between;align-items:center;gap:6px;padding:8px 10px;font-size:12px;line-height:1.4;text-decoration:none;display:flex}.site-page-links a:hover,.help-page-links a:hover{color:var(--accent-text);border-color:var(--selected-border);background:var(--surface-hover)}.site-page-links a>[aria-hidden],.help-page-links a>[aria-hidden]{color:var(--muted);flex-shrink:0}.site-page-links p,.help-page-links p{color:var(--muted);grid-column:1/-1;margin:2px 0 0;font-size:11px;line-height:1.5}.header-action:hover:not(:disabled){background:var(--accent-dark)}.secondary-action{border-color:var(--line);color:var(--text-strong);background:var(--glass)}.secondary-action:hover:not(:disabled){color:var(--accent-text);background:var(--surface-hover)}.appearance-settings{border:0;border-bottom:1px solid var(--line);min-width:0;margin:0;padding:8px 4px 10px}.appearance-settings legend{color:var(--muted);padding:0;font-size:11px}.appearance-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:8px;display:grid}.appearance-options button{border:1px solid var(--line);min-width:0;min-height:44px;color:var(--text-soft);background:var(--surface);overflow-wrap:anywhere;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 2px;font-size:11px;line-height:1.25;display:flex}.appearance-options button .action-icon{width:16px;height:16px}.appearance-options button:not([aria-pressed=true]):hover:not(:disabled){border-color:var(--selected-border);background:var(--surface-hover)}.appearance-options button[aria-pressed=true]{border-color:var(--selected-border);color:var(--accent-text);background:var(--selected);font-weight:600}#theme-status{color:var(--accent-text);margin:7px 1px 0}#fullscreen-toggle{justify-content:center;align-items:center;gap:7px;display:inline-flex}#help-open{width:100%;display:flex}#help-open svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.fullscreen-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.performance-panel{z-index:12;border:1px solid var(--border-highlight);border-radius:var(--panel-radius);width:min(310px,100% - 40px);max-height:calc(100dvh - 92px);color:var(--text);background:var(--grain), var(--glass);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;padding:16px;position:absolute;top:72px;right:20px;overflow-y:auto}.performance-heading{justify-content:space-between;align-items:flex-start;gap:12px;padding-right:26px;display:flex;position:relative}.performance-heading h2{margin:0;font-size:20px;font-weight:700;line-height:1.4}.performance-eyebrow{color:var(--muted);letter-spacing:.05em;margin:0 0 3px;font-size:10px}.performance-status{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin:14px 0 10px;padding-bottom:10px;font-size:11px;display:flex}.performance-status strong{color:var(--accent-text);font-weight:600}.performance-metrics{font-variant-numeric:tabular-nums;grid-template-columns:1fr 1fr;gap:1px 16px;margin:0;display:grid}.performance-metrics>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:8px;min-width:0;padding:6px 0;display:flex}.performance-metrics dt{color:var(--muted);font-size:10px}.performance-metrics dd{color:var(--text);text-align:right;white-space:nowrap;margin:0;font-size:11px}.performance-metrics .performance-wide{grid-column:1/-1}.performance-note{color:var(--muted);margin:11px 0 0;font-size:10px;line-height:1.6}.header-lead{flex:1 1 0;align-items:center;gap:12px;min-width:0;display:flex}.header-status{contain:size;pointer-events:none;min-width:0;transition:opacity .18s var(--ease-out), visibility 0s;flex:1 1 0;align-self:stretch;align-items:center;display:flex;overflow:hidden}.status-chip{border:1px solid var(--line);min-width:0;max-width:100%;color:var(--muted);background:var(--hud-glass);pointer-events:auto;border-radius:8px;flex-wrap:wrap;align-items:center;gap:1px 8px;padding:5px 9px;font-size:11px;line-height:1.5;display:flex}.status-item{align-items:center;gap:6px;min-width:0;display:flex}.status-chip[data-awake=false] .status-wake{display:none}.status-icon{fill:none;width:12px;height:12px;stroke:var(--muted);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;display:none}.status-chip[data-state=pending] .status-icon-pending,.status-chip[data-state=saved] .save-check,.status-chip[data-state=error] .status-icon-alert,.status-wake>.status-icon{display:block}.save-check,.status-icon-alert{stroke:var(--accent-text);stroke-width:1.8px}.save-check path{stroke-dasharray:1;stroke-dashoffset:0}.save-check.is-drawn path{animation:save-draw .36s var(--ease-out) backwards}@keyframes save-draw{0%{stroke-dashoffset:1px}}.save-status{min-width:0}.save-status[data-error=true]{color:var(--accent-text)}.session-note{min-width:0;margin:0}.status-chip[data-mode=compact]{flex-wrap:nowrap}.status-chip[data-mode=compact] .save-status,.status-chip[data-mode=compact] .session-note{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.header-notices{top:calc(100% - 8px);right:max(20px, env(safe-area-inset-right));left:max(20px, env(safe-area-inset-left));color:var(--text-soft);pointer-events:none;flex-direction:column;align-items:flex-start;gap:5px;font-size:11px;line-height:1.5;display:flex;position:absolute}.header-notices>.session-note,.header-notices>.save-status{border:1px solid var(--line);background:var(--hud-glass);border-radius:8px;max-width:min(420px,100%);padding:6px 10px}.header-floats{align-self:stretch;height:0;position:relative}.export-status{border:1px solid var(--line);width:max-content;max-width:min(340px,100%);color:var(--accent-text);background:var(--hud-glass);border-radius:8px;padding:8px 12px;position:absolute;top:0;right:0}.export-status:empty,.hide-chrome>.hide-chrome-on,.hide-chrome[aria-pressed=true]>.hide-chrome-off{display:none}.hide-chrome[aria-pressed=true]>.hide-chrome-on{display:block}.hide-chrome-label{display:grid}.hide-chrome-label>span{grid-area:1/1}.hide-chrome-label>.hide-chrome-on,.hide-chrome[aria-pressed=true] .hide-chrome-label>.hide-chrome-off{visibility:hidden}.hide-chrome[aria-pressed=true] .hide-chrome-label>.hide-chrome-on{visibility:visible}.brand-lockup,.utility-menu,.panel-nav{transition:opacity .18s var(--ease-out), visibility 0s}@media (width<=1439px),(height<=480px) and (width>=621px){.header-action.hide-chrome{min-width:44px;padding-left:0;padding-right:0}.hide-chrome-label{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}}@media (width>=1280px){.is-locked .header-lead{max-width:calc(50% - 84px)}}@media (width<=900px),(height<=480px) and (width>=621px){.header-actions>#export-png{display:none}}.panel-nav{z-index:9;top:var(--workspace-top,108px);border:1px solid var(--border-highlight);border-radius:var(--panel-radius);background:var(--grain), var(--glass);width:72px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-direction:column;gap:4px;padding:5px;display:flex;position:absolute;left:20px}.panel-nav button{width:60px;min-height:60px;color:var(--text-soft);background:0 0;border:1px solid #0000;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:7px 3px;font-size:11px;line-height:1.2;display:flex}.panel-nav button:not([aria-expanded=true]):hover:not(:disabled){background:var(--tint-hover)}.panel-nav button[aria-expanded=true]{border-color:var(--nav-selected-border);color:var(--accent-text);background:var(--selected-hover);font-weight:600}.nav-icon{flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.nav-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.panel-nav button[aria-expanded=true] .nav-icon svg{animation:nav-pop var(--dur-spring) var(--ease-spring)}.panel-nav [data-panel-button=material][aria-expanded=true] .nav-icon svg{animation-name:nav-tilt}.panel-nav [data-panel-button=lighting][aria-expanded=true] .nav-icon svg{animation-name:nav-turn}.panel-nav [data-panel-button=framing][aria-expanded=true] .nav-icon svg{animation-name:nav-settle}.panel-nav [data-panel-button=analysis][aria-expanded=true] .nav-icon svg{animation:nav-blink .3s var(--ease-out)}@keyframes nav-pop{0%{scale:.6}}@keyframes nav-tilt{0%{rotate:-24deg}}@keyframes nav-turn{0%{rotate:-60deg;scale:.75}}@keyframes nav-settle{0%{scale:.72 1.15}}@keyframes nav-blink{45%{scale:1 .1}}.inspector{z-index:8;top:var(--workspace-top,108px);width:294px;max-height:calc(100dvh - var(--workspace-top,108px) - 76px);border:1px solid var(--border-highlight);border-radius:var(--panel-radius);background:var(--grain), var(--glass);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column;display:flex;position:absolute;left:106px;overflow:clip}.inspector-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;min-height:55px;padding:6px 12px 6px 18px;display:flex}.inspector-header h1{color:var(--text-strong);font-family:var(--font-display);letter-spacing:.04em;margin:0;font-size:20px;font-weight:700;line-height:1.4}.panel-pin{min-height:36px;color:var(--muted);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;flex:none;align-items:center;gap:5px;margin-left:auto;padding:0 9px;font-size:12px;display:inline-flex}.panel-pin svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.panel-pin:hover:not(:disabled):not([aria-pressed=true]){color:var(--accent-text);background:var(--tint)}dialog h2{font-family:var(--font-display)}.inspector{transition:background-color .16s var(--ease-out), border-color .16s var(--ease-out), box-shadow .16s var(--ease-out)}.inspector.is-peeking{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}.inspector.is-peeking *{visibility:hidden}.inspector.is-peeking .is-peek-target,.inspector.is-peeking .is-peek-target *{visibility:visible}.inspector.is-peeking .is-peek-target{isolation:isolate;position:relative}.inspector.is-peeking .is-peek-target:before{content:"";z-index:-1;border:1px solid var(--border-highlight);background:var(--hud-glass);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;position:absolute;inset:-10px}.icon-button,.dialog-close{min-width:44px;min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;font-size:22px;display:grid}.icon-button:hover,.dialog-close:hover{color:var(--accent-text);background:var(--tint)}.inspector-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent;min-height:0;padding:16px;overflow-y:auto}.adjustment-panel,#study-tools{border:0;min-width:0;margin:0;padding:0}.environment-section{border-bottom:1px solid var(--line);margin-bottom:18px;padding-bottom:18px}.environment-section .check-control{margin-top:14px}.environment-control-group{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.environment-control-group>.section-label{margin-bottom:0}.environment-light-modes{grid-template-columns:1fr 1fr;margin-top:10px}.color-control,.number-control{min-height:40px;color:var(--text-soft);justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:12px;display:flex}.color-input-value{color:var(--accent-text);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:11px;display:inline-flex}.color-input-value input[type=color]{border:1px solid var(--line);background:var(--surface-strong);cursor:pointer;border-radius:6px;width:42px;height:32px;padding:2px}.color-input-value output{text-align:right;min-width:52px}:is(.environment-light-group:has(#environment-light-enabled:not(:checked)) .environment-light-modes,.environment-light-group:has(#environment-light-enabled:not(:checked)) .color-control,.environment-light-group:has(#environment-light-enabled:not(:checked)) .range-control){opacity:.7}.section-label{color:var(--text-strong);letter-spacing:.02em;margin-bottom:12px;font-size:14px;font-weight:700;line-height:1.5}.range-control{margin-top:18px}.adjustment-panel>.range-control:first-of-type{margin-top:0}.light-orb-control{grid-template-columns:136px minmax(0,1fr);align-items:center;gap:14px;margin-top:16px;display:grid}.light-orb-control .control-note{margin:0}.light-orb{aspect-ratio:1;border:1px dashed var(--line);background:var(--field-muted);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:50%;width:136px;position:relative}.light-orb canvas{border-radius:50%;width:76.923%;height:76.923%;position:absolute;top:11.538%;left:11.538%}.light-orb-back{color:var(--muted);letter-spacing:.08em;text-align:center;pointer-events:none;font-size:10px;font-weight:600;line-height:12px;position:absolute;top:2px;left:0;right:0}.light-orb-handle{border:2px solid var(--accent);width:18px;height:18px;box-shadow:0 0 0 4px var(--focus-soft), 0 1px 3px #0000004d;pointer-events:none;transition:scale .16s var(--ease-out);background:#fff6e6;border-radius:50%;margin:-9px 0 0 -9px;position:absolute;top:50%;left:50%}.light-orb.is-dragging{cursor:grabbing}.light-orb.is-dragging .light-orb-handle{scale:1.25}.light-orb.is-disabled{cursor:default;opacity:.55}.axis-guide-controls{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.axis-guide-controls legend{padding:0 8px 0 0}.axis-guide-modes{margin-top:2px}.form-guide-controls .check-control{margin:0 0 6px}.guide-swatch{background:#ff3b30;border-radius:2px;flex:0 0 18px;height:3px}.guide-swatch[data-guide=cast-shadow]{background:#2f80ff}.guide-swatch[data-guide=horizontal-sections]{background:#00a89a;height:2px}.guide-swatch[data-guide=vertical-sections]{background:linear-gradient(90deg,#0000 8px,#00a89a 8px 10px,#0000 10px);height:14px}.box-guide-controls .check-control{margin:0 0 6px}.box-axis-name{align-items:center;gap:8px;display:inline-flex}.guide-swatch[data-axis=x]{background:var(--axis-x)}.guide-swatch[data-axis=y]{background:var(--axis-y)}.guide-swatch[data-axis=z]{background:var(--axis-z)}.depth-controls{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.depth-controls legend{padding:0 8px 0 0}.depth-controls>.range-control:first-of-type{margin-top:18px}.control-note{color:var(--muted);margin:10px 0 0;font-size:11px;line-height:1.65}.control-section{border-top:1px solid var(--line);margin:14px 0 0}.control-section:first-child{margin-top:0}.lighting-adjustments>.control-section:first-of-type{border-top:0;margin-top:0}.control-section>summary{min-height:48px;color:var(--text-strong);cursor:pointer;padding:14px 0;font-size:15px;font-weight:700;line-height:1.5}.control-section[open]>summary{color:var(--accent-text)}.control-section .light-control-group,.control-section .environment-control-group,.control-section .depth-controls,.control-section .axis-guide-controls,.control-section .form-guide-controls,.control-section .box-guide-controls{border-top:0;margin-top:0;padding-top:0}:is(.depth-controls:not(:has(#dof-enabled:checked)) .depth-parameters,.auxiliary-light-group:has(input[type=checkbox]:not(:checked)) .auxiliary-parameters){display:none}.environment-light-group:has([data-environment-light-mode=environment][aria-pressed=true]) .color-control{display:none}.practice-reset{border-top:1px solid var(--line);margin-top:20px;padding-top:10px}.practice-reset>summary{min-height:48px;color:var(--text-strong);cursor:pointer;padding:14px 0;font-size:15px;font-weight:700;line-height:1.5}.practice-reset p{color:var(--text-soft);font-size:12px;line-height:1.7}.focus-pick{width:100%;margin-top:16px}#focus-status{color:var(--accent-text)}.light-control-group{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.light-control-group>.section-label{margin-bottom:0}.light-control-group>.range-control:first-of-type{margin-top:14px}.auxiliary-light-group .check-control{margin:0}.auxiliary-light-group:has(input[type=checkbox]:not(:checked)) .range-control{opacity:.7}.range-label-row{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;font-size:12px;display:flex}.range-label-row output{min-width:46px;color:var(--accent-text);font-variant-numeric:tabular-nums;text-align:right;font-size:11px}.numeric-value{color:var(--accent-text);font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-size:11px;display:inline-flex}.numeric-input,.numeric-value input{border:1px solid var(--line);width:64px;min-height:32px;color:var(--accent-text);background:var(--surface-strong);font:inherit;font-variant-numeric:tabular-nums;text-align:right;border-radius:6px;padding:5px 6px}.numeric-input:focus-visible,.numeric-value input:focus-visible{outline:2px solid var(--focus-soft);outline-offset:1px;border-color:var(--accent)}input[type=range]{z-index:1;width:100%;height:20px;accent-color:var(--accent);cursor:ew-resize;appearance:none;background:0 0;margin:0;display:block;position:relative}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) calc(var(--p,0) * 1%), var(--track) 0);border-radius:99px;height:4px}input[type=range]::-moz-range-track{background:var(--track);border-radius:99px;height:4px}input[type=range]::-moz-range-progress{background:var(--accent);border-radius:99px;height:4px}input[type=range]::-webkit-slider-thumb{border:2px solid var(--accent);background:var(--surface-strong);width:18px;height:18px;transition:scale var(--dur-snap) var(--ease-snap);appearance:none;border-radius:50%;margin-top:-7px;box-shadow:0 1px 3px #00000038}input[type=range]::-moz-range-thumb{border:2px solid var(--accent);background:var(--surface-strong);width:14px;height:14px;transition:scale var(--dur-snap) var(--ease-snap);border-radius:50%;box-shadow:0 1px 3px #00000038}.range-track.is-dragging input[type=range]::-webkit-slider-thumb{scale:1.28}input[type=range]:active::-webkit-slider-thumb{scale:1.28}.range-track.is-dragging input[type=range]::-moz-range-thumb{scale:1.28}input[type=range]:active::-moz-range-thumb{scale:1.28}input[type=range]:disabled::-webkit-slider-thumb{border-color:var(--muted)}input[type=range]:disabled::-moz-range-thumb{border-color:var(--muted)}.range-track{display:block;position:relative}.range-notch{top:50%;left:calc(var(--d,50) * (100% - 18px) / 100 + 9px);background:var(--muted);opacity:.5;pointer-events:none;border-radius:1px;width:2px;height:12px;margin:-6px 0 0 -1px;position:absolute}.angle-stops .range-track{background:repeating-linear-gradient(90deg, var(--muted) 0 2px, transparent 2px calc((100% - 2px) / var(--stops,12))) 8px 50% / calc(100% - 16px) 10px no-repeat}.range-notch.is-hit{animation:notch-hit .42s var(--ease-out)}@keyframes notch-hit{0%{opacity:1;background:var(--accent);scale:1 1.8}}.range-bubble{z-index:2;bottom:calc(50% + 14px);left:calc(var(--p,50) * (100% - 18px) / 100 + 9px);color:var(--paper);background:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;opacity:0;transform-origin:50% 100%;transition:opacity .12s var(--ease-out), translate var(--dur-snap) var(--ease-snap), scale var(--dur-snap) var(--ease-snap);border-radius:7px;padding:3px 7px;font-size:11px;font-weight:600;position:absolute;translate:-50% 4px;scale:.7}.range-track.is-dragging .range-bubble{opacity:1;translate:-50%;scale:1}.range-scrub{cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none}input:disabled{cursor:not-allowed;opacity:.45}.preset-list,.compact-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.swatch-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.swatch-presets button{text-align:left;align-items:center;gap:7px;display:flex}.material-swatch{background:#eee7d7;border:1px solid #00000018;border-radius:50%;flex:0 0 18px;height:18px;box-shadow:inset -3px -2px 4px #00000018}img.material-swatch{object-fit:cover;width:18px}[data-material-preset=toon]{padding-right:30px;position:relative}.material-fun-badge{border:1px solid var(--selected-border);color:var(--accent-text);background:var(--selected);letter-spacing:.02em;pointer-events:none;border-radius:4px;padding:1px 4px;font-size:9px;font-weight:700;line-height:1.25;position:absolute;top:3px;right:4px}[data-material-preset=original] .material-swatch{background:linear-gradient(135deg,#8a4a33 0 50%,#33505e 50%)}.portrait-light-presets{grid-template-columns:repeat(4,minmax(0,1fr))}.light-preset-group-label{margin-top:16px}.mirror-light{width:100%;margin-top:16px}.compact-presets{margin-top:16px}.camera-orbit{grid-template-columns:repeat(2,minmax(0,1fr));margin:4px 0 16px}.preset-list button,.tone-buttons button,.tool-mode-grid button,.measurement-actions button,.subtle-button{border:1px solid var(--line);min-width:0;min-height:40px;color:var(--text-soft);background:var(--surface);overflow-wrap:anywhere;border-radius:7px;padding:8px 6px;font-size:12px;line-height:1.35}.icon-presets button{justify-content:center;align-items:center;gap:6px;display:flex}.thumb-presets button{flex-direction:column;align-items:center;gap:5px;padding:6px 4px 7px;display:flex}.preset-thumb{aspect-ratio:1;object-fit:cover;border-radius:6px;width:100%;max-width:48px;height:auto;display:block}.preset-list button:hover:not(:disabled),.tone-buttons button:hover:not(:disabled),.tool-mode-grid button:hover:not(:disabled),.subtle-button:hover:not(:disabled){border-color:var(--selected-border);background:var(--surface-hover)}button[aria-pressed=true]:not([data-locale]){border-color:var(--selected-border);color:var(--accent-text);background:var(--selected);font-weight:600}.preset-list,.tone-buttons,.tool-mode-grid,.appearance-options{position:relative}.slide-highlight{z-index:0;border:1px solid var(--selected-border);background:var(--selected);opacity:0;pointer-events:none;transition:translate var(--dur-spring) var(--ease-spring), width var(--dur-spring) var(--ease-spring), height var(--dur-spring) var(--ease-spring), opacity .14s var(--ease-out);border-radius:7px;position:absolute;top:0;left:0}.slide-highlight.is-shown{opacity:1}.has-slide-highlight:has(>button[aria-pressed=true]:disabled)>.slide-highlight{opacity:.45}.has-slide-highlight>button{z-index:1;position:relative}.has-slide-highlight>button[aria-pressed=true],.has-slide-highlight>button[aria-pressed=true]:hover:not(:disabled),.panel-nav.has-slide-highlight>button[aria-expanded=true]{background:0 0;border-color:#0000}.panel-nav>.slide-highlight{border-color:var(--nav-selected-border);background:var(--selected-hover);border-radius:13px}html.appearance-transition::view-transition-old(root){mix-blend-mode:normal;animation:none}html.appearance-transition::view-transition-new(root){mix-blend-mode:normal;animation:none}#study-toggle[aria-pressed=true]{color:var(--primary-text);background:var(--accent-dark)}#study-toggle{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:relative}#study-toggle .lock-shackle{transition:translate var(--dur-snap) var(--ease-snap)}#study-toggle:not([aria-pressed=true]) .lock-shackle{translate:0 -2.5px}.lock-ring{flex:none;place-items:center;width:24px;height:24px;display:grid;position:relative}.lock-ring .action-icon{position:relative}.hold-ring{fill:none;stroke-width:2.2px;opacity:0;width:34px;height:34px;transition:opacity .2s var(--ease-out);pointer-events:none;position:absolute;inset:-5px;rotate:-90deg}#study-toggle[aria-pressed=true] .hold-ring{opacity:1}.hold-ring-track{stroke:currentColor;opacity:.25}.hold-ring-fill{stroke:currentColor;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .22s var(--ease-out)}#study-toggle.is-holding .hold-ring-fill{stroke-dashoffset:0;transition:stroke-dashoffset .7s linear}#study-toggle.is-holding .lock-shackle{transition:translate .7s linear;translate:0 -2.5px}#study-toggle.is-nudged{animation:hold-nudge .32s var(--ease-out)}@keyframes hold-nudge{20%,60%{translate:-3px}40%,80%{translate:3px}}.study-timer{z-index:7;border:1px solid var(--border-highlight);height:32px;color:var(--text);background:var(--hud-glass);box-shadow:var(--shadow);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s var(--ease-out), translate var(--dur-spring) var(--ease-spring);border-radius:99px;align-items:center;gap:7px;padding:0 14px 0 11px;font-size:12px;display:flex;position:absolute;top:24px;left:50%;translate:-50% -14px}.is-locked>.study-timer{opacity:1;translate:-50%}@media (width<=1279px){.study-timer{top:auto;bottom:var(--timer-bottom,64px);left:var(--timer-left,50%);translate:-50% 14px}}#study-timer-value{color:var(--accent-text);font-variant-numeric:tabular-nums;font-weight:600}.study-timer-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite timer-breath}@keyframes timer-breath{50%{opacity:.35;scale:.75}}.hold-hint{z-index:1;pointer-events:none;top:calc(100% + 6px);left:0;right:auto}.is-chrome-hidden .brand-lockup,.is-chrome-hidden .header-status,.is-chrome-hidden .utility-menu,.is-chrome-hidden .header-actions>#export-png,.is-chrome-hidden>.panel-nav,.is-chrome-hidden>.study-timer{visibility:hidden;opacity:0;transition:opacity .18s var(--ease-out), visibility 0s .18s}.is-chrome-hidden>.inspector,.is-chrome-hidden>.bottom-hud,.is-chrome-hidden>.value-histogram,.is-chrome-hidden>.performance-panel,.is-chrome-hidden .header-notices{display:none}.framing-overlay #crop-corners{opacity:0;transform-box:view-box;transition:opacity .2s var(--ease-out), scale var(--dur-spring) var(--ease-spring);scale:1.06}.framing-overlay[data-study=locked] #crop-corners{opacity:1;scale:1}.framing-overlay #frame-mask{transition:fill-opacity .4s var(--ease-out)}.framing-overlay[data-study=locked] #frame-mask{fill-opacity:.5}.framing-overlay #crop-border{transition:stroke-opacity .3s var(--ease-out)}.framing-overlay[data-study=locked] #crop-border{stroke-opacity:.3}.panel-nav button{transition:background-color .14s, border-color .14s, color .14s, box-shadow .14s, transform .16s var(--ease-out), opacity .22s var(--ease-out)}.panel-nav button:nth-of-type(2){transition-delay:0s,0s,0s,0s,0s,35ms}.panel-nav button:nth-of-type(3){transition-delay:0s,0s,0s,0s,0s,70ms}.panel-nav button:nth-of-type(4){transition-delay:0s,0s,0s,0s,0s,.105s}.button-stack{gap:6px;margin-top:18px;display:grid}.subtle-button{justify-content:center;align-items:center;gap:6px;display:flex}.check-control{border:1px solid var(--line);min-height:40px;color:var(--text-soft);background:var(--surface);cursor:pointer;border-radius:7px;align-items:center;gap:10px;margin:6px 0;padding:8px 11px;font-size:12px;display:flex;position:relative}.check-control:has(input:checked){border-color:var(--selected-border);color:var(--accent-text);background:var(--tint)}.check-control input[type=checkbox]{background-color:var(--track);cursor:pointer;width:36px;height:22px;transition:background-color .18s var(--ease-out), background-position var(--dur-snap) var(--ease-snap), background-size .16s var(--ease-out);appearance:none;background-image:radial-gradient(circle,#fff 0 7.5px,#0000 8.5px);background-position:0 0;background-repeat:no-repeat;background-size:22px 22px;border-radius:99px;flex:none;margin:0;box-shadow:inset 0 0 0 1px #00000014}.check-control input[type=checkbox]:not(:checked){background-image:radial-gradient(circle at center, #fff 0 7px, var(--muted) 7.5px 8.5px, transparent 9px)}.check-control input[type=checkbox]:checked{background-color:var(--accent);background-position:14px 0}.check-control:active input[type=checkbox]:not(:disabled){background-size:28px 22px}.check-control:active input[type=checkbox]:checked:not(:disabled){background-position:8px 0}.swatch-presets button[aria-pressed=true] .material-swatch,.thumb-presets button[aria-pressed=true] .preset-thumb{animation:swatch-pop var(--dur-spring) var(--ease-spring)}@keyframes swatch-pop{0%{scale:.7}}.check-control:has(input:disabled){opacity:.5;cursor:not-allowed}.check-control input{width:15px;height:15px;accent-color:var(--accent);flex-shrink:0;margin:0}:is(.check-control.premium-locked:has(input),.subtle-button.premium-locked){border-width:2px;border-color:color-mix(in srgb, var(--text) 48%, var(--paper));min-height:50px;color:var(--text);background:linear-gradient(110deg, color-mix(in srgb, var(--paper) 79%, var(--text)), color-mix(in srgb, var(--paper) 88%, var(--text)));box-shadow:inset 3px 0 0 var(--accent);cursor:pointer;position:relative}.premium-locked>[data-i18n]{overflow-wrap:anywhere;flex:1;min-width:0;line-height:1.5}.check-control.premium-locked input[type=checkbox]{filter:grayscale();opacity:.5;cursor:pointer}.premium-locked .guide-swatch{opacity:.65}.check-control.premium-locked:hover,.subtle-button.premium-locked:hover:not(:disabled),.check-control.premium-locked:focus-within{border-color:var(--accent-text);background:color-mix(in srgb, var(--paper) 75%, var(--text))}.check-control.premium-locked:focus-within{outline:2px solid var(--accent);outline-offset:2px}.guide-position{margin:12px 4px 18px}.guide-position .range-label-row{color:var(--muted);font-size:11px}.frame-orientation{grid-template-columns:1fr 1fr;margin-bottom:15px}.tone-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:18px 0;display:grid}.tone-buttons .section-label{grid-column:1/-1;margin-bottom:2px}.tool-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}.tool-mode-grid button{justify-content:center;align-items:center;gap:7px;display:flex}.measurement-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:18px;display:grid}.measurement-actions button{min-height:32px;font-size:10px}.bottom-hud{z-index:7;border:1px solid var(--border-highlight);width:max-content;max-width:calc(100% - 48px);color:var(--text-soft);background:var(--hud-glass);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;border-radius:11px;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px 14px;padding:9px 15px;font-size:11px;line-height:1.5;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.bottom-hud p{margin:0}.inspector>.bottom-hud{border:0;border-bottom:1px solid var(--line);width:auto;max-width:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;flex-shrink:0;margin:0;padding:8px 12px;position:static;transform:none}.inspector>.bottom-hud .tool-hint{flex:130px}.inspector>.bottom-hud #exit-tool{flex-shrink:0}#exit-tool{min-height:44px;color:var(--accent-text);background:var(--paper);pointer-events:auto;padding:8px 12px}.tool-hint{max-width:460px}.measurement-result{color:var(--accent-text);font-variant-numeric:tabular-nums}.sample-feedback{align-items:center;gap:7px;display:flex}.sample-swatch{border:1px solid var(--line);border-radius:4px;flex-shrink:0;width:18px;height:18px;display:inline-block}.sample-record-row{flex-wrap:wrap;flex-basis:100%;justify-content:center;align-items:center;gap:6px 10px;display:flex}.sample-record{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sample-chip{border:1px solid var(--line);background:var(--surface);font-variant-numeric:tabular-nums;border-radius:8px;align-items:center;gap:5px;height:28px;padding:0 8px 0 3px;font-size:12px;display:inline-flex}.sample-chip.is-new{animation:chip-in var(--dur-snap) var(--ease-snap) backwards}.sample-chip.is-arriving .sample-chip-swatch{visibility:hidden}.sample-chip-swatch{border-radius:6px;place-items:center;width:22px;height:22px;font-size:10.5px;font-weight:700;display:grid;box-shadow:inset 0 0 0 1px #0000001f}.sample-difference{color:var(--accent-text);font-variant-numeric:tabular-nums;margin:0;font-weight:600}.sample-fly{z-index:40;pointer-events:none;border-radius:6px;place-items:center;width:22px;height:22px;font-size:10.5px;font-weight:700;display:grid;position:fixed;top:0;left:0;box-shadow:0 4px 12px #00000059}.framing-overlay .sample-pin{animation:pin-in var(--dur-spring) var(--ease-spring) backwards;transform-box:fill-box;transform-origin:50%}@keyframes chip-in{0%{opacity:0;scale:.6}}@keyframes pin-in{0%{opacity:0;scale:.2}}.sample-loupe{z-index:6;border:1px solid var(--border-highlight);background:var(--hud-glass);box-shadow:var(--shadow);pointer-events:none;border-radius:12px;gap:4px;padding:5px;display:grid;position:absolute;top:0;left:0}.sample-loupe:not([hidden]){animation:loupe-in .16s var(--ease-out)}.viewport .sample-loupe canvas{width:88px;height:88px;image-rendering:pixelated;touch-action:auto;border-radius:8px;position:static;inset:auto}.sample-loupe:after{content:"";border:1.5px solid #fff;width:8px;height:8px;position:absolute;top:45px;left:45px;box-shadow:0 0 0 1px #00000080}.sample-loupe output{color:var(--text);font-variant-numeric:tabular-nums;text-align:center;font-size:13px;font-weight:600}@keyframes loupe-in{0%{opacity:0;scale:.9}}.framing-overlay{z-index:3;pointer-events:none;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.framing-overlay .guide-handle{pointer-events:stroke;cursor:move;touch-action:none}.framing-overlay #horizon-line{transform-box:fill-box;transform-origin:50%}.framing-overlay .sample-ripple{fill:none;stroke:#fff;stroke-width:2px;transform-box:fill-box;transform-origin:50%;pointer-events:none}.framing-overlay[data-locked=true] .guide-handle{pointer-events:none;cursor:default}.axis-guide-overlay{z-index:4;pointer-events:none;position:absolute;inset:0}.axis-guide-label{background:var(--brand-glass);border-radius:4px;padding:2px 5px;font-size:12px;font-weight:700;line-height:1.2;position:absolute;transform:translate(-50%,-50%)}.axis-guide-label[data-axis=X]{color:var(--axis-x)}.axis-guide-label[data-axis=Y]{color:var(--axis-y)}.axis-guide-label[data-axis=Z]{color:var(--axis-z)}.axis-guide-label[data-axis=O]{color:var(--text-soft)}.light-guide-overlay{z-index:4;pointer-events:none;position:absolute;inset:0}.light-guide-label{color:var(--text-strong);background:var(--brand-glass);white-space:nowrap;border-radius:4px;align-items:center;gap:5px;padding:2px 6px;font-size:12px;font-weight:700;line-height:1.2;display:inline-flex;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.light-guide-label:before{content:"";background:var(--light-color);border-radius:50%;flex:none;width:8px;height:8px}.box-guide-overlay{z-index:2;pointer-events:none;filter:drop-shadow(0 1px 1px #0008);width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.box-guide-overlay path{fill:none;stroke-linecap:round}.box-guide-overlay [data-axis=x]{stroke:var(--axis-x)}.box-guide-overlay [data-axis=y]{stroke:var(--axis-y)}.box-guide-overlay [data-axis=z]{stroke:var(--axis-z)}.box-guide-edge,.box-guide-vanishing{stroke-width:1.75px}.box-guide-hidden{stroke-width:1.25px;stroke-dasharray:5 4;stroke-opacity:.8}.box-guide-ray{stroke-width:1px;stroke-opacity:.6}.box-guide-grid{stroke:#fff;stroke-width:1px;stroke-opacity:.85}.viewport.is-view-flipped canvas,.viewport.is-view-flipped .axis-guide-overlay,.viewport.is-view-flipped .light-guide-overlay,.viewport.is-view-flipped .box-guide-overlay{transform:scale(var(--view-scale-x,1), var(--view-scale-y,1))}.viewport.is-view-flipped .axis-guide-label{transform:translate(-50%, -50%) scale(var(--view-scale-x,1), var(--view-scale-y,1))}.viewport.is-view-flipped .light-guide-label{transform:translate(-50%, calc(-100% - 10px)) scale(var(--view-scale-x,1), var(--view-scale-y,1))}.light-map{--light-map-base:20px;z-index:6;right:20px;bottom:max(var(--light-map-base), var(--light-map-clearance,0px));border:1px solid var(--border-highlight);border-radius:var(--panel-radius);width:212px;color:var(--text);background:var(--grain), var(--glass);box-shadow:var(--shadow);transition:translate var(--dur-spring) var(--ease-spring), bottom var(--dur-spring) var(--ease-spring), opacity .18s var(--ease-out), visibility 0s;padding:2px 10px 10px 12px;position:absolute}.light-map.is-collapsed{opacity:0;visibility:hidden;transition:translate .26s var(--ease-out), bottom var(--dur-spring) var(--ease-spring), opacity .2s var(--ease-out), visibility 0s .26s;translate:calc(100% + 32px)}.light-map-header{justify-content:space-between;align-items:center;gap:6px;min-height:36px;display:flex}.light-map h2{color:var(--text-strong);letter-spacing:.02em;margin:0;font-size:14px;font-weight:700;line-height:1.5}.light-map-thumbnail{aspect-ratio:4/3;object-fit:contain;width:100%;height:auto;transform:scale(var(--view-scale-x,1), var(--view-scale-y,1));margin-bottom:8px;display:block}.light-map-collapse{min-width:36px;min-height:36px;margin-right:-6px}.light-map-collapse svg,.light-map-tab svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.light-map-view{aspect-ratio:300/270;width:100%;height:auto;display:block;overflow:visible}.light-map-ring{fill:none;stroke:var(--line);stroke-width:1.5px}.light-map-plinth-top{fill:#cfc6b8}.light-map-plinth-front{fill:#b2a797}.light-map-plinth-side{fill:#9c9181}.light-map-body{fill:#ece6dc;stroke:#0000002e;stroke-width:1px}.light-map-drop{stroke:var(--light);stroke-width:1px;stroke-dasharray:3 3;opacity:.75}.light-map-beam{stroke:var(--light);stroke-width:2.5px;stroke-linecap:round}.light-map-head{fill:var(--light)}.light-map-lamp{fill:var(--light);stroke:var(--paper);stroke-width:2px}.light-map-camera rect{fill:var(--text-strong)}.light-map-lens{fill:var(--paper)}.light-map-sight{stroke:var(--text-soft);stroke-width:1.2px;stroke-dasharray:2 3}.light-map-legend{color:var(--muted);flex-wrap:wrap;gap:3px 10px;margin:2px 0 0;padding:0;font-size:11px;list-style:none;display:flex}.light-map-legend li{align-items:center;gap:5px;display:inline-flex}.light-map-legend i{background:var(--light);border-radius:50%;width:8px;height:8px}.light-map-legend .light-map-legend-camera{background:var(--text-strong);border-radius:2px;width:11px;height:8px}.light-map-tab{z-index:6;right:0;bottom:max(var(--light-map-base,20px), var(--light-map-clearance,0px));width:calc(36px + env(safe-area-inset-right,0px));height:48px;padding:0 env(safe-area-inset-right,0px) 0 0;border:1px solid var(--border-highlight);color:var(--accent-text);background:var(--glass);box-shadow:var(--shadow);visibility:hidden;transition:translate var(--dur-snap) var(--ease-snap), bottom var(--dur-spring) var(--ease-spring), visibility 0s var(--dur-snap);border-right:0;border-radius:10px 0 0 10px;place-items:center;display:grid;position:absolute;translate:100%}.light-map-tab.is-shown{visibility:visible;transition:translate var(--dur-snap) var(--ease-snap) .12s, bottom var(--dur-spring) var(--ease-spring), visibility 0s;translate:0}.value-histogram{z-index:8;border:1px solid var(--border-highlight);border-radius:var(--panel-radius);width:236px;color:var(--text);background:var(--grain), var(--glass);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:8px 12px 12px;position:absolute;bottom:20px;right:20px}.value-histogram-heading{align-items:center;min-height:32px;padding-right:36px;display:flex;position:relative}.value-histogram-heading h2{color:var(--text-strong);margin:0;font-size:16px;font-weight:700;line-height:1.5}.value-histogram .dialog-close{top:-6px;right:-10px}.value-histogram-chart{width:100%;height:72px;margin-top:4px;display:block}.value-histogram-bars{fill:var(--text-soft)}.value-histogram-bounds{fill:none;stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.value-histogram-scale{color:var(--muted);font-variant-numeric:tabular-nums;background:linear-gradient(90deg,#000,#fff) top/100% 6px no-repeat;justify-content:space-between;padding-top:9px;font-size:10px;line-height:1.2;display:flex}.value-histogram-tones{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0 0;display:grid}.value-histogram-tones div{flex-wrap:wrap;align-items:baseline;gap:2px 5px;min-width:0;display:flex}.value-histogram-tones dt{color:var(--muted);align-items:center;gap:4px;font-size:10px;display:inline-flex}.value-histogram-tones dt:before{content:"";border:1px solid var(--line);background:var(--tone);border-radius:2px;flex:none;width:8px;height:8px}.value-histogram-tones [data-tone="0"]{--tone:#000}.value-histogram-tones [data-tone="1"]{--tone:gray}.value-histogram-tones [data-tone="2"]{--tone:#fff}.value-histogram-tones dd{color:var(--text);font-variant-numeric:tabular-nums;margin:0;font-size:12px;font-weight:600}.value-histogram-note{color:var(--muted);margin:4px 0 0;font-size:10px;line-height:1.4}.measurement-hit{pointer-events:all;cursor:crosshair;touch-action:none}.measurement-lines{pointer-events:none}#export-dialog{border:1px solid var(--line);border-radius:var(--panel-radius);width:min(92vw,760px);max-height:90dvh;color:var(--text);background:var(--grain), var(--paper);box-shadow:var(--shadow);overscroll-behavior:contain;padding:0;overflow-y:auto}#export-dialog::backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#help-dialog{border:1px solid var(--line);border-radius:var(--panel-radius);width:min(92vw,780px);max-height:88dvh;color:var(--text);background:var(--grain), var(--paper);box-shadow:var(--shadow);padding:0;overflow-y:auto}#help-dialog::backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.help-header{z-index:1;border-bottom:1px solid var(--line);background:var(--paper);padding:18px 24px 0;position:sticky;top:0}.help-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.help-heading h2{margin:0;font-size:20px;font-weight:600}.help-nav{gap:8px;padding:12px 0;display:flex}.help-nav button{border:1px solid var(--line);min-height:34px;color:var(--muted);background:0 0;border-radius:7px;padding:7px 15px;font-size:12px}.help-body{padding:24px}.help-page-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:24px;display:grid}.help-body h3{margin:0 0 16px;font-size:16px;font-weight:600}.help-body p,.help-body li{color:var(--text-soft);font-size:12px;line-height:1.8}.help-body p{margin:8px 0}.help-guide{grid-template-columns:1fr 1fr;align-items:start;gap:28px;display:grid}.help-steps{margin:0;padding:0;list-style:none}.help-steps li{padding:0 0 18px}.help-steps h4{color:var(--text-strong);margin:0 0 6px;font-size:13px;font-weight:600}.help-details details{border-bottom:1px solid var(--line)}.help-details summary{color:var(--text-strong);cursor:pointer;padding:12px 0;font-size:12px;line-height:1.5}.help-details details:first-child summary{padding-top:0}.help-details details p{padding:0 0 12px}.help-details ul{margin:0;padding:0 0 12px 18px}.help-body .feedback-note{border-left:2px solid var(--selected-border);color:var(--text-soft);background:var(--tint);border-radius:0 6px 6px 0;margin:12px 0 22px;padding:10px 12px}.feedback-label{margin-top:16px;font-size:13px;font-weight:600;display:block}.help-body #feedback-text-hint{margin:6px 0 9px}#feedback-text,#feedback-preview{resize:vertical;border:1px solid var(--line);width:100%;min-height:100px;max-height:320px;color:var(--text);background:var(--field);border-radius:8px;padding:12px;font-size:13px;line-height:1.7;display:block}.feedback-count{color:var(--muted);text-align:right;margin-top:6px;font-size:11px;display:block}.feedback-context{color:var(--text-soft);cursor:pointer;align-items:flex-start;gap:9px;margin:18px 0;font-size:12px;line-height:1.6;display:flex}.feedback-context input{width:16px;height:16px;accent-color:var(--accent);flex-shrink:0;margin:1px 0 0}.feedback-preview-details summary{color:var(--muted);cursor:pointer;padding:8px 0;font-size:12px}#feedback-preview{background:var(--field-muted);margin-top:6px;font-size:12px}.feedback-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}#feedback-status{min-width:140px;color:var(--accent-text);flex:1;font-size:12px;line-height:1.7}.help-body .feedback-footnote{margin:14px 0 0;font-size:11px}#practice-dialog{border:1px solid var(--line);border-radius:var(--panel-radius);width:min(92vw,800px);max-height:90dvh;color:var(--text);background:var(--grain), var(--paper);box-shadow:var(--shadow);padding:0;overflow-y:auto}#practice-dialog::backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.practice-dialog-content{padding:24px}.practice-dialog-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.practice-dialog-heading h2{margin:0;font-size:21px;font-weight:600}.practice-nav{border-bottom:1px solid var(--line);gap:8px;margin:18px 0;padding-bottom:14px;display:flex}.practice-nav button{border:1px solid var(--line);min-width:0;min-height:38px;color:var(--muted);background:0 0;border-radius:8px;flex:1;padding:8px 10px;font-size:12px;line-height:1.5}.practice-code{resize:vertical;border:1px solid var(--line);width:100%;min-height:80px;max-height:220px;color:var(--text);background:var(--field);overflow-wrap:anywhere;border-radius:8px;margin:10px 0 12px;padding:12px;font-family:ui-monospace,monospace;font-size:12px;line-height:1.65;display:block}.practice-code[readonly]{background:var(--field-muted)}.practice-message{color:var(--accent-text);margin:12px 0;font-size:12px;line-height:1.7}.practice-message:empty{display:none}.practice-sharing .header-action{white-space:normal;max-width:100%;min-height:36px}.import-preview{border:1px solid var(--line);background:var(--preview-panel);overflow-wrap:anywhere;border-radius:10px;margin-top:16px;padding:18px;font-size:12px;line-height:1.75}.import-preview h3{margin:0 0 12px;font-size:15px}.import-preview p{color:var(--muted);margin:10px 0}.import-preview .import-warning{color:var(--accent-text);padding:10px 0}.practice-description,.practice-footnote{color:var(--muted);font-size:12px;line-height:1.6}.practice-description{margin:12px 0 20px}.practice-footnote{margin:18px 0 0}.practice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.practice-card{border:1px solid var(--line);text-align:left;background:var(--surface-strong);border-radius:11px;min-width:0;padding:0;overflow:hidden}.practice-card:hover:not(:disabled){border-color:var(--accent);background:var(--surface-hover)}.practice-card img{aspect-ratio:3/4;object-fit:cover;background:#d2cec4;width:100%;height:auto;display:block}.practice-card-copy{gap:7px;padding:14px;display:grid}.practice-card strong{font-size:14px;font-weight:600;line-height:1.45}.practice-card-focus{color:var(--muted);font-size:12px;line-height:1.5}.practice-card-action{color:var(--accent-text);margin-top:4px;font-size:11px}#model-library-dialog{border:1px solid var(--line);border-radius:var(--panel-radius);width:min(1160px,100vw - 32px);max-width:none;height:min(850px,100dvh - 32px);max-height:none;color:var(--text);background:var(--grain), var(--paper);box-shadow:var(--shadow);padding:0;overflow:hidden}#model-library-dialog::backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.model-library-shell{flex-direction:column;height:100%;min-height:0;display:flex}.model-library-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:12px;padding:18px 24px 14px;display:flex}.model-library-header h2{margin:0;font-size:24px;font-weight:600}.model-library-header p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.5}.model-library-header .dialog-close{flex:none;position:static}.model-library-body{overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.model-library-status{color:var(--accent-text);flex:none;margin:0;padding:0 24px;font-size:12px;line-height:1.5}.model-library-status:not(:empty){border-top:1px solid var(--line);padding-top:8px;padding-bottom:8px}.model-library-layout{grid-template-columns:205px minmax(0,1fr);min-height:100%;display:grid}.model-library-filters{border-right:1px solid var(--line);background:var(--surface);padding:22px 14px 24px 24px}.model-library-filters p{color:var(--text-soft);margin:0 0 8px;font-size:12px;font-weight:700}.model-library-filter-group{gap:4px;margin-bottom:18px;display:grid}.model-library-filter-group button{min-height:44px;color:var(--text-soft);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;padding:7px 10px;font-size:13px}.model-library-filter-group button[aria-pressed=true]{border-color:var(--selected-border);color:var(--accent-text);background:var(--selected);font-weight:700}.model-library-results,.model-library-detail{min-width:0;padding:22px 24px 30px}.model-library-results>label{color:var(--text-soft);margin-bottom:8px;font-size:12px;display:block}#model-library-search{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);background:var(--field);font:inherit;border-radius:9px;padding:9px 12px;font-size:16px}.model-library-count{color:var(--muted);margin:16px 0 12px;font-size:12px}.model-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.model-library-card{border:1px solid var(--line);background:var(--surface-strong);border-radius:12px;min-width:0;position:relative;overflow:hidden}.model-library-card:focus-within,.model-library-card:hover{border-color:var(--selected-border)}.model-library-card-open{width:100%;min-height:44px;color:var(--text);text-align:left;background:0 0;border:0;padding:0;display:block}.model-library-art,.model-library-detail-art{background:var(--preview-panel);min-width:0;display:block;overflow:hidden}.model-library-art{height:clamp(130px,15vw,190px)}.model-library-art img,.model-library-detail-art img{object-fit:contain;width:100%;height:100%;min-height:0;max-height:100%;display:block}.model-library-card-copy{gap:5px;padding:12px;display:grid}.model-library-card-copy strong{overflow-wrap:anywhere;font-size:15px}.model-library-card-copy>span:not(.model-library-badge){color:var(--muted);font-size:12px;line-height:1.4}.model-library-badge{width:fit-content;color:var(--accent-text);background:var(--selected);border-radius:5px;padding:4px 7px;font-size:11px;font-weight:700}.model-library-favorite{border:1px solid var(--line);width:44px;height:44px;color:var(--accent-text);background:var(--paper);border-radius:50%;place-items:center;font-size:23px;display:grid;position:absolute;top:7px;right:7px}.model-library-empty{border:1px dashed var(--line);text-align:center;border-radius:12px;justify-items:center;gap:12px;padding:50px 16px;display:grid}.model-library-empty p{color:var(--muted);margin:0}.model-library-plain,.model-library-back,.model-library-primary{border:1px solid var(--line);min-height:44px;color:var(--text-strong);background:var(--surface-strong);border-radius:8px;padding:9px 15px;font-size:13px;font-weight:600}.model-library-plain:hover:not(:disabled),.model-library-back:hover:not(:disabled){background:var(--surface-hover)}.model-library-primary{border-color:var(--accent);color:var(--primary-text);background:var(--accent)}.model-library-primary:hover:not(:disabled){background:var(--accent-dark)}.model-library-primary:disabled{opacity:.65}.model-library-back{margin-bottom:15px}.model-library-back:before{content:"← "}.model-library-detail h3{margin:0 0 14px;font-family:Georgia,serif;font-size:22px;font-weight:600}.model-library-detail p{color:var(--muted);font-size:13px;line-height:1.6}.model-library-detail-grid{grid-template-columns:minmax(0,46%) minmax(0,1fr);gap:26px;display:grid}.model-library-detail-art{border-radius:12px;height:min(500px,54dvh);min-height:250px;max-height:500px}.model-library-detail-copy{min-width:0}.model-library-detail-copy dl{border-block:1px solid var(--line);margin:18px 0}.model-library-detail-copy dl div{grid-template-columns:80px minmax(0,1fr);gap:12px;padding:9px 0;display:grid}.model-library-detail-copy dt{color:var(--muted);font-size:12px}.model-library-detail-copy dd{margin:0;font-size:13px}.model-library-detail-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.model-library-detail-actions a.model-library-plain{align-items:center;text-decoration:none;display:inline-flex}.model-library-detail-actions a.model-library-plain:focus-visible{outline:2px solid var(--text-strong);outline-offset:3px}.model-library-detail .model-library-warning{color:var(--accent-text)}.model-library-info{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.model-library-info h4{margin:0;font-family:Georgia,serif;font-size:18px;font-weight:600}.model-library-info dl{border:0;margin:10px 0 0}.model-library-info dl>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(80px,30%) minmax(0,1fr)}.model-library-info dt,.model-library-info dd{overflow-wrap:anywhere;line-height:1.6}.model-library-info a{min-height:24px;color:var(--accent-text);text-underline-offset:3px;display:inline-block}.model-library-info a:hover{color:var(--text-strong)}.model-library-info a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.model-library-info-note{color:var(--text-soft);margin-top:5px;display:block}@media (pointer:coarse){.model-library-info a{min-height:44px;padding-block:8px}}@media (width<=900px){.model-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.model-library-layout{display:block}.model-library-filters{border-right:0;border-bottom:1px solid var(--line);padding:12px 16px 4px}.model-library-filters p{margin-bottom:5px}.model-library-filter-group{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}.model-library-filter-group button{padding:7px 9px}.model-library-results,.model-library-detail{padding:16px}}@media (width<=430px){#model-library-dialog{border:0;border-radius:0;width:100vw;height:100dvh}.model-library-header{padding:max(9px, env(safe-area-inset-top)) 12px 8px}.model-library-header h2{font-size:20px}.model-library-header p{font-size:11px}.model-library-art{height:135px}.model-library-grid{gap:8px}.model-library-card-copy{padding:9px}.model-library-card-copy strong{font-size:13px}.model-library-detail-grid{display:block}.model-library-detail-art{height:min(34dvh,245px);min-height:145px}.model-library-detail-actions{padding:8px 0 max(8px, env(safe-area-inset-bottom));background:var(--paper);position:sticky;bottom:0}.model-library-info dl>div{grid-template-columns:minmax(0,1fr);gap:4px}.model-library-primary{flex:1}.brand-lockup{gap:3px}.model-picker{flex:0 96px;max-width:96px}.model-picker [data-current-model],.model-picker>span[aria-hidden=true]{display:none}}@media (width<=430px),(height<=480px) and (width>=621px) and (width<=760px){.brand-lockup .wordmark{display:none}.brand-lockup .wordmark:has(.brand-pro:not([hidden])){flex:0 0 30px;justify-content:center;padding-bottom:7px;display:inline-flex;position:relative}.brand-lockup .wordmark:has(.brand-pro:not([hidden])) .wordmark-name{display:none}.brand-lockup .brand-pro{padding:2px 3px;font-size:7px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.brand-lockup #practice-picker{white-space:normal;text-align:left;flex:0 90px;gap:2px;width:90px;min-width:0;padding:3px 2px;font-size:12px;line-height:1.15}.brand-lockup #practice-picker>span{overflow-wrap:anywhere;min-width:0}}@media (height<=480px) and (width>=431px){#model-library-dialog{width:calc(100vw - 16px);height:calc(100dvh - 12px)}.model-library-header{padding:6px 14px}.model-library-header p{display:none}.model-library-layout{grid-template-columns:150px minmax(0,1fr);display:grid}.model-library-filters{border-right:1px solid var(--line);border-bottom:0;padding:10px 8px}.model-library-filter-group{gap:0;margin-bottom:8px;display:grid}.model-library-filters p{margin-bottom:2px}.model-library-results,.model-library-detail{padding:12px 14px}.model-library-detail-grid{grid-template-columns:minmax(0,36%) minmax(0,1fr);gap:14px}.model-library-detail-art{min-height:170px;max-height:240px}.model-library-detail h3{margin-bottom:4px;font-size:18px}.model-library-detail-copy dl{margin:8px 0}.model-library-detail-copy p{margin:7px 0}}.export-dialog-content{padding:24px;position:relative}.export-dialog-content h2{margin:0 32px 12px 0;font-size:20px;font-weight:700;line-height:1.4}.export-dialog-content p{color:var(--muted);margin:0 0 16px;font-size:12px;line-height:1.6}.dialog-close{position:absolute;top:12px;right:12px}.export-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.export-option{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-direction:column;min-width:0;padding:14px;display:flex}.export-option h3{flex-wrap:wrap;align-items:center;gap:4px;margin:0 0 6px;font-size:15px;line-height:1.5;display:flex}.export-option p{flex:1;margin-bottom:12px}.export-preview-frame{border:1px solid var(--line);background:var(--paper);border-radius:8px;flex:none;place-items:center;height:180px;margin-bottom:12px;display:grid;overflow:hidden}.export-preview-transparent{background-color:#e8e0d4;background-image:repeating-conic-gradient(#ddd5c9 0% 25%,#eee7dd 0% 50%);background-size:16px 16px}.export-preview-frame img{object-fit:contain;width:100%;height:100%;min-height:0;display:block}.export-option button{border:1px solid var(--accent);width:100%;min-height:44px;color:var(--primary-text);background:var(--accent);border-radius:7px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.export-option button:hover:not(:disabled){background:var(--accent-dark)}.export-option button:disabled{opacity:.6;cursor:wait}.export-option [data-export-lock]{display:inline-flex}.export-option [data-export-lock][hidden]{display:none}.export-option [data-export-lock] svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.export-dialog-content .export-preview-note{margin-bottom:8px}#export-watermark-note{color:var(--text);margin-bottom:8px}#export-dialog-status:empty{display:none}#export-account{min-height:44px;color:var(--accent-text);text-underline-offset:3px;align-items:center;font-size:13px;display:inline-flex}#export-account[hidden]{display:none}@media (width<=560px){.export-dialog-content{padding:20px 16px}.export-options{grid-template-columns:minmax(0,1fr)}}.tone-guide{margin-top:12px}.tone-guide-actions{gap:6px;display:flex}.tone-guide-actions button{flex:1 1 0}@media (width<=900px){.studio-header{padding:12px}.brand-divider,.wordmark-name{display:none}.brand-lockup{gap:8px}.panel-nav{top:auto;right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left));border-radius:var(--panel-radius);flex-direction:row;justify-content:space-between;gap:4px;width:auto;padding:5px}.panel-nav button{flex-direction:row;flex:1;gap:8px;width:auto;min-width:0;min-height:44px;font-size:12px}.nav-icon,.nav-icon svg{width:18px;height:18px}.inspector{top:auto;right:12px;bottom:calc(80px + env(safe-area-inset-bottom));width:auto;height:min(36dvh,360px);max-height:max(160px, calc(100dvh - var(--workspace-top,108px) - 160px));left:12px}.inspector-header{touch-action:none;position:relative}.panel-pin{min-height:44px}.header-notices{right:max(12px, env(safe-area-inset-right));left:max(12px, env(safe-area-inset-left))}.inspector-header:before{content:"";background:var(--muted);border-radius:99px;width:36px;height:4px;margin-left:-18px;position:absolute;top:5px;left:50%}.bottom-hud{bottom:calc(81px + env(safe-area-inset-bottom));max-width:calc(100% - 24px)}.has-open-panel>.bottom-hud{display:none}.light-map,.light-map-tab{--light-map-base:calc(76px + env(safe-area-inset-bottom))}.light-map{right:max(12px, env(safe-area-inset-right));width:184px}.has-open-panel>.light-map,.has-open-panel>.light-map-tab{visibility:hidden;opacity:0}.value-histogram{top:calc(var(--workspace-top,108px) + 8px);right:max(12px, env(safe-area-inset-right));width:200px;padding:4px 10px 10px;bottom:auto}.value-histogram-chart{height:48px}.preset-list button,.tone-buttons button,.tool-mode-grid button,.measurement-actions button,.subtle-button,.check-control,.help-nav button,.practice-nav button,#export-download{min-height:44px;font-size:13px}input[type=range]{height:44px}.numeric-input,.numeric-value input{min-height:44px;font-size:16px}.color-input-value input[type=color]{width:44px;height:44px}#feedback-text,#feedback-preview,#import-code{font-size:16px}.feedback-context{align-items:center;min-height:44px}}@media (width<=430px){.value-histogram{width:168px}}@media (width<=760px){.studio-header{padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) 8px max(8px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;display:grid}.brand-lockup{grid-area:1/1/auto/-1;justify-self:start;width:max-content;max-width:calc(100% - 108px);min-height:44px;padding:0 7px}.wordmark{flex-shrink:0}.wordmark-mark{flex-basis:22px;width:22px;height:22px;font-size:14px}.wordmark-name{max-width:100px;font-size:12px}.practice-picker{gap:4px;padding:3px;font-size:13px}.header-lead,.header-actions{display:contents}.utility-menu{grid-area:1/3;justify-self:end}#study-toggle{grid-area:2/1}#hide-chrome{grid-area:2/2}.hold-hint{grid-area:2/1;max-width:min(340px,100vw - 16px)}.header-status{grid-area:2/3}.status-chip{padding:3px 8px;font-size:12px;line-height:1.4}.header-notices{right:max(8px, env(safe-area-inset-right));left:max(8px, env(safe-area-inset-left));font-size:12px}.performance-panel{top:calc(116px + env(safe-area-inset-top));width:min(310px,100% - 16px);max-height:calc(100dvh - 204px);padding:14px;right:8px}.header-action{white-space:normal;border-radius:8px;min-width:0;min-height:44px;padding:7px 10px;font-size:13px}.panel-nav{right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));left:max(8px, env(safe-area-inset-left));gap:2px}.panel-nav button{overflow-wrap:anywhere;flex-direction:column;gap:4px;min-height:52px;padding:4px 2px;font-size:11px}.inspector{right:8px;bottom:calc(80px + env(safe-area-inset-bottom));left:8px}.inspector-header{padding:8px 12px 8px 16px}.inspector-scroll{padding:15px}.bottom-hud{bottom:calc(81px + env(safe-area-inset-bottom));border-radius:9px;gap:6px 10px;max-width:calc(100% - 16px);padding:8px 12px;font-size:12px}.tool-hint{text-align:center;flex-basis:100%}.viewport-status{font-size:12px}.is-panel-pinned .viewport{right:max(8px, env(safe-area-inset-right))}}@media (width<=620px){.help-header{padding:12px 18px 0}.help-heading h2{font-size:18px}.help-body{padding:18px}.help-guide{grid-template-columns:1fr;gap:12px}.practice-dialog-content{padding:18px}.practice-dialog-heading h2{font-size:19px}.practice-nav{gap:5px;margin:14px 0}.practice-nav button{padding:7px 5px;font-size:11px}.import-preview{padding:14px}.practice-grid{grid-template-columns:1fr;gap:10px}.practice-card{grid-template-columns:88px minmax(0,1fr);align-items:center;display:grid}.practice-card img{height:100%;min-height:118px}.practice-card-copy{gap:5px;padding:12px}}@media (width<=620px) and (height<=650px){.inspector{height:30dvh}.inspector:has(>.bottom-hud){height:40dvh}.inspector-header{min-height:48px;padding-top:2px;padding-bottom:2px}.inspector-scroll{padding:10px 12px}}@media (height<=480px) and (width>=621px){.studio-header{padding:8px max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));display:flex}.header-lead,.header-actions,.header-status{display:flex}.hold-hint{max-width:min(340px,100%)}.brand-lockup{max-width:none;min-height:44px;padding:0 7px}.header-action{min-height:44px;padding:6px 12px}.utility-actions{grid-template-rows:repeat(3,auto);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;align-items:start;width:480px}.utility-actions>.site-page-links{grid-row:4;grid-template-columns:repeat(4,minmax(0,1fr))}.practice-card{grid-template-columns:64px minmax(0,1fr);align-items:center;display:grid}.practice-card img{height:100%;min-height:85px}.practice-card-copy{gap:4px;padding:10px}.panel-nav{top:auto;right:max(12px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left));flex-direction:row;width:auto;padding:3px}.panel-nav button{flex-direction:row;flex:1;width:auto;min-height:44px}.inspector{top:var(--workspace-top,96px);right:auto;bottom:calc(65px + env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left));width:290px;height:auto;max-height:none}.inspector-header{touch-action:auto}.inspector-header:before{display:none}.bottom-hud{bottom:calc(65px + env(safe-area-inset-bottom));padding:5px 12px}.performance-panel{max-height:calc(100dvh - 132px);top:68px;right:12px}.light-map{grid-template-columns:120px 160px;grid-template-areas:"header header""thumbnail title""thumbnail view""thumbnail legend";align-items:start;column-gap:10px;width:auto;display:grid}.light-map-header{grid-area:header}.light-map-thumbnail{grid-area:thumbnail;margin-bottom:0}.light-map-title{grid-area:title}.light-map-view{grid-area:view}.light-map-legend{grid-area:legend}}@media (pointer:coarse){.panel-pin,.preset-list button,.tone-buttons button,.tool-mode-grid button,.measurement-actions button,.subtle-button,.check-control,.help-nav button,.practice-nav button,#export-download{min-height:44px}.measurement-actions button{font-size:13px}input[type=range]{height:44px}.numeric-input,.numeric-value input{min-height:44px;font-size:16px}.color-input-value input[type=color]{width:44px;height:44px}}@media (forced-colors:active){.check-control input[type=checkbox]{width:auto;height:auto;box-shadow:none;appearance:auto;background:0 0}input[type=range]{appearance:auto}input[type=range]::-webkit-slider-thumb{appearance:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}#study-toggle.is-holding .hold-ring-fill{transition-duration:.7s!important}.study-timer-dot{animation:none}button:active:not(:disabled),.utility-menu>summary:active,#export-download:active{transform:none}}