@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--indigo-400:#818cf8;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-700:#4338ca;--indigo-50:#eef2ff;--cyan-500:#06b6d4;--cyan-400:#22d3ee;--cyan-300:#67e8f9;--green-500:#10b981;--green-400:#34d399;--amber-500:#f59e0b;--amber-400:#fbbf24;--red-500:#ef4444;--red-600:#dc2626;--red-400:#f87171;--blue-500:#3b82f6;--blue-400:#60a5fa;--purple-500:#a855f7;--purple-400:#c084fc;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-900:#0f172a;--zinc-950:#08080a;--zinc-900:#0f0f13;--zinc-850:#15151b;--zinc-800:#1c1c24;--zinc-750:#24242f;--zinc-700:#2e2e3a;--zinc-500:#71717a;--zinc-400:#a1a1aa;--zinc-50:#fafafa;--white:#fff;--bg-app:#08080a;--bg-sidebar:#0c0c0f;--bg-surface:#121216;--bg-surface-elevated:#18181f;--bg-surface-hover:#22222a;--border-subtle:#ffffff14;--border-strong:#ffffff29;--border-focus:#818cf8;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-inverse:#08080a;--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-primary-fg:#fff;--color-primary-light:#6366f129;--color-accent:#38bdf8;--color-success:#34d399;--color-warning:#fbbf24;--color-destructive:#f87171;--color-destructive-hover:#ef4444;--color-info:#60a5fa;--tint-brand:#6366f129;--tint-brand-border:#6366f161;--tint-brand-text:#a5b4fc;--tint-success:#10b98129;--tint-success-border:#10b98161;--tint-success-text:#34d399;--tint-warning:#f59e0b29;--tint-warning-border:#f59e0b61;--tint-warning-text:#fbbf24;--tint-destructive:#ef444429;--tint-destructive-border:#ef444461;--tint-destructive-text:#f87171;--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--text-display-size:40px;--text-display-line:48px;--text-display-tracking:-.025em;--text-h1-size:30px;--text-h1-line:38px;--text-h1-tracking:-.02em;--text-h2-size:24px;--text-h2-line:32px;--text-h2-tracking:-.015em;--text-h3-size:20px;--text-h3-line:28px;--text-h3-tracking:-.01em;--text-body-lg-size:16px;--text-body-lg-line:24px;--text-body-md-size:14px;--text-body-md-line:20px;--text-body-sm-size:13px;--text-body-sm-line:18px;--text-caption-size:12px;--text-caption-line:16px;--text-caption-tracking:.01em;--space-base:4px;--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;--touch-min:44px;--radius-none:0px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-xs:0 1px 1px #0f172a0a;--shadow-sm:0 1px 2px #0f172a0d,0 1px 3px -1px #0f172a0f;--shadow-md:0 1px 2px #0f172a0a,0 4px 10px -2px #0f172a14;--shadow-lg:0 2px 4px #0f172a0a,0 12px 28px -6px #0f172a24;--shadow-xl:0 8px 16px -4px #0f172a14,0 28px 56px -12px #0f172a33;--shadow-focus:0 0 0 3px #6366f140;--highlight-inset:inset 0 1px 0 #ffffffb3;--highlight-inset-primary:inset 0 1px 0 #ffffff24}[data-theme=dark]{--shadow-xs:0 1px 1px #0006;--shadow-sm:0 1px 2px #00000080,0 0 0 1px #ffffff08;--shadow-md:0 1px 2px #0006,0 6px 14px -2px #00000080;--shadow-lg:0 2px 4px #0006,0 16px 36px -6px #000000b3;--shadow-xl:0 8px 16px -4px #00000080,0 36px 72px -12px #000000d9;--shadow-focus:0 0 0 3px #818cf859;--highlight-inset:inset 0 1px 0 #ffffff0a;--highlight-inset-primary:inset 0 1px 0 #ffffff1a}:root{--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-normal:.25s cubic-bezier(.4,0,.2,1);--ease-standard:cubic-bezier(.4,0,.2,1);--ease-out-expo:cubic-bezier(.16,1,.3,1)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scaleIn{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}*{box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--text-body-md-size);line-height:var(--text-body-md-line);font-feature-settings:"ss01","cv11";margin:0;padding:0}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover);text-decoration:underline}[data-ds]:focus-visible{box-shadow:var(--shadow-focus),0 0 0 1px var(--border-focus);outline:none}[data-ds=button]:focus-visible{box-shadow:0 0 0 2px var(--bg-app),0 0 0 4px var(--border-focus)}[data-ds=input]:focus-within{border-color:var(--border-focus)!important;box-shadow:var(--shadow-focus)!important}[data-ds=button][data-size=sm],[data-ds=button][data-size=md]{position:relative}[data-ds=button][data-size=sm]:after{content:"";border-radius:inherit;position:absolute;inset:-8px}[data-ds=button][data-size=md]:after{content:"";border-radius:inherit;position:absolute;inset:-6px}[data-ds=tab]:focus-visible,[data-ds=nav-item]:focus-visible,[data-ds=nav-link]:focus-visible{box-shadow:inset 0 0 0 2px var(--border-focus)}input::placeholder{color:var(--text-tertiary)}:root{--bg-dark:#000;--bg-panel:#0e0e10d9;--bg-surface:#14141799;--border-subtle:#ffffff0f;--border-glow:#00a3ad40;--border-focus:#00a3adb3;--accent-purple:#00c2cf;--accent-purple-light:#66e8f0;--accent-blue:#00b4c0;--accent-glow:0 0 20px #00c2cf59;--text-primary:#fafafa;--text-muted:#a1a1aa;--text-dim:#71717a;--red-alert:#ef4444;--radius-sm:6px;--radius-md:10px;--radius-lg:14px}html{min-height:calc(100% + env(safe-area-inset-top,0px));background-color:var(--bg-dark);overscroll-behavior-x:none;width:100%;max-width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}body{background-color:var(--bg-dark);width:100%;max-width:100%;height:100%;min-height:100%;color:var(--text-primary);overscroll-behavior-x:none;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#root{width:100%;height:100%;min-height:100%;margin:0;padding:0}.vj-app-container{background:radial-gradient(at 20%,#00c2cf0a 0%,#0000 60%),radial-gradient(at 80% 20%,#00b4c008 0%,#0000 50%),#080810;grid-template-columns:360px 1fr;width:100vw;height:100vh;display:grid}.vj-sidebar{background:var(--bg-panel);border-right:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(20px);flex-direction:column;height:100vh;display:flex;overflow:hidden;box-shadow:4px 0 32px #00000080}.sidebar-header{border-bottom:1px solid var(--border-subtle);background:#0a0a1299;flex-shrink:0;align-items:center;gap:10px;padding:16px 18px;display:flex}.logo-text{letter-spacing:.08em;background:linear-gradient(135deg,#5ce6ee 0%,#33e1ec 50%,#38bdf8 100%);-webkit-text-fill-color:transparent;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;font-size:1.05rem;font-weight:900;line-height:1}.logo-sub{color:var(--text-dim);letter-spacing:.04em;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;margin-left:auto;padding:2px 8px;font-size:.62rem;font-weight:600}.vj-nav-tabs{border-bottom:1px solid var(--border-subtle);background:#080810cc;flex-shrink:0;padding:0 4px;display:flex}.vj-nav-tab{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:9px 2px 8px;font-family:Inter,sans-serif;font-size:.58rem;font-weight:700;transition:all .18s;display:flex;position:relative}.vj-nav-tab .tab-emoji{font-size:.95rem;line-height:1;display:block}.vj-nav-tab:hover{color:#5ce6eecc;background:#00c2cf0d}.vj-nav-tab.active{color:#5ce6ee;background:#00c2cf14;border-bottom-color:#00c2cf}.vj-nav-tab.active .tab-emoji{filter:drop-shadow(0 0 6px #5ce6ee99)}.sidebar-content{flex-direction:column;flex:1;gap:18px;padding:18px;display:flex;overflow:hidden auto}.sidebar-content::-webkit-scrollbar{width:3px}.sidebar-content::-webkit-scrollbar-track{background:0 0}.sidebar-content::-webkit-scrollbar-thumb{background:#00c2cf4d;border-radius:2px}.section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:6px;margin-bottom:8px;font-size:.68rem;font-weight:800;display:flex}.form-group{flex-direction:column;gap:5px;margin-bottom:10px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}label{color:var(--text-muted);letter-spacing:.03em;font-size:.7rem;font-weight:600}input[type=text],input[type=number],textarea,select{border-radius:var(--radius-sm);color:var(--text-primary);box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff14;outline:none;width:100%;padding:7px 10px;font-family:Inter,sans-serif;font-size:.82rem;transition:all .2s}input:focus,textarea:focus,select:focus{border-color:var(--border-focus);background:#ffffff0f;box-shadow:0 0 0 3px #00c2cf1f}textarea{resize:vertical;min-height:130px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;line-height:1.6}.vj-main-layout{flex-direction:column;height:100vh;min-height:0;display:flex;overflow:hidden}.preview-container{box-sizing:border-box;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;padding:6px 14px 8px;display:flex;position:relative;overflow:hidden}.preview-inner{background:#000;border:1px solid #ffffff14;border-radius:8px;width:100%;max-width:100%;height:100%;max-height:100%;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000073}:-webkit-any(#preview-wrapper:fullscreen,#preview-wrapper:-webkit-full-screen){z-index:999999!important;background:#000!important;border:none!important;border-radius:0!important;justify-content:center!important;align-items:center!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important;padding:0!important;display:flex!important}:is(#preview-wrapper:fullscreen,#preview-wrapper:fullscreen){z-index:999999!important;background:#000!important;border:none!important;border-radius:0!important;justify-content:center!important;align-items:center!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important;padding:0!important;display:flex!important}:-webkit-any(#preview-wrapper:fullscreen .vj-animator-preview-root,#preview-wrapper:-webkit-full-screen .vj-animator-preview-root){width:100%!important;height:100%!important}:is(#preview-wrapper:fullscreen .vj-animator-preview-root,#preview-wrapper:fullscreen .vj-animator-preview-root){width:100%!important;height:100%!important}.canvas-badge{letter-spacing:.08em;color:#fff6;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;border:1px solid #ffffff14;border-radius:4px;padding:3px 8px;font-size:.6rem;font-weight:700;position:absolute;top:8px;left:8px}.vj-console{border-top:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(20px);background:#0a0a12f2;flex-shrink:0;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;min-height:0;padding:12px 20px;display:grid;box-shadow:0 -4px 24px #00000080}.console-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}button,.btn{box-sizing:border-box;max-width:100%}.btn{color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;text-align:center;overflow-wrap:break-word;word-break:normal;background:#ffffff0f;border:1px solid #ffffff1a;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;line-height:1.25;transition:all .18s;display:inline-flex}.btn:hover{background:#ffffff1a;border-color:#ffffff2e}.btn-primary{background:linear-gradient(135deg,#00a3ad,#2563eb);border:none;box-shadow:0 0 16px #00a3ad59}.btn-primary:hover{filter:brightness(1.12);box-shadow:0 0 24px #00c2cf8c}.btn-primary:disabled{color:var(--text-dim);box-shadow:none;cursor:not-allowed;filter:none;background:#37415199}.btn-danger{color:#f87171;background:#ef444426;border-color:#ef44444d}.btn-danger:hover{background:#ef444440;border-color:#ef444480}.btn-icon{border-radius:50%;flex-shrink:0;width:38px;height:38px;padding:0}.timeline-section{flex-direction:column;gap:6px;min-width:0;display:flex}.timeline-header{color:var(--text-muted);white-space:nowrap;justify-content:space-between;align-items:center;gap:12px;font-size:.7rem;display:flex;overflow:hidden}.timeline-header span{text-overflow:ellipsis;overflow:hidden}.timeline-scrubber-container{width:100%;position:relative}.timeline-scrubber{-webkit-appearance:none;cursor:pointer;background:#ffffff14;border-radius:2px;outline:none;width:100%;height:4px}.timeline-scrubber::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-purple);cursor:pointer;border-radius:50%;width:14px;height:14px;transition:transform .1s,box-shadow .1s;box-shadow:0 0 8px #00c2cf99}.timeline-scrubber::-webkit-slider-thumb:hover{transform:scale(1.3);box-shadow:0 0 16px #00c2cfcc}.export-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;box-sizing:border-box;background:#04040aeb;justify-content:center;align-items:center;padding:24px 12px;display:flex;position:fixed;inset:0;overflow-y:auto}.export-modal{border-radius:var(--radius-lg);box-sizing:border-box;background:#0e0e18;border:1px solid #00c2cf33;flex-direction:column;gap:16px;width:520px;max-width:95%;max-height:90vh;margin:auto;padding:24px;display:flex;overflow-y:auto;box-shadow:0 20px 60px #000000d9,0 0 40px #00c2cf1f}.export-modal-header{justify-content:space-between;align-items:center;display:flex}.export-modal-title{text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(135deg,#5ce6ee,#33e1ec);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:800}.export-progress-container{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff08;flex-direction:column;gap:8px;padding:14px;display:flex}.progress-bar-bg{background:#ffffff0f;border-radius:3px;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(to right, var(--accent-purple), var(--accent-blue));border-radius:3px;height:100%;transition:width .1s linear}.export-status-text{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.72rem}.resolume-tip{border-left:2px solid var(--accent-blue);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:#93c5fd;background:#00b4c014;padding:10px 14px;font-size:.72rem;line-height:1.5}.resolume-tip strong{color:var(--text-primary)}.export-summary{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#ffffff05;grid-template-columns:1fr 1fr;gap:10px;padding:10px 12px;font-size:.72rem;display:grid}.summary-item{color:var(--text-muted);justify-content:space-between;align-items:center;display:flex}.summary-item span:last-child{color:var(--text-primary);font-weight:700}.lyric-search-results{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#0000004d;max-height:180px;margin-top:6px;overflow-y:auto}.lyric-search-item{cursor:pointer;text-align:left;border-bottom:1px solid #ffffff08;padding:8px 12px;font-size:.78rem;line-height:1.4;transition:background .15s}.lyric-search-item:hover{background:#00c2cf1a}.console-stats{color:var(--text-muted);flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;font-size:.72rem;display:flex}.console-stats strong{color:var(--text-primary);font-weight:700}.ios-main-logo{flex-shrink:0;justify-content:center;align-items:center;width:100%;height:min(20dvh,240px);margin:0 0 4px;display:flex;overflow:hidden}.ios-main-logo img{object-fit:contain;filter:drop-shadow(0 8px 22px #00d8e673);-webkit-user-select:none;user-select:none;pointer-events:none;flex-shrink:0;width:auto;max-width:none;height:min(24.8dvh,297px)}@media (width<=768px),(pointer:coarse) and (height<=600px),(pointer:coarse) and (width<=1024px){.vj-app-container{flex-direction:column;grid-template-rows:none;grid-template-columns:none;width:100%;max-width:100%;margin:0;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}.vj-sidebar{border-right:none;border-bottom:1px solid var(--border-subtle);flex:1;height:auto;min-height:0;display:none}.vj-sidebar.active{width:100%;padding-top:max(calc(env(safe-area-inset-top,0px) - 6px), 4px);flex-direction:column;flex:1;height:100%;min-height:0;padding-bottom:0;display:flex;overflow:hidden}.vj-main-layout{flex-direction:column;flex:1;grid-template-rows:none;height:auto;min-height:0;display:flex}.vj-console{display:none}.mobile-playout-view{height:100%;min-height:100%;padding:0 12px calc(72px + max(env(safe-area-inset-bottom,0px), 10px));padding-top:max(env(safe-area-inset-top,0px), 12px);box-sizing:border-box;overscroll-behavior-x:none;touch-action:pan-y;-webkit-overflow-scrolling:touch;background:radial-gradient(circle at 50% 8%,#00c2cf2e 0%,#0e0c18e6 45%,#050508 100%);flex-direction:column;flex:1;justify-content:flex-start;gap:6px;display:flex;overflow:hidden auto}.mobile-playout-topbar{z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:4px 2px 2px;display:flex}.mobile-status-pill-left{-webkit-backdrop-filter:blur(16px);letter-spacing:.04em;color:#f1f5f9;background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:6px;padding:5px 9px;font-size:10px;font-weight:800;display:flex}.mobile-status-pill-left .status-dot{border-radius:50%;width:6px;height:6px}.mobile-status-pill-left .status-dot.playing{background:#4ade80;box-shadow:0 0 8px #4ade80}.mobile-status-pill-left .status-dot.paused{background:#f59e0b}.mobile-header-title{color:#ffffffbf;white-space:nowrap;text-overflow:ellipsis;text-align:center;letter-spacing:-.01em;max-width:130px;font-size:12px;font-weight:700;overflow:hidden}.mobile-status-actions-right{align-items:center;gap:6px;display:flex}.mobile-bpm-pill{-webkit-backdrop-filter:blur(16px);color:#5ce6ee;background:#00d8e629;border:1px solid #00d8e659;border-radius:20px;align-items:center;gap:3px;padding:4px 8px;font-size:11px;font-weight:800;display:flex}.mobile-header-icon-btn{-webkit-backdrop-filter:blur(16px);color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#ffffff14;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.mobile-header-icon-btn:active{background:#ffffff2e;transform:scale(.92)}.mobile-canvas-wrapper{-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#000;border:1px solid #ffffff24;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:35vh;min-height:250px;max-height:37vh;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 36px -8px #000000d9,0 0 24px #00c2cf33}.mobile-playout-details{box-sizing:border-box;flex-direction:column;flex:1;justify-content:space-between;gap:10px;width:100%;display:flex}.ios-media-header{justify-content:space-between;align-items:center;gap:10px;padding:2px;display:flex}.ios-media-meta{flex:1;min-width:0}.ios-media-title{color:#fff;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:1.15rem;font-weight:800;line-height:1.25;overflow:hidden}.ios-media-subtitle{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:.78rem;font-weight:500;overflow:hidden}.ios-media-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.ios-chip-btn{color:#e2e8f0;cursor:pointer;-webkit-backdrop-filter:blur(16px);touch-action:manipulation;background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:4px;padding:6px 10px;font-size:.72rem;font-weight:700;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.ios-chip-btn:active{background:#ffffff24;transform:scale(.94)}.ios-scrubber-card{-webkit-backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:6px;padding:10px 14px 8px;display:flex;box-shadow:0 4px 16px #0000004d}.ios-scrubber-slider-container{align-items:center;width:100%;display:flex}.ios-timeline-slider{appearance:none;cursor:pointer;background:#ffffff29;border-radius:3px;outline:none;width:100%;height:6px;margin:0;transition:background .15s}.ios-timeline-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .14s;box-shadow:0 2px 8px #000000a6,0 0 2px #fffc}.ios-timeline-slider::-webkit-slider-thumb:active{transform:scale(1.25)}.ios-scrubber-time-row{color:#94a3b8;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:600;display:flex}.ios-beat-pill{color:#5ce6ee;letter-spacing:.02em;background:#00c2cf33;border:1px solid #00c2cf59;border-radius:10px;padding:1px 9px;font-size:.68rem;font-weight:700}.ios-transport-row{grid-template-columns:1fr 1.6fr 1fr;align-items:center;gap:10px;display:grid}.ios-transport-btn{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:none;transition:all .15s cubic-bezier(.16,1,.3,1)}.ios-transport-btn.reset{color:#e2e8f0;-webkit-backdrop-filter:blur(14px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:16px;justify-content:center;align-items:center;gap:6px;height:52px;font-size:.8rem;font-weight:700;display:flex}.ios-transport-btn.reset:active{background:#ffffff1a;transform:scale(.95)}.ios-transport-btn.play-hero{height:56px;color:var(--text-on-primary,#001316);letter-spacing:.04em;background:linear-gradient(135deg,#00d8e6 0%,#00a3ad 100%);border-radius:18px;justify-content:center;align-items:center;gap:8px;font-size:.95rem;font-weight:800;display:flex;box-shadow:0 6px 24px #00d8e673}.ios-transport-btn.play-hero:active{transform:scale(.96);box-shadow:0 2px 10px #00d8e64d}.ios-transport-btn.play-hero.playing{background:linear-gradient(135deg,#00c2cf 0%,#008f99 100%)}.ios-transport-btn.sound{-webkit-backdrop-filter:blur(14px);border-radius:16px;justify-content:center;align-items:center;gap:6px;height:52px;font-size:.8rem;font-weight:700;display:flex}.ios-transport-btn.sound.unmuted{color:#4ade80;background:#22c55e29;border:1px solid #22c55e61;box-shadow:0 2px 12px #22c55e2e}.ios-transport-btn.sound.muted{color:#f87171;background:#ef444424;border:1px solid #ef444452}.ios-transport-btn.sound:active{transform:scale(.95)}.ios-controls-card{-webkit-backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:8px;padding:8px 10px;display:flex;box-shadow:0 4px 16px #0000004d}.ios-segmented-control{background:#00000073;border:1px solid #ffffff12;border-radius:12px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.ios-segmented-item{color:#94a3b8;cursor:pointer;touch-action:manipulation;background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:7px;font-size:.76rem;font-weight:600;transition:all .18s;display:flex}.ios-segmented-item.active{color:#fff;background:#ffffff29;font-weight:700;box-shadow:0 2px 8px #00000059}.ios-toggles-row{align-items:center;gap:6px;display:flex}.ios-toggle-pill{color:#94a3b8;cursor:pointer;touch-action:manipulation;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:11px;flex:1;justify-content:center;align-items:center;gap:5px;height:38px;font-size:.72rem;font-weight:700;transition:all .16s;display:flex}.ios-toggle-pill:active{transform:scale(.96)}.ios-toggle-pill.active{color:#4ade80;background:#22c55e2e;border-color:#22c55e6b;box-shadow:0 2px 10px #22c55e26}.ios-toggle-pill.bounce-active{color:#72ecf4;background:#48e1ec2e;border-color:#48e1ec6b;box-shadow:0 2px 10px #48e1ec26}.ios-toggle-pill.clear-lyrics{color:#f87171;background:#ef44441f;border-color:#ef444447;flex:none;padding:0 10px}.ios-lyric-status-card{box-sizing:border-box;background:#00c2cf12;border:1px solid #00c2cf38;border-radius:14px;justify-content:center;align-items:center;min-height:48px;padding:10px 14px;display:flex;box-shadow:0 2px 12px #00c2cf1a}.ios-lyric-cue-content{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.ios-lyric-tag{text-transform:uppercase;letter-spacing:.08em;color:#5ce6eebf;margin-bottom:2px;font-size:.65rem;font-weight:700}.ios-lyric-text{color:#d5fcff;text-align:center;font-size:.94rem;font-weight:700}.ios-instrumental-tag{color:#64748b;align-items:center;gap:6px;font-size:.78rem;font-style:italic;font-weight:600;display:flex}.mobile-cue-button{height:54px;color:var(--text-on-primary,#001316);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;touch-action:manipulation;background:linear-gradient(135deg,#66e8f0,#00c2cf);border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;font-size:.96rem;font-weight:800;display:flex;box-shadow:0 6px 20px #00c2cf59}.mobile-cue-button:active{transform:scale(.97)}.mobile-tabs{z-index:99999;-webkit-backdrop-filter:blur(28px)saturate(200%);overscroll-behavior:none;touch-action:manipulation;scrollbar-width:none;padding-top:4px;padding-bottom:max(env(safe-area-inset-bottom,0px), 8px);box-sizing:border-box;min-height:calc(54px + max(env(safe-area-inset-bottom,0px), 8px));background:#0e0d16f2;border-top:.5px solid #ffffff29;align-items:stretch;gap:3px;padding-left:4px;padding-right:4px;display:flex;overflow:hidden;box-shadow:0 -8px 32px #000000d9;width:100%!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}.mobile-tabs::-webkit-scrollbar{display:none}.mobile-tab-item{color:#fff9;letter-spacing:-.03em;cursor:pointer;min-width:0;height:100%;min-height:56px;padding:4px 1px max(calc(env(safe-area-inset-bottom,0px) * .15), 4px) 1px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;font-size:clamp(.5rem,2.35vw,.62rem);font-weight:700;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex}.mobile-tab-item:active{transform:scale(.94)}.mobile-tab-item.active{color:#e8feff;background:linear-gradient(#00d8e647 0%,#00c2cf2e 100%);border:1px solid #00d8e680;box-shadow:0 4px 16px #00d8e647,inset 0 0 0 1px #ffffff1f}.mobile-tab-item.active svg{color:#5ce6ee;filter:drop-shadow(0 0 8px #5ce6eeb3)}.mobile-tab-item svg{flex-shrink:0;width:16px;height:16px}.mobile-tab-item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:1.1;display:block;overflow:hidden}.sidebar-content{padding:8px 14px calc(78px + max(calc(env(safe-area-inset-bottom,0px) * .25), 6px));box-sizing:border-box;overscroll-behavior-x:none;touch-action:pan-y;gap:12px;width:100%;max-width:100%;overflow:hidden auto}.sidebar-content input[type=range],.mobile-playout-view input[type=range]{touch-action:none}.preview-container{padding:10px}.lyric-search-results{max-height:160px}.lyric-search-item:active{background:#00c2cf26}.sidebar-content .form-group{flex-direction:column;align-items:stretch;width:100%;display:flex}.sidebar-content label{text-align:left;margin-bottom:4px}}.mobile-landscape-fullscreen{z-index:99999;-webkit-user-select:none;user-select:none;background:#000;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}.mobile-landscape-canvas-container{background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.mobile-landscape-hud-top{top:max(env(safe-area-inset-top,0px), 10px);left:max(env(safe-area-inset-left,0px), 16px);right:max(env(safe-area-inset-right,0px), 16px);z-index:20;pointer-events:none;justify-content:space-between;align-items:center;transition:opacity .3s;display:flex;position:absolute}.mobile-landscape-hud-top>*{pointer-events:auto}.mobile-landscape-hud-bottom{bottom:max(calc(env(safe-area-inset-bottom,0px) * .35), 10px);left:max(env(safe-area-inset-left,0px), 16px);right:max(env(safe-area-inset-right,0px), 16px);z-index:20;pointer-events:none;flex-direction:column;align-items:center;gap:8px;transition:opacity .3s;display:flex;position:absolute}.mobile-landscape-hud-bottom>*{pointer-events:auto}@media (display-mode:standalone){.vj-app-container{height:100%!important;bottom:0!important}.mobile-tabs{padding-bottom:max(env(safe-area-inset-bottom,0px), 14px)!important;bottom:0!important}}.native-studio{background:var(--bg-app);min-height:100vh;color:var(--text-primary);font-family:var(--font-sans);max-width:1440px;margin:auto;padding:32px}.native-studio header{align-items:center;gap:24px;margin-bottom:24px;display:flex}.native-studio h1{letter-spacing:-.025em;margin:0;font-size:24px;font-weight:700}.native-studio p{color:var(--text-secondary);margin:8px 0 0;font-size:14px;line-height:1.6}.ns-back{color:var(--text-secondary);align-items:center;gap:8px;min-height:44px;font-size:13px;text-decoration:none;display:flex}.ns-badge{font-family:var(--font-mono);border:1px solid var(--border-strong);color:var(--color-accent);border-radius:6px;margin-left:auto;padding:8px 12px;font-size:12px}.ns-viewer{aspect-ratio:16/9;background:var(--bg-app);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);border-radius:16px;position:relative;overflow:hidden}.ns-viewer video,.ns-viewer>img{object-fit:contain;width:100%;height:100%;display:block}.ns-empty{text-align:center;height:100%;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.ns-empty h2{color:var(--text-primary);letter-spacing:-.01em;margin:16px 0 0;font-size:20px}.ns-empty p{max-width:380px}.ns-viewer-tools{opacity:.8;gap:8px;display:flex;position:absolute;top:16px;right:16px}.native-studio button,.ns-button{background:var(--bg-surface-elevated);min-height:44px;color:var(--text-primary);border:1px solid var(--border-strong);font:600 13px var(--font-sans);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 16px;text-decoration:none;display:inline-flex}.native-studio button:hover,.ns-button:hover{background:var(--bg-surface-hover)}.native-studio button:focus-visible,.native-studio a:focus-visible,.native-studio input:focus-visible{outline:2px solid var(--border-focus);outline-offset:3px}.native-studio button:disabled{opacity:.45;cursor:default}.native-studio .ns-primary{background:var(--color-primary);border-color:var(--color-primary)}.ns-controls{align-items:center;gap:12px;margin-top:24px;display:flex}.ns-file{text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);flex:1;font-size:14px;overflow:hidden}.ns-status{font:13px var(--font-mono);color:var(--text-secondary);margin-top:16px;line-height:1.5}.native-studio progress{width:100%;height:4px;accent-color:var(--color-primary);margin:12px 0}.ns-error{color:var(--color-destructive);border:1px solid var(--color-destructive);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:16px 0;padding:16px;font-size:14px;display:flex}.ns-settings{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;margin-top:24px;padding:16px 24px}.ns-settings summary{min-height:44px;color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.ns-settings label{align-items:center;gap:16px;padding:16px 0;font-size:14px;display:flex}.ns-settings input{background:var(--bg-app);color:var(--text-primary);border:1px solid var(--border-strong);min-width:280px;min-height:44px;font:13px var(--font-mono);border-radius:10px;padding:0 12px}@media (width<=700px){.native-studio{padding:16px}.native-studio header{gap:16px}.ns-back{font-size:0}.native-studio h1{font-size:20px}.ns-controls{flex-wrap:wrap}.ns-file{flex-basis:calc(100% - 160px)}.ns-controls .ns-primary{flex:1}.ns-settings{padding:12px 16px}.ns-settings label{flex-direction:column;align-items:stretch;gap:8px}.ns-settings input{box-sizing:border-box;width:100%;min-width:0}.ns-empty h2{font-size:16px}.ns-empty p{font-size:12px}.ns-viewer-tools{top:8px;right:8px}}.native-studio{box-sizing:border-box;overscroll-behavior:contain;height:100dvh;min-height:0;scroll-padding-top:160px;overflow-y:auto}.ns-action-panel{z-index:5;background:var(--bg-app);border-bottom:1px solid var(--border-subtle);margin-bottom:16px;padding:0 0 16px;position:sticky;top:-1px}.ns-controls{flex-wrap:wrap;margin-top:0}.ns-file{flex-basis:160px;min-width:0}.ns-status{font-family:var(--font-sans);margin-top:12px}.ns-viewer{min-height:200px;max-height:max(200px,100dvh - 300px)}.ns-viewer video,.ns-viewer>img{position:absolute;inset:0}.ns-viewer:fullscreen{border-radius:0;height:100%;max-height:none}@media (width<=700px){.native-studio header{margin-bottom:16px}.ns-action-panel{padding-bottom:12px}.ns-controls{gap:8px}.ns-file{flex-basis:100%;order:3}.ns-viewer{min-height:180px}.ns-settings{margin-top:16px}}.ns-status.ns-ready{color:var(--color-success)}.ns-ready-badge{background:var(--bg-surface);color:var(--color-success);pointer-events:none;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex;position:absolute;top:16px;left:16px}.ns-loading-overlay{background:var(--bg-app);color:var(--text-secondary);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.ns-loading-overlay h2{color:var(--text-primary);font-size:18px}@media (width<=700px){.ns-ready-badge{top:64px;left:8px}}.native-studio{max-width:1440px;padding:24px 32px 48px}.native-studio header{gap:16px;margin-bottom:24px}.native-studio .ns-back{background:0 0;border:0;padding:0;font-weight:400}.ns-settings-toggle{margin-left:auto}.ns-steps{color:var(--text-tertiary);gap:32px;margin:0 0 24px;padding:0;font-size:14px;list-style:none;display:flex}.ns-steps li{align-items:center;gap:8px;display:flex}.ns-steps li>span{border:1px solid var(--border-strong);width:28px;height:28px;font:12px var(--font-mono);border-radius:9999px;place-items:center;display:grid}.ns-steps .current{color:var(--text-primary)}.ns-steps .current>span{background:var(--color-primary);border-color:var(--color-primary)}.ns-steps .done{color:var(--color-success)}.ns-music{border:1px solid var(--border-subtle);background:var(--bg-surface);box-shadow:var(--highlight-inset);border-radius:16px;align-items:center;gap:16px;margin-bottom:24px;padding:24px;display:flex}.ns-song{min-width:0}.ns-song strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.native-studio .ns-song p{margin-top:4px;font-size:13px}.ns-action-panel{border-bottom:0;margin-bottom:24px;padding:0 0 24px;position:static;top:auto}.ns-create{min-width:180px}.ns-status{font-size:14px}.ns-progress-panel{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:16px;margin-top:16px;padding:20px 24px}.ns-progress-heading{justify-content:space-between;gap:16px;font-size:14px;display:flex}.ns-progress-heading>span{font:13px var(--font-mono);color:var(--text-secondary)}.native-studio progress{height:8px}.ns-render-stages{color:var(--text-tertiary);justify-content:space-between;gap:12px;margin:12px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.ns-render-stages li{align-items:center;gap:8px;display:flex}.ns-render-stages .done{color:var(--color-success)}.ns-render-stages .current{color:var(--text-primary)}.ns-stage-dot{background:currentColor;border-radius:9999px;width:8px;height:8px}.ns-export{flex-direction:column;gap:8px;display:flex}.ns-export small{color:var(--text-secondary);max-width:320px;font-size:12px}.ns-export small[role=alert]{color:var(--color-destructive)}.ns-viewer{width:100%;min-height:0;max-height:none}.ns-settings{padding:12px 24px}.ns-settings:not([open]){background:0 0;border-color:#0000;padding-left:0}@media (width<=700px){.native-studio{padding:16px}.ns-music{flex-wrap:wrap;padding:16px}.ns-song{width:100%}.ns-steps{gap:16px;font-size:13px}.ns-progress-panel{padding:16px}.ns-progress-heading{flex-wrap:wrap}.ns-render-stages{flex-wrap:wrap;gap:8px}.ns-controls>*{flex:1}.ns-export small{max-width:none}.ns-viewer{aspect-ratio:16/9}}.lighting-studio-host{justify-content:stretch;align-items:stretch;padding:12px 14px;overflow:hidden}.native-studio.native-studio-embedded{border:1px solid var(--border-subtle);background:var(--bg-app);border-radius:16px;width:100%;max-width:none;height:100%;margin:0;padding:24px;scroll-padding-top:24px}.native-studio-embedded header{margin-bottom:16px}.native-studio-embedded h1{font-size:20px}.native-studio-embedded .ns-steps{margin-bottom:16px}.native-studio-embedded .ns-music{margin-bottom:16px;padding:16px}.native-studio-embedded .ns-action-panel{margin-bottom:16px;padding-bottom:16px}.mobile-lighting-studio-host{flex:1;min-height:0;overflow:hidden}@media (width<=700px){.native-studio.native-studio-embedded{border:0;border-radius:0;padding:16px}}.lighting-controls-slot{flex:1;min-height:0;overflow:hidden auto}.native-studio.native-studio-sidebar{box-sizing:border-box;background:0 0;width:100%;max-width:none;height:auto;min-height:0;margin:0;padding:20px 16px;overflow:visible}.native-studio-sidebar header{gap:8px;margin-bottom:16px}.native-studio-sidebar h1{font-size:18px}.native-studio-sidebar .ns-steps{gap:12px;margin-bottom:16px;font-size:12px}.native-studio-sidebar .ns-steps li>span{width:24px;height:24px}.native-studio-sidebar .ns-music{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px;padding:12px}.native-studio-sidebar .ns-song strong{white-space:normal;overflow-wrap:anywhere;font-size:12px}.native-studio-sidebar .show-direction{margin-bottom:16px}.native-studio-sidebar .show-direction>summary{gap:8px;padding:12px}.native-studio-sidebar .show-direction>summary>small{display:none}.native-studio-sidebar .show-direction fieldset{padding:0 12px 12px}.native-studio-sidebar .sd-presets{grid-template-columns:1fr 1fr;display:grid}.native-studio-sidebar .sd-presets button{padding:0 8px;font-size:12px}.native-studio-sidebar .sd-options{grid-template-columns:1fr 1fr;gap:8px}.native-studio-sidebar .sd-prompt textarea{width:100%;min-height:120px;padding:12px;font-size:13px}.native-studio-sidebar .sd-choice:nth-child(2n) .sd-menu{left:auto;right:0}.native-studio-sidebar .ns-controls{flex-direction:column;align-items:stretch;gap:8px}.native-studio-sidebar .ns-create,.native-studio-sidebar .ns-export button{width:100%}.native-studio-sidebar .ns-settings{margin-top:16px;padding:0}.native-studio-sidebar .ns-settings label{flex-direction:column;align-items:stretch;gap:8px}.native-studio-sidebar .ns-settings input{box-sizing:border-box;width:100%;min-width:0}.native-studio-sidebar .ns-settings p{font-size:12px}.ns-director-settings{border-top:1px solid var(--border-subtle);margin-top:16px;padding-top:16px}.ns-director-settings h3{margin:0 0 8px;font-size:14px}.ns-director-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.ns-director-actions button{min-height:44px;font-size:12px}.ns-director-settings [role=alert]{color:var(--color-destructive)}.ns-ai-status{color:var(--color-accent);font-size:12px}.ns-ai-summary{color:var(--text-secondary);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:10px;padding:12px;font-size:12px;line-height:1.6}.ns-ai-summary span{color:var(--color-warning)}.ns-director-actions[role=group] button[aria-pressed=true]{border-color:var(--color-primary);background:var(--bg-surface-elevated);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--color-primary)}.show-direction{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--highlight-inset);border-radius:16px;margin-bottom:24px}.show-direction>summary{box-sizing:border-box;cursor:pointer;align-items:center;gap:12px;min-height:56px;padding:16px 20px;font-weight:600;list-style:none;display:flex}.show-direction>summary::-webkit-details-marker{display:none}.show-direction>summary>small{color:var(--text-secondary);margin-left:auto;font-size:12px;font-weight:400}.show-direction[open]>summary>svg:last-child{transform:rotate(180deg)}.show-direction fieldset{border:0;min-width:0;margin:0;padding:0 20px 16px}.show-direction fieldset:disabled{opacity:.65}.sd-presets,.sd-palettes,.sd-excludes{flex-wrap:wrap;gap:8px;display:flex}.sd-presets{margin-bottom:16px}.native-studio .sd-presets button{background:var(--bg-surface);border-radius:9999px;min-height:44px;font-weight:500}.sd-prompt-label{color:var(--text-secondary);margin-bottom:8px;font-size:12px;display:block}.sd-prompt{align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.sd-prompt textarea{resize:vertical;box-sizing:border-box;background:var(--bg-surface-elevated);min-width:0;min-height:80px;color:var(--text-primary);border:1px solid var(--border-subtle);font:14px/1.6 var(--font-sans);border-radius:10px;flex:1;padding:12px 16px}.sd-prompt textarea:focus-visible,.show-direction summary:focus-visible{outline:2px solid var(--border-focus);outline-offset:3px}.native-studio .sd-palettes button{background:var(--bg-surface-elevated);flex:150px;justify-content:flex-start;font-weight:500}.native-studio .show-direction button[aria-pressed=true]{border-color:var(--border-focus);background:color-mix(in srgb,var(--color-primary) 14%,var(--bg-surface-elevated));box-shadow:var(--highlight-inset)}.sd-swatches{display:flex}.sd-swatches i{border:1px solid var(--border-strong);border-radius:50%;width:14px;height:14px}.sd-swatches i+i{margin-left:-4px}.sd-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.sd-choice{min-width:0;position:relative}.native-studio .sd-choice>button{text-align:left;justify-content:space-between;width:100%;min-height:64px}.sd-choice small{color:var(--text-secondary);margin-bottom:4px;font-size:11px;font-weight:400;display:block}.sd-menu{z-index:20;background:var(--bg-surface-elevated);border:1px solid var(--border-strong);width:max-content;min-width:100%;max-width:260px;box-shadow:var(--shadow-xl);border-radius:10px;padding:6px;position:absolute;bottom:calc(100% + 8px);left:0}.native-studio .sd-menu button{border-color:#0000;justify-content:space-between;gap:12px;width:100%;display:flex}.sd-info{margin-top:12px}.sd-info summary{min-height:44px;color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.native-studio .sd-info p,.native-studio .sd-footnote,.native-studio .sd-note{font-size:12px}.sd-excludes{margin-top:8px}.sd-info>.sd-prompt-label{margin-top:12px}.native-studio .sd-error{color:var(--color-destructive);font-size:13px}.sd-note{margin-bottom:12px!important}@media (width<=700px){.show-direction>summary{padding:12px 16px}.show-direction>summary>small{display:none}.show-direction fieldset{padding:0 16px 16px}.sd-prompt{flex-direction:column;align-items:stretch}.sd-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.native-studio .sd-palettes button{flex-basis:130px}.sd-choice:nth-child(2n) .sd-menu{left:auto;right:0}.sd-presets button{flex:130px}}.sd-custom{margin-top:12px}.sd-custom>summary{min-height:44px;color:var(--text-secondary);cursor:pointer;align-items:center;font-size:13px;display:flex}.sd-custom[open]>.sd-palettes{margin-top:12px}.sd-choice small{font-size:12px}