@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--bg:#18181b;--bg-inset:#1c1c20;--card:#27272a;--card-raised:#2e2e33;--border:#3f3f46;--border-strong:#52525b;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--danger:#f87171;--status-ok:#4ade80;--accent:#a855f7;--accent-text:#c084fc;--accent-hover:#9333ea;--accent-weak:#2c2135;--rig:#38bdf8;--font-sans:"IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"IBM Plex Mono", "SF Mono", Menlo, Consolas, monospace;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--space-48:48px;--space-64:64px;--radius-chip:4px;--radius-control:8px;--radius-card:12px;--glass-bg:#27272aa3;--glass-bg-raised:#2e2e33b8;--glass-bg-solid:#1f1f23e6;--glass-border:#ffffff17;--glass-highlight:#ffffff0e;--glass-blur:14px;--glass-blur-strong:22px;--shadow-raised:0 1px 3px #00000059;--shadow-panel:0 1px 2px #00000047, 0 10px 28px -14px #0000008c;--shadow-float:0 16px 44px -14px #000000b3;--shadow-inset-well:inset 0 1px 3px #0006, inset 0 0 0 1px #00000026;--ambient-accent:color-mix(in srgb, var(--accent) 11%, transparent);--ambient-rig:color-mix(in srgb, var(--rig) 7%, transparent);--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-fast:.13s;--dur-med:.22s}*{box-sizing:border-box}body,html{width:100%;height:100%;font-family:var(--font-sans);background-color:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:14px;line-height:1.5}#root{width:100vw;height:100vh}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.app-shell{height:100%;padding:var(--space-12);gap:var(--space-12);background:radial-gradient(1200px 620px at 12% -12%, var(--ambient-accent), transparent 60%), radial-gradient(1000px 720px at 112% 118%, var(--ambient-rig), transparent 55%), var(--bg);flex-direction:column;display:flex}.app-shell p{color:var(--text-secondary)}.app-header{justify-content:flex-start;align-items:center;gap:var(--space-16);padding-bottom:var(--space-4);display:flex}.app-header h1{letter-spacing:.01em;font-size:.95rem;font-weight:600;line-height:1.1;font-family:var(--font-mono);color:var(--text-primary);align-items:center;gap:var(--space-8);margin:0;display:flex}.app-header h1:before{content:"";border-radius:var(--radius-chip);background:var(--accent);width:8px;height:8px;box-shadow:0 0 8px var(--accent-hover)}.app-header__actions{gap:var(--space-8);display:flex}.file-input-button{min-height:32px;padding:var(--space-8) var(--space-12);border:1px solid var(--glass-border);border-radius:var(--radius-control);background:var(--glass-bg-raised);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));color:var(--text-primary);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);align-items:center;font-size:.8rem;font-weight:500;display:inline-flex;position:relative}.file-input-button:hover{border-color:var(--accent);background:var(--accent-weak);box-shadow:var(--shadow-raised);transform:translateY(-1px)}.file-input-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.app-error{color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, transparent);border:1px solid color-mix(in srgb, var(--danger) 40%, transparent);border-radius:var(--radius-control);padding:var(--space-8) var(--space-12);justify-content:space-between;align-items:center;gap:var(--space-8);margin:0;font-size:.8rem;display:flex}.app-error button{min-height:0;padding:0 var(--space-8);color:var(--danger);background:0 0;border:none;font-size:.9rem}.app-warnings{padding:var(--space-8) var(--space-12) var(--space-8) var(--space-24);background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius-control);color:var(--text-muted);margin:0;font-size:.78rem;line-height:1.6}.app-body{gap:var(--space-12);flex:1;grid-template-columns:260px minmax(0,1fr) 340px;min-height:0;display:grid}@media (width<=1120px){.app-body{grid-template-columns:220px minmax(0,1fr) 300px}}.panel{background:linear-gradient(180deg, var(--glass-highlight), transparent 42%), var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-card);padding:var(--space-12);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-panel);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;overflow:auto}.panel::-webkit-scrollbar{width:8px;height:8px}.panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-chip)}.panel::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.panel__header{justify-content:space-between;align-items:center;gap:var(--space-8);margin-bottom:var(--space-12);display:flex}.panel>h2{top:calc(-1 * var(--space-12));z-index:1;letter-spacing:.08em;text-transform:uppercase;margin:calc(-1 * var(--space-12)) calc(-1 * var(--space-12)) var(--space-12);padding:var(--space-12) var(--space-12) var(--space-8);color:var(--text-secondary);background:var(--glass-bg-solid);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);font-size:.7rem;font-weight:600;line-height:1.1;position:sticky}.panel__header h2{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:.7rem;font-weight:600;line-height:1.1}.panel__header span{letter-spacing:.04em;color:var(--text-secondary);font-size:.72rem;font-weight:600}button{font-family:var(--font-sans);background:var(--card-raised);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-control);padding:var(--space-4) var(--space-8);cursor:pointer;min-height:28px;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);font-size:.78rem;font-weight:500;line-height:1.1}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-text);box-shadow:var(--shadow-raised);transform:translateY(-1px)}button:active:not(:disabled){background:var(--accent-weak);box-shadow:none;transform:translateY(0)}button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button:disabled{opacity:.4;cursor:not-allowed}.panel__header button{border-color:var(--border-strong)}.panel__header button:hover:not(:disabled){background:var(--accent-weak)}input,select,textarea{font-family:var(--font-mono);background:var(--bg-inset);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-control);padding:var(--space-4) var(--space-8);min-height:28px;font-size:.78rem;transition:border-color .12s,box-shadow .12s}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-weak);outline:none}input[type=checkbox],input[type=color]{min-height:0}input[type=color]{cursor:pointer;width:40px;height:28px;padding:0}input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:16px;height:16px}input[type=range]{accent-color:var(--accent);background:0 0;border:none;min-height:0;padding:0}select{cursor:pointer}.stage{cursor:grab;background:var(--bg-inset);background-image:linear-gradient(45deg, var(--card) 25%, transparent 25%), linear-gradient(-45deg, var(--card) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--card) 75%), linear-gradient(-45deg, transparent 75%, var(--card) 75%);border:1px solid var(--glass-border);border-radius:var(--radius-card);box-shadow:var(--shadow-inset-well);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden}.stage:active{cursor:grabbing}.stage--empty{justify-content:center;align-items:center;gap:var(--space-16);color:var(--text-muted);cursor:default;flex-direction:column}.stage--empty:before{content:"▶";border:2px solid var(--border-strong);background:radial-gradient(circle at center, var(--accent-weak) 0%, transparent 70%);width:64px;height:64px;box-shadow:0 0 24px -8px var(--accent-hover);color:var(--accent-text);border-radius:50%;justify-content:center;align-items:center;padding-left:3px;font-size:1.4rem;line-height:1;display:flex}.stage--empty p{color:var(--text-muted);margin:0;font-size:.85rem}.stage__content{width:100%;height:100%}.stage svg .studio-selected{outline:2px dashed var(--accent-text);outline-offset:2px}.stage__overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.stage__rig-point,.stage__pivot-marker{fill:var(--rig);stroke:var(--bg);stroke-width:1px}.stage__ik-marker{fill:var(--danger);stroke:var(--bg);stroke-width:1px}.stage__path-preview{fill:none;stroke:var(--accent-text);stroke-width:1.5px;stroke-dasharray:4 3}.element-list,.suggestion-list{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.element-list li .element-list__row{text-align:left;background:var(--glass-bg-raised);border:1px solid var(--glass-border);border-radius:var(--radius-chip);width:100%;padding:var(--space-4) var(--space-8);color:var(--text-primary);transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);font-size:.8rem}.element-list li.is-selected .element-list__row{border-color:var(--accent);background:var(--accent-weak);color:var(--accent-text)}.element-list__row:hover{border-color:var(--border-strong);color:var(--text-primary);transform:translate(2px)}.element-list__tag{color:var(--text-muted);font-family:var(--font-mono);margin-left:var(--space-4);font-size:.68rem}.element-list__unassigned{gap:var(--space-4);align-items:center;display:flex}.element-list__unassigned .element-list__row{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:34%;color:var(--text-secondary);flex:0 auto;overflow:hidden}.element-list__unassigned input{flex:auto;min-width:0}.suggestion-list{gap:var(--space-4);margin-bottom:var(--space-12)}.suggestion-list li{align-items:center;gap:var(--space-8);background:var(--accent-weak);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);border-radius:var(--radius-chip);padding:var(--space-8);font-size:.78rem;display:flex}.suggestion-list__label{color:var(--accent-text);font-weight:600}.suggestion-list__reason{color:var(--text-muted);flex:1;font-size:.7rem;line-height:1.4}.suggestion-list li button{border-color:var(--accent);color:var(--accent-text)}.inspector__empty{color:var(--text-muted);padding:var(--space-16) 0;text-align:center;font-size:.82rem}.part-tagger__field{border-top:1px solid var(--border);padding-top:var(--space-12);margin-top:var(--space-12);gap:var(--space-8);color:var(--text-secondary);flex-direction:column;font-size:.78rem;display:flex}.part-tagger__field>span,.part-tagger__field>.panel__header span{letter-spacing:.02em;color:var(--text-secondary);font-weight:600}.part-tagger__field select{width:100%}.part-tagger__readout{color:var(--text-muted);font-family:var(--font-mono);margin:0;font-size:.72rem;line-height:1.5}.part-tagger__bone-assign{gap:var(--space-8);background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius-control);padding:var(--space-8);flex-direction:column;display:flex}.part-tagger__bone-assign label{gap:var(--space-4);flex-direction:column;display:flex}.part-tagger__bone-assign-actions{gap:var(--space-8);display:flex}.inspector__part{font-family:var(--font-mono);color:var(--accent-text);background:var(--accent-weak);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);border-radius:var(--radius-chip);padding:var(--space-4) var(--space-8);margin:0 0 var(--space-12);font-size:.82rem;font-weight:600;display:inline-block}.inspector__clip-dur{gap:var(--space-4);margin-bottom:var(--space-16);color:var(--text-secondary);flex-direction:column;font-size:.78rem;font-weight:500;display:flex}.track{background:var(--card-raised);border:1px solid var(--border);border-radius:var(--radius-control);padding:var(--space-8);margin-bottom:var(--space-8)}.track__header{justify-content:space-between;align-items:center;gap:var(--space-8);margin-bottom:var(--space-8);display:flex}.track__header strong{font-family:var(--font-mono);letter-spacing:.03em;text-transform:uppercase;color:var(--accent-text);background:var(--accent-weak);border-radius:var(--radius-chip);padding:2px var(--space-8);font-size:.72rem;font-weight:600}.track__morph-shapes{gap:var(--space-8);margin-bottom:var(--space-8);color:var(--text-secondary);flex-direction:column;font-size:.76rem;display:flex}.track__morph-shapes label{gap:var(--space-4);flex-direction:column;display:flex}.track__morph-shapes select,.track__morph-shapes textarea{width:100%;font-family:var(--font-mono);font-size:.72rem}.track__bend{align-items:center;gap:var(--space-4);color:var(--text-muted);font-size:.7rem;display:flex}.track__bend select{width:auto}.track__ik-goal{gap:var(--space-4);align-items:center;display:flex}.track__ik-goal input{width:4rem}.track__ik-goal button.is-active{border-color:var(--accent);color:var(--accent-text);background:var(--accent-weak)}.track__motion-path{gap:var(--space-8);margin-bottom:var(--space-8);color:var(--text-secondary);flex-direction:column;font-size:.76rem;display:flex}.track__motion-path label{gap:var(--space-4);flex-direction:column;display:flex}.track__motion-path textarea{width:100%;font-family:var(--font-mono);font-size:.72rem}.track__motion-rotate{align-items:center;gap:var(--space-8)!important;flex-direction:row!important}.track__motion-presets,.track__motion-draw{gap:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.track__keys{table-layout:fixed;border-collapse:collapse;width:100%;margin-bottom:var(--space-8)}.track__keys th{text-align:left;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;padding-bottom:var(--space-4);font-size:.66rem;font-weight:600}.track__keys th:first-child,.track__keys td:first-child{width:21%}.track__keys th:nth-child(2),.track__keys td:nth-child(2){width:35%}.track__keys th:nth-child(3),.track__keys td:nth-child(3){width:31%}.track__keys th:nth-child(4),.track__keys td:nth-child(4){width:13%}.track__keys td{padding:2px}.track__keys input,.track__keys select{width:100%}.inspector__add-track{gap:var(--space-4);margin-top:var(--space-12);padding-top:var(--space-12);border-top:1px solid var(--border);color:var(--text-secondary);flex-wrap:wrap;align-items:center;font-size:.76rem;display:flex}.inspector__add-track>span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;width:100%;font-size:.66rem;font-weight:600}.timeline-panel{align-items:center;gap:var(--space-16);border-radius:var(--radius-card);padding:var(--space-8) var(--space-16);background:linear-gradient(180deg, var(--glass-highlight), transparent 60%), var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur-strong));backdrop-filter:blur(var(--glass-blur-strong));box-shadow:var(--shadow-panel);display:flex}.timeline-panel>button{min-width:72px;min-height:32px;font-weight:600}.timeline-panel__play--hint{border-color:var(--accent);color:var(--accent-text);background:var(--accent-weak);animation:1.8s ease-in-out infinite play-hint-pulse}@keyframes play-hint-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 40%, transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent), 0 0 16px color-mix(in srgb, var(--accent) 45%, transparent)}}.timeline-panel__speed{border:1px solid var(--glass-border);border-radius:var(--radius-control);background:var(--bg-inset);align-items:center;gap:2px;padding:2px;display:inline-flex}.timeline-panel__speed-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:0 var(--space-4) 0 var(--space-8);white-space:nowrap;font-size:.62rem;font-weight:600}.timeline-panel__speed-btn{min-width:44px;min-height:32px;padding:var(--space-4) var(--space-8);font-family:var(--font-mono);color:var(--text-secondary);font-variant-numeric:tabular-nums;background:0 0;border:1px solid #0000;font-size:.74rem;font-weight:600}.timeline-panel__speed-btn:hover:not(:disabled){color:var(--accent-text);box-shadow:none;background:color-mix(in srgb, var(--accent) 10%, transparent);transform:none}.timeline-panel__speed-btn.is-active{color:var(--accent-text);background:var(--accent-weak);border-color:var(--accent);box-shadow:0 0 10px -4px color-mix(in srgb, var(--accent) 60%, transparent)}.timeline-panel__scrub{flex:1;align-items:center;display:flex;position:relative}.timeline-panel__scrub input[type=range]{cursor:pointer;width:100%}.timeline-panel__ticks{pointer-events:none;position:absolute;inset:0}.timeline-panel__tick{background:var(--accent-text);border-radius:1px;width:2px;height:4px;position:absolute;top:2px}.timeline-panel__why{color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap;font-size:.72rem}.timeline-panel__readout{font-family:var(--font-mono);color:var(--text-primary);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;min-width:110px;font-size:.8rem}.timeline-panel__smil-toggle{align-items:center;gap:var(--space-4);color:var(--text-secondary);font-family:var(--font-sans);background:0 0;border:none;min-height:0;padding:0;font-size:.76rem;display:flex}.export-panel__caveat{color:var(--text-muted);background:var(--bg-inset);border:1px solid var(--border);border-left:2px solid var(--accent);border-radius:var(--radius-chip);padding:var(--space-8);margin:0 0 var(--space-12);font-size:.72rem;line-height:1.5}.export-panel__meter{margin-bottom:var(--space-12);font-size:.8rem}.export-panel__meter>strong{font-family:var(--font-mono);color:var(--accent-text);font-variant-numeric:tabular-nums;margin-bottom:var(--space-8);font-size:1.5rem;font-weight:600;line-height:1.1;display:block}.export-panel__breakdown{border-collapse:collapse;width:100%;margin-top:var(--space-8);font-family:var(--font-mono);color:var(--text-secondary);font-size:.7rem}.export-panel__breakdown td{padding:var(--space-4) 0;border-top:1px solid var(--border)}.export-panel__breakdown td:first-child{color:var(--text-muted)}.export-panel__breakdown td:last-child{text-align:right;white-space:nowrap;color:var(--text-primary);font-variant-numeric:tabular-nums}.export-panel__actions{gap:var(--space-8);margin-bottom:var(--space-12);display:flex}.export-panel__actions button{flex:1;min-height:32px}.export-panel__preview{border:1px solid var(--border);border-radius:var(--radius-control);aspect-ratio:1;background:var(--bg-inset);background-image:linear-gradient(45deg, var(--card) 25%, transparent 25%), linear-gradient(-45deg, var(--card) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--card) 75%), linear-gradient(-45deg, transparent 75%, var(--card) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;overflow:hidden}.export-panel__lottie{margin-top:var(--space-16);padding-top:var(--space-16);border-top:1px solid var(--border)}.panel__subheader{justify-content:space-between;align-items:center;gap:var(--space-8);margin-bottom:var(--space-12);display:flex}.panel__subheader h3{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:.7rem;font-weight:600;line-height:1.1}.generator-gallery{gap:var(--space-8);flex-direction:column;display:flex}.generator-gallery__field{gap:var(--space-4);color:var(--text-secondary);flex-direction:column;font-size:.76rem;font-weight:500;display:flex}.generator-gallery__field select,.generator-gallery__field input[type=number]{width:100%}.generator-gallery__hint{color:var(--text-muted);background:var(--accent-weak);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-radius:var(--radius-chip);padding:var(--space-8);margin:0;font-size:.72rem;line-height:1.5}.generator-gallery>button{margin-top:var(--space-4);border-color:var(--border-strong);min-height:32px;font-weight:600}.generator-gallery>button:hover:not(:disabled){background:var(--accent-weak)}.app-header__demo-badge{font-family:var(--font-mono);color:var(--accent-text);background:var(--accent-weak);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);border-radius:var(--radius-chip);padding:var(--space-4) var(--space-8);white-space:nowrap;font-size:.72rem;font-weight:600}.workflow-rail{align-items:center;gap:var(--space-4);min-height:36px;padding:0 var(--space-4);flex-wrap:wrap;display:flex}.workflow-rail__step{align-items:center;gap:var(--space-4);display:inline-flex}.workflow-rail__arrow{color:var(--text-muted);padding:0 var(--space-4);font-size:.72rem}.workflow-rail__chip{align-items:center;gap:var(--space-4);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;min-height:44px;padding:var(--space-4) var(--space-12);border-radius:var(--radius-chip);transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:0 0;font-size:.72rem;font-weight:600;display:inline-flex}.workflow-rail__chip:hover:not(:disabled){box-shadow:var(--shadow-raised);transform:translateY(-1px)}.workflow-rail__glyph{font-size:.66rem;line-height:1}.workflow-rail__chip--done{color:var(--accent-text);background:var(--accent-weak);border-color:color-mix(in srgb, var(--accent) 35%, transparent)}.workflow-rail__chip--next{color:var(--accent-text);background:var(--accent-weak);border-color:var(--accent);animation:2.4s ease-in-out infinite rail-next-pulse}@keyframes rail-next-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 32%, transparent)}50%{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent), 0 0 14px color-mix(in srgb, var(--accent) 30%, transparent)}}.workflow-rail__chip--pending{color:var(--text-muted);border-color:var(--border)}.workflow-rail__chip--rig{text-transform:none;letter-spacing:.02em;border-style:dashed;font-size:.66rem}.right-dock{flex-direction:column;padding:0;display:flex;overflow:hidden}.right-dock__tabs{border-bottom:1px solid var(--glass-border);background:var(--glass-bg-solid);min-height:44px;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));flex-shrink:0;align-items:stretch;display:flex}.right-dock__tab{justify-content:center;align-items:center;gap:var(--space-4);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);min-height:44px;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;border:none;border-radius:0;flex:1;font-size:.7rem;font-weight:600;display:inline-flex;position:relative}.right-dock__tab:hover:not(:disabled){color:var(--accent-text);background:color-mix(in srgb, var(--accent) 8%, transparent)}.right-dock__tab:after{content:"";background:var(--accent);height:2px;transition:left var(--dur-med) var(--ease-out), right var(--dur-med) var(--ease-out);border-radius:1px 1px 0 0;position:absolute;bottom:0;left:50%;right:50%}.right-dock__tab.is-active{color:var(--accent-text)}.right-dock__tab.is-active:after{left:var(--space-12);right:var(--space-12)}.right-dock__dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.right-dock__body{padding:var(--space-12);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex:1;overflow:auto}.right-dock__body--pending{opacity:.55}.right-dock__body .panel__header h2{font-size:.7rem}.pane-subtitle{color:var(--text-muted);margin:0 0 var(--space-12);font-size:.72rem;line-height:1.5}.parts-panel__subtitle{color:var(--text-muted);margin:0 0 var(--space-12);font-size:.7rem;line-height:1.5}.parts-panel__teach{color:var(--text-secondary);background:var(--accent-weak);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-radius:var(--radius-chip);padding:var(--space-8);margin:0 0 var(--space-12);font-size:.72rem;line-height:1.5}.parts-panel__group{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin:var(--space-12) 0 var(--space-8);font-size:.66rem;font-weight:600}.parts-panel__accept-all{margin-bottom:var(--space-8);border-color:var(--accent);color:var(--accent-text)}.parts-panel--pulse{animation:.7s ease-in-out 2 parts-pulse}@keyframes parts-pulse{50%{box-shadow:0 0 0 2px var(--accent), 0 0 12px color-mix(in srgb, var(--accent) 40%, transparent)}}.part-tagger__hint{color:var(--text-muted);font-size:.7rem;font-weight:400;line-height:1.5}.track__hint{color:var(--text-muted);background:var(--accent-weak);border-radius:var(--radius-chip);padding:var(--space-4) var(--space-8);margin:0 0 var(--space-8);font-size:.7rem;line-height:1.5}.inspector__quick-tag{color:var(--text-secondary);gap:var(--space-8);flex-direction:column;font-size:.78rem;display:flex}.inspector__quick-tag p{margin:0;line-height:1.5}.inspector__quick-tag-row{gap:var(--space-4);display:flex}.inspector__quick-tag-row input{flex:1;min-width:0}.inspector__rig-link{color:var(--accent-text);padding:var(--space-4);background:0 0;border:none}.stage__mode{z-index:2;font-family:var(--font-mono);color:var(--accent-text);background:var(--accent-weak);border-bottom:1px solid color-mix(in srgb, var(--accent) 40%, transparent);padding:var(--space-8) var(--space-12);pointer-events:none;font-size:.72rem;position:absolute;top:0;left:0;right:0}.stage__caption{bottom:var(--space-8);left:var(--space-12);font-family:var(--font-mono);color:var(--text-muted);pointer-events:none;font-size:.7rem;position:absolute}.stage__fit{top:var(--space-8);right:var(--space-8);z-index:2;min-height:32px;position:absolute}.stage__mode~.stage__fit,.stage__mode+.stage__content+.stage__fit{top:var(--space-48)}.stage svg [data-studio-id]:hover{outline:1px dashed color-mix(in srgb, var(--accent-text) 60%, transparent);outline-offset:2px;cursor:pointer}.app-notices{gap:var(--space-8);flex-direction:column;display:flex}.restore-strip{justify-content:space-between;align-items:center;gap:var(--space-8);color:var(--text-primary);background:var(--accent-weak);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);border-radius:var(--radius-control);padding:var(--space-8) var(--space-12);font-size:.78rem;display:flex}.restore-strip__actions{gap:var(--space-8);align-items:center;display:flex}.app-warnings__dismiss{margin-left:calc(-1 * var(--space-12));list-style:none}.app-warnings__dismiss button{min-height:0;color:var(--accent-text);background:0 0;border:none;padding:0;font-size:.72rem}.tour-anchor{box-shadow:0 0 0 2px var(--accent), 0 0 12px color-mix(in srgb, var(--accent) 40%, transparent)}.tour-card{z-index:90;background:linear-gradient(180deg, var(--glass-highlight), transparent 40%), var(--glass-bg-solid);border:1px solid color-mix(in srgb, var(--accent) 50%, transparent);border-radius:var(--radius-card);width:320px;max-width:320px;padding:var(--space-16);-webkit-backdrop-filter:blur(var(--glass-blur-strong));backdrop-filter:blur(var(--glass-blur-strong));box-shadow:var(--shadow-float);outline:none;position:fixed}.tour-card__header{justify-content:space-between;align-items:center;gap:var(--space-8);margin-bottom:var(--space-8);display:flex}.tour-card__title{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text);font-size:.7rem;font-weight:600}.tour-card__count{font-family:var(--font-mono);color:var(--text-muted);font-size:.72rem}.tour-card__body{color:var(--text-secondary);margin:0 0 var(--space-12);font-size:.8rem;line-height:1.5}.tour-card__footer{justify-content:space-between;align-items:center;gap:var(--space-8);display:flex}.tour-card__skip{color:var(--text-muted);background:0 0;border:none}.tour-card__nav{gap:var(--space-8);display:flex}.tour-card__next{background:var(--accent-weak);border-color:var(--accent);color:var(--accent-text)}.help-menu{position:relative}.help-menu__trigger{width:32px;min-height:32px;font-family:var(--font-mono);padding:0;font-weight:600}.help-menu__popover{top:calc(100% + var(--space-8));z-index:80;background:linear-gradient(180deg, var(--glass-highlight), transparent 30%), var(--glass-bg-solid);border:1px solid var(--glass-border);border-radius:var(--radius-card);width:300px;max-height:60vh;padding:var(--space-16);-webkit-backdrop-filter:blur(var(--glass-blur-strong));backdrop-filter:blur(var(--glass-blur-strong));box-shadow:var(--shadow-float);gap:var(--space-12);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex-direction:column;display:flex;position:absolute;right:0;overflow:auto}.help-menu__section h3{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 var(--space-8);font-size:.7rem;font-weight:600}.help-menu__workflow{gap:var(--space-4);color:var(--text-secondary);flex-direction:column;margin:0;padding:0;font-size:.78rem;line-height:1.5;list-style:none;display:flex}.help-menu__num{font-family:var(--font-mono);color:var(--accent-text);margin-right:var(--space-4);font-weight:600}.help-menu__buttons{gap:var(--space-8);display:flex}.help-menu__gestures{font-family:var(--font-mono);color:var(--text-muted);margin:0;font-size:.7rem}.help-menu__glossary summary{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);cursor:pointer;font-size:.7rem;font-weight:600}.help-menu__glossary dl{margin:var(--space-8) 0 0;gap:var(--space-4);flex-direction:column;display:flex}.help-menu__term{gap:var(--space-8);font-size:.72rem;line-height:1.5;display:flex}.help-menu__term dt{font-family:var(--font-mono);color:var(--accent-text);flex:0 0 84px}.help-menu__term dd{color:var(--text-muted);margin:0}.examples-menu{position:relative}.examples-menu__list{top:calc(100% + var(--space-8));z-index:80;background:linear-gradient(180deg, var(--glass-highlight), transparent 30%), var(--glass-bg-solid);border:1px solid var(--glass-border);border-radius:var(--radius-card);width:320px;padding:var(--space-8);-webkit-backdrop-filter:blur(var(--glass-blur-strong));backdrop-filter:blur(var(--glass-blur-strong));box-shadow:var(--shadow-float);position:absolute;left:0}.examples-menu__item{align-items:baseline;gap:var(--space-8);text-align:left;width:100%;padding:var(--space-4);border-radius:var(--radius-chip);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:none;display:flex}.examples-menu__item:hover{background:var(--accent-weak);box-shadow:none;transform:none}.export-panel__subline{color:var(--text-muted);margin:0 0 var(--space-12);font-size:.72rem;line-height:1.5}.export-panel__stale{justify-content:space-between;align-items:center;gap:var(--space-8);color:var(--text-secondary);background:var(--accent-weak);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);border-radius:var(--radius-chip);padding:var(--space-8);margin:0 0 var(--space-12);font-size:.72rem;line-height:1.5;display:flex}.export-panel__results--stale{opacity:.55}.export-panel__caption{color:var(--text-muted);margin:var(--space-8) 0 0;font-size:.7rem;line-height:1.5}.export-panel__scrub-toggle{align-items:center;gap:var(--space-4);color:var(--text-secondary);margin-top:var(--space-8);font-size:.76rem;display:flex}.export-panel__notes-label{margin-left:calc(-1 * var(--space-12));font-weight:600;list-style:none}.generator-gallery__optional{letter-spacing:.02em;text-transform:lowercase;color:var(--text-muted);margin-left:var(--space-4);font-size:.66rem;font-weight:400}.director{display:inline-flex}.director__trigger{color:var(--accent-text);background:var(--accent-weak);border:1px solid var(--accent);min-height:32px;padding:var(--space-8) var(--space-12);box-shadow:0 0 14px -6px color-mix(in srgb, var(--accent) 70%, transparent);font-weight:600}.director__trigger:hover:not(:disabled){color:var(--accent-text);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 22%, transparent);box-shadow:0 4px 18px -6px color-mix(in srgb, var(--accent) 75%, transparent)}.director__overlay{z-index:100;padding:var(--space-24);background:color-mix(in srgb, var(--bg) 55%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.director__modal{gap:var(--space-12);background:linear-gradient(180deg, var(--glass-highlight), transparent 34%), var(--glass-bg-solid);border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);border-radius:var(--radius-card);width:100%;max-width:520px;padding:var(--space-16);-webkit-backdrop-filter:blur(var(--glass-blur-strong));backdrop-filter:blur(var(--glass-blur-strong));box-shadow:var(--shadow-float);flex-direction:column;display:flex}.director__header{justify-content:space-between;align-items:center;gap:var(--space-8);display:flex}.director__title{letter-spacing:.04em;color:var(--accent-text);font-size:.82rem;font-weight:600}.director__close{min-height:0;padding:0 var(--space-8);color:var(--text-muted);background:0 0;border:none;font-size:1.1rem;line-height:1}.director__hint{color:var(--text-secondary);margin:0;font-size:.78rem;line-height:1.5}.director__input{width:100%;font-family:var(--font-sans);resize:vertical;min-height:68px;padding:var(--space-8) var(--space-12);font-size:.85rem;line-height:1.5}.director__starters{gap:var(--space-4);flex-wrap:wrap;display:flex}.director__starter{color:var(--text-secondary);background:var(--bg-inset);border:1px solid var(--glass-border);border-radius:var(--radius-chip);padding:var(--space-4) var(--space-8);text-align:left;font-size:.7rem}.director__starter:hover:not(:disabled){color:var(--accent-text);border-color:var(--accent);background:var(--accent-weak)}.director__error{color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, transparent);border:1px solid color-mix(in srgb, var(--danger) 40%, transparent);border-radius:var(--radius-chip);padding:var(--space-8);margin:0;font-size:.76rem;line-height:1.5}.director__actions{justify-content:flex-end;align-items:center;gap:var(--space-8);display:flex}.director__kbd{font-family:var(--font-mono);color:var(--text-muted);margin-right:auto;font-size:.68rem}.director__go{min-width:96px;min-height:32px;color:var(--accent-text);background:var(--accent-weak);border-color:var(--accent);font-weight:600}.director__mode{border:1px solid var(--glass-border);border-radius:var(--radius-control);background:var(--bg-inset);align-self:flex-start;gap:2px;padding:2px;display:inline-flex}.director__mode-btn{min-height:30px;padding:var(--space-4) var(--space-12);color:var(--text-secondary);background:0 0;border:1px solid #0000;font-size:.76rem;font-weight:600}.director__mode-btn:hover:not(:disabled){color:var(--accent-text);box-shadow:none;background:color-mix(in srgb, var(--accent) 10%, transparent);transform:none}.director__mode-btn.is-active{color:var(--accent-text);background:var(--accent-weak);border-color:var(--accent)}.bridge-setup{gap:var(--space-8);border:1px solid var(--glass-border);border-radius:var(--radius-control);background:var(--bg-inset);padding:var(--space-8) var(--space-12);flex-direction:column;display:flex}.bridge-setup--offline,.bridge-setup--no-cli{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:var(--accent-weak)}.bridge-setup__status{align-items:center;gap:var(--space-8);color:var(--text-secondary);font-size:.76rem;line-height:1.4;display:flex}.bridge-setup__dot{background:var(--text-muted);border-radius:50%;flex:none;width:8px;height:8px}.bridge-setup__status--ready .bridge-setup__dot{background:var(--status-ok);box-shadow:0 0 8px -1px var(--status-ok)}.bridge-setup__status--no-cli .bridge-setup__dot,.bridge-setup__status--offline .bridge-setup__dot{background:var(--accent)}.bridge-setup__how summary{cursor:pointer;color:var(--accent-text);letter-spacing:.02em;font-size:.72rem;font-weight:600}.bridge-setup__blurb,.bridge-setup__foot{color:var(--text-muted);margin:var(--space-8) 0 0;font-size:.74rem;line-height:1.55}.bridge-setup__steps{margin:var(--space-8) 0 0;gap:var(--space-4);flex-direction:column;display:flex}.bridge-setup__lead{color:var(--text-secondary);margin:var(--space-8) 0 var(--space-4);font-size:.76rem;line-height:1.4}.bridge-setup__lead:first-child{margin-top:0}.copy-line{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--card);align-items:stretch;display:flex;overflow:hidden}.copy-line__cmd{min-width:0;font-family:var(--font-mono);color:var(--accent-text);padding:var(--space-8);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;flex:1;font-size:.74rem;overflow:hidden}.copy-line__btn{border:none;border-left:1px solid var(--border);background:var(--card-raised);min-height:0;color:var(--text-secondary);padding:0 var(--space-12);border-radius:0;flex:none;font-weight:600}.copy-line__btn:hover:not(:disabled){color:var(--accent-text);background:var(--accent-weak);box-shadow:none;transform:none}.trace-overlay{z-index:100;padding:var(--space-24);background:color-mix(in srgb, var(--bg) 60%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.trace-overlay__card{gap:var(--space-12);text-align:center;background:linear-gradient(180deg, var(--glass-highlight), transparent 34%), var(--glass-bg-solid);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);border-radius:var(--radius-card);width:100%;max-width:480px;padding:var(--space-24);-webkit-backdrop-filter:blur(var(--glass-blur-strong));backdrop-filter:blur(var(--glass-blur-strong));box-shadow:var(--shadow-float);flex-direction:column;display:flex}.trace-overlay__spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;margin:0 auto;animation:.9s linear infinite trace-spin}@keyframes trace-spin{to{transform:rotate(360deg)}}.trace-overlay__title{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:600}.trace-overlay__body{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.55}.trace-overlay__error{color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, transparent);border:1px solid color-mix(in srgb, var(--danger) 40%, transparent);border-radius:var(--radius-chip);padding:var(--space-8);margin:0;font-size:.78rem;line-height:1.5}.trace-overlay__actions{justify-content:center;gap:var(--space-8);display:flex}