:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.4;font-weight:400;--bg: #f1f3f7;--bg-elev: rgba(255, 255, 255, .72);--bg-muted: #e9edf4;--panel: rgba(255, 255, 255, .78);--panel-alt: rgba(255, 255, 255, .62);--border: rgba(15, 23, 42, .12);--text: #111827;--text-muted: #5e6a7d;--accent: #0a84ff;--accent-2: #007aff;--accent-soft: rgba(10, 132, 255, .14);--bg-gradient-a: rgba(10, 132, 255, .2);--bg-gradient-b: rgba(10, 132, 255, 0);--glow-a: rgba(10, 132, 255, .12);--glow-b: rgba(10, 132, 255, .1);--waveform-audio-color: rgba(160, 211, 255, .95);--waveform-audio-bg: rgba(15, 23, 42, .24);--waveform-video-color: rgba(191, 224, 255, .42);--waveform-video-bg: rgba(6, 12, 24, .25);--shadow: 0 20px 44px rgba(15, 23, 42, .14);--shadow-soft: 0 8px 24px rgba(15, 23, 42, .08);--glass-blur: saturate(1.2) blur(12px);--ease-standard: cubic-bezier(.2, 0, 0, 1);--duration-fast: .14s;--duration-med: .22s}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--bg: #11141c;--bg-elev: rgba(24, 28, 39, .72);--bg-muted: #151a24;--panel: rgba(24, 28, 39, .82);--panel-alt: rgba(29, 34, 46, .78);--border: rgba(148, 163, 184, .22);--text: #e5e7eb;--text-muted: #9aa6ba;--accent: #4da3ff;--accent-2: #0a84ff;--accent-soft: rgba(77, 163, 255, .18);--bg-gradient-a: rgba(77, 163, 255, .24);--bg-gradient-b: rgba(77, 163, 255, 0);--glow-a: rgba(92, 169, 255, .14);--glow-b: rgba(77, 163, 255, .12);--waveform-audio-color: rgba(160, 211, 255, .95);--waveform-audio-bg: rgba(13, 20, 36, .28);--waveform-video-color: rgba(190, 223, 255, .46);--waveform-video-bg: rgba(7, 12, 24, .28);--shadow: 0 22px 48px rgba(2, 6, 23, .55);--shadow-soft: 0 10px 24px rgba(2, 6, 23, .4)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){color-scheme:dark;--bg: #11141c;--bg-elev: rgba(24, 28, 39, .72);--bg-muted: #151a24;--panel: rgba(24, 28, 39, .82);--panel-alt: rgba(29, 34, 46, .78);--border: rgba(148, 163, 184, .22);--text: #e5e7eb;--text-muted: #9aa6ba;--accent: #4da3ff;--accent-2: #0a84ff;--accent-soft: rgba(77, 163, 255, .18);--bg-gradient-a: rgba(77, 163, 255, .24);--bg-gradient-b: rgba(77, 163, 255, 0);--glow-a: rgba(92, 169, 255, .14);--glow-b: rgba(77, 163, 255, .12);--waveform-audio-color: rgba(160, 211, 255, .95);--waveform-audio-bg: rgba(13, 20, 36, .28);--waveform-video-color: rgba(190, 223, 255, .46);--waveform-video-bg: rgba(7, 12, 24, .28);--shadow: 0 22px 48px rgba(2, 6, 23, .55);--shadow-soft: 0 10px 24px rgba(2, 6, 23, .4)}}:root[data-palette=aurora-blue]{--bg: #111927;--bg-muted: #101827;--panel: rgba(19, 30, 49, .82);--panel-alt: rgba(25, 38, 60, .78);--border: rgba(151, 189, 234, .22);--text: #e9f1ff;--text-muted: #adc0dc;--accent: #3fa6ff;--accent-2: #0a84ff;--accent-soft: rgba(63, 166, 255, .2);--bg-gradient-a: rgba(63, 166, 255, .28);--bg-gradient-b: rgba(95, 182, 255, 0);--glow-a: rgba(63, 166, 255, .16);--glow-b: rgba(10, 132, 255, .14);--waveform-audio-color: rgba(173, 224, 255, .96);--waveform-audio-bg: rgba(17, 28, 46, .3);--waveform-video-color: rgba(176, 218, 255, .52);--waveform-video-bg: rgba(10, 20, 38, .3)}:root[data-palette=solar-flare]{--bg: #221416;--bg-muted: #1b1116;--panel: rgba(44, 26, 30, .84);--panel-alt: rgba(58, 34, 38, .78);--border: rgba(255, 186, 128, .26);--text: #ffeede;--text-muted: #ffcaa6;--accent: #ff9b2f;--accent-2: #ff5b7f;--accent-soft: rgba(255, 155, 47, .2);--bg-gradient-a: rgba(255, 146, 72, .34);--bg-gradient-b: rgba(255, 92, 128, 0);--glow-a: rgba(255, 122, 72, .18);--glow-b: rgba(255, 91, 127, .14);--waveform-audio-color: rgba(255, 214, 146, .96);--waveform-audio-bg: rgba(52, 26, 24, .34);--waveform-video-color: rgba(255, 190, 132, .54);--waveform-video-bg: rgba(46, 18, 26, .34)}:root[data-palette=mint-circuit]{--bg: #081c1a;--bg-muted: #071714;--panel: rgba(10, 34, 30, .84);--panel-alt: rgba(14, 44, 40, .78);--border: rgba(137, 233, 209, .24);--text: #e6fff8;--text-muted: #a9e4d7;--accent: #29d9a4;--accent-2: #00b6b2;--accent-soft: rgba(41, 217, 164, .2);--bg-gradient-a: rgba(41, 217, 164, .26);--bg-gradient-b: rgba(0, 182, 178, 0);--glow-a: rgba(41, 217, 164, .16);--glow-b: rgba(0, 182, 178, .14);--waveform-audio-color: rgba(167, 255, 233, .96);--waveform-audio-bg: rgba(10, 41, 37, .3);--waveform-video-color: rgba(146, 244, 224, .54);--waveform-video-bg: rgba(7, 36, 33, .3)}:root[data-palette=violet-synth]{--bg: #151127;--bg-muted: #110d21;--panel: rgba(34, 26, 62, .84);--panel-alt: rgba(44, 34, 78, .78);--border: rgba(183, 153, 255, .24);--text: #f1e9ff;--text-muted: #c7b7ea;--accent: #a374ff;--accent-2: #5a78ff;--accent-soft: rgba(163, 116, 255, .22);--bg-gradient-a: rgba(163, 116, 255, .3);--bg-gradient-b: rgba(90, 120, 255, 0);--glow-a: rgba(163, 116, 255, .17);--glow-b: rgba(90, 120, 255, .15);--waveform-audio-color: rgba(221, 201, 255, .96);--waveform-audio-bg: rgba(29, 24, 54, .34);--waveform-video-color: rgba(205, 190, 255, .56);--waveform-video-bg: rgba(25, 20, 48, .34)}:root[data-palette=rose-gold]{--bg: #271820;--bg-muted: #1f131a;--panel: rgba(56, 32, 42, .84);--panel-alt: rgba(69, 40, 53, .78);--border: rgba(255, 191, 170, .25);--text: #fff0eb;--text-muted: #f1c5b9;--accent: #ff7da7;--accent-2: #ffb67a;--accent-soft: rgba(255, 125, 167, .2);--bg-gradient-a: rgba(255, 125, 167, .28);--bg-gradient-b: rgba(255, 182, 122, 0);--glow-a: rgba(255, 125, 167, .16);--glow-b: rgba(255, 182, 122, .14);--waveform-audio-color: rgba(255, 208, 194, .96);--waveform-audio-bg: rgba(58, 30, 38, .34);--waveform-video-color: rgba(255, 188, 188, .54);--waveform-video-bg: rgba(50, 24, 35, .34)}:root[data-palette=forest-neon]{--bg: #0f1a14;--bg-muted: #0b140f;--panel: rgba(18, 38, 28, .84);--panel-alt: rgba(24, 49, 37, .78);--border: rgba(144, 232, 176, .24);--text: #e9fff0;--text-muted: #add5be;--accent: #2ed573;--accent-2: #00a67e;--accent-soft: rgba(46, 213, 115, .2);--bg-gradient-a: rgba(46, 213, 115, .28);--bg-gradient-b: rgba(0, 166, 126, 0);--glow-a: rgba(46, 213, 115, .16);--glow-b: rgba(0, 166, 126, .14);--waveform-audio-color: rgba(175, 255, 198, .96);--waveform-audio-bg: rgba(15, 39, 28, .33);--waveform-video-color: rgba(161, 247, 187, .54);--waveform-video-bg: rgba(11, 32, 24, .33)}:root[data-palette=ember-night]{--bg: #1d1312;--bg-muted: #170f11;--panel: rgba(45, 27, 29, .84);--panel-alt: rgba(58, 34, 38, .78);--border: rgba(255, 176, 142, .24);--text: #ffefe8;--text-muted: #e2b7a8;--accent: #ff7a45;--accent-2: #d94f70;--accent-soft: rgba(255, 122, 69, .2);--bg-gradient-a: rgba(255, 122, 69, .3);--bg-gradient-b: rgba(217, 79, 112, 0);--glow-a: rgba(255, 122, 69, .16);--glow-b: rgba(217, 79, 112, .14);--waveform-audio-color: rgba(255, 201, 164, .96);--waveform-audio-bg: rgba(52, 29, 24, .34);--waveform-video-color: rgba(255, 181, 155, .55);--waveform-video-bg: rgba(49, 23, 29, .34)}:root[data-palette=arctic-glass]{--bg: #0d1b24;--bg-muted: #0a151d;--panel: rgba(18, 38, 50, .84);--panel-alt: rgba(25, 49, 63, .78);--border: rgba(167, 223, 255, .24);--text: #ebf7ff;--text-muted: #b2d4ec;--accent: #6cd4ff;--accent-2: #3aa8ff;--accent-soft: rgba(108, 212, 255, .2);--bg-gradient-a: rgba(108, 212, 255, .3);--bg-gradient-b: rgba(58, 168, 255, 0);--glow-a: rgba(108, 212, 255, .16);--glow-b: rgba(58, 168, 255, .14);--waveform-audio-color: rgba(196, 240, 255, .96);--waveform-audio-bg: rgba(17, 41, 58, .3);--waveform-video-color: rgba(188, 233, 255, .56);--waveform-video-bg: rgba(11, 30, 45, .3)}:root[data-palette=midnight-orchid]{--bg: #130d22;--bg-muted: #100a1c;--panel: rgba(34, 23, 54, .84);--panel-alt: rgba(45, 30, 69, .78);--border: rgba(210, 146, 255, .25);--text: #f8eefe;--text-muted: #d6b5ea;--accent: #b56dff;--accent-2: #ff4fd1;--accent-soft: rgba(181, 109, 255, .22);--bg-gradient-a: rgba(181, 109, 255, .32);--bg-gradient-b: rgba(255, 79, 209, 0);--glow-a: rgba(181, 109, 255, .18);--glow-b: rgba(255, 79, 209, .14);--waveform-audio-color: rgba(235, 190, 255, .96);--waveform-audio-bg: rgba(35, 21, 52, .36);--waveform-video-color: rgba(227, 178, 255, .58);--waveform-video-bg: rgba(29, 17, 45, .36)}:root[data-palette=mono-steel]{--bg: #161a21;--bg-muted: #12161d;--panel: rgba(33, 39, 50, .84);--panel-alt: rgba(40, 47, 60, .78);--border: rgba(156, 171, 191, .23);--text: #ecf1f7;--text-muted: #b3c0d2;--accent: #95a8c4;--accent-2: #6f87a8;--accent-soft: rgba(149, 168, 196, .2);--bg-gradient-a: rgba(149, 168, 196, .18);--bg-gradient-b: rgba(111, 135, 168, 0);--glow-a: rgba(149, 168, 196, .14);--glow-b: rgba(111, 135, 168, .12);--waveform-audio-color: rgba(203, 216, 233, .94);--waveform-audio-bg: rgba(35, 42, 55, .3);--waveform-video-color: rgba(191, 205, 224, .5);--waveform-video-bg: rgba(27, 33, 44, .3)}*{box-sizing:border-box}html{height:100%;overflow:hidden}body{margin:0;height:100%;min-height:0;overflow:hidden;background:radial-gradient(1200px 480px at 50% -160px,var(--bg-gradient-a),var(--bg-gradient-b) 65%),linear-gradient(160deg,var(--bg),var(--bg-muted));color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font-family:inherit;color:inherit}textarea{resize:vertical}#root{height:100dvh;min-height:0}.app{height:100dvh;max-height:100dvh;display:flex;flex-direction:column;gap:0;--left-width: 320px;--right-width: 320px;position:relative;overflow:hidden}.app:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(1200px 600px at -12% -18%,var(--glow-a),transparent 68%),radial-gradient(900px 460px at 108% -10%,var(--glow-b),transparent 72%);z-index:0}.app.left-closed{--left-width: 36px}.app.right-closed{--right-width: 36px}.app-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--panel);border-bottom:1px solid var(--border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);z-index:5;position:sticky;top:0}.brand{display:flex;align-items:center;gap:14px}.brand-logo{width:154px;height:auto;display:block;color:var(--text);filter:brightness(0) invert(1)}.brand-mark{font-size:14px;font-weight:600;letter-spacing:.08em;padding:8px 12px;border-radius:999px;background:linear-gradient(160deg,var(--accent),var(--accent-2));color:#fff;box-shadow:inset 0 0 0 1px #ffffff47,0 8px 18px #0a84ff4d}.brand strong{display:block;font-size:18px}.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}.brand span{color:var(--text-muted);font-size:13px}.header-actions{display:flex;gap:12px;align-items:center}.header-overflow-wrap{position:relative}.header-overflow-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:2600;min-width:170px;display:grid;gap:4px;padding:8px;border:1px solid var(--border);border-radius:12px;background:radial-gradient(130% 100% at 70% 0%,rgba(83,158,246,.16),transparent 70%),color-mix(in srgb,var(--panel) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-soft)}.header-overflow-menu button{border:1px solid var(--border);border-radius:9px;background:color-mix(in srgb,var(--panel-alt) 86%,transparent);color:var(--text);text-align:left;font-size:12px;padding:7px 10px}.header-actions .ghost.engaged{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent) 24%,var(--panel))}.makr-native-handoff{display:inline-flex;align-items:stretch;border:1px solid var(--border);border-radius:12px;background:var(--panel-alt);overflow:hidden}.makr-native-handoff .ghost{border:0;border-radius:0;background:transparent}.makr-native-handoff-primary{padding-inline:12px}.makr-native-handoff-secondary{width:34px;border-left:1px solid var(--border)!important;color:var(--text-muted)}.master-meter{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 10px;border-radius:11px;border:1px solid var(--border);background:var(--panel-alt);min-width:92px}.master-meter-track{width:72px;height:7px;border-radius:999px;background:#ffffff1f;overflow:hidden}.master-meter-fill{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#2ed573,#8cff65 50%,#ffcf4a,#ff7b64);transition:width 80ms linear}.master-meter.idle .master-meter-fill{opacity:.45}.master-debug{display:grid;gap:3px}.master-debug-values{display:none}.status-bar{position:fixed;top:68px;left:18px;right:18px;padding:9px 24px;background:var(--accent-soft);border:1px solid var(--border);border-radius:10px;box-shadow:0 16px 36px #00000038;font-size:13px;z-index:80;pointer-events:none;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);animation:status-bar-in var(--duration-fast) var(--ease-standard)}@keyframes status-bar-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.layout{flex:1;display:grid;grid-template-columns:var(--left-width) minmax(0,1fr) var(--right-width);gap:14px;padding:14px 18px 20px;position:relative;z-index:1;min-height:0;overflow:hidden}.layout.session-intro .panel.left,.layout.session-intro .panel.right,.layout.session-intro .center{animation:sessionEnter .42s cubic-bezier(.2,.8,.2,1) both}.layout.session-intro .panel.right{animation-delay:40ms}.layout.session-intro .center{animation-delay:20ms}@keyframes sessionEnter{0%{opacity:0;transform:translateY(10px) scale(.99);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.sessions-layout{grid-template-columns:minmax(0,1fr)}.sessions-home{border:1px solid var(--border);border-radius:16px;background:var(--panel);box-shadow:var(--shadow);padding:18px;display:grid;gap:10px;align-content:start;min-height:0;overflow:auto}.sessions-home-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sessions-home-header h2{margin:0 0 4px;font-size:20px}.sessions-home-header p{margin:0;color:var(--text-muted);font-size:13px}.session-home-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sessions-toolbar input{width:min(420px,100%);border-radius:10px;border:1px solid var(--border);background:var(--panel-alt);padding:8px 10px}.sessions-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-content:start;align-items:start}.sessions-empty{border:1px dashed var(--border);border-radius:12px;padding:14px;color:var(--text-muted);font-size:13px}.session-card{border:1px solid var(--border);border-radius:12px;background:radial-gradient(120% 100% at 70% 0%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 72%),color-mix(in srgb,var(--panel-alt) 90%,transparent);padding:7px;display:grid;gap:7px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-soft);min-width:0;width:100%;max-width:100%;overflow:hidden}.session-preview{position:relative;width:100%;height:124px;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:linear-gradient(180deg,#080f1ea8,#080f1e61),color-mix(in srgb,var(--panel) 80%,#ffffff 20%)}.session-preview img,.session-preview video{width:100%;max-width:100%;height:124px;object-fit:cover;display:block}.session-preview audio{width:calc(100% - 12px);margin:6px}.session-preview-placeholder{height:124px;display:grid;place-items:center;font-size:26px;font-weight:700;color:color-mix(in srgb,var(--accent) 70%,#ffffff 30%)}.session-preview-play{position:absolute;right:8px;bottom:8px;width:30px;height:30px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--panel) 86%,transparent);color:var(--text);display:grid;place-items:center;z-index:3}.session-audio-preview{height:124px;display:grid;place-items:center;font-size:24px;opacity:.86}.session-timeline-preview{display:grid;gap:6px;padding:6px;background:color-mix(in srgb,var(--panel) 70%,transparent)}.session-timeline-preview .preview{border-radius:9px;padding:0;min-height:112px;overflow:hidden}.session-timeline-preview .preview-canvas{max-height:132px;border-radius:0}.session-timeline-preview-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 2px;font-size:11px;color:var(--text-muted)}.session-timeline-preview-controls .ghost{min-height:24px;padding:4px 9px;border-radius:8px;font-size:11px}.session-open{border:1px solid transparent;background:transparent;text-align:left;border-radius:10px;padding:6px;display:grid;gap:2px;cursor:pointer}.session-open strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-open span{color:var(--text-muted);font-size:11px}.session-open:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--panel) 85%,rgba(10,132,255,.08))}.session-actions{display:flex;gap:6px;justify-content:flex-start;flex-wrap:wrap}.session-actions .ghost{min-width:0;padding:6px 8px;font-size:11px;flex:1 1 auto}.storyboard-layout{grid-template-columns:minmax(0,1fr)}.storyboard-shell{border:1px solid var(--border);border-radius:16px;background:radial-gradient(120% 120% at 90% -10%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 64%),var(--panel);box-shadow:var(--shadow);padding:14px;min-height:0;overflow:auto;display:grid;gap:10px;align-content:start}.storyboard-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.storyboard-header h2{margin:0 0 4px}.storyboard-header p{margin:0;color:var(--text-muted);font-size:13px}.storyboard-topbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.storyboard-steps{display:flex;gap:8px;flex-wrap:wrap}.storyboard-steps .ghost.active{border-color:color-mix(in srgb,var(--accent) 70%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 18%,var(--panel))}.storyboard-status{border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--panel-alt) 88%,transparent);padding:8px 10px;font-size:12px}.storyboard-status.muted{color:var(--text-muted)}.storyboard-card{border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--panel-alt) 84%,transparent);padding:12px;display:grid;gap:10px}.storyboard-card h3{margin:0;font-size:15px}.storyboard-grid{display:grid;gap:8px}.storyboard-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.storyboard-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.phase-ingest,.phase-breakdown,.phase-consistency,.phase-grid{animation:sessionEnter .22s cubic-bezier(.2,.8,.2,1)}.storyboard-list{display:grid;gap:9px}.storyboard-scene-card,.storyboard-entity-card,.storyboard-frame-card{border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--panel) 88%,transparent);padding:8px;display:grid;gap:8px}.storyboard-scene-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.storyboard-frames-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:start;grid-auto-rows:min-content}.storyboard-frame-card img{width:100%;border-radius:8px;border:1px solid var(--border);min-height:120px;object-fit:cover}.storyboard-frame-actions{display:flex;flex-wrap:wrap;gap:6px}.storyboard-topbar .field{min-width:min(440px,100%)}.storyboard-file-row{display:flex;align-items:center;gap:10px}.storyboard-file-trigger{display:inline-flex;align-items:center;justify-content:center;min-height:36px;cursor:pointer}.storyboard-file-count{color:var(--text-muted);font-size:12px}.storyboard-file-list{display:flex;flex-wrap:wrap;gap:6px}.storyboard-file-chip{border:1px solid var(--border);background:color-mix(in srgb,var(--panel) 90%,transparent);border-radius:999px;font-size:11px;padding:4px 8px}.storyboard-key-actions{justify-content:end}.storyboard-tone-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.storyboard-tone-card{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:color-mix(in srgb,var(--panel) 88%,transparent)}.storyboard-tone-media{height:110px;border-bottom:1px solid var(--border);position:relative;overflow:hidden}.storyboard-tone-media img{width:100%;height:100%;object-fit:cover}.storyboard-tone-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:12px;color:var(--text-muted);text-transform:capitalize;background:radial-gradient(circle at 20% 20%,rgba(122,174,255,.28),transparent 55%),radial-gradient(circle at 80% 0%,rgba(251,146,60,.2),transparent 50%),linear-gradient(160deg,#0b1728d6,#142845bd)}.storyboard-tone-media.tone-cinematic{background:linear-gradient(145deg,#0f2137,#293f59)}.storyboard-tone-media.tone-tense{background:linear-gradient(145deg,#1c1116,#3a1b27)}.storyboard-tone-media.tone-romantic{background:linear-gradient(145deg,#3d1f2e,#7a3c4b)}.storyboard-tone-media.tone-mysterious{background:linear-gradient(145deg,#12182c,#243a53)}.storyboard-tone-media.tone-playful{background:linear-gradient(145deg,#1b3c41,#2f6b63)}.storyboard-tone-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:8px}.storyboard-tone-copy{display:grid;gap:2px}.storyboard-tone-footer strong{font-size:12px;text-transform:capitalize}.storyboard-tone-copy span{font-size:11px;color:var(--text-muted);line-height:1.35}.storyboard-tone-actions{display:flex;align-items:center}.storyboard-scene-stack{display:grid;gap:10px}.storyboard-scene-head>div{display:grid;gap:2px}.storyboard-scene-head span{color:var(--text-muted);font-size:11px;text-transform:capitalize}.storyboard-frame-card{grid-template-rows:170px 42px 30px;min-height:264px;max-height:264px;align-content:start;transition:transform var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.storyboard-frame-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.storyboard-frame-card.busy{position:relative}.storyboard-frame-card.focused{border-color:color-mix(in srgb,var(--accent) 70%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent)}.storyboard-frame-card.busy:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,#ffffff14 0 8px,#ffffff05 8px 16px);border-radius:10px;animation:shimmer .8s linear infinite;pointer-events:none}@keyframes shimmer{0%{background-position:0 0}to{background-position:32px 0}}.storyboard-frame-media{border:1px solid var(--border);border-radius:8px;overflow:hidden;cursor:pointer;background:color-mix(in srgb,var(--panel-alt) 80%,transparent);position:relative;height:170px}.storyboard-frame-media img,.storyboard-frame-media video{width:100%;height:100%;object-fit:cover;display:block}.storyboard-media-placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--text-muted);font-size:12px;background:radial-gradient(circle at 22% 22%,rgba(89,168,255,.26),transparent 58%),linear-gradient(155deg,#101c31eb,#0b1626db)}.storyboard-frame-overlay{position:absolute;left:8px;right:8px;bottom:8px;border-radius:8px;padding:6px 8px;font-size:11px;background:color-mix(in srgb,var(--panel) 86%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border))}.storyboard-frame-description{font-size:12px;color:color-mix(in srgb,var(--text) 88%,var(--text-muted));min-height:42px;height:42px;max-height:42px;overflow:hidden;line-height:1.35}.storyboard-frame-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px}.storyboard-frame-menu-wrap{position:relative}.storyboard-frame-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:1500;display:grid;gap:4px;border:1px solid var(--border);border-radius:10px;padding:6px;min-width:170px;background:color-mix(in srgb,var(--panel) 92%,transparent);box-shadow:var(--shadow-soft)}.storyboard-frame-menu button{border:1px solid var(--border);border-radius:7px;padding:6px 8px;text-align:left;background:color-mix(in srgb,var(--panel-alt) 90%,transparent);color:var(--text);font-size:11px}.storyboard-frame-menu button:disabled{opacity:.45}.storyboard-status-pill{transition:transform var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.storyboard-status-pill.generated{background:color-mix(in srgb,#4fa2ff 34%,var(--panel));color:#d7edff}.storyboard-status-pill.approved{background:color-mix(in srgb,#48d07d 32%,var(--panel));color:#defbe8}.storyboard-status-pill.rejected{background:color-mix(in srgb,#ea5b7e 30%,var(--panel));color:#ffd9e1}.storyboard-add-frame{border:1px dashed color-mix(in srgb,var(--accent) 40%,var(--border));border-radius:10px;min-height:170px;background:color-mix(in srgb,var(--panel) 85%,transparent);color:var(--text-muted);font-size:13px;transition:border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.storyboard-add-frame:hover{border-color:color-mix(in srgb,var(--accent) 70%,var(--border));color:var(--text)}.storyboard-add-frame.between{min-height:40px;font-size:12px;border-style:solid}.storyboard-frame-slot{display:grid;gap:7px;align-content:start}.storyboard-ingest-progress{border:1px solid var(--border);border-radius:11px;padding:10px;background:color-mix(in srgb,var(--panel) 86%,transparent);display:grid;gap:8px}.storyboard-ingest-header{display:flex;justify-content:space-between;font-size:12px}.storyboard-progress-track{height:8px;border-radius:999px;background:color-mix(in srgb,var(--panel-alt) 90%,transparent);overflow:hidden}.storyboard-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .24s var(--ease-standard)}.storyboard-progress-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.storyboard-progress-step{border-radius:8px;padding:5px 6px;text-align:center;font-size:10px;border:1px solid var(--border);color:var(--text-muted);background:color-mix(in srgb,var(--panel-alt) 86%,transparent)}.storyboard-progress-step.active{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));color:var(--text)}.storyboard-progress-step.complete{border-color:color-mix(in srgb,#4fa2ff 55%,var(--border));color:#d7edff;background:color-mix(in srgb,#4fa2ff 20%,var(--panel))}.storyboard-skeleton-card,.storyboard-skeleton-line{border-radius:10px;border:1px solid var(--border);background:linear-gradient(90deg,#ffffff0a,#ffffff1f,#ffffff0a);background-size:240% 100%;animation:shimmer 1.1s linear infinite}.storyboard-skeleton-card{height:160px}.storyboard-skeleton-line{height:58px}.field.compact textarea{min-height:64px}.storyboard-card-actions{display:flex;gap:8px;justify-content:flex-end}.storyboard-card-actions.compact{justify-content:flex-start}.inspector-image-actions{display:flex;justify-content:flex-end}.inspector-group .storyboard-grid.three{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:14px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;gap:14px;position:relative;z-index:30;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:transform var(--duration-med) var(--ease-standard),box-shadow var(--duration-med) var(--ease-standard)}.panel-scroll{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:14px;padding-right:4px}.panel.left,.panel.right{transition:opacity var(--duration-med) var(--ease-standard),transform var(--duration-med) var(--ease-standard)}.panel.left{overflow:hidden;gap:6px}.app.left-closed .panel.left,.app.right-closed .panel.right{opacity:1;pointer-events:auto;padding:8px;overflow:hidden}.app.left-closed .panel.left>:not(.panel-header),.app.right-closed .panel.right>:not(.panel-header){display:none}.app.left-closed .panel.left .panel-header div,.app.right-closed .panel.right .panel-header div{display:none}.center{min-width:0;min-height:0;display:flex;flex-direction:column;gap:10px;overflow:visible;position:relative}.preview-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:12px;box-shadow:var(--shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);position:relative;transition:transform var(--duration-med) var(--ease-standard),opacity var(--duration-med) var(--ease-standard),border-radius var(--duration-med) var(--ease-standard),padding var(--duration-med) var(--ease-standard)}.preview-card.collapsed{min-height:46px;padding:8px 10px;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 94%,#4fa2ff 6%),var(--panel))}.preview-card.collapsed .preview{display:none}.preview-collapsed-label{display:flex;align-items:baseline;gap:8px;min-width:0;padding-left:38px;pointer-events:none}.preview-collapsed-label strong{font-size:13px;color:var(--text);letter-spacing:0}.preview-collapsed-label span{font-size:11px;color:var(--text-muted)}.preview-card:fullscreen,.preview-card:-webkit-full-screen{width:100vw;height:100vh;border-radius:0;border:none;padding:0;background:#060a16;animation:preview-fullscreen-enter .18s var(--ease-standard)}.preview{background:linear-gradient(160deg,#111827eb,#0f172aeb);border-radius:12px;padding:10px;display:flex;align-items:center;justify-content:center}.preview-canvas{width:100%;height:auto;max-height:48vh;border-radius:10px;background:#000}.preview-card:fullscreen .preview,.preview-card:-webkit-full-screen .preview{width:100%;height:100%;padding:0;border-radius:0;background:#000}.preview-card:fullscreen .preview-canvas,.preview-card:-webkit-full-screen .preview-canvas{width:100%;height:100%;max-height:none;border-radius:0}@keyframes preview-fullscreen-enter{0%{opacity:.94;transform:scale(.995)}to{opacity:1;transform:scale(1)}}.preview-collapse-toggle,.preview-fullscreen{position:absolute;top:16px;z-index:2;border:1px solid var(--border);background:color-mix(in srgb,var(--panel-alt) 85%,transparent);color:var(--text);border-radius:9px;padding:5px 9px;font-size:14px;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.preview-collapse-toggle{left:16px;width:30px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center}.preview-card.collapsed .preview-collapse-toggle{top:9px;left:10px;background:color-mix(in srgb,var(--accent) 15%,var(--panel-alt))}.preview-fullscreen{right:16px}.preview-card:fullscreen .preview-collapse-toggle,.preview-card:-webkit-full-screen .preview-collapse-toggle{top:16px;left:16px}.preview-card:fullscreen .preview-fullscreen,.preview-card:-webkit-full-screen .preview-fullscreen{right:16px}.preview-card:fullscreen .preview-fit-toggle,.preview-card:-webkit-full-screen .preview-fit-toggle{right:62px}.preview-collapse-toggle:hover,.preview-fullscreen:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));transform:translateY(-1px)}.preview-fit-toggle{position:absolute;top:16px;right:62px;z-index:2;border:1px solid var(--border);background:color-mix(in srgb,var(--panel-alt) 85%,transparent);color:var(--text);border-radius:9px;padding:5px 9px;font-size:13px;cursor:pointer}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-header.compact{min-height:2px;margin-bottom:2px}.panel-resizer{position:absolute;top:10px;bottom:10px;width:18px;cursor:col-resize;z-index:80;background:#0a84ff00;touch-action:none}.panel-resizer:before{content:"";position:absolute;top:12px;bottom:12px;left:50%;width:2px;border-radius:999px;background:color-mix(in srgb,var(--accent) 32%,transparent);opacity:0;transform:translate(-50%) scaleY(.94);transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.panel-resizer:hover{background:#0a84ff2e}.panel-resizer:hover:before,body.is-panel-resizing .panel-resizer:before{opacity:1;transform:translate(-50%) scaleY(1)}.panel-resizer.left{right:0}.panel-resizer.right{left:0}body.is-panel-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}body.is-panel-resizing iframe,body.is-panel-resizing video,body.is-panel-resizing canvas{pointer-events:none}.app.left-closed .panel-resizer.left,.app.right-closed .panel-resizer.right,.edge-toggle{display:none}.edge-toggle span{font-size:16px;color:var(--text-muted)}.edge-toggle.left{left:8px}.edge-toggle.right{right:8px}.panel-header span{color:var(--text-muted);font-size:12px;display:block}.section-header h3{margin:0;font-size:14px;font-weight:600}.tag{padding:4px 8px;border-radius:999px;background:var(--accent-soft);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.panel-section{margin-bottom:14px}.panel-section:last-child{margin-bottom:0}.generator-section{display:flex;flex-direction:column;gap:10px;flex:0 0 auto;overflow:auto;min-height:0;padding:8px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--panel-alt) 80%,transparent)}.panel.left .bin{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:12px;padding:8px;background:color-mix(in srgb,var(--panel-alt) 78%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border) 75%,transparent)}.panel-splitter.horizontal{height:7px;border-radius:10px;cursor:row-resize;margin:0;position:relative;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 86%,transparent),color-mix(in srgb,var(--panel-alt) 78%,transparent));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px color-mix(in srgb,white 18%,transparent),inset 0 -1px color-mix(in srgb,var(--accent) 20%,transparent)}.panel-splitter.horizontal:hover{border-color:transparent}.panel-splitter.horizontal:before{content:"";position:absolute;left:50%;top:50%;width:124px;height:4px;transform:translate(-50%,-50%);border-radius:999px;background:color-mix(in srgb,var(--accent) 86%,#9ec8ff)}.panel-splitter-glass{display:none}.inspector-preview{display:grid;gap:8px;margin-top:5px;margin-bottom:12px}.inspector-inline-volume{margin-bottom:10px}.inspector-group{border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--panel-alt) 86%,transparent);margin-bottom:10px;overflow:hidden}.inspector-group-summary{cursor:pointer;list-style:none;padding:8px 10px;font-size:12px;font-weight:600;border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.inspector-group-summary::-webkit-details-marker{display:none}.inspector-group>.field,.inspector-group>.inspector-pill-row{padding:8px 10px}.inspector-pill-row{display:flex;flex-wrap:wrap;gap:6px}.inspector-pill{border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--panel) 88%,transparent);color:var(--text);font-size:11px;line-height:1;padding:6px 10px}.inspector-sound-metadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px 10px 10px}.inspector-sound-metadata span{min-width:0;display:grid;gap:3px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:10px;background:color-mix(in srgb,var(--panel) 78%,transparent);padding:8px}.inspector-sound-metadata small{color:var(--text-muted);font-size:11px}.inspector-sound-metadata strong{min-width:0;overflow:hidden;color:var(--text);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.inspector-sound-metadata em{color:var(--text-muted);font-style:normal}.inspector-keyword-metadata{padding-bottom:6px}.inspector-keyword-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 10px 10px}.inspector-keyword-chips span{max-width:100%;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--text);font-size:11px;line-height:1;padding:5px 8px}.tab-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:10px;padding:4px;border:1px solid var(--border);border-radius:11px;background:color-mix(in srgb,var(--panel-alt) 78%,transparent)}.mode-row{display:flex;gap:8px;flex-wrap:wrap}.mode-row button{border:1px solid var(--border);background:var(--panel-alt);padding:6px 9px;border-radius:9px;font-size:11px;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.mode-row button.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.tab{border:1px solid transparent;background:transparent;padding:7px 9px;border-radius:8px;font-size:12px;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.tab.active{background:color-mix(in srgb,var(--accent) 18%,var(--panel));border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent)}.tab-panel{display:grid;gap:12px}.generator-select-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}.generator-select-row .field{min-width:0}.generator-select-row .field select{width:100%;max-width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:24px}.field{display:grid;gap:6px;font-size:12px}.field input,.field select,.field textarea{border-radius:9px;border:1px solid var(--border);padding:7px 9px;background:var(--panel-alt);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0a84ff2e}.field textarea{min-height:72px}.field.hint{color:var(--text-muted);font-size:12px}.inline{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px}.generator-section .field input,.generator-section .field select,.generator-section .field textarea{width:100%;min-width:0}.persona-grid{display:grid;gap:8px}.persona-picker{position:relative}.persona-picker-trigger{width:100%;border:1px solid var(--border);background:var(--panel-alt);border-radius:10px;padding:8px 10px;display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer}.persona-avatar{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 22%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 36%,var(--border));font-size:16px;flex:0 0 auto}.persona-copy{display:grid;gap:1px;min-width:0;flex:1}.persona-copy strong{font-size:12px}.persona-copy em{font-style:normal;color:var(--text-muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.persona-caret{color:var(--text-muted);font-size:12px}.persona-picker-menu{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:24;border:1px solid var(--border);border-radius:10px;background:var(--panel);box-shadow:var(--shadow-soft);padding:6px;display:grid;gap:6px}.persona-picker-row{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:6px}.persona-picker-select{border:1px solid transparent;border-radius:8px;background:var(--panel-alt);padding:6px 8px;text-align:left;display:flex;align-items:center;gap:8px;cursor:pointer;min-width:0}.persona-picker-row.active .persona-picker-select{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent)}.persona-picker-play{border:1px solid var(--border);border-radius:8px;background:var(--panel-alt);cursor:pointer}.demo-row{display:flex;justify-content:flex-start}.persona-card{text-align:left;border-radius:10px;border:1px solid var(--border);padding:9px 10px;background:var(--panel-alt);cursor:pointer;display:grid;gap:4px;transition:border-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.persona-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.persona-card em{font-style:normal;color:var(--text-muted);font-size:12px}.primary{background:linear-gradient(160deg,var(--accent),var(--accent-2));color:#fff;border:1px solid rgba(255,255,255,.2);padding:8px 12px;border-radius:11px;cursor:pointer;font-weight:600;box-shadow:0 10px 22px #0a84ff40;transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),filter var(--duration-fast) var(--ease-standard)}.ghost,.ghost-button{border:1px solid var(--border);background:var(--panel-alt);padding:7px 10px;border-radius:11px;cursor:pointer;font-size:12px;transition:border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.ghost-button{position:relative;overflow:hidden}.ghost-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.icon-button{border:1px solid var(--border);background:var(--panel-alt);color:var(--text-muted);cursor:pointer;width:26px;height:26px;border-radius:999px;display:grid;place-items:center}.primary:hover,.ghost:hover,.ghost-button:hover,.icon-button:hover,.tool-group button:hover,.track-actions button:hover,.tab:hover,.mode-row button:hover,.export-dropdown button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.primary:active,.ghost:active,.ghost-button:active,.icon-button:active,.tool-group button:active,.track-actions button:active,.tab:active,.mode-row button:active,.export-dropdown button:active{transform:translateY(0)}.bin-toolbar{display:grid;grid-template-columns:140px 120px auto;gap:8px;margin-bottom:8px;align-items:center}.bin-type-dropdown{position:relative}.bin-type-trigger{width:100%;display:inline-flex;align-items:center;justify-content:space-between;min-height:34px;padding:6px 10px}.bin-type-trigger.active{border-color:color-mix(in srgb,var(--accent) 58%,var(--border))}.bin-type-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:35;min-width:220px;max-width:min(360px,75vw);border:1px solid var(--border);border-radius:11px;background:var(--panel);box-shadow:var(--shadow-soft);padding:8px;display:grid;gap:8px}.bin-type-menu-list{display:grid;gap:6px}.bin-type-menu-row{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text)}.bin-type-menu-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.bin-filter-toggle{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:4px 8px;background:var(--panel-alt)}.bin-filter-toggle input{margin:0}.bin-import-mobile{justify-self:start;align-self:stretch;display:inline-flex;align-items:center}.bin-layout{display:grid;gap:8px;flex:1;min-height:0}.bin-layout.with-folders{grid-template-columns:180px 1fr}.bin-layout.without-folders{grid-template-columns:1fr}.folders-toggle{padding-inline:10px}.folders-toggle.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.bin-folders{border:1px solid var(--border);border-radius:10px;background:var(--panel-alt);overflow:auto;padding:6px 0;max-height:420px}.folder-node{display:grid}.folder-row{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:4px;font-size:11px;min-height:24px;cursor:pointer;border-radius:6px;margin:0 4px}.folder-row:hover{background:#0a84ff14}.folder-row.selected{background:var(--accent-soft)}.folder-disclosure{border:none;background:transparent;color:var(--text-muted);width:18px;height:18px;border-radius:4px;padding:0;cursor:pointer}.folder-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-count{color:var(--text-muted);font-size:10px;padding-right:6px}.folder-asset-row{border:none;background:transparent;text-align:left;font-size:10px;color:var(--text-muted);min-height:20px;cursor:pointer;width:calc(100% - 8px);margin:0 4px;border-radius:6px;padding:2px 8px}.folder-asset-row:hover{color:var(--text);background:#0a84ff14}.folder-asset-row.active{color:var(--text);background:var(--accent-soft)}.bin-grid-shell{border:1px solid var(--border);border-radius:10px;overflow:auto;background:color-mix(in srgb,var(--panel) 74%,transparent);max-height:none;min-height:0;height:100%;padding:6px}.bin-folder-back{border:1px solid var(--border);background:var(--panel-alt);color:var(--text);border-radius:8px;padding:5px 8px;font-size:11px;margin:0 0 8px;cursor:pointer}.bin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:8px;padding:2px 0 10px}.asset-tile{border:1px solid var(--border);border-radius:10px;background:var(--panel);padding:6px;display:grid;gap:6px;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.asset-tile.audio-asset{--asset-accent: #8ab4ff;--asset-accent-soft: rgba(138, 180, 255, .72);min-height:142px;border-color:color-mix(in srgb,var(--asset-accent) 62%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--asset-accent) 14%,transparent),transparent 45%),var(--panel);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--asset-accent) 16%,transparent),0 10px 22px #0000002e}.asset-tile:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.asset-tile.audio-asset:hover{border-color:color-mix(in srgb,var(--asset-accent) 78%,white);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--asset-accent) 26%,transparent),0 12px 26px #0003,0 0 22px color-mix(in srgb,var(--asset-accent) 20%,transparent)}.asset-tile.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.asset-tile.audio-asset.selected{border-color:color-mix(in srgb,var(--asset-accent) 82%,white);box-shadow:0 0 0 1px color-mix(in srgb,var(--asset-accent) 82%,white),0 0 24px color-mix(in srgb,var(--asset-accent) 24%,transparent)}.asset-tile.generating{border-style:dashed}.asset-tile.failed{border-color:color-mix(in srgb,#ef4444 55%,var(--border))}.asset-tile.folder{border-style:dashed}.asset-thumb{border-radius:7px;min-height:58px;height:58px;border:1px solid rgba(10,132,255,.25);background:linear-gradient(170deg,#0f172aeb,#1e40afb8);display:grid;place-items:center;color:#ffffffe0;font-size:20px;overflow:hidden}.asset-tile.audio-asset .asset-thumb{min-height:72px;height:72px;border-color:color-mix(in srgb,var(--asset-accent) 54%,rgba(255,255,255,.18));background:linear-gradient(160deg,color-mix(in srgb,var(--asset-accent) 22%,rgba(15,23,42,.92)),#080e19f0);box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 -18px 22px #0000003d}.asset-sound-cover{width:100%;height:100%;border-radius:6px}.asset-sound-cover.makr-sound-cover-thumb.fallback:before{background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.2),transparent 30%),linear-gradient(135deg,color-mix(in srgb,var(--asset-accent) 62%,#263044),#111827)}.asset-sound-cover.makr-sound-cover-thumb.fallback:after{opacity:.58}.asset-sound-cover.makr-sound-cover-thumb.fallback strong{font-size:12px}.asset-thumb.folder{font-size:28px;background:linear-gradient(170deg,#3b82f633,#1e40af61)}.asset-thumb img{width:100%;height:100%;object-fit:cover}.asset-thumb video{width:100%;height:100%;object-fit:cover;display:block}.asset-generating-spinner{display:inline-flex;animation:generator-bob 1s ease-in-out infinite}.asset-meta{display:grid;gap:2px}.asset-meta strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-tile.audio-asset .asset-meta strong{display:-webkit-box;overflow:hidden;color:#fffffff0;font-size:10.5px;font-weight:640;line-height:1.15;letter-spacing:0;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.asset-meta span{font-size:10px;color:var(--text-muted)}.asset-tile.audio-asset .asset-meta span{display:block;overflow:hidden;color:color-mix(in srgb,var(--asset-accent) 48%,var(--text-muted));font-size:9.5px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.asset-meta input{border-radius:6px;border:1px solid var(--border);padding:3px 6px;font-size:11px;background:var(--panel-alt)}.bin-toolbar input[type=search],.bin-toolbar select,.bin-bulk-actions input[type=text],.bin-table td input,.bin-table td select,.bin-table td textarea{border-radius:8px;border:1px solid var(--border);padding:6px 8px;background:var(--panel-alt)}.bin-search-wrap{position:relative;justify-self:end}.bin-search-toggle.active{border-color:color-mix(in srgb,var(--accent) 60%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 38%,transparent)}.bin-search-popover{position:absolute;right:0;top:calc(100% + 8px);z-index:25;min-width:260px;display:flex;gap:8px;align-items:center;border:1px solid var(--border);background:var(--panel);border-radius:10px;padding:8px;box-shadow:var(--shadow-soft)}.bin-search-popover input{flex:1;min-width:0}.bin-search-overlay{position:fixed;z-index:2400;display:flex;gap:8px;align-items:center;border:1px solid var(--border);background:var(--panel);border-radius:10px;padding:8px;box-shadow:var(--shadow-soft)}.bin-search-overlay input{flex:1;min-width:0;border-radius:8px;border:1px solid var(--border);padding:6px 8px;background:var(--panel-alt)}.bin-bulk-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid var(--border);border-radius:10px;background:var(--panel-alt);padding:8px;margin-bottom:8px}.bin-table-shell{border:1px solid var(--border);border-radius:10px;overflow:auto;max-height:420px;background:var(--panel-alt)}.bin-table{border-collapse:separate;border-spacing:0;width:100%;min-width:920px}.bin-table thead th{position:sticky;top:0;z-index:1;background:var(--panel);border-bottom:1px solid var(--border);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);text-align:left;padding:8px}.bin-table tbody tr{transition:background var(--duration-fast) var(--ease-standard);cursor:pointer}.bin-table tbody tr:hover{background:#0a84ff14}.bin-table tbody tr.selected{background:var(--accent-soft)}.bin-table td{border-bottom:1px solid var(--border);padding:8px;vertical-align:top;font-size:12px}.bin-table td:last-child{min-width:220px}.tag-chips{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.tag-chip{font-size:10px;padding:2px 6px;border-radius:999px;border:1px solid var(--border);background:var(--panel)}.rating-stars{display:flex;gap:4px}.star-button{border:none;background:transparent;color:#94a3b8cc;font-size:15px;line-height:1;padding:0;cursor:pointer}.star-button.filled,.star-button:hover{color:#f59e0b}.color-picker{display:flex;flex-wrap:wrap;gap:5px}.color-dot{width:14px;height:14px;border-radius:999px;border:1px solid rgba(15,23,42,.3);padding:0;cursor:pointer}.color-dot.none{border-style:dashed}.color-dot.active{box-shadow:0 0 0 2px #0a84ff38}.notes-button{border:1px solid var(--border);background:var(--panel);border-radius:8px;padding:6px 8px;width:100%;text-align:left;font-size:11px;color:var(--text-muted);cursor:pointer}.notes-popover{position:fixed;right:24px;bottom:24px;width:min(360px,92vw);border:1px solid var(--border);background:var(--panel);border-radius:12px;box-shadow:var(--shadow);padding:12px;z-index:50}.notes-popover h4{margin:0 0 8px;font-size:13px}.notes-popover textarea{width:100%;min-height:120px}.audio-pill{font-size:10px;padding:4px 6px;background:var(--accent-soft);border-radius:999px}.empty{padding:10px;border:1px dashed var(--border);border-radius:10px;color:var(--text-muted);font-size:13px;display:grid;gap:4px}.transport{display:flex;justify-content:space-between;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:8px 10px;gap:12px;box-shadow:var(--shadow-soft);flex-wrap:wrap;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);position:relative;z-index:2}.transport-play-stop{width:40px;height:34px;min-width:40px;min-height:34px;padding:0;display:grid;place-items:center;line-height:1;font-size:14px}.transport-left,.transport-center,.transport-right{display:flex;align-items:center;gap:10px}.transport-settings{position:relative}.timecode-stack{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:11px;background:color-mix(in srgb,var(--panel-alt) 92%,transparent);min-height:34px;overflow:visible;position:relative}.transport-settings .ghost{min-width:28px;min-height:34px;padding:0 8px;border-radius:0;border:none;border-left:1px solid color-mix(in srgb,var(--border) 90%,transparent);background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:11px}.timeline-settings-trigger{font-size:12px;line-height:1;min-width:30px;min-height:34px}.dropdown-chevron{display:inline-flex;align-items:center;justify-content:center;width:10px;line-height:1;transform:translateY(-1px)}.catch-playhead{min-width:34px;min-height:34px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px}.catch-playhead-glyph{position:relative;width:14px;height:14px;opacity:.9}.catch-playhead-glyph:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);border-radius:2px;background:color-mix(in srgb,var(--text) 95%,transparent)}.catch-playhead-glyph:after{content:"";position:absolute;top:2px;bottom:2px;left:2px;width:2px;border-radius:2px;background:color-mix(in srgb,var(--text-muted) 66%,transparent);box-shadow:8px 0 color-mix(in srgb,var(--text-muted) 66%,transparent)}.catch-playhead.engaged{border-color:color-mix(in srgb,var(--accent) 60%,var(--border));background:color-mix(in srgb,var(--accent) 24%,var(--panel));color:#d6e8ff}.catch-playhead.engaged .catch-playhead-glyph{filter:drop-shadow(0 0 8px rgba(10,132,255,.28))}.catch-playhead.engaged .catch-playhead-glyph:before{background:color-mix(in srgb,#9fd2ff 88%,white)}.catch-playhead.engaged .catch-playhead-glyph:after{background:color-mix(in srgb,#9fd2ff 65%,var(--accent))}.transport-settings-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:2200;min-width:196px;padding:9px;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--border));background:radial-gradient(110% 90% at 18% 0%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 58%),color-mix(in srgb,var(--panel) 96%,transparent);display:grid;gap:8px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.transport-setting-row{display:grid;gap:4px;font-size:11px}.transport-setting-row>span{color:var(--text-muted);font-size:10px;font-weight:720;letter-spacing:.01em}.transport-setting-select{position:relative;min-width:0}.transport-setting-select-trigger{width:100%;min-height:34px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid rgba(148,163,184,.2);border-radius:8px;background:linear-gradient(180deg,#ffffff0e,#ffffff05),#111827b8;color:var(--text);cursor:pointer;font:inherit;font-size:13px;font-weight:680;line-height:1;padding:0 9px;text-align:left;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.transport-setting-select-trigger:hover,.transport-setting-select.open .transport-setting-select-trigger{border-color:color-mix(in srgb,var(--accent) 58%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 11%,rgba(255,255,255,.055)),#ffffff06),#111827d1}.transport-setting-select-trigger:focus-visible{outline:none;border-color:color-mix(in srgb,var(--accent) 72%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.transport-setting-select-trigger>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transport-setting-select-chevron{color:var(--text-muted);font-size:12px;transform:translateY(-1px)}.transport-setting-select-menu{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:2300;display:grid;gap:2px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:8px;background:linear-gradient(180deg,#192230fa,#0c1118fa);padding:4px;box-shadow:0 18px 34px #00000061;animation:fadeIn var(--duration-fast) var(--ease-standard) both}.transport-setting-select-menu button{min-height:28px;border:0;border-radius:6px;background:transparent;color:color-mix(in srgb,var(--text) 86%,transparent);cursor:pointer;font:inherit;font-size:12px;font-weight:650;padding:0 8px;text-align:left}.transport-setting-select-menu button:hover,.transport-setting-select-menu button:focus-visible{outline:none;background:#ffffff12;color:var(--text)}.transport-setting-select-menu button.selected{background:color-mix(in srgb,var(--accent) 28%,rgba(255,255,255,.04));color:#f8fbff}.export-menu{position:relative}.export-dropdown{position:absolute;right:0;top:110%;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-soft);padding:8px;display:grid;gap:6px;min-width:180px;z-index:2200}.export-dropdown button{background:var(--panel-alt);border:1px solid var(--border);border-radius:7px;padding:6px 8px;font-size:11px;cursor:pointer;text-align:left}.timecode{font-family:SF Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background:transparent;min-height:34px;padding:0 10px;border-radius:0;font-size:11px;display:inline-flex;align-items:center;border:none}.timecode-button{border:none;color:var(--text);cursor:text;box-shadow:none}.timecode-button:focus-visible{outline:none}.timecode-input{width:108px;color:var(--text);outline:none}.tool-group{display:flex;gap:6px;align-items:center}.tool-picker{display:flex;align-items:center;border:1px solid var(--border);background:var(--panel-alt);border-radius:11px;min-height:34px;padding:0 8px;font-size:11px}.tool-picker select{border:none;background:transparent;font-size:12px;min-width:42px;padding:2px 0}.tool-group button{padding:6px 9px;border-radius:8px;border:1px solid var(--border);background:var(--panel-alt);cursor:pointer}.tool-group button.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.zoom-control{display:flex;align-items:center;gap:8px;font-size:11px}.timeline-shell{display:grid;grid-template-rows:minmax(0,1fr) 36px;gap:6px;flex:1;min-height:0}.timeline-topbar{display:flex;justify-content:flex-end;gap:12px}.timeline-settings{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:11px}.timeline-bottombar{display:flex;gap:8px;justify-content:flex-end;min-height:36px;height:36px;align-items:center;flex-shrink:0;position:relative}.track-create-buttons{display:flex;gap:6px;margin-right:6px}.timeline-replacement-dock{position:relative;display:flex;align-items:center;gap:3px}.timeline-replacement-icon,.timeline-replacement-toggle,.timeline-replacement-close{border:1px solid color-mix(in srgb,var(--border) 88%,transparent);background:color-mix(in srgb,var(--panel-alt) 72%,transparent);color:var(--text-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.timeline-replacement-icon{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:14px;line-height:1}.timeline-replacement-toggle{width:18px;height:26px;border-radius:7px;display:grid;place-items:center;padding:0;font-size:10px}.timeline-replacement-count{min-height:26px;display:inline-flex;align-items:center;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:7px;background:color-mix(in srgb,var(--accent) 12%,var(--panel-alt));color:color-mix(in srgb,var(--accent) 66%,white);font-size:10px;font-weight:620;line-height:1;padding:0 8px;white-space:nowrap;box-shadow:inset 0 1px #ffffff0a}.timeline-replacement-dock.ready .timeline-replacement-icon{color:#07111f;border-color:color-mix(in srgb,var(--accent) 72%,var(--border));background:linear-gradient(180deg,#a8c8ff,#5f94f7);box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 26%,transparent)}.timeline-replacement-dock.ready .timeline-replacement-toggle{color:color-mix(in srgb,var(--accent) 82%,white);border-color:color-mix(in srgb,var(--accent) 44%,var(--border));background:color-mix(in srgb,var(--accent) 16%,var(--panel))}.timeline-replacement-icon:disabled,.timeline-replacement-toggle:disabled{cursor:not-allowed;opacity:.46;box-shadow:none}.timeline-replacement-dock.ready .timeline-replacement-icon:hover,.timeline-replacement-dock.ready .timeline-replacement-toggle:hover{transform:translateY(-1px)}.timeline-replacement-panel{position:absolute;right:0;bottom:calc(100% + 9px);width:min(380px,calc(100vw - 32px));border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border));border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 13%,transparent),transparent 38%),color-mix(in srgb,var(--panel) 96%,#0f172a 4%);box-shadow:0 18px 44px #00000047;padding:10px;display:grid;gap:9px;z-index:45;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:timeline-replacement-in var(--duration-fast) var(--ease-standard);pointer-events:none}.timeline-replacement-panel button,.timeline-replacement-panel input,.timeline-replacement-panel .timeline-replacement-dot-range,.timeline-replacement-panel .timeline-replacement-candidate-list{pointer-events:auto}.timeline-replacement-panel header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.timeline-replacement-panel header div{display:grid;gap:2px;min-width:0}.timeline-replacement-panel header strong{font-size:11px;color:var(--text)}.timeline-replacement-panel header span{overflow:hidden;max-width:240px;color:var(--text-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.timeline-replacement-close{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;padding:0}.timeline-replacement-panel>label{display:grid;grid-template-columns:92px 1fr 42px;gap:8px;align-items:center;color:var(--text-muted);font-size:10px}.timeline-replacement-facet-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:center}.timeline-replacement-facet-row label{display:grid;grid-template-columns:auto min-content auto;gap:5px;align-items:center;min-width:0;color:var(--text-muted);font-size:10px}.timeline-replacement-facet-row label>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-replacement-panel label strong{color:var(--text);font-size:10px;font-variant-numeric:tabular-nums;text-align:right}.timeline-replacement-dot-range{display:flex;align-items:center;gap:4px;min-width:0}.timeline-replacement-dot-range button{width:11px;height:11px;border:0;border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.42),transparent 38%),color-mix(in srgb,var(--text-muted) 36%,#16191f);cursor:pointer;opacity:.58;padding:0;transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.timeline-replacement-dot-range button[data-value="1"].active{background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.75),transparent 42%),#dfe5ee}.timeline-replacement-dot-range button[data-value="2"].active{background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.55),transparent 42%),#f3c56a}.timeline-replacement-dot-range button[data-value="3"].active{background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.48),transparent 42%),#ee9f31}.timeline-replacement-dot-range button[data-value="4"].active{background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.42),transparent 42%),#ef623d}.timeline-replacement-dot-range button[data-value="5"].active{background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.38),transparent 42%),#df2459}.timeline-replacement-dot-range button.active{opacity:1;box-shadow:0 0 0 1px #ffffff2e,0 4px 10px #00000038}.timeline-replacement-dot-range button:hover,.timeline-replacement-dot-range button:focus-visible{outline:none;opacity:1;transform:scale(1.14);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 24%,transparent),0 4px 10px #0000003d}.timeline-replacement-panel input[type=range]{width:100%;accent-color:color-mix(in srgb,var(--accent) 78%,white)}.timeline-replacement-pool{display:grid;gap:6px;min-width:0;min-height:204px;align-content:start;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent);padding-top:8px}.timeline-replacement-pool-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text);font-size:10px;font-weight:650}.timeline-replacement-pool-head small,.timeline-replacement-pool p{margin:0;color:var(--text-muted);font-size:9px;font-weight:500}.timeline-replacement-candidate-list{min-height:164px;max-height:164px;display:grid;align-content:start;gap:4px;overflow-y:auto;padding-right:2px}.timeline-replacement-candidate{display:grid;grid-template-columns:26px minmax(0,1fr) 26px;align-items:center;gap:7px;min-height:34px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:7px;background:color-mix(in srgb,var(--panel-alt) 54%,transparent);padding:4px;animation:timeline-replacement-candidate-in .18s var(--ease-standard);transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.timeline-replacement-pool.refreshing .timeline-replacement-candidate{opacity:.62;transform:none}.timeline-replacement-pool>p{min-height:164px;display:grid;place-items:center;text-align:center}.timeline-replacement-candidate-play,.timeline-replacement-candidate-add{width:24px;height:24px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));border-radius:7px;background:color-mix(in srgb,var(--accent) 13%,var(--panel));color:color-mix(in srgb,var(--accent) 76%,white);cursor:pointer}.timeline-replacement-candidate-play.playing{background:var(--accent);color:#fff;border-color:color-mix(in srgb,var(--accent) 84%,white)}.timeline-replacement-candidate>span{min-width:0;display:grid;gap:1px}.timeline-replacement-candidate strong,.timeline-replacement-candidate small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-replacement-candidate strong{color:var(--text);font-size:10px;font-weight:560}.timeline-replacement-candidate small{color:var(--text-muted);font-size:8px}@keyframes timeline-replacement-in{0%{opacity:0;transform:translateY(5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes timeline-replacement-candidate-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.timeline-settings label{display:flex;gap:6px;align-items:center}.timeline-select{border:1px solid var(--border);background:var(--panel-alt);border-radius:10px;padding:6px 10px;min-height:32px;color:var(--text);font-size:12px}.timeline-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0a84ff2e}.timeline{display:grid;grid-template-columns:228px 1fr;--track-row-height: 78px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--panel);min-height:240px;height:100%;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}@media(max-height:860px){.app-header{padding-block:10px}.layout{gap:10px;padding-block:10px 12px}.preview-card,.preview{padding:8px}.preview-canvas{max-height:30vh}.timeline{--track-row-height: 54px;min-height:168px}.timeline-ruler-spacer,.timeline-ruler{height:38px}}.timeline-sidebar{background:linear-gradient(180deg,#1a273fb3,#121d30b3),color-mix(in srgb,var(--panel-alt) 72%,transparent);border-right:1px solid var(--border);overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.timeline-sidebar-rows{will-change:transform}.timeline-ruler-spacer{height:54px;box-sizing:border-box;padding:8px 10px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;border-bottom:2px solid var(--border);display:flex;align-items:center}.track-label{padding:8px 10px;border-bottom:1px solid var(--border);height:var(--track-row-height);box-sizing:border-box;display:grid;grid-template-rows:auto auto;align-content:start;gap:4px;font-size:11px;overflow:hidden;position:relative;background:linear-gradient(180deg,#1c2a4494,#121e3394),color-mix(in srgb,var(--panel) 72%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.track-label.selected{border-left:3px solid color-mix(in srgb,var(--accent) 80%,#ffffff 20%);background:linear-gradient(180deg,#243e65c7,#132543b8),color-mix(in srgb,var(--panel) 62%,var(--accent) 18%);box-shadow:inset 0 0 0 1px #7eb2ff38}.track-label span{color:var(--text-muted);font-size:11px}.track-title{display:grid;gap:1px}.track-name-button{border:none;background:transparent;color:var(--text);text-align:left;padding:0;cursor:text}.track-name-input{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:7px;padding:3px 6px;font-size:12px}.track-name-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #0a84ff2e}.track-actions{display:flex;gap:6px;flex-wrap:nowrap;align-items:center;overflow:hidden;min-height:24px}.track-actions button{border:1px solid var(--border);background:var(--panel);border-radius:7px;padding:3px 6px;font-size:10px;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.track-drag-handle{width:18px;height:18px;display:grid;place-items:center;border:1px solid var(--border);border-radius:6px;background:var(--panel-alt);color:var(--text-muted);font-size:12px;cursor:grab;-webkit-user-select:none;user-select:none}.track-drag-handle:active{cursor:grabbing}.track-volume{display:flex;align-items:center;gap:4px;font-size:10px;min-width:108px}.track-volume input[type=range]{width:74px}.track-toggle-stack{display:flex;gap:4px;min-width:58px}.track-toggle-stack button{width:26px;min-width:26px;padding:2px 0;text-align:center}.track-toggle-stack button.engaged{border-color:color-mix(in srgb,var(--accent) 70%,var(--border));background:color-mix(in srgb,var(--accent) 26%,var(--panel));color:#cfe3ff;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}.track-mobile-controls{position:relative}.track-volume-dial{min-width:44px;height:22px;padding:0 8px;border:1px solid var(--border);border-radius:999px;background:var(--panel);color:var(--text);font-size:10px;cursor:pointer;font-variant-numeric:tabular-nums;line-height:1;display:grid;place-items:center}.track-volume-popover{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);min-width:124px;padding:6px 8px;border:1px solid var(--border);border-radius:9px;background:var(--panel);box-shadow:var(--shadow-soft);z-index:20}.track-volume-popover input[type=range]{width:100%}.track-label.locked{background:color-mix(in srgb,var(--panel-alt) 82%,#ffffff 18%)}.track-label.disabled,.track-row.disabled{opacity:.44}.track-label.locked:after,.track-row.locked:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(-34deg,rgba(155,174,199,.1) 0,rgba(155,174,199,.1) 7px,transparent 7px,transparent 14px);z-index:1}.track-label>*,.track-row>*{position:relative;z-index:2}.track-label.drop-target{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.timeline-scroll{overflow:auto;scrollbar-width:thin;min-height:0}.timeline-content{position:relative}.timeline-ruler{position:sticky;top:0;z-index:12;height:32px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-alt) 96%,#ffffff 4%),var(--panel-alt));box-shadow:0 1px 0 var(--border)}.scrub-lane{position:sticky;top:32px;z-index:13;height:20px;border-bottom:1px solid var(--border);background:linear-gradient(90deg,transparent,rgba(10,132,255,.08)),var(--panel);box-shadow:0 1px 0 var(--border);cursor:pointer}@media(max-height:860px){.scrub-lane{top:38px}}.playhead-handle{position:absolute;top:0;width:10px;height:100%;margin-left:-5px;border-radius:5px;background:var(--accent);box-shadow:0 0 0 2px #fff6}.selection-range{position:absolute;top:52px;bottom:0;background:#0a84ff26;border:1px solid rgba(10,132,255,.4);animation:range-in var(--duration-fast) var(--ease-standard);pointer-events:none}.selection-range.duplicate-preview{border-style:dashed;background:#0a84ff1a}.tick{position:absolute;top:0;height:100%;border-left:1px dashed var(--border);font-size:9px;padding-left:4px;display:flex;align-items:center}.track-row{position:relative;height:var(--track-row-height);box-sizing:border-box;border-bottom:1px solid var(--border)}.track-row.video{background:#0a84ff0d}.track-row.audio{background:#1e40af0a}.clip{position:absolute;top:7px;bottom:7px;border-radius:7px;background:linear-gradient(160deg,#0a84ffdb,#1e40afe6);color:#fff;display:flex;align-items:center;gap:6px;padding:7px 10px;cursor:grab;overflow:hidden;border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 16px #082f4933;transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),filter var(--duration-fast) var(--ease-standard),outline-color var(--duration-fast) var(--ease-standard)}.clip.add-sound{--clip-accent: #ffcc02;--clip-waveform-color: rgba(255, 204, 2, .95);background:linear-gradient(90deg,color-mix(in srgb,var(--clip-accent) 24%,transparent),transparent 48%),linear-gradient(160deg,#0f172af2,color-mix(in srgb,var(--clip-accent) 16%,rgba(15,23,42,.95)));border-color:color-mix(in srgb,var(--clip-accent) 64%,rgba(255,255,255,.2));box-shadow:0 8px 18px #0000003d,0 0 18px color-mix(in srgb,var(--clip-accent) 20%,transparent),inset 0 0 0 1px #ffffff0f}.clip-top-zone{position:absolute;left:0;right:0;top:0;height:82%;z-index:5;cursor:grab}.clip-fade-zone{position:absolute;left:0;right:0;bottom:0;height:18%;z-index:5}.clip-filmstrip{position:absolute;left:3px;right:3px;top:3px;height:66%;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(12px,1fr);gap:2px;opacity:.74;pointer-events:none;z-index:1}.clip-filmstrip img{width:100%;height:100%;object-fit:cover;border-radius:3px}.clip-image-preview{position:absolute;left:3px;right:3px;top:3px;height:66%;opacity:.82;pointer-events:none;z-index:1}.clip-image-preview img{width:100%;height:100%;object-fit:cover;border-radius:4px}.clip.reversed .clip-filmstrip{transform:scaleX(-1)}.clip.selected{outline:2px solid rgba(255,255,255,.9)}.clip.primary{filter:saturate(1.1);box-shadow:0 10px 20px #082f4947}.clip:hover{transform:translateY(-1px)}.clip-body{display:grid;gap:2px;font-size:11px;line-height:1.12;min-width:0;width:100%;position:relative;z-index:3;pointer-events:none}.clip-body strong,.clip-body span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-body strong{font-weight:650;letter-spacing:0}.clip-body span{opacity:.8;font-size:9px;text-transform:uppercase}.clip.add-sound .clip-body strong{color:#fffffff5}.clip.add-sound .clip-body span{color:color-mix(in srgb,var(--clip-accent) 82%,white);opacity:1}.trim-handle{position:absolute;width:4px;background:#fff9;opacity:.1;cursor:ew-resize;transition:opacity var(--duration-fast) var(--ease-standard);z-index:6;pointer-events:auto}.trim-handle.top{top:0;bottom:62%}.trim-handle.bottom{top:62%;bottom:0;background:#ffffff6b;opacity:.52}.trim-handle.left{left:0;border-radius:6px 0 0 6px}.trim-handle.right{right:0;border-radius:0 6px 6px 0}.clip:hover .trim-handle{opacity:1}.clip.disabled{filter:grayscale(.35) brightness(.76)}.clip.disabled:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-34deg,#b4c5e229 0 6px,#050a180f 6px 12px);pointer-events:none;z-index:5}.clip-waveform{position:absolute;left:1px;right:1px;bottom:2px;opacity:.92;z-index:4;pointer-events:none}.clip-waveform.video{opacity:.3}.clip-waveform.audio{opacity:.92}.clip-waveform.reversed{transform:scaleX(-1);transform-origin:center}.clip-sync-marker{position:absolute;top:5px;bottom:5px;z-index:7;width:2px;border-radius:999px;background:linear-gradient(180deg,#f8fbff,color-mix(in srgb,var(--clip-accent, var(--accent)) 72%,white));box-shadow:0 0 0 1px #03081785,0 0 12px color-mix(in srgb,var(--clip-accent, var(--accent)) 58%,transparent);pointer-events:none;transform:translate(-50%)}.clip-sync-marker:before{content:"";position:absolute;left:50%;top:-6px;width:0;height:0;border-right:5px solid transparent;border-bottom:7px solid #f8fbff;border-left:5px solid transparent;filter:drop-shadow(0 0 1px rgba(3,8,23,.82));transform:translate(-50%)}.drop-preview-clip{position:absolute;top:7px;bottom:7px;border-radius:10px;border:2px dashed rgba(138,180,255,.9);background:#8ab4ff29;box-shadow:inset 0 0 0 1px #ffffff40;overflow:visible;pointer-events:none;z-index:9}.drop-preview-sync-guide{position:absolute;top:0;bottom:0;z-index:10;width:2px;border-radius:999px;background:linear-gradient(180deg,#f8fbfff5,color-mix(in srgb,var(--accent) 82%,white));box-shadow:0 0 0 1px #0308178f,0 0 16px color-mix(in srgb,var(--accent) 38%,transparent);pointer-events:none;transform:translate(-50%)}.drop-preview-sync-guide:before,.drop-preview-sync-marker:before{content:"";position:absolute;left:50%;top:-7px;width:0;height:0;border-right:5px solid transparent;border-bottom:7px solid #f8fbff;border-left:5px solid transparent;filter:drop-shadow(0 0 1px rgba(3,8,23,.82));transform:translate(-50%)}.drop-preview-sync-marker{position:absolute;top:-2px;bottom:-2px;width:2px;border-radius:999px;background:linear-gradient(180deg,#f8fbff,color-mix(in srgb,var(--accent) 80%,white));box-shadow:0 0 0 1px #03081785,0 0 12px color-mix(in srgb,var(--accent) 50%,transparent);transform:translate(-50%)}.clip-fade-overlay{position:absolute;bottom:0;top:0;pointer-events:none;background:linear-gradient(90deg,#020a1899,#020a1800);z-index:2}.timeline.tool-razor .timeline-content,.timeline.tool-razor .track-row,.timeline.tool-razor .clip,.timeline.tool-razor .clip-top-zone,.timeline.tool-razor .clip-fade-zone{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cg transform='rotate(-28 13 13)'%3E%3Crect x='10' y='3' width='6' height='13' rx='1.4' fill='%23e5e7eb' stroke='%23111827' stroke-width='1'/%3E%3Cpath d='M7 17h12l-2.2 6H9.2z' fill='%238ab4ff' stroke='%23111827' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E") 12 12,crosshair}.clip-fade-overlay.out{right:0;transform:scaleX(-1)}.clip-fade-overlay.in{left:0}.clip-fade-guide{position:absolute;bottom:0;top:0;pointer-events:auto;cursor:ew-resize;z-index:6;border-top:2px solid rgba(198,230,255,.96);box-shadow:0 0 0 1px #090f1e47 inset}.clip-fade-guide.in{left:0;clip-path:polygon(0 100%,100% 0,100% 100%,0 100%);background:linear-gradient(135deg,#c4e9ff00 44%,#c4e9fff2,#c4e9ff00 56%)}.clip-fade-guide.out{right:0;clip-path:polygon(0 0,100% 100%,100% 100%,0 100%);background:linear-gradient(45deg,#c4e9ff00 44%,#c4e9fff2,#c4e9ff00 56%)}.snap-guide{position:absolute;top:52px;bottom:0;width:2px;margin-left:-1px;background:#b1dcfff0;box-shadow:0 0 0 1px #0a84ff33,0 0 12px #0a84ff59;pointer-events:none;z-index:12}.context-menu{position:fixed;border:1px solid var(--border);background:var(--panel);border-radius:10px;box-shadow:var(--shadow-soft);padding:6px;display:grid;gap:4px;min-width:170px;z-index:2200}.context-menu button{border:1px solid var(--border);background:var(--panel-alt);border-radius:7px;padding:6px 8px;font-size:12px;text-align:left;cursor:pointer}.file-drop-trigger{border:1px dashed var(--border);border-radius:10px;background:var(--panel-alt);min-height:38px;display:flex;align-items:center;gap:8px;padding:6px 10px;color:var(--text-muted);cursor:pointer}.file-drop-trigger:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));color:var(--text)}.generator-reference-strip{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:2px}.generator-reference-tile{position:relative;width:62px;min-width:62px;height:62px;border-radius:9px;border:1px solid var(--border);background:color-mix(in srgb,var(--panel-alt) 88%,transparent);overflow:hidden;padding:0;cursor:pointer}.generator-reference-tile img{width:100%;height:100%;object-fit:cover;display:block}.generator-reference-tile.active{border-color:color-mix(in srgb,var(--accent) 70%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 42%,transparent)}.generator-reference-add{width:62px;min-width:62px;height:62px;border-radius:9px;border:1px dashed color-mix(in srgb,var(--accent) 50%,var(--border));background:color-mix(in srgb,var(--panel-alt) 90%,transparent);color:var(--text-muted);font-size:24px;line-height:1;cursor:pointer}.generator-reference-add:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 75%,var(--border))}.generator-reference-help{font-size:11px;color:var(--text-muted)}.generator-reference-badge{position:absolute;left:4px;bottom:4px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--border));background:color-mix(in srgb,var(--panel) 84%,transparent);color:#d6e8ff;font-size:9px;padding:1px 5px}.generator-reference-remove{position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--panel) 86%,transparent);color:var(--text);font-size:11px;line-height:14px;text-align:center}.generate-action{margin-top:10px;margin-left:auto;align-self:flex-end;justify-self:end;background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 92%,#ffffff 8%),color-mix(in srgb,var(--accent-2) 90%,#ffffff 10%))}.duration-input-row{display:grid;grid-template-columns:minmax(0,1fr) 72px auto;gap:8px;align-items:center}.duration-input-row input[type=number]{width:72px}.duration-input-suffix{font-size:12px;color:var(--text-muted)}.generator-progress-card{border:1px solid var(--border);background:color-mix(in srgb,var(--panel-alt) 82%,transparent);border-radius:10px;padding:8px 10px;display:grid;gap:8px}.generator-progress-head{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.generator-spinner{display:inline-flex;animation:generator-bob 1s ease-in-out infinite}.generator-progress-track{width:100%;height:6px;border-radius:999px;background:color-mix(in srgb,var(--panel) 72%,#fff 8%);overflow:hidden}.generator-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 65%,#fff));transition:width var(--duration-slow) var(--ease-standard)}@keyframes generator-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}.file-drop-icon{font-size:15px}.hidden-file-input{display:none}.playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--accent);pointer-events:none;box-shadow:0 0 0 1px #0a84ff33}.inspector-preview img,.inspector-preview video{width:100%;border-radius:12px}.inspector-preview video{max-height:200px}.inspector-audio{display:grid;gap:8px}.quicklook{position:fixed;inset:0;z-index:52000;isolation:isolate;pointer-events:none}.quicklook-card{background:radial-gradient(120% 120% at 70% 0%,rgba(83,158,246,.12),transparent 70%),color-mix(in srgb,var(--panel) 86%,transparent);border-radius:16px;padding:14px;width:min(720px,92vw);max-height:85vh;overflow:auto;box-shadow:var(--shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);pointer-events:auto}.quicklook-card.mini{position:fixed;z-index:52001;width:min(304px,86vw);min-width:320px;min-height:220px;max-height:none;display:flex;flex-direction:column;overflow:hidden;padding:7px;border:1px solid color-mix(in srgb,var(--border) 85%,rgba(142,190,255,.2));background:radial-gradient(120% 120% at 72% 0%,rgba(83,158,246,.18),transparent 64%),linear-gradient(180deg,#0e1b30fa,#050b18fc);box-shadow:0 28px 82px #00000094,0 0 0 1px #ffffff0b,inset 0 1px #ffffff0e;resize:none;animation:modalIn var(--duration-med) var(--ease-standard) both}.quicklook-card.mini.audio-fit{min-height:230px;width:min(620px,92vw);min-width:360px}.quicklook-header.draggable{cursor:grab;-webkit-user-select:none;user-select:none}.quicklook-header.draggable:active{cursor:grabbing}.quicklook-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;gap:8px}.quicklook-header span{color:var(--text-muted);font-size:12px}.quicklook-headline{display:flex;align-items:baseline;gap:8px;min-width:0}.quicklook-headline strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quicklook-headline span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.quicklook-head-actions{display:flex;gap:6px;flex:0 0 auto}.quicklook-disclosure{display:inline-block;transition:transform var(--duration-fast) var(--ease-standard)}.quicklook-disclosure.closed{transform:rotate(0)}.quicklook-disclosure.open{transform:rotate(180deg)}.quicklook-meta{margin-top:8px;display:grid;gap:4px;font-size:12px;color:var(--text-muted)}.quicklook-meta.condensed{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.quicklook-meta.condensed span{padding:3px 7px;border-radius:999px;border:1px solid var(--border);background:var(--panel-alt);font-size:11px}.quicklook-meta.condensed.compact{gap:4px}.quicklook-meta.condensed.compact span{border-color:color-mix(in srgb,var(--border) 76%,transparent);background:color-mix(in srgb,var(--panel-alt) 72%,transparent);color:var(--text-muted);font-size:10px;padding:3px 6px}.quicklook-prompt-detail{border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--panel-alt) 84%,transparent);padding:7px 9px;margin:4px 0 6px}.quicklook-prompt-detail strong{display:block;font-size:11px;color:var(--text-muted);margin-bottom:4px}.quicklook-prompt-detail p{margin:0;font-size:12px;color:var(--text);line-height:1.35;max-height:62px;overflow:auto}.quicklook-sound-detail{display:grid;gap:6px;margin:4px 0 6px;min-height:0}.quicklook-sound-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:5px}.quicklook-sound-grid span{min-width:0;display:grid;gap:2px;padding:6px 7px;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent),color-mix(in srgb,var(--panel-alt) 74%,transparent)}.quicklook-sound-grid small{min-width:0;color:var(--text-muted);font-size:9px;letter-spacing:0;line-height:1;text-transform:uppercase}.quicklook-sound-grid strong{min-width:0;color:var(--text);font-size:11px;font-weight:650;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quicklook-keyword-row{display:flex;flex-wrap:wrap;gap:4px;max-height:48px;overflow:hidden}.quicklook-keyword-row span{max-width:170px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:color-mix(in srgb,var(--text) 92%,white);font-size:10px;line-height:1;padding:4px 7px}.quicklook-body img,.quicklook-body video{width:100%;border-radius:12px}.quicklook-body{position:relative;flex:1 1 auto;min-height:0;overflow:auto}.quicklook-card:not(.mini) .quicklook-body{min-height:140px}.quicklook-body.audio-only{min-height:0;display:grid;align-items:stretch}.quicklook-image-stage{position:relative;border-radius:12px;overflow:hidden;background:#000}.quicklook-image-fullscreen{position:absolute;top:8px;right:8px;z-index:3}.quicklook-body video{max-height:60vh}.quicklook-resizer{position:absolute;width:24px;height:24px;right:6px;bottom:6px;z-index:4;border-right:2px solid color-mix(in srgb,var(--text-muted) 75%,transparent);border-bottom:2px solid color-mix(in srgb,var(--text-muted) 75%,transparent);border-radius:0 0 10px;background:linear-gradient(135deg,transparent 44%,rgba(148,163,184,.16));cursor:nwse-resize;opacity:.7;touch-action:none}.quicklook-resizer:hover{opacity:1}.video-preview-player{display:grid;gap:8px}.video-preview-stage{position:relative;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:linear-gradient(180deg,#081020e6,#081020bd),#000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.video-preview-stage.inspector-fullscreen:fullscreen,.video-preview-stage.inspector-fullscreen:-webkit-full-screen{height:100vh;border-radius:0;border:none;display:grid;grid-template-rows:minmax(0,1fr) auto;background:#000}.video-preview-stage.inspector-fullscreen:fullscreen .video-preview-media,.video-preview-stage.inspector-fullscreen:-webkit-full-screen .video-preview-media{width:100%;height:100%;object-fit:contain;align-self:stretch}.video-preview-stage.inspector-fullscreen:fullscreen .video-preview-waveform-region,.video-preview-stage.inspector-fullscreen:-webkit-full-screen .video-preview-waveform-region{position:relative;height:108px;min-height:108px}.video-preview-media{width:100%;display:block;border-radius:0;background:#000}.video-preview-audio-controls{position:absolute;top:8px;left:8px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:0;border:none;border-radius:0;background:transparent;opacity:.62;transition:opacity var(--duration-fast) var(--ease-standard)}.video-preview-audio-controls input{width:72px}.video-preview-volume-slider{width:0;opacity:0;pointer-events:none;transform:translate(-4px);transition:width var(--duration-med) var(--ease-standard),opacity var(--duration-med) var(--ease-standard),transform var(--duration-med) var(--ease-standard);background:transparent}.video-preview-volume-slider.open{width:76px;opacity:1;pointer-events:auto;transform:translate(0)}.video-preview-overlay-button{border:1px solid var(--border);background:color-mix(in srgb,var(--panel) 76%,transparent);color:var(--text);border-radius:9px;width:28px;height:28px;display:inline-grid;place-items:center;padding:0;opacity:.5}.video-preview-overlay-button:hover{opacity:.9}.video-preview-fullscreen-button{position:absolute;top:8px;right:8px;z-index:3}.video-preview-waveform-region{position:absolute;left:0;right:0;bottom:0;height:22%;min-height:48px;border-top:1px solid rgba(159,210,255,.2);background:linear-gradient(180deg,#050a142e,#050a1470)}.video-preview-waveform{width:100%;display:block;border-radius:8px 8px 3px 3px}.quicklook-audio{display:grid;gap:0;align-content:stretch;min-height:0;height:100%}.prompt-magic-field{position:relative}.prompt-magic-field textarea{padding-right:40px}.prompt-magic-button{position:absolute;right:8px;bottom:8px;width:26px;height:26px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--panel) 82%,transparent);color:var(--text);display:grid;place-items:center;font-size:13px;line-height:1;padding:0;opacity:.88}.prompt-magic-button:hover{opacity:1;border-color:color-mix(in srgb,var(--accent) 52%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent)}.audio-preview-player{display:grid;gap:8px;width:100%}.quicklook-audio .audio-preview-player{min-height:0;height:100%;align-content:stretch}.audio-preview-region{position:relative;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:radial-gradient(120% 90% at 75% 0%,rgba(93,156,255,.16),transparent 72%),color-mix(in srgb,var(--panel-alt) 78%,transparent);min-height:72px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quicklook-audio .audio-preview-region{min-height:72px;height:100%}.audio-preview-region:fullscreen,.audio-preview-region:-webkit-full-screen{border-radius:0;border:none;min-height:100vh;padding-top:24vh;background:radial-gradient(90% 70% at 50% 8%,rgba(108,164,255,.16),transparent 68%),#050912f5}.audio-preview-inline-play{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--panel) 90%,transparent);color:var(--text);display:grid;place-items:center;padding:0;z-index:3}.audio-preview-inline-timecode{position:absolute;right:8px;bottom:6px;font-size:11px;color:var(--text);background:color-mix(in srgb,var(--panel) 84%,transparent);border:1px solid var(--border);border-radius:8px;padding:2px 6px;z-index:3}.audio-preview-fullscreen-button{position:absolute;top:8px;right:8px;z-index:4}.debug-drawer{position:fixed;top:64px;left:10px;width:min(520px,46vw);max-height:calc(100vh - 74px);z-index:90;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--panel) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);display:grid;grid-template-rows:auto auto minmax(0,1fr)}.debug-drawer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 12px;border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent)}.debug-drawer-header p{margin:4px 0 0;font-size:11px;color:var(--text-muted)}.debug-drawer-actions{display:flex;gap:6px;flex-wrap:wrap}.debug-drawer-body{overflow:auto;padding:8px;display:grid;gap:8px}.debug-drawer-filters{border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent);padding:8px 10px;display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.debug-drawer-filters label{display:grid;gap:4px;font-size:11px;color:var(--text-muted)}.debug-drawer-filters input,.debug-drawer-filters select{width:100%;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:8px;background:color-mix(in srgb,var(--panel-alt) 78%,transparent);color:var(--text);padding:4px 7px;font-size:12px}.debug-log-entry{border:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:10px;background:color-mix(in srgb,var(--panel-alt) 80%,transparent);padding:8px;display:grid;gap:6px}.debug-log-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:var(--text-muted)}.debug-log-entry pre{margin:0;max-height:240px;overflow:auto;border-radius:8px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--panel) 82%,transparent);padding:8px;font-size:11px;line-height:1.35}.debug-log-empty{border:1px dashed color-mix(in srgb,var(--border) 75%,transparent);border-radius:10px;padding:10px;font-size:12px;color:var(--text-muted)}.debug-trace-section{display:grid;gap:8px}.debug-trace-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 2px;color:var(--text-muted);font-size:12px}.audio-preview-waveform{display:block;width:100%;height:auto}.audio-preview-top-zone,.audio-preview-bottom-zone{position:absolute;left:0;right:0;pointer-events:none}.audio-preview-top-zone{top:0;height:50%;border-bottom:1px dashed rgba(159,210,255,.2)}.audio-preview-bottom-zone{bottom:0;height:50%}.audio-selection-overlay{position:absolute;top:0;bottom:0;border-left:1px solid color-mix(in srgb,var(--accent) 70%,white);border-right:1px solid color-mix(in srgb,var(--accent) 70%,white);background:color-mix(in srgb,var(--accent) 22%,transparent);cursor:grab;z-index:2}.audio-selection-overlay:active{cursor:grabbing}.audio-selection-marker{position:absolute;top:2px;transform:translate(-50%);font-size:10px;color:color-mix(in srgb,var(--accent) 75%,white);text-shadow:0 1px 2px rgba(0,0,0,.45);z-index:4;-webkit-user-select:none;user-select:none;cursor:ew-resize}.audio-selection-clear{position:absolute;top:6px;right:8px;width:20px;height:20px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--panel) 86%,transparent);color:var(--text);font-size:11px;display:grid;place-items:center;z-index:6}.audio-preview-context-menu{position:fixed;z-index:2300;min-width:160px;padding:6px;border:1px solid var(--border);border-radius:10px;background:var(--panel);box-shadow:var(--shadow-soft)}.audio-preview-context-menu button{width:100%;text-align:left;border:1px solid transparent;background:transparent;color:var(--text);border-radius:8px;padding:8px 10px}.audio-preview-context-menu button:hover{border-color:var(--border);background:color-mix(in srgb,var(--accent) 14%,var(--panel))}.audio-preview-playhead{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#0a84fff2;box-shadow:0 0 0 1px #0a84ff38;pointer-events:none}.audio-preview-sync-marker{position:absolute;top:3px;bottom:3px;width:2px;margin-left:-1px;background:color-mix(in srgb,#ffd56a 78%,white);box-shadow:0 0 0 1px #00000038,0 0 14px #ffd56a6b;pointer-events:none;z-index:4}.audio-preview-sync-marker:before{content:"";position:absolute;top:-4px;left:50%;width:0;height:0;transform:translate(-50%);border-right:5px solid transparent;border-bottom:6px solid color-mix(in srgb,#ffd56a 82%,white);border-left:5px solid transparent}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.modal-backdrop{position:fixed;inset:0;z-index:2400;background:#0206149e;display:grid;place-items:center;padding:18px}.compact-dialog-backdrop{z-index:2600}.compact-dialog{width:min(420px,100%);display:grid;gap:14px;border:1px solid var(--border);border-radius:16px;background:radial-gradient(120% 100% at 80% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 68%),color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);padding:16px;animation:sessionEnter .22s var(--ease-standard) both}.compact-dialog h2{margin:0 0 4px;font-size:18px}.compact-dialog p{margin:0;color:var(--text-muted);font-size:13px;line-height:1.45}.compact-dialog input{width:100%;border:1px solid var(--border);border-radius:11px;background:var(--panel-alt);color:var(--text);padding:10px 12px;font:inherit}.compact-dialog footer{display:flex;justify-content:flex-end;gap:8px}.primary.danger{background:linear-gradient(160deg,#ef4444,#f97316);box-shadow:0 10px 22px #ef444438}.modal-card{width:min(760px,100%);height:min(82vh,760px);overflow:hidden;border:1px solid var(--border);border-radius:16px;background:radial-gradient(110% 80% at 70% 0%,rgba(66,153,225,.16),transparent 60%),radial-gradient(90% 70% at 25% 0%,rgba(45,112,220,.18),transparent 62%),color-mix(in srgb,var(--panel) 92%,transparent);-webkit-backdrop-filter:blur(20px) saturate(120%);backdrop-filter:blur(20px) saturate(120%);box-shadow:var(--shadow);padding:14px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.help-tabs{display:flex;gap:8px}.help-tabs button{border:1px solid var(--border);border-radius:999px;background:var(--panel-alt);color:var(--text);padding:6px 11px}.help-tabs button.active{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));background:color-mix(in srgb,var(--accent) 22%,var(--panel))}.help-modal{display:grid;grid-template-rows:auto 1fr}.help-content{min-height:0;overflow:auto;padding-right:2px}.help-shortcuts{display:grid;gap:8px}.help-shortcut-row{display:grid;grid-template-columns:minmax(150px,210px) 1fr;gap:10px;align-items:center;border:1px solid var(--border);border-radius:10px;padding:8px 10px;background:color-mix(in srgb,var(--panel-alt) 86%,transparent)}.help-shortcut-row kbd{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;padding:4px 8px;background:var(--panel);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.help-manual{display:grid;gap:10px}.help-manual section{border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--panel-alt) 86%,transparent);padding:10px 12px}.help-manual h4{margin:0 0 6px}.help-manual p{margin:0;color:var(--text-muted);line-height:1.4}.preferences-modal{width:min(560px,100%);height:auto;max-height:min(82vh,760px);display:grid;gap:12px;overflow:auto}.preferences-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.preferences-header h3{margin:0}.preferences-section{border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--panel-alt) 86%,transparent);padding:10px 12px;display:grid;gap:10px}.preferences-title{font-size:12px;color:var(--text-muted)}.preferences-switch{display:inline-flex;align-items:center;gap:10px;font-size:13px}.preferences-segment{display:inline-grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.preferences-segment button{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:9px;min-height:32px;font-size:12px}.preferences-segment button.active{border-color:color-mix(in srgb,var(--accent) 62%,var(--border));background:color-mix(in srgb,var(--accent) 22%,var(--panel))}.preferences-carousel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center}.preferences-wave-preview{border:1px solid var(--border);border-radius:10px;padding:8px;background:color-mix(in srgb,var(--panel) 88%,transparent);overflow:hidden}.preferences-wave-label{font-size:12px;color:var(--text-muted);margin-bottom:6px}.preferences-dots{display:flex;gap:6px;justify-content:center}.preferences-dots button{width:8px;height:8px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--panel-alt) 90%,transparent);padding:0}.preferences-dots button.active{background:color-mix(in srgb,var(--accent) 72%,#9fd2ff);border-color:color-mix(in srgb,var(--accent) 80%,#9fd2ff)}.preferences-palette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.preferences-palette{border:1px solid var(--border);border-radius:10px;background:radial-gradient(90% 90% at 80% 0%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 70%),color-mix(in srgb,var(--panel) 90%,transparent);color:var(--text);text-align:left;padding:8px 10px;min-height:58px;display:grid;gap:2px}.preferences-palette strong{font-size:12px}.preferences-palette span{font-size:11px;color:var(--text-muted)}.preferences-palette.active{border-color:color-mix(in srgb,var(--accent) 72%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent)}.chat-drawer{position:absolute;left:0;right:0;bottom:0;z-index:3600;border:1px solid var(--border);border-radius:12px 12px 0 0;background:color-mix(in srgb,var(--panel) 92%,transparent);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-soft);display:grid;grid-template-rows:auto 1fr auto;overflow:visible;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity var(--duration-med) var(--ease-standard),transform var(--duration-med) var(--ease-standard)}.chat-drawer.open{opacity:1;transform:translateY(0);pointer-events:auto}.chat-drawer.closing{opacity:0;transform:translateY(8px);pointer-events:none}.chat-drawer-resizer{height:6px;cursor:ns-resize;display:flex;justify-content:center;align-items:center}.chat-drawer-resizer:before{content:"";width:50px;height:3px;border-radius:999px;background:color-mix(in srgb,var(--accent) 35%,var(--border))}.chat-drawer-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:0 10px;border-bottom:1px solid var(--border);min-height:38px}.chat-drawer-header strong{font-size:12px;line-height:1}.chat-drawer-header span{color:var(--text-muted);font-size:9px}.chat-drawer-body{min-height:0;overflow:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.chat-empty{color:var(--text-muted);border:1px dashed var(--border);border-radius:10px;padding:12px;display:grid;gap:10px}.chat-empty p{margin:0}.chat-starters{display:flex;flex-wrap:wrap;gap:8px}.chat-starters button{border:1px solid var(--border);border-radius:999px;background:var(--panel);color:var(--text);font-size:11px;padding:4px 10px}.chat-message{border:1px solid var(--border);border-radius:10px;padding:8px 10px;max-width:min(100%,780px)}.chat-message.user{justify-self:end;background:color-mix(in srgb,var(--accent) 20%,var(--panel))}.chat-role{display:none}.chat-text{white-space:normal;line-height:1.4}.chat-text p{margin:0 0 8px}.chat-text p:last-child{margin-bottom:0}.chat-text ul,.chat-text ol{margin:0 0 8px;padding-left:18px}.chat-text li{margin-bottom:4px}.chat-text code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;border:1px solid var(--border);border-radius:6px;padding:1px 5px;background:color-mix(in srgb,var(--panel-alt) 88%,transparent)}.chat-text pre{margin:0 0 8px;border:1px solid var(--border);border-radius:10px;padding:8px 10px;background:color-mix(in srgb,var(--panel-alt) 88%,transparent);overflow:auto}.chat-text pre code{border:none;background:transparent;padding:0}.chat-attachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chat-attachment-button{border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:11px;background:var(--panel);color:var(--text)}.chat-attachment-button.linked{cursor:pointer}.chat-attachment-button.linked:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 14%,var(--panel))}.chat-drawer-input-shell{border-top:1px solid var(--border);padding:8px;display:grid;gap:6px;background:color-mix(in srgb,var(--panel-alt) 84%,transparent)}.chat-pending-attachments{display:flex;gap:6px;flex-wrap:wrap}.chat-pending-attachments button{border:1px solid var(--border);border-radius:999px;padding:2px 8px;background:var(--panel);color:var(--text);font-size:11px}.chat-drawer-input-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.chat-attach-button{width:40px;height:40px;border:1px solid var(--border);border-radius:11px;display:grid;place-items:center;background:var(--panel);cursor:pointer}.chat-input-main{position:relative;min-width:0}.chat-drawer-input-row textarea{border:1px solid var(--border);border-radius:12px;background:var(--panel);color:var(--text);min-height:40px;max-height:168px;padding:8px 52px 8px 10px;resize:none;width:100%}.chat-input-controls{display:inline-flex;gap:6px;align-items:center}.chat-input-control{position:relative;display:inline-flex;align-items:center}.chat-model-trigger{width:40px;height:40px;padding:0;border-radius:11px;display:grid;place-items:center;font-size:16px}.chat-model-trigger.active{border-color:color-mix(in srgb,var(--accent) 65%,var(--border));background:color-mix(in srgb,var(--accent) 20%,var(--panel))}.chat-tools-popover{position:absolute;right:0;bottom:calc(100% + 8px);z-index:5200;width:min(208px,64vw);padding:10px;border:1px solid var(--border);border-radius:12px;background:radial-gradient(130% 90% at 70% 0%,rgba(83,158,246,.16),transparent 68%),color-mix(in srgb,var(--panel) 94%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-soft);display:grid;gap:8px}.chat-media-popover{width:min(126px,48vw)}.chat-tools-popover .timeline-select{width:100%;padding-left:10px;padding-right:10px}.chat-media-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.chat-inline-send{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:32px;height:32px;min-height:32px;padding:0;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent) 22%,var(--panel));box-shadow:none;font-size:15px;font-weight:600;display:grid;place-items:center}.mobile-drawer-resizer{height:14px;margin:-4px -8px 2px;display:flex;align-items:center;justify-content:center;cursor:ns-resize;flex:0 0 auto;border:none;border-radius:12px 12px 0 0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.mobile-drawer-resizer:before{content:"";width:72px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--accent) 82%,#9ec8ff)}.mobile-bottom-nav{position:fixed;left:12px;right:12px;bottom:10px;z-index:35;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--panel) 90%,transparent);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-soft);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px}.mobile-bottom-nav button{border:1px solid transparent;background:transparent;border-radius:9px;color:var(--text-muted);font-size:12px;padding:8px 6px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.mobile-bottom-nav button.active{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));color:var(--text);background:color-mix(in srgb,var(--accent) 18%,transparent)}.session-loading-overlay{position:fixed;inset:0;z-index:60;background:#070c187a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center}.session-loading-overlay span{border:1px solid var(--border);border-radius:12px;background:var(--panel);box-shadow:var(--shadow-soft);padding:12px 16px;font-size:13px}@keyframes range-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:1100px){.layout{grid-template-columns:1fr;padding:16px}.panel.left,.panel.right{position:fixed;top:72px;bottom:0;width:min(360px,90vw);z-index:55;transform:translate(-105%)}.panel.right{right:0;left:auto;transform:translate(105%)}.app.left-open .panel.left,.app.right-open .panel.right{transform:translate(0)}.panel-resizer{display:none}.edge-toggle{top:auto;bottom:120px}.timeline{grid-template-columns:176px 1fr}.bin-toolbar{grid-template-columns:1fr}.bin-table-shell{max-height:52vh}.bin-layout{grid-template-columns:1fr}.bin-folders{max-height:180px}.generator-section{flex-basis:280px!important}}@media(max-width:720px){.app-header{flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px}.brand{min-width:0;gap:8px}.brand-logo{width:90px}.brand span{display:none}.header-actions{width:auto;justify-content:flex-end;gap:6px}.header-actions .ghost{padding:6px 8px;font-size:11px}.transport{flex-wrap:nowrap;padding:6px 8px;gap:6px}.transport.mobile{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap}.transport.mobile .transport-left,.transport.mobile .transport-center,.transport.mobile .transport-right{min-width:0;gap:4px}.transport.mobile .transport-left{display:inline-flex;flex:0 0 auto;gap:4px}.transport.mobile .transport-center{flex:1 1 0;justify-content:flex-end;overflow:hidden}.transport.mobile .tool-picker{min-height:30px;padding:0 6px}.transport.mobile .tool-picker select{min-width:34px}.transport.mobile .timecode{font-size:10px;min-height:30px;padding:0 5px}.transport.mobile .timecode-stack{min-height:30px;max-width:108px}.transport.mobile .zoom-control{gap:4px;min-width:0;flex:0 0 56px}.transport.mobile .zoom-control span{display:none}.transport.mobile .zoom-control input{width:100%;min-width:44px}.transport.mobile .transport-right .ghost{min-width:30px;min-height:30px;padding:0 8px}.transport.mobile .export-dropdown{right:0;top:calc(100% + 6px)}.edge-toggle{display:none}.layout.mobile-phone{grid-template-columns:minmax(0,1fr);padding:10px 10px 76px;gap:10px}.layout.mobile-phone .panel.left,.layout.mobile-phone .panel.right{position:fixed;inset:auto 8px 56px;width:auto;height:var(--mobile-drawer-height, 340px);max-height:calc(100vh - 142px);border-radius:14px 14px 0 0;z-index:50;transform:translateY(calc(100% + 16px));transition:transform var(--duration-med) var(--ease-standard);display:flex;padding:10px;overflow:auto}.layout.mobile-phone.tab-bin .panel.left,.layout.mobile-phone.tab-generators .panel.left{transform:translateY(0)}.layout.mobile-phone.makr-mode .panel.left{height:min(470px,calc(100vh - 122px))}.layout.mobile-phone.makr-mode .makr-mobile-panel{min-width:0}.layout.mobile-phone.makr-mode .makr-message-list{min-height:96px}.layout.mobile-phone.tab-inspector .panel.right{transform:translateY(0)}.layout.mobile-phone .center{display:flex}.layout.mobile-phone.tab-bin .generator-section,.layout.mobile-phone.tab-generators .bin{display:none}.layout.mobile-phone .panel .panel-header{margin-bottom:6px}.layout.mobile-phone .panel .panel-header .icon-button{display:none}.layout.mobile-phone .panel .bin{flex:1;min-height:0}.layout.mobile-phone .panel.right .panel-section{min-height:0}.layout.mobile-phone .panel .bin-toolbar{grid-template-columns:auto minmax(100px,1fr) minmax(92px,1fr) auto;gap:6px}.layout.mobile-phone .panel .bin-type-dropdown{min-width:0}.layout.mobile-phone .panel .bin-type-trigger{width:100%;min-width:0}.layout.mobile-phone .panel .bin-toolbar select{min-width:0;width:100%}.layout.mobile-phone .panel .bin-search-popover{left:0;right:0;min-width:0}.layout.mobile-phone .panel .bin-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.layout.mobile-phone .panel .bin-grid-shell{overflow:auto;min-height:0}.layout.mobile-phone .timeline-setting-label{display:none}.layout.mobile-phone .timeline{grid-template-columns:96px 1fr;--track-row-height: 56px}.layout.mobile-phone .track-label{padding:4px 6px;gap:2px}.layout.mobile-phone .track-name-button strong{display:block;max-width:11ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout.mobile-phone .track-title span{display:none}.layout.mobile-phone .track-actions{justify-content:flex-start;min-height:20px}.layout.mobile-phone .track-drag-handle{display:none}.layout.mobile-phone .timeline-bottombar{justify-content:flex-start;gap:8px}.chat-drawer{left:4px;right:4px;bottom:48px;border-radius:12px;height:min(58vh,420px)!important}.chat-drawer-input-row{grid-template-columns:auto 1fr auto;gap:6px}.chat-input-controls{gap:4px}.chat-model-trigger{width:34px;height:36px;border-radius:10px;font-size:14px}.chat-tools-popover{right:-4px;width:min(300px,92vw)}.help-shortcut-row{grid-template-columns:1fr}}.makr-launch-gate{position:absolute;inset:72px 0 0;z-index:80;display:grid;place-items:center;padding:24px;background:radial-gradient(900px 460px at 50% 0%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 68%),color-mix(in srgb,var(--bg) 88%,rgba(0,0,0,.48));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.makr-launch-only{background:radial-gradient(1000px 520px at 50% -10%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 70%),var(--bg)}.makr-launch-gate-static{inset:0}.makr-launch-gate-card{width:min(440px,100%);display:grid;gap:14px;justify-items:center;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel-alt) 92%,transparent),var(--panel));box-shadow:0 30px 80px #00000052,inset 0 1px #ffffff0a;padding:30px 24px;text-align:center}.makr-launch-gate-card-large{width:min(520px,calc(100vw - 48px));padding:38px 30px}.makr-launch-gate-card img{width:124px;height:auto;filter:brightness(0) invert(1)}.makr-launch-gate-card strong{font-size:19px}.makr-launch-gate-card p{max-width:34ch;margin:0;color:var(--text-muted);line-height:1.5}.makr-launch-gate-card>div{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.makr-launch-gate-card button{border-radius:999px;padding:9px 14px}.makr-launch-spinner{width:36px;height:36px;border:2px solid color-mix(in srgb,var(--accent) 22%,transparent);border-top-color:var(--accent);border-radius:999px;animation:makrLaunchSpin .9s linear infinite}.makr-chats-home{max-width:780px}.makr-chat-list{display:grid;gap:14px;align-content:start}.makr-chat-group{display:grid;gap:6px}.makr-chat-group h3{margin:0;color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.makr-chat-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text);padding:9px 10px;text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.makr-chat-row:hover,.makr-chat-row.selected{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 12%,var(--panel-alt))}.makr-chat-row:hover{transform:translateY(-1px)}.makr-chat-row span{min-width:0;display:grid;gap:2px}.makr-chat-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.makr-chat-row small,.makr-chat-row em{color:var(--text-muted);font-size:11px;font-style:normal}.makr-more{justify-self:start}.app.makr-mode.left-open{--left-width: 390px}.app.makr-mode .layout{flex:1 1 0;height:auto;max-height:100%;min-height:0;overflow:hidden}.app.makr-mode .panel.left.makr-mobile-panel{height:100%;max-height:100%;min-height:0}.app.makr-mode.left-closed .panel.left{padding:8px}.app.makr-mode.left-closed .panel.left>.makr-panel-shell,.app.makr-mode.left-closed .panel.left>.makr-composer-zone,.app.makr-mode.left-closed .panel.left .makr-assets-drawer{display:none}.app.makr-mode.left-closed .panel-resizer.left{display:none}@media(min-width:721px)and (max-width:1100px){.app.makr-mode .layout:not(.mobile-phone){grid-template-columns:var(--left-width) minmax(0,1fr) var(--right-width)!important;gap:10px;padding:10px 12px 14px;align-items:stretch}.app.makr-mode .layout:not(.mobile-phone) .panel.left,.app.makr-mode .layout:not(.mobile-phone) .panel.right{position:relative!important;inset:auto!important;width:auto!important;height:100%;min-height:0;max-height:100%;z-index:30;transform:none!important;display:flex;padding:8px;overflow:hidden}.app.makr-mode .layout:not(.mobile-phone) .panel.left{grid-column:1}.app.makr-mode .layout:not(.mobile-phone) .center{grid-column:2;min-width:0;min-height:0}.app.makr-mode .layout:not(.mobile-phone) .panel.right{grid-column:3}.app.makr-mode .layout:not(.mobile-phone) .panel-resizer{display:block}.app.makr-mode.left-closed .layout:not(.mobile-phone) .panel-resizer.left,.app.makr-mode.right-closed .layout:not(.mobile-phone) .panel-resizer.right{display:none}}.makr-mobile-panel{position:relative;box-sizing:border-box;align-self:stretch;height:100%;min-height:0;max-height:100%;padding:8px;gap:8px;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 94%,#101827 6%),var(--panel))}.makr-panel-shell{position:relative;flex:1 1 0;height:100%;min-height:0;max-height:100%;display:flex;flex-direction:column;gap:10px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:16px;padding:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel-alt) 82%,transparent),color-mix(in srgb,var(--panel) 92%,transparent));box-shadow:inset 0 1px #ffffff08;overflow:hidden}.makr-mobile-panel.chat-active .makr-panel-shell{flex:1 1 0;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:10px;padding-bottom:10px}.makr-panel-header{position:relative;z-index:70;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.makr-panel-header-actions{display:flex;align-items:center;gap:7px}.makr-panel-header strong{display:block;font-size:17px;letter-spacing:0}.makr-panel-header span{display:block;margin-top:2px;color:var(--text-muted);font-size:12px}.makr-native-link{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--panel) 82%,transparent);color:var(--text-muted);cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.makr-native-link:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 44%,var(--border));transform:translateY(-1px)}.panel-collapse-button,.panel-reopen,.makr-panel-icon-button{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--panel-alt) 86%,transparent);color:var(--text-muted);cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.panel-collapse-button:hover,.panel-reopen:hover,.makr-panel-icon-button:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 46%,var(--border));background:color-mix(in srgb,var(--accent) 16%,var(--panel-alt));transform:translateY(-1px)}.panel-reopen{position:absolute;top:12px;z-index:92;box-shadow:0 12px 30px #00000047}.panel-reopen.left{left:calc(var(--left-width) + 12px)}.panel-reopen.right{right:calc(var(--right-width) + 12px)}.makr-chats-drawer-backdrop{position:fixed;inset:0;z-index:180;display:flex;align-items:stretch;justify-content:flex-start;background:#05080f52;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.makr-chats-drawer{width:min(720px,calc(100vw - 28px));height:100%;min-width:min(420px,calc(100vw - 28px));display:flex;flex-direction:column;gap:12px;padding:18px;border-right:1px solid color-mix(in srgb,var(--border) 88%,transparent);background:radial-gradient(120% 80% at 4% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 62%),linear-gradient(180deg,color-mix(in srgb,var(--panel-alt) 96%,#0a1020 4%),var(--panel));box-shadow:28px 0 70px #0000006b;animation:makr-drawer-in .22s var(--ease-standard) both}@keyframes makr-drawer-in{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}.makr-chats-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.makr-chats-drawer-header strong,.makr-chat-drawer-assets header strong{display:block;color:var(--text);font-size:18px;letter-spacing:0}.makr-chats-drawer-header span,.makr-chat-drawer-assets header span{display:block;margin-top:4px;color:var(--text-muted);font-size:13px;line-height:1.35}.makr-chats-search input{width:100%;height:40px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--panel) 86%,transparent);color:var(--text);padding:0 12px;outline:none}.makr-chats-search input:focus{border-color:color-mix(in srgb,var(--accent) 56%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.makr-chats-drawer-body{min-height:0;flex:1;display:grid;grid-template-columns:minmax(240px,.92fr) minmax(260px,1fr);gap:14px}.makr-chats-drawer-list,.makr-chat-drawer-assets{min-height:0;overflow:auto;border:1px solid color-mix(in srgb,var(--border) 86%,transparent);border-radius:16px;background:color-mix(in srgb,var(--panel) 70%,transparent);padding:10px}.makr-chat-group{display:grid;gap:7px;margin-bottom:12px}.makr-chat-group h3{margin:8px 4px 2px;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.makr-chat-drawer-row{display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:stretch;gap:6px;border:1px solid transparent;border-radius:12px;background:color-mix(in srgb,var(--panel-alt) 50%,transparent);transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.makr-chat-drawer-row:hover,.makr-chat-drawer-row.selected{border-color:color-mix(in srgb,var(--accent) 34%,var(--border));background:color-mix(in srgb,var(--accent) 12%,var(--panel-alt))}.makr-chat-drawer-row.active-chat{box-shadow:inset 3px 0 0 var(--accent)}.makr-chat-drawer-select,.makr-chat-open-arrow{border:0;background:transparent;color:var(--text);cursor:pointer}.makr-chat-drawer-select{min-width:0;padding:10px;text-align:left}.makr-chat-drawer-select strong{display:block;overflow:hidden;color:var(--text);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.makr-chat-drawer-select small{display:block;margin-top:3px;color:var(--text-muted);font-size:12px}.makr-chat-open-arrow{display:grid;place-items:center;border-left:1px solid color-mix(in srgb,var(--border) 70%,transparent);color:var(--text-muted);font-size:18px}.makr-chat-open-arrow:hover{color:var(--text)}.makr-more{width:100%}.makr-chat-drawer-assets{display:flex;flex-direction:column;gap:12px}.makr-chat-drawer-assets header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.makr-chat-drawer-asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:9px;align-content:start}.makr-chat-drawer-asset{min-width:0;display:grid;gap:7px;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:12px;background:color-mix(in srgb,var(--panel-alt) 62%,transparent);padding:7px}.makr-chat-drawer-asset>div{min-width:0}.makr-chat-drawer-asset-preview{aspect-ratio:16 / 10;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:radial-gradient(90% 80% at 50% 20%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 72%),color-mix(in srgb,var(--panel) 80%,transparent)}.makr-chat-drawer-asset-preview img{width:100%;height:100%;object-fit:cover;display:block}.makr-chat-drawer-asset strong{display:block;overflow:hidden;color:var(--text);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.makr-chat-drawer-asset span{display:block;margin-top:2px;color:var(--text-muted);font-size:11px}@media(max-width:760px){.makr-chats-drawer{width:100vw}.makr-chats-drawer-body{grid-template-columns:1fr}}.makr-segmented{position:relative;z-index:70;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:3px;border:1px solid var(--border);border-radius:13px;background:color-mix(in srgb,var(--panel) 86%,transparent)}.makr-segmented button{min-height:32px;border:0;border-radius:10px;background:transparent;color:var(--text-muted);cursor:pointer;font-weight:700;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.makr-segmented button.active{color:var(--text);background:color-mix(in srgb,var(--accent) 24%,var(--panel-alt));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 58%,transparent)}.makr-chat-tab{position:relative;flex:1 1 0;height:100%;max-height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-bottom:0}.makr-create-tab{flex:1 1 0;height:auto;min-height:0;display:grid;grid-auto-rows:max-content;align-content:start;gap:10px;overflow:auto;padding:2px 2px 10px;scrollbar-width:thin}.makr-message-list{position:static;flex:1 1 0;height:100%;max-height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:6px 2px 10px;scroll-padding-bottom:16px;overscroll-behavior:contain;scrollbar-width:thin}.makr-message-bottom-sentinel{flex:0 0 1px;width:100%}.makr-empty-card{margin:auto;width:min(320px,100%);border:1px dashed var(--border);border-radius:14px;padding:38px 22px;color:var(--text-muted);text-align:center;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent 56%),color-mix(in srgb,var(--panel) 66%,transparent)}.makr-empty-card strong{display:block;margin-bottom:8px;color:var(--text);font-size:15px}.makr-empty-card span{display:block;line-height:1.45;font-size:13px}.makr-message-row{display:flex;width:100%;animation:makrMessageIn .18s var(--ease-standard) both}.makr-message-row.user{justify-content:flex-end}.makr-message-row.assistant{justify-content:flex-start}.makr-message{max-width:min(95%,340px);border:0;color:var(--text);line-height:1.52;overflow-wrap:anywhere;font-size:13px}.makr-message.user{border-radius:18px;padding:10px 13px;background:color-mix(in srgb,#374151 72%,#4b5563);box-shadow:inset 0 1px #ffffff0a}.makr-message.assistant{max-width:100%;padding:0 2px 2px;color:color-mix(in srgb,var(--text) 94%,var(--text-muted))}.makr-message-content{display:grid;gap:9px}.makr-message-markdown{display:grid;gap:8px}.makr-message-markdown>:first-child{margin-top:0}.makr-message-markdown>:last-child{margin-bottom:0}.makr-message-markdown p{margin:0}.makr-message-markdown h1,.makr-message-markdown h2,.makr-message-markdown h3,.makr-message-markdown h4{margin:6px 0 2px;color:var(--text);font-weight:750;line-height:1.18;letter-spacing:0}.makr-message-markdown h1{font-size:17px}.makr-message-markdown h2{font-size:15px}.makr-message-markdown h3,.makr-message-markdown h4{font-size:14px}.makr-message-markdown ul,.makr-message-markdown ol{margin:0;padding-left:18px}.makr-message-markdown li+li{margin-top:4px}.makr-message-markdown a{color:color-mix(in srgb,var(--accent) 86%,white);text-decoration:none}.makr-message-markdown a:hover{text-decoration:underline}.makr-message-markdown code{border:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:5px;background:color-mix(in srgb,var(--panel-alt) 84%,transparent);padding:1px 4px;font-size:.92em}.makr-message-markdown pre{overflow:auto;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:10px;background:color-mix(in srgb,var(--panel-alt) 84%,transparent);padding:9px}.makr-message-markdown pre code{border:0;background:transparent;padding:0}.makr-inline-media{width:min(160px,100%);display:grid;gap:5px;color:var(--text);text-decoration:none}.makr-inline-media img,.makr-inline-media video{width:100%;aspect-ratio:16 / 10;display:block;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:10px;object-fit:cover;background:color-mix(in srgb,var(--panel-alt) 88%,transparent);box-shadow:0 10px 24px #0000002e}.makr-inline-media small{overflow:hidden;color:var(--text-muted);font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.makr-inline-media-card{width:min(240px,100%);display:grid;gap:7px;border:1px solid color-mix(in srgb,var(--border) 74%,transparent);border-radius:13px;background:color-mix(in srgb,var(--panel-alt) 72%,transparent);padding:7px;box-shadow:0 14px 28px #0000002e}.makr-inline-image-carousel{width:min(100%,356px);display:grid;gap:8px;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--border));border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent 70%),color-mix(in srgb,var(--panel-alt) 72%,transparent);padding:9px;box-shadow:0 16px 34px #0003}.makr-inline-image-carousel-header{min-width:0;display:grid;gap:2px;padding:0 2px}.makr-inline-image-carousel-header strong{color:var(--text);font-size:12px;line-height:1.2}.makr-inline-image-carousel-header span{color:var(--text-muted);font-size:10px;line-height:1.3}.makr-inline-image-carousel-track{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:1px 2px 5px;scroll-snap-type:x proximity;scrollbar-width:thin}.makr-inline-image-carousel-track .makr-inline-media-card{flex:0 0 188px;width:188px;scroll-snap-align:start}.makr-inline-image-carousel-track .makr-inline-media-stage{min-height:98px}.makr-inline-image-carousel-track .makr-inline-media-stage img{max-height:132px}.makr-inline-media-card.generating{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:linear-gradient(110deg,transparent 0%,rgba(86,160,255,.16) 42%,transparent 70%),color-mix(in srgb,var(--panel-alt) 76%,transparent);background-size:220% 100%,auto;animation:makr-subtle-shimmer 4.4s linear infinite}@keyframes makr-subtle-shimmer{0%{background-position:180% 0,0 0}to{background-position:-80% 0,0 0}}.makr-inline-media-stage{position:relative;min-width:0;width:100%;min-height:110px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:color-mix(in srgb,var(--bg) 68%,black)}.makr-inline-media-stage.clickable{cursor:zoom-in}.makr-inline-media-stage img,.makr-inline-media-stage video{width:100%;max-height:190px;display:block;object-fit:cover}.makr-inline-media-stage img.loading{opacity:0;min-height:110px}.makr-inline-media-loading{position:absolute;inset:0;z-index:1;background:color-mix(in srgb,var(--bg) 70%,transparent)}.makr-inline-media-stage audio{width:100%;padding:12px}.makr-inline-media-card.audio .makr-inline-media-stage{min-height:76px}.makr-inline-media-fallback{display:grid;place-items:center;gap:7px;color:var(--text-muted);font-size:11px;font-weight:700}.makr-inline-media-fallback svg{opacity:.74}.makr-inline-media-meta{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.makr-inline-media-meta span{min-width:0;display:grid}.makr-inline-media-meta strong,.makr-inline-media-meta small,.makr-inline-media-meta em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.makr-inline-media-meta strong{font-size:12px}.makr-inline-media-meta small{color:var(--text-muted);font-size:10px}.makr-inline-media-meta em,.makr-inline-output em{color:color-mix(in srgb,var(--accent) 72%,var(--text-muted));font-size:9px;font-style:normal;font-weight:750;letter-spacing:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.makr-inline-media-actions{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px}.makr-inline-media-actions button{min-width:28px;height:28px;display:inline-grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 36%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--text);cursor:pointer;font-size:11px;font-weight:800;padding:0 9px}.makr-inline-media-actions button svg{display:block}.makr-inline-output{width:min(260px,100%);display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 13%,transparent),transparent 68%),color-mix(in srgb,var(--panel-alt) 88%,#111827);color:var(--text);box-shadow:0 12px 30px #0003;cursor:pointer;padding:10px;text-align:left;transition:transform var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.makr-inline-output:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 62%,var(--border))}.makr-inline-output-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--accent) 24%,transparent);color:color-mix(in srgb,var(--accent) 82%,white)}.makr-inline-output span:not(.makr-inline-output-icon){min-width:0;display:grid;gap:1px}.makr-inline-output strong,.makr-inline-output small,.makr-inline-output em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.makr-inline-output strong{font-size:12px}.makr-inline-output small{color:var(--text-muted);font-size:10px}.makr-inline-sounds-playlist{width:min(340px,100%);display:grid;gap:8px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%),color-mix(in srgb,var(--panel-alt) 88%,#111827);box-shadow:0 14px 34px #00000038;color:var(--text);padding:10px}.makr-inline-sounds-playlist header{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px}.makr-inline-sounds-playlist header>span:not(.makr-inline-output-icon){min-width:0;display:grid;gap:1px}.makr-inline-sounds-playlist strong,.makr-inline-sounds-playlist small,.makr-inline-sound-row strong,.makr-inline-sound-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.makr-inline-sounds-playlist strong{font-size:12px}.makr-inline-sounds-playlist small{color:var(--text-muted);font-size:10px}.makr-inline-sounds-workbench,.makr-inline-sound-actions button{border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--text);cursor:pointer;font:inherit;font-size:10px;font-weight:850;padding:7px 9px;transition:transform var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.makr-inline-sounds-workbench:hover,.makr-inline-sound-actions button:hover:not(:disabled){transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 62%,var(--border));background:color-mix(in srgb,var(--accent) 20%,transparent)}.makr-inline-sound-actions button:disabled{cursor:default;opacity:.58}.makr-inline-sound-actions button.subtle{border-color:color-mix(in srgb,var(--border) 82%,transparent);background:color-mix(in srgb,var(--panel) 68%,transparent);color:var(--text-muted)}.makr-inline-sounds-empty{min-height:70px;display:grid;place-items:center;gap:6px;border:1px dashed color-mix(in srgb,var(--border) 72%,transparent);border-radius:12px;color:var(--text-muted);font-size:11px;font-weight:750;text-align:center}.makr-inline-sound-rows{display:grid;gap:7px}.makr-inline-sound-row{min-width:0;min-height:58px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:12px;background:color-mix(in srgb,var(--panel) 58%,transparent);padding:7px}.makr-inline-sound-row.playing{border-color:color-mix(in srgb,var(--accent) 58%,var(--border));background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 16%,transparent),transparent 68%),color-mix(in srgb,var(--panel) 70%,transparent)}.makr-inline-sound-cover{width:38px;height:38px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--accent) 15%,rgba(255,255,255,.04));color:color-mix(in srgb,var(--accent) 78%,white);object-fit:cover}.makr-inline-sound-row>div{min-width:0;display:grid;gap:4px}.makr-inline-sound-actions{grid-column:auto;display:flex;flex-wrap:nowrap;gap:5px;justify-self:end}.makr-inline-sound-row audio{display:none}.makr-inline-sound-actions button{min-width:52px;height:27px;padding:0 7px}.makr-inline-sound-actions button.place{min-width:27px;width:27px;padding:0;display:grid;place-items:center}@media(max-width:760px){.makr-inline-sound-row{grid-template-columns:38px minmax(0,1fr)}.makr-inline-sound-actions{grid-column:1 / -1;justify-self:stretch;padding-left:46px}}.makr-thinking{display:inline-flex;align-items:center;gap:5px;color:var(--text-muted)}.makr-thinking span{width:3px;height:11px;border-radius:999px;background:currentColor;animation:makrThinking .9s ease-in-out infinite}.makr-thinking span:nth-child(2){animation-delay:.12s}.makr-thinking span:nth-child(3){animation-delay:.24s}@keyframes makrMessageIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes statusPulse{0%{box-shadow:0 0 #0a84ff57}72%,to{box-shadow:0 0 0 9px #0a84ff00}}@keyframes makrLaunchSpin{to{transform:rotate(360deg)}}@keyframes makrThinking{0%,to{transform:scaleY(.55);opacity:.45}50%{transform:scaleY(1);opacity:1}}@keyframes makrTaskShimmer{0%{transform:translate(-115%)}42%,to{transform:translate(115%)}}.makr-task-strip{position:static;width:auto;z-index:auto;min-width:0;flex:0 0 auto;min-height:34px;max-height:34px;display:flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:12px;background:#2f333e;color:var(--text);padding:7px 10px;font-size:12px;isolation:isolate;overflow:visible;transition:border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.makr-task-strip{position:relative}.makr-task-strip:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background:linear-gradient(112deg,transparent 0%,transparent 32%,rgba(147,197,253,.05) 42%,rgba(147,197,253,.26) 50%,rgba(255,255,255,.08) 58%,transparent 70%,transparent 100%);clip-path:inset(0 round 12px);opacity:0;pointer-events:none;transform:translate(-115%)}.makr-task-strip.active{border-color:color-mix(in srgb,var(--accent) 34%,var(--border));background:linear-gradient(180deg,rgba(68,97,139,.18),transparent),#2f333e;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent),0 10px 26px #0a84ff1a}.makr-task-strip.active:before{opacity:1;animation:makrTaskShimmer 9s ease-in-out infinite}.makr-task-strip.attention{border-color:color-mix(in srgb,#ff8a8a 44%,var(--border))}.makr-composer-zone{position:relative;width:100%;min-height:0;display:grid;gap:8px;flex:0 0 auto;z-index:80;opacity:1;transform:none;pointer-events:auto;overflow:visible;align-self:stretch;min-width:0}.makr-composer-zone>*{pointer-events:auto}.makr-composer-zone.has-active-tool>*:not(.makr-composer-tool-backdrop){position:relative;z-index:1}.makr-composer-tool-backdrop{position:fixed;inset:0;z-index:0;border:0;border-radius:0;background:transparent;cursor:default;padding:0}.makr-task-icon{position:relative;z-index:1;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.makr-task-headline,.makr-task-strip small{position:relative;z-index:1}.makr-task-headline{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.makr-task-strip small{display:block;flex:0 0 auto;margin-left:auto;color:var(--text-muted);font-size:11px;font-weight:700;white-space:nowrap}.makr-task-strip small.makr-task-estimate{flex:1 1 36%;max-width:46%;min-width:0;margin-left:8px;overflow:hidden;text-overflow:ellipsis;font-weight:600}.makr-task-strip small.makr-task-detail{margin-left:0}.makr-task-popover{position:absolute;left:0;right:0;bottom:calc(100% + 6px);z-index:3;display:grid;gap:5px;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:12px;background:color-mix(in srgb,var(--panel) 92%,black);box-shadow:0 18px 38px #0000004d;padding:7px;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.makr-task-strip:hover .makr-task-popover,.makr-task-strip:focus-within .makr-task-popover,.makr-task-strip.open .makr-task-popover{opacity:1;pointer-events:auto;transform:translateY(0)}.makr-task-item{min-width:0;display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:7px;color:var(--text);font-size:11px}.makr-task-item i{width:7px;height:7px;border-radius:999px;background:var(--text-muted)}.makr-task-item.running i,.makr-task-item.syncing i{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}.makr-task-item.failed i{background:#ff6b6b}.makr-task-item.completed i{background:#44d27c}.makr-task-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.makr-task-item em{color:var(--text-muted);font-style:normal}.makr-chat-form{position:static;box-sizing:border-box;width:auto;max-width:100%;min-width:0;z-index:auto;flex:0 0 auto;display:grid;gap:8px;border:1px solid rgba(107,114,128,.3);border-radius:16px;background:#2f333e;box-shadow:0 12px 26px #0000002e,inset 0 1px #ffffff08;padding:10px}.makr-hidden-file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.makr-chat-form textarea,.makr-create-tab select,.makr-create-tab textarea{min-width:0;width:100%;border:1px solid transparent;border-radius:11px;background:color-mix(in srgb,var(--panel) 72%,transparent);color:var(--text);padding:9px 10px;font:inherit}.makr-chat-form textarea{min-height:46px;max-height:132px;resize:none;background:transparent;padding:2px;border:0;color:color-mix(in srgb,var(--text) 94%,white);outline:none}.makr-chat-form textarea::placeholder{color:color-mix(in srgb,var(--text-muted) 86%,transparent)}.makr-select{position:relative;min-width:0;width:100%}.makr-select>button{min-width:0;width:100%;min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:9px;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent),color-mix(in srgb,var(--panel-alt) 78%,transparent);color:var(--text);cursor:pointer;font:inherit;font-size:12px;line-height:1.2;padding:8px 9px 8px 11px;text-align:left;transition:border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.makr-select>button>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.makr-select>button svg{flex:0 0 auto;transform:rotate(90deg);opacity:.72;transition:transform var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard)}.makr-select.open>button,.makr-select>button:hover,.makr-select>button:focus-visible{border-color:color-mix(in srgb,var(--accent) 52%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent),color-mix(in srgb,var(--panel-alt) 86%,transparent)}.makr-select>button:focus-visible{outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.makr-select.open>button svg{transform:rotate(270deg);opacity:.95}.makr-select.disabled{opacity:.48}.makr-select-menu{position:absolute;z-index:90;top:calc(100% + 6px);left:0;right:0;max-height:min(280px,46vh);overflow:auto;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:11px;background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 42%),color-mix(in srgb,#121722 92%,var(--panel));box-shadow:0 18px 44px #0000006b,inset 0 1px #ffffff0d;padding:5px}.makr-select-menu button{min-width:0;width:100%;display:block;border:0;border-radius:8px;background:transparent;color:color-mix(in srgb,var(--text) 88%,transparent);cursor:pointer;font:inherit;font-size:12px;line-height:1.25;padding:8px 9px;text-align:left}.makr-select-menu button:hover,.makr-select-menu button:focus-visible,.makr-select-menu button.active{outline:0;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--text)}.makr-select-menu button:disabled{cursor:default;opacity:.42}.makr-composer-actions{display:flex;align-items:center;gap:4px}.makr-chat-form .makr-tool-button,.makr-chat-form .makr-tool-pill{min-width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(156,163,175,.28);border-radius:999px;background:transparent;color:#d1d5dbd1;cursor:pointer;font-size:13px;padding:0 10px;transition:border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.makr-chat-form .makr-tool-button{width:28px;padding:0}.makr-chat-form .makr-tool-button svg,.makr-chat-form .makr-send-button svg,.makr-recorder-button svg{display:block;flex:0 0 auto}.makr-chat-form .makr-tool-button-group{width:auto;min-width:45px;gap:5px;padding:0 5px}.makr-chat-form .makr-tool-button-models{min-width:62px}.makr-chat-form .makr-tool-button-sounds{min-width:45px}.makr-chat-form .makr-tool-button-group>span{width:1px;height:15px;background:#9ca3af52}.makr-chat-form .makr-tool-button:hover,.makr-chat-form .makr-tool-pill:hover{color:var(--text);border-color:#d1d5db6b;background:#ffffff0d}.makr-chat-form .makr-tool-button.active,.makr-chat-form .makr-tool-pill.active{color:#e5e7eb;background:#6b728080;border-color:#9ca3af70}.makr-chat-form .makr-send-button{width:30px;height:30px;margin-left:auto;border:0;border-radius:999px;background:linear-gradient(160deg,var(--accent),var(--accent-2));color:#fff;cursor:pointer;display:grid;place-items:center;padding:0;box-shadow:0 8px 18px #0a84ff42}.makr-create-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.makr-create-mode-grid button{min-width:0;display:flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--border) 86%,transparent);border-radius:13px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),color-mix(in srgb,var(--panel) 72%,transparent);color:var(--text-muted);cursor:pointer;padding:9px;text-align:left;transition:border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.makr-create-mode-grid button:hover,.makr-create-mode-grid button.active{color:var(--text);border-color:color-mix(in srgb,var(--accent) 52%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 16%,transparent),transparent),color-mix(in srgb,var(--panel-alt) 86%,transparent)}.makr-create-mode-grid button:hover{transform:translateY(-1px)}.makr-create-mode-grid button>span{min-width:0;display:grid;gap:2px}.makr-create-mode-grid strong{font-size:12px;line-height:1}.makr-create-mode-grid small{overflow:hidden;color:color-mix(in srgb,var(--text-muted) 90%,transparent);font-size:10px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.makr-create-card,.makr-create-prompt-card{border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent),color-mix(in srgb,var(--panel) 72%,transparent);padding:10px;box-shadow:inset 0 1px #ffffff06}.makr-create-field{display:grid;gap:7px}.makr-create-field>span,.makr-create-option-group>span{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.makr-create-tab select{min-height:38px;border-color:color-mix(in srgb,var(--border) 80%,transparent);background:color-mix(in srgb,var(--panel-alt) 78%,transparent)}.makr-create-field .makr-select>button{min-height:38px}.makr-create-model-note{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.makr-create-model-note span,.makr-create-option-group button{border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:999px;background:#ffffff09;color:var(--text-muted);font-size:11px;padding:5px 8px}.makr-create-options-card{display:grid;gap:10px}.makr-create-option-group{display:grid;gap:7px}.makr-create-option-group>div{display:flex;flex-wrap:wrap;gap:6px}.makr-create-option-group button{cursor:pointer;font-weight:700}.makr-create-option-group button.active{color:var(--text);border-color:color-mix(in srgb,var(--accent) 52%,var(--border));background:color-mix(in srgb,var(--accent) 18%,transparent)}.makr-create-slider-group{display:grid;gap:9px}.makr-create-slider-group>div:first-child,.makr-create-slider-scale{display:flex;align-items:center;justify-content:space-between;gap:10px}.makr-create-slider-group>div:first-child span{color:var(--text-muted);font-size:11px;font-weight:800;text-transform:uppercase}.makr-create-slider-group>div:first-child strong{display:grid;place-items:center;min-width:34px;height:28px;border:1px solid color-mix(in srgb,var(--accent) 48%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--text);font-size:13px}.makr-create-slider-group input[type=range]{width:100%;accent-color:var(--accent)}.makr-create-slider-scale{color:var(--text-muted);font-size:10px;font-weight:800}.makr-reference-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:9px}.makr-reference-strip button{min-width:0;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--border) 86%,transparent);border-radius:10px;background:color-mix(in srgb,var(--panel-alt) 74%,transparent);color:var(--text-muted);cursor:pointer;overflow:hidden;padding:0}.makr-reference-strip button.active{border-color:color-mix(in srgb,var(--accent) 62%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 38%,transparent)}.makr-reference-strip img{width:100%;height:100%;object-fit:cover}.makr-source-strip button{display:grid;place-items:center}.makr-source-strip svg{opacity:.84}.makr-create-prompt-card{min-height:206px;display:grid;grid-template-rows:minmax(120px,1fr) auto;gap:10px}.makr-create-prompt-card textarea{min-height:120px;resize:none;border:0;background:transparent;padding:0;outline:none}.makr-create-prompt-card .primary{min-height:38px}.makr-podcast-create-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.makr-podcast-script-card{display:grid;gap:8px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--panel) 68%,transparent);padding:10px}.makr-podcast-script-card textarea{min-height:220px;resize:vertical;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:12px;background:#090d186b;padding:10px}.makr-podcast-script-card p{margin:0;color:var(--text-muted);font-size:11px}.makr-create-expectation{margin:-2px 0 0;color:var(--text-muted);font-size:11px;line-height:1.35}.makr-create-notify{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px}.makr-create-notify span{color:var(--text-muted);font-size:11px;font-weight:700}.makr-create-notify button{min-height:26px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:999px;background:#ffffff08;color:var(--text-muted);cursor:pointer;font-size:11px;font-weight:700;padding:0 9px}.makr-create-notify button.active{border-color:color-mix(in srgb,var(--accent) 48%,var(--border));background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--text)}.makr-create-status-card{display:grid;gap:9px}.makr-create-status-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.makr-create-status-heading>span{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.makr-create-status-heading small{color:var(--text-muted);font-size:11px}.makr-create-job-list{display:grid;gap:7px}.makr-create-job{min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:12px;background:#ffffff06;padding:8px;animation:makrMessageIn .16s var(--ease-standard) both}.makr-create-job.state-running,.makr-create-job.state-queued{border-color:color-mix(in srgb,var(--accent) 36%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 9%,transparent),transparent),#ffffff06}.makr-create-job.state-completed{border-color:color-mix(in srgb,#22c55e 30%,var(--border))}.makr-create-job.state-failed{border-color:color-mix(in srgb,#ef4444 42%,var(--border))}.makr-create-job-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--text)}.makr-create-job-copy{min-width:0;display:grid;gap:3px}.makr-create-job-copy strong{overflow:hidden;color:var(--text);font-size:12px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.makr-create-job-copy span{overflow:hidden;color:var(--text-muted);font-size:11px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.makr-create-job-copy small{color:color-mix(in srgb,var(--text-muted) 82%,var(--accent));font-size:10px;line-height:1.15}.makr-create-job-progress{height:3px;overflow:hidden;border-radius:999px;background:#ffffff14}.makr-create-job-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.makr-create-job>button{min-height:28px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:999px;background:#ffffff09;color:var(--text);cursor:pointer;padding:0 11px}.makr-tool-panel{position:absolute;left:0;right:0;bottom:calc(100% + 8px);z-index:2;max-height:min(320px,calc(100vh - 260px));overflow:auto;display:grid;gap:9px;border:1px solid rgba(156,163,175,.22);border-radius:12px;background:color-mix(in srgb,#2f333e 94%,#111827);box-shadow:0 -18px 42px #00000057,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15);padding:9px;animation:makrMessageIn .16s var(--ease-standard) both}.makr-tool-panel-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.makr-tool-panel-head>span,.makr-toggle-card>span,.makr-toggle-card>div>span{display:inline-flex;align-items:center;gap:7px;color:var(--text);font-size:12px;font-weight:750}.makr-tool-panel strong{font-size:12px}.makr-tool-panel button,.makr-tool-panel select,.makr-tool-panel input{border:1px solid rgba(156,163,175,.26);border-radius:10px;background:#ffffff0a;color:var(--text);font:inherit;padding:8px 10px}.makr-tool-panel button.active{border-color:color-mix(in srgb,var(--accent) 56%,var(--border));background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--text)}.makr-sound-tool-panel{container-type:inline-size;gap:8px}.makr-add-widget-card{display:grid;gap:8px;border:1px solid rgba(156,163,175,.18);border-radius:14px;background:radial-gradient(120% 140% at 8% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 62%),#ffffff09;padding:9px}.makr-add-widget-title{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.makr-add-widget-title span{color:var(--text);font-size:12px;font-weight:800}.makr-add-widget-title small{color:var(--text-muted);font-size:10px;text-align:right}.makr-add-quick-search-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.makr-add-quick-search-grid .makr-add-quick-search{min-height:58px;display:grid;align-content:center;gap:2px;border-radius:13px;background:linear-gradient(180deg,#ffffff13,#ffffff06),color-mix(in srgb,var(--accent) 10%,transparent);text-align:left;transition:transform var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.makr-add-quick-search-grid .makr-add-quick-search:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 46%,var(--border));background:linear-gradient(180deg,#ffffff18,#ffffff09),color-mix(in srgb,var(--accent) 16%,transparent)}.makr-add-quick-search strong{color:var(--text);font-size:12px}.makr-add-quick-search small{color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.04em}.makr-add-type-strip{display:grid;gap:7px;border:1px solid rgba(156,163,175,.16);border-radius:13px;background:#ffffff07;padding:8px}.makr-add-type-strip>span{color:var(--text-muted);font-size:11px;font-weight:800}.makr-add-type-strip>div{display:flex;flex-wrap:wrap;gap:6px}.makr-add-type-strip button{min-height:28px;border-radius:999px;padding:0 10px;font-size:11px;font-weight:760}.makr-sound-search-field{display:grid;gap:6px}.makr-sound-search-field span,.makr-sound-tool-note{color:var(--text-muted);font-size:11px}.makr-sound-search-field input{width:100%;min-width:0}.makr-sound-preset-row{display:flex;flex-wrap:wrap;gap:6px}.makr-sound-preset-row button{padding:6px 8px;color:var(--text-muted)}.makr-sound-search-action{min-height:34px;border-color:color-mix(in srgb,var(--accent) 45%,rgba(156,163,175,.26))!important;background:color-mix(in srgb,var(--accent) 18%,transparent)!important}.makr-sound-search-action:disabled{opacity:.45;cursor:not-allowed}.makr-add-search-results{max-height:320px;overflow:auto}.makr-add-browser-search{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;border:1px solid rgba(148,163,184,.22);border-radius:999px;background:#080d1857;color:var(--text-muted);padding:7px 10px}.makr-add-browser-search input{min-width:0;border:0;outline:none;background:transparent;color:var(--text);font:inherit;font-size:12px}.makr-add-chip-row,.makr-add-filter-row{display:flex;flex-wrap:wrap;gap:6px}.makr-add-chip-row button,.makr-add-filter-row select{min-height:28px;border:1px solid rgba(148,163,184,.22);border-radius:999px;background:#ffffff0b;color:var(--text-muted);font-size:11px;font-weight:800;padding:0 9px}.makr-add-chip-row button{display:inline-flex;align-items:center;gap:5px;cursor:pointer}.makr-add-chip-row button small{color:color-mix(in srgb,var(--accent) 82%,white);font:inherit;opacity:.9}.makr-add-chip-row button.active{border-color:color-mix(in srgb,var(--accent) 58%,var(--border));background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--text)}.makr-add-chip-row.subtypes button{min-height:24px;font-size:10px}.makr-add-filter-row select{min-width:0;max-width:112px}.makr-add-filter-row select:disabled{opacity:.42}.makr-add-filter-row .makr-select{flex:0 1 118px;width:auto;min-width:92px}.makr-add-filter-row .makr-select>button{min-height:28px;border-radius:999px;color:var(--text-muted);font-size:11px;font-weight:800;padding:0 9px}.makr-add-filter-row .makr-select-menu{min-width:176px}.makr-add-result-count{color:var(--text-muted);font-size:10px;font-weight:800}.makr-sound-search-empty{min-height:48px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;color:var(--text-muted);font-size:11px}.makr-add-search-result-list{display:grid;gap:7px}.makr-add-search-result{display:grid;gap:6px;border:1px solid rgba(148,163,184,.18);border-radius:13px;background:linear-gradient(180deg,#ffffff12,#ffffff06),#0c121f6b;padding:7px}.makr-add-search-result.playing{border-color:color-mix(in srgb,var(--accent) 62%,var(--border));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 34%,transparent)}.makr-add-search-preview{min-width:0;position:relative;display:grid!important;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:8px;border-color:transparent!important;background:transparent!important;padding:0!important;text-align:left}.makr-add-search-preview .makr-sound-cover-thumb{grid-column:1;grid-row:1;width:36px;height:36px;border-radius:10px;object-fit:cover;background:color-mix(in srgb,var(--accent) 14%,var(--panel-alt))}.makr-add-search-preview span.makr-sound-cover-thumb{display:grid;place-items:center;color:color-mix(in srgb,var(--accent) 72%,white)}.makr-sound-cover-play{grid-column:1;grid-row:1;z-index:1;width:24px;height:24px;place-self:center;display:grid!important;place-items:center;border-radius:999px;background:#030712ad;color:#fff;box-shadow:0 6px 18px #00000038}.makr-add-search-preview span,.makr-add-search-preview strong,.makr-add-search-preview small{min-width:0}.makr-add-search-preview>span:not(.makr-sound-cover-play):not(.makr-sound-cover-thumb){display:grid;gap:2px}.makr-add-search-preview strong,.makr-add-search-preview small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.makr-add-search-preview strong{color:var(--text);font-size:11px;font-weight:800}.makr-add-search-preview small{color:var(--text-muted);font-size:9px}.makr-add-search-actions{display:grid;grid-template-columns:repeat(3,30px);justify-content:end;gap:5px}.makr-add-search-actions button{width:30px;height:30px;min-width:0;display:grid;place-items:center;border-radius:999px;padding:0!important;font-size:10px;font-weight:800}.makr-add-search-actions button:disabled{opacity:.42;cursor:not-allowed}.makr-add-browser{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;border:1px solid rgba(148,163,184,.2);border-radius:8px;background:radial-gradient(90% 80% at 12% 0%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 62%),linear-gradient(180deg,#ffffff0e,#ffffff05),#0f141ce0;padding:10px;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.makr-add-browser-top{min-width:0;display:grid;gap:10px}.makr-add-category-tabs,.makr-add-category-rail,.makr-add-type-rail,.makr-add-subtype-rail{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.makr-add-category-tabs::-webkit-scrollbar,.makr-add-category-rail::-webkit-scrollbar,.makr-add-type-rail::-webkit-scrollbar,.makr-add-subtype-rail::-webkit-scrollbar{display:none}.makr-add-category-tabs button{min-width:118px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;border-color:#94a3b838!important;background:linear-gradient(110deg,#232d3ec2,#1c222e9e)!important;color:#ffffffe0!important;font-size:12px;font-weight:760;white-space:nowrap;transition:transform var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.makr-add-category-tabs button.makr-add-reset-category{min-width:40px;width:40px;padding-inline:0!important}.makr-add-category-tabs button:hover{transform:translateY(-1px)}.makr-add-category-tabs button.active{border-color:color-mix(in srgb,var(--accent) 72%,rgba(148,163,184,.42))!important;color:#dbeafe!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent),0 10px 26px #0000002e}.makr-add-category-tabs button small{color:#ffffff7a;font-size:11px;font-weight:750}.makr-add-browser-search{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:stretch;gap:0;border:1px solid rgba(148,163,184,.24);border-radius:7px;background:#0c1118e6;color:var(--text-muted);padding:0;overflow:hidden}.makr-add-browser-search input{min-width:0;min-height:42px;border:0!important;outline:none;background:transparent!important;color:var(--text)!important;font:inherit;font-size:14px;font-weight:700;padding:0 14px!important}.makr-add-browser-search input::placeholder{color:#ffffff75}.makr-add-browser-search button{width:44px;min-width:44px;min-height:42px;display:grid;place-items:center;border:0!important;border-left:1px solid rgba(148,163,184,.18)!important;border-radius:0!important;background:color-mix(in srgb,var(--accent) 16%,rgba(30,41,59,.72))!important;color:#ffffffe6!important;padding:0!important}.makr-add-search-spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.28);border-top-color:#fff;border-radius:999px;animation:makrSpin .8s linear infinite}@keyframes makrSpin{to{transform:rotate(360deg)}}@keyframes makrSkeleton{0%{background-position:100% 0}to{background-position:-100% 0}}.makr-add-category-rail button{min-width:92px;height:58px;display:grid;place-items:center;gap:3px;border-radius:7px;border-color:#94a3b82e!important;background:linear-gradient(180deg,#ffffff13,#ffffff05),#19191be0!important;color:#ffffffc7!important;font-size:11px;font-weight:780;padding:7px 8px!important}.makr-add-category-rail button.active{border-color:color-mix(in srgb,var(--accent) 66%,rgba(148,163,184,.32))!important;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 18%,transparent),#ffffff06),#161f2ce6!important;color:#dbeafe!important}.makr-add-category-rail button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.makr-add-type-rail button,.makr-add-subtype-rail button{flex:0 0 auto;min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:7px;border-color:#94a3b82e!important;background:#ffffff09!important;color:#ffffffad!important;font-size:11px;font-weight:800;padding:0 11px!important;white-space:nowrap}.makr-add-type-rail button.active,.makr-add-subtype-rail button.active{border-color:color-mix(in srgb,var(--accent) 66%,rgba(148,163,184,.32))!important;background:color-mix(in srgb,var(--accent) 16%,rgba(30,41,59,.58))!important;color:#dbeafe!important}.makr-add-category-loading,.makr-add-taxonomy-empty{flex:0 0 auto;min-width:92px;height:58px;border-radius:7px}.makr-add-category-loading{background:linear-gradient(90deg,#ffffff09,#ffffff13,#ffffff09);background-size:180% 100%;animation:makrSkeleton 1.1s ease-in-out infinite}.makr-add-taxonomy-empty{display:inline-flex;align-items:center;justify-content:center;border:1px dashed rgba(148,163,184,.2);color:#ffffff7a;font-size:11px;font-weight:760;padding:0 12px}.makr-add-browser .makr-add-filter-row{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;overflow-x:auto;scrollbar-width:none}.makr-add-browser .makr-add-filter-row::-webkit-scrollbar{display:none}.makr-add-browser .makr-add-filter-row>span{flex:0 0 auto;color:#ffffff7a;font-size:12px;font-weight:780}.makr-add-browser .makr-add-filter-row select,.makr-add-browser .makr-add-clear-filter{flex:0 0 auto;min-height:30px;max-width:132px;border:1px solid rgba(148,163,184,.2)!important;border-radius:7px!important;background:#ffffff09!important;background-color:#171717!important;color:#ffffffc7!important;font-size:12px;font-weight:620;padding:0 10px!important;color-scheme:dark;appearance:none;-webkit-appearance:none}.makr-add-browser .makr-add-filter-row select option{background-color:#171717;color:#ffffffe6}.makr-add-browser .makr-add-clear-filter{color:#ffffff94!important}.makr-add-empty-browser{min-height:92px;display:grid;place-items:center;gap:8px;border:1px dashed rgba(148,163,184,.22);border-radius:7px;color:var(--text-muted);text-align:center;font-size:12px;padding:16px}.makr-add-track-list{display:grid;align-content:start;grid-auto-rows:minmax(52px,max-content);min-height:0;overflow:auto;scrollbar-width:thin}.makr-add-breadcrumb{display:flex;align-items:center;gap:7px;min-width:0;color:#ffffff8f;font-size:10px}.makr-add-breadcrumb button{display:inline-flex;align-items:center;gap:3px;border:1px solid rgba(255,255,255,.12)!important;border-radius:6px!important;background:#ffffff0d!important;color:#ffffffb8!important;min-height:24px;padding:0 8px!important;font-size:10px}.makr-add-breadcrumb>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.makr-add-track-row{min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:66px;border-top:1px solid rgba(255,255,255,.1);padding:9px 0}.makr-add-track-row:first-child{border-top:0}.makr-add-track-row.playing{color:#dbeafe}.makr-add-track-row.focused{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent 82%)}.makr-add-track-actions button{display:grid!important;place-items:center;border:0!important;background:transparent!important;color:#ffffffe6!important;padding:0!important}.makr-add-track-row .makr-sound-cover-thumb{width:44px;height:44px;border-radius:5px;object-fit:cover;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.04)),#ffffff0f)}.makr-add-cover-play{position:relative;width:44px;height:44px;display:grid!important;place-items:center;border:0!important;border-radius:6px!important;background:transparent!important;color:#fff!important;padding:0!important;overflow:hidden}.makr-add-cover-play:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.48));opacity:.78;transition:opacity var(--duration-fast) var(--ease-standard)}.makr-add-cover-play:hover:after,.makr-add-track-row.playing .makr-add-cover-play:after{opacity:.92}.makr-add-cover-play-icon{position:absolute;inset:0;z-index:1;display:grid;place-items:center;color:#fff;filter:drop-shadow(0 2px 5px rgba(0,0,0,.48))}.makr-add-track-row span.makr-sound-cover-thumb{display:grid;place-items:center;color:#ffffffc7}.makr-add-track-copy{min-width:0;display:grid;gap:4px}.makr-add-track-title,.makr-add-track-copy small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.makr-add-track-title{appearance:none;border:0!important;background:transparent!important;color:#fffffff5!important;padding:0!important;text-align:left;color:#fffffff5;font-size:10.5px;font-weight:400;letter-spacing:0;cursor:pointer}.makr-add-track-title:hover{color:#bfdbfe!important}.makr-add-track-copy small{color:#e2e8f0d6;font-size:11px;font-weight:380;letter-spacing:0;line-height:1.3}.makr-add-track-meta{display:flex;align-items:center;gap:0;min-width:0}.makr-add-track-meta button,.makr-add-track-meta span{flex:0 1 auto;min-width:max-content;max-width:min(92px,50%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;appearance:none;border:0!important;background:transparent!important;color:#e2e8f0d6!important;padding:0!important;font:inherit;cursor:pointer}.makr-add-track-meta button:hover{color:#bfdbfe!important}.makr-add-track-meta button+button:before,.makr-add-track-meta span+span:before{content:"·";margin:0 5px;color:#e2e8f06b}@container (max-width: 300px){.makr-sound-tool-panel .makr-add-track-meta button:nth-child(n+2),.makr-sound-tool-panel .makr-add-track-meta span:nth-child(n+2){display:none}}.makr-add-track-indicators{display:grid;justify-items:end;gap:4px;color:#ffffff8f;font-size:10px;font-weight:500}.makr-add-license-pill{min-width:36px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:color-mix(in srgb,var(--accent) 15%,rgba(255,255,255,.04));color:#bfdbfe}.makr-add-level-dots{display:flex;gap:3px}.makr-add-level-dots i{width:6px;height:6px;border-radius:999px;background:#ffffff29}.makr-add-level-dots i.active{background:#62d68a}.makr-add-track-actions{display:flex;align-items:center;gap:6px;position:relative}.makr-add-track-actions button{width:28px;height:28px;color:#ffffff9e!important}.makr-add-track-actions .makr-add-place-button{width:28px;min-width:28px;display:inline-flex!important;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--accent) 38%,rgba(148,163,184,.2))!important;border-radius:7px!important;background:color-mix(in srgb,var(--accent) 13%,rgba(30,41,59,.62))!important;color:#dbeafe!important;padding:0!important;font-size:10px;font-weight:660}.makr-add-track-actions button:hover:not(:disabled){color:#fff!important}.makr-add-track-actions button:disabled{opacity:.36;cursor:not-allowed}.makr-add-menu{position:relative;display:inline-flex}.makr-add-menu-trigger{border:1px solid rgba(255,255,255,.08)!important;border-radius:7px!important;background:#ffffff09!important}.makr-add-menu-panel{position:absolute;right:0;top:calc(100% + 6px);z-index:20;width:172px;display:grid;gap:4px;border:1px solid color-mix(in srgb,var(--accent) 24%,rgba(148,163,184,.24));border-radius:8px;background:linear-gradient(180deg,#181f2afa,#0c1118fa);padding:7px;box-shadow:0 16px 32px #00000061;color:#ffffffe0}.makr-add-menu-stat,.makr-add-menu-panel button{min-width:0;min-height:28px;display:flex!important;align-items:center;justify-content:space-between;gap:8px;border:0!important;border-radius:6px!important;background:transparent!important;color:#ffffffc7!important;padding:0 7px!important;font-size:10px;font-weight:560}.makr-add-menu-panel button{width:100%;height:auto;cursor:pointer}.makr-add-menu-panel button:hover:not(:disabled){background:#ffffff12!important;color:#fff!important}.makr-add-menu-panel button:disabled{opacity:.36;cursor:not-allowed}.makr-add-menu-stat span:first-child{color:#ffffff70}.makr-add-menu-stat strong,.makr-add-menu-stat time{color:#bfdbfe;font-size:10px;font-weight:680}.makr-add-menu-panel .makr-add-level-dots{gap:4px}.makr-add-player-menu .makr-add-menu-panel{top:auto;bottom:calc(100% + 6px)}.makr-add-player{min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr) auto;grid-template-rows:auto 10px;align-items:center;gap:2px 7px;border:1px solid color-mix(in srgb,var(--accent) 28%,rgba(148,163,184,.22));border-radius:5px;background:linear-gradient(90deg,#0d121af5,#151d2af5);padding:4px 5px;box-shadow:0 8px 18px #0000002e,inset 0 1px #ffffff14;animation:makrMessageIn .18s var(--ease-standard)}.makr-add-player .makr-add-player-art,.makr-add-player .makr-sound-cover-thumb{width:26px;height:26px;border-radius:3px;object-fit:cover}.makr-add-player-copy{min-width:0;display:grid;gap:2px}.makr-add-player-copy strong,.makr-add-player-copy span,.makr-add-player-copy em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.makr-add-player-copy strong{color:#fffffff5;font-size:10px;font-weight:500;letter-spacing:0}.makr-add-player-copy span{display:none;color:#ffffff9e;font-size:9px;font-weight:400}.makr-add-player-copy em{color:#fca5a5;font-size:9px;font-style:normal;font-weight:750}.makr-add-player-controls{display:flex;align-items:center;gap:4px;position:relative}.makr-add-player-controls>button,.makr-add-player-controls>.makr-add-menu>.makr-add-menu-trigger,.makr-add-player-main{width:20px;height:20px;display:grid!important;place-items:center;border:1px solid rgba(255,255,255,.12)!important;border-radius:999px!important;background:#0000003d!important;color:#ffffffdb!important;padding:0!important}.makr-add-player-controls>button:hover:not(:disabled),.makr-add-player-controls>.makr-add-menu>.makr-add-menu-trigger:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 42%,rgba(255,255,255,.2))!important;color:#fff!important;transform:translateY(-1px)}.makr-add-player-controls>button:disabled,.makr-add-player-controls>.makr-add-menu>.makr-add-menu-trigger:disabled{opacity:.35;cursor:not-allowed}.makr-add-player-main{background:linear-gradient(180deg,#a8c8ff,#5f94f7)!important;color:#07111f!important;border-color:color-mix(in srgb,var(--accent) 60%,rgba(255,255,255,.2))!important}.makr-add-player-seek,.makr-add-player-volume{min-width:0;display:grid;align-items:center;gap:5px;color:#ffffff94;font-size:9px;font-weight:780;line-height:1}.makr-add-player-seek{grid-column:1 / -1;position:relative;display:block;height:10px;margin:0;padding:0}.makr-add-player-volume{grid-template-columns:14px minmax(0,1fr)}.makr-add-player-seek span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.makr-add-player input[type=range]{width:100%;accent-color:#8ab4ff}.makr-add-player-seek input[type=range]{width:100%;height:10px;appearance:none;-webkit-appearance:none;border-radius:999px;background:linear-gradient(90deg,#8ab4ff 0 var(--makr-add-player-progress, 0%),rgba(255,255,255,.28) var(--makr-add-player-progress, 0%) 100%);cursor:pointer;display:block}.makr-add-player-seek input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:transparent}.makr-add-player-seek input[type=range]::-webkit-slider-thumb{width:8px;height:8px;margin-top:-2.5px;border:0;border-radius:999px;background:#8ab4ff;-webkit-appearance:none;box-shadow:0 0 0 3px #8ab4ff29}.makr-add-player-seek input[type=range]::-moz-range-track{height:3px;border-radius:999px;background:#ffffff47}.makr-add-player-seek input[type=range]::-moz-range-progress{height:3px;border-radius:999px;background:#8ab4ff}.makr-add-player-seek input[type=range]::-moz-range-thumb{width:8px;height:8px;border:0;border-radius:999px;background:#8ab4ff;box-shadow:0 0 0 3px #8ab4ff29}@media(max-width:760px){.makr-add-browser{gap:8px;padding:8px}.makr-add-browser-top{gap:8px}.makr-add-category-tabs,.makr-add-category-rail,.makr-add-type-rail,.makr-add-subtype-rail{gap:6px}.makr-add-category-tabs button{min-width:96px;min-height:34px;gap:5px;border-radius:7px;font-size:10px}.makr-add-category-tabs button.makr-add-reset-category{min-width:34px;width:34px}.makr-add-browser-search{grid-template-columns:minmax(0,1fr) 38px}.makr-add-browser-search input,.makr-add-browser-search button{min-height:36px}.makr-add-browser-search input{font-size:12px;font-weight:560;padding-inline:10px!important}.makr-add-category-rail button{min-width:74px;height:40px;font-size:9px;padding:5px 6px!important}.makr-add-type-rail button,.makr-add-subtype-rail button{min-height:25px;gap:4px;font-size:10px;padding-inline:8px!important}.makr-add-browser .makr-add-filter-row>span{font-size:10px;font-weight:560}.makr-add-browser .makr-add-filter-row select,.makr-add-browser .makr-add-clear-filter{min-height:26px;max-width:108px;font-size:10px;padding-inline:7px!important}.makr-add-track-row{grid-template-columns:38px minmax(0,1fr) auto;gap:7px;min-height:52px;padding:6px 0}.makr-add-track-row .makr-sound-cover-thumb,.makr-add-cover-play{width:38px;height:38px}.makr-add-track-copy{gap:2px}.makr-add-track-title{font-size:11px}.makr-add-track-copy small{font-size:9px}.makr-add-track-indicators{display:none}.makr-add-track-actions{gap:4px}.makr-add-track-actions button{width:24px;height:24px}.makr-add-track-actions .makr-add-place-button{min-width:24px}.makr-add-player{grid-template-columns:28px minmax(0,1fr) auto}.makr-add-player-controls{justify-content:flex-end}}.makr-sound-tray-list{display:grid;gap:6px}.makr-sound-tray-list button{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;text-align:left}.makr-sound-tray-list span,.makr-sound-tray-list strong,.makr-sound-tray-list small{min-width:0}.makr-sound-tray-list span{display:grid;gap:1px}.makr-sound-tray-list strong,.makr-sound-tray-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.makr-sound-tray-list strong{color:var(--text);font-size:12px}.makr-sound-tray-list small{color:var(--text-muted);font-size:10px}.makr-sound-placement-strip{display:grid;grid-template-columns:.7fr 1fr;gap:6px}.makr-sound-placement-strip span{border:1px solid rgba(156,163,175,.2);border-radius:999px;background:#ffffff09;color:var(--text-muted);font-size:11px;font-weight:800;padding:7px 9px;text-align:center}.makr-sound-placement-strip span:first-child{border-color:color-mix(in srgb,var(--accent) 36%,rgba(156,163,175,.2));color:var(--text)}.makr-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.makr-mode-grid button{min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--text-muted)}.makr-mode-grid button.active{color:var(--text);border-color:color-mix(in srgb,var(--accent) 52%,var(--border));background:color-mix(in srgb,var(--accent) 20%,transparent)}.makr-model-selector-grid{display:grid;gap:8px}.makr-agent-flow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.makr-agent-flow-grid button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;font-weight:800}.makr-model-selector-grid label{min-width:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:8px}.makr-model-selector-grid label>span{display:inline-flex;align-items:center;gap:5px;color:var(--text-muted);font-size:12px;font-weight:700}.makr-model-selector-grid select{min-width:0}.makr-model-selector-grid .makr-select>button{min-height:34px}.makr-model-mode-note{color:var(--text-muted);font-size:11px}@media(min-width:721px)and (max-width:1100px){.app.makr-mode .layout:not(.mobile-phone) .makr-panel-shell{padding:8px;gap:8px}.app.makr-mode .layout:not(.mobile-phone) .makr-panel-header{gap:8px}.app.makr-mode .layout:not(.mobile-phone) .makr-panel-header strong{font-size:15px}.app.makr-mode .layout:not(.mobile-phone) .makr-panel-header span{font-size:11px;line-height:1.35}.app.makr-mode .layout:not(.mobile-phone) .makr-segmented{min-height:34px;padding:3px}.app.makr-mode .layout:not(.mobile-phone) .makr-segmented button{min-height:26px;font-size:12px}.app.makr-mode .layout:not(.mobile-phone) .makr-model-tool-panel{left:0;right:0;width:auto;max-width:none;max-height:min(54dvh,500px);gap:8px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:9px}.app.makr-mode .layout:not(.mobile-phone) .makr-model-tool-panel .makr-tool-panel-head{display:grid;gap:2px;align-items:flex-start}.app.makr-mode .layout:not(.mobile-phone) .makr-model-tool-panel .makr-tool-panel-head>span{display:block;font-size:12px;line-height:1.2}.app.makr-mode .layout:not(.mobile-phone) .makr-model-tool-panel .makr-tool-panel-head small{display:block;color:var(--text-muted);font-size:11px;line-height:1.35}.app.makr-mode .layout:not(.mobile-phone) .makr-agent-flow-grid{gap:6px}.app.makr-mode .layout:not(.mobile-phone) .makr-agent-flow-grid button{min-height:36px;border-radius:10px;font-size:13px;line-height:1.1;padding:7px 9px}.app.makr-mode .layout:not(.mobile-phone) .makr-model-selector-grid{gap:6px}.app.makr-mode .layout:not(.mobile-phone) .makr-model-selector-grid label{grid-template-columns:minmax(72px,88px) minmax(0,1fr);gap:6px}.app.makr-mode .layout:not(.mobile-phone) .makr-model-selector-grid label>span{gap:4px;font-size:10px;line-height:1.15}.app.makr-mode .layout:not(.mobile-phone) .makr-model-selector-grid select{min-height:34px;max-width:100%;border-radius:10px;font-size:12px;line-height:1.2;padding:7px 28px 7px 9px;white-space:nowrap;text-overflow:ellipsis}.app.makr-mode .layout:not(.mobile-phone) .makr-model-mode-note{font-size:10px;line-height:1.35}.app.makr-mode .layout:not(.mobile-phone) .makr-chat-form{gap:7px;border-radius:15px;padding:8px}.app.makr-mode .layout:not(.mobile-phone) .makr-chat-form textarea{min-height:38px;max-height:96px;font-size:13px}.app.makr-mode .layout:not(.mobile-phone) .makr-composer-actions{min-width:0;gap:4px;flex-wrap:nowrap}.app.makr-mode .layout:not(.mobile-phone) .makr-chat-form .makr-tool-button,.app.makr-mode .layout:not(.mobile-phone) .makr-chat-form .makr-tool-pill{height:30px;min-width:30px;padding:0 8px}.app.makr-mode .layout:not(.mobile-phone) .makr-chat-form .makr-tool-button{width:30px;padding:0}.app.makr-mode .layout:not(.mobile-phone) .makr-chat-form .makr-tool-button-group{min-width:54px;gap:4px;padding:0 6px}.app.makr-mode .layout:not(.mobile-phone) .makr-chat-form .makr-tool-button-models{min-width:68px}.app.makr-mode .layout:not(.mobile-phone) .makr-chat-form .makr-tool-button-sounds{min-width:50px}.app.makr-mode .layout:not(.mobile-phone) .makr-chat-form .makr-send-button{width:32px;height:32px}}@media(min-width:721px)and (max-width:900px){.app.makr-mode .layout:not(.mobile-phone) .makr-model-selector-grid label{grid-template-columns:minmax(0,1fr);align-items:stretch}.app.makr-mode .layout:not(.mobile-phone) .makr-model-selector-grid label>span{min-height:auto}}.makr-toggle-card,.makr-recorder-card,.makr-stepper-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(156,163,175,.18);border-radius:12px;background:color-mix(in srgb,var(--panel) 58%,transparent);padding:10px}.makr-toggle-card.stacked{display:grid}.makr-toggle-card.stacked>div,.makr-recorder-card>div,.makr-stepper-row>span{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.makr-toggle-card label{min-width:0;display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:8px}.makr-toggle-card label.disabled{opacity:.45;pointer-events:none}.makr-toggle-card label span,.makr-stepper-row small,.makr-recorder-card small{color:var(--text-muted);font-size:11px}.makr-recorder-card>div,.makr-stepper-row>span{display:grid;justify-content:start;gap:2px}.makr-stepper-row{grid-template-columns:minmax(0,1fr) 32px 58px 32px}.makr-stepper-row button{width:32px;height:32px;display:inline-grid;place-items:center;padding:0;border-radius:999px}.makr-stepper-row input{min-width:0;width:58px;text-align:center}.makr-attachment-list{display:flex;flex-wrap:wrap;gap:6px}.makr-attachment-list span{min-width:0;max-width:100%;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(156,163,175,.2);border-radius:999px;padding:5px 8px;color:var(--text);font-size:12px}.makr-attachment-list small{color:var(--text-muted)}.makr-recorder-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.makr-recorder-button.recording{border-color:#f871718c;color:#fecaca;background:#7f1d1d3d}.makr-chat-form button:disabled,.makr-create-tab button:disabled,.makr-asset-card button:disabled{cursor:not-allowed;opacity:.5}.makr-assets-backdrop{position:absolute;inset:104px 0 0;z-index:45;border:0;background:transparent;cursor:default;pointer-events:none}.makr-assets-drawer{position:fixed;left:52px;right:auto;bottom:200px;width:min(calc(var(--left-width, 390px) - 80px),calc(100vw - 84px));max-width:none;z-index:120;display:flex;flex-direction:column;gap:10px;min-height:242px;max-height:min(76vh,620px);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 13%,var(--panel-alt)),color-mix(in srgb,var(--panel-alt) 94%,#0a1020));box-shadow:0 -22px 60px #00000061,0 0 0 1px #ffffff06,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);overflow:hidden;visibility:visible;transition:height var(--duration-med) var(--ease-standard),transform var(--duration-med) var(--ease-standard),box-shadow var(--duration-med) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard),visibility 0s linear 0s}.makr-assets-drawer.open{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0) scale(1)}.makr-assets-drawer.inline{box-shadow:0 18px 46px #00000047,inset 0 1px #ffffff0d}.makr-assets-drawer:not(.open){opacity:0;pointer-events:none;visibility:hidden;transform:translateY(18px) scale(.98);box-shadow:0 -8px 20px #0000001a;transition:transform var(--duration-med) var(--ease-standard),box-shadow var(--duration-med) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard),visibility 0s linear var(--duration-fast)}.makr-drawer-handle{border:0;background:transparent;display:grid;place-items:center;padding:9px 0 1px;cursor:grab;touch-action:none}.makr-drawer-handle:active{cursor:grabbing}.makr-drawer-handle span{width:58px;height:5px;border-radius:999px;background:color-mix(in srgb,var(--text-muted) 58%,transparent);transition:width var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.makr-drawer-handle:hover span{width:78px;background:color-mix(in srgb,var(--accent) 62%,var(--text-muted))}.makr-assets-drawer header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:0 0 auto;padding:0 12px 9px;border-bottom:1px solid var(--border)}.makr-assets-controls{flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:8px;padding:0 12px}.makr-assets-search{min-width:0;display:flex;align-items:center;gap:6px;border:1px solid rgba(156,163,175,.22);border-radius:10px;background:#ffffff0a;color:var(--text-muted);padding:0 8px}.makr-assets-search input,.makr-assets-controls select{min-width:0;width:100%;height:32px;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:12px}.makr-assets-controls select{border:1px solid rgba(156,163,175,.22);border-radius:10px;appearance:none;background:linear-gradient(45deg,transparent 50%,color-mix(in srgb,var(--text-muted) 88%,white) 50%) calc(100% - 17px) 13px / 7px 7px no-repeat,linear-gradient(135deg,color-mix(in srgb,var(--text-muted) 88%,white) 50%,transparent 50%) calc(100% - 12px) 13px / 7px 7px no-repeat,#ffffff0a;color:var(--text);cursor:pointer;padding:0 30px 0 9px}.makr-assets-controls select:hover{border-color:color-mix(in srgb,var(--accent) 42%,rgba(156,163,175,.22));background:linear-gradient(45deg,transparent 50%,color-mix(in srgb,var(--accent) 72%,white) 50%) calc(100% - 17px) 13px / 7px 7px no-repeat,linear-gradient(135deg,color-mix(in srgb,var(--accent) 72%,white) 50%,transparent 50%) calc(100% - 12px) 13px / 7px 7px no-repeat,color-mix(in srgb,var(--accent) 10%,rgba(255,255,255,.04))}.makr-assets-controls select:focus-visible{border-color:color-mix(in srgb,var(--accent) 64%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.makr-assets-controls select option{background:#162236;color:#eef5ff}.makr-assets-controls select option:checked{background:#2c5f9e;color:#fff}.makr-assets-controls .makr-select>button{height:32px;min-height:32px;font-size:12px;padding-block:0}.makr-assets-controls .makr-select-menu{min-width:150px}.makr-asset-player{flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;margin:0 12px;border:1px solid rgba(156,163,175,.2);border-radius:12px;background:color-mix(in srgb,var(--panel) 70%,transparent);padding:7px}.makr-asset-player>div{min-width:0;display:grid;gap:2px}.makr-asset-player strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.makr-asset-player button{border:1px solid var(--border);border-radius:10px;background:var(--panel-alt);color:var(--text);cursor:pointer;padding:7px 10px;font-size:12px}.makr-asset-player-media{grid-column:1 / -1;width:100%;height:auto;max-height:150px;aspect-ratio:16 / 9;border-radius:9px;object-fit:contain;background:color-mix(in srgb,var(--accent) 18%,var(--panel-alt))}.makr-asset-player-media.fallback,.makr-asset-player-media.artifact{display:grid;place-items:center;color:var(--text-muted)}.makr-asset-player-media.artifact{gap:8px;border:1px solid rgba(125,169,255,.24);background:radial-gradient(circle at 50% 24%,rgba(10,132,255,.26),transparent 42%),color-mix(in srgb,var(--panel-alt) 88%,var(--accent) 12%);color:var(--text);font-size:12px;font-weight:700}.makr-asset-audio-player{aspect-ratio:auto;min-height:48px;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;border:1px solid rgba(125,169,255,.22)}.makr-asset-audio-player audio{display:none}.makr-asset-player .makr-asset-audio-toggle{width:34px;height:34px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(147,197,253,.36);background:color-mix(in srgb,var(--accent) 28%,var(--panel-alt));color:var(--text);padding:0}.makr-asset-audio-play-icon{width:0;height:0;margin-left:2px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}.makr-asset-audio-main{min-width:0;display:grid;gap:6px}.makr-asset-audio-track{height:6px;overflow:hidden;border-radius:999px;background:#94a3b842}.makr-asset-audio-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#93c5fd,#60a5fa);transition:width .12s linear}.makr-asset-audio-main small{color:var(--text-muted);font-size:10px;letter-spacing:0}.makr-drawer-actions{display:inline-flex;align-items:center;gap:6px}.makr-drawer-actions .ghost{min-height:30px}.makr-drawer-actions .icon-only{width:30px;padding:0;display:inline-grid;place-items:center}.makr-assets-drawer.snap-compact .makr-drawer-actions .ghost:first-child{display:none}.makr-assets-drawer header>div:first-child{display:grid;gap:2px}.makr-assets-drawer small{color:var(--text-muted)}.makr-asset-grid{min-height:0;flex:1 1 auto;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));grid-auto-rows:142px;align-content:start;align-items:start;gap:8px;padding:2px 12px 12px}.makr-asset-grid.has-audio-assets{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));grid-auto-rows:174px;gap:9px}.makr-assets-standalone{min-height:0;display:flex;align-items:flex-end}.makr-assets-standalone .makr-assets-drawer{flex:0 0 auto;max-width:100%}.makr-asset-empty{min-height:118px;display:grid;place-items:center;align-content:center;gap:6px;padding:10px 16px 18px;color:var(--text-muted);text-align:center}.makr-asset-empty svg{color:color-mix(in srgb,var(--accent) 70%,var(--text-muted))}.makr-asset-empty strong{color:var(--text);font-size:13px}.makr-asset-empty span{max-width:22ch;font-size:11px;line-height:1.35}.makr-asset-card{min-width:0;height:142px;align-self:start;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:5px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--panel) 84%,transparent);padding:5px}.makr-asset-card.audio-asset{--asset-accent: #8ab4ff;--asset-accent-soft: rgba(138, 180, 255, .72);position:relative;height:174px;grid-template-rows:92px minmax(0,1fr) auto;gap:6px;border-color:color-mix(in srgb,var(--asset-accent) 66%,var(--border));border-radius:9px;background:linear-gradient(145deg,color-mix(in srgb,var(--asset-accent) 13%,transparent),transparent 48%),color-mix(in srgb,#152033 72%,var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--asset-accent) 12%,transparent),0 10px 22px #00000026;cursor:pointer}.makr-asset-card.selected{border-color:color-mix(in srgb,var(--accent) 62%,var(--border));background:color-mix(in srgb,var(--accent) 16%,var(--panel))}.makr-asset-card.audio-asset.selected{border-color:color-mix(in srgb,var(--asset-accent) 82%,white);background:linear-gradient(145deg,color-mix(in srgb,var(--asset-accent) 18%,transparent),transparent 50%),color-mix(in srgb,#18253b 76%,var(--panel));box-shadow:0 0 0 1px color-mix(in srgb,var(--asset-accent) 82%,white),0 0 22px color-mix(in srgb,var(--asset-accent) 22%,transparent)}.makr-asset-audio-select{position:absolute;top:6px;right:6px;z-index:3;width:19px;height:19px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#040a17ad;color:#fff;padding:0;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.makr-asset-card.audio-asset.selected .makr-asset-audio-select{border-color:color-mix(in srgb,var(--asset-accent) 72%,white);background:color-mix(in srgb,var(--asset-accent) 58%,rgba(4,10,23,.76))}.makr-asset-audio-art{position:relative;min-width:0;min-height:0;display:block;border:0;background:transparent;color:inherit;padding:0;cursor:pointer}.makr-asset-audio-art:disabled{cursor:default;opacity:.62}.makr-asset-audio-art .makr-asset-sound-cover.makr-sound-cover-thumb{height:92px}.makr-asset-audio-play{position:absolute;left:8px;bottom:8px;width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:#070c18bd;color:#fff;box-shadow:0 0 0 1px color-mix(in srgb,var(--asset-accent) 58%,rgba(255,255,255,.16)),0 8px 18px #00000038;transition:transform var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.makr-asset-audio-art:hover .makr-asset-audio-play{transform:scale(1.05);background:color-mix(in srgb,var(--asset-accent) 58%,rgba(7,12,24,.78))}.makr-asset-audio-copy{min-width:0;display:grid;align-content:start;gap:3px}.makr-asset-select{position:relative;min-width:0;min-height:0;display:grid;grid-template-rows:76px auto auto;gap:4px;border:0;background:transparent;color:inherit;text-align:left;padding:0;cursor:pointer}.makr-asset-select>span{position:absolute;top:5px;right:5px;z-index:1;width:18px;height:18px;display:grid;place-items:center;border-radius:999px;background:#0f172abd;box-shadow:inset 0 0 0 1px #ffffff2e}.makr-asset-card.state-generating,.makr-asset-card.state-running{border-style:dashed}.makr-asset-thumb{display:grid;place-items:center;width:100%;height:76px;aspect-ratio:auto;min-height:0;border-radius:7px;object-fit:cover;color:var(--text);font-size:10px;font-weight:800;background:color-mix(in srgb,var(--accent) 22%,var(--panel-alt))}.makr-asset-thumb.fallback{align-content:center;gap:4px}.makr-asset-thumb.video-static{background:radial-gradient(circle at 68% 28%,rgba(96,165,250,.22),transparent 34%),linear-gradient(145deg,color-mix(in srgb,var(--accent) 24%,#1f2937),color-mix(in srgb,var(--panel-alt) 88%,#0f172a))}.makr-asset-thumb.fallback span{font-size:10px;font-weight:800}.makr-asset-sound-cover.makr-sound-cover-thumb{width:100%;height:82px;border-radius:7px;border:1px solid color-mix(in srgb,var(--asset-accent) 58%,rgba(255,255,255,.14))}.makr-asset-sound-cover.makr-sound-cover-thumb.fallback:before{background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.2),transparent 32%),linear-gradient(135deg,color-mix(in srgb,var(--asset-accent) 64%,#263044),#111827)}.makr-asset-sound-cover.makr-sound-cover-thumb.fallback strong{font-size:13px}.makr-asset-card strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.makr-asset-card.audio-asset strong{display:-webkit-box;overflow:hidden;color:#fffffff2;font-size:10.8px;font-weight:560;line-height:1.18;letter-spacing:0;overflow-wrap:anywhere;white-space:normal;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}.makr-asset-card.audio-asset small{min-width:0;display:-webkit-box;overflow:hidden;color:color-mix(in srgb,var(--asset-accent) 46%,rgba(255,255,255,.64));font-size:9.5px;line-height:1.2;overflow-wrap:anywhere;white-space:normal;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2}.makr-asset-card-actions{display:flex;justify-content:flex-end;gap:5px}.makr-asset-card.audio-asset .makr-asset-card-actions{align-items:center}.makr-asset-card.audio-asset .makr-asset-add{border-color:color-mix(in srgb,var(--asset-accent) 52%,var(--border));background:color-mix(in srgb,var(--asset-accent) 18%,var(--panel-alt))}.makr-asset-preview,.makr-asset-add{width:28px;height:28px;display:inline-grid;place-items:center;border:1px solid var(--border);border-radius:999px;background:var(--panel-alt);color:var(--text);cursor:pointer;padding:0;transition:transform var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.makr-asset-preview{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:color-mix(in srgb,var(--accent) 14%,var(--panel-alt))}.makr-asset-preview:hover,.makr-asset-add:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 52%,var(--border));background:color-mix(in srgb,var(--accent) 18%,var(--panel-alt))}.makr-output-backdrop{position:fixed;inset:0;z-index:10080;display:grid;place-items:center;background:#02061773;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn var(--duration-fast) var(--ease-standard) both}.makr-image-deck-style-card{display:grid;gap:10px}.makr-image-deck-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.makr-image-deck-style-option{min-width:0;display:grid;gap:8px;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent),color-mix(in srgb,var(--panel-alt) 70%,transparent);padding:10px;transition:border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.makr-image-deck-style-option>button:first-child{display:grid;gap:4px;border:0;background:transparent;color:var(--text);cursor:pointer;padding:0;text-align:left}.makr-image-deck-style-option:hover,.makr-image-deck-style-option.active{border-color:color-mix(in srgb,var(--accent) 62%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 18%,transparent),transparent),color-mix(in srgb,var(--panel-alt) 92%,transparent);transform:translateY(-1px)}.makr-image-deck-style-grid strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.makr-style-example-button{justify-self:start;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:color-mix(in srgb,var(--accent) 78%,white);cursor:pointer;font-size:10px;font-weight:800;padding:4px 8px}.makr-image-deck-style-preview{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));border-radius:7px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent),color-mix(in srgb,var(--panel-alt) 92%,#020617);padding:10px;animation:fadeIn var(--duration-fast) var(--ease-standard) both}.makr-image-deck-style-preview p{margin:4px 0 0;color:var(--text-muted);font-size:11px;line-height:1.35}.makr-image-deck-style-preview>button{width:28px;height:28px;border:1px solid color-mix(in srgb,var(--border) 76%,transparent);border-radius:999px;background:#ffffff0a;color:var(--text);cursor:pointer}.makr-style-preview-art{overflow:hidden;aspect-ratio:16 / 9;border-radius:10px;background:radial-gradient(circle at 24% 24%,rgba(147,197,253,.9),transparent 30%),linear-gradient(135deg,#061126,#0f766e 44%,#dbeafe)}.makr-style-preview-art.founder-pitch{background:linear-gradient(135deg,#061126 0 44%,#2563eb 44% 60%,#f8fafc 60%),radial-gradient(circle at 76% 22%,#93c5fd,transparent 28%)}.makr-style-preview-art.cinematic{background:radial-gradient(circle at 74% 28%,#f97316,transparent 20%),linear-gradient(150deg,#030712,#172554 48%,#020617)}.makr-style-preview-art.minimal{background:linear-gradient(90deg,#f8fafc 0 58%,#111827 58%),radial-gradient(circle at 28% 48%,#38bdf8,transparent 22%)}.makr-style-preview-art.surreal{background:radial-gradient(circle at 72% 22%,#e879f9,transparent 18%),radial-gradient(circle at 32% 62%,#22d3ee,transparent 20%),linear-gradient(145deg,#020617,#312e81 52%,#fb7185)}.makr-image-deck-style-grid small{min-height:28px;color:var(--text-muted);font-size:10px;line-height:1.35}.makr-image-deck-custom-style textarea{min-height:82px;resize:vertical}.makr-podcast-create-card{display:grid;gap:10px}.makr-podcast-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.makr-podcast-voice-card>div:last-child{display:inline-flex;justify-content:end;gap:8px}.makr-output-viewer{width:min(1180px,calc(100vw - 48px));height:min(820px,calc(100vh - 48px));display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--border));border-radius:18px;background:color-mix(in srgb,var(--panel) 94%,#050914);box-shadow:0 34px 100px #0000008f,inset 0 1px #ffffff0d;animation:modalIn var(--duration-med) var(--ease-standard) both}.makr-output-viewer.website{width:min(1440px,calc(100vw - 40px));height:min(940px,calc(100vh - 40px))}.makr-output-viewer.image-deck{width:min(1320px,calc(100vw - 40px));height:min(880px,calc(100vh - 40px))}.makr-output-viewer.document{width:min(980px,calc(100vw - 40px));height:min(900px,calc(100vh - 40px))}.makr-output-viewer.document.document-native-open{width:min(1440px,calc(100vw - 32px));height:min(940px,calc(100vh - 32px))}.makr-output-viewer.image-gallery{width:min(1120px,calc(100vw - 40px));height:min(860px,calc(100vh - 40px))}.makr-output-viewer header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding:12px 14px}.makr-output-viewer header>div:first-child{min-width:0;display:flex;align-items:center;gap:10px}.makr-output-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--accent) 22%,transparent);color:color-mix(in srgb,var(--accent) 82%,white)}.makr-output-viewer header strong,.makr-output-viewer header small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.makr-output-viewer header small{color:var(--text-muted);font-size:12px}.makr-output-actions{display:inline-flex;align-items:center;gap:8px}.makr-output-viewer.document .makr-output-actions{max-width:min(680px,100%);flex-wrap:wrap;justify-content:flex-end}.makr-output-actions a,.makr-output-actions button,.makr-slides-viewer footer button{border:1px solid var(--border);border-radius:10px;background:var(--panel-alt);color:var(--text);cursor:pointer;padding:8px 10px;text-decoration:none}.makr-output-actions button{width:36px;height:36px;display:grid;place-items:center;padding:0}.makr-output-actions button.makr-output-text-action{width:auto;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 10px}.makr-output-actions button.makr-output-primary-action{border-color:color-mix(in srgb,var(--accent) 48%,var(--border));background:color-mix(in srgb,var(--accent) 24%,var(--panel-alt));color:color-mix(in srgb,var(--accent) 86%,white)}.makr-output-actions button.recording{border-color:color-mix(in srgb,#ff453a 54%,var(--border));background:color-mix(in srgb,#ff453a 22%,var(--panel-alt));color:color-mix(in srgb,#ff453a 78%,white);box-shadow:0 0 0 4px color-mix(in srgb,#ff453a 10%,transparent)}.makr-output-actions button:disabled{cursor:default;opacity:.48}@media(max-width:760px){.makr-output-viewer header{align-items:flex-start}.makr-output-actions{flex-wrap:wrap;justify-content:flex-end}.makr-output-actions button.makr-output-text-action{padding:7px 9px;font-size:12px}}.makr-output-body,.makr-slides-viewer,.makr-slide-frame{min-width:0;min-height:0}.makr-output-body{position:relative;padding:12px;overflow:hidden}.makr-slide-frame{width:100%;height:100%;display:block;border:0;border-radius:12px;background:#fff}.makr-image-gallery-viewer{width:100%;height:100%;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px}.makr-image-gallery-stage{position:relative;min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:14px;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 52%),color-mix(in srgb,var(--panel-alt) 76%,#050914);cursor:pointer}.makr-image-gallery-stage img{max-width:100%;max-height:100%;display:block;object-fit:contain;border-radius:10px;box-shadow:0 18px 46px #0000005c}.makr-image-gallery-nav{position:absolute;top:50%;width:42px;height:64px;transform:translateY(-50%);border:1px solid color-mix(in srgb,var(--border) 66%,transparent);border-radius:12px;background:color-mix(in srgb,var(--panel) 74%,transparent);color:var(--text);cursor:pointer;font-size:30px;line-height:1;opacity:.82;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.makr-image-gallery-nav.previous{left:12px}.makr-image-gallery-nav.next{right:12px}.makr-image-gallery-nav:hover:not(:disabled),.makr-image-gallery-nav:focus-visible{opacity:1;transform:translateY(-50%) scale(1.03);border-color:color-mix(in srgb,var(--accent) 46%,var(--border));outline:none}.makr-image-gallery-nav:disabled{cursor:default;opacity:.24}.makr-image-gallery-footer{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--text-muted);font-size:12px}.makr-image-gallery-footer strong{min-width:0;overflow:hidden;color:var(--text);font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.makr-image-gallery-footer span{font-variant-numeric:tabular-nums;white-space:nowrap}.makr-website-viewer{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(125,169,255,.22);border-radius:14px;background:#fff;box-shadow:inset 0 1px #ffffff14}.makr-website-frame{width:100%;height:100%;display:block;border:0;background:#fff}.makr-document-viewer{width:100%;height:100%;overflow:auto;border:1px solid rgba(125,169,255,.18);border-radius:16px;background:radial-gradient(circle at 12% 0%,rgba(10,132,255,.08),transparent 34%),#f8fafc;color:#111827;padding:clamp(18px,3vw,36px)}.makr-output-viewer.document.document-native-open .makr-document-viewer{overflow:hidden;padding:10px}.makr-document-native-shell{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(15,23,42,.12);border-radius:16px;background:radial-gradient(circle at 50% 0%,rgba(10,132,255,.12),transparent 42%),#f5f5f7;box-shadow:inset 0 1px #ffffffb8;animation:fadeIn var(--duration-fast) var(--ease-standard) both}.makr-document-native-frame{width:100%;height:100%;display:block;border:0;border-radius:14px;background:#f5f5f7;opacity:1;transition:opacity var(--duration-med) var(--ease-standard)}.makr-document-native-frame.loading{opacity:0}.makr-document-native-loading{position:absolute;inset:0;z-index:2;display:grid;place-items:center;align-content:center;gap:10px;background:radial-gradient(circle at 50% 28%,rgba(10,132,255,.16),transparent 36%),#f5f5f7eb;color:#1d1d1f;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.makr-document-native-loading strong,.makr-document-native-loading span{display:block}.makr-document-native-loading strong{font-size:17px;line-height:1.2}.makr-document-native-loading span{max-width:320px;color:#1d1d1f9e;font-size:13px;line-height:1.45}.makr-document-page{width:min(760px,100%);min-height:100%;margin:0 auto;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:#ffffffeb;box-shadow:0 24px 70px #0f172a1f;padding:clamp(24px,4vw,52px);font:16px/1.72 -apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,sans-serif}.makr-document-page h1,.makr-document-page h2,.makr-document-page h3{margin:1.25em 0 .5em;line-height:1.12;letter-spacing:0;color:#0f172a}.makr-document-page h1{margin-top:0;font-size:clamp(34px,5vw,56px)}.makr-document-page h2{font-size:clamp(24px,3vw,34px)}.makr-document-page h3{font-size:21px}.makr-document-page p,.makr-document-page ul,.makr-document-page ol,.makr-document-page blockquote{margin:0 0 1.05em}.makr-document-page li+li{margin-top:.35em}.makr-document-page blockquote{border-left:4px solid #0a84ff;color:#475569;padding-left:16px}.makr-document-page code{border-radius:7px;background:#eef2ff;color:#1e3a8a;padding:2px 5px}.makr-document-page pre{overflow:auto;border-radius:13px;background:#0f172a;color:#e2e8f0;padding:16px}.makr-document-page pre code{background:transparent;color:inherit;padding:0}.makr-document-page a{color:#0a84ff}.makr-document-editor-panel{width:min(820px,100%);min-height:100%;margin:0 auto;display:grid;grid-template-rows:auto auto minmax(420px,1fr);overflow:hidden;border:1px solid rgba(15,23,42,.09);border-radius:24px;background:linear-gradient(180deg,#fffffffa,#f8fafcf5),#fffffff0;box-shadow:0 24px 70px #0f172a1f,inset 0 1px #ffffffeb}.makr-document-editor-status{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border-bottom:1px solid rgba(15,23,42,.08);padding:13px 15px;color:#64748b;font:12px/1.35 -apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,sans-serif}.makr-document-editor-status span{white-space:nowrap}.makr-document-editor-status span:first-child{color:#0f172a;font-weight:700}.makr-document-editor-toolbar{display:flex;align-items:center;gap:7px;overflow-x:auto;border-bottom:1px solid rgba(15,23,42,.08);padding:9px 11px;background:#f1f5f9b3;scrollbar-width:none}.makr-document-editor-toolbar::-webkit-scrollbar{display:none}.makr-document-editor-toolbar button{min-width:38px;border:1px solid rgba(15,23,42,.08);border-radius:999px;background:#ffffffe0;color:#0f172a;cursor:pointer;padding:7px 11px;font:700 12px/1 -apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,sans-serif;transition:transform var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.makr-document-editor-toolbar button:hover{transform:translateY(-1px);border-color:#0a84ff42;background:#fffffffa;box-shadow:0 6px 20px #0f172a14}.makr-document-textarea{width:100%;min-width:0;min-height:0;resize:none;border:0;outline:none;background:transparent;color:#0f172a;padding:clamp(20px,4vw,40px);font:15px/1.72 SF Mono,SFMono-Regular,ui-monospace,Menlo,Monaco,Consolas,monospace;letter-spacing:0}.makr-document-textarea::placeholder{color:#94a3b8}.makr-document-audio-link{display:grid;gap:9px;margin:14px 0;padding:14px;border:1px solid color-mix(in srgb,var(--accent) 18%,rgba(15,23,42,.1));border-radius:18px;background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 34%),color-mix(in srgb,var(--surface) 94%,rgba(255,255,255,.74));box-shadow:0 12px 34px #0f172a1a}.makr-document-audio-link>span{display:inline-flex;align-items:center;gap:8px;color:var(--text);font:700 13px/1.2 -apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,sans-serif}.makr-document-audio-link audio{width:min(100%,620px);min-height:38px}.makr-website-loading{position:absolute;inset:0;z-index:2;display:grid;place-items:center;align-content:center;gap:12px;background:radial-gradient(circle at 50% 20%,rgba(10,132,255,.22),transparent 34%),linear-gradient(180deg,#141d2df0,#080d1afa);color:var(--text);pointer-events:none;animation:fadeIn var(--duration-fast) var(--ease-standard) both}.makr-website-launch-icon{width:76px;height:76px;display:grid;place-items:center;border:1px solid rgba(125,169,255,.26);border-radius:24px;background:color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.04));color:color-mix(in srgb,var(--accent) 82%,white);box-shadow:0 20px 60px #0a84ff2e}.makr-website-loading strong,.makr-website-loading span{display:block}.makr-website-loading strong{font-size:22px;line-height:1.1}.makr-website-loading span{color:color-mix(in srgb,var(--accent) 72%,white);font-size:14px;font-weight:800}.makr-website-live-bar{position:absolute;right:12px;bottom:12px;z-index:3;display:inline-flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;max-width:min(640px,calc(100% - 24px));border:1px solid rgba(148,163,184,.28);border-radius:999px;background:#0c111fdb;box-shadow:0 16px 38px #00000047;color:var(--text-muted);padding:6px 7px 6px 12px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.makr-website-live-bar>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800}.makr-website-live-bar>div{display:inline-flex;align-items:center;gap:6px}.makr-website-live-bar a,.makr-website-live-bar button{border:1px solid rgba(156,163,175,.24);border-radius:999px;background:#ffffff0d;color:var(--text);cursor:pointer;padding:7px 10px;text-decoration:none;font:inherit;font-size:12px;font-weight:800;white-space:nowrap}.makr-website-live-bar a{border-color:color-mix(in srgb,var(--accent) 62%,rgba(255,255,255,.12));background:color-mix(in srgb,var(--accent) 72%,#ffffff 10%);color:#fff}.makr-slides-viewer{height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px}.makr-slides-viewer footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.makr-slides-viewer footer span{color:var(--text-muted);font-size:12px;font-weight:700}.makr-slides-viewer footer button:first-child{justify-self:end}.makr-slides-viewer footer button:disabled{cursor:not-allowed;opacity:.5}.makr-image-deck-editor{height:100%;min-width:0;min-height:0;display:grid;grid-template-columns:96px minmax(0,1fr) 300px;gap:12px}.makr-image-deck-filmstrip,.makr-image-deck-stage,.makr-image-deck-notes{min-width:0;min-height:0;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent),color-mix(in srgb,var(--panel-alt) 70%,transparent)}.makr-image-deck-filmstrip{display:flex;flex-direction:column;gap:8px;overflow:auto;padding:8px}.makr-image-deck-thumb{display:grid;gap:5px;cursor:grab;opacity:1;transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.makr-image-deck-thumb.dragging{cursor:grabbing;opacity:.56;transform:scale(.98)}.makr-image-deck-thumb.drop-target>button{border-color:color-mix(in srgb,var(--accent) 86%,var(--border));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent),0 16px 30px #0a84ff33}.makr-image-deck-thumb.draft>button{display:grid;place-items:center;border-style:dashed;border-color:color-mix(in srgb,var(--accent) 70%,var(--border));background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 68%),#0a84ff1f;color:var(--text)}.makr-image-deck-thumb>button{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:8px;background:#02061780;color:var(--text-muted);cursor:pointer;padding:0;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.makr-image-deck-thumb>button:hover,.makr-image-deck-thumb.active>button{border-color:color-mix(in srgb,var(--accent) 72%,var(--border));box-shadow:0 10px 24px #0a84ff29;transform:translateY(-1px)}.makr-image-deck-filmstrip img,.makr-image-deck-stage img{width:100%;height:100%;display:block;object-fit:contain}.makr-image-deck-thumb>button>span{position:absolute;left:5px;bottom:5px;display:grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:#040812b8;color:#fff;font-size:10px;font-weight:800;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.makr-image-deck-drag-handle{position:absolute;right:5px;bottom:5px;display:grid;place-items:center;min-width:24px;height:20px;border-radius:999px;background:#040812b8;color:#ffffffb8;font-size:13px;font-style:normal;font-weight:900;letter-spacing:-.12em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.makr-image-deck-add-slide{min-height:40px;border:1px dashed color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--accent) 10%,rgba(255,255,255,.035));color:var(--text);cursor:pointer;font:inherit;font-size:12px;font-weight:900;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.makr-image-deck-add-slide:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 76%,var(--border));background:color-mix(in srgb,var(--accent) 16%,rgba(255,255,255,.04));transform:translateY(-1px)}.makr-image-deck-add-slide:disabled{cursor:wait;opacity:.62}.makr-image-deck-stage{position:relative;display:grid;place-items:center;overflow:hidden;padding:12px;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 42%),#050914}.makr-image-deck-nav{position:absolute;top:50%;z-index:3;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#080d19c2;color:#fff;box-shadow:0 14px 34px #00000047;cursor:pointer;opacity:.94;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.makr-image-deck-nav.previous{left:14px;transform:translateY(-50%) rotate(90deg)}.makr-image-deck-nav.next{right:14px;transform:translateY(-50%) rotate(-90deg)}.makr-image-deck-nav:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 74%,rgba(255,255,255,.18));opacity:1}.makr-image-deck-nav.previous:hover:not(:disabled){transform:translateY(-50%) rotate(90deg) scale(1.06)}.makr-image-deck-nav.next:hover:not(:disabled){transform:translateY(-50%) rotate(-90deg) scale(1.06)}.makr-image-deck-nav:disabled{cursor:not-allowed;opacity:0;pointer-events:none}.makr-image-deck-version-menu{position:absolute;top:12px;right:12px;z-index:2;display:flex;gap:7px;padding:6px;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:999px;background:#080d19c7;box-shadow:0 14px 34px #00000047;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.makr-image-deck-version-menu button,.makr-image-deck-version-menu a,.makr-image-deck-version-menu select{height:30px;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:999px;background:#ffffff0f;color:var(--text);font:inherit;font-size:12px;font-weight:800}.makr-image-deck-version-menu button,.makr-image-deck-version-menu a{display:inline-flex;align-items:center;text-decoration:none;cursor:pointer;padding:0 11px}.makr-image-deck-version-menu select{max-width:150px;cursor:pointer;padding:0 28px 0 10px}.makr-image-deck-version-menu button:hover:not(:disabled),.makr-image-deck-version-menu a:hover,.makr-image-deck-version-menu select:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 58%,var(--border))}.makr-image-deck-version-menu button:disabled,.makr-image-deck-version-menu a[aria-disabled=true],.makr-image-deck-version-menu select:disabled{cursor:not-allowed;opacity:.55}.makr-image-deck-stage img{max-width:100%;max-height:100%;border-radius:10px;box-shadow:0 20px 70px #0000005c}.makr-image-deck-draft-slide{width:min(680px,86%);display:grid;gap:14px;justify-items:stretch;border:1px dashed color-mix(in srgb,var(--accent) 58%,var(--border));border-radius:22px;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 54%),#ffffff0b;box-shadow:0 24px 70px #00000047;padding:24px}.makr-image-deck-draft-slide>svg{justify-self:center;color:color-mix(in srgb,var(--accent) 80%,white)}.makr-image-deck-draft-slide strong{color:var(--text);font-size:20px;text-align:center}.makr-image-deck-draft-slide textarea{min-height:128px;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--border));border-radius:16px;background:#02061794;color:var(--text);font:inherit;line-height:1.45;outline:none;padding:13px;resize:vertical}.makr-image-deck-draft-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.makr-image-deck-draft-actions button,.makr-image-deck-draft-actions label{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:999px;background:#ffffff0e;color:var(--text);cursor:pointer;font:inherit;font-size:13px;font-weight:800;padding:0 12px}.makr-image-deck-draft-actions button.primary{margin-left:auto;border-color:color-mix(in srgb,var(--accent) 72%,var(--border));background:linear-gradient(160deg,var(--accent),var(--accent-2));color:#fff}.makr-image-deck-notes{display:flex;flex-direction:column;gap:12px;overflow:auto;padding:14px}.makr-image-deck-edit-grid{display:grid;gap:12px}.makr-image-deck-revision-panel{display:grid;gap:10px}.makr-image-deck-notes small,.makr-image-deck-sources span,.makr-image-deck-notes label>span{display:block;color:var(--text-muted);font-size:11px;font-weight:800;text-transform:uppercase}.makr-image-deck-notes strong{display:block;margin-top:4px;color:var(--text);font-size:17px;line-height:1.25}.makr-image-deck-notes p{margin:0;color:color-mix(in srgb,var(--text) 88%,var(--text-muted));font-size:13px;line-height:1.55}.makr-image-deck-panel,.makr-image-deck-context-chat,.makr-image-deck-details,.makr-image-deck-revision-panel{display:grid;gap:8px;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:12px;background:#ffffff09;padding:10px}.makr-image-deck-details{align-content:start}.makr-image-deck-details summary{cursor:pointer;color:var(--text);font-size:13px;font-weight:900}.makr-image-deck-panel.compact span,.makr-image-deck-context-chat span{display:block;color:var(--text-muted);font-size:11px;font-weight:800;text-transform:uppercase}.makr-image-deck-panel dl{display:grid;gap:6px;margin:0}.makr-image-deck-panel dt{color:var(--text-muted);font-size:10px;font-weight:900;text-transform:uppercase}.makr-image-deck-panel dd{margin:0;color:var(--text);font-size:12px;line-height:1.4}.makr-image-deck-sources{display:grid;gap:7px}.makr-image-deck-sources a{overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:8px;background:#ffffff09;color:color-mix(in srgb,var(--accent) 76%,white);font-size:12px;padding:7px 8px;text-overflow:ellipsis;text-decoration:none;white-space:nowrap}.makr-image-deck-notes label{display:grid;gap:7px}.makr-image-deck-model-select select{width:100%;border:1px solid color-mix(in srgb,var(--border) 85%,transparent);border-radius:10px;background:color-mix(in srgb,var(--panel-alt) 88%,#020617);color:var(--text);padding:10px}.makr-image-deck-model-select .makr-select>button{min-height:38px}.makr-image-deck-notes textarea{width:100%;min-height:120px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent),color-mix(in srgb,var(--panel-alt) 88%,#020617);color:var(--text);font:inherit;line-height:1.45;outline:none;padding:11px;resize:vertical}.makr-image-deck-notes textarea.makr-image-deck-add-notes{min-height:78px}.makr-image-deck-notes textarea:focus{border-color:color-mix(in srgb,var(--accent) 72%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.makr-image-deck-context-chat{position:relative;overflow:visible}.makr-image-deck-context-chat small{text-transform:none;font-weight:700}.makr-image-deck-chat-history{display:grid;gap:7px;max-height:190px;overflow:auto;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:11px;background:#02061752;padding:8px}.makr-image-deck-chat-history p{color:var(--text-muted);font-size:12px}.makr-image-deck-chat-message{width:fit-content;max-width:94%;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:12px;background:#ffffff0b;color:var(--text);font-size:12px;line-height:1.45;padding:8px 9px;white-space:pre-wrap}.makr-image-deck-chat-message.user{justify-self:end;background:color-mix(in srgb,var(--accent) 22%,rgba(255,255,255,.05))}.makr-image-deck-chat-message.assistant.streaming{position:relative;overflow:hidden}.makr-image-deck-chat-message.assistant.streaming:after{position:absolute;inset:0;content:"";transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:makr-shimmer 2.8s linear infinite}.makr-image-deck-chat-message.error{border-color:color-mix(in srgb,#fca5a5 55%,var(--border));color:#fecaca}@keyframes makr-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.makr-image-deck-context-chat textarea{min-height:74px}.makr-image-deck-context-chat button{justify-self:end;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--text);cursor:pointer;font-weight:800;padding:8px 12px}.makr-image-deck-context-chat button:disabled{cursor:not-allowed;opacity:.5}.makr-image-deck-chat-actions{display:flex;align-items:center;gap:8px}.makr-image-deck-chat-actions .makr-tool-pill,.makr-image-deck-chat-actions>button{min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(156,163,175,.28);border-radius:999px;background:#ffffff0b;color:#e5e7ebe0;cursor:pointer;font:inherit;font-size:13px;font-weight:800;padding:0 12px;transition:border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.makr-image-deck-chat-actions .makr-tool-pill:hover,.makr-image-deck-chat-actions>button:hover:not(:disabled){border-color:#d1d5db6b;background:#ffffff13;color:var(--text);transform:translateY(-1px)}.makr-image-deck-chat-actions .makr-tool-pill.active{color:#e5e7eb;background:#6b728080;border-color:#9ca3af70}.makr-image-deck-chat-actions .makr-tool-pill small{min-width:19px;height:19px;display:inline-grid;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--accent) 24%,rgba(255,255,255,.08));color:var(--text);font-size:10px;font-weight:900;line-height:1;text-transform:none}.makr-image-deck-chat-actions>button:last-child{margin-left:auto;border-radius:10px;background:color-mix(in srgb,var(--accent) 34%,rgba(255,255,255,.04))}.makr-image-deck-assets-backdrop{position:absolute;inset:0;z-index:28990;border:0;border-radius:14px;background:#02061747;cursor:default;padding:0}.makr-image-deck-assets-drawer.makr-assets-drawer{position:fixed;left:max(24px,calc(50vw - 420px));right:auto;bottom:32px;width:min(840px,calc(100vw - 48px));min-height:252px;max-height:min(720px,72vh);height:min(560px,72vh);z-index:29000;border-radius:16px}.makr-image-deck-context-chat .makr-image-deck-assets-drawer button{justify-self:auto}.makr-image-deck-context-chat .makr-image-deck-assets-drawer .makr-drawer-actions .ghost{min-height:30px;border:1px solid var(--border);border-radius:10px;background:var(--panel-alt);color:var(--text);font-size:12px;padding:7px 10px}.makr-image-deck-context-chat .makr-image-deck-assets-drawer .makr-drawer-actions .icon-only{width:30px;padding:0}.makr-image-deck-context-chat .makr-image-deck-assets-drawer .makr-asset-select{min-height:0;display:grid;grid-template-rows:76px auto auto;gap:4px;border:0;border-radius:0;background:transparent;color:inherit;text-align:left;padding:0}.makr-image-deck-context-chat .makr-image-deck-assets-drawer .makr-asset-add{width:28px;height:28px;display:inline-grid;place-items:center;border:1px solid var(--border);border-radius:999px;background:var(--panel-alt);color:var(--text);padding:0}.makr-image-deck-assets-drawer .makr-drawer-handle{cursor:default}.makr-image-deck-assets-drawer .makr-assets-controls{grid-template-columns:minmax(0,1fr) 78px}.makr-image-deck-assets-type{height:32px;display:grid;place-items:center;border:1px solid rgba(156,163,175,.22);border-radius:10px;background:#ffffff0a;color:var(--text-muted);font-size:12px;font-weight:800}.makr-image-deck-assets-drawer .makr-asset-grid{grid-template-columns:repeat(auto-fill,minmax(82px,1fr));grid-auto-rows:142px}.makr-image-deck-error{color:#fca5a5;font-size:12px;font-style:normal}.makr-image-deck-notice{color:#93c5fd;font-size:12px;font-style:normal}.makr-image-deck-notes button.primary{width:100%;border:1px solid color-mix(in srgb,var(--accent) 74%,var(--border));border-radius:10px;background:linear-gradient(160deg,var(--accent),var(--accent-2));color:#fff;cursor:pointer;font-weight:800;padding:10px 12px}.makr-image-deck-notes button.secondary,.makr-image-deck-notes a.secondary{width:100%;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:10px;background:#ffffff0e;color:var(--text);cursor:pointer;font-weight:800;padding:9px 12px}.makr-image-deck-notes a.secondary{display:block;box-sizing:border-box;font-size:13px;text-align:center;text-decoration:none}.makr-image-deck-notes button.secondary:hover:not(:disabled),.makr-image-deck-notes a.secondary:hover{border-color:color-mix(in srgb,var(--accent) 54%,var(--border));background:color-mix(in srgb,var(--accent) 12%,rgba(255,255,255,.055))}.makr-image-deck-notes button.secondary:disabled{cursor:wait;opacity:.55}.makr-image-deck-notes button.primary:disabled{cursor:not-allowed;opacity:.55}@media(max-width:1100px){.makr-image-deck-editor{grid-template-columns:82px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.makr-image-deck-notes{grid-column:1 / -1;max-height:320px}.makr-image-deck-edit-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);align-items:start}}@media(max-width:760px){.makr-image-deck-edit-grid{grid-template-columns:1fr}}.makr-output-viewer.sounds{width:min(820px,calc(100vw - 48px));height:min(760px,calc(100vh - 48px))}.makr-sounds-viewer{height:100%;min-width:0;min-height:0;display:flex;flex-direction:column;gap:10px;overflow:auto;padding-right:2px}.makr-sound-replace-panel{order:2;position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;align-items:center;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--border));border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel-alt) 94%,transparent),color-mix(in srgb,var(--panel) 96%,transparent));box-shadow:0 14px 34px #00000038;padding:12px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.makr-sound-replace-panel>div:first-child{min-width:0;display:grid;gap:4px}.makr-sound-replace-panel small,.makr-sound-replace-panel p,.makr-sound-replace-panel label span{color:var(--text-muted);font-size:11px}.makr-sound-replace-panel strong{overflow:hidden;color:var(--text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.makr-sound-replace-panel p{margin:0;line-height:1.35}.makr-sound-replace-panel>div:first-child>span{display:flex;flex-wrap:wrap;gap:5px}.makr-sound-replace-panel em{border:1px solid color-mix(in srgb,var(--accent) 26%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--accent) 11%,transparent);color:var(--text-muted);font-size:10px;font-style:normal;padding:3px 7px}.makr-sound-replace-panel fieldset{display:flex;flex-wrap:wrap;gap:7px;border:0;margin:0;padding:0}.makr-sound-replace-panel fieldset label{display:inline-flex;align-items:center;gap:5px;border:1px solid color-mix(in srgb,var(--border) 74%,transparent);border-radius:999px;background:color-mix(in srgb,var(--panel) 72%,transparent);color:var(--text);cursor:pointer;font-size:11px;padding:6px 8px}.makr-sound-replace-panel input{accent-color:var(--accent)}.makr-sound-tolerance-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.makr-sound-tolerance-grid label{min-width:0;display:grid;gap:4px}.makr-sound-tolerance-grid select{width:100%;min-width:0;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--panel) 84%,transparent);color:var(--text);padding:7px 9px}.makr-sound-replace-panel>button{border:1px solid color-mix(in srgb,var(--accent) 52%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--accent) 18%,var(--panel-alt));color:var(--text);cursor:pointer;font:inherit;font-size:12px;font-weight:800;padding:8px 12px;white-space:nowrap}.makr-sound-replace-panel>button:disabled{cursor:not-allowed;opacity:.5}.makr-sound-replace-panel>button.secondary{border-color:color-mix(in srgb,var(--border) 82%,transparent);background:color-mix(in srgb,var(--panel) 72%,transparent)}.makr-sound-browser-toolbar{order:1;position:sticky;top:0;z-index:3;display:grid;grid-template-columns:minmax(180px,1fr) minmax(138px,auto) auto;gap:8px;align-items:center;border:1px solid rgba(148,163,184,.2);border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel-alt) 96%,transparent),color-mix(in srgb,var(--panel) 98%,transparent));box-shadow:0 12px 28px #0000002e;padding:8px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.makr-sound-browser-toolbar label{min-width:0;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--panel) 78%,transparent);color:var(--text-muted);padding:7px 10px}.makr-sound-browser-toolbar input,.makr-sound-browser-toolbar select{width:100%;min-width:0;border:0;background:transparent;color:var(--text);font:inherit;font-size:12px;outline:0}.makr-sound-browser-toolbar select{border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--panel) 78%,transparent);padding:8px 10px}.makr-sound-browser-toolbar .makr-select{width:160px;flex:0 0 auto}.makr-sound-browser-toolbar .makr-select>button{min-height:34px;border-radius:999px}.makr-sound-browser-toolbar span{color:var(--text-muted);font-size:11px;font-weight:800;text-align:right;white-space:nowrap}.makr-sound-row{order:3;min-height:88px;display:grid;grid-template-columns:52px minmax(0,1fr) 166px;align-items:center;gap:10px;border:1px solid rgba(148,163,184,.18);border-radius:14px;background:color-mix(in srgb,var(--panel-alt) 76%,rgba(255,255,255,.03));padding:10px}.makr-sound-cover-button{position:relative;width:52px;height:52px;border:0;border-radius:12px;background:transparent;color:#fff;cursor:pointer;padding:0}.makr-sound-cover-button>span:last-child{position:absolute;inset:0;display:grid;place-items:center;border-radius:inherit;background:#03071261;opacity:0;transition:opacity var(--duration-fast) var(--ease-standard)}.makr-sound-cover-button:hover>span:last-child,.makr-sound-row.auditioning .makr-sound-cover-button>span:last-child{opacity:1}.makr-sound-row.auditioning{border-color:color-mix(in srgb,var(--accent) 62%,var(--border));background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 16%,transparent),transparent 62%),color-mix(in srgb,var(--panel-alt) 82%,rgba(255,255,255,.03))}.makr-sound-row.best-match{border-color:color-mix(in srgb,var(--accent) 54%,var(--border));background:color-mix(in srgb,var(--accent) 13%,var(--panel-alt));box-shadow:inset 3px 0 0 var(--accent)}.makr-sound-row.off-match{opacity:.74}.makr-sound-row img,.makr-sound-cover{width:52px;height:52px;border-radius:12px;object-fit:cover}.makr-sound-cover{display:grid;place-items:center;border:1px solid rgba(125,169,255,.2);background:color-mix(in srgb,var(--accent) 14%,rgba(255,255,255,.04));color:color-mix(in srgb,var(--accent) 80%,white)}.makr-sound-row>div{min-width:0;display:grid;gap:4px}.makr-sound-row strong,.makr-sound-row small,.makr-sound-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.makr-sound-row small,.makr-sound-row span{color:var(--text-muted);font-size:12px}.makr-sound-audition-audio{display:none}.makr-sound-audition-strip{width:fit-content;max-width:100%;display:inline-flex!important;align-items:center;gap:6px;border:1px solid color-mix(in srgb,var(--border) 74%,transparent);border-radius:999px;background:linear-gradient(180deg,#ffffff0b,#ffffff03),color-mix(in srgb,var(--panel) 84%,transparent);color:var(--text-muted)!important;font-size:10px!important;font-weight:800;line-height:1;padding:5px 8px}.makr-sound-audition-strip i{width:6px;height:6px;flex:0 0 auto;border-radius:999px;background:#94a3b88c}.makr-sound-row.auditioning .makr-sound-audition-strip{border-color:color-mix(in srgb,var(--accent) 48%,var(--border));background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 18%,transparent),#ffffff0a,color-mix(in srgb,var(--accent) 12%,transparent)),color-mix(in srgb,var(--panel) 90%,transparent);color:var(--text)!important}.makr-sound-row.auditioning .makr-sound-audition-strip i{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}.makr-sound-match-label{color:color-mix(in srgb,var(--accent) 82%,white);font-size:11px;font-style:normal;font-weight:800}.makr-sound-actions{display:grid;gap:6px;width:auto;grid-template-columns:repeat(4,34px);justify-content:end;justify-items:center}.makr-sound-actions>button{width:34px;height:34px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 44%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--accent) 16%,var(--panel-alt));color:var(--text);cursor:pointer;padding:0;font:inherit;font-size:12px;font-weight:800;text-align:center}.makr-sound-actions>button:first-child:not(:last-child){border-color:#94a3b84d;background:color-mix(in srgb,var(--text) 9%,transparent)}.makr-sound-actions>button.listen{border-color:color-mix(in srgb,var(--accent) 28%,var(--border));background:color-mix(in srgb,var(--panel) 78%,transparent)}.makr-output-empty{height:100%;display:grid;place-items:center;align-content:center;gap:8px;color:var(--text-muted);text-align:center}.makr-output-empty strong{color:var(--text)}.makr-output-empty span{max-width:34ch;line-height:1.45}.makr-output-empty.compact{min-height:220px;height:auto;border:1px dashed rgba(148,163,184,.22);border-radius:16px;background:color-mix(in srgb,var(--panel-alt) 62%,transparent)}@media(max-width:720px){.makr-sound-browser-toolbar{grid-template-columns:minmax(0,1fr)}.makr-sound-browser-toolbar span{text-align:left}.makr-sound-row{grid-template-columns:48px minmax(0,1fr)}.makr-sound-actions{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}}@media(max-width:720px){.layout.mobile-phone.makr-mode{grid-template-columns:minmax(0,1fr);padding:10px 10px 76px}.layout.mobile-phone.makr-mode .panel.left.makr-mobile-panel{position:fixed;inset:auto 8px 76px;width:auto;height:var(--mobile-drawer-height, 340px);max-height:calc(100dvh - 162px);border-radius:18px 18px 0 0;transform:translateY(calc(100% + 16px));transition:transform var(--duration-med) var(--ease-standard);z-index:55;overflow:hidden}.layout.mobile-phone.makr-mode.tab-bin .panel.left.makr-mobile-panel,.layout.mobile-phone.makr-mode.tab-generators .panel.left.makr-mobile-panel{transform:translateY(0)}.layout.mobile-phone.makr-mode .panel.right.mobile-drawer{bottom:76px;max-height:calc(100dvh - 162px);z-index:56}.layout.mobile-phone.makr-mode .makr-chat-tab{padding-bottom:0}.layout.mobile-phone.makr-mode .makr-segmented{align-self:start;width:100%;height:30px;min-height:30px;max-height:30px;align-items:center;gap:2px;padding:2px;border-radius:10px;overflow:hidden}.layout.mobile-phone.makr-mode .makr-segmented button{height:24px;min-height:24px;max-height:24px;border-radius:8px;font-size:12px;line-height:1;align-self:center}.layout.mobile-phone.makr-mode .makr-chat-form{margin-bottom:24px}.layout.mobile-phone.makr-mode .makr-composer-actions{gap:5px;min-width:0;flex-wrap:nowrap}.layout.mobile-phone.makr-mode .makr-chat-form .makr-tool-button,.layout.mobile-phone.makr-mode .makr-chat-form .makr-tool-pill{height:34px;min-width:34px;padding:0 9px}.layout.mobile-phone.makr-mode .makr-chat-form .makr-tool-button{width:34px;padding:0}.layout.mobile-phone.makr-mode .makr-chat-form .makr-tool-button-group{min-width:62px;gap:5px;padding:0 8px}.layout.mobile-phone.makr-mode .makr-chat-form .makr-tool-button-models{min-width:78px}.layout.mobile-phone.makr-mode .makr-chat-form .makr-tool-button-sounds{min-width:58px}.layout.mobile-phone.makr-mode .makr-chat-form .makr-send-button{width:36px;height:36px}.layout.mobile-phone.makr-mode .center{position:relative;z-index:1}.makr-mobile-bottom-nav{grid-template-columns:repeat(3,minmax(0,1fr));z-index:70}.makr-mobile-bottom-nav button{min-height:44px;font-weight:800}.makr-mobile-bottom-nav button svg{flex:0 0 auto}.makr-mobile-drawer-scrim{position:fixed;inset:0;z-index:50;border:0;background:linear-gradient(180deg,transparent 18%,rgba(2,6,23,.26) 100%);cursor:pointer;padding:0;animation:makr-mobile-scrim-in .18s var(--ease-standard) both}@keyframes makr-mobile-scrim-in{0%{opacity:0}to{opacity:1}}}@media(max-width:720px){.layout.mobile-phone.makr-mode{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr);align-items:stretch;overflow:hidden;max-width:100vw;overflow-x:clip}.layout.mobile-phone.makr-mode.tab-bin,.layout.mobile-phone.makr-mode.tab-inspector{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(82px,1fr) minmax(0,min(var(--mobile-drawer-height, 87.5dvh),calc(100dvh - 112px)))}.layout.mobile-phone.makr-mode.tab-assets{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(180px,1fr) minmax(240px,min(var(--mobile-drawer-height, 40dvh),calc(100dvh - 112px)))}.layout.mobile-phone.makr-mode .panel.left.makr-mobile-panel,.layout.mobile-phone.makr-mode .panel.right.mobile-drawer{position:relative!important;inset:auto!important;width:auto!important;max-width:100%;box-sizing:border-box;height:auto!important;max-height:none!important;min-height:0;border-radius:18px;transform:none!important;z-index:2;overflow:hidden}.layout.mobile-phone.makr-mode .panel.left.makr-mobile-panel{display:none!important;grid-column:1;grid-row:2;min-width:0}.layout.mobile-phone.makr-mode.tab-bin .panel.left.makr-mobile-panel,.layout.mobile-phone.makr-mode.tab-assets .panel.left.makr-mobile-panel{display:flex!important}.layout.mobile-phone.makr-mode.tab-bin .panel.left.makr-mobile-panel,.layout.mobile-phone.makr-mode.tab-bin .panel.left.makr-mobile-panel .makr-panel-shell,.layout.mobile-phone.makr-mode.tab-bin .panel.left.makr-mobile-panel .makr-chat-tab{overflow:visible}.app.makr-mode.left-closed .layout.mobile-phone.makr-mode.tab-bin .panel.left>.makr-panel-shell,.app.makr-mode.left-closed .layout.mobile-phone.makr-mode.tab-assets .panel.left>.makr-panel-shell{display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto}.layout.mobile-phone.makr-mode.tab-bin .makr-chat-tab,.layout.mobile-phone.makr-mode.tab-assets .makr-chat-tab{display:flex!important;min-height:120px;height:auto}.layout.mobile-phone.makr-mode.tab-bin .makr-message-list,.layout.mobile-phone.makr-mode.tab-assets .makr-message-list{min-height:80px;padding-bottom:28px;scroll-padding-bottom:180px}.app.makr-mode.left-closed .layout.mobile-phone.makr-mode.tab-assets .panel.left .makr-assets-drawer{display:flex!important}.layout.mobile-phone.makr-mode .panel.left.makr-mobile-panel.assets-active .makr-panel-shell{display:grid!important;grid-template-rows:auto minmax(0,1fr);padding:8px}.layout.mobile-phone.makr-mode .panel.left.makr-mobile-panel.assets-active .makr-assets-standalone{min-height:0;align-items:start}.layout.mobile-phone.makr-mode .panel.left.makr-mobile-panel.assets-active .makr-assets-drawer.inline{align-self:stretch;width:calc(100% - 80px)!important;min-width:0;max-width:100%!important;margin-inline:40px;box-sizing:border-box}.layout.mobile-phone.makr-mode .panel.right.mobile-drawer{display:none!important;grid-column:1;grid-row:2;padding:10px}.layout.mobile-phone.makr-mode.tab-inspector .panel.right.mobile-drawer{display:flex!important}.layout.mobile-phone.makr-mode .center{grid-column:1;grid-row:1;min-width:0;min-height:0;position:relative;z-index:1}.layout.mobile-phone.makr-mode.tab-bin .center,.layout.mobile-phone.makr-mode.tab-assets .center,.layout.mobile-phone.makr-mode.tab-inspector .center{grid-column:1;grid-row:1}.layout.mobile-phone.makr-mode.tab-bin .preview-card,.layout.mobile-phone.makr-mode.tab-assets .preview-card,.layout.mobile-phone.makr-mode.tab-inspector .preview-card{min-height:72px}.layout.mobile-phone.makr-mode.tab-assets .preview-card{min-height:60px}.layout.mobile-phone.makr-mode.tab-bin .transport,.layout.mobile-phone.makr-mode.tab-assets .transport,.layout.mobile-phone.makr-mode.tab-inspector .transport{min-height:42px}.layout.mobile-phone.makr-mode.tab-bin .timeline,.layout.mobile-phone.makr-mode.tab-assets .timeline,.layout.mobile-phone.makr-mode.tab-inspector .timeline{min-height:96px}.layout.mobile-phone.makr-mode.tab-assets .timeline{min-height:132px}.layout.mobile-phone.makr-mode.tab-timeline .center{grid-column:1}.layout.mobile-phone.makr-mode .panel-reopen{display:none}.layout.mobile-phone.makr-mode .mobile-drawer-resizer{display:grid;flex:0 0 auto;margin:-2px 0 2px}.layout.mobile-phone.makr-mode .makr-panel-shell{border-radius:18px;min-width:0;max-width:100%;box-sizing:border-box}.layout.mobile-phone.makr-mode .makr-native-link{width:34px;height:34px}.makr-mobile-bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}.layout.mobile-phone.makr-mode .makr-model-tool-panel,.layout.mobile-phone.makr-mode .makr-sound-tool-panel{left:0!important;right:0!important;width:auto!important;max-width:none;max-height:min(58dvh,480px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.layout.mobile-phone.makr-mode .makr-assets-drawer.floating,.makr-assets-drawer.floating{left:42px!important;right:42px!important;width:auto!important;min-width:0;max-width:none!important;box-sizing:border-box}.layout.mobile-phone.makr-mode .makr-model-selector-grid{gap:7px}.layout.mobile-phone.makr-mode .makr-model-selector-grid label{grid-template-columns:minmax(0,1fr);gap:5px}.layout.mobile-phone.makr-mode .makr-model-selector-grid select{min-height:38px}.layout.mobile-phone.makr-mode .makr-tool-panel-head{display:grid;gap:2px;align-items:flex-start}.layout.mobile-phone.makr-mode .makr-tool-panel-head small{display:block;line-height:1.25}.layout.mobile-phone.makr-mode .makr-add-type-strip{padding:7px}.layout.mobile-phone.makr-mode .makr-add-type-strip>div{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.layout.mobile-phone.makr-mode .makr-add-type-strip>div::-webkit-scrollbar{display:none}.layout.mobile-phone.makr-mode .makr-add-type-strip button{flex:0 0 auto}.layout.mobile-phone.makr-mode .makr-agent-flow-grid{grid-template-columns:1fr}}@media(max-width:720px){.layout.mobile-phone.makr-mode.tab-bin .panel.left.makr-mobile-panel,.layout.mobile-phone.makr-mode.tab-bin .panel.left.makr-mobile-panel .makr-panel-shell,.layout.mobile-phone.makr-mode.tab-bin .panel.left.makr-mobile-panel .makr-chat-tab{overflow:hidden!important}.layout.mobile-phone.makr-mode.tab-bin .panel.left.makr-mobile-panel .makr-panel-shell{display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto;min-height:0;height:100%}.layout.mobile-phone.makr-mode.tab-bin .panel.left.makr-mobile-panel .makr-chat-tab{display:flex!important;min-height:0;height:auto}.layout.mobile-phone.makr-mode.tab-bin .makr-message-list{min-height:0;overflow-y:auto;padding-bottom:18px;scroll-padding-bottom:28px}.layout.mobile-phone.makr-mode.tab-bin .makr-composer-zone{position:relative;z-index:120;flex:0 0 auto;margin-top:auto;padding-top:8px;overflow:visible;background:linear-gradient(180deg,#0f172a00,color-mix(in srgb,var(--panel) 94%,transparent) 30%),color-mix(in srgb,var(--panel) 72%,transparent)}.layout.mobile-phone.makr-mode.tab-bin .makr-composer-zone.has-active-tool{display:grid;grid-template-rows:auto minmax(0,auto) auto}.layout.mobile-phone.makr-mode .makr-tool-panel{position:relative!important;inset:auto 0!important;width:auto!important;max-width:none!important;max-height:min(38dvh,360px)!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;z-index:130}.layout.mobile-phone.makr-mode .makr-model-tool-panel,.layout.mobile-phone.makr-mode .makr-sound-tool-panel{max-height:min(40dvh,380px)!important}.layout.mobile-phone.makr-mode .makr-model-selector-grid select{min-height:36px;font-size:13px}}@media(max-width:980px){.app.makr-mode .panel.left.makr-mobile-panel .makr-composer-zone.has-active-tool .makr-tool-panel{position:relative!important;inset:auto 0!important;width:100%!important;max-width:none!important;max-height:min(42dvh,420px)!important;overflow-x:hidden!important;overflow-y:auto!important;z-index:130}}.layout.mobile-phone.makr-mode .panel.left.makr-mobile-panel .makr-panel-shell{display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;min-height:0;min-width:0;overflow:hidden!important}.layout.mobile-phone.makr-mode .makr-panel-header{flex:0 0 auto}.layout.mobile-phone.makr-mode .makr-panel-header strong{font-size:18px}.layout.mobile-phone.makr-mode .makr-panel-header span{font-size:13px;line-height:1.35}.layout.mobile-phone.makr-mode .makr-segmented{width:100%;min-height:34px;height:34px;max-height:34px;align-items:center;gap:3px;padding:3px;border-radius:12px;overflow:hidden}.layout.mobile-phone.makr-mode .makr-segmented button{min-height:26px;height:26px;max-height:26px;border-radius:9px;font-size:13px;line-height:1}.layout.mobile-phone.makr-mode .makr-chat-tab{display:flex!important;min-height:0;height:auto;overflow:hidden!important}.layout.mobile-phone.makr-mode .makr-message-list{min-height:0;overflow-y:auto;padding-bottom:20px;scroll-padding-bottom:30px}.layout.mobile-phone.makr-mode .makr-composer-zone{position:relative;z-index:120;flex:0 0 auto;min-height:0;margin-top:auto;padding-top:8px;overflow:visible;background:linear-gradient(180deg,#0f172a00,color-mix(in srgb,var(--panel) 94%,transparent) 30%),color-mix(in srgb,var(--panel) 72%,transparent)}.layout.mobile-phone.makr-mode .makr-composer-zone.has-active-tool{display:flex;flex-direction:column;justify-content:flex-end;align-content:stretch}.layout.mobile-phone.makr-mode .makr-composer-zone .makr-task-strip{order:1}.layout.mobile-phone.makr-mode .makr-tool-panel{order:2;position:static!important;inset:auto!important;width:100%!important;max-width:none!important;max-height:min(46dvh,520px)!important;box-sizing:border-box;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;z-index:130}.layout.mobile-phone.makr-mode .makr-model-tool-panel,.layout.mobile-phone.makr-mode .makr-sound-tool-panel{max-height:min(50dvh,560px)!important}.layout.mobile-phone.makr-mode .makr-chat-form{order:3}.layout.mobile-phone.makr-mode .makr-model-selector-grid{gap:8px}.layout.mobile-phone.makr-mode .makr-model-selector-grid label{grid-template-columns:minmax(0,1fr);gap:5px}.layout.mobile-phone.makr-mode .makr-model-selector-grid label>span{min-height:auto;line-height:1.2}.layout.mobile-phone.makr-mode .makr-model-selector-grid select{min-height:40px;max-width:100%;font-size:14px;line-height:1.2;padding-right:34px;text-overflow:ellipsis}.layout.mobile-phone.makr-mode .makr-agent-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.layout.mobile-phone.makr-mode .makr-agent-flow-grid button{min-height:44px;border-radius:12px;font-size:15px;line-height:1.1;padding:8px 10px}.layout.mobile-phone.makr-mode .makr-tool-panel-head{display:grid;gap:3px;align-items:flex-start}.layout.mobile-phone.makr-mode .makr-tool-panel-head small{display:block;line-height:1.28}.layout.mobile-phone.makr-mode .makr-chat-form{gap:10px;border-radius:17px;padding:12px}.layout.mobile-phone.makr-mode .makr-chat-form textarea{min-height:54px;max-height:128px;font-size:16px}.layout.mobile-phone.makr-mode .makr-composer-actions{min-width:0;gap:8px;flex-wrap:nowrap}.layout.mobile-phone.makr-mode .makr-chat-form .makr-tool-button,.layout.mobile-phone.makr-mode .makr-chat-form .makr-tool-pill{height:40px;min-width:40px;padding:0 10px}.layout.mobile-phone.makr-mode .makr-chat-form .makr-tool-button{width:40px;padding:0}.layout.mobile-phone.makr-mode .makr-chat-form .makr-tool-button-group{width:auto;min-width:78px;gap:7px;padding:0 10px}.layout.mobile-phone.makr-mode .makr-chat-form .makr-tool-button-models{min-width:96px}.layout.mobile-phone.makr-mode .makr-chat-form .makr-tool-button-sounds{min-width:72px}.layout.mobile-phone.makr-mode .makr-chat-form .makr-send-button{width:42px;height:42px}.layout.mobile-phone.makr-mode.tab-assets{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(180px,1fr) minmax(240px,min(var(--mobile-drawer-height, 40dvh),calc(100dvh - 112px)))}.layout.mobile-phone.makr-mode .panel.left.makr-mobile-panel.assets-active .makr-panel-shell{grid-template-rows:auto minmax(0,1fr);padding:8px}.layout.mobile-phone.makr-mode .panel.left.makr-mobile-panel.assets-active .makr-assets-drawer.inline{width:calc(100% - 80px)!important;min-width:0;max-width:100%!important;margin-inline:40px}@media(max-width:520px){.layout.mobile-phone.makr-mode .makr-composer-actions{gap:6px}.layout.mobile-phone.makr-mode .makr-chat-form .makr-tool-button,.layout.mobile-phone.makr-mode .makr-chat-form .makr-tool-pill{height:36px;min-width:36px}.layout.mobile-phone.makr-mode .makr-chat-form .makr-tool-button{width:36px}.layout.mobile-phone.makr-mode .makr-chat-form .makr-tool-button-group{min-width:68px;gap:5px;padding:0 8px}.layout.mobile-phone.makr-mode .makr-chat-form .makr-tool-button-models{min-width:82px}.layout.mobile-phone.makr-mode .makr-chat-form .makr-tool-button-sounds{min-width:62px}}.app.makr-mode .layout.mobile-phone .panel.left.makr-mobile-panel .makr-composer-zone,.app.makr-mode .layout:not(.mobile-phone) .panel.left.makr-mobile-panel .makr-composer-zone{position:relative;z-index:140;margin-top:auto;overflow:visible}.app.makr-mode .layout.mobile-phone .panel.left.makr-mobile-panel .makr-composer-zone.has-active-tool,.app.makr-mode .layout:not(.mobile-phone) .panel.left.makr-mobile-panel .makr-composer-zone.has-active-tool{display:flex!important;flex-direction:column;justify-content:flex-end;align-content:stretch}.app.makr-mode .layout.mobile-phone .panel.left.makr-mobile-panel .makr-composer-zone .makr-task-strip,.app.makr-mode .layout:not(.mobile-phone) .panel.left.makr-mobile-panel .makr-composer-zone .makr-task-strip{order:1}.app.makr-mode .layout.mobile-phone .panel.left.makr-mobile-panel .makr-composer-zone .makr-tool-panel,.app.makr-mode .layout:not(.mobile-phone) .panel.left.makr-mobile-panel .makr-composer-zone .makr-tool-panel{order:2;position:static!important;inset:auto!important;width:100%!important;max-width:none!important;box-sizing:border-box;overflow-x:hidden!important;overflow-y:auto!important}.app.makr-mode .layout.mobile-phone .panel.left.makr-mobile-panel .makr-composer-zone .makr-chat-form,.app.makr-mode .layout:not(.mobile-phone) .panel.left.makr-mobile-panel .makr-composer-zone .makr-chat-form{order:3}.app.makr-mode .layout.mobile-phone .panel.left.makr-mobile-panel .makr-composer-zone .makr-model-tool-panel,.app.makr-mode .layout.mobile-phone .panel.left.makr-mobile-panel .makr-composer-zone .makr-sound-tool-panel{max-height:min(50dvh,620px)!important}.app.makr-mode .layout:not(.mobile-phone) .panel.left.makr-mobile-panel .makr-composer-zone .makr-model-tool-panel,.app.makr-mode .layout:not(.mobile-phone) .panel.left.makr-mobile-panel .makr-composer-zone .makr-sound-tool-panel{max-height:min(56dvh,680px)!important}.app.makr-mode .layout.mobile-phone .panel.left.makr-mobile-panel.chat-active .makr-panel-shell,.layout.mobile-phone.makr-mode .panel.left.makr-mobile-panel.chat-active .makr-panel-shell{display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto!important;height:100%!important;min-height:0!important;overflow:hidden!important}.app.makr-mode .layout.mobile-phone .panel.left.makr-mobile-panel.chat-active .makr-chat-tab,.layout.mobile-phone.makr-mode .panel.left.makr-mobile-panel.chat-active .makr-chat-tab,.app.makr-mode .layout:not(.mobile-phone) .panel.left.makr-mobile-panel.chat-active .makr-chat-tab{min-height:0!important;overflow:hidden!important}.app.makr-mode .layout.mobile-phone .panel.left.makr-mobile-panel.chat-active .makr-message-list,.layout.mobile-phone.makr-mode .panel.left.makr-mobile-panel.chat-active .makr-message-list,.app.makr-mode .layout:not(.mobile-phone) .panel.left.makr-mobile-panel.chat-active .makr-message-list{min-height:0!important;overflow-y:auto!important;padding-bottom:14px!important;scroll-padding-bottom:22px!important}.app.makr-mode .layout.mobile-phone .panel.left.makr-mobile-panel.chat-active .makr-composer-zone,.layout.mobile-phone.makr-mode .panel.left.makr-mobile-panel.chat-active .makr-composer-zone,.app.makr-mode .layout:not(.mobile-phone) .panel.left.makr-mobile-panel.chat-active .makr-composer-zone{align-self:stretch!important;flex:0 0 auto!important;min-height:0!important;max-height:min(62dvh,700px)!important;margin-top:0!important;overflow:visible!important}.app.makr-mode .layout.mobile-phone .panel.left.makr-mobile-panel.chat-active .makr-composer-zone.has-active-tool,.layout.mobile-phone.makr-mode .panel.left.makr-mobile-panel.chat-active .makr-composer-zone.has-active-tool,.app.makr-mode .layout:not(.mobile-phone) .panel.left.makr-mobile-panel.chat-active .makr-composer-zone.has-active-tool{display:flex!important;flex-direction:column!important;justify-content:flex-end!important;max-height:min(64dvh,720px)!important}.app.makr-mode .layout.mobile-phone .panel.left.makr-mobile-panel.chat-active .makr-composer-zone .makr-task-strip,.layout.mobile-phone.makr-mode .panel.left.makr-mobile-panel.chat-active .makr-composer-zone .makr-task-strip,.app.makr-mode .layout:not(.mobile-phone) .panel.left.makr-mobile-panel.chat-active .makr-composer-zone .makr-task-strip{order:1!important;flex:0 0 auto!important}.app.makr-mode .layout.mobile-phone .panel.left.makr-mobile-panel.chat-active .makr-composer-zone .makr-tool-panel,.layout.mobile-phone.makr-mode .panel.left.makr-mobile-panel.chat-active .makr-composer-zone .makr-tool-panel,.app.makr-mode .layout:not(.mobile-phone) .panel.left.makr-mobile-panel.chat-active .makr-composer-zone .makr-tool-panel{order:2!important;flex:0 1 auto!important;position:static!important;inset:auto!important;width:100%!important;max-width:none!important;min-height:0!important;box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain}.app.makr-mode .layout.mobile-phone .panel.left.makr-mobile-panel.chat-active .makr-composer-zone .makr-chat-form,.layout.mobile-phone.makr-mode .panel.left.makr-mobile-panel.chat-active .makr-composer-zone .makr-chat-form,.app.makr-mode .layout:not(.mobile-phone) .panel.left.makr-mobile-panel.chat-active .makr-composer-zone .makr-chat-form{order:3!important;flex:0 0 auto!important}.app.makr-mode .layout.mobile-phone .panel.left.makr-mobile-panel.chat-active .makr-composer-zone .makr-composer-actions,.layout.mobile-phone.makr-mode .panel.left.makr-mobile-panel.chat-active .makr-composer-zone .makr-composer-actions{max-width:100%!important;flex-wrap:wrap!important;justify-content:flex-start!important;overflow:visible!important}.app.makr-mode .layout.mobile-phone .panel.left.makr-mobile-panel.chat-active .makr-composer-zone .makr-chat-form .makr-send-button,.layout.mobile-phone.makr-mode .panel.left.makr-mobile-panel.chat-active .makr-composer-zone .makr-chat-form .makr-send-button{flex:0 0 42px!important;margin-left:auto!important}.app.makr-mode .layout.mobile-phone .panel.left.makr-mobile-panel.chat-active .makr-composer-zone .makr-model-tool-panel,.layout.mobile-phone.makr-mode .panel.left.makr-mobile-panel.chat-active .makr-composer-zone .makr-model-tool-panel,.app.makr-mode .layout.mobile-phone .panel.left.makr-mobile-panel.chat-active .makr-composer-zone .makr-sound-tool-panel,.layout.mobile-phone.makr-mode .panel.left.makr-mobile-panel.chat-active .makr-composer-zone .makr-sound-tool-panel{max-height:min(32dvh,380px)!important}.app.makr-mode .layout:not(.mobile-phone) .panel.left.makr-mobile-panel.chat-active .makr-composer-zone .makr-model-tool-panel,.app.makr-mode .layout:not(.mobile-phone) .panel.left.makr-mobile-panel.chat-active .makr-composer-zone .makr-sound-tool-panel{max-height:min(30dvh,320px)!important}.makr-chat-tab.sound-browser-active{display:flex!important;min-height:0!important;overflow:hidden!important}.makr-sound-browser-desk{flex:1 1 auto;min-width:0;min-height:0;display:flex;overflow:hidden;animation:makrMessageIn .18s var(--ease-standard)}.app.makr-mode .layout.mobile-phone .panel.left.makr-mobile-panel .makr-sound-browser-desk .makr-sound-tool-panel,.layout.mobile-phone.makr-mode .panel.left.makr-mobile-panel .makr-sound-browser-desk .makr-sound-tool-panel,.app.makr-mode .layout:not(.mobile-phone) .panel.left.makr-mobile-panel .makr-sound-browser-desk .makr-sound-tool-panel,.makr-sound-browser-desk .makr-sound-tool-panel{flex:1 1 auto!important;position:static!important;inset:auto!important;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;min-height:0!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;gap:10px!important;overflow:hidden!important;border-radius:10px!important;padding:12px!important;background:radial-gradient(100% 70% at 18% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 60%),linear-gradient(180deg,#ffffff0f,#ffffff06),#0f141cf0!important;box-shadow:inset 0 1px #ffffff0d,0 16px 42px #0003}.makr-sound-browser-desk .makr-tool-panel-head{position:sticky;top:0;z-index:2;margin:-2px -2px 0;padding:2px 2px 0}.makr-sound-browser-desk .makr-tool-panel-head>button{display:none}.makr-sound-browser-desk .makr-add-browser{height:100%;min-height:0;border-radius:9px;padding:10px}.makr-sound-browser-desk .makr-add-browser-top{gap:8px}.makr-sound-browser-desk .makr-add-category-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible}.makr-sound-browser-desk .makr-add-category-tabs:has(.makr-add-reset-category){grid-template-columns:30px repeat(3,minmax(0,1fr))}.makr-sound-browser-desk .makr-add-category-tabs button{min-width:0;min-height:36px;width:100%;padding-inline:6px!important;gap:4px;font-size:9px;line-height:1.05;white-space:normal}.makr-sound-browser-desk .makr-add-category-tabs button span{min-width:0;overflow:visible;text-align:center;text-overflow:clip;white-space:normal}.makr-sound-browser-desk .makr-add-category-rail button{min-width:88px;height:46px}.makr-sound-browser-desk .makr-add-browser-search input,.makr-sound-browser-desk .makr-add-browser-search button{min-height:36px}.makr-sound-browser-desk .makr-add-type-rail button,.makr-sound-browser-desk .makr-add-subtype-rail button{min-height:27px;padding-inline:9px!important}.makr-sound-browser-desk .makr-add-browser .makr-add-filter-row{display:flex;flex-wrap:nowrap;align-items:center;gap:4px;overflow-x:auto;overflow-y:visible}.makr-sound-browser-desk .makr-add-browser .makr-add-filter-row>span{display:none}.makr-sound-browser-desk .makr-add-browser .makr-add-filter-row select,.makr-sound-browser-desk .makr-add-browser .makr-add-clear-filter{flex:0 0 auto;min-height:24px;width:58px;font-size:10px;padding-inline:7px!important}.makr-sound-browser-desk .makr-add-browser .makr-add-filter-row select:nth-of-type(2){width:60px}.makr-sound-browser-desk .makr-add-browser .makr-add-filter-row select:nth-of-type(3){width:70px}.makr-sound-browser-desk .makr-add-browser .makr-add-filter-row select:nth-of-type(4){width:78px}.makr-sound-browser-desk .makr-add-browser .makr-add-clear-filter{width:42px}.makr-sound-browser-desk .makr-add-track-list{min-height:0;align-content:start;grid-auto-rows:minmax(52px,max-content);overflow-y:auto;padding-right:2px}.makr-sound-browser-desk .makr-add-track-row{grid-template-columns:42px minmax(0,1fr) auto auto;gap:9px;min-height:58px;padding:7px 0}.makr-sound-browser-desk .makr-add-track-actions{display:flex}.makr-sound-browser-desk .makr-add-cover-play{width:42px;height:42px}.makr-sound-browser-desk .makr-add-track-row .makr-sound-cover-thumb{width:42px;height:42px;border-radius:5px}.makr-sound-browser-desk .makr-add-track-title{font-size:11px;font-weight:430}.makr-sound-browser-desk .makr-add-track-copy small{font-size:11px;font-weight:400}.makr-sound-browser-desk .makr-sound-placement-strip{flex:0 0 auto}@media(max-width:760px){.makr-sound-browser-desk .makr-add-category-tabs button{min-width:96px;min-height:34px}.makr-sound-browser-desk .makr-add-category-tabs button.makr-add-reset-category{min-width:34px;width:34px}.makr-sound-browser-desk .makr-add-category-rail button{min-width:74px;height:40px}.makr-sound-browser-desk .makr-add-track-row{grid-template-columns:38px minmax(0,1fr) auto;min-height:52px;padding:6px 0}.makr-sound-browser-desk .makr-add-cover-play,.makr-sound-browser-desk .makr-add-track-row .makr-sound-cover-thumb{width:38px;height:38px}.makr-sound-browser-desk .makr-add-track-actions button:not(.makr-add-place-button),.makr-sound-browser-desk .makr-add-track-indicators{display:none!important}}.makr-sound-cover-thumb.fallback{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;color:#ffffffe6;box-shadow:inset 0 1px #ffffff29,inset 0 -18px 28px #00000038}.makr-sound-cover-thumb.with-art{position:relative;display:block;overflow:hidden;isolation:isolate}.makr-sound-cover-thumb.with-art img{width:100%;height:100%;display:block;object-fit:cover}.makr-sound-cover-sync{position:absolute;top:8%;bottom:8%;z-index:3;width:2px;border-radius:999px;background:linear-gradient(180deg,#f8fbff,#8ab4ff);box-shadow:0 0 0 1px #0308178c,0 0 10px #8ab4ff6b;transform:translate(-50%);pointer-events:none}.makr-sound-cover-sync:before{content:"";position:absolute;left:50%;top:-5px;width:0;height:0;border-right:4px solid transparent;border-bottom:6px solid #f8fbff;border-left:4px solid transparent;filter:drop-shadow(0 0 1px rgba(3,8,23,.86));transform:translate(-50%)}.makr-sound-cover-thumb.fallback:before,.makr-sound-cover-thumb.fallback:after{content:"";position:absolute;inset:0;z-index:-1}.makr-sound-cover-thumb.fallback:before{background:radial-gradient(circle at 24% 24%,rgba(255,255,255,.22),transparent 30%),linear-gradient(135deg,#78582ce6,#4a3648db)}.makr-sound-cover-thumb.fallback:after{background:repeating-linear-gradient(90deg,rgba(255,255,255,.15) 0 2px,transparent 2px 7px);-webkit-mask:linear-gradient(180deg,transparent 0 30%,#000 42% 64%,transparent 76%);mask:linear-gradient(180deg,transparent 0 30%,#000 42% 64%,transparent 76%);opacity:.8}.makr-sound-cover-thumb.fallback.tone-1:before{background:radial-gradient(circle at 22% 22%,rgba(255,255,255,.2),transparent 28%),linear-gradient(135deg,#315d67,#67425a)}.makr-sound-cover-thumb.fallback.tone-2:before{background:radial-gradient(circle at 22% 22%,rgba(255,255,255,.2),transparent 28%),linear-gradient(135deg,#6a5630,#284d44)}.makr-sound-cover-thumb.fallback.tone-3:before{background:radial-gradient(circle at 22% 22%,rgba(255,255,255,.2),transparent 28%),linear-gradient(135deg,#563464,#695b35)}.makr-sound-cover-thumb.fallback.tone-4:before{background:radial-gradient(circle at 22% 22%,rgba(255,255,255,.2),transparent 28%),linear-gradient(135deg,#25536d,#6b4630)}.makr-sound-cover-thumb.fallback.tone-5:before{background:radial-gradient(circle at 22% 22%,rgba(255,255,255,.2),transparent 28%),linear-gradient(135deg,#504b2b,#2e5164)}.makr-sound-cover-glow{position:absolute;width:68%;height:68%;border-radius:999px;background:#ffffff1f;filter:blur(10px)}.makr-sound-cover-wave{position:absolute;inset:16% 12%;border-radius:inherit;background:linear-gradient(90deg,transparent 0 8%,rgba(255,255,255,.36) 8% 12%,transparent 12% 20%,rgba(255,255,255,.52) 20% 25%,transparent 25% 34%,rgba(255,255,255,.28) 34% 38%,transparent 38% 48%,rgba(255,255,255,.46) 48% 54%,transparent 54% 64%,rgba(255,255,255,.34) 64% 68%,transparent 68% 80%,rgba(255,255,255,.5) 80% 84%,transparent 84% 100%);-webkit-mask:linear-gradient(180deg,transparent 0 24%,#000 33% 68%,transparent 78%);mask:linear-gradient(180deg,transparent 0 24%,#000 33% 68%,transparent 78%);opacity:.55}.makr-sound-cover-thumb.fallback svg{position:absolute;top:8px;left:8px;opacity:.72}.makr-sound-cover-thumb.fallback strong{position:relative;font-size:14px;font-weight:900;letter-spacing:0;text-shadow:0 1px 6px rgba(0,0,0,.42)}.studio-shell{display:grid;grid-template-rows:auto auto auto 1fr;gap:12px;height:calc(100vh - 84px);padding:14px;background:radial-gradient(80% 80% at 20% 0%,color-mix(in srgb,var(--accent) 18%,transparent) 0%,transparent 60%),radial-gradient(80% 70% at 100% 10%,color-mix(in srgb,var(--accent-2) 18%,transparent) 0%,transparent 65%),var(--bg);color:var(--text);overflow:auto}.studio-topbar{display:flex;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--panel) 86%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.studio-topbar h1{margin:0;font-size:1.2rem}.studio-project-name-input{border:1px solid transparent;background:transparent;color:var(--text);font-size:1.2rem;font-weight:700;line-height:1.2;padding:0;width:min(560px,100%)}.studio-project-name-input:focus{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:8px;padding:3px 8px;background:color-mix(in srgb,var(--panel-alt) 80%,transparent)}.studio-topbar p{margin:4px 0 0;color:var(--text-muted)}.studio-topbar-actions{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.studio-topbar-actions label{display:grid;gap:4px;font-size:12px;color:var(--text-muted)}.studio-topbar-actions select,.studio-topbar-actions input,.studio-form-grid input,.studio-form-grid select,.studio-phase-card input,.studio-phase-card select,.studio-phase-card textarea,.studio-modal input,.studio-modal select,.studio-modal textarea{border:1px solid var(--border);border-radius:10px;background:var(--panel-alt);color:var(--text);padding:8px 10px;min-width:0}.studio-phase-tabs{display:flex;gap:8px;overflow:auto}.studio-phase-tabs button{border:1px solid var(--border);border-radius:10px;padding:8px 12px;background:var(--panel-alt);color:var(--text);cursor:pointer;white-space:nowrap}.studio-phase-tabs button.active{background:linear-gradient(160deg,var(--accent),var(--accent-2));color:#fff;border-color:color-mix(in srgb,var(--accent) 70%,var(--border))}.studio-main-grid{display:grid;grid-template-columns:1.6fr .8fr;gap:12px;min-height:0;align-items:start}.studio-main-grid.no-inspector{grid-template-columns:minmax(0,1fr)}.studio-main-column,.studio-side-column{min-height:0;display:grid;gap:12px;align-content:start}.studio-phase-card,.studio-job-stepper,.studio-credentials-card{border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--panel) 90%,transparent);padding:14px;display:grid;gap:12px;animation:studioFadeIn .22s var(--ease-standard)}@keyframes studioFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes studioSlideIn{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.studio-phase-header{display:flex;align-items:start;justify-content:space-between;gap:12px}.studio-phase-header h3{margin:0}.studio-phase-header p{margin:4px 0 0;color:var(--text-muted)}.studio-phase-actions{display:flex;flex-wrap:wrap;gap:8px}.studio-keyart-shell{border:1px solid var(--border);border-radius:12px;overflow:hidden;min-height:220px;background:color-mix(in srgb,var(--panel-alt) 92%,transparent);display:grid;place-items:center;position:relative}.studio-keyart-image{width:100%;height:100%;object-fit:cover;aspect-ratio:16 / 9}.studio-keyart-overlay{position:absolute;left:12px;right:12px;bottom:12px;display:grid;gap:2px;padding:10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:linear-gradient(180deg,#080c1759,#080c17bf);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.studio-keyart-overlay strong{font-size:14px}.studio-keyart-overlay span{font-size:12px;color:var(--text-muted)}.studio-skeleton{background:linear-gradient(100deg,transparent 20%,color-mix(in srgb,var(--text-muted) 18%,transparent) 50%,transparent 80%);background-size:200% 100%;animation:shimmer 1.2s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.studio-hero-skeleton{width:100%;height:240px}.studio-keyart-library-summary{margin:8px 0 10px;display:flex;flex-wrap:wrap;gap:8px}.studio-keyart-library-summary span{font-size:12px;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:3px 8px;background:var(--panel-alt)}.studio-tag-row{display:flex;flex-wrap:wrap;gap:6px}.studio-tag{font-size:11px;border:1px solid var(--border);border-radius:999px;padding:3px 8px;background:var(--panel-alt)}.studio-tag.alt{border-color:color-mix(in srgb,var(--accent-2) 45%,var(--border))}.studio-story-shell{border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--panel-alt) 85%,transparent);padding:10px;display:grid;gap:10px}.studio-story-shell>summary{list-style:none;cursor:pointer}.studio-story-shell>summary::-webkit-details-marker{display:none}.studio-story-shell>summary>div{display:grid;gap:2px}.studio-story-shell>summary h4{margin:0}.studio-story-shell>summary span{font-size:12px;color:var(--text-muted)}.studio-story-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.studio-story-tabs{display:inline-flex;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--panel) 88%,transparent);overflow:hidden}.studio-story-tabs button{border:none;background:transparent;color:var(--text-muted);padding:6px 12px;cursor:pointer}.studio-story-tabs button.active{color:var(--text);background:color-mix(in srgb,var(--accent) 26%,transparent)}.studio-story-markdown{border:1px solid var(--border);border-radius:10px;background:#0b111d;padding:12px;max-height:220px;overflow:auto;font-size:13px;line-height:1.5}.studio-story-markdown>:first-child{margin-top:0}.studio-story-markdown>:last-child{margin-bottom:0}.studio-keyart-tagline{margin:0 0 4px;color:color-mix(in srgb,var(--accent) 72%,var(--text));font-weight:600}.studio-cast-layout{display:grid;grid-template-columns:88px 1fr minmax(320px,520px);gap:12px;min-height:0;align-items:start}.studio-cast-list{display:grid;gap:8px;align-content:start;max-height:min(72vh,700px);overflow:auto}.studio-cast-list-item{border:1px solid var(--border);border-radius:10px;background:var(--panel-alt);padding:4px;display:grid;gap:6px;text-align:left;justify-items:center}.studio-cast-thumb{border:1px solid var(--border);border-radius:8px;background:#0b111d;aspect-ratio:1 / 1;width:42px;display:grid;place-items:center;overflow:hidden;color:var(--text-muted);font-size:1.2rem}.studio-cast-thumb img{width:100%;height:100%;object-fit:cover;object-position:left top;transform:scale(2);transform-origin:left top}.studio-cast-list-item input{width:100%;border:none;outline:none;background:transparent;color:var(--text);font-size:.82rem;font-weight:600;padding:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-cast-list-item span{color:var(--text-muted);font-size:12px}.studio-cast-list-item.active{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent)}.studio-cast-editor{display:grid;gap:10px;align-content:start}.studio-cast-overview-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.studio-cast-overview-card{border:1px solid var(--border);border-radius:10px;background:var(--panel-alt);padding:8px;display:grid;gap:8px;text-align:left;cursor:pointer;color:var(--text)}.studio-cast-overview-card strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-cast-overview-card.active{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.studio-cast-overview-card.empty{border-style:dashed;min-height:120px;place-items:center}.studio-cast-overview-media{border:1px solid var(--border);border-radius:8px;overflow:hidden;aspect-ratio:1 / 1;display:grid;place-items:center;color:var(--text-muted);font-size:1.3rem}.studio-cast-overview-media img{width:100%;height:100%;object-fit:cover}.studio-cast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.studio-cast-editor>label{display:grid;gap:4px;font-size:12px;color:var(--text-muted)}.studio-cast-grid label,.studio-phase-card label,.studio-modal label{display:grid;gap:4px;font-size:12px;color:var(--text-muted)}.studio-character-sheet{border:1px solid var(--border);border-radius:12px;min-height:320px;background:var(--panel-alt);display:grid;grid-template-rows:auto 1fr;align-content:start;gap:10px;padding:10px;overflow:hidden}.studio-character-sheet-media{position:relative;border:1px solid var(--border);border-radius:10px;overflow:hidden;min-height:280px;background:#0b111d;display:grid;place-items:center}.studio-character-sheet img{width:100%;height:100%;object-fit:cover}.studio-character-sheet-overlay{position:absolute;inset:0;background:#050b15c7;display:grid;align-content:center;gap:8px;padding:14px;text-align:center;color:var(--text)}.studio-character-sheet-overlay span,.studio-character-sheet-overlay small{color:var(--text-muted)}.studio-beats-list{display:grid;gap:8px}.studio-beat-item{border:1px solid var(--border);border-radius:12px;padding:10px;display:grid;gap:8px;cursor:pointer;background:var(--panel-alt)}.studio-beat-item.active{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.studio-beat-item header{display:flex;justify-content:space-between;gap:8px}.studio-beat-order-buttons{display:flex;gap:6px}.studio-beat-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.studio-beat-footer{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.studio-beat-preview-strip{display:flex;align-items:center;gap:6px;min-height:40px}.studio-beat-preview-strip img{width:58px;height:36px;border-radius:8px;border:1px solid var(--border);object-fit:cover}.studio-beat-preview-strip span{color:var(--text-muted);font-size:12px}.studio-shots-layout{display:grid;grid-template-columns:290px 1fr;gap:12px;min-height:0}.studio-beat-nav-shell,.studio-shots-shell{border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--panel-alt) 90%,transparent);display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}.studio-beat-nav-shell>header,.studio-shots-shell>header{padding:8px 10px;border-bottom:1px solid var(--border)}.studio-beat-nav-shell h4,.studio-shots-shell h4{margin:0;font-size:11px;letter-spacing:.08em;color:var(--text-muted)}.studio-beat-nav{display:grid;align-content:start;gap:8px;max-height:min(72vh,740px);overflow-y:auto;padding:8px}.studio-beat-nav-item{text-align:left;border:1px solid var(--border);border-radius:10px;background:var(--panel-alt);padding:8px;display:grid;gap:4px;cursor:pointer}.studio-beat-nav-item input,.studio-beat-nav-item textarea{width:100%}.studio-beat-nav-item textarea{min-height:52px;resize:vertical}.studio-beat-nav-item span{color:var(--text-muted);font-size:12px}.studio-beat-nav-item.active{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.studio-shots-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start;overflow-y:auto;max-height:min(72vh,740px);padding:8px}.studio-shot-card{border:1px solid var(--border);border-radius:12px;background:var(--panel-alt);padding:8px;display:grid;grid-template-rows:auto auto auto auto;gap:8px;min-height:420px;transition:border-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.studio-shot-card.active{border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}.studio-shot-card.placeholder{min-height:300px;display:grid;place-items:center;border-style:dashed}.studio-shot-card header{display:flex;justify-content:space-between;align-items:center}.studio-shot-takes-picker{display:inline-flex;align-items:center;gap:6px;margin-left:auto;margin-right:6px}.studio-shot-takes-picker span{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.studio-shot-takes-picker select{min-width:96px;height:28px;font-size:12px}.studio-director-controls{border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--panel) 88%,#143162 12%);padding:8px;display:grid;gap:8px}.studio-director-controls>header{display:flex;justify-content:space-between;align-items:baseline}.studio-director-controls h5{margin:0;font-size:13px}.studio-director-controls>header span{color:var(--text-muted);font-size:11px}.studio-director-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.studio-director-advanced{border-top:1px solid var(--border);padding-top:8px}.studio-director-advanced summary{cursor:pointer;color:var(--text);font-size:12px}.studio-director-advanced-grid{margin-top:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.studio-director-advanced-span{grid-column:1 / -1}.studio-production-panel{border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel-alt) 90%,#0f2f62 10%),var(--panel-alt));padding:10px;display:grid;gap:8px;animation:studioFadeIn .18s var(--ease-standard)}.studio-production-panel>header h4{margin:0}.studio-production-panel>header p{margin:4px 0 0;color:var(--text-muted);font-size:12px}.studio-production-toggle{display:inline-flex;gap:6px;flex-wrap:wrap}.studio-production-content p{margin:0;font-size:12px}.studio-production-content ul{margin:6px 0 0;padding-left:18px;color:var(--text-muted);font-size:12px}.studio-production-panel footer{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--border);padding-top:8px}.studio-shot-card details{position:relative}.studio-shot-card summary{list-style:none;border:1px solid var(--border);border-radius:8px;padding:2px 8px;cursor:pointer}.studio-shot-card summary::-webkit-details-marker{display:none}.studio-shot-menu{position:absolute;right:0;top:100%;z-index:4;margin-top:4px;min-width:150px;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--panel) 95%,transparent);display:grid}.studio-shot-menu button{background:transparent;border:none;color:var(--text);text-align:left;padding:8px;cursor:pointer}.studio-shot-menu button:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}.studio-shot-media{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:#0b111d;aspect-ratio:16 / 9;min-height:146px;display:grid;place-items:center}.studio-shot-overlay{position:absolute;inset:0;z-index:2;display:grid;align-content:center;gap:6px;padding:10px;background:#040a14b8;text-align:center}.studio-shot-overlay span{color:var(--text-muted);font-size:12px}.studio-shot-media img,.studio-shot-media video{width:100%;height:100%;object-fit:cover}.studio-shot-placeholder{color:var(--text-muted);font-size:13px}.studio-shot-version-strip{display:grid;gap:6px}.studio-shot-version-strip>span{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.studio-shot-version-row{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.studio-shot-version-tile{border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--panel) 86%,#12274b 14%);min-width:72px;width:72px;height:62px;overflow:hidden;display:grid;grid-template-rows:1fr auto;color:var(--text-muted);padding:2px;cursor:pointer}.studio-shot-version-tile.active{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent)}.studio-shot-version-tile img,.studio-shot-version-tile video{width:100%;height:100%;object-fit:cover;border-radius:6px}.studio-shot-version-tile span{display:grid;place-items:center;font-size:10px}.studio-shot-version-tile small{font-size:10px;color:var(--text-muted)}.studio-shot-card p{margin:0;color:var(--text-muted);font-size:12px;min-height:36px}.studio-shot-prompt-label{display:grid;gap:4px;font-size:11px;color:var(--text-muted)}.studio-shot-video-prompt{border:1px solid var(--border);border-radius:8px;padding:6px;background:color-mix(in srgb,var(--panel) 76%,transparent)}.studio-shot-video-prompt summary{cursor:pointer;font-size:12px;color:var(--text-muted)}.studio-shot-video-prompt textarea{margin-top:8px}.studio-shot-tags-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.studio-shot-tags-row label{display:grid;gap:4px;font-size:11px;color:var(--text-muted)}.studio-add-between{border:1px dashed color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:8px;background:transparent;color:var(--text-muted);padding:6px;cursor:pointer}.studio-animatic-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.studio-animatic-metrics article{border:1px solid var(--border);border-radius:12px;background:var(--panel-alt);padding:10px;display:grid;gap:4px}.studio-animatic-metrics strong{font-size:1.25rem}.studio-job-stepper h4{margin:0}.studio-job{border:1px solid var(--border);border-radius:10px;padding:8px;display:grid;gap:6px;background:var(--panel-alt)}.studio-job>div{display:flex;justify-content:space-between;gap:8px}.studio-job span{color:var(--text-muted);font-size:12px}.studio-job-progress{border-radius:999px;height:6px;overflow:hidden;background:color-mix(in srgb,var(--text-muted) 18%,transparent)}.studio-job-progress>div{height:100%;border-radius:inherit;background:linear-gradient(160deg,var(--accent),var(--accent-2))}.studio-auto-banner{border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--panel) 92%,transparent);padding:10px 12px;display:grid;gap:8px}.studio-auto-banner strong{font-size:14px}.studio-auto-banner p{margin:4px 0 0;color:var(--text-muted);font-size:12px}.studio-auto-banner.state-3{border-color:color-mix(in srgb,#40d693 45%,var(--border))}.studio-auto-banner.state-4{border-color:color-mix(in srgb,#ff7d7d 45%,var(--border))}.studio-auto-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.studio-auto-step{border:1px solid var(--border);border-radius:10px;background:var(--panel-alt);padding:8px;display:grid;gap:6px}.studio-auto-step header{display:flex;justify-content:space-between;align-items:center;gap:8px}.studio-auto-step header span{font-size:12px;font-weight:600}.studio-auto-step header em{font-size:11px;font-style:normal;color:var(--text-muted);text-transform:capitalize}.studio-auto-step.running,.studio-auto-step.partial{border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.studio-auto-step.complete{border-color:color-mix(in srgb,#40d693 50%,var(--border))}.studio-auto-step.failed{border-color:color-mix(in srgb,#ff7d7d 55%,var(--border))}.studio-auto-progress{height:5px;border-radius:999px;background:color-mix(in srgb,var(--text-muted) 15%,transparent);overflow:hidden}.studio-auto-progress>div{height:100%;border-radius:inherit;background:linear-gradient(160deg,var(--accent),var(--accent-2))}.studio-auto-step small{min-height:16px;font-size:11px;color:var(--text-muted);line-height:1.2}.studio-modal-backdrop,.studio-mini-backdrop{position:fixed;inset:0;background:#06090eb3;z-index:30;display:grid;place-items:center;padding:16px}.studio-modal{width:min(860px,92vw);border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--panel) 96%,transparent);padding:14px;display:grid;gap:12px}.prompt-catalog-modal{width:min(1040px,94vw);max-height:90vh;overflow:auto}.prompt-trace-modal{width:min(1120px,95vw);max-height:92vh;overflow:auto}.prompt-trace-list{display:grid;gap:8px}.prompt-trace-card{border:1px solid var(--border);border-radius:10px;background:var(--panel-alt);padding:8px;display:grid;gap:6px}.prompt-trace-card>header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.prompt-trace-card>header span{color:var(--text-muted);font-size:11px}.prompt-trace-card p{margin:0;color:var(--text-muted);font-size:12px}.prompt-trace-card details{border:1px solid var(--border);border-radius:8px;padding:6px;background:color-mix(in srgb,var(--panel) 86%,transparent)}.prompt-trace-card details summary{cursor:pointer;color:var(--text);font-size:12px}.prompt-trace-card pre{margin:6px 0 0;white-space:pre-wrap;word-break:break-word;font-size:11px;color:color-mix(in srgb,#ffffff 85%,var(--text-muted) 15%)}.prompt-catalog-section{display:grid;gap:8px}.prompt-catalog-section h3{margin:0;font-size:13px;color:var(--text-muted)}.prompt-catalog-card{border:1px solid var(--border);border-radius:10px;background:var(--panel-alt);padding:8px;display:grid;gap:6px}.prompt-catalog-card header{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.prompt-catalog-card header span{color:var(--text-muted);font-size:11px}.prompt-catalog-card p{margin:0;color:var(--text-muted);font-size:12px}.studio-modal-header{display:flex;justify-content:space-between;align-items:center}.studio-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.studio-form-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-file-picker{display:grid;gap:6px}.studio-file-row{display:flex;align-items:center;gap:10px}.studio-modal-actions{display:flex;justify-content:end;gap:8px}.studio-inline-error{color:#ff7d7d;margin:0}.studio-inline-note{margin:0;color:color-mix(in srgb,var(--accent-2) 70%,#ffffff 30%);font-size:12px}.studio-checkbox-row{display:flex!important;align-items:center;gap:8px}.studio-empty-state{border:1px dashed var(--border);border-radius:12px;padding:12px;color:var(--text-muted);text-align:center}.studio-empty-state.large{display:grid;gap:8px;justify-items:center;padding:18px}.studio-mini-player{width:min(980px,92vw);border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--panel) 96%,transparent);padding:10px;display:grid;gap:10px}.studio-mini-player header{display:flex;justify-content:space-between;align-items:center}.studio-mini-media{border:1px solid var(--border);border-radius:12px;overflow:hidden;max-height:76vh;background:#0b111d;display:grid;place-items:center}.studio-mini-media img,.studio-mini-media video{width:100%;max-height:76vh;object-fit:contain}.studio-strip{display:grid;gap:8px}.studio-strip h4{margin:0}.studio-strip-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.studio-strip-tile{width:96px;min-width:96px;height:108px;border-radius:10px;border:1px solid var(--border);background:var(--panel-alt);display:grid;grid-template-rows:1fr auto;overflow:hidden;color:var(--text-muted);padding:2px}.studio-strip-tile.active{border-color:color-mix(in srgb,var(--accent) 48%,var(--border))}.studio-strip-tile img{width:100%;height:100%;object-fit:cover}.studio-strip-open{border:none;background:transparent;width:100%;height:82px;border-radius:8px;overflow:hidden;color:inherit}.studio-strip-delete{border:none;border-top:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;font-size:14px;line-height:1;height:20px}.studio-scene-board{border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--panel) 90%,transparent);padding:12px;display:grid;gap:10px}.studio-scene-board>header h4{margin:0}.studio-scene-board>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.studio-scene-board>header p{margin:4px 0 0;color:var(--text-muted);font-size:12px}.studio-scene-board-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.studio-scene-card{border:1px solid var(--border);border-radius:12px;background:var(--panel-alt);padding:8px;display:grid;gap:8px}.studio-scene-card>header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.studio-scene-card>header span{color:var(--text-muted);font-size:11px;text-transform:capitalize}.studio-scene-card>p{margin:0;min-height:32px;color:var(--text-muted);font-size:12px}.studio-scene-media{position:relative;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#0b111d;aspect-ratio:16 / 9;display:grid;place-items:center}.studio-scene-media img{width:100%;height:100%;object-fit:cover}.studio-library-panel{border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel-alt) 88%,#112347 12%),var(--panel-alt));padding:12px;display:grid;gap:10px;animation:studioFadeIn .18s ease-out}.studio-library-panel>header h4{margin:0}.studio-library-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.studio-library-panel>header p{margin:4px 0 0;color:var(--text-muted);font-size:13px;max-width:70ch}.studio-library-groups{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.studio-library-group{border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--panel) 90%,#13274e 10%);padding:10px;display:grid;gap:8px;min-height:180px}.studio-library-group>header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.studio-library-group-actions{display:inline-flex;align-items:center;gap:6px}.studio-library-group h5{margin:0;font-size:13px}.studio-library-group p{margin:2px 0 0;color:var(--text-muted);font-size:11px}.studio-library-list{display:grid;gap:8px;max-height:230px;overflow:auto;padding-right:2px}.studio-library-item{border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--panel-alt) 86%,#10213f 14%);padding:8px;display:grid;gap:6px}.studio-library-item-preview{border:1px solid var(--border);border-radius:8px;background:#0b111d;overflow:hidden;aspect-ratio:16 / 9}.studio-library-item-preview img{width:100%;height:100%;object-fit:cover}.studio-library-item-preview-empty{width:100%;height:100%;display:grid;place-items:center;color:var(--text-muted);font-size:11px}.studio-library-item-top{display:flex;align-items:center;gap:8px}.studio-library-item-top input{min-width:0;flex:1}.studio-library-item-top input:disabled{opacity:.78}.studio-library-item-actions{display:inline-flex;align-items:center;gap:6px}.studio-library-item textarea{min-height:56px;resize:vertical}.studio-library-modal{width:min(980px,94vw);max-height:92vh;overflow:auto;animation:studioSlideIn .18s ease-out}.studio-library-magic-row{display:flex;align-items:center;gap:8px}.studio-library-magic-row small{color:var(--text-muted);font-size:11px}.studio-library-reference-files{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.studio-library-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.studio-library-form-grid label{display:grid;gap:4px;font-size:12px;color:var(--text-muted)}.studio-library-form-grid input{width:100%}@media(max-width:1200px){.studio-main-grid,.studio-cast-layout{grid-template-columns:1fr}.studio-beat-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-shots-layout,.studio-shots-grid,.studio-scene-board-grid,.studio-library-groups,.studio-library-form-grid{grid-template-columns:1fr}.studio-auto-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.studio-shell{padding:10px;gap:10px}.studio-topbar{grid-template-columns:1fr;display:grid}.studio-topbar-actions{align-items:stretch}.studio-form-grid,.studio-form-grid.compact,.studio-cast-grid,.studio-shot-tags-row,.studio-director-grid,.studio-director-advanced-grid{grid-template-columns:1fr}.studio-cast-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-auto-steps{grid-template-columns:1fr}.studio-phase-actions{width:100%}.studio-phase-actions .primary,.studio-phase-actions .ghost{flex:1 1 140px}}.studio-provider-banner{border:1px solid var(--border);border-radius:12px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:color-mix(in srgb,var(--panel) 92%,transparent);animation:studioFadeIn .22s var(--ease-standard)}.studio-provider-banner strong{display:block}.studio-provider-banner p{margin:4px 0;color:var(--text-muted)}.studio-provider-banner small{color:var(--text-muted)}.studio-provider-banner.degraded{border-color:color-mix(in srgb,#ff7e7e 45%,var(--border));background:color-mix(in srgb,#ff7e7e 8%,var(--panel))}.studio-provider-metrics{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.studio-provider-metrics span{font-size:12px;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:3px 8px;background:var(--panel-alt)}