@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./plus-jakarta-sans-latin-400-normal-Dhut76fR.woff2)format("woff2"),url(./plus-jakarta-sans-latin-400-normal-BDKaGhyp.woff)format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./plus-jakarta-sans-latin-500-normal-Bf-nb4oT.woff2)format("woff2"),url(./plus-jakarta-sans-latin-500-normal-DYtqi0QS.woff)format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./plus-jakarta-sans-latin-600-normal-DLTa1BUW.woff2)format("woff2"),url(./plus-jakarta-sans-latin-600-normal-BR_Ojra4.woff)format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./plus-jakarta-sans-latin-700-normal-CfpNZvy6.woff2)format("woff2"),url(./plus-jakarta-sans-latin-700-normal-DqEcQeE5.woff)format("woff")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--bg-app:#f4f1ea;--surface-base:#fbf9f5;--surface-solid:#fbf9f5;--surface-elevated:#fff;--surface-sunken:#ede8df;--surface-hover:#f0ebe1;--surface-active:#e6dfd3;--surface-glass:#fbf9f5eb;--surface-glass-heavy:#fbf9f5f5;--surface-glass-subtle:#fbf9f5d9;--surface-glass-hover:#22222214;--surface-translucent:#fbf9f5d9;--accent-sunburst:#ea580c;--accent-sunburst-glow:#ea580c40;--accent-powder-blue:#0284c7;--accent-powder-red:#e11d48;--ink-primary:#222;--ink-secondary:#58554e;--ink-tertiary:#7c776e;--ink-inverse:#fff;--accent:#222;--accent-warm:#92400e;--accent-warm-subtle:#fef3c7;--accent-warm-border:#fde68a;--accent-amber:#f59e0b;--semantic-success:#15803d;--semantic-success-bg:#dcfce7;--semantic-error:#b91c1c;--semantic-error-bg:#fee2e2;--border-subtle:#22222214;--border-medium:#22222229;--border-strong:#22222247;--border-focus:#222;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--target-min:44px;--button-height:44px;--pill-height:48px;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-2xl:32px;--radius-full:9999px;--shadow-subtle:0 1px 3px #2222220d, 0 1px 2px #22222208;--shadow-card:0 4px 16px #22222212, 0 1px 3px #2222220a;--shadow-elevated:0 12px 32px #22222217, 0 2px 6px #2222220a;--shadow-modal:0 24px 64px #2222222e, 0 4px 14px #2222220f;--font-family:-apple-system, BlinkMacSystemFont, "Plus Jakarta Sans", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-sans:-apple-system, BlinkMacSystemFont, "Plus Jakarta Sans", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:15px;--font-size-md:17px;--font-size-lg:20px;--font-size-xl:24px;--font-size-2xl:32px;--font-size-display:44px;--ease-standard:cubic-bezier(.2, 0, 0, 1);--duration-fast:.15s;--duration-base:.22s}:root[data-theme=dark],html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#121316;--surface-base:#1a1b20;--surface-solid:#1a1b20;--surface-elevated:#24252c;--surface-sunken:#0e0f12;--surface-hover:#262830;--surface-active:#2e303a;--surface-glass:#1a1b20eb;--surface-glass-heavy:#1a1b20f5;--surface-glass-subtle:#1a1b20d9;--surface-glass-hover:#ffffff1f;--surface-translucent:#1a1b20d9;--accent-sunburst:#f97316;--accent-sunburst-glow:#f9731659;--accent-powder-blue:#38bdf8;--accent-powder-red:#f43f5e;--ink-primary:#f5f3ef;--ink-secondary:#a8a29e;--ink-tertiary:#a39e95;--ink-inverse:#121316;--accent:#f5f3ef;--accent-warm:#f59e0b;--accent-warm-subtle:#f59e0b26;--accent-warm-border:#f59e0b59;--accent-amber:#f59e0b;--semantic-success:#22c55e;--semantic-success-bg:#22c55e29;--semantic-error:#f87171;--semantic-error-bg:#f8717129;--border-subtle:#f5f3ef14;--border-medium:#f5f3ef2e;--border-strong:#f5f3ef4d;--border-focus:#f59e0b;--shadow-subtle:0 1px 3px #00000073, 0 1px 2px #0000004d;--shadow-card:0 4px 16px #0000008c, 0 1px 3px #00000059;--shadow-elevated:0 12px 32px #000000b3, 0 2px 6px #00000073;--shadow-modal:0 24px 64px #000000d9, 0 4px 14px #0000008c}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{width:100%;height:100vh;height:-webkit-fill-available;overscroll-behavior:none;background-color:var(--bg-app);height:100dvh;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--ink-primary);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#app{width:100%;height:100vh;height:-webkit-fill-available;height:100dvh;position:relative}#webgl-canvas{touch-action:none;-webkit-touch-callout:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.skip-link{top:-80px;left:var(--space-5);background:var(--surface-elevated);color:var(--ink-primary);border:1px solid var(--ink-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-size-sm);z-index:99999;transition:top var(--duration-fast) var(--ease-standard);box-shadow:var(--shadow-elevated);font-weight:600;text-decoration:none;position:fixed}.skip-link:focus-visible{top:var(--space-4)}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}:focus-visible{outline:2px solid var(--border-focus)!important;outline-offset:2px!important}button:focus-visible{outline:2px solid var(--border-focus)!important;outline-offset:2px!important}a:focus-visible{outline:2px solid var(--border-focus)!important;outline-offset:2px!important}input:focus-visible{outline:2px solid var(--border-focus)!important;outline-offset:2px!important}select:focus-visible{outline:2px solid var(--border-focus)!important;outline-offset:2px!important}[role=button]:focus-visible{outline:2px solid var(--border-focus)!important;outline-offset:2px!important}[role=radio]:focus-visible{outline:2px solid var(--border-focus)!important;outline-offset:2px!important}[role=tab]:focus-visible{outline:2px solid var(--border-focus)!important;outline-offset:2px!important}[role=treeitem]:focus-visible{outline:2px solid var(--border-focus)!important;outline-offset:2px!important}[tabindex]:focus-visible{outline:2px solid var(--border-focus)!important;outline-offset:2px!important}.btn-mini-kill,.btn-solo-map,.btn-mini-refresh,.scale-indicator-pill,.theme-segment-btn{position:relative}.btn-mini-kill:before,.btn-solo-map:before,.btn-mini-refresh:before,.scale-indicator-pill:before,.theme-segment-btn:before{content:"";pointer-events:auto;width:100%;min-width:44px;height:100%;min-height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.atelier-icon{vertical-align:-.15em;fill:currentColor;stroke:none;pointer-events:none;transition:transform var(--duration-fast) var(--ease-standard), fill var(--duration-fast) ease, color var(--duration-fast) ease, opacity var(--duration-fast) ease;flex-shrink:0;line-height:1;display:inline-block}.kill-switch-icon,.guide-trigger-icon,.focus-icon,.rotate-icon,.btn-tools-icon,.turntable-icon,.guide-icon,.peace-icon,.switch-icon,.tray-brand-icon,.collapse-icon,.kill-dot,.kill-icon{flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.inline-peace-icon{vertical-align:-.15em;justify-content:center;align-items:center;margin:0 2px;display:inline-flex}.tree-node-icon{width:18px;height:18px;color:var(--ink-secondary);transition:color var(--duration-fast) ease, transform var(--duration-fast) ease;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.tree-node-parent:hover .tree-node-icon,.tree-node-parent[aria-expanded=true] .tree-node-icon{color:var(--ink-primary)}.tree-chevron{width:12px;height:12px;color:var(--ink-secondary);transition:transform var(--duration-fast) ease;justify-content:center;align-items:center;display:inline-flex}.theme-seg-icon{justify-content:center;align-items:center;width:16px;height:16px;line-height:1;display:inline-flex}.pro-value-check{background:var(--semantic-success-bg);width:20px;height:20px;color:var(--semantic-success);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.link-arrow{vertical-align:-.1em;transition:transform var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;margin-left:4px;display:inline-flex}a:hover .link-arrow{transform:translate(1px,-1px)}.btn-arrow{transition:transform var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;margin-left:4px;display:inline-flex}button:hover .btn-arrow{transform:translate(2px)}.btn-freeze-icon{justify-content:center;align-items:center;margin-right:4px;display:inline-flex}.component-drag-handle .grip-dots{color:var(--ink-tertiary);opacity:.65;transition:opacity var(--duration-fast) ease, color var(--duration-fast) ease;justify-content:center;align-items:center;display:flex}.component-drag-handle:hover .grip-dots{opacity:1;color:var(--ink-primary)}.camera-dock{top:84px;right:var(--space-6);width:260px;height:auto;aspect-ratio:var(--camera-aspect,16 / 9);border-radius:var(--radius-md);background:var(--surface-base);border:1px solid var(--border-medium);max-height:280px;box-shadow:var(--shadow-card);z-index:15;transition:width var(--duration-base) var(--ease-standard), opacity var(--duration-fast) ease, border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;cursor:pointer;opacity:.94;position:absolute;overflow:hidden;touch-action:none!important}.camera-dock:hover{opacity:1;box-shadow:var(--shadow-elevated);border-color:var(--border-strong)}.camera-dock.expanded{width:360px;height:auto;aspect-ratio:var(--camera-aspect,16 / 9);opacity:1;border-color:var(--ink-primary);max-height:380px}.camera-dock-header{z-index:12;pointer-events:none;justify-content:space-between;align-items:center;gap:6px;display:flex;position:absolute;top:6px;left:6px;right:6px}.camera-dock-header>*{pointer-events:auto}.camera-controls-group{align-items:center;gap:4px;display:flex}.camera-status-feedback{-webkit-backdrop-filter:blur(8px);color:#fbf9f5;border-radius:var(--radius-full);text-align:center;z-index:10;pointer-events:none;opacity:.95;transition:opacity var(--duration-fast) ease, background var(--duration-fast) ease;white-space:nowrap;text-overflow:ellipsis;background:#222222c7;max-width:90%;padding:3px 10px;font-size:9px;font-weight:500;position:absolute;bottom:8px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 2px 6px #00000026}.camera-status-feedback.locked{color:#fff;background:#15803de0}.camera-status-feedback.hidden{display:none!important}#webcam-video{object-fit:cover;transform-origin:50%;opacity:.95;filter:contrast(1.04)brightness(1.01);width:100%;height:100%;transition:transform .22s cubic-bezier(.16,1,.3,1),filter .6s;transform:scaleX(-1)}#skeleton-canvas{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.camera-optics-toolbar{-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-subtle);border-radius:var(--radius-full);opacity:.92;transition:opacity var(--duration-fast) ease, background var(--duration-fast) ease;background:#222222b8;align-items:center;gap:2px;padding:2px 4px;display:flex}.camera-dock:hover .camera-optics-toolbar,.camera-dock.expanded .camera-optics-toolbar,.camera-optics-toolbar:focus-within{opacity:1}.optics-zoom-group{border-radius:var(--radius-full);background:#ffffff14;align-items:center;padding:1px;display:inline-flex}.optics-btn{color:var(--ink-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) ease;-webkit-user-select:none;user-select:none;background:0 0;border:none;padding:2px 4px;font-family:inherit;font-size:9px;font-weight:700;line-height:1}.optics-btn:hover{color:var(--ink-primary);background:var(--surface-glass-hover)}.optics-btn:focus-visible{outline:2px solid var(--accent-sunburst,#ea580c);outline-offset:1px}.optics-btn-step{justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:11px;display:flex}.optics-btn-value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;padding:2px 5px}.optics-btn-toggle{border:1px solid var(--border-subtle);background:#ffffff0d;padding:2px 5px;font-size:8px}.optics-btn-toggle.active{color:#fff;background:#15803dd9;border-color:#22c55e99;box-shadow:0 0 6px #22c55e59}:root:not([data-theme=dark]) .camera-optics-toolbar,html:not([data-theme=dark]) .camera-optics-toolbar{background:#fffffff0;border:1px solid #ea580c59;box-shadow:0 2px 8px #00000014}:root:not([data-theme=dark]) .optics-zoom-group,html:not([data-theme=dark]) .optics-zoom-group{background:#0000000d}:root:not([data-theme=dark]) .optics-btn,html:not([data-theme=dark]) .optics-btn{color:var(--ink-secondary)}:root:not([data-theme=dark]) .optics-btn-toggle.active,html:not([data-theme=dark]) .optics-btn-toggle.active{color:#92400e;box-shadow:none;background:#fef3c7;border-color:#fde68a}.camera-status{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-subtle);white-space:nowrap;background:#222222b8;align-items:center;gap:5px;padding:2px 7px;display:flex}.pulse-dot{background:var(--ink-tertiary);width:5px;height:5px;transition:background var(--duration-fast) ease;border-radius:50%}.camera-dock.active .pulse-dot{background:#16a34a;box-shadow:0 0 4px #16a34a66}.camera-label{letter-spacing:.03em;color:#fbf9f5;text-transform:uppercase;font-size:9px;font-weight:600}:root:not([data-theme=dark]) .camera-dock,html:not([data-theme=dark]) .camera-dock{background:var(--surface-base,#fbf9f5);border:1px solid var(--border-medium,#22222229);box-shadow:var(--shadow-card)}:root:not([data-theme=dark]) .camera-dock:hover,html:not([data-theme=dark]) .camera-dock:hover,:root:not([data-theme=dark]) .camera-dock.expanded,html:not([data-theme=dark]) .camera-dock.expanded{border-color:var(--border-strong,#22222247);box-shadow:var(--shadow-elevated)}:root:not([data-theme=dark]) .camera-dock .camera-status,html:not([data-theme=dark]) .camera-dock .camera-status{border:1px solid var(--border-subtle,#22222214);color:var(--ink-secondary,#58554e);background:#fbf9f5e6}:root:not([data-theme=dark]) .camera-dock .camera-label,html:not([data-theme=dark]) .camera-dock .camera-label{color:var(--ink-secondary,#58554e);letter-spacing:.03em;font-weight:600}:root:not([data-theme=dark]) .camera-dock .pulse-dot,html:not([data-theme=dark]) .camera-dock .pulse-dot{background:var(--ink-tertiary);box-shadow:none}:root:not([data-theme=dark]) .camera-dock.active .pulse-dot,html:not([data-theme=dark]) .camera-dock.active .pulse-dot{background:#16a34a;box-shadow:0 0 4px #16a34a66}:root:not([data-theme=dark]) .camera-dock .camera-status-feedback,html:not([data-theme=dark]) .camera-dock .camera-status-feedback{color:#fbf9f5;background:#222222d1;border:none;font-weight:500;box-shadow:0 2px 6px #0000001f}:root:not([data-theme=dark]) .camera-dock .camera-status-feedback.locked,html:not([data-theme=dark]) .camera-dock .camera-status-feedback.locked{color:#fff;background:#15803de0}:root:not([data-theme=dark]) .camera-dock .camera-optics-toolbar,html:not([data-theme=dark]) .camera-dock .camera-optics-toolbar{border:1px solid var(--border-subtle,#22222214);box-shadow:var(--shadow-subtle);background:#fbf9f5eb}:root:not([data-theme=dark]) .camera-pip-toggle,html:not([data-theme=dark]) .camera-pip-toggle{color:var(--ink-secondary,#58554e);border:1px solid var(--border-subtle,#22222214);background:#fbf9f5e6;font-weight:500}:root:not([data-theme=dark]) .camera-pip-toggle:hover,html:not([data-theme=dark]) .camera-pip-toggle:hover{background:var(--surface-hover,#f0ebe1);color:var(--ink-primary,#222)}#hud-overlay{z-index:10;pointer-events:none;width:100%;height:100%;padding-bottom:var(--space-6);flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:0;left:0}#hud-overlay button,#hud-overlay a,#hud-overlay input,#hud-overlay select{pointer-events:auto}.hud-header{padding:max(var(--space-5), env(safe-area-inset-top,0px)) max(var(--space-8), env(safe-area-inset-right,0px)) var(--space-5) max(var(--space-8), env(safe-area-inset-left,0px));pointer-events:auto;justify-content:space-between;align-items:center;gap:var(--space-4);-webkit-app-region:drag;app-region:drag;display:flex}.hud-header button,.hud-header a,.hud-header input,.hud-header select,.hud-header .tier-badge,.hud-header .component-drag-handle{-webkit-app-region:no-drag;app-region:no-drag}.brand-group{align-items:center;gap:var(--space-3);display:flex}.brand-titles{align-items:center;gap:var(--space-2);display:flex}.brand-name{font-size:var(--font-size-md);letter-spacing:-.01em;color:var(--ink-primary);font-weight:700;line-height:1}.tier-badge{font-size:var(--font-size-xs);letter-spacing:.04em;border-radius:var(--radius-full);align-items:center;padding:3px 8px;font-weight:600;line-height:1;display:inline-flex}.tier-badge.free{background:var(--surface-sunken);color:var(--ink-secondary);border:1px solid var(--border-subtle)}.tier-badge.pro{background:var(--accent-warm-subtle);color:var(--accent-warm);border:1px solid var(--accent-warm-border)}.header-actions{align-items:center;gap:var(--space-2);display:flex}.btn-tactile{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--button-height);padding:0 var(--space-4);border-radius:var(--radius-full);font-family:var(--font-family);font-size:var(--font-size-sm);letter-spacing:-.01em;color:var(--ink-primary);background:var(--surface-base);border:1px solid var(--border-medium);box-shadow:var(--shadow-subtle);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);white-space:nowrap;font-weight:600;text-decoration:none;display:inline-flex}.btn-tactile:hover{background:var(--surface-hover);border-color:var(--border-strong);box-shadow:var(--shadow-card);transform:translateY(-1px)}.btn-tactile:active{background:var(--surface-active);box-shadow:none;transform:translateY(1px)}.btn-tactile.btn-primary{background:var(--ink-primary);color:var(--ink-inverse);border-color:var(--ink-primary)}.btn-tactile.btn-primary:hover{background:#333;border-color:#333}.btn-tactile.btn-icon-only{width:var(--button-height);height:var(--button-height);border-radius:var(--radius-full);padding:0}.btn-tools{align-items:center;gap:var(--space-3);padding:0 var(--space-4);display:inline-flex}.btn-tools-label{letter-spacing:-.01em;font-weight:600}.btn-tools-icon{opacity:.85;transition:transform var(--duration-fast) var(--ease-standard), opacity var(--duration-fast) ease;font-size:15px;line-height:1}.btn-tools:hover .btn-tools-icon{opacity:1;transform:rotate(90deg)}.btn-kill-switch{gap:var(--space-2);color:var(--semantic-error);background:var(--surface-base);border-color:#b91c1c40}.btn-kill-switch:hover{background:var(--semantic-error-bg);border-color:var(--semantic-error);color:#991b1b}.btn-kill-switch .kill-switch-icon{font-size:11px;line-height:1}.btn-kill-switch.active-killed{background:var(--semantic-error);color:#fff;border-color:var(--semantic-error);animation:1.8s ease-in-out infinite killPulse}.btn-mini-kill{min-height:32px;padding:0 var(--space-3);font-size:var(--font-size-xs);color:var(--semantic-error);background:var(--surface-sunken);border-radius:var(--radius-full);border-color:#b91c1c33;gap:5px}.btn-mini-kill:hover{background:var(--semantic-error-bg);border-color:var(--semantic-error)}.btn-mini-kill.active-killed{background:var(--semantic-error);color:#fff;animation:1.8s ease-in-out infinite killPulse}@keyframes killPulse{0%{box-shadow:0 0 #b91c1c73}70%{box-shadow:0 0 0 8px #b91c1c00}to{box-shadow:0 0 #b91c1c00}}.btn-guide-trigger{gap:var(--space-2)}.btn-guide-trigger.active{background:var(--ink-primary);color:var(--ink-inverse);border-color:var(--ink-primary)}.guide-trigger-icon{font-size:14px}.stage-nav-cluster{align-items:center;gap:var(--space-2);pointer-events:auto;margin-top:var(--space-1);flex-direction:column;display:flex}.stage-segmented-control{background:var(--surface-base);padding:var(--space-1);border-radius:var(--radius-full);border:1px solid var(--border-medium);box-shadow:var(--shadow-card);align-items:center;gap:var(--space-1);max-width:94vw;display:flex;overflow-x:auto}.stage-btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--pill-height);padding:0 var(--space-5);border-radius:var(--radius-full);color:var(--ink-secondary);font-family:var(--font-family);font-size:var(--font-size-base);letter-spacing:-.01em;cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);white-space:nowrap;background:0 0;border:1px solid #0000;font-weight:600;display:inline-flex}.stage-btn:hover{color:var(--ink-primary);background:var(--surface-hover)}.stage-btn.active{color:var(--ink-inverse);background:var(--ink-primary);border-color:var(--ink-primary);box-shadow:var(--shadow-subtle)}.stage-dot{background-color:currentColor;border-radius:50%;width:8px;height:8px}.stage-btn.active .stage-dot{background-color:var(--ink-inverse)}:root:not([data-theme=dark]) .stage-btn.active .stage-dot{background-color:#fff}.pill-pro-tag{color:var(--accent-warm);background:var(--accent-warm-subtle);border:1px solid var(--accent-warm-border);border-radius:var(--radius-xs);padding:1px 5px;font-size:10px;font-weight:700;line-height:1.2}.stage-btn.active .pill-pro-tag{color:var(--ink-inverse);background:#0000001f;border-color:#00000040}:root:not([data-theme=dark]) .stage-btn.active .pill-pro-tag{color:#fff;background:#fff3;border-color:#fff6}.peace-switch-indicator{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4) var(--space-1) var(--space-2);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-full);box-shadow:var(--shadow-subtle);transition:all var(--duration-fast) var(--ease-standard);display:inline-flex}.peace-switch-indicator.active{border-color:var(--semantic-success);background:var(--semantic-success-bg)}.peace-ring-wrap{justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:relative}.peace-ring-svg{width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(-90deg)}.peace-ring-bg{fill:none;stroke:var(--surface-sunken);stroke-width:2.5px}.peace-ring-fill{fill:none;stroke:var(--semantic-success);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:69.115;stroke-dashoffset:69.115px;transition:stroke-dashoffset 50ms linear}.peace-icon{font-size:18px;line-height:1}.peace-label{font-size:var(--font-size-xs);color:var(--ink-secondary);font-weight:600}.peace-switch-indicator.active .peace-label{color:var(--semantic-success)}.pro-preview-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--accent-warm-subtle);border:1px solid var(--accent-warm-border);border-radius:var(--radius-full);box-shadow:var(--shadow-subtle);display:flex}.preview-dot{background:var(--accent-warm);border-radius:50%;width:7px;height:7px}.preview-timer-text{font-size:var(--font-size-xs);color:var(--accent-warm);font-variant-numeric:tabular-nums;font-weight:700}.btn-preview-unlock{background:var(--accent-warm);color:#fff;font-size:var(--font-size-xs);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);border:none;padding:3px 10px;font-weight:700}:root[data-theme=dark] .btn-preview-unlock,html[data-theme=dark] .btn-preview-unlock{color:#121316}.btn-preview-unlock:hover{background:#78350f;transform:translateY(-1px)}.activation-card{align-items:center;gap:var(--space-2);margin:var(--space-2) auto;pointer-events:auto;z-index:12;flex-direction:column;display:flex}.activation-bar{align-items:center;gap:var(--space-3);background:var(--surface-base);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--border-medium);box-shadow:var(--shadow-card);display:flex}.toggle-switch{align-items:center;gap:var(--space-2);min-height:var(--target-min);padding:0 var(--space-2);cursor:pointer;font-family:var(--font-family);color:var(--ink-primary);border-radius:var(--radius-full);transition:background var(--duration-fast) ease;background:0 0;border:none;display:inline-flex}.toggle-switch:hover{background:var(--surface-hover)}.toggle-track{border-radius:var(--radius-full);background:var(--surface-sunken);border:1px solid var(--border-medium);width:44px;height:26px;transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);align-items:center;padding:2px;display:flex;position:relative}.toggle-thumb{width:20px;height:20px;transition:transform var(--duration-fast) var(--ease-standard);background:#fff;border-radius:50%;transform:translate(0);box-shadow:0 2px 4px #00000026}.toggle-switch[aria-checked=true] .toggle-track{background:var(--ink-primary);border-color:var(--ink-primary)}.toggle-switch[aria-checked=true] .toggle-thumb{transform:translate(18px)}.toggle-label{font-size:var(--font-size-sm);letter-spacing:-.01em;font-weight:700}.toggle-state{font-size:var(--font-size-xs);color:var(--ink-secondary);min-width:24px;font-weight:600}.toggle-switch[aria-checked=true] .toggle-state{color:var(--semantic-success)}.activation-divider{background:var(--border-subtle);width:1px;height:24px}.activation-helper{font-size:var(--font-size-xs);color:var(--ink-secondary);text-align:center;background:var(--surface-glass-subtle);border-radius:var(--radius-full);border:1px solid var(--border-subtle);max-width:420px;padding:3px 12px;font-weight:500;line-height:1.4}.activation-helper.alert{color:var(--semantic-error);background:var(--semantic-error-bg);border-color:#b91c1c33}.console-viewport{padding-bottom:var(--space-4);pointer-events:none;flex:1;justify-content:center;align-items:flex-end;display:flex}.sculptural-console{pointer-events:auto;background:var(--surface-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-medium);border-radius:var(--radius-xl);width:90%;max-width:520px;padding:var(--space-4) var(--space-6);box-shadow:var(--shadow-card)}.console-top-row{align-items:center;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle);grid-template-columns:110px 1fr 110px;display:grid}.dynamics-module{gap:var(--space-1);flex-direction:column;display:flex}.module-header{justify-content:space-between;align-items:center;display:flex}.module-label{font-size:var(--font-size-xs);letter-spacing:.04em;color:var(--ink-tertiary);text-transform:uppercase;font-weight:600}.mute-indicator{color:var(--semantic-error);text-transform:uppercase;opacity:0;transition:opacity var(--duration-fast) ease;font-size:10px;font-weight:700}.mute-indicator.active{opacity:1}.groove-meter{border-radius:var(--radius-xs);background:var(--surface-sunken);border:1px solid var(--border-subtle);width:100%;height:6px;overflow:hidden}.groove-fill{background:var(--ink-primary);width:0%;height:100%;transition:width 50ms ease-out}.module-footer{justify-content:space-between;align-items:baseline;display:flex}.sub-metric{font-size:var(--font-size-xs);color:var(--ink-primary);font-variant-numeric:tabular-nums;font-weight:700}.sub-legend{color:var(--ink-tertiary);font-size:10px;font-weight:500}.note-centerpiece{flex-direction:column;justify-content:center;align-items:center;display:flex}.note-primary{font-size:var(--font-size-display);letter-spacing:-.04em;color:var(--ink-primary);transition:color var(--duration-fast) ease;font-weight:700;line-height:1}.note-primary.tuned{color:var(--semantic-success)}.freq-caption{align-items:baseline;gap:var(--space-1);margin-top:2px;display:flex}.freq-val{font-size:var(--font-size-sm);color:var(--ink-secondary);font-variant-numeric:tabular-nums;font-weight:600}.freq-unit{color:var(--ink-tertiary);font-size:10px}.inst-subtitle-badge{align-items:baseline;gap:var(--space-1);margin-top:2px;display:flex}.inst-title{font-size:var(--font-size-xs);color:var(--ink-primary);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.inst-year{color:var(--ink-tertiary);font-size:10px}.scale-indicator-pill{align-items:center;gap:var(--space-1);margin-top:var(--space-1);background:var(--surface-base);border:1px solid var(--border-medium);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);color:var(--ink-primary);padding:3px 10px;display:inline-flex}.scale-indicator-pill:hover{background:var(--surface-hover);border-color:var(--ink-primary);transform:translateY(-1px)}.scale-tag{letter-spacing:.04em;color:var(--ink-secondary);background:var(--surface-sunken);border-radius:var(--radius-xs);padding:1px 4px;font-size:9px;font-weight:700}.center-scale-name{font-size:var(--font-size-xs);font-weight:700}.center-scale-pull{color:var(--ink-secondary);font-size:10px}.scope-module{gap:var(--space-1);flex-direction:column;display:flex}.scope-aperture{background:var(--surface-sunken);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);justify-content:center;align-items:center;width:100%;height:38px;display:flex;overflow:hidden}.osc-canvas{width:100%;height:100%}.cents-dial-row{align-items:center;gap:var(--space-4);padding-top:var(--space-3);display:flex}.cents-dial-container{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.cents-ruler{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.ruler-tick{color:var(--ink-tertiary);font-variant-numeric:tabular-nums;font-size:10px}.ruler-tick.major{color:var(--ink-secondary);font-weight:600}.ruler-center-mark{background:var(--border-medium);width:2px;height:6px;transition:all var(--duration-fast) ease}.ruler-center-mark.tuned{background:var(--semantic-success)}.cents-track{background:var(--surface-sunken);border-radius:var(--radius-xs);border:1px solid var(--border-subtle);width:100%;height:4px;position:relative}.cents-needle{background:var(--ink-primary);width:3px;height:12px;transition:left 50ms ease-out, background var(--duration-fast) ease;border-radius:1.5px;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.cents-needle.tuned{background:var(--semantic-success)}.cents-readout{text-align:right;min-width:90px}.cents-val{font-size:var(--font-size-xs);color:var(--ink-secondary);font-variant-numeric:tabular-nums;font-weight:600}.spatial-hint{bottom:var(--space-4);pointer-events:auto;border-radius:var(--radius-full);background:var(--surface-glass-subtle);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-subtle);transition:all var(--duration-fast) var(--ease-standard);z-index:10;flex-direction:row;align-items:center;gap:6px;max-width:280px;padding:4px 10px;display:inline-flex;position:absolute}.spatial-hint:hover{background:var(--surface-base);border-color:var(--border-medium);box-shadow:var(--shadow-card)}.hint-left{left:var(--space-6)}.hint-right{right:var(--space-6)}.hint-key{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-tertiary);background:var(--surface-sunken);border-radius:var(--radius-xs);white-space:nowrap;padding:1px 5px;font-size:9px;font-weight:700}.hint-action{color:var(--ink-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.studio-tree-drawer{width:360px;max-width:88vw;height:100vh;background:var(--surface-base);border-left:1px solid var(--border-medium);height:100dvh;box-shadow:var(--shadow-modal);z-index:100;transition:transform var(--duration-base) var(--ease-standard);pointer-events:auto;padding-right:max(0px, env(safe-area-inset-right));flex-direction:column;display:flex;position:fixed;top:0;right:0;transform:translate(0)}.studio-tree-drawer.collapsed{pointer-events:none;transform:translate(100%)}.tree-drawer-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.tree-drawer-title{font-size:var(--font-size-md);letter-spacing:-.01em;color:var(--ink-primary);font-weight:700}.tree-drawer-subtitle{font-size:var(--font-size-xs);color:var(--ink-secondary);margin-top:2px}.tree-drawer-close{width:var(--target-min);height:var(--target-min);border-radius:var(--radius-full);border:1px solid var(--border-subtle);color:var(--ink-primary);cursor:pointer;transition:background var(--duration-fast) ease;background:0 0;justify-content:center;align-items:center;font-size:14px;display:flex}.tree-drawer-close:hover{background:var(--surface-hover)}.tree-drawer-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:var(--space-4) var(--space-5);padding-bottom:max(var(--space-6), env(safe-area-inset-bottom));flex:1;overflow-y:auto}.tree-root{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.tree-group{gap:var(--space-1);padding-left:var(--space-4);margin-top:var(--space-1);border-left:1px solid var(--border-subtle);flex-direction:column;list-style:none;display:flex}.tree-group.hidden{display:none!important}.tree-node-parent{min-height:var(--target-min);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface-hover);color:var(--ink-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--duration-fast) ease;border:1px solid #0000;justify-content:space-between;align-items:center;font-weight:700;display:flex}.tree-node-parent:hover{background:var(--surface-active);border-color:var(--border-medium)}.tree-node-parent:focus-visible{background:var(--surface-active);border-color:var(--border-medium)}.tree-node-label-group{align-items:center;gap:var(--space-2);display:flex}.tree-node-icon{font-size:14px;line-height:1}.tree-chevron{color:var(--ink-secondary);transition:transform var(--duration-fast) ease;font-size:10px}.tree-node-parent[aria-expanded=true] .tree-chevron{transform:rotate(90deg)}.tree-node-leaf{min-height:var(--target-min);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--ink-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--duration-fast) ease;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;font-weight:500;text-decoration:none;display:flex}.tree-node-leaf:hover{background:var(--surface-hover);border-color:var(--border-subtle)}.tree-node-leaf:focus-visible{background:var(--surface-hover);border-color:var(--border-subtle)}.tree-node-leaf.active{background:var(--ink-primary);color:var(--ink-inverse);font-weight:600}.tree-badge{font-size:var(--font-size-xs);border-radius:var(--radius-full);background:var(--surface-sunken);color:var(--ink-secondary);padding:2px 7px;font-weight:600}.tree-node-leaf.active .tree-badge{color:var(--ink-inverse);background:#00000026}.tree-node-theme{gap:var(--space-2);padding:var(--space-3);background:var(--surface-hover);border-radius:var(--radius-md);border:1px solid var(--border-subtle);cursor:default;flex-direction:column;align-items:stretch;min-height:auto;display:flex}.theme-control-header{justify-content:space-between;align-items:center;width:100%;display:flex}.theme-control-title{font-size:var(--font-size-sm);color:var(--ink-primary);font-weight:600}.theme-segmented-group{background:var(--surface-sunken);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);grid-template-columns:repeat(2,1fr);gap:6px;margin-top:2px;padding:4px;display:grid}.theme-segment-btn{min-height:42px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-xs);color:var(--ink-secondary);font-family:var(--font-family);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;font-weight:600;display:inline-flex;position:relative}.theme-segment-btn:hover{color:var(--ink-primary);background:var(--surface-hover)}.theme-segment-btn.active{background:var(--surface-base);color:var(--ink-primary);border-color:var(--border-medium);box-shadow:var(--shadow-subtle)}.theme-segment-btn.active .theme-seg-icon{transform:scale(1.12)}.theme-segment-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:1px;z-index:2}.theme-seg-icon{transition:transform var(--duration-fast) ease;font-size:13px;line-height:1}.modal-backdrop{width:100%;height:100vh;-webkit-backdrop-filter:blur(14px);z-index:200;pointer-events:auto;height:100dvh;transition:opacity var(--duration-base) ease;background:#121316ad;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.modal-backdrop.hidden{display:none!important}.modal-card{width:92%;max-width:820px;max-height:88vh;background:var(--surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-xl);max-height:88dvh;box-shadow:var(--shadow-modal);flex-direction:column;display:flex;overflow:hidden}.modal-header{padding:var(--space-6) var(--space-8) var(--space-4);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;display:flex}.modal-title-group{flex-direction:column;display:flex}.modal-title{font-size:var(--font-size-xl);letter-spacing:-.02em;color:var(--ink-primary);font-weight:700}.modal-subtitle{font-size:var(--font-size-sm);color:var(--ink-secondary);margin-top:2px;font-weight:500}.modal-close-btn{background:var(--surface-base);border:1px solid var(--border-subtle);width:var(--target-min);height:var(--target-min);border-radius:var(--radius-full);color:var(--ink-primary);cursor:pointer;transition:all var(--duration-fast) ease;justify-content:center;align-items:center;font-size:14px;display:flex}.modal-close-btn:hover{background:var(--surface-hover);border-color:var(--border-medium)}.modal-content{padding:var(--space-6) var(--space-8);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;gap:var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.inst-story-grid{gap:var(--space-3);flex-direction:column;display:flex}.inst-story-card{background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);gap:var(--space-2);flex-direction:column;display:flex}.inst-story-card:hover{background:var(--surface-hover);border-color:var(--border-medium);transform:translateY(-1px)}.inst-story-card.active{border-color:var(--ink-primary);background:var(--surface-elevated);box-shadow:var(--shadow-card)}.story-card-top{justify-content:space-between;align-items:center;display:flex}.story-identity{align-items:center;gap:var(--space-2);display:flex}.story-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.story-name{font-size:var(--font-size-md);color:var(--ink-primary);font-weight:700}.story-year{font-size:var(--font-size-xs);color:var(--ink-tertiary);font-weight:500}.story-cat{font-size:var(--font-size-xs);border-radius:var(--radius-full);background:var(--surface-sunken);color:var(--ink-secondary);padding:2px 8px;font-weight:600}.story-blurb{font-size:var(--font-size-sm);color:var(--ink-primary);max-width:68ch;font-weight:450;line-height:1.6}.story-footer{padding-top:var(--space-2);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.story-hint{font-size:var(--font-size-xs);color:var(--ink-secondary);font-weight:600}.wiki-link{font-size:var(--font-size-xs);color:var(--ink-primary);border-radius:var(--radius-sm);padding:4px 8px;font-weight:600;text-decoration:underline}.wiki-link:hover{background:var(--surface-hover)}.modal-footer{padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.fallback-note{font-size:var(--font-size-xs);color:var(--ink-secondary);line-height:1.5}.pro-unlock-card{max-width:680px}.pro-header-block{gap:var(--space-1);flex-direction:column;display:flex}.pro-badge-row{align-items:center;gap:var(--space-2);display:flex}.pro-launch-tag{font-size:var(--font-size-xs);color:var(--accent-warm);background:var(--accent-warm-subtle);border:1px solid var(--accent-warm-border);border-radius:var(--radius-full);padding:2px 8px;font-weight:700}.pro-value-grid{gap:var(--space-3);margin-top:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.pro-value-item{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex}.pro-value-check{color:var(--semantic-success);margin-top:1px;font-size:14px;font-weight:700}.pro-value-text{flex-direction:column;gap:2px;display:flex}.pro-value-text strong{font-size:var(--font-size-sm);color:var(--ink-primary);font-weight:700}.pro-value-text span{font-size:var(--font-size-xs);color:var(--ink-secondary);line-height:1.4}.pro-pricing-box{align-items:center;gap:var(--space-3);background:var(--surface-base);border:1px solid var(--border-medium);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-3);text-align:center;flex-direction:column;display:flex}.price-callout{justify-content:center;align-items:baseline;gap:var(--space-2);display:flex}.price-amount{font-size:var(--font-size-2xl);letter-spacing:-.03em;color:var(--ink-primary);font-weight:800;line-height:1}.price-period{font-size:var(--font-size-sm);color:var(--ink-secondary);font-weight:500}.btn-checkout-primary{background:var(--ink-primary);width:100%;min-height:52px;color:var(--ink-inverse);font-size:var(--font-size-md);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);box-shadow:var(--shadow-card);border:none;justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:flex}.btn-checkout-primary:hover{box-shadow:var(--shadow-elevated);background:#383838;transform:translateY(-1px)}.checkout-alt-row{font-size:var(--font-size-xs);color:var(--ink-secondary)}.checkout-alt-link{color:var(--ink-primary);margin-left:var(--space-1);font-weight:600;text-decoration:underline}.pro-activation-box{gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);margin-top:var(--space-2);flex-direction:column;display:flex}.activation-label{font-size:var(--font-size-xs);color:var(--ink-secondary);font-weight:600}.activation-input-row{gap:var(--space-2);display:flex}.license-input{min-height:var(--button-height);padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-medium);background:var(--surface-elevated);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--ink-primary);transition:border-color var(--duration-fast) ease;outline:none;flex:1}.license-input:focus{border-color:var(--ink-primary)}.license-input::placeholder{color:var(--ink-tertiary);opacity:.85}.btn-activate{min-height:var(--button-height);padding:0 var(--space-5);border-radius:var(--radius-md);background:var(--surface-base);border:1px solid var(--border-medium);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--ink-primary);cursor:pointer;transition:all var(--duration-fast) ease;font-weight:700}.btn-activate:hover{background:var(--surface-hover);border-color:var(--border-strong)}.activation-feedback{font-size:var(--font-size-xs);min-height:18px;font-weight:600}.activation-feedback.success{color:var(--semantic-success)}.activation-feedback.error{color:var(--semantic-error)}.activation-feedback.info{color:var(--ink-secondary)}.fine-print-note{color:var(--ink-tertiary);text-align:center;font-size:11px;line-height:1.4}.scale-modal-card{max-width:680px}.scale-grid{gap:var(--space-2);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.scale-card-btn{background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);text-align:left;cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);color:var(--ink-primary)}.scale-card-btn:hover{background:var(--surface-hover);border-color:var(--border-medium)}.scale-card-btn.active{background:var(--ink-primary);color:var(--ink-inverse);border-color:var(--ink-primary)}.scale-card-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.scale-name{font-size:var(--font-size-sm);font-weight:700}.scale-badge{border-radius:var(--radius-xs);padding:1px 5px;font-size:9px;font-weight:700}.scale-badge.free{background:var(--surface-sunken);color:var(--ink-secondary)}.scale-badge.pro{background:var(--accent-warm-subtle);color:var(--accent-warm)}.scale-card-btn.active .scale-badge{color:var(--ink-inverse);background:#00000026}:root:not([data-theme=dark]) .scale-card-btn.active .scale-badge{color:#fff;background:#fff3}.scale-intervals{color:var(--ink-tertiary);font-size:10px}.scale-card-btn.active .scale-intervals{color:var(--ink-inverse);opacity:.75}:root:not([data-theme=dark]) .scale-card-btn.active .scale-intervals{color:#ffffffd9;opacity:1}.scale-controls-row{gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);display:flex}.control-group{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.control-group.root-group{flex:0 0 160px}.slider-label{font-size:var(--font-size-sm);color:var(--ink-primary);font-weight:700}.slider-ticks{color:var(--ink-tertiary);justify-content:space-between;font-size:10px;display:flex}.range-slider{width:100%;accent-color:var(--ink-primary);cursor:pointer;height:6px}.studio-select{min-height:var(--button-height);background:var(--surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:0 var(--space-3);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--ink-primary);outline:none;font-weight:600}.daw-midi-drawer{width:400px;max-width:90vw;height:100vh;background:var(--surface-base);border-left:1px solid var(--border-medium);height:100dvh;box-shadow:var(--shadow-modal);z-index:100;transition:transform var(--duration-base) var(--ease-standard);pointer-events:auto;padding-right:max(0px, env(safe-area-inset-right));flex-direction:column;display:flex;position:fixed;top:0;right:0;transform:translate(0)}.daw-midi-drawer.collapsed{pointer-events:none;transform:translate(100%)}.drawer-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.drawer-title{font-size:var(--font-size-md);color:var(--ink-primary);font-weight:700}.drawer-subtitle{font-size:var(--font-size-xs);color:var(--ink-secondary);margin-top:2px}.drawer-close-btn{width:var(--target-min);height:var(--target-min);border-radius:var(--radius-full);border:1px solid var(--border-subtle);color:var(--ink-primary);cursor:pointer;transition:background var(--duration-fast) ease;background:0 0;justify-content:center;align-items:center;font-size:14px;display:flex}.drawer-close-btn:hover{background:var(--surface-hover)}.drawer-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:var(--space-4) var(--space-6);padding-bottom:max(var(--space-6), env(safe-area-inset-bottom));gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.midi-config-bar{align-items:flex-end;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle);display:flex}.midi-port-group{flex-direction:column;flex:1;gap:4px;display:flex}.midi-field-label{text-transform:uppercase;color:var(--ink-tertiary);letter-spacing:.04em;font-size:10px;font-weight:700}.select-wrap{gap:var(--space-1);display:flex}.midi-port-select{min-height:var(--button-height);background:var(--surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-sm);padding:0 var(--space-2);font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--ink-primary);outline:none;flex:1}.btn-mini-refresh{width:var(--button-height);height:var(--button-height);background:var(--surface-base);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--ink-primary);cursor:pointer;transition:background var(--duration-fast) ease;font-size:14px}.btn-mini-refresh:hover{background:var(--surface-hover)}.btn-freeze-midi{min-height:var(--button-height);padding:0 var(--space-3);background:var(--surface-base);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--ink-primary);cursor:pointer;white-space:nowrap;transition:all var(--duration-fast) ease;font-weight:600}.btn-freeze-midi.active{background:var(--semantic-error);color:#fff;border-color:var(--semantic-error)}.midi-axis-list{gap:var(--space-2);flex-direction:column;display:flex}.midi-axis-row{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--duration-fast) ease;display:flex}.midi-axis-row.dimmed{opacity:.35}.midi-axis-row.solo-active{border-color:var(--semantic-success);background:var(--semantic-success-bg)}.axis-info{flex-direction:column;width:130px;display:flex}.axis-label{font-size:var(--font-size-xs);color:var(--ink-primary);font-weight:700}.axis-routing{color:var(--ink-tertiary);font-size:10px}.axis-meter-wrap{align-items:center;gap:var(--space-2);flex:1;display:flex}.axis-meter-bar{background:var(--surface-sunken);border-radius:var(--radius-xs);flex:1;height:6px;overflow:hidden}.axis-meter-fill{background:var(--ink-primary);border-radius:var(--radius-xs);width:0%;height:100%;transition:width 40ms linear}.axis-val{color:var(--ink-secondary);text-align:right;font-variant-numeric:tabular-nums;width:32px;font-size:10px;font-weight:600}.btn-solo-map{min-height:32px;padding:0 var(--space-2);background:var(--surface-base);border:1px solid var(--border-medium);border-radius:var(--radius-xs);color:var(--ink-secondary);cursor:pointer;white-space:nowrap;transition:all var(--duration-fast) ease;font-size:10px;font-weight:700}.btn-solo-map:hover{background:var(--surface-hover);color:var(--ink-primary)}.btn-solo-map.active{background:var(--semantic-success);color:#fff;border-color:var(--semantic-success)}.drawer-footer{padding-top:var(--space-3);border-top:1px solid var(--border-subtle);gap:var(--space-2);flex-direction:column;display:flex}.daw-hint{font-size:var(--font-size-xs);color:var(--ink-secondary);line-height:1.4}.btn-download-pack{width:100%;min-height:var(--button-height);background:var(--surface-hover);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--ink-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--duration-fast) ease;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:flex}.btn-download-pack:hover{background:var(--surface-active);border-color:var(--border-strong)}.studio-toast{bottom:var(--space-6);background:var(--ink-primary);color:var(--ink-inverse);border-radius:var(--radius-full);padding:var(--space-2) var(--space-5);box-shadow:var(--shadow-elevated);font-size:var(--font-size-sm);z-index:9999;opacity:0;pointer-events:none;transition:all var(--duration-base) var(--ease-standard);white-space:nowrap;font-weight:600;position:fixed;left:50%;transform:translate(-50%)translateY(20px)}.studio-toast.visible{opacity:1;transform:translate(-50%)translateY(0)}.studio-toast.hidden{display:none!important}.draggable-component{touch-action:none;transition:box-shadow var(--duration-fast) var(--ease-standard);position:relative;pointer-events:auto!important}.draggable-component.is-dragging{opacity:.96;-webkit-user-select:none;user-select:none;transform:scale(1.015);cursor:grabbing!important;z-index:9999!important;transition:none!important;box-shadow:0 24px 60px #2222223d,0 4px 16px #2222221a!important}.component-drag-handle{background:var(--surface-base);border:1px solid var(--border-medium);border-radius:var(--radius-full);width:36px;height:16px;box-shadow:var(--shadow-subtle);cursor:grab;opacity:0;pointer-events:auto;transition:opacity var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);z-index:25;justify-content:center;align-items:center;display:flex;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.draggable-component:hover .component-drag-handle,.draggable-component.is-dragging .component-drag-handle{opacity:1}@media (hover:none),(max-width:768px){.component-drag-handle{opacity:.85;width:42px;height:18px;top:-9px}.camera-dock .component-drag-handle{width:28px;height:16px;top:4px;left:8px}}.component-drag-handle:hover{background:var(--surface-hover);border-color:var(--border-strong)}.grip-dots{color:var(--ink-tertiary);letter-spacing:-2px;pointer-events:none;font-size:10px;line-height:1}.camera-dock .component-drag-handle{top:6px;left:12px;transform:none}.hud-header .component-drag-handle{top:4px}.tracking-guide-card{top:92px;left:var(--space-8);background:var(--surface-glass-heavy);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:350px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-elevated);z-index:100;animation:animSlideUp var(--duration-base) var(--ease-standard);pointer-events:auto;transition:opacity var(--duration-fast) var(--ease-standard);flex-direction:column;display:flex;position:fixed;overflow:hidden}.tracking-guide-card.hidden{display:none!important}.guide-card-header{padding:var(--space-4) var(--space-5);background:var(--surface-sunken);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.guide-title-row{align-items:center;gap:var(--space-3);display:flex}.guide-icon{font-size:22px;line-height:1}.guide-title{font-size:var(--font-size-base);letter-spacing:-.01em;color:var(--ink-primary);font-weight:700;line-height:1.2}.guide-subtitle{font-size:var(--font-size-xs);color:var(--ink-secondary);font-weight:600}.guide-close-btn{border:1px solid var(--border-subtle);background:var(--surface-base);width:32px;height:32px;color:var(--ink-secondary);cursor:pointer;transition:all var(--duration-fast) ease;border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:flex}.guide-close-btn:hover{background:var(--surface-hover);color:var(--ink-primary);border-color:var(--border-strong)}.guide-card-body{padding:var(--space-4) var(--space-5);gap:var(--space-3);max-height:60vh;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;max-height:60dvh;display:flex;overflow-y:auto}.guide-step-item{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-base);border:1px solid var(--border-subtle);align-items:flex-start;display:flex}.guide-step-item.alert{background:var(--semantic-error-bg);border-color:#b91c1c33}.guide-step-num{background:var(--ink-primary);width:24px;min-width:24px;height:24px;color:var(--ink-inverse);font-size:var(--font-size-xs);border-radius:50%;justify-content:center;align-items:center;font-weight:700;line-height:1;display:flex}.guide-step-item.alert .guide-step-num{background:var(--semantic-error)}.guide-step-content strong{font-size:var(--font-size-sm);color:var(--ink-primary);margin-bottom:2px;font-weight:700;display:block}.guide-step-content p{font-size:var(--font-size-xs);color:var(--ink-secondary);line-height:1.45}.guide-step-content b{color:var(--ink-primary)}.guide-card-footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-subtle);background:var(--surface-base)}.btn-full-width{width:100%}@keyframes animFadeIn{0%{opacity:0}to{opacity:1}}@keyframes animSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes animSlideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes animScaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.hud-header{animation:animSlideDown .35s var(--ease-standard)}.stage-nav-cluster{animation:animSlideDown .4s var(--ease-standard)}.activation-card{animation:animFadeIn .45s var(--ease-standard)}.sculptural-console{animation:animSlideUp .48s var(--ease-standard)}.modal-card{animation:animScaleIn .22s var(--ease-standard)}.camera-pip-toggle{-webkit-backdrop-filter:blur(4px);color:#fff;border:1px solid var(--border-subtle);cursor:pointer;width:22px;height:22px;transition:all var(--duration-fast) ease;background:#222222b8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;line-height:1;display:flex}.camera-pip-toggle:hover{background:#222222f2;transform:scale(1.06)}.drawer-drag-pill{background:var(--border-strong);opacity:.75;cursor:grab;border-radius:2px;width:36px;height:4px;margin:10px auto 4px}.drawer-backdrop{width:100%;height:100vh;-webkit-backdrop-filter:blur(6px);z-index:95;height:100dvh;transition:opacity var(--duration-fast) var(--ease-standard);pointer-events:auto;background:#1e1a1461;position:fixed;top:0;left:0}.drawer-backdrop.hidden,.hidden{display:none!important}@media (min-width:769px) and (max-width:1024px){.hud-header{padding:var(--space-4) var(--space-6)}.stage-segmented-control{max-width:90vw}.camera-dock{top:76px;right:var(--space-4);width:220px;height:124px}.camera-dock.expanded{width:320px;height:180px}.sculptural-console{width:85%;max-width:480px;padding:var(--space-3) var(--space-5)}.console-top-row{gap:var(--space-3);grid-template-columns:100px 1fr 100px}.spatial-hint{padding:6px 12px}.hint-left{left:var(--space-4)}.hint-right{right:var(--space-4)}}#mobile-studio-tray,.mobile-tray-backdrop,#mobile-pushup-pill{display:none!important}@media (max-width:768px){.hud-header,.stage-nav-cluster,.activation-card,.console-viewport,.spatial-hint,#focus-mode-bar{display:none!important}#camera-dock{top:max(var(--space-2), env(safe-area-inset-top,0px));right:max(var(--space-2), env(safe-area-inset-right,0px));width:124px;height:auto;aspect-ratio:var(--camera-aspect,16 / 9);border-radius:var(--radius-md,10px);z-index:60;opacity:.96;-webkit-user-select:none;user-select:none;cursor:grab;max-width:150px;max-height:220px;transition:width var(--duration-base) var(--ease-standard), opacity var(--duration-fast) ease;position:fixed;bottom:auto;left:auto;box-shadow:0 4px 16px #00000038;touch-action:none!important;display:block!important}#camera-dock.expanded{border-radius:var(--radius-lg,14px);z-index:65;width:200px;max-width:240px;max-height:320px;box-shadow:0 8px 32px #00000061}#camera-dock .camera-optics-toolbar,#camera-dock .camera-status-feedback{display:none!important}#camera-dock:not(.expanded) .camera-dock-header{justify-content:space-between;width:calc(100% - 8px);top:4px;left:4px;right:4px;transform:none}#camera-dock .camera-status{background:#00000073;border:none;border-radius:9999px;gap:3px;padding:2px 6px}#camera-dock .camera-label{display:none!important}#camera-dock .camera-pip-toggle{color:#fff;background:#00000073;border:none;border-radius:4px;width:20px;height:20px;font-size:10px}#camera-dock .pulse-dot{width:5px;height:5px}.mobile-tray-backdrop{-webkit-backdrop-filter:blur(4px);z-index:95;opacity:1;pointer-events:auto;background:#00000073;transition:opacity .3s;position:fixed;top:0;bottom:0;left:0;right:0;display:block!important}.mobile-tray-backdrop.hidden{opacity:0;pointer-events:none;display:none!important}#mobile-studio-tray{z-index:100;background:var(--surface-tray,#fbf9f5f0);-webkit-backdrop-filter:blur(28px)saturate(180%);border-top:1px solid var(--border-medium,#22222224);border-radius:var(--radius-xl,22px) var(--radius-xl,22px) 0 0;will-change:transform;flex-direction:column;width:100%;height:84vh;max-height:84vh;transition:transform .38s cubic-bezier(.16,1,.3,1);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 36px #22222224;display:flex!important}[data-theme=dark] #mobile-studio-tray{background:#121316f2;border-top-color:#ffffff1f;box-shadow:0 -8px 36px #0000008c}#mobile-studio-tray.collapsed{pointer-events:none;transform:translateY(100%)}#mobile-studio-tray.peek{pointer-events:auto;transform:translateY(calc(100% - 36vh))}#mobile-studio-tray.expanded{pointer-events:auto;transform:translateY(0)}#mobile-pushup-pill{bottom:max(14px, env(safe-area-inset-bottom,10px));border-radius:var(--radius-full,9999px);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--border-medium,#22222229);height:34px;color:var(--ink-primary,#1c1917);cursor:pointer;z-index:90;touch-action:none;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#fbf9f5e6;align-items:center;gap:7px;padding:0 14px;font-family:inherit;font-size:12px;font-weight:600;transition:opacity .22s,transform .22s,background .2s;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #00000024;display:inline-flex!important}[data-theme=dark] #mobile-pushup-pill{color:#fbf9f5;background:#14151ae6;border-color:#ffffff29;box-shadow:0 4px 20px #0000008c}#mobile-pushup-pill.hidden{opacity:0!important;pointer-events:none!important;transform:translate(-50%)translateY(14px)!important}.pushup-dot{background:#f59e0b;border-radius:50%;width:6px;height:6px;transition:background .15s,box-shadow .15s}.pushup-dot.tuned{background:#16a34a;box-shadow:0 0 6px #16a34ab3}.pushup-inst-name{letter-spacing:-.01em;font-weight:700}.pushup-sep{opacity:.35}.pushup-note-freq{color:var(--ink-secondary,#58554e);font-size:11px}[data-theme=dark] .pushup-note-freq{color:#c4c0b5}.pushup-chevron{opacity:.7;font-size:11px;transform:translateY(-1px)}.mobile-tray-header{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;border-bottom:1px solid var(--border-subtle,#22222214);flex-shrink:0;width:100%;padding:6px 14px 8px}.mobile-tray-grabber-wrap{cursor:grab;justify-content:center;align-items:center;width:100%;padding:2px 0 6px;display:flex}.mobile-tray-grabber{background:var(--ink-tertiary,#8c887b);opacity:.5;border-radius:2px;width:36px;height:4px}.mobile-tray-header:active .mobile-tray-grabber{opacity:.9;width:42px}.mobile-tray-header-bar{justify-content:space-between;align-items:center;width:100%;height:32px;display:flex}.tray-brand-meta{align-items:center;gap:6px;display:flex}.tray-brand-icon{font-size:14px}.tray-brand-title{letter-spacing:-.01em;color:var(--ink-primary,#1c1917);font-size:13px;font-weight:700}[data-theme=dark] .tray-brand-title{color:#fbf9f5}.tray-pushdown-btn{border-radius:var(--radius-full,9999px);background:var(--surface-card,#0000000f);border:1px solid var(--border-subtle,#2222221a);height:28px;color:var(--ink-secondary,#58554e);cursor:pointer;touch-action:manipulation;align-items:center;gap:4px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}[data-theme=dark] .tray-pushdown-btn{color:#c4c0b5;background:#ffffff14;border-color:#ffffff1f}.pushdown-chevron{font-size:10px}.mobile-tray-body{-webkit-overflow-scrolling:touch;padding:10px 12px max(24px, env(safe-area-inset-bottom,24px)) 12px;flex-direction:column;flex:1;gap:12px;display:flex;overflow:hidden auto}.mobile-inst-section{width:100%}.mobile-compact-inst-bar{border-radius:var(--radius-full,9999px);background:var(--surface-card,#0000000d);border:1px solid var(--border-subtle,#2222221a);scrollbar-width:none;-ms-overflow-style:none;gap:3px;width:100%;padding:3px;display:flex;overflow-x:auto}[data-theme=dark] .mobile-compact-inst-bar{background:#ffffff0f;border-color:#ffffff1a}.mobile-compact-inst-bar::-webkit-scrollbar{display:none}.compact-inst-btn{border-radius:var(--radius-full,9999px);min-width:58px;height:32px;color:var(--ink-secondary,#58554e);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:4px;padding:0 6px;font-size:11px;font-weight:600;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}[data-theme=dark] .compact-inst-btn{color:#c4c0b5}.compact-inst-btn.active{background:var(--surface-base,#fff);color:var(--ink-primary,#1c1917);font-weight:700;box-shadow:0 2px 6px #0000001a}[data-theme=dark] .compact-inst-btn.active{color:#fff;background:#ffffff29;box-shadow:0 2px 8px #0006}.compact-inst-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.compact-inst-name{font-size:11px}.compact-pro-tag{color:#ea580c;background:#f9731633;border-radius:3px;padding:1px 3px;font-size:7px;font-weight:800}.mobile-controls-section{flex-direction:column;gap:8px;display:flex}.mobile-compact-switches-row{grid-template-columns:1fr 1fr auto;gap:6px;width:100%;display:grid}.mobile-compact-switch{border-radius:var(--radius-md,8px);background:var(--surface-card,#f4f1ea);border:1px solid var(--border-medium,#2222221f);cursor:pointer;justify-content:space-between;align-items:center;gap:6px;height:36px;padding:0 10px;font-family:inherit;display:flex}[data-theme=dark] .mobile-compact-switch{background:#ffffff0f;border-color:#ffffff1f}.mobile-compact-switch.active{background:#16a34a14;border-color:#16a34a}.mobile-compact-switch .switch-icon{font-size:13px}.mobile-compact-switch .switch-name{color:var(--ink-primary,#1c1917);text-align:left;flex:1;font-size:11px;font-weight:600}[data-theme=dark] .mobile-compact-switch .switch-name{color:#fbf9f5}.mobile-compact-switch .switch-badge{color:var(--ink-secondary,#58554e);background:#00000014;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:700}.mobile-compact-switch.active .switch-badge{color:#fff;background:#16a34a}.mobile-compact-kill{border-radius:var(--radius-md,8px);color:#e11d48;cursor:pointer;background:#e11d4814;border:1px solid #e11d4847;align-items:center;gap:4px;height:36px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.mobile-compact-scale-bar{border-radius:var(--radius-md,8px);background:var(--surface-card,#f4f1ea);border:1px solid var(--border-medium,#2222221f);grid-template-columns:1.2fr .9fr 1.1fr;align-items:center;gap:6px;width:100%;padding:6px 8px;display:grid}[data-theme=dark] .mobile-compact-scale-bar{background:#ffffff0f;border-color:#ffffff1f}.mobile-compact-scale-bar .scale-item{flex-direction:column;gap:2px;display:flex}.mobile-compact-scale-bar .scale-label{letter-spacing:.05em;color:var(--ink-tertiary,#8c887b);font-size:8px;font-weight:700}.mobile-compact-scale-bar .compact-select{border:1px solid var(--border-subtle,#2222221a);background:var(--surface-base,#fff);height:24px;color:var(--ink-primary,#1c1917);border-radius:4px;padding:0 4px;font-size:10px;font-weight:600}[data-theme=dark] .mobile-compact-scale-bar .compact-select{color:#fbf9f5;background:#0006;border-color:#ffffff26}.mobile-compact-scale-bar .pull-label-row{justify-content:space-between;align-items:center;display:flex}.mobile-compact-scale-bar .pull-percent{color:#ea580c;font-size:8px;font-weight:700}.mobile-compact-scale-bar .compact-slider{accent-color:#ea580c;width:100%;height:4px}.mobile-full-section{border-top:1px dashed var(--border-subtle,#2222221a);flex-direction:column;gap:14px;padding-top:12px;display:flex}.mobile-console-surface{background:var(--surface-card,#f4f1ea);border:1px solid var(--border-medium,#22222224);border-radius:var(--radius-lg,14px);flex-direction:column;gap:8px;padding:10px 12px;display:flex}[data-theme=dark] .mobile-console-surface{background:#ffffff0d;border-color:#ffffff1f}.mobile-console-meta{justify-content:space-between;align-items:center;display:flex}.console-meta-title{letter-spacing:.06em;color:var(--ink-tertiary,#8c887b);font-size:9px;font-weight:700}.console-meta-mode{color:var(--ink-secondary,#58554e);background:#2222220f;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:700}[data-theme=dark] .console-meta-mode{color:#c4c0b5;background:#ffffff1a}.mobile-console-main-row{grid-template-columns:80px 1fr 100px;align-items:center;gap:8px;display:grid}.console-sub-block{flex-direction:column;display:flex}.vu-meta-row{justify-content:space-between;align-items:center;display:flex}.sub-label{color:var(--ink-tertiary,#8c887b);font-size:9px;font-weight:600}.sub-label.right{text-align:right}.mute-pill{color:#e11d48;background:#e11d481a;border-radius:3px;padding:1px 4px;font-size:8px;font-weight:700}.mute-pill:not(.active){opacity:.4;color:var(--ink-tertiary,#8c887b);background:0 0}.vu-meter-bar{background:#22222214;border-radius:3px;width:100%;height:6px;margin:3px 0;overflow:hidden}[data-theme=dark] .vu-meter-bar{background:#ffffff1a}.vu-fill{background:linear-gradient(90deg,#10b981,#f59e0b,#e11d48);height:100%;transition:width 60ms linear}.vu-pct-caption{color:var(--ink-secondary,#58554e);font-size:10px;font-weight:700}[data-theme=dark] .vu-pct-caption{color:#c4c0b5}.note-block{text-align:center;justify-content:center;align-items:center}.big-note-text{letter-spacing:-.04em;color:var(--ink-primary,#1c1917);font-size:28px;font-weight:800;line-height:1}[data-theme=dark] .big-note-text{color:#fbf9f5}.big-freq-caption{justify-content:center;align-items:baseline;gap:2px;margin-top:2px;display:flex}.big-freq-text{color:var(--ink-secondary,#58554e);font-size:12px;font-weight:700}[data-theme=dark] .big-freq-text{color:#c4c0b5}.big-freq-unit{color:var(--ink-tertiary,#8c887b);font-size:9px}.scope-box{background:#2222220d;border-radius:6px;justify-content:center;align-items:center;width:100%;height:34px;display:flex;overflow:hidden}[data-theme=dark] .scope-box{background:#00000059}.mobile-osc-canvas{width:100%;height:100%}.mobile-cents-dial{align-items:center;gap:6px;padding-top:4px;display:flex}.cents-tick-side{color:var(--ink-tertiary,#8c887b);width:24px;font-size:9px;font-weight:600}.cents-rail{background:#22222214;border-radius:4px;flex:1;height:8px;position:relative}[data-theme=dark] .cents-rail{background:#ffffff1a}.cents-zero-notch{background:var(--ink-secondary,#58554e);width:2px;height:12px;position:absolute;top:-2px;left:50%;transform:translate(-50%)}[data-theme=dark] .cents-zero-notch{background:#c4c0b5}.cents-cursor{background:#ea580c;border-radius:2px;width:8px;height:12px;transition:left 60ms linear;position:absolute;top:-2px;transform:translate(-50%)}.cents-cursor.tuned{background:#16a34a}.cents-score{color:var(--ink-primary,#1c1917);text-align:right;width:44px;font-size:11px;font-weight:700}[data-theme=dark] .cents-score{color:#fbf9f5}.mobile-tools-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mobile-tool-tile{border-radius:var(--radius-md,10px);background:var(--surface-card,#f4f1ea);border:1px solid var(--border-medium,#22222224);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:62px;padding:8px 6px;transition:all .15s;display:flex}[data-theme=dark] .mobile-tool-tile{background:#ffffff0f;border-color:#ffffff1f}.mobile-tool-tile:active{transform:scale(.97)}.tool-tile-icon{font-size:16px}.tool-tile-icon.rec-icon{color:#e11d48}.mobile-tool-tile.recording{background:#e11d4814;border-color:#e11d48}.tool-tile-title{color:var(--ink-primary,#1c1917);font-size:11px;font-weight:700}[data-theme=dark] .tool-tile-title{color:#fbf9f5}.tool-tile-sub{color:var(--ink-tertiary,#8c887b);font-size:9px}.mobile-pro-upgrade-card{border-radius:var(--radius-lg,12px);background:linear-gradient(135deg,#f973161f,#ec48991f);border:1px solid #f9731647;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.pro-card-content{flex-direction:column;gap:2px;display:flex}.mobile-legal-links{justify-content:center;gap:16px;padding:8px 0 2px;display:flex}.mobile-legal-links a{color:var(--ink-tertiary,#8c887b);font-size:11px;text-decoration:none}.pro-card-header{align-items:center;gap:6px;display:flex}.pro-tier-pill{color:#ea580c;background:#f9731633;border-radius:4px;padding:1px 5px;font-size:8px;font-weight:800}.pro-tier-pill.pro{color:#fff;background:#16a34a}.pro-card-title{color:var(--ink-primary,#1c1917);font-size:11px;font-weight:700}[data-theme=dark] .pro-card-title{color:#fbf9f5}.pro-card-desc{color:var(--ink-secondary,#58554e);font-size:9px;line-height:1.3}[data-theme=dark] .pro-card-desc{color:#c4c0b5}.mobile-upgrade-cta-btn{border-radius:var(--radius-full,9999px);color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316,#ec4899);border:none;flex-shrink:0;height:34px;padding:0 12px;font-size:11px;font-weight:700;box-shadow:0 2px 8px #f9731647}.mobile-upgrade-cta-btn.active{box-shadow:none;background:#16a34a}.studio-tree-drawer,.daw-midi-drawer{border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-top:1px solid var(--border-medium);width:100%;max-width:100%;height:86vh;max-height:88vh;padding-bottom:max(var(--space-6), env(safe-area-inset-bottom,0px));border-left:none;top:auto;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -8px 32px #2222222e}.studio-tree-drawer.collapsed,.daw-midi-drawer.collapsed{transform:translateY(100%)!important}.studio-tree-drawer:not(.collapsed),.daw-midi-drawer:not(.collapsed){transform:translateY(0)!important}.tree-drawer-header,.drawer-header{padding:var(--space-3) var(--space-5)}.tree-drawer-title,.drawer-title{font-size:var(--font-size-base)}.tree-drawer-content,.drawer-content{padding:var(--space-3) var(--space-4)}.midi-axis-row{padding:var(--space-2)}.axis-info{width:100px}.tracking-guide-card{top:auto;bottom:max(var(--space-4), env(safe-area-inset-bottom,0px));left:var(--space-3);right:var(--space-3);width:auto;max-width:360px;max-height:65vh;margin:0 auto}.modal-backdrop{padding:var(--space-2);align-items:flex-end}.modal-card{border-radius:var(--radius-xl) var(--radius-xl) var(--radius-md) var(--radius-md);width:100%;max-width:100%;max-height:88vh;padding:0}.modal-header{padding:var(--space-4) var(--space-5) var(--space-2)}.modal-title{font-size:var(--font-size-lg)}.modal-content{padding:var(--space-3) var(--space-5) max(var(--space-4), env(safe-area-inset-bottom,0px));gap:var(--space-3)}.pro-value-grid{gap:var(--space-2);grid-template-columns:1fr}.scale-grid{gap:var(--space-2);grid-template-columns:1fr 1fr}.scale-controls-row{gap:var(--space-2);flex-direction:column}.control-group.root-group{flex:1}.pro-pricing-box{padding:var(--space-4)}.price-amount{font-size:var(--font-size-xl)}.activation-input-row{flex-direction:column}}@media (max-width:380px){.console-top-row{grid-template-columns:70px 1fr 70px;gap:4px}.note-primary{font-size:24px}.stage-btn{padding:0 var(--space-2);font-size:11px}.scale-grid{grid-template-columns:1fr}}@media (max-height:500px) and (orientation:landscape){.hud-header{padding:4px var(--space-4)}.stage-nav-cluster{margin-top:0}.stage-segmented-control{padding:2px 6px}.stage-btn{min-height:32px;padding:0 10px;font-size:11px}.peace-switch-indicator{display:none}.activation-card{margin:2px auto}.activation-bar{padding:2px var(--space-3)}.toggle-switch{min-height:34px}.activation-helper{display:none}.camera-dock{top:48px;right:var(--space-2);width:104px;height:64px}.console-viewport{bottom:0}.sculptural-console{max-width:380px;padding:6px 12px}.console-top-row{padding-bottom:2px}.cents-dial-row{padding-top:2px}.note-primary{font-size:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body.obs-streamer-mode,html.obs-streamer-mode,body.obs-streamer-mode #webgl-canvas{background:0 0!important}body.obs-streamer-mode .studio-hud-chrome{display:none!important}@media (display-mode:window-controls-overlay){.hud-header{top:env(titlebar-area-y,0px);left:env(titlebar-area-x,0px);width:env(titlebar-area-width,100vw);height:env(titlebar-area-height,48px);min-height:env(titlebar-area-height,48px);padding:0 var(--space-4);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);z-index:1000;-webkit-app-region:drag;app-region:drag;background:#f4f1eaf0;position:fixed;box-shadow:0 1px 3px #2222220d}.hud-header .component-drag-handle{display:none}.hud-header .brand-group,.hud-header .header-actions{align-items:center;height:100%}#hud-overlay{padding-top:env(titlebar-area-height,48px)}.stage-nav-cluster{margin-top:calc(env(titlebar-area-height,48px) + var(--space-2))}.camera-dock{top:calc(env(titlebar-area-height,48px) + var(--space-3))}.tracking-guide-card{top:calc(env(titlebar-area-height,48px) + var(--space-4))}.studio-tree-drawer,.daw-midi-drawer{top:env(titlebar-area-height,48px);height:calc(100vh - env(titlebar-area-height,48px))}}body.wco-active .hud-header{top:env(titlebar-area-y,0px);left:env(titlebar-area-x,0px);width:env(titlebar-area-width,100vw);height:env(titlebar-area-height,48px);min-height:env(titlebar-area-height,48px);padding:0 var(--space-4);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);z-index:1000;-webkit-app-region:drag;app-region:drag;background:#f4f1eaf0;position:fixed;box-shadow:0 1px 3px #2222220d}body.wco-active .hud-header .component-drag-handle{display:none}body.wco-active #hud-overlay{padding-top:env(titlebar-area-height,48px)}body.wco-active .stage-nav-cluster{margin-top:calc(env(titlebar-area-height,48px) + var(--space-2))}body.wco-active .camera-dock{top:calc(env(titlebar-area-height,48px) + var(--space-3))}body.wco-active .tracking-guide-card{top:calc(env(titlebar-area-height,48px) + var(--space-4))}body.wco-active .studio-tree-drawer,body.wco-active .daw-midi-drawer{top:env(titlebar-area-height,48px);height:calc(100vh - env(titlebar-area-height,48px))}.tree-shortcut-row{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--ink-secondary);justify-content:space-between;align-items:center;display:flex}.tree-shortcut-key{min-width:22px;height:20px;font-family:var(--font-family-mono);font-size:var(--font-size-xs);background:var(--surface-sunken);color:var(--ink-primary);border:1px solid var(--border-medium);border-radius:var(--radius-xs);letter-spacing:.02em;justify-content:center;align-items:center;padding:0 6px;font-weight:700;display:inline-flex;box-shadow:0 1px #00000014}body.focus-mode-active .studio-hud-chrome{transition:opacity var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);transform:translateY(10px);opacity:0!important;pointer-events:none!important}body.focus-mode-active #camera-dock{opacity:.9;transition:opacity var(--duration-base) var(--ease-standard);pointer-events:auto!important}body.focus-mode-active #camera-dock.focus-pip-hidden{opacity:0!important;pointer-events:none!important}body.focus-mode-active .console-viewport{transition:opacity var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);opacity:1!important;pointer-events:auto!important;transform:none!important}body.focus-mode-active .console-viewport.focus-notes-hidden{opacity:0!important;pointer-events:none!important;transform:translateY(16px)!important}body.focus-mode-active .sculptural-console{opacity:1!important;pointer-events:auto!important;transform:none!important}.btn-focus-trigger{align-items:center;gap:var(--space-2);display:inline-flex}.focus-icon{font-size:14px;line-height:1}.focus-mode-bar{top:max(var(--space-4), env(safe-area-inset-top,16px));z-index:9999;align-items:center;gap:var(--space-3);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border-medium);border-radius:var(--radius-full);animation:animSlideDown .24s var(--ease-standard);pointer-events:auto;background:#f4f1eaeb;padding:6px 14px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #2222221f,0 1px 3px #2222220f}[data-theme=dark] .focus-mode-bar{border-color:var(--border-strong);background:#1a1b20eb;box-shadow:0 8px 30px #00000059}.focus-zoom-group{align-items:center;gap:var(--space-1);display:flex}.focus-ctrl-btn{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--surface-translucent);width:32px;min-width:32px;height:32px;color:var(--ink-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--duration-fast) ease;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.focus-ctrl-btn:hover{background:var(--surface-hover);border-color:var(--border-medium);transform:translateY(-1px)}.focus-ctrl-btn:active{transform:translateY(0)}.focus-zoom-level{text-align:center;min-width:44px;font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--ink-secondary);font-weight:700}.focus-divider{background:var(--border-medium);width:1px;height:18px}.focus-exit-btn{border-radius:var(--radius-full);border:1px solid var(--border-medium);background:var(--ink-primary);height:32px;color:var(--ink-inverse);font-size:var(--font-size-xs);align-items:center;gap:var(--space-2);cursor:pointer;transition:all var(--duration-fast) ease;padding:0 12px;font-weight:600;display:inline-flex}.focus-exit-btn:hover{background:var(--ink-secondary)}.focus-kbd{font-family:var(--font-family-mono);color:inherit;background:#fff3;border-radius:4px;padding:1px 4px;font-size:10px}.turntable-dock{bottom:max(96px, env(safe-area-inset-bottom,96px));z-index:150;gap:var(--space-2);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border-medium);border-radius:var(--radius-xl);min-width:330px;max-width:92vw;transition:opacity var(--duration-fast) ease, transform var(--duration-fast) ease;background:#f4f1eaf0;flex-direction:column;padding:12px 18px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #22222229,0 2px 8px #22222214}[data-theme=dark] .turntable-dock{border-color:var(--border-strong);background:#1a1b20f0;box-shadow:0 12px 36px #0000007a}.turntable-dock.hidden{display:none!important}.turntable-header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.turntable-title-group{align-items:center;gap:var(--space-2);display:flex}.turntable-icon{font-size:14px}.turntable-title{font-size:var(--font-size-xs);color:var(--ink-primary);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.turntable-deg-badge{font-family:var(--font-family-mono);border-radius:var(--radius-full);background:var(--surface-sunken);color:var(--accent-amber);border:1px solid var(--border-subtle);text-align:center;min-width:42px;padding:2px 9px;font-size:11px;font-weight:700}.turntable-close-btn{border-radius:var(--radius-full);width:24px;height:24px;color:var(--ink-tertiary);cursor:pointer;transition:all var(--duration-fast) ease;background:0 0;border:none;justify-content:center;align-items:center;font-size:12px;display:flex}.turntable-close-btn:hover{background:var(--surface-sunken);color:var(--ink-primary)}.turntable-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.turntable-angle-btn,.turntable-spin-btn{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-elevated);color:var(--ink-secondary);cursor:pointer;transition:all var(--duration-fast) ease;white-space:nowrap;padding:5px 10px;font-size:11px;font-weight:600}.turntable-angle-btn:hover,.turntable-spin-btn:hover{background:var(--surface-sunken);color:var(--ink-primary);border-color:var(--border-medium)}.turntable-angle-btn.active,.turntable-spin-btn.active{background:var(--accent-amber);color:#121316;border-color:var(--accent-amber);font-weight:700}.turntable-scrub-row{align-items:center;width:100%;padding:2px 0;display:flex}.turntable-slider{width:100%;accent-color:var(--accent-amber);cursor:pointer;height:5px}.turntable-hint{color:var(--ink-tertiary);text-align:center;font-size:10px}.turntable-dock.is-grabbing{border-color:var(--accent-amber);box-shadow:0 0 0 1px var(--accent-amber), 0 8px 28px #f59e0b40}.turntable-dock.is-grabbing .turntable-hint{color:var(--accent-amber);font-weight:600}body.hand-grabbing-360 canvas{cursor:grabbing}.btn-360-trigger.active{background:var(--accent-amber)!important;color:#121316!important;border-color:var(--accent-amber)!important}.btn-console-collapse{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--surface-translucent);width:28px;height:28px;color:var(--ink-tertiary);cursor:pointer;transition:all var(--duration-fast) ease;z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:12px}.btn-console-collapse:hover{background:var(--surface-hover);color:var(--ink-primary);border-color:var(--border-medium)}.collapse-icon{font-size:14px;font-weight:700;line-height:1}.sculptural-console.minimized{transition:all var(--duration-base) var(--ease-standard);cursor:pointer;border-radius:var(--radius-full)!important;width:auto!important;max-width:380px!important;box-shadow:var(--shadow-elevated)!important;padding:8px 18px!important}.sculptural-console.minimized .console-full-content{display:none!important}.console-minimized-strip{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--ink-primary);-webkit-user-select:none;user-select:none;display:flex}.console-minimized-strip.hidden{display:none!important}.min-note{font-weight:700;font-family:var(--font-family-sans);color:var(--accent)}.min-sep{color:var(--ink-tertiary)}.min-freq{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--ink-secondary)}.min-inst{color:var(--ink-primary);font-weight:600}.min-chevron{margin-left:var(--space-1);color:var(--ink-tertiary);transition:transform var(--duration-fast) ease;font-size:10px}.sculptural-console.minimized:hover .min-chevron{color:var(--ink-primary);transform:translateY(2px)}.legal-modal-card{width:92vw;max-width:720px;max-height:85vh;border-radius:var(--radius-2xl);max-height:85dvh;box-shadow:0 24px 64px #00000073, var(--shadow-modal);border:1px solid var(--border-medium);z-index:10;flex-direction:column;display:flex;overflow:hidden;background:var(--surface-solid)!important;background-color:var(--surface-solid)!important}.legal-modal-card .modal-header{border-bottom:1px solid var(--border-subtle);background:var(--surface-solid)!important}.legal-tab-bar{border-bottom:1px solid var(--border-subtle);scrollbar-width:none;display:flex;overflow-x:auto;background:var(--surface-sunken)!important}.legal-tab-bar::-webkit-scrollbar{display:none}.legal-tab-btn{min-width:140px;min-height:44px;padding:var(--space-2) var(--space-4);font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--ink-secondary);cursor:pointer;white-space:nowrap;transition:all var(--duration-fast) ease;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;font-weight:600;display:flex}.legal-tab-btn:hover{color:var(--ink-primary);background:var(--surface-hover)}.legal-tab-btn.active{color:var(--accent);border-bottom-color:var(--accent);background:var(--surface-solid)!important}.legal-modal-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:var(--space-6);padding-bottom:max(var(--space-6), env(safe-area-inset-bottom));gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto;background:var(--surface-solid)!important}.legal-pane{gap:var(--space-4);flex-direction:column;display:flex}.legal-pane.hidden{display:none!important}.legal-section{gap:var(--space-2);flex-direction:column;display:flex}.legal-section h3{font-size:var(--font-size-md);color:var(--ink-primary);margin:0;font-weight:700}.legal-section h4{font-size:var(--font-size-sm);color:var(--ink-primary);margin:0;font-weight:700}.legal-section p{font-size:var(--font-size-sm);color:var(--ink-secondary);margin:0;line-height:1.6}.support-contact-box{gap:var(--space-3);padding:var(--space-4);background:var(--surface-hover);border:1px solid var(--border-medium);border-radius:var(--radius-lg);margin:var(--space-2) 0;flex-direction:column;display:flex}.support-email-row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.support-email-address{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--ink-primary);background:var(--surface-solid);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px 12px;font-weight:700}.btn-email-support{border-radius:var(--radius-full);background:var(--ink-primary);color:var(--ink-inverse);font-size:var(--font-size-xs);transition:all var(--duration-fast) ease;padding:8px 16px;font-weight:600;text-decoration:none}.btn-email-support:hover{background:var(--ink-secondary)}.support-sla-note{font-size:var(--font-size-xs);color:var(--ink-tertiary);margin:0}.privacy-banner-callout{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:#10b98114;border:1px solid #10b98140;display:flex}.privacy-banner-icon{font-size:20px}.privacy-banner-text strong{font-size:var(--font-size-sm);color:var(--semantic-success);display:block}.privacy-banner-text span{font-size:var(--font-size-xs);color:var(--ink-secondary)}.legal-oss-list{padding-left:var(--space-5);gap:var(--space-2);font-size:var(--font-size-sm);color:var(--ink-secondary);flex-direction:column;margin:0;line-height:1.5;display:flex}.legal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex;background:var(--surface-sunken)!important}.legal-doc-note-group{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.legal-doc-note{font-size:var(--font-size-xs);color:var(--ink-secondary);font-weight:500}.legal-doc-link{font-size:var(--font-size-xs);color:var(--accent-sunburst,#ea580c);text-underline-offset:3px;transition:color var(--duration-fast) ease;font-weight:600;text-decoration:underline}.legal-doc-link:hover{color:var(--ink-primary)}.pro-legal-links{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-3);display:flex}.legal-link-btn{font-size:var(--font-size-xs);color:var(--ink-tertiary);cursor:pointer;text-underline-offset:2px;transition:color var(--duration-fast) ease;background:0 0;border:none;padding:4px 6px;text-decoration:underline}.legal-link-btn:hover{color:var(--ink-primary)}.legal-link-sep{color:var(--ink-tertiary);font-size:10px}.atelier-preloader{width:100%;height:100vh;height:-webkit-fill-available;z-index:100000;pointer-events:auto;opacity:1;visibility:visible;justify-content:center;align-items:center;height:100dvh;transition:opacity .85s cubic-bezier(.16,1,.3,1),visibility .85s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.atelier-preloader.preloader-hidden{opacity:0;visibility:hidden;pointer-events:none}.preloader-backdrop{background:var(--surface-glass-heavy);-webkit-backdrop-filter:blur(28px)saturate(180%);background-image:radial-gradient(circle at 50% 45%,#f973161f 0%,#0000 68%);position:absolute;top:0;bottom:0;left:0;right:0}:root[data-theme=dark] .preloader-backdrop,html[data-theme=dark] .preloader-backdrop{background:#121316f0 radial-gradient(circle at 50% 45%,#f973162e 0%,#0000 68%)}.preloader-modal{z-index:2;text-align:center;padding:var(--space-8) var(--space-6);flex-direction:column;align-items:center;width:90%;max-width:440px;display:flex;position:relative}.preloader-icon-wrap{margin-bottom:var(--space-6);justify-content:center;align-items:center;display:flex;position:relative}.preloader-logo-svg{z-index:2;border-radius:17px;width:76px;height:76px;animation:3s ease-in-out infinite preloaderLogoPulse;position:relative;box-shadow:0 12px 36px #00000038}@keyframes preloaderLogoPulse{0%,to{filter:drop-shadow(0 0 14px #f9731659);transform:scale(1)}50%{filter:drop-shadow(0 0 28px #f97316b3);transform:scale(1.05)}}.preloader-aura{filter:blur(16px);z-index:1;pointer-events:none;background:radial-gradient(circle,#f9731659 0%,#f9731600 70%);border-radius:50%;width:140px;height:140px;animation:3s ease-in-out infinite preloaderAuraBreathe;position:absolute}@keyframes preloaderAuraBreathe{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}.preloader-text-group{margin-bottom:var(--space-6)}.preloader-title{font-family:var(--font-family);font-size:var(--font-size-xl);letter-spacing:.24em;color:var(--ink-primary);margin-bottom:var(--space-2);font-weight:700}.preloader-subtitle{font-family:var(--font-family);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-secondary);font-size:11px;font-weight:600}.preloader-meter-wrap{align-items:center;gap:var(--space-3);width:240px;margin-bottom:var(--space-4);flex-direction:column;display:flex}.preloader-meter-bar{background:var(--surface-sunken);border-radius:var(--radius-full);width:100%;height:3px;position:relative;overflow:hidden}.preloader-progress-fill{border-radius:var(--radius-full);background:linear-gradient(90deg,#ea580c,#f59e0b,#fbbf24);height:100%;transition:width .4s cubic-bezier(.16,1,.3,1);box-shadow:0 0 10px #f59e0b99}.preloader-status{color:var(--ink-secondary);letter-spacing:-.01em;min-height:18px;font-size:12px;font-weight:500;transition:opacity .25s}.btn-preloader-enter{margin-top:var(--space-3);background:var(--ink-primary);color:var(--ink-inverse);border:1px solid var(--ink-primary);border-radius:var(--radius-full);letter-spacing:.04em;cursor:pointer;box-shadow:var(--shadow-elevated);transition:transform var(--duration-fast) var(--ease-standard), background var(--duration-fast) ease, opacity var(--duration-base) ease;padding:10px 24px;font-size:13px;font-weight:600;animation:.35s animSlideUp}.btn-preloader-enter:hover{background:#333;transform:translateY(-1px)scale(1.02)}:root[data-theme=dark] .btn-preloader-enter:hover,html[data-theme=dark] .btn-preloader-enter:hover{color:#121316;background:#f5f3ef}@media (prefers-reduced-motion:reduce){.atelier-preloader{transition:opacity 50ms,visibility 50ms!important}.preloader-logo-svg,.preloader-aura,.preloader-progress-fill{animation:none!important}}