.project-manager{background:#282c34f2;border:1px solid #61dafb;border-radius:12px;padding:20px;width:800px;max-width:90vw;max-height:80vh;overflow-y:auto;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.project-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #61dafb}.project-manager-header h2{margin:0;color:#61dafb;font-size:24px;font-weight:600}.close-btn{background:transparent;border:none;color:#61dafb;font-size:24px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.close-btn:hover{background:#61dafb1a}.current-project-section{margin-bottom:24px}.current-project-section h3{color:#abb2bf;margin:0 0 12px;font-size:18px}.current-project-card{display:flex;justify-content:space-between;align-items:center;background:#61dafb0d;border:1px solid rgba(97,218,251,.2);border-radius:8px;padding:16px}.project-info h4{margin:0 0 4px;color:#61dafb;font-size:16px}.project-info p{margin:0;color:#abb2bf;font-size:14px}.unsaved-indicator{color:#e06c75;font-weight:500;margin-left:8px}.no-project{text-align:center;padding:24px;color:#abb2bf}.no-project p{margin:0 0 16px}.auto-save-section{margin-bottom:24px;padding:16px;background:#98c3790d;border:1px solid rgba(152,195,121,.2);border-radius:8px}.auto-save-toggle{display:flex;align-items:center;cursor:pointer;color:#98c379}.auto-save-toggle input{margin-right:8px}.recent-projects-section{margin-bottom:16px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{margin:0;color:#abb2bf;font-size:18px}.new-project-btn{background:#61dafb;color:#282c34;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s}.new-project-btn:hover:not(:disabled){background:#4fa8c5}.new-project-btn:disabled{opacity:.5;cursor:not-allowed}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.project-card{background:#282c34cc;border:1px solid #4b5563;border-radius:8px;padding:16px;transition:border-color .2s,transform .2s}.project-card:hover{border-color:#61dafb;transform:translateY(-2px)}.project-thumbnail{width:100%;height:60px;margin-bottom:12px;border-radius:6px;background:#61dafb1a;display:flex;align-items:center;justify-content:center}.thumbnail-preview,.thumbnail-placeholder{font-size:24px;color:#61dafb}.project-details h4{margin:0 0 8px;color:#61dafb;font-size:16px;font-weight:500}.project-age{margin:0 0 4px;color:#abb2bf;font-size:12px}.project-version{margin:0 0 8px;color:#98c379;font-size:12px}.project-tags{display:flex;gap:4px;margin-bottom:12px}.tag{background:#d19a6633;color:#d19a66;padding:2px 6px;border-radius:4px;font-size:10px}.project-actions{display:flex;gap:8px}.project-actions button{flex:1;padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background .2s}.load-btn{background:#98c379;color:#282c34}.load-btn:hover:not(:disabled){background:#7cb668}.duplicate-btn{background:#d19a66;color:#282c34}.duplicate-btn:hover:not(:disabled){background:#c8865a}.delete-btn{background:#e06c75;color:#282c34}.delete-btn:hover:not(:disabled){background:#d85763}.save-btn,.save-as-btn{background:#61dafb;color:#282c34;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s}.save-btn:hover:not(:disabled),.save-as-btn:hover:not(:disabled){background:#4fa8c5}.save-btn:disabled,.save-as-btn:disabled{opacity:.5;cursor:not-allowed}.no-projects{text-align:center;padding:40px 20px;color:#abb2bf}.no-projects p{margin:0 0 8px}.dialog-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1001}.dialog{background:#282c34;border:1px solid #61dafb;border-radius:8px;padding:24px;min-width:300px;max-width:500px}.dialog h3{margin:0 0 16px;color:#61dafb}.dialog input{width:100%;padding:8px 12px;border:1px solid #4b5563;border-radius:4px;background:#1e2124;color:#abb2bf;margin-bottom:16px;box-sizing:border-box}.dialog input:focus{outline:none;border-color:#61dafb}.dialog-actions{display:flex;gap:12px;justify-content:flex-end}.dialog-actions button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background .2s}.dialog-actions button:first-child{background:transparent;color:#abb2bf;border:1px solid #4b5563}.dialog-actions button:first-child:hover{background:#abb2bf1a}.dialog-actions button:last-child{background:#61dafb;color:#282c34}.dialog-actions button:last-child:hover:not(:disabled){background:#4fa8c5}.dialog-actions button:disabled{opacity:.5;cursor:not-allowed}.loading-overlay{position:absolute;inset:0;background:#282c34cc;display:flex;align-items:center;justify-content:center;border-radius:12px}.loading-spinner{color:#61dafb;font-size:16px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.project-manager{width:95vw;padding:16px}.projects-grid{grid-template-columns:1fr}.current-project-card{flex-direction:column;align-items:flex-start;gap:12px}.project-actions{flex-direction:column}.dialog{margin:20px;min-width:auto}}.mobile-ui{padding:1rem;max-width:100%;min-height:100vh}.mobile-ui .slider{-webkit-appearance:none;height:8px;border-radius:4px;background:#475569;outline:none;opacity:.8;transition:opacity .2s}.mobile-ui .slider:hover{opacity:1}.mobile-ui .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#06b6d4;cursor:pointer;border:2px solid #ffffff;box-shadow:0 2px 4px #0003}.mobile-ui .slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#06b6d4;cursor:pointer;border:2px solid #ffffff;box-shadow:0 2px 4px #0003}.mobile-ui button{min-height:48px;font-size:16px;touch-action:manipulation}.mobile-ui select,.mobile-ui input[type=number]{min-height:44px;font-size:16px}@media screen and (-webkit-min-device-pixel-ratio: 0){.mobile-ui select,.mobile-ui input,.mobile-ui textarea{font-size:16px}}@media (max-width: 375px){.mobile-ui .grid-cols-2{gap:.75rem}.mobile-ui button{padding:.75rem;font-size:14px}}:root{--font-ui: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Noto Sans",sans-serif;--font-header: "Press Start 2P", var(--font-ui);--font-mono: "Courier New", monospace;--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 12px;--space-6: 16px;--space-7: 20px;--space-8: 24px;--space-9: 32px;--space-10: 40px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 12px;--transition-fast: 80ms;--transition-medium: .15s;--panel-border-width: 3px;--panel-inner-border: 1px;--panel-shadow-offset: 4px;--btn-border-width: 2px;--btn-press-offset: 2px}body.theme-crystal{--bg-root: #081021;--bg-pattern: radial-gradient(circle at 25% 25%, #0a1428 0%, #081021 50%);--panel-frame: #1a3d6b;--panel-frame-light: #2850a0;--panel-frame-dark: #0f2347;--panel-fill: #0f2347;--panel-gradient: linear-gradient(135deg, #142c5a 0%, #0f2347 50%, #081828 100%);--text-primary: #e6f3ff;--text-secondary: #b3d9ff;--text-accent: #66ccff;--text-muted: #7a9cc6;--accent-strong: #66ccff;--accent-medium: #4da6d9;--accent-faint: #1a4d73;--warn: #ff9947;--success: #66ffaa;--error: #ff6666;--focus-ring-inner: #66ccff;--focus-ring-outer: #081021;--border-subtle: #1a3558;--border-strong: #2850a0;--bg-subtle: rgba(26, 61, 107, .15);--bg-input: #0a1c35;--bg-input-focus: #0f2347}body.theme-crystal{background:var(--bg-root);background-image:var(--bg-pattern);background-attachment:fixed;color:var(--text-primary);font-family:var(--font-ui);line-height:1.5}.c-panel{position:relative;background:var(--panel-fill);background-image:var(--panel-gradient);border:var(--panel-border-width) solid var(--panel-frame);border-top-color:var(--panel-frame-light, var(--panel-frame));border-left-color:var(--panel-frame-light, var(--panel-frame));border-right-color:var(--panel-frame-dark, var(--panel-frame));border-bottom-color:var(--panel-frame-dark, var(--panel-frame));border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:inset 0 var(--panel-inner-border) 0 #ffffff1a,inset 0 calc(-1 * var(--panel-inner-border)) 0 #0000004d,0 var(--panel-shadow-offset) calc(var(--panel-shadow-offset) * 2) #0006}.c-panel:not(.c-panel--flat):before{content:"";pointer-events:none;position:absolute;inset:var(--panel-border-width);border-radius:calc(var(--radius-lg) - var(--panel-border-width));background:linear-gradient(135deg,#ffffff14,#ffffff05 30%,#0000001a 70%,#0003);mix-blend-mode:overlay}.c-panel__title{font-family:var(--font-header);font-size:.75rem;letter-spacing:1px;text-transform:uppercase;color:var(--text-accent);margin:0 0 var(--space-5);display:flex;align-items:center;gap:var(--space-3);text-shadow:0 1px 2px rgba(0,0,0,.8)}.c-commandBar{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-6)}.c-workflow{display:flex;flex-direction:column;gap:var(--space-6)}.c-workflow__section{position:relative}.c-workflow__title{font-family:var(--font-header);font-size:.75rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-accent);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2);text-shadow:0 1px 2px rgba(0,0,0,.8)}.c-workflow__content{display:flex;flex-direction:column;gap:var(--space-4)}.c-workflow__buttons{display:flex;flex-wrap:wrap;gap:var(--space-3)}.c-param-group{display:flex;flex-direction:column;gap:var(--space-3);background:#0003;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4)}.c-param-group__title{font-size:.6875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--space-2)}.c-param-control{display:grid;grid-template-columns:100px 1fr 50px;gap:var(--space-3);align-items:center}.c-param-control__label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.c-param-control__value{font-family:var(--font-mono);font-size:.75rem;color:var(--text-primary);text-align:right;min-width:0}.c-status-indicator{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:1px solid}.c-status-indicator--live{background:linear-gradient(135deg,#10b981,#059669);border-color:#047857;color:#fff}.c-status-indicator--ready{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#1d4ed8;color:#fff}.c-status-indicator--idle{background:var(--surface-1);border-color:var(--border-subtle);color:var(--text-secondary)}.c-status-bar{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:.875rem;box-shadow:inset 0 1px 2px #0000001a}.c-btn{cursor:pointer;font-family:var(--font-ui);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:var(--space-4) var(--space-6);background:var(--accent-faint);border:var(--btn-border-width) solid;border-top-color:var(--accent-medium);border-left-color:var(--accent-medium);border-right-color:var(--accent-strong);border-bottom-color:var(--accent-strong);border-radius:var(--radius-md);color:var(--text-primary);position:relative;transition:all var(--transition-fast);text-shadow:0 1px 1px rgba(0,0,0,.6);box-shadow:inset 0 1px #fff3,inset 0 -1px #0000004d,0 2px 4px #0000004d}.c-btn--small{font-size:.625rem;padding:var(--space-2) var(--space-3);border-width:1px}.c-btn:hover{background:var(--accent-medium);border-top-color:var(--accent-strong);border-left-color:var(--accent-strong);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0003,0 3px 6px #0006}.c-btn:active{transform:translateY(var(--btn-press-offset));box-shadow:inset 0 1px #0000004d,inset 0 -1px #ffffff1a,0 1px 2px #00000080;border-top-color:var(--accent-faint);border-left-color:var(--accent-faint);border-right-color:var(--accent-medium);border-bottom-color:var(--accent-medium)}.c-btn[disabled]{opacity:.5;cursor:default;filter:grayscale(.6);transform:none!important;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0003,0 1px 2px #0003}.c-btn:focus-visible,.c-focusable:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--focus-ring-inner);outline-offset:2px;box-shadow:0 0 0 4px var(--focus-ring-outer),0 0 0 6px var(--focus-ring-inner)}input[type=number],input[type=range],select{background:var(--bg-input);border:2px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:.875rem;padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}input[type=number]:focus,select:focus{background:var(--bg-input-focus);border-color:var(--accent-strong);box-shadow:inset 0 1px 3px #0000004d}input[type=range]{background:transparent;border:none;padding:var(--space-2)}input[type=range]::-webkit-slider-track{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent-strong);border:2px solid var(--text-primary);border-radius:50%;height:16px;width:16px;margin-top:-6px;cursor:pointer;box-shadow:0 2px 4px #0000004d}input[type=range]::-webkit-slider-thumb:hover{background:var(--accent-medium);transform:scale(1.1)}.c-capTile{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-4);border:2px dashed var(--accent-faint);border-radius:var(--radius-md);min-width:140px;background:#0003;transition:all var(--transition-medium)}.c-capTile--active{border-style:solid;border-color:var(--accent-strong);background:var(--bg-subtle);box-shadow:inset 0 1px #ffffff1a,0 2px 8px #0000004d}.u-mt-4{margin-top:var(--space-6)}.u-gap-4{gap:var(--space-6)}.u-gap-2{gap:var(--space-4)}.u-gap-1{gap:var(--space-2)}.app-shell{min-height:100vh;background:var(--bg-root);background-image:var(--bg-pattern);background-attachment:fixed;color:var(--text-primary);padding:var(--space-8);font-family:var(--font-ui)}.surface-subtle{background:var(--panel-fill);background-image:var(--panel-gradient);border:var(--panel-border-width) solid var(--panel-frame);border-top-color:var(--panel-frame-light, var(--panel-frame));border-left-color:var(--panel-frame-light, var(--panel-frame));border-right-color:var(--panel-frame-dark, var(--panel-frame));border-bottom-color:var(--panel-frame-dark, var(--panel-frame));border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:inset 0 1px #ffffff1a,0 4px 12px #0006}.status-badge{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;border:1px solid currentColor;text-shadow:0 1px 1px rgba(0,0,0,.6);box-shadow:inset 0 1px #fff3}h1,h2,h3{text-shadow:0 2px 4px rgba(0,0,0,.8)}.text-retro{font-family:var(--font-header);letter-spacing:1px;text-transform:uppercase}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(3px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 2px #0a0e1f,0 0 0 4px #1b2550}50%{box-shadow:0 0 0 2px #0a0e1f,0 0 0 4px #455b9a,0 0 8px #52d1ff40}}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}@keyframes hoverGlow{0%{box-shadow:0 0 0 2px #0a0e1f,0 0 0 4px #1b2550}to{box-shadow:0 0 0 2px #0a0e1f,0 0 0 4px #455b9a,0 0 8px #52d1ff40}}.animate-fade-in-up{animation:fadeInUp .3s cubic-bezier(.4,0,.2,1) forwards}.animate-fade-in-scale{animation:fadeInScale .2s cubic-bezier(.25,.1,.25,1) forwards}.animate-pulse-glow{animation:pulseGlow 2s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(82,209,255,.1),transparent);background-size:200% 100%;animation:shimmer 2s infinite}.will-change-opacity{will-change:opacity}.will-change-box-shadow{will-change:box-shadow}.backdrop-blur-panel{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.backdrop-blur-modal{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.pixel-border{box-shadow:0 0 0 2px #0a0e1f,0 0 0 4px #1b2550}.pixel-border-hover{box-shadow:0 0 0 2px #0a0e1f,0 0 0 4px #455b9a,0 0 8px #52d1ff40}.pixel-border-active{box-shadow:0 0 0 2px #0a0e1f,0 0 0 4px #52d1ff,0 0 12px #52d1ff60}.pixel-border-focus{box-shadow:0 0 0 2px #0a0e1f,0 0 0 4px #455b9a,0 0 16px #52d1ff80}.pixel-border-glow{box-shadow:0 0 0 2px #0a0e1f,0 0 0 4px #455b9a,0 0 20px #8be9fd60}.layout-grid-enter{animation:fadeInUp .3s cubic-bezier(.4,0,.2,1) forwards}.layout-docked-enter{animation:fadeInScale .3s cubic-bezier(.4,0,.2,1) forwards}.layout-minimal-enter{animation:fadeInUp .2s cubic-bezier(.25,.1,.25,1) forwards}.component-enter{opacity:0;transform:translateY(8px);animation:fadeInUp .2s cubic-bezier(.4,0,.2,1) forwards}.component-enter-stagger-1{animation-delay:50ms}.component-enter-stagger-2{animation-delay:.1s}.component-enter-stagger-3{animation-delay:.15s}.component-enter-stagger-4{animation-delay:.2s}.grid-stagger-1{animation-delay:.05s}.grid-stagger-2{animation-delay:.1s}.grid-stagger-3{animation-delay:.15s}.grid-stagger-4{animation-delay:.2s}.grid-stagger-5{animation-delay:.25s}.grid-stagger-6{animation-delay:.3s}.column-stagger-1{animation-delay:.1s}.column-stagger-2{animation-delay:.2s}.column-stagger-3{animation-delay:.3s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.grid{display:grid}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-sidebar-left{grid-template-columns:minmax(280px,1fr) 3fr}.grid-sidebar-right{grid-template-columns:3fr minmax(280px,1fr)}.grid-sidebar-both{grid-template-columns:minmax(240px,1fr) 2fr minmax(240px,1fr)}.layout-grid-main{display:grid;grid-template-columns:minmax(280px,1fr) 3fr;grid-template-rows:1fr;gap:var(--space-4);transition:var(--transition-layout);will-change:transform}.layout-grid-sidebar{transition:var(--transition-slow)}.param-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:4px;color:var(--color-ink-sub);font-weight:var(--weight-medium)}.param-value{font-size:14px;color:var(--color-ink);transition:var(--transition-base)}.grid-transport{grid-template-columns:auto 1fr auto}.grid-mixer{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.grid-piano-roll{grid-template-columns:auto 1fr}.gap-xs{gap:var(--space-2)}.gap-sm{gap:var(--space-4)}.gap-md{gap:var(--space-6)}.gap-lg{gap:var(--space-8)}.gap-xl{gap:var(--space-9)}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.col-span-full{grid-column:1 / -1}.row-span-1{grid-row:span 1}.row-span-2{grid-row:span 2}.row-span-3{grid-row:span 3}.row-span-full{grid-row:1 / -1}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-10{padding:var(--space-10)}.px-0{padding-left:0;padding-right:0}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-0{padding-top:0;padding-bottom:0}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.m-0{margin:0}.m-auto{margin:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:fit-content}.w-min{width:min-content}.w-max{width:max-content}.h-full{height:100%}.h-auto{height:auto}.h-fit{height:fit-content}.h-screen{height:100vh}.h-32{height:128px}.h-48{height:192px}.h-64{height:256px}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-visible{overflow:visible}.overflow-x-hidden{overflow-x:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-auto{overflow-y:auto}.text-xs{font-size:10px;line-height:1.2}.text-sm{font-size:12px;line-height:1.3}.text-base{font-size:14px;line-height:1.4}.text-lg{font-size:16px;line-height:1.4}.text-xl{font-size:18px;line-height:1.4}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.tracking-wide{letter-spacing:.05em}.tracking-wider{letter-spacing:.1em}.tracking-widest{letter-spacing:.15em}.panel-grid{display:grid;gap:var(--space-6);padding:var(--space-6)}.panel-stack{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5)}.panel-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3)}.transport-layout{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);min-height:64px}.mixer-channel{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4);min-width:80px}.param-group{display:flex;flex-direction:column;gap:var(--space-2)}.param-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.btn-group{display:flex;gap:var(--space-2)}.btn-group-vertical{display:flex;flex-direction:column;gap:var(--space-2)}.color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));gap:var(--space-2)}@media (max-width: 768px){.hidden-mobile{display:none!important}.grid-sidebar-left,.grid-sidebar-right,.grid-sidebar-both{grid-template-columns:1fr}}@media (min-width: 769px){.hidden-desktop{display:none!important}.mobile-stack{display:flex;flex-direction:row}}.transition-fast{transition:all var(--transition-fast) ease}.transition-medium{transition:all var(--transition-medium) ease}.transition-colors{transition:color var(--transition-fast) ease,background-color var(--transition-fast) ease,border-color var(--transition-fast) ease}.transition-transform{transition:transform var(--transition-fast) ease}.will-change-transform{will-change:transform}.will-change-auto{will-change:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-visible:focus-visible{outline:2px solid var(--focus-ring-inner, #66ccff);outline-offset:2px}