/* Generated by build_web.py. Edit the source modules, then rebuild. */

/* design-tokens.css */
/* Single source for interface colors, typography, spacing, radii and shadows.
   Media/track swatches remain invariant across themes. */
:root{
  --serif:Georgia, serif;
  --radius-round:50%;
  --overlay-255_255_255__08:rgba(255,255,255,.08);
  --overlay-255_255_255__15:rgba(255,255,255,.15);
  --overlay-255_255_255__4:rgba(255,255,255,.4);
  --overlay-10_14_11__73:rgba(10,14,11,.73);
  --overlay-9_12_9__8:rgba(9,12,9,.8);
  --overlay-10_14_11__75:rgba(10,14,11,.75);
  --ink:#151617;
  --panel:#1c1e20;
  --raised:#272a2d;
  --paper:#f1f4f2;
  --muted:#b4bec1;
  --line:#596269;
  --lime:#c9f46a;
  --red:#ffb6a8;
  --accent-ink:#101510;
  --canvas:#090c0d;
  --canvas-ink:#e9eeeb;
  --sans:Arial, Helvetica, sans-serif;
  --display:var(--sans);
  --mono:ui-monospace, Consolas, monospace;
  --radius:var(--radius-7);
  --stl-bg:var(--ink);
  --stl-line:var(--line);
  --stl-ink:var(--paper);
  --stl-muted:var(--muted);
  --stl-lime:var(--lime);
  --text-14:14px;
  --radius-6:6px;
  --space-11:11px;
  --space-12:12px;
  --space-22:22px;
  --text-48:48px;
  --text-19:19px;
  --text-12:12px;
  --space-7:7px;
  --space-36:36px;
  --text-22:22px;
  --space-1:1px;
  --text-38:38px;
  --space-6:6px;
  --text-18:18px;
  --space-27:27px;
  --space-10:10px;
  --radius-100:100px;
  --space-33:33px;
  --space-26:26px;
  --space-20:20px;
  --space-3:3px;
  --space-14:14px;
  --space-13:13px;
  --space-16:16px;
  --space-18:18px;
  --text-24:24px;
  --space-21:21px;
  --space-17:17px;
  --space-19:19px;
  --text-15:15px;
  --radius-5:5px;
  --space-4:4px;
  --space-9:9px;
  --space-5:5px;
  --space-8:8px;
  --radius-7:7px;
  --text-26:26px;
  --radius-4:4px;
  --space-2:2px;
  --radius-3:3px;
  --text-40:40px;
  --text-45:45px;
  --space-24:24px;
  --space-15:15px;
  --radius-2:2px;
  --shadow-1:inset 0 0 0 2px var(--paper);
  --radius-1:1px;
  --space-34:34px;
  --space-25:25px;
  --text-28:28px;
  --space-23:23px;
  --space-29:29px;
  --radius-20:20px;
  --text-21:21px;
  --radius-10:10px;
  --color-0007:#0007;
  --shadow-2:0 12px 40px var(--color-0007);
  --space-neg1:-1px;
  --space-30:30px;
  --text-60:60px;
  --text-31:31px;
  --text-37:37px;
  --text-20:20px;
  --text-66:66px;
  --text-36:36px;
  --text-17:17px;
  --color-101510dd:#101510dd;
  --color-0c100ded:#0c100ded;
  --text-25:25px;
  --color-597627:#597627;
  --shadow-3:0 2px 0 var(--color-597627);
  --radius-9:9px;
  --color-2b6559:#2b6559;
  --color-1c473f:#1c473f;
  --color-439e8a:#439e8a;
  --color-0b120a55:#0b120a55;
  --shadow-4:4px 0 8px var(--color-0b120a55);
  --color-25342a33:#25342a33;
  --color-67522d:#67522d;
  --color-483a22:#483a22;
  --color-a98b4d:#a98b4d;
  --color-627e40:#627e40;
  --color-354b2b:#354b2b;
  --color-f3f5e7:#f3f5e7;
  --color-476331:#476331;
  --color-2b4027:#2b4027;
  --color-275e5b:#275e5b;
  --color-1f4242:#1f4242;
  --color-488d89:#488d89;
  --color-50366c:#50366c;
  --color-9261b8:#9261b8;
  --color-354967:#354967;
  --color-597598:#597598;
  --color-edf4c782:#edf4c782;
  --shadow-5:inset 0 0 0 1px var(--color-edf4c782);
  --shadow-6:inset 0 0 0 1px var(--stl-lime);
  --color-d0ff48aa:#d0ff48aa;
  --color-d0ff4880:#d0ff4880;
  --shadow-7:inset 0 0 0 1px var(--color-d0ff4880);
  --color-fff:#fff;
  --color-000:#000;
  --shadow-8:0 1px 4px var(--color-000);
  --color-d7e5cb:#d7e5cb;
  --shadow-9:0 1px 3px var(--color-000);
  --color-101c0a44:#101c0a44;
  --color-d0ff4826:#d0ff4826;
  --color-d0ff4877:#d0ff4877;
  --color-d0ff4833:#d0ff4833;
  --shadow-10:0 0 3px var(--color-d0ff4833);
  --color-0009:#0009;
  --shadow-11:0 12px 40px var(--color-0009);
  --shadow-12:none;
  --text-23:23px;
  --space-31:31px;
  --space-40:40px;
  --space-68:68px;
  --text-29:29px;
  --text-13:13px;
  --color-0006:#0006;
  --text-78:78px;
  --color-d5e1cf22:#d5e1cf22;
  --color-111b:#111b;
  --color-ffffff18:#ffffff18;
  --color-101415bc:#101415bc;
  --color-1119:#1119;
  --color-ffffff38:#ffffff38;
  --space-70:70px;
  --space-28:28px;
  --space-35:35px;
  --radius-12:12px;
  --color-0008:#0008;
  --shadow-13:0 24px 90px var(--color-0008);
  --color-0a0d10ba:#0a0d10ba;
  --color-090c0e73:#090c0e73;
  --color-0004:#0004;
  --shadow-14:-20px 0 60px var(--color-0004);
  --shadow-15:0 12px 35px var(--color-0008);
  --color-0005:#0005;
  --shadow-16:0 10px 25px var(--color-0005);
  --space-48:48px;
  --color-243025ee:#243025ee;
  --color-9dcf4820:#9dcf4820;
  --shadow-17:inset 0 0 45px var(--color-9dcf4820);
  --text-32:32px;
  --shadow-18:0 4px 12px var(--color-0006);
  --shadow-19:0 6px 25px var(--color-0007);
  --color-adc985:#adc985;
  --shadow-20:inset 0 0 7px var(--color-adc985);
  --space-neg3:-3px;
  --radius-14:14px;
  --color-dcebcf:#dcebcf;
  --color-cafd6833:#cafd6833;
  --shadow-21:inset 0 0 0 1px var(--color-cafd6833);
  --color-91a46d12:#91a46d12;
  --color-000a:#000a;
  --shadow-22:0 22px 80px var(--color-000a);
  --color-080b0dbe:#080b0dbe;
  --color-c9f46a:#c9f46a;
  --space-32:32px;
  --color-131612e8:#131612e8;
  --color-6e8252:#6e8252;
  --color-202721:#202721;
  --color-305966:#305966;
  --color-213d48:#213d48;
  --color-64a4b5:#64a4b5;
  --color-ceff74:#ceff74;
  --shadow-23:0 8px 24px var(--color-0009);
  --space-neg9:-9px;
  --color-333b34:#333b34;
  --shadow-24:0 25px 100px var(--color-000a);
  --color-cafd68:#cafd68;
  --shadow-25:inset 0 0 0 1px var(--color-cafd68);
  --text-30:30px;
  color-scheme:dark;
}
:root[data-theme="light"]{
  --ink:#f4f6f7;
  --panel:#ffffff;
  --raised:#e3e9ec;
  --paper:#172127;
  --muted:#45555e;
  --line:#74838d;
  --lime:#355900;
  --red:#9b2519;
  --accent-ink:#ffffff;
  color-scheme:light;
}


/* base.css */

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:var(--text-14);line-height:1.45}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:4px}a{color:inherit;text-decoration:none}button{color:inherit}input,select,textarea{width:100%;color:var(--paper);background:var(--ink);border:1px solid var(--line);border-radius:var(--radius-6);padding:var(--space-11) var(--space-12);min-width:0;transition:border-color .2s}input:hover,select:hover,textarea:hover{border-color:var(--line)}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,select:focus,textarea:focus{border-color:var(--lime)}input[type=checkbox]{width:16px;height:16px;accent-color:var(--lime);padding:0;cursor:pointer}textarea{resize:vertical;min-height:86px}select{padding-right:var(--space-22)}h1,h2,h3,p{margin:0}h1{font-family:var(--display);font-size:var(--text-48);line-height:1.02;font-weight:400;letter-spacing:.2px;text-transform:uppercase}h1 em{color:var(--lime);font-style:normal}h2{font-size:var(--text-19);font-weight:600;letter-spacing:-.4px}h3{font-size:var(--text-12);font-weight:600}.eyebrow,.field-caption{font-size:var(--text-12);font-weight:700;letter-spacing:1.75px;color:var(--muted)}.eyebrow{margin-bottom:var(--space-7)}.topbar{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-36)}.brand{display:flex;gap:var(--space-12);align-items:center;font-size:var(--text-22);font-weight:800;letter-spacing:-.4px}.brand small{display:block;font-size:var(--text-12);font-weight:400;letter-spacing:2px;margin-top:var(--space-1);color:var(--muted)}.brand-mark{width:42px;height:42px;background:var(--lime);color:var(--ink);font-family:var(--display);font-size:var(--text-38);line-height:44px;padding-left:var(--space-6);position:relative}.brand-mark span{position:absolute;font:700 var(--text-18) var(--sans);top:-7px;right:-5px;background:var(--ink);color:var(--lime)}.topbar-right{display:flex;align-items:center;gap:var(--space-27)}.local-note{font-size:var(--text-12);letter-spacing:1.8px;color:var(--muted)}.status-pill{display:inline-flex;align-items:center;gap:var(--space-7);padding:var(--space-6) var(--space-10);border:1px solid var(--line);border-radius:var(--radius-100);font-size:var(--text-12);color:var(--muted)}.status-pill i,.tiny-dot{width:5px;height:5px;border-radius:var(--radius-round);display:inline-block;background:var(--raised)}.status-pill.connected i,.integration-status.configured .tiny-dot{background:var(--lime)}.status-pill.error i{background:var(--red)}main{max-width:1800px;margin:auto;padding:0 var(--space-36)}.intro-bar{display:flex;align-items:flex-end;justify-content:space-between;padding:var(--space-33) 0 var(--space-26);gap:var(--space-20)}.intro-copy{text-align:right;color:var(--muted);font-size:var(--text-12);padding-bottom:var(--space-3)}.source-bar{border:1px solid var(--line);background:var(--panel);display:grid;grid-template-columns:125px 1fr auto;align-items:center;gap:var(--space-14);padding:var(--space-13) var(--space-16);border-radius:var(--radius);margin-bottom:var(--space-18)}.source-bar input{border-color:transparent;background:var(--ink);font-size:var(--text-12)}.button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-10);border-radius:var(--radius-6);font-weight:600;font-size:var(--text-12);border:1px solid transparent;padding:var(--space-10) var(--space-16);transition:background .15s,transform .15s}.button:not(:disabled):active{transform:translateY(1px)}.button-light{background:var(--paper);color:var(--ink)}.button-light:hover{background:white}.button-accent{background:var(--lime);color:var(--ink)}.button-accent:hover{background:var(--lime)}.button-outline{border-color:var(--line);background:transparent;width:100%}.button-outline:hover{background:var(--raised)}.text-button{padding:0;background:none;border:0;font-size:var(--text-12);font-weight:600;color:var(--lime);white-space:nowrap}.text-button:hover{text-decoration:underline}.text-button.muted{color:var(--muted)}.icon-button{background:none;border:0;font-size:var(--text-24);line-height:24px;padding:var(--space-3) var(--space-6)}.workspace{display:grid;grid-template-columns:minmax(242px,280px) minmax(400px,1fr) minmax(278px,314px);gap:var(--space-18);align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-heading{padding:var(--space-21) var(--space-20) var(--space-17);display:flex;align-items:center;justify-content:space-between;gap:var(--space-10)}.panel-heading.compact{padding:var(--space-16) var(--space-19) var(--space-10)}.panel-heading.compact h2{font-size:var(--text-15)}.count{font-size:var(--text-12);background:var(--raised);border:1px solid var(--line);padding:var(--space-1) var(--space-6);border-radius:var(--radius-5);vertical-align:middle;margin-left:var(--space-4);color:var(--muted)}.selection-count{font-size:var(--text-12);color:var(--muted);white-space:nowrap}.library .panel-heading{align-items:flex-start;gap:var(--space-4)}.selection-count{margin-top:var(--space-3)}.library-tools{padding:0 var(--space-16) var(--space-13);border-bottom:1px solid var(--line)}.library-tools input{padding:var(--space-9) var(--space-10);font-size:var(--text-12)}.filter-list{display:flex;flex-wrap:wrap;gap:var(--space-5);margin:var(--space-12) 0}.filter-chip{font-size:var(--text-12);padding:var(--space-5) var(--space-8);border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:var(--radius-100)}.filter-chip.active{background:var(--lime);color:var(--ink);border-color:var(--lime)}.filter-chip:hover{border-color:var(--lime)}.selection-actions{display:flex;justify-content:space-between;gap:var(--space-8);padding-top:var(--space-3)}.selection-actions .text-button{font-size:var(--text-12)}.asset-list{max-height:950px;overflow:auto;padding:var(--space-12);scrollbar-color:var(--line) transparent;scrollbar-width:thin}.asset-card{border:1px solid var(--line);border-radius:var(--radius-7);background:var(--ink);margin-bottom:var(--space-10);overflow:hidden;transition:border-color .2s}.asset-card.selected{border-color:var(--line)}.asset-card:last-child{margin-bottom:0}.asset-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--raised);display:flex;align-items:center;justify-content:center}.asset-media img{width:100%;height:100%;object-fit:cover;display:block}.asset-thumbnail-fallback{color:var(--muted);font-size:var(--text-26);letter-spacing:4px;font-family:var(--display)}.asset-select{position:absolute;top:8px;left:8px;display:grid;place-items:center;background:var(--overlay-10_14_11__75);padding:var(--space-4);border-radius:var(--radius-4);z-index:2}.asset-select input{margin:0}.asset-duration{position:absolute;right:7px;bottom:7px;background:var(--overlay-9_12_9__8);font-size:var(--text-12);padding:var(--space-2) var(--space-5);border-radius:var(--radius-3);font-variant-numeric:tabular-nums}.asset-preview-button{position:absolute;inset:0;background:transparent;border:0;width:100%;display:flex;align-items:center;justify-content:center}.asset-preview-button span{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-round);background:var(--overlay-10_14_11__73);border:1px solid var(--overlay-255_255_255__4);font-size:var(--text-12);opacity:0;transform:translateY(5px);transition:.16s}.asset-media:hover .asset-preview-button span,.asset-preview-button:focus-visible span{opacity:1;transform:translateY(0)}.asset-details{padding:var(--space-10)}.asset-name{font-size:var(--text-12);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:var(--space-8)}.asset-category-label{display:flex;gap:var(--space-8);align-items:center;color:var(--muted);font-size:var(--text-12)}.asset-category-label select{padding:var(--space-5) var(--space-8);font-size:var(--text-12);border-color:var(--line);border-radius:var(--radius-4)}.library-footer{display:flex;align-items:center;gap:var(--space-7);padding:var(--space-12) var(--space-16);font-size:var(--text-12);color:var(--muted);border-top:1px solid var(--line)}.editing-column,.settings-column{display:flex;flex-direction:column;gap:var(--space-18);min-width:0}.preview .panel-heading{padding-bottom:var(--space-17)}.subtle-tag{font-size:var(--text-12);letter-spacing:1px;color:var(--muted);text-transform:uppercase;white-space:nowrap}.preview-stage{aspect-ratio:16/9;background:var(--canvas);position:relative;display:grid;place-items:center;margin:0 var(--space-14);border:1px solid var(--canvas);overflow:hidden}.preview-stage video{display:block;width:100%;height:100%;object-fit:contain;background:var(--canvas)}.preview-empty{width:100%;padding:8%;color:var(--paper)}.preview-wordmark{font-family:var(--display);font-size:clamp(var(--text-40),5.5vw,100px);line-height:1;display:flex;align-items:flex-start;justify-content:space-between;letter-spacing:-1px}.preview-wordmark>span{font:normal var(--text-45) var(--sans);color:var(--lime);line-height:1}.preview-rule{height:2px;background:var(--lime);width:34px;margin:var(--space-24) 0 var(--space-16)}.preview-empty p{font-size:var(--text-14);margin-bottom:var(--space-7)}.preview-empty small{font-size:var(--text-12);color:var(--canvas-ink)}.preview-caption{min-height:44px;display:flex;justify-content:space-between;align-items:center;gap:var(--space-14);padding:var(--space-12) var(--space-17);font-size:var(--text-12);color:var(--muted)}#preview-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-section{padding:var(--space-15) var(--space-17) var(--space-18);border-top:1px solid var(--line)}.timeline-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-11)}.timeline-heading span{font-size:var(--text-12);color:var(--muted)}.timeline{display:flex;gap:var(--space-3);min-height:50px;overflow:hidden;border-radius:var(--radius-4);background:var(--ink);align-items:stretch;padding:var(--space-3)}.timeline-empty{align-self:center;margin:auto;text-align:center;padding:var(--space-6);font-size:var(--text-12);color:var(--muted)}.timeline-clip{min-width:2px;background:var(--raised);border:0;border-radius:var(--radius-2);flex-shrink:1;position:relative;padding:0;transition:filter .15s;overflow:hidden}.timeline-clip:after{content:"";position:absolute;inset:7px 0;border-top:1px solid var(--overlay-255_255_255__15);border-bottom:1px solid var(--overlay-255_255_255__08)}.timeline-clip:hover{filter:brightness(1.5)}.timeline-clip.active{box-shadow:var(--shadow-1)}.timeline-legend{display:flex;flex-wrap:wrap;gap:var(--space-8) var(--space-14);margin-top:var(--space-11)}.legend-item{font-size:var(--text-12);display:flex;gap:var(--space-5);align-items:center;color:var(--muted)}.legend-item i{display:block;width:5px;height:5px;border-radius:var(--radius-1)}.timeline-detail{flex-basis:100%;font-size:var(--text-12);color:var(--paper);padding-top:var(--space-2);min-height:16px}.empty-state{text-align:center;padding:var(--space-34) var(--space-25);color:var(--muted)}.empty-state strong{display:block;font-size:var(--text-12);font-weight:600;color:var(--paper);margin:var(--space-12) 0 var(--space-7)}.empty-state p{font-size:var(--text-12);line-height:1.6;max-width:290px;margin:auto}.empty-symbol{display:inline-block;font-size:var(--text-28);line-height:1;color:var(--lime)}.empty-state.small{padding:var(--space-34) var(--space-8)}.empty-state.horizontal{display:flex;align-items:center;gap:var(--space-19);text-align:left;padding:var(--space-21) var(--space-23) var(--space-29)}.empty-state.horizontal strong{margin-top:0}.empty-state.horizontal p{max-width:none}.outputs-list{padding:0 var(--space-16) var(--space-16)}.output-card{margin:0 var(--space-16) var(--space-10);padding:var(--space-13);border:1px solid var(--line);border-radius:var(--radius-7);display:flex;align-items:center;gap:var(--space-12)}.output-card:last-child{margin-bottom:var(--space-16)}.output-play{width:39px;height:39px;flex-shrink:0;background:var(--raised);color:var(--lime);border:1px solid var(--line);border-radius:var(--radius-6);font-size:var(--text-12)}.output-play:hover{background:var(--raised)}.output-info{min-width:0;flex:1}.output-name{font-size:var(--text-12);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.output-meta{font-size:var(--text-12);color:var(--muted);margin-top:var(--space-3)}.output-links{display:flex;flex-wrap:wrap;gap:var(--space-6) var(--space-12);margin-top:var(--space-8)}.output-links a{font-size:var(--text-12);color:var(--lime)}.output-links a:hover{text-decoration:underline}.output-card.current{border-color:var(--line)}.settings-body{padding:0 var(--space-20) var(--space-19)}.settings fieldset,.magnific fieldset{padding:var(--space-17) 0;border:0;border-top:1px solid var(--line);margin:0}.settings legend,.magnific legend{font-size:var(--text-12);text-transform:uppercase;letter-spacing:1px;color:var(--muted);padding:0 var(--space-7) 0 0}.field{display:block;font-size:var(--text-12);line-height:1.35;margin:0 0 var(--space-12);color:var(--paper)}.field:last-child{margin-bottom:0}.field input,.field select,.field textarea{display:block;margin-top:var(--space-7);font-size:var(--text-12)}.field-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-10)}.field-note{float:right;color:var(--muted);font-size:var(--text-12);margin-top:var(--space-2)}.help-text{color:var(--muted);font-size:var(--text-12);line-height:1.6;margin-top:var(--space-7)}.switch-row{position:relative;display:flex;align-items:center;justify-content:space-between;padding:var(--space-9) 0;gap:var(--space-12);cursor:pointer}.switch-row:first-of-type{padding-top:var(--space-3)}.switch-row:last-of-type{padding-bottom:var(--space-2)}.switch-row strong{font-size:var(--text-12);font-weight:500;display:block}.switch-row small{font-size:var(--text-12);display:block;color:var(--muted);margin-top:var(--space-2)}.switch-row input{position:absolute;right:0;opacity:0;width:32px;height:20px;margin:0}.switch-track{height:18px;width:31px;border-radius:var(--radius-20);background:var(--raised);border:1px solid var(--line);position:relative;flex-shrink:0;pointer-events:none}.switch-track:after{content:"";position:absolute;left:3px;top:3px;width:10px;height:10px;border-radius:var(--radius-round);background:var(--lime);transition:.15s}.switch-row input:checked+.switch-track{background:var(--lime);border-color:var(--lime)}.switch-row input:checked+.switch-track:after{left:16px;background:var(--ink)}.switch-row input:focus-visible+.switch-track{outline:2px solid var(--lime);outline-offset:4px}.inline-message{padding:0 0 var(--space-10);color:var(--muted);font-size:var(--text-12);line-height:1.6}.inline-message.error{color:var(--red)}.render-button{width:100%;justify-content:space-between;padding:var(--space-14) var(--space-13)}.render-button>span:last-child{font-size:var(--text-21);line-height:18px}.render-hint{text-align:center;font-size:var(--text-12);color:var(--muted);margin-top:var(--space-10)}.magnific summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:var(--space-19) var(--space-20);list-style:none}.magnific summary::-webkit-details-marker{display:none}.magnific summary strong{font-size:var(--text-19);font-weight:500;display:block}.magnific summary strong>span{color:var(--lime);margin-left:var(--space-3)}.magnific summary .eyebrow{display:block}.details-arrow{color:var(--muted);font-size:var(--text-22);transition:transform .2s}.magnific[open] .details-arrow{transform:rotate(45deg)}.magnific-body{padding:0 var(--space-20) var(--space-20)}.integration-status{font-size:var(--text-12);color:var(--muted);margin-bottom:var(--space-16);display:flex;align-items:center;gap:var(--space-7)}.integration-status.configured{color:var(--lime)}#magnific-key-form{margin-bottom:var(--space-24)}.magnific .credit-notice{font-size:var(--text-12);color:var(--paper);border-left:2px solid var(--lime);padding-left:var(--space-9);margin:var(--space-1) 0 var(--space-13)}.magnific .button{font-size:var(--text-12)}.job{padding:var(--space-10) var(--space-19) var(--space-18);border-top:1px solid var(--line)}.job:first-child{border-top:0}.job-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);margin-bottom:var(--space-8)}.job-label{font-size:var(--text-12);font-weight:600}.job-progress-label{font-size:var(--text-12);color:var(--lime);font-variant-numeric:tabular-nums}.job progress{appearance:none;width:100%;height:4px;display:block;border:0;border-radius:var(--radius-10);overflow:hidden;background:var(--raised)}.job progress::-webkit-progress-bar{background:var(--raised);border-radius:var(--radius-10)}.job progress::-webkit-progress-value{background:var(--lime);border-radius:var(--radius-10)}.job progress::-moz-progress-bar{background:var(--lime);border-radius:var(--radius-10)}.job-message{color:var(--muted);font-size:var(--text-12);margin-top:var(--space-8);overflow-wrap:anywhere}.job-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-15)}.job-footer .text-button{margin-top:var(--space-8)}.job-error{background:var(--raised);color:var(--paper);border:1px solid var(--line);border-radius:var(--radius-5);font-size:var(--text-12);padding:var(--space-9);margin-top:var(--space-9);white-space:pre-wrap;overflow-wrap:anywhere}.job-result{margin-top:var(--space-11)}.job-result img{max-width:100%;max-height:220px;object-fit:contain;border-radius:var(--radius-5)}.job-result audio{width:100%;height:35px}.job-result a{display:inline-block;margin-top:var(--space-6);color:var(--lime);font-size:var(--text-12)}.global-error{background:var(--raised);border-bottom:1px solid var(--line);padding:var(--space-12) var(--space-36);display:flex;align-items:center;justify-content:space-between;gap:var(--space-18);color:var(--paper);font-size:var(--text-12)}.global-error span{white-space:pre-wrap;overflow-wrap:anywhere}.page-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-24) 0 var(--space-25);color:var(--muted);font-size:var(--text-12);letter-spacing:1.4px;gap:var(--space-20)}.page-footer b{color:var(--lime);font-size:var(--text-18);margin-left:var(--space-7)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--paper);color:var(--ink);border-radius:var(--radius-7);padding:var(--space-12) var(--space-20);box-shadow:var(--shadow-2);font-size:var(--text-12);max-width:calc(100vw - 40px);z-index:10}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:var(--space-neg1)!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}[hidden]{display:none!important}
.active-sfx{margin:0 0 var(--space-13);padding:var(--space-8) var(--space-10);border-left:2px solid var(--lime);background:var(--raised);color:var(--paper);font-size:var(--text-12);overflow-wrap:anywhere}.use-sfx{margin-top:var(--space-10);max-width:240px;display:flex;font-size:var(--text-12)}.resume-job{margin-top:var(--space-12)}.warning-list{margin-top:var(--space-10);font-size:var(--text-12);color:var(--paper)}.warning-list summary{cursor:pointer}.warning-list ul{padding-left:var(--space-16);line-height:1.6;overflow-wrap:anywhere}.warning-list li{margin:var(--space-5) 0}
.rhythm-switch{margin-top:var(--space-13)}.capability-status{font-size:var(--text-12);line-height:1.6;color:var(--muted);overflow-wrap:anywhere}.visual-options>.capability-status{margin:var(--space-2) 0 var(--space-12);padding-left:var(--space-9);border-left:2px solid var(--line)}.capability-status.available{color:var(--paper)}.visual-options>.capability-status.available{border-color:var(--lime)}.storage-body{padding:0 var(--space-20) var(--space-20)}.storage-location{font-size:var(--text-12);color:var(--paper);margin-bottom:var(--space-6)}.storage-bucket{font-size:var(--text-12);color:var(--muted);margin-top:var(--space-8);overflow-wrap:anywhere}.storage-panel{grid-column:1/-1}
@media(min-width:1600px){.workspace{grid-template-columns:300px minmax(400px,1fr) 326px}.asset-list{max-height:1110px}}
@media(max-width:1190px){main{padding:0 var(--space-22)}.topbar{padding:0 var(--space-22)}.workspace{grid-template-columns:220px minmax(320px,1fr) 264px;gap:var(--space-12)}.panel-heading{padding:var(--space-18) var(--space-15) var(--space-14)}.settings-body{padding:0 var(--space-15) var(--space-16)}.selection-count{font-size:var(--text-12)}.library .panel-heading{flex-direction:column}.source-bar{grid-template-columns:108px 1fr auto}.field-grid{grid-template-columns:1fr}.intro-copy{font-size:var(--text-12)}.preview-empty small{font-size:var(--text-12)}.preview-rule{margin:var(--space-15) 0}.magnific-body{padding:0 var(--space-15) var(--space-16)}.magnific summary{padding:var(--space-17) var(--space-15)}}
@media(max-width:980px){.workspace{grid-template-columns:220px 1fr;gap:var(--space-15)}.settings-column{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:start}.settings-body{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--space-22)}.settings{grid-column:1/-1}.settings .panel-heading{padding-bottom:var(--space-20)}.settings fieldset{min-width:0}.settings .visual-options{grid-row:auto}.settings .inline-message,.settings .render-button,.settings .render-hint{grid-column:1/-1}.magnific{grid-column:1/-1}.magnific-body{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--space-30)}.magnific-body>.integration-status{grid-column:1/-1}.magnific-body #magnific-key-form{margin:0}.intro-copy{display:none}.library .panel-heading{flex-direction:row}.field-grid{grid-template-columns:1.1fr 1fr}.asset-list{max-height:730px}.preview-wordmark{font-size:var(--text-60)}}
@media(max-width:680px){main{padding:0 var(--space-14)}.topbar{height:73px;padding:0 var(--space-16)}.brand{font-size:var(--text-19)}.brand-mark{width:35px;height:35px;font-size:var(--text-31);line-height:37px}.brand small{font-size:var(--text-12)}.topbar-right{gap:0}.local-note{display:none}.status-pill{font-size:var(--text-12);padding:var(--space-5) var(--space-8)}.intro-bar{padding:var(--space-25) 0 var(--space-21)}h1{font-size:var(--text-37)}.source-bar{grid-template-columns:1fr auto;gap:var(--space-9);padding:var(--space-12)}.source-bar>label{grid-column:1/-1}.source-bar input{font-size:var(--text-12)}.source-bar .button{font-size:0;padding:var(--space-10) var(--space-12)}.source-bar .button span{font-size:var(--text-20)}.workspace{display:flex;flex-direction:column;gap:var(--space-14)}.library,.editing-column,.settings-column{width:100%}.library .panel-heading{flex-direction:row}.asset-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-10);max-height:415px}.asset-card{margin:0}.asset-list>.empty-state{grid-column:1/-1}.asset-preview-button span{opacity:1;transform:none;width:28px;height:28px}.asset-category-label{gap:var(--space-4);font-size:var(--text-12)}.asset-category-label select{font-size:var(--text-12)}.asset-name{font-size:var(--text-12)}.settings-column{display:flex}.settings-body{display:block}.magnific-body{display:block}.magnific-body #magnific-key-form{margin-bottom:var(--space-24)}.page-footer{font-size:var(--text-12);gap:var(--space-12)}.page-footer span:last-child{max-width:140px;text-align:right}.preview-wordmark{font-size:var(--text-66)}.preview-wordmark>span{font-size:var(--text-36)}.preview-empty p{font-size:var(--text-12)}.preview-empty small{font-size:var(--text-12)}.global-error{padding:var(--space-10) var(--space-16)}.panel-heading{padding:var(--space-18) var(--space-16) var(--space-14)}.subtle-tag{font-size:var(--text-12)}.output-card{margin:0 var(--space-12) var(--space-10);padding:var(--space-11)}.timeline-detail{font-size:var(--text-12)}.field-grid{grid-template-columns:1.1fr 1fr}.settings-body{padding:0 var(--space-19) var(--space-20)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Browser imports, production modules, and persistent edit revisions. */
.module-bar{margin:0 0 var(--space-20);border-bottom:1px solid var(--line);padding-bottom:var(--space-15)}.module-tabs{display:flex;gap:var(--space-7);flex-wrap:wrap;margin-bottom:var(--space-10)}.module-tab{border:1px solid var(--line);border-radius:var(--radius-7);background:transparent;color:var(--muted);padding:var(--space-12) var(--space-17);font-size:var(--text-12);text-align:left}.module-tab>span{font-size:var(--text-12);opacity:.65;margin-right:var(--space-8);letter-spacing:1px}.module-tab.active{background:var(--lime);border-color:var(--lime);color:var(--ink);font-weight:700}.module-tab:not(:disabled):hover{border-color:var(--lime)}.module-bar>p{font-size:var(--text-12);color:var(--muted)}.upload-bar{padding:var(--space-18) var(--space-20);display:flex;align-items:center;gap:var(--space-18);flex-wrap:wrap;margin-bottom:var(--space-12)}.upload-bar>div:first-child{flex:1;min-width:230px}.upload-bar h2{font-size:var(--text-17)}.upload-bar .eyebrow{margin-bottom:var(--space-4)}.upload-bar .help-text{margin-top:var(--space-5);max-width:620px}.upload-actions{display:flex;gap:var(--space-8);align-items:center}.upload-actions .button-outline{width:auto;white-space:nowrap}.upload-progress-panel{flex-basis:100%;border-top:1px solid var(--line);padding-top:var(--space-13)}.upload-progress-heading{display:flex;justify-content:space-between;gap:var(--space-15);margin-bottom:var(--space-8);font-size:var(--text-12)}.upload-progress-panel progress{width:100%;height:6px;accent-color:var(--lime)}.source-actions{display:flex;gap:var(--space-8)}.source-actions .button-outline{width:auto;white-space:nowrap}.source-hint{grid-column:2/-1;margin:0}.desktop-notice{background:var(--raised);border-bottom:1px solid var(--line);padding:var(--space-11) var(--space-36);font-size:var(--text-12);color:var(--paper)}.remote-body{padding:0 var(--space-20) var(--space-20)}.remote-actions{display:flex;align-items:center;gap:var(--space-13)}.drive-form{border-top:1px solid var(--line);padding-top:var(--space-17);margin-top:var(--space-17)}.remote-warning{color:var(--paper)}.integration-status.has-error{color:var(--red)}
.program-segments{display:flex;flex-direction:column;gap:var(--space-9)}.segment-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-10);margin:var(--space-18) 0 var(--space-10)}.segment-heading h3{font-size:var(--text-12)}.program-segment{padding:var(--space-11);border:1px solid var(--line);border-radius:var(--radius-6);background:var(--ink)}.program-segment-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);margin-bottom:var(--space-9)}.segment-number{font-size:var(--text-12);color:var(--muted)}.segment-actions{display:flex;gap:var(--space-4)}.small-icon-button{width:28px;height:27px;border:1px solid var(--line);border-radius:var(--radius-4);background:transparent;font-size:var(--text-12);display:inline-grid;place-items:center}.small-icon-button:not(:disabled):hover{border-color:var(--lime);color:var(--lime)}.program-segment .field{font-size:var(--text-12);margin-bottom:var(--space-8)}.program-segment .field input{padding:var(--space-8);font-size:var(--text-12);margin-top:var(--space-5)}.segment-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-9)}.coverage-list{max-height:190px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius-6);padding:var(--space-6);background:var(--ink);scrollbar-width:thin;scrollbar-color:var(--line) transparent}.coverage-option{display:flex;align-items:center;gap:var(--space-8);font-size:var(--text-12);padding:var(--space-7) var(--space-5);border-bottom:1px solid var(--line);cursor:pointer}.coverage-option:last-child{border-bottom:0}.coverage-option input{flex-shrink:0}.coverage-option>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coverage-option small{margin-left:auto;color:var(--muted);white-space:nowrap}.coverage-list>.help-text{padding:var(--space-5);margin:0}.script-field{margin-top:var(--space-17)}.analysis-note{font-size:var(--text-12);line-height:1.6;color:var(--paper);border-left:2px solid var(--line);padding:var(--space-7) var(--space-10);background:var(--raised)}.analysis-note.not-analyzed{color:var(--muted);border-color:var(--line);background:var(--ink)}.analysis-note.low-confidence{border-color:var(--line);color:var(--paper);background:var(--raised)}.analysis-note.human-review{color:var(--paper);border-color:var(--line);background:var(--raised)}
.project-editor{border-color:var(--line)}.project-editor-body{padding:0 var(--space-18) var(--space-18)}.project-editor .panel-heading{padding-bottom:var(--space-14)}.project-editor-top{display:flex;align-items:center;gap:var(--space-15)}.project-editor-top .field{flex:1;margin:0}.project-editor-top .subtle-tag{padding-top:var(--space-17)}.project-editor-body>.analysis-note{margin:var(--space-13) 0}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-15);margin:var(--space-13) 0 var(--space-8);font-size:var(--text-12);color:var(--muted)}.compact-field{margin:0;display:flex;align-items:center;gap:var(--space-8);font-size:var(--text-12);white-space:nowrap}.compact-field select{margin:0;padding:var(--space-6) var(--space-20) var(--space-6) var(--space-8);max-width:160px;font-size:var(--text-12)}.editor-scenes{display:flex;flex-direction:column;gap:var(--space-11);max-height:740px;overflow:auto;margin-top:var(--space-14);padding-right:var(--space-4);scrollbar-width:thin;scrollbar-color:var(--line) transparent}.editor-scene{border:1px solid var(--line);background:var(--ink);border-radius:var(--radius-7);padding:var(--space-12);scroll-margin-top:12px}.editor-scene:focus-within{border-color:var(--line)}.editor-scene-header{display:flex;align-items:center;gap:var(--space-8);margin-bottom:var(--space-11)}.editor-scene-number{font-size:var(--text-12);letter-spacing:1px;color:var(--lime);min-width:22px}.editor-source-name{min-width:0;flex:1;font-size:var(--text-12);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-reorder{display:flex;gap:var(--space-4)}.editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10)}.editor-fields .field{font-size:var(--text-12);margin:0}.editor-fields .field input,.editor-fields .field select{font-size:var(--text-12);margin-top:var(--space-5);padding:var(--space-8)}.editor-fields .wide{grid-column:1/-1}.editor-scene-info{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-9);margin-top:var(--space-10);font-size:var(--text-12);color:var(--muted)}.editor-scene-info p{max-width:75%}.editor-scene .analysis-note{margin-top:var(--space-10);font-size:var(--text-12)}.editor-footer{padding-top:var(--space-15);margin-top:var(--space-14);border-top:1px solid var(--line);display:flex;align-items:flex-start;gap:var(--space-12);flex-wrap:wrap}.editor-footer>span{font-size:var(--text-12);color:var(--muted);flex:1;min-width:130px;padding-top:var(--space-12)}.editor-footer>span.dirty{color:var(--lime)}.editor-buttons{display:flex;gap:var(--space-8);flex-wrap:wrap}.editor-buttons .button{font-size:var(--text-12);min-height:38px;padding:var(--space-9) var(--space-12)}.editor-buttons .button-outline{width:auto}.project-editor .inline-message{margin-top:var(--space-12);padding-bottom:0}.output-links button{font-size:var(--text-12)}.asset-analysis{font-size:var(--text-12);line-height:1.5;color:var(--muted);margin-top:var(--space-9)}.media-type-badge{position:absolute;left:9px;bottom:8px;background:var(--color-101510dd);color:var(--paper);font-size:var(--text-12);letter-spacing:1px;padding:var(--space-3) var(--space-6);border-radius:var(--radius-4)}.source-bar.server-only{opacity:.85}
@media(min-width:1600px){.editor-fields{grid-template-columns:repeat(4,minmax(0,1fr))}.editor-fields .wide{grid-column:1/-1}}
@media(max-width:1190px){.source-bar{grid-template-columns:1fr}.source-bar>label,.source-bar input,.source-actions,.source-hint{grid-column:1}.source-actions .button{flex:1}.upload-bar{padding:var(--space-15)}.upload-actions{flex-wrap:wrap}.editor-buttons{width:100%}.editor-buttons .button{flex:1}.editor-toolbar{align-items:flex-start;flex-direction:column}.remote-body{padding:0 var(--space-15) var(--space-16)}}
@media(max-width:980px){#program-settings{grid-column:1/-1}.program-segments{display:grid;grid-template-columns:1fr 1fr}.program-segments .program-segment:only-child{max-width:420px}.module-tabs{gap:var(--space-6)}.module-tab{padding:var(--space-11) var(--space-13)}.editor-scenes{max-height:600px}}
@media(max-width:680px){.module-tab{flex:1 1 45%;padding:var(--space-10) var(--space-12);font-size:var(--text-12)}.upload-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.upload-actions .button{font-size:var(--text-12);padding:var(--space-9)}.source-actions .button{font-size:var(--text-12);min-width:0;padding:var(--space-9)}.source-actions .button span{font-size:var(--text-15)}.source-bar input{min-height:40px}.source-hint{font-size:var(--text-12)}.program-segments{display:flex}.program-segments .program-segment:only-child{max-width:none}.editor-toolbar{flex-direction:row;align-items:center}.editor-scenes{max-height:600px}.project-editor-body{padding:0 var(--space-13) var(--space-15)}.project-editor-top{align-items:flex-start;flex-direction:column;gap:var(--space-5)}.project-editor-top .field{width:100%}.project-editor-top .subtle-tag{padding:0}.desktop-notice{padding:var(--space-10) var(--space-16)}.editor-buttons .button{min-width:115px}.upload-progress-heading{align-items:flex-start}.remote-body{padding:0 var(--space-19) var(--space-20)}}
.login-screen{position:fixed;inset:0;z-index:100;background:var(--color-0c100ded);display:grid;place-items:center;padding:var(--space-20);backdrop-filter:blur(10px)}.login-screen[hidden]{display:none}.login-card{width:min(420px,100%);padding:var(--space-30)}.login-card h2{font-size:var(--text-25);margin:var(--space-12) 0}.login-card .field{margin-top:var(--space-22)}.login-card>.button{width:100%;margin-top:var(--space-15)}.saved-projects{padding:0 var(--space-20) var(--space-18)}.saved-projects .field{margin:0}.coverage-list{max-height:520px}.coverage-card{padding:var(--space-12) var(--space-4);border-bottom:1px solid var(--line)}.coverage-card:last-child{border:0}.coverage-card .editor-fields{grid-template-columns:1fr 1fr}.coverage-card .editor-fields .field{font-size:var(--text-12)}.coverage-card .editor-fields input,.coverage-card .editor-fields select{padding:var(--space-6);font-size:var(--text-12)}.coverage-card .editor-fields .field:nth-child(3){grid-column:1/-1}.coverage-card .editor-source-name{font-size:var(--text-12)}.selection-actions{flex-wrap:wrap}.selection-actions #analyze-selected{flex-basis:100%;text-align:left;margin-bottom:var(--space-5)}.editor-footer>.text-button{flex-basis:100%;text-align:left}.module-bar [aria-selected=true]{box-shadow:var(--shadow-3)}.project-editor .help-text{line-height:1.6}.project-editor .editor-scenes[inert]{opacity:.6}#program-settings[hidden],#portfolio-settings[hidden],.visual-options[hidden]{display:none}#program-settings .analysis-note{margin-top:var(--space-15)}.program-segment-top{min-width:0}.program-segment-top .editor-source-name{white-space:normal;overflow-wrap:anywhere}.source-actions .button-light{white-space:normal}.module-tab{min-height:43px}.source-bar>input{width:100%}
.editor-project-settings{margin:var(--space-14) 0}#editor-project-settings{margin-top:var(--space-15);padding-top:var(--space-15);border-top:1px solid var(--line)}#save-program-draft{margin:var(--space-12) 0 0}.asset-visual-results{border-top:1px solid var(--line);padding-top:var(--space-8);margin-top:var(--space-9);font-size:var(--text-12);color:var(--muted)}.asset-visual-results>summary{cursor:pointer;color:var(--lime);padding:var(--space-3) 0}.visual-sample{padding:var(--space-9) 0;border-bottom:1px solid var(--line)}.visual-sample:last-child{border:0}.visual-sample .text-button{font-size:var(--text-12)}.visual-sample .asset-analysis{margin-top:var(--space-5)}#editor-project-settings[hidden]{display:none}
.coverage-ai{margin:0 0 var(--space-12);border:1px solid var(--line);border-radius:var(--radius-7);padding:var(--space-12)}.coverage-ai .field{margin-bottom:var(--space-10)}.coverage-ai .button{font-size:var(--text-12);min-height:36px}.coverage-ai>.analysis-note{margin-top:var(--space-10);font-size:var(--text-12)}.coverage-ai>.help-text{margin-top:var(--space-9)}
.content-cuts,.credit-settings{border:1px solid var(--line);border-radius:var(--radius-7);padding:var(--space-12);margin:var(--space-16) 0}.content-cuts .segment-heading{margin:0 0 var(--space-12)}.content-cuts>.button{width:100%;font-size:var(--text-12)}.content-cuts>.help-text{margin-top:var(--space-10)}.content-cut-list{display:flex;flex-direction:column;gap:var(--space-8);max-height:400px;overflow:auto;margin:var(--space-12) 0;scrollbar-width:thin}.content-cut-card{border:1px solid var(--line);background:var(--ink);padding:var(--space-11);border-radius:var(--radius-5)}.content-cut-heading{display:flex;align-items:flex-start;gap:var(--space-8);font-size:var(--text-12);font-weight:600}.content-cut-heading input{flex:none;margin-top:var(--space-2)}.content-cut-card .cut-times{font-size:var(--text-12);color:var(--lime);margin:var(--space-7) 0}.content-cut-transcript{font-size:var(--text-12);line-height:1.65;color:var(--paper);white-space:pre-wrap}.content-cut-actions{display:flex;gap:var(--space-13);align-items:center;margin-top:var(--space-10)}.credit-settings .switch-row{border:0;padding:0}.credit-settings .switch-row small{font-size:var(--text-12);line-height:1.5}.credit-settings #credit-fields{margin-top:var(--space-14)}.credit-settings>.help-text{margin-top:var(--space-10)}.credit-settings .field{font-size:var(--text-12)}.credit-settings .field input{font-size:var(--text-12);padding:var(--space-8)}.cut-confidence{font-size:var(--text-12);color:var(--muted);margin-top:var(--space-7)}
.created-cut-projects{display:flex;flex-direction:column;gap:var(--space-9);margin:var(--space-12) 0}.created-cut-projects .text-button{text-align:left;white-space:normal;line-height:1.6}
.new-program-project{margin:0 0 var(--space-15);display:block}
.youtube-import{border:1px solid var(--line);border-radius:var(--radius-7);padding:var(--space-12);margin-bottom:var(--space-18);background:var(--ink)}.youtube-import h3{font-size:var(--text-12);margin:0 0 var(--space-13)}.youtube-import .field{font-size:var(--text-12);margin-bottom:var(--space-12)}.youtube-import .field input{font-size:var(--text-12)}.youtube-import>.button{width:100%;font-size:var(--text-12)}.youtube-import>.help-text{margin-top:var(--space-10)}.youtube-import>.text-button{display:block;margin-top:var(--space-12);text-align:left;white-space:normal;font-size:var(--text-12)}.youtube-import>.analysis-note{font-size:var(--text-12);line-height:1.6}

/* Visible focus also covers generated controls and timeline handles. */
:where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.brand-logo{width:100%;height:100%;object-fit:contain}
.brand-mark{display:grid;place-items:center;padding:0!important;line-height:1!important}
.shell-topbar .brand small{letter-spacing:0}
.shell-theme-control{display:flex;align-items:center;gap:var(--space-6);font-size:var(--text-12);color:var(--muted)}
.shell-theme-control select{width:auto;padding:var(--space-4);font-size:var(--text-12)}
/* Accent text and filled controls use separate contrast partners. */
.button-accent,.shell-primary,.stl-play,.filter-chip.active,.source-insert-controls [data-insert]{color:var(--muted)}
.preview-empty,.preview-empty p,.preview-empty small,.preview-wordmark,.source-monitor-empty{color:var(--canvas-ink)!important}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.button-accent,.shell-primary,.stl-play,.filter-chip.active,.source-insert-controls [data-insert]{color:var(--accent-ink)}


/* timeline.css */
/* Scoped styles for StudioTimeline; independent of the application shell. */
.studio-timeline{display:flex;flex-direction:column;min-width:0;min-height:245px;height:100%;border:1px solid var(--stl-line);border-radius:var(--radius-9);background:var(--stl-bg);color:var(--stl-ink);overflow:hidden;font:var(--text-12) var(--sans);isolation:isolate}
.studio-timeline *{box-sizing:border-box}
.stl-toolbar{display:flex;align-items:center;gap:var(--space-14);min-height:43px;padding:var(--space-6) var(--space-10);border-bottom:1px solid var(--stl-line);background:var(--ink);flex-wrap:wrap}
.stl-control-group{display:flex;align-items:center;gap:var(--space-5);flex:none}
.stl-button{display:inline-flex;align-items:center;justify-content:center;min-width:29px;height:28px;padding:var(--space-4) var(--space-8);border:1px solid var(--line);border-radius:var(--radius-4);background:var(--raised);color:var(--stl-ink);font:var(--text-12) var(--sans);white-space:nowrap;cursor:pointer}
.stl-button:not(:disabled):hover{border-color:var(--stl-lime);color:var(--stl-lime);background:var(--raised)}
.stl-button[data-action=play]{background:var(--stl-lime);color:var(--muted);border-color:var(--stl-lime);font-size:var(--text-12)}
.stl-button:disabled{opacity:.35;cursor:not-allowed}
.stl-button:focus-visible,.stl-block:focus-visible,.stl-handle:focus-visible,.stl-viewport:focus-visible{outline:2px solid var(--stl-lime);outline-offset:-2px}
.stl-time{font:var(--text-12) var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:148px;color:var(--paper)}
.stl-zoom{margin-left:auto;display:flex;align-items:center;gap:var(--space-8);color:var(--stl-muted);font-size:var(--text-12);white-space:nowrap}
.stl-zoom input{width:112px;min-width:60px;height:18px;margin:0;padding:0;border:0;accent-color:var(--stl-lime);background:transparent;cursor:ew-resize}
.stl-viewport{position:relative;overflow:auto;flex:1;min-height:155px;scrollbar-width:thin;scrollbar-color:var(--line) var(--line);overscroll-behavior:contain}
.stl-content{position:relative;min-height:187px;user-select:none;-webkit-user-select:none}
.stl-row-audio{height:43px;background-color:var(--ink)}
.stl-block-audio{background:linear-gradient(180deg,var(--color-2b6559),var(--color-1c473f));border-color:var(--color-439e8a)}
.stl-block-audio .stl-block-label{padding-top:var(--space-4);font-size:var(--text-12)}
.stl-block-audio .stl-block-duration{margin-top:var(--space-3);font-size:var(--text-12)}
.stl-link-icon{position:absolute;right:11px;bottom:4px;font-size:var(--text-12);color:var(--paper);pointer-events:none}
.stl-button[aria-pressed=true]{border-color:var(--stl-lime);color:var(--stl-lime);background:var(--raised)}
.studio-timeline[data-tool=razor] .stl-block-items,.studio-timeline[data-tool=razor] .stl-block-audio{cursor:crosshair}
.studio-timeline[data-tool=hand] .stl-content,.studio-timeline[data-tool=hand] .stl-block{cursor:grab}
.studio-timeline[data-tool=zoom] .stl-content,.studio-timeline[data-tool=zoom] .stl-block{cursor:zoom-in}
.stl-navigator{position:relative;flex:none;height:18px;margin:var(--space-3) var(--space-9);background:var(--ink);border:1px solid var(--line);border-radius:var(--radius-5);overflow:hidden;touch-action:none}
.stl-nav-window{position:absolute;top:1px;bottom:1px;min-width:16px;background:var(--raised);border:1px solid var(--line);border-radius:var(--radius-4);cursor:grab;touch-action:none}
.stl-nav-handle{position:absolute;top:-1px;bottom:-1px;width:9px;min-width:9px;border:0;padding:0;background:var(--raised);border-radius:var(--radius-3);cursor:ew-resize;touch-action:none}
.stl-nav-start{left:-1px}.stl-nav-end{right:-1px}
.stl-nav-handle:focus-visible{outline:2px solid var(--stl-lime);outline-offset:-2px}
.stl-ruler-row{height:29px;position:relative;background:var(--ink);border-bottom:1px solid var(--line)}
.stl-lane-label{display:flex;align-items:center;position:sticky;left:0;top:0;width:236px;height:100%;padding:0 var(--space-9);background:var(--ink);border-right:1px solid var(--line);color:var(--stl-muted);font-size:var(--text-12);font-weight:700;letter-spacing:.45px;white-space:nowrap;z-index:5;box-shadow:var(--shadow-4)}
.stl-ruler-row .stl-lane-label{color:var(--muted);font-size:var(--text-12)}
.stl-ruler{position:absolute;left:236px;top:0;height:100%;cursor:crosshair;overflow:hidden;touch-action:pan-x}
.stl-tick{position:absolute;top:11px;height:18px;padding-left:var(--space-5);border-left:1px solid var(--line);color:var(--muted);font:var(--text-12) var(--mono);white-space:nowrap;pointer-events:none}
.stl-row{position:relative;height:32px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(90deg,transparent 0,transparent 35px,var(--color-25342a33) 36px)}
.stl-row-items{height:56px;background-color:var(--ink)}
.stl-row-coverage{height:42px;background-color:var(--ink)}
.stl-row-credit{height:30px;background-color:var(--ink)}
.stl-row-subtitles{height:30px;background-color:var(--ink)}
.stl-row-titles{height:42px;background-color:var(--ink)}
.stl-block-titles{background:linear-gradient(180deg,var(--color-67522d),var(--color-483a22));border-color:var(--color-a98b4d)}
.stl-block-titles .stl-block-label{padding-top:var(--space-4);font-size:var(--text-12)}
.stl-block-titles .stl-block-duration{margin-top:var(--space-2);font-size:var(--text-12)}
.studio-timeline[data-tool=razor] .stl-block-titles{cursor:crosshair}
.stl-lane{position:absolute;left:236px;top:0;height:100%}
.stl-lane-empty{display:block;margin:var(--space-10) var(--space-13);font-size:var(--text-12);color:var(--muted);pointer-events:none}
.stl-row-items .stl-lane-empty{margin-top:var(--space-22);color:var(--muted)}
.stl-block{position:absolute;top:3px;bottom:3px;border:1px solid var(--color-627e40);border-radius:var(--radius-4);background:var(--color-354b2b);overflow:hidden;color:var(--color-f3f5e7);cursor:grab;touch-action:none;min-width:1px;transition:box-shadow .12s;contain:layout paint}
.stl-block-items{background:linear-gradient(180deg,var(--color-476331),var(--color-2b4027))}
.stl-block-coverage{background:linear-gradient(180deg,var(--color-275e5b),var(--color-1f4242));border-color:var(--color-488d89)}
.stl-block-credit{background:var(--color-50366c);border-color:var(--color-9261b8);cursor:pointer}
.stl-block-subtitles{background:var(--color-354967);border-color:var(--color-597598);cursor:pointer}
.stl-block:hover{box-shadow:var(--shadow-5)}
.stl-block.stl-selected{border-color:var(--stl-lime);box-shadow:var(--shadow-6);z-index:2}
.stl-block.stl-linked-selected{border-color:var(--color-d0ff48aa);box-shadow:var(--shadow-7)}
.stl-block.stl-selected .stl-block-label{color:var(--color-fff)}
.stl-thumb{position:absolute;left:0;top:0;height:100%;width:auto;max-width:100%;object-fit:cover;opacity:.34;pointer-events:none}
.stl-block-label{position:relative;display:block;padding:var(--space-6) var(--space-11) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--text-12);font-weight:600;text-shadow:var(--shadow-8);pointer-events:none;max-width:100%}
.stl-block-duration{position:relative;display:block;margin:var(--space-5) var(--space-11) 0;color:var(--color-d7e5cb);font:var(--text-12) var(--mono);text-shadow:var(--shadow-9);white-space:nowrap;pointer-events:none}
.stl-block-coverage .stl-block-label{padding-top:var(--space-4);font-size:var(--text-12)}
.stl-block-coverage .stl-block-duration{margin-top:var(--space-2);font-size:var(--text-12)}
.stl-block-credit .stl-block-label,.stl-block-subtitles .stl-block-label{padding:var(--space-6) var(--space-7) 0;font-size:var(--text-12)}
.stl-handle{position:absolute;top:0;bottom:0;width:9px;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:var(--color-101c0a44);cursor:ew-resize;touch-action:none;opacity:.5;z-index:3}
.stl-handle::after{content:"";position:absolute;top:32%;bottom:32%;left:3px;border-left:2px solid var(--line)}
.stl-handle-start{left:0;border-right:1px solid var(--color-d0ff4826)}
.stl-handle-end{right:0;border-left:1px solid var(--color-d0ff4826)}
.stl-selected .stl-handle,.stl-handle:hover,.stl-handle:focus{opacity:1;background:var(--color-d0ff4877)}
.stl-busy .stl-block{cursor:default;opacity:.7}
.stl-busy .stl-handle{cursor:not-allowed}
.stl-playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--stl-lime);box-shadow:var(--shadow-10);pointer-events:none;z-index:4}
.stl-playhead::before{content:"";display:block;position:absolute;top:0;left:-5px;width:11px;height:8px;background:var(--stl-lime);clip-path:polygon(0 0,100% 0,100% 45%,50% 100%,0 45%)}
.stl-footer{min-height:26px;display:flex;justify-content:space-between;gap:var(--space-10);padding:var(--space-6) var(--space-10);border-top:1px solid var(--stl-line);background:var(--ink);line-height:1.35}
.stl-status{font-size:var(--text-12);color:var(--muted);overflow-wrap:anywhere}
.stl-status.stl-error{color:var(--paper)}
.stl-selection-summary{margin-left:auto;max-width:35%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--paper);font-size:var(--text-12)}
.stl-context-menu{position:fixed;z-index:10000;width:246px;max-width:calc(100vw - 8px);max-height:calc(100vh - 8px);overflow:auto;padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-7);background:var(--ink);color:var(--paper);box-shadow:var(--shadow-11);font:var(--text-12) var(--sans);box-sizing:border-box}
.stl-context-menu[hidden]{display:none}
.stl-context-menu *{box-sizing:border-box}
.stl-context-heading{font-weight:700;padding:var(--space-8) var(--space-8) var(--space-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stl-context-detail{padding:0 var(--space-8) var(--space-8);color:var(--muted);font:var(--text-12) var(--mono);border-bottom:1px solid var(--line);margin-bottom:var(--space-4)}
.stl-context-action{display:block;width:100%;margin:0;padding:var(--space-8);border:0;border-radius:var(--radius-3);background:transparent;text-align:left;color:inherit;font:var(--text-12) var(--sans);cursor:pointer}
.stl-context-action:hover:not(:disabled),.stl-context-action:focus-visible{outline:0;background:var(--raised);color:var(--paper)}
.stl-context-action:disabled{color:var(--muted);cursor:default}
.stl-hint{font-size:var(--text-12);color:var(--muted);white-space:nowrap}
@media(max-width:900px){.stl-toolbar{gap:var(--space-6) var(--space-10)}.stl-time{min-width:135px;font-size:var(--text-12)}.stl-zoom input{width:80px}.stl-hint{display:none}.stl-button{padding:var(--space-4) var(--space-6)}}
@media(max-width:600px){.studio-timeline{min-height:286px}.stl-toolbar{gap:var(--space-6)}.stl-edits{order:3;width:100%}.stl-zoom{margin-left:auto}.stl-toolbar .stl-button{min-height:29px}.stl-time{min-width:133px}.stl-handle{width:12px}.stl-handle::after{left:4px}.stl-block-label{padding-left:var(--space-14)}}
@media(prefers-reduced-motion:reduce){.stl-block{transition:none}}

.stl-speech-proposal{position:absolute;top:2px;bottom:2px;background:repeating-linear-gradient(135deg,transparent,transparent 4px,var(--lime) 4px,var(--lime) 6px);border:2px dashed var(--lime);pointer-events:none;z-index:5;color:var(--ink);font-weight:bold;text-align:center;opacity:.6}
.stl-speech-proposal.stl-proposal-selected{opacity:.9;border-style:solid}


/* studio-shell.css */

.studio-shell{font-size:var(--text-12);background:var(--ink)}.studio-shell h1{font-family:var(--sans);text-transform:none;font-weight:650;letter-spacing:-1px}.studio-shell input,.studio-shell select,.studio-shell textarea{background:var(--ink);border-color:var(--line)}.studio-shell button:focus-visible,.studio-shell a:focus-visible{outline-offset:2px}.studio-shell .button{min-height:34px;font-size:var(--text-12);padding:var(--space-8) var(--space-11)}.studio-shell .button-outline{border-color:var(--line)}.studio-shell .button-outline:hover{background:var(--raised)}.studio-shell .text-button{color:var(--paper)}.studio-shell .panel{box-shadow:var(--shadow-12)}.studio-shell .help-text{color:var(--muted)}
.shell-topbar{height:58px;padding:0 var(--space-20);gap:var(--space-24);background:var(--ink);position:relative;z-index:20}.shell-topbar .brand{font-size:var(--text-14);gap:var(--space-9);letter-spacing:1.2px;flex:none}.shell-topbar .brand small{font-size:var(--text-12);letter-spacing:2px;margin-top:0}.shell-topbar .brand-mark{width:25px;height:26px;font:800 var(--text-25)/29px var(--sans);padding-left:var(--space-3);border-radius:var(--radius-3)}.shell-topbar .brand-mark span{display:none}.shell-topbar .topbar-right{gap:var(--space-12)}.shell-topbar .status-pill{font-size:0;border:0;width:11px;padding:0;gap:0;min-width:8px}.shell-topbar .status-pill i{width:6px;height:6px}.shell-project-heading{display:flex;align-items:center;gap:var(--space-15);flex:1;min-width:0;border-left:1px solid var(--line);padding-left:var(--space-22)}.shell-project-heading>span:first-child{font-size:var(--text-12);max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--paper)}#shell-project-state{font-size:var(--text-12);color:var(--muted);white-space:nowrap}#shell-project-state.is-dirty:before{content:'';display:inline-block;width:5px;height:5px;border-radius:var(--radius-round);background:var(--lime);margin-right:var(--space-6)}.shell-button{border:1px solid var(--line);background:var(--raised);border-radius:var(--radius-5);min-height:32px;padding:var(--space-7) var(--space-13);font-size:var(--text-12);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-7);white-space:nowrap}.shell-button:hover{background:var(--raised)}.shell-primary{background:var(--lime);color:var(--muted);border-color:var(--lime)}.shell-primary:hover{background:var(--lime)}.shell-quiet-button{background:none;border:0;padding:var(--space-7) var(--space-2);font-size:var(--text-12);color:var(--paper);display:inline-flex;align-items:center;gap:var(--space-7);white-space:nowrap}.shell-quiet-button:hover{color:var(--paper)}.shell-quiet-button>span:first-child{font-size:var(--text-17)}#shell-activity-dot{width:5px;height:5px;background:var(--lime);border-radius:var(--radius-round)}.shell-close-button{background:none;border:0;font-size:var(--text-23);line-height:1;width:30px;height:30px;color:var(--muted)}.shell-close-button:hover{color:var(--paper);background:var(--raised);border-radius:var(--radius-4)}
.shell-home{display:grid;grid-template-columns:208px minmax(0,1fr);min-height:calc(100dvh - 58px)}.shell-home-nav{background:var(--ink);border-right:1px solid var(--line);padding:var(--space-31) var(--space-14) var(--space-20);display:flex;flex-direction:column}.shell-nav-caption{font-size:var(--text-12);letter-spacing:1px;color:var(--muted);padding:0 var(--space-12);margin-bottom:var(--space-16)}.shell-nav-item{padding:var(--space-12);border-radius:var(--radius-5);display:flex;gap:var(--space-10);font-size:var(--text-12);background:var(--raised);color:var(--paper)}.shell-nav-item>span{color:var(--lime)}.shell-home-nav-bottom{display:flex;gap:var(--space-10);align-items:center;margin-top:auto;padding:var(--space-40) var(--space-8) 0;color:var(--paper);font-size:var(--text-12)}.shell-home-nav-bottom small{display:block;margin-top:var(--space-4);font-size:var(--text-12);color:var(--muted)}.shell-nav-monogram{font-size:var(--text-14);background:var(--raised);border:1px solid var(--line);width:31px;height:31px;display:grid;place-items:center;border-radius:var(--radius-7);color:var(--muted)}.shell-home-content{padding:var(--space-40) clamp(var(--space-24),4vw,var(--space-68));max-width:1680px;width:100%;margin:0 auto;align-self:start}.shell-home-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-20);margin-bottom:var(--space-36)}.shell-kicker{font-size:var(--text-12);font-weight:600;letter-spacing:1.6px;color:var(--muted);margin-bottom:var(--space-9)}.shell-home-heading h1{font-size:var(--text-29);line-height:1.2}.shell-home-heading p:last-child{font-size:var(--text-12);color:var(--muted);margin-top:var(--space-9)}.shell-home-heading>.shell-button{min-height:38px;padding:var(--space-9) var(--space-17)}.shell-home-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-18);border-bottom:1px solid var(--line);padding-bottom:var(--space-17);margin-bottom:var(--space-23)}.shell-recent-filters{display:flex;gap:var(--space-6);flex-wrap:wrap}.shell-recent-filters button{background:none;color:var(--muted);border:1px solid transparent;border-radius:var(--radius-5);padding:var(--space-7) var(--space-11);font-size:var(--text-12)}.shell-recent-filters button[aria-pressed=true]{color:var(--paper);background:var(--raised);border-color:var(--line)}.shell-recent-filters button:hover{color:var(--paper)}.shell-search{width:220px;flex:none}.shell-search input{font-size:var(--text-12);padding:var(--space-8) var(--space-11);border-radius:var(--radius-5)}.shell-section-heading{display:flex;align-items:center;gap:var(--space-14);margin-bottom:var(--space-17)}.shell-section-heading h2{font-size:var(--text-13);letter-spacing:0;margin-right:auto}.shell-section-heading h2 span{display:inline-block;margin-left:var(--space-6);color:var(--muted);font-size:var(--text-12);font-weight:400}.shell-section-heading>span{font-size:var(--text-12);color:var(--muted)}.shell-section-heading .shell-home-refresh{font-size:var(--text-12);color:var(--muted)}.shell-recent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-22)}.shell-recent-card{border:1px solid var(--line);border-radius:var(--radius-9);background:var(--raised);overflow:hidden;transition:border-color .15s,transform .15s;min-width:0}.shell-recent-card:hover{border-color:var(--line);transform:translateY(-2px)}.shell-card-visual{aspect-ratio:16/9;background:var(--canvas);position:relative;overflow:hidden}.shell-card-visual img{width:100%;height:100%;object-fit:cover;display:block}.shell-card-visual:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,var(--color-0006));pointer-events:none}.shell-card-fallback{background:radial-gradient(ellipse at 80% 20%,var(--raised) 0,transparent 55%),linear-gradient(130deg,var(--raised),var(--raised))}.shell-card-fallback[data-mode=podcast]{background:radial-gradient(ellipse at 80% 20%,var(--raised) 0,transparent 55%),linear-gradient(130deg,var(--raised),var(--raised))}.shell-card-fallback[data-mode=interview]{background:radial-gradient(ellipse at 80% 20%,var(--raised) 0,transparent 55%),linear-gradient(130deg,var(--raised),var(--raised))}.shell-card-fallback[data-mode=report]{background:radial-gradient(ellipse at 80% 20%,var(--raised) 0,transparent 55%),linear-gradient(130deg,var(--raised),var(--raised))}.shell-card-glyph{position:absolute;right:25px;top:50%;transform:translateY(-50%);font-size:var(--text-78);font-weight:200;color:var(--color-d5e1cf22);line-height:1;display:none}.shell-card-fallback .shell-card-glyph{display:block}.shell-card-type{position:absolute;left:12px;top:12px;background:var(--color-111b);backdrop-filter:blur(8px);padding:var(--space-4) var(--space-7);border:1px solid var(--color-ffffff18);border-radius:var(--radius-4);font-size:var(--text-12);color:var(--canvas-ink);z-index:1}.shell-card-duration{position:absolute;right:11px;bottom:10px;z-index:1;background:var(--color-101415bc);padding:var(--space-3) var(--space-6);font-size:var(--text-12);font-variant-numeric:tabular-nums;border-radius:var(--radius-3)}.shell-card-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--color-1119);border:1px solid var(--color-ffffff38);border-radius:var(--radius-round);width:39px;height:39px;z-index:2;font-size:var(--text-12);color:var(--canvas-ink);opacity:0}.shell-recent-card:hover .shell-card-play,.shell-card-play:focus-visible{opacity:1}.shell-card-copy{padding:var(--space-15)}.shell-card-copy h3{font-size:var(--text-12);font-weight:550;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:36px}.shell-card-meta{font-size:var(--text-12);color:var(--muted);margin-top:var(--space-7)}.shell-card-actions{display:flex;gap:var(--space-8);align-items:center;margin-top:var(--space-17)}.shell-card-actions button{font-size:var(--text-12);border:1px solid var(--line);border-radius:var(--radius-4);background:var(--raised);padding:var(--space-6) var(--space-10);min-height:29px}.shell-card-actions .shell-card-edit{background:var(--raised);color:var(--paper);border-color:var(--line);flex:1}.shell-card-actions .shell-card-edit:hover{background:var(--raised)}.shell-card-actions .shell-card-export{color:var(--paper)}.shell-home-empty{text-align:center;border:1px dashed var(--line);border-radius:var(--radius-9);padding:var(--space-70) var(--space-25);background:var(--ink)}.shell-home-empty>span{font-size:var(--text-40);line-height:1;color:var(--muted)}.shell-home-empty h2{font-size:var(--text-17);margin-top:var(--space-15)}.shell-home-empty p{color:var(--muted);font-size:var(--text-12);margin:var(--space-10) 0 var(--space-23)}
.studio-shell[data-studio-view=editor]{height:100dvh;overflow:hidden}.studio-shell #studio-editor{max-width:none;margin:0;padding:0;height:calc(100dvh - 58px);display:grid;grid-template-rows:44px minmax(180px,1fr) clamp(260px,30vh,310px);gap:0}.shell-editor-toolbar{display:flex;align-items:center;gap:var(--space-15);padding:0 var(--space-16);border-bottom:1px solid var(--line);background:var(--raised)}.shell-mode-label{font-size:var(--text-12);color:var(--muted);border-left:1px solid var(--line);padding-left:var(--space-15)}.shell-toolbar-spacer{flex:1}.shell-editor-toolbar .shell-button{min-height:28px;padding:var(--space-4) var(--space-12);font-size:var(--text-12)}.studio-shell .intro-bar,.studio-shell .page-footer,.studio-shell .outputs,.studio-shell .timeline-section,.studio-shell .module-bar{display:none!important}.studio-shell .workspace{grid-row:2;grid-template-columns:260px minmax(280px,1fr) 336px;gap:var(--space-1);background:var(--line);min-height:0;overflow:hidden;align-items:stretch}.shell-library-column,.shell-inspector{background:var(--panel);min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}.shell-panel-tabs{display:flex;align-items:stretch;min-height:37px;height:37px;border-bottom:1px solid var(--line);padding:0 var(--space-8);gap:var(--space-3);flex:none;background:var(--raised)}.shell-panel-tab{border:0;background:none;border-bottom:2px solid transparent;border-radius:0;color:var(--muted);padding:0 var(--space-11);font-size:var(--text-12);font-weight:500;min-width:0}.shell-panel-tab[aria-selected=true]{color:var(--paper);border-bottom-color:var(--lime)}.shell-panel-tab:hover{color:var(--paper)}.shell-inspector-tabs{padding:0 var(--space-5)}.shell-inspector-tabs .shell-panel-tab{flex:1;padding:0 var(--space-6)}.shell-library-pane{min-height:0;display:flex;flex:1;overflow:hidden}.studio-shell .library{border:0;border-radius:0;display:flex;flex-direction:column;width:100%;min-height:0}.studio-shell .library .panel-heading{padding:var(--space-13) var(--space-12) var(--space-11);align-items:center}.studio-shell .library .eyebrow{display:none}.studio-shell .library h2{font-size:var(--text-12);letter-spacing:0}.studio-shell .selection-count{font-size:var(--text-12)}.studio-shell .library-tools{padding:0 var(--space-11) var(--space-10);flex:none}.studio-shell .library-tools input{font-size:var(--text-12);padding:var(--space-7) var(--space-9)}.studio-shell .filter-list{gap:var(--space-4);margin:var(--space-9) 0}.studio-shell .filter-chip{font-size:var(--text-12);padding:var(--space-4) var(--space-6);border-radius:var(--radius-4);background:var(--raised)}.studio-shell .filter-chip.active{background:var(--raised);color:var(--paper);border-color:var(--line)}.studio-shell .selection-actions .text-button{font-size:var(--text-12)}.studio-shell .asset-list{padding:var(--space-8);max-height:none;min-height:0;flex:1;overflow:auto;scrollbar-color:var(--line) transparent}.studio-shell .asset-card{display:grid;grid-template-columns:84px minmax(0,1fr);gap:0;border:1px solid var(--line);background:var(--raised);margin-bottom:var(--space-6);border-radius:var(--radius-5);align-items:start}.studio-shell .asset-card.selected{border-color:var(--line);background:var(--raised)}.studio-shell .asset-media{width:84px;aspect-ratio:16/10;align-self:stretch;min-height:58px}.studio-shell .asset-select{top:4px;left:4px;padding:var(--space-2)}.studio-shell .asset-select input{width:12px;height:12px}.studio-shell .asset-duration{font-size:var(--text-12);right:3px;bottom:3px;padding:var(--space-1) var(--space-3)}.studio-shell .asset-details{padding:var(--space-7);min-width:0}.studio-shell .asset-name{font-size:var(--text-12);margin-bottom:var(--space-5);font-weight:500}.studio-shell .asset-category-label{font-size:0;gap:0}.studio-shell .asset-category-label select{font-size:var(--text-12);padding:var(--space-3) var(--space-4);background:var(--raised);line-height:1.2}.studio-shell .asset-analysis,.studio-shell .asset-visual-results{display:none}.studio-shell[data-studio-panel=ai] .asset-analysis,.studio-shell[data-studio-panel=ai] .asset-visual-results{display:block}.studio-shell .asset-analysis{font-size:var(--text-12)}.studio-shell .asset-thumbnail-fallback{font-family:var(--sans);font-size:var(--text-12)}.studio-shell .library-footer{font-size:var(--text-12);padding:var(--space-9) var(--space-12);flex:none}.shell-import-pane{padding:var(--space-12);overflow:auto;min-height:0}.studio-shell .shell-import-pane .panel{border:0;background:none;padding:0;border-radius:0;margin-bottom:var(--space-20)}.studio-shell .upload-bar{display:block}.studio-shell .upload-bar>div:first-child{min-width:0}.studio-shell .upload-bar h2{font-size:var(--text-13)}.studio-shell .upload-actions{display:flex;flex-direction:column;align-items:stretch;margin-top:var(--space-14);gap:var(--space-8)}.studio-shell .upload-actions .button{width:100%;font-size:var(--text-12)}.studio-shell .source-bar{display:flex;flex-direction:column;align-items:stretch;padding:var(--space-12) 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none;gap:var(--space-10)}.studio-shell .source-bar input{font-size:var(--text-12);border:1px solid var(--line)}.studio-shell .source-actions{flex-direction:column}.studio-shell .source-actions .button{width:100%;font-size:var(--text-12)}.studio-shell .youtube-import{margin-top:var(--space-15);background:var(--raised)}.studio-shell .youtube-import .field input{font-size:var(--text-12)}
.studio-shell .editing-column{background:var(--ink);gap:0;min-height:0;overflow:hidden}.studio-shell .preview{border:0;border-radius:0;height:100%;display:flex;flex-direction:column;background:var(--ink);min-height:0}.studio-shell .preview .panel-heading{padding:var(--space-11) var(--space-14);min-height:38px;height:38px;border-bottom:1px solid var(--line);background:var(--raised);flex:none}.studio-shell .preview .eyebrow{display:none}.studio-shell .preview .panel-heading h2{font-size:var(--text-12);font-weight:500;letter-spacing:0}.studio-shell .preview .subtle-tag{font-size:var(--text-12)}.studio-shell .preview-stage{margin:var(--space-14);aspect-ratio:auto;flex:1;min-height:0;border:1px solid var(--canvas);background:var(--canvas);border-radius:var(--radius-3)}.studio-shell .preview-stage video{position:absolute;inset:0;width:100%;height:100%;background:var(--canvas);object-fit:contain}.studio-shell .preview-empty{width:auto;text-align:center;padding:var(--space-28)}.studio-shell .preview-wordmark{font-family:var(--sans);font-size:var(--text-23);font-weight:750;letter-spacing:3px;color:var(--canvas-ink);justify-content:center}.studio-shell .preview-wordmark>span{display:none}.studio-shell .preview-rule{height:1px;width:28px;margin:var(--space-15) auto;background:var(--raised)}.studio-shell .preview-empty p{font-size:var(--text-12);color:var(--canvas-ink)}.studio-shell .preview-empty small{font-size:var(--text-12);color:var(--canvas-ink)}.studio-shell .preview-caption{flex:none;min-height:34px;padding:var(--space-7) var(--space-14);font-size:var(--text-12);border-top:1px solid var(--line)}.studio-shell #preview-download{font-size:var(--text-12)}.studio-shell .settings-column{gap:0}.shell-inspector-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.shell-inspector-pane{min-width:0}.studio-shell .shell-inspector .panel{border:0;border-radius:0;background:none}.studio-shell .shell-inspector .panel-heading{padding:var(--space-14) var(--space-13) var(--space-10)}.studio-shell .shell-inspector .panel-heading .eyebrow{display:none}.studio-shell .shell-inspector h2{font-size:var(--text-12);letter-spacing:0}.studio-shell .settings-body{padding:0 var(--space-13) var(--space-16)}.studio-shell .settings-body fieldset{padding-top:var(--space-12);margin-bottom:var(--space-15)}.studio-shell .settings-body fieldset legend{font-size:var(--text-12);letter-spacing:.6px}.studio-shell .field{font-size:var(--text-12);margin-bottom:var(--space-12)}.studio-shell .field input,.studio-shell .field select,.studio-shell .field textarea{font-size:var(--text-12);padding:var(--space-7) var(--space-8)}.studio-shell .field-note{font-size:var(--text-12)}.studio-shell .help-text,.studio-shell .render-hint{font-size:var(--text-12);line-height:1.5}.studio-shell .switch-row{padding:var(--space-10) 0}.studio-shell .switch-row strong{font-size:var(--text-12)}.studio-shell .switch-row small{font-size:var(--text-12)}.studio-shell .analysis-note{font-size:var(--text-12);background:var(--raised);color:var(--paper);border-color:var(--line)}.studio-shell .content-cuts,.studio-shell .credit-settings,.studio-shell .coverage-ai{padding:var(--space-10);border-color:var(--line);background:var(--raised)}.studio-shell .program-segment{background:var(--raised);border-color:var(--line)}.studio-shell .coverage-list{background:var(--raised);border-color:var(--line);max-height:340px}.studio-shell .editor-fields{grid-template-columns:1fr 1fr}.studio-shell .editor-scenes{max-height:none;padding-right:0;overflow:visible}.studio-shell .editor-scene{padding:var(--space-10);background:var(--raised);border-color:var(--line)}.studio-shell .project-editor-body{padding:0 var(--space-12) var(--space-15)}.studio-shell .project-editor-top{display:block}.studio-shell .project-editor-top .subtle-tag{display:block;padding:var(--space-7) 0 0}.studio-shell .editor-toolbar{display:block;margin:var(--space-12) 0}.studio-shell .editor-toolbar .compact-field{margin-top:var(--space-8)}.studio-shell .editor-footer{gap:var(--space-9)}.studio-shell .editor-footer>span{padding-top:0;min-width:0;flex-basis:100%}.studio-shell .editor-buttons{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.studio-shell .editor-buttons .button{font-size:var(--text-12);padding:var(--space-7);min-height:30px}.studio-shell .editor-reorder{gap:var(--space-3)}.studio-shell .small-icon-button{width:24px;height:23px;font-size:var(--text-12)}.shell-inspector-empty{padding:var(--space-35) var(--space-22);font-size:var(--text-12);line-height:1.7;color:var(--muted);text-align:center}.studio-shell #close-project-editor{display:none}.studio-shell #new-program-project{display:none}.studio-shell #shell-system-pane{padding:var(--space-13)}.studio-shell #shell-system-pane>.execution-field{margin:0 0 var(--space-14);border:0;padding:0}.studio-shell #shell-system-pane .remote-body,.studio-shell #shell-system-pane .storage-body{padding:0 0 var(--space-16)}.studio-shell #shell-system-pane .panel-heading{padding:var(--space-14) 0 var(--space-10)}.studio-shell #shell-ai-pane #magnific-panel{margin:var(--space-12);border:1px solid var(--line);border-radius:var(--radius-6)}.studio-shell #shell-ai-pane .magnific-body{padding:var(--space-13)}#interactive-timeline{grid-row:3;min-height:0;border-top:1px solid var(--line);overflow:hidden;background:var(--ink)}#interactive-timeline:empty:before{content:'Abra um projeto para editar na timeline.';display:grid;place-items:center;height:100%;font-size:var(--text-12);color:var(--muted)}#interactive-timeline>.studio-timeline{height:100%}
.shell-dialog{color:var(--paper);background:var(--raised);border:1px solid var(--line);border-radius:var(--radius-12);width:min(660px,calc(100vw - 32px));padding:var(--space-27);box-shadow:var(--shadow-13)}.shell-dialog::backdrop{background:var(--color-0a0d10ba);backdrop-filter:blur(5px)}.shell-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-20)}.shell-dialog-heading h2{font-size:var(--text-23);letter-spacing:-.5px}.shell-dialog-description{font-size:var(--text-12);color:var(--muted);margin:var(--space-12) 0 var(--space-22)}.shell-project-types{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-11)}.shell-project-types button{background:var(--raised);border:1px solid var(--line);padding:var(--space-18);text-align:left;border-radius:var(--radius-7);display:flex;flex-direction:column;min-height:178px;transition:border-color .15s,background .15s}.shell-project-types button:hover{border-color:var(--line);background:var(--raised)}.shell-type-icon{width:30px;height:30px;background:var(--raised);color:var(--paper);border:1px solid var(--line);border-radius:var(--radius-6);display:grid;place-items:center;font-size:var(--text-20);margin-bottom:var(--space-12)}.shell-project-types strong{font-size:var(--text-13);font-weight:600;margin-bottom:var(--space-7)}.shell-project-types button>span:not(.shell-type-icon){font-size:var(--text-12);line-height:1.6;color:var(--muted)}.shell-project-types small{font-size:var(--text-12);letter-spacing:.8px;color:var(--muted);margin-top:auto;padding-top:var(--space-13)}.shell-drawer-backdrop{position:fixed;inset:58px 0 0;background:var(--color-090c0e73);z-index:45}.shell-jobs-drawer{position:fixed;right:0;top:58px;bottom:0;width:min(380px,100vw);border-left:1px solid var(--line);background:var(--raised);z-index:46;overflow:auto;box-shadow:var(--shadow-14)}.shell-drawer-heading{display:flex;justify-content:space-between;align-items:center;padding:var(--space-17);border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--raised);z-index:1}.shell-drawer-heading h2{font-size:var(--text-14)}.shell-jobs-drawer #jobs-panel{border:0;border-radius:0;background:transparent}.shell-jobs-drawer #jobs-panel>.panel-heading{display:none}.shell-jobs-drawer .job{margin:var(--space-12);padding:var(--space-14);border-color:var(--line);background:var(--raised)}.shell-jobs-drawer .job-label{font-size:var(--text-12)}.shell-jobs-drawer .job-message,.shell-jobs-drawer .job-error{font-size:var(--text-12);line-height:1.6}.shell-drawer-empty{padding:var(--space-30) var(--space-22);text-align:center;color:var(--muted);line-height:1.7}.shell-export-menu{position:fixed;z-index:70;width:224px;padding:var(--space-6);background:var(--raised);border:1px solid var(--line);border-radius:var(--radius-7);box-shadow:var(--shadow-15)}.shell-export-menu-title{font-size:var(--text-12);text-transform:uppercase;letter-spacing:.7px;color:var(--muted);padding:var(--space-9)}.shell-export-link{display:block;padding:var(--space-9);border-radius:var(--radius-4);font-size:var(--text-12);color:var(--paper)}.shell-export-link:hover{background:var(--raised);color:var(--paper)}.shell-export-unavailable{padding:var(--space-9);font-size:var(--text-12);color:var(--muted);line-height:1.5}.studio-shell .global-error{position:fixed;top:65px;left:50%;transform:translateX(-50%);width:min(700px,calc(100vw - 24px));z-index:95;border:1px solid var(--line);border-radius:var(--radius-6);box-shadow:var(--shadow-16);font-size:var(--text-12)}.studio-shell .desktop-notice{display:none!important}.studio-shell .toast{z-index:110;font-size:var(--text-12)}.studio-shell .login-screen{z-index:100}.studio-shell .login-card h2{font-size:var(--text-23)}
@media(min-width:1600px){.studio-shell .workspace{grid-template-columns:280px minmax(400px,1fr) 365px}.shell-home-content{padding-top:var(--space-48)}.shell-recent-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}}
@media(max-width:1180px){.studio-shell .workspace{grid-template-columns:220px minmax(270px,1fr) 300px}.shell-project-heading{padding-left:var(--space-13)}.shell-project-heading>span:first-child{max-width:250px}.shell-home{grid-template-columns:170px minmax(0,1fr)}.shell-home-content{padding:var(--space-30) var(--space-25)}.shell-home-nav{padding-left:var(--space-9);padding-right:var(--space-9)}.shell-inspector-tabs .shell-panel-tab{font-size:var(--text-12);padding:0 var(--space-4)}.shell-topbar .brand{font-size:var(--text-12)}.studio-shell .asset-card{grid-template-columns:70px minmax(0,1fr)}.studio-shell .asset-media{width:70px}.studio-shell .selection-actions{gap:var(--space-5)}.studio-shell .selection-actions .text-button{font-size:var(--text-12)}.shell-home-toolbar{align-items:flex-start;flex-direction:column}.shell-search{width:100%}}
@media(max-width:900px){.shell-topbar{padding:0 var(--space-12);gap:var(--space-12)}.shell-project-heading{border:0;padding:0}.shell-project-heading>span:first-child{max-width:170px;font-size:var(--text-12)}#shell-project-state{display:none}.shell-topbar .topbar-right{gap:var(--space-9)}.shell-home{grid-template-columns:1fr}.shell-home-nav{display:none}.studio-shell .workspace{grid-template-columns:185px minmax(220px,1fr) 275px}.studio-shell #studio-editor{grid-template-rows:40px minmax(170px,1fr) 260px}.studio-shell .asset-card{display:block}.studio-shell .asset-media{width:100%;aspect-ratio:16/7;min-height:0}.studio-shell .asset-details{padding:var(--space-5) var(--space-7)}.studio-shell .asset-category-label{display:none}.shell-topbar .brand small{display:none}.shell-topbar .brand-mark{width:22px;height:23px;font-size:var(--text-22);line-height:26px}.shell-home-content{padding:var(--space-25) var(--space-20)}.shell-recent-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--space-15)}}
@media(max-width:700px){.shell-topbar{height:52px}.shell-topbar .brand>span:last-child{display:none}.shell-topbar .topbar-right{gap:var(--space-8)}.shell-project-heading>span:first-child{max-width:130px}.shell-topbar #shell-new-button{font-size:var(--text-12);padding:var(--space-7) var(--space-9)}.shell-topbar #shell-activity-button{font-size:0;gap:0}.shell-topbar #shell-activity-button>span{font-size:var(--text-20)}.shell-home-heading{align-items:flex-start;margin-bottom:var(--space-25)}.shell-home-heading h1{font-size:var(--text-25)}.shell-home-heading>button{display:none}.shell-home-heading p:last-child{font-size:var(--text-12)}.shell-recent-filters{gap:var(--space-3)}.shell-recent-filters button{font-size:var(--text-12);padding:var(--space-6) var(--space-8)}.shell-section-heading>span{display:none}.shell-recent-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.studio-shell[data-studio-view=editor]{height:auto;overflow:auto}.studio-shell #studio-editor{height:auto;min-height:calc(100dvh - 52px);display:flex;flex-direction:column}.studio-shell .workspace{display:grid;grid-template-columns:1fr;grid-template-rows:310px 380px 440px;overflow:visible}.studio-shell .editing-column{grid-row:1}.studio-shell .shell-library-column{grid-row:2}.studio-shell .shell-inspector{grid-row:3}.studio-shell .asset-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:var(--space-6);align-content:start}.studio-shell .asset-card{margin:0}.studio-shell .library-tools .filter-list{display:none}.studio-shell .library-tools .selection-actions{display:none}.studio-shell .library .panel-heading{display:none}.studio-shell .library-tools{padding:var(--space-8)}.studio-shell #interactive-timeline{height:260px;flex:none}.shell-editor-toolbar{min-height:40px;position:sticky;top:0;z-index:19}.shell-project-types{gap:var(--space-8)}.shell-project-types button{padding:var(--space-13);min-height:170px}.shell-dialog{padding:var(--space-20)}.shell-dialog-heading h2{font-size:var(--text-21)}.shell-jobs-drawer,.shell-drawer-backdrop{top:52px}}

.studio-shell .asset-add-timeline{font-size:var(--text-12);display:block;margin-top:var(--space-6);color:var(--paper)}.studio-shell #interactive-timeline.studio-timeline,.studio-shell #interactive-timeline>.studio-timeline{border:0;border-radius:0}

.studio-shell .library .panel-heading{flex-direction:row}.studio-shell .selection-actions #analyze-selected{display:none}.studio-shell[data-studio-panel=ai] .selection-actions #analyze-selected{display:block}
@media(max-height:740px) and (min-width:701px){.studio-shell .library .filter-list{display:none}.studio-shell .library-tools{padding-bottom:var(--space-8)}.studio-shell .library .panel-heading{padding:var(--space-10) var(--space-11)}.studio-shell .selection-actions{padding-top:var(--space-8)}.studio-shell .preview-stage{margin:var(--space-9)}}

.shell-project-options{margin-top:var(--space-11);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:var(--space-9) 0}.shell-project-options>summary{font-size:var(--text-12);color:var(--muted);cursor:pointer;list-style:disclosure-closed}.shell-project-options[open]>summary{list-style:disclosure-open;color:var(--paper);margin-bottom:var(--space-10)}.shell-project-options #editor-project-settings{margin-top:var(--space-8);border:0;padding:0}.shell-project-options #project-analysis-status{margin:var(--space-10) 0}.shell-project-options .editor-toolbar{margin:var(--space-10) 0}.shell-project-options .help-text{font-size:var(--text-12)}.studio-shell .project-editor .editor-scenes{margin-top:var(--space-12)}

/* Media import and timeline handoff. */
.media-library-hint{flex:none;font-size:var(--text-12);line-height:1.6;color:var(--muted);margin:0;padding:var(--space-7) var(--space-11);border-top:1px solid var(--line);background:var(--raised)}
.media-import-hint{border:1px dashed var(--line);border-radius:var(--radius-5);padding:var(--space-15) var(--space-11);margin:var(--space-14) 0 0;font-size:var(--text-12);line-height:1.7;color:var(--muted);text-align:center;background:var(--raised)}
.media-import-hint>span{display:block;font-size:var(--text-22);line-height:1.2;color:var(--paper);margin-bottom:var(--space-6)}
.media-import-hint>small{display:block;font-size:var(--text-12);color:var(--muted);margin-top:var(--space-4)}
.studio-shell .asset-card.media-draggable{cursor:grab}
.studio-shell .asset-card.media-draggable:active{cursor:grabbing}
.studio-shell .asset-card.media-draggable .asset-preview-button,.studio-shell .asset-card.media-draggable .asset-name{cursor:grab;user-select:none;-webkit-user-select:none}
.studio-shell .asset-card.media-draggable .asset-preview-button:active,.studio-shell .asset-card.media-draggable .asset-name:active{cursor:grabbing}
.studio-shell .asset-card.media-is-dragging{opacity:.5;border-color:var(--line)}
.media-drop-overlay{position:fixed;z-index:78;pointer-events:none;background:var(--color-243025ee);border:2px dashed var(--line);border-radius:var(--radius-7);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-20);box-sizing:border-box;box-shadow:var(--shadow-17)}
.media-drop-overlay[hidden],.media-drop-status[hidden]{display:none}
.media-drop-symbol{font-size:var(--text-32);color:var(--paper);line-height:1;margin-bottom:var(--space-12)}
.media-drop-title{font-size:var(--text-14);font-weight:600;color:var(--paper)}
.media-drop-hint{font-size:var(--text-12);line-height:1.7;color:var(--paper);max-width:290px;margin-top:var(--space-8)}
.media-drag-preview{position:fixed;left:-2000px;top:0;display:flex;align-items:center;gap:var(--space-10);max-width:260px;padding:var(--space-10) var(--space-14);border-radius:var(--radius-5);border:1px solid var(--line);background:var(--raised);color:var(--paper);font:var(--text-12)/1.4 var(--sans);box-shadow:var(--shadow-18);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.media-drag-preview-icon{font-size:var(--text-20);color:var(--paper);flex:none}
.media-drop-status{position:fixed;z-index:85;left:16px;bottom:15px;max-width:min(530px,calc(100vw - 32px));display:flex;align-items:center;gap:var(--space-12);padding:var(--space-10) var(--space-12);border:1px solid var(--line);border-radius:var(--radius-5);background:var(--raised);box-shadow:var(--shadow-19);color:var(--paper);font-size:var(--text-12);line-height:1.6}
.media-drop-status-text{min-width:0}.media-drop-cancel,.media-drop-dismiss{background:transparent;border:0;color:var(--paper);font-size:var(--text-12);padding:var(--space-4);flex:none;cursor:pointer}.media-drop-cancel{text-decoration:underline;text-underline-offset:3px}.media-drop-dismiss{font-size:var(--text-20);line-height:1}
.shell-shortcuts-button{display:flex;align-items:center;gap:var(--space-6);font-size:var(--text-12)}.shell-shortcuts-button>span:first-child{font-size:var(--text-15);color:var(--muted)}.shell-shortcuts-button>kbd{font:var(--text-12) var(--sans);padding:var(--space-2) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-3);color:var(--muted);background:var(--raised)}
.shell-shortcuts-dialog{width:min(690px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:var(--space-25)}
.shell-shortcuts-dialog .shell-dialog-heading h2{font-size:var(--text-22)}.shell-shortcuts-dialog .shell-dialog-description{margin-bottom:var(--space-17)}
.shell-shortcuts-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-25)}
.shell-shortcuts-grid section{min-width:0}.shell-shortcuts-grid h3{font-size:var(--text-12);color:var(--paper);font-weight:500;letter-spacing:.3px;margin:0 0 var(--space-10);padding-bottom:var(--space-8);border-bottom:1px solid var(--line)}
.shell-shortcuts-grid dl{margin:0}.shell-shortcuts-grid dl>div{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);min-height:31px;border-bottom:1px solid var(--line)}.shell-shortcuts-grid dt{font-size:var(--text-12);line-height:1.4;color:var(--paper)}.shell-shortcuts-grid dd{font-size:var(--text-12);margin:0;white-space:nowrap;color:var(--muted)}.shell-shortcuts-grid kbd{font:var(--text-12)/1.5 var(--sans);display:inline-block;min-width:19px;padding:var(--space-2) var(--space-5);border-radius:var(--radius-4);border:1px solid var(--line);border-bottom-width:2px;background:var(--raised);color:var(--paper);text-align:center}
.shell-shortcuts-footnote{margin:var(--space-18) 0 0;font-size:var(--text-12);line-height:1.7;color:var(--muted)}
.studio-shell #studio-editor{grid-template-rows:44px minmax(160px,1fr) clamp(325px,36vh,355px)}
@media(max-height:740px) and (min-width:701px){.studio-shell #studio-editor{grid-template-rows:40px minmax(140px,1fr) 325px}}
@media(max-width:700px){.studio-shell #interactive-timeline{height:325px}}
@media(max-width:700px){.shell-shortcuts-button>span:last-of-type,.shell-shortcuts-button>kbd{display:none}.shell-editor-toolbar{gap:var(--space-10)}.shell-shortcuts-grid{grid-template-columns:1fr;gap:var(--space-20)}.shell-shortcuts-dialog{padding:var(--space-20)}.media-drop-status{bottom:10px;left:10px;max-width:calc(100vw - 20px)}}
.clip-tool-actions{display:flex;gap:var(--space-6);flex-wrap:wrap;margin-top:var(--space-8)}.clip-tool-actions .button{padding:var(--space-8) var(--space-10);font-size:var(--text-12)}

/* Project templates and sequence formats. */
.shell-library-column>.shell-panel-tabs .shell-panel-tab{flex:1;padding:0 var(--space-7)}.shell-library-pane{flex-direction:column}.studio-shell .library>.panel-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-5) var(--space-8);padding:var(--space-10) var(--space-11) var(--space-7)}.studio-shell .library>.panel-heading .selection-count{grid-column:1/-1;font-size:var(--text-12);color:var(--muted)}.shell-media-import{background:var(--raised);border:1px solid var(--line);border-radius:var(--radius-4);padding:var(--space-5) var(--space-7);color:var(--paper);font-size:var(--text-12);cursor:pointer}.shell-media-import:hover{background:var(--raised)}.shell-import-back{display:block;background:none;border:0;border-bottom:1px solid var(--line);width:100%;text-align:left;padding:0 0 var(--space-11);margin-bottom:var(--space-15);color:var(--paper);font-size:var(--text-12);cursor:pointer}.shell-import-pane{flex:1}.shell-resource-pane{flex:1;min-height:0;overflow:auto;padding:var(--space-12);scrollbar-width:thin;scrollbar-color:var(--line) transparent}.shell-text-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-14)}.shell-text-actions .shell-button{padding:var(--space-8) var(--space-5);min-width:0;font-size:var(--text-12);white-space:normal}.shell-inspector-tabs [data-shell-panel=clip]{flex:1.35}.selection-properties{padding:var(--space-12)}.selection-properties:empty{display:none}.studio-shell[data-studio-panel=ai] #project-editor{display:none!important}.studio-shell .library .media-browser{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;border-top:1px solid var(--line);background:var(--ink)}.studio-shell .media-browser #library-project-tools{padding:0 var(--space-9)}.studio-shell .media-browser .asset-list{display:block;overflow:visible;flex:none;padding:var(--space-5) var(--space-9) var(--space-9)}.studio-shell .library-tools{padding-bottom:var(--space-7)}.studio-shell .library-tools .filter-list{margin:var(--space-7) 0}.studio-shell .library-tools .selection-actions{gap:var(--space-7);padding-top:var(--space-4)}.studio-shell .media-library-hint{padding-block:5px}.studio-shell .library-footer{padding-block:6px}
.studio-shell .shell-resource-pane h2{font-size:var(--text-12);letter-spacing:0}.studio-shell .shell-resource-pane h3{font-size:var(--text-12);letter-spacing:0}.studio-shell .shell-resource-pane .grid-library{border:0;margin:0;padding:0}.studio-shell .shell-resource-pane .grid-template-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8)}.studio-shell .shell-resource-pane .grid-template{padding:var(--space-9)}.studio-shell .shell-resource-pane .grid-template-help{font-size:var(--text-12);line-height:1.6}.studio-shell .shell-resource-pane button:focus-visible,.folder-create:focus-visible{outline:2px solid var(--line);outline-offset:2px}
.creative-preset-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-7);margin:var(--space-9) 0 var(--space-14)}.creative-preset-card{min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-6);padding:var(--space-10) var(--space-8);border:1px solid var(--line);border-radius:var(--radius-6);background:var(--raised);color:var(--paper);text-align:left;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;transition:background .15s,border-color .15s}.creative-preset-card:hover{background:var(--raised);border-color:var(--line)}.creative-preset-card:active{cursor:grabbing}.creative-preset-card>strong{display:block;font-size:var(--text-12);line-height:1.35;font-weight:600}.creative-preset-card>span:not(.text-preset-sample){font-size:var(--text-12);color:var(--muted);line-height:1.5}.creative-preset-card[data-effect-id]:before{content:'';display:block;align-self:flex-start;width:25px;height:25px;margin-bottom:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-4);background:linear-gradient(135deg,var(--lime),var(--raised) 55%,var(--raised))}.creative-preset-card[data-effect-id="levels"]:before{background:linear-gradient(90deg,var(--ink),var(--paper))}.creative-preset-card[data-effect-id="black-white"]:before{background:linear-gradient(135deg,var(--raised),var(--raised))}.creative-preset-card[data-effect-id="blur"]:before{background:radial-gradient(ellipse,var(--raised),transparent 65%),var(--raised)}.creative-preset-card[data-effect-id="lut-warm"]:before{background:linear-gradient(135deg,var(--lime),var(--raised))}.creative-preset-card[data-effect-id="lut-cool"]:before{background:linear-gradient(135deg,var(--raised),var(--raised))}.creative-preset-card[data-effect-id="mask-circle"]:before{border-radius:var(--radius-round);background:var(--raised)}.creative-preset-card[data-effect-id="mask-rectangle"]:before{background:var(--raised);box-shadow:var(--shadow-20)}.creative-preset-card[data-effect-id="fade"]:before{background:linear-gradient(90deg,transparent,var(--lime))}.effect-group{border-top:1px solid var(--line);padding-top:var(--space-12);margin-top:var(--space-15)}.effect-group h3{color:var(--paper);font-weight:500}.studio-shell .shell-resource-pane .grid-library{margin-top:var(--space-16)}.text-preset-sample{display:flex;align-items:center;justify-content:center;min-height:55px;font:700 var(--text-28)/1.2 var(--sans);border-left:3px solid var(--line);background:var(--ink);color:var(--paper);margin:var(--space-neg3) var(--space-neg1) var(--space-3);overflow:hidden}.text-preset-card[data-title-template="minimal"] .text-preset-sample{border-left:0;border-bottom:2px solid var(--line);font-size:var(--text-23)}.text-preset-card[data-title-template="headline"] .text-preset-sample{border-left:0;border-bottom:4px solid var(--line);font-weight:800}.text-preset-card[data-title-template="boxed"] .text-preset-sample,.text-preset-card[data-title-template="social"] .text-preset-sample{background:var(--lime);color:var(--muted);border:0}.text-preset-card[data-title-template="social"] .text-preset-sample{border-radius:var(--radius-14)}.text-preset-card[data-title-template="signature"] .text-preset-sample{font-family:var(--serif);font-style:italic;font-weight:400;border-left:0}.text-preset-card[data-title-template="logo"] .text-preset-sample{width:55px;border:2px solid var(--line);border-radius:var(--radius-round);align-self:center;font-size:var(--text-24)}.text-preset-card[data-title-template="outline"] .text-preset-sample{border:0;color:transparent;-webkit-text-stroke:1px var(--color-dcebcf)}.property-kind{font-size:var(--text-12);line-height:1.4;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin:0 0 var(--space-6)}.studio-shell .shell-inspector .property-heading{font-size:var(--text-12);font-weight:600;line-height:1.5;margin:0 0 var(--space-14);overflow-wrap:anywhere}.property-timing{gap:var(--space-9);margin-bottom:var(--space-15);padding-bottom:var(--space-13);border-bottom:1px solid var(--line)}.property-timing:empty{display:none}.property-timing .field{min-width:0;margin-bottom:0}.property-timing .field input,.property-timing .field select{width:100%;min-width:0}.property-timing .wide{grid-column:1/-1}.property-link-actions .button{width:100%;font-size:var(--text-12)}.property-controls{min-width:0}.property-controls .clip-tools-inline .clip-tools-heading{display:none}.property-controls .creative-inline .creative-heading{padding-top:0}.property-controls .creative-inline .creative-heading h2{font-size:var(--text-12);color:var(--paper)}.property-controls .creative-inline .creative-body{padding-top:var(--space-10)}.property-controls .creative-inline .creative-help{font-size:var(--text-12)}.property-controls .clip-tools-inline .clip-tools-footer,.property-controls .creative-inline .creative-actions{background:var(--panel,var(--ink))}
@media(max-width:1180px){.creative-preset-card{padding:var(--space-8) var(--space-7)}.creative-preset-card>span:not(.text-preset-sample){font-size:var(--text-12)}.creative-preset-list{gap:var(--space-6)}.studio-shell .shell-resource-pane{padding:var(--space-10)}.shell-text-actions .shell-button{font-size:var(--text-12)}.studio-shell .shell-inspector-tabs [data-shell-panel=clip]{font-size:var(--text-12)}}
.shell-format-control{display:flex;align-items:center;gap:var(--space-6);flex:none;font-size:var(--text-12);color:var(--muted);white-space:nowrap}
.shell-format-control select{width:66px;padding:var(--space-5) var(--space-6);color:var(--paper);background:var(--raised);border:1px solid var(--line);border-radius:var(--radius-4);font-family:inherit;font-size:var(--text-12);cursor:pointer}
.shell-format-control select:focus-visible{outline:2px solid var(--line);outline-offset:2px}.shell-format-control select:disabled{opacity:.45;cursor:wait}
.shell-new-dialog{width:min(750px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;padding:var(--space-22);box-sizing:border-box}
.shell-new-dialog .shell-dialog-heading h2{font-size:var(--text-22)}.shell-new-dialog .shell-dialog-description{margin:var(--space-9) 0 var(--space-16);line-height:1.5}
.shell-new-dialog .shell-project-types{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-9)}
.shell-new-dialog .shell-project-types button{min-height:128px;padding:var(--space-12);position:relative}
.shell-new-dialog .shell-type-icon{width:25px;height:25px;font-size:var(--text-18);margin-bottom:var(--space-8)}
.shell-new-dialog .shell-project-types strong{font-size:var(--text-12);margin-bottom:var(--space-5)}
.shell-new-dialog .shell-project-types button>span:not(.shell-type-icon){font-size:var(--text-12);line-height:1.45}
.shell-new-dialog .shell-project-types small{padding-top:var(--space-9);font-size:var(--text-12)}
.shell-new-dialog [role=radio][aria-checked=true]{background:var(--raised);border-color:var(--line);box-shadow:var(--shadow-21)}
.shell-new-dialog .shell-project-types [aria-checked=true]:after{content:'✓';position:absolute;right:11px;top:10px;color:var(--paper);font-size:var(--text-13)}
.shell-new-dialog [role=radio]:focus-visible{outline:2px solid var(--line);outline-offset:3px}
.shell-new-format{margin-top:var(--space-17)}.shell-new-format h3{margin:0 0 var(--space-9);font-size:var(--text-12);color:var(--paper);font-weight:500}
.shell-ratio-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-8)}
.shell-ratio-options button{display:flex;align-items:center;justify-content:center;gap:var(--space-11);min-height:59px;padding:var(--space-10);background:var(--raised);border:1px solid var(--line);border-radius:var(--radius-6);color:var(--paper);text-align:left}
.shell-ratio-options button:hover{border-color:var(--line)}.shell-ratio-options button>span:last-child{display:flex;flex-direction:column;gap:var(--space-3)}.shell-ratio-options strong{font-size:var(--text-12);font-weight:550}.shell-ratio-options small{font-size:var(--text-12);color:var(--muted)}
.shell-ratio-icon{display:block;flex:none;border:1.5px solid var(--line);border-radius:var(--radius-2);background:var(--color-91a46d12);width:32px;height:18px}
[data-create-ratio="1:1"] .shell-ratio-icon{width:25px;height:25px}[data-create-ratio="4:5"] .shell-ratio-icon{width:21px;height:26px}[data-create-ratio="9:16"] .shell-ratio-icon{width:15.75px;height:28px}
.shell-new-actions{position:sticky;bottom:-22px;display:flex;justify-content:flex-end;gap:var(--space-9);padding:var(--space-16) 0 0;margin-top:var(--space-17);border-top:1px solid var(--line);background:var(--raised)}.shell-new-actions .shell-button{min-height:35px;padding:var(--space-8) var(--space-17)}
@media(max-height:740px) and (min-width:701px){.shell-new-dialog{padding:var(--space-19)}.shell-new-dialog .shell-project-types button{min-height:121px;padding:var(--space-10)}.shell-new-dialog .shell-dialog-description{margin-bottom:var(--space-12)}.shell-new-dialog .shell-new-format{margin-top:var(--space-13)}.shell-new-actions{bottom:-19px;margin-top:var(--space-13);padding-top:var(--space-13)}}
@media(max-width:900px){.shell-format-control>span{display:none}.shell-format-control select{width:60px}.shell-editor-toolbar .shell-mode-label{max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:700px){.shell-new-dialog{padding:var(--space-17)}.shell-new-dialog .shell-project-types{grid-template-columns:repeat(2,minmax(0,1fr))}.shell-new-dialog .shell-project-types button{min-height:128px}.shell-ratio-options{gap:var(--space-5)}.shell-ratio-options button{flex-direction:column;gap:var(--space-7);min-height:82px;padding:var(--space-8) var(--space-4);text-align:center}.shell-ratio-options small{font-size:var(--text-12)}.shell-new-actions{bottom:-17px}.shell-editor-toolbar{overflow-x:auto;white-space:nowrap;gap:var(--space-8)}.shell-editor-toolbar>*{flex-shrink:0}.shell-editor-toolbar .shell-mode-label{display:none}.shell-format-control select{padding:var(--space-5);width:57px}}

/* Keep import and the media heading on one line, even in a short workspace. */
.studio-shell .library>.panel-heading{grid-template-columns:minmax(0,1fr) auto auto;gap:var(--space-5);padding:var(--space-7) var(--space-9) var(--space-5);min-height:29px}.studio-shell .library>.panel-heading>div{grid-column:1;grid-row:1;min-width:0}.studio-shell .library>.panel-heading .selection-count{grid-column:2;grid-row:1;white-space:nowrap;font-size:var(--text-12)}.studio-shell .library>.panel-heading .shell-media-import{grid-column:-2/-1;grid-row:1;justify-self:end;width:auto;padding:var(--space-4) var(--space-6);font-size:var(--text-12);white-space:nowrap}.studio-shell .library:has(#clear-selection:disabled)>.panel-heading{grid-template-columns:minmax(0,1fr) auto}.studio-shell .library:has(#clear-selection:disabled)>.panel-heading .selection-count{display:none}.studio-shell .library>.panel-heading h2{font-size:var(--text-12);white-space:nowrap}.studio-shell .library-tools{padding:0 var(--space-9) var(--space-5)}.studio-shell .library-tools .selection-actions{padding:var(--space-3) 0 0;min-height:0;line-height:14px;gap:var(--space-6)}.studio-shell .library-tools .selection-actions .text-button{min-height:0;padding:0;font-size:var(--text-12);line-height:14px}.studio-shell .library-tools #clear-selection:disabled{display:none}.studio-shell .library-tools input{padding:var(--space-5) var(--space-7)}.studio-shell .media-browser #library-project-tools{display:contents}.studio-shell .media-browser .library-scopes{position:sticky;top:0;z-index:2;margin:0 0 var(--space-4)}.studio-shell .media-browser .folder-browser{margin:0 var(--space-9) var(--space-4)}.studio-shell .media-browser .library-bin-actions{margin:var(--space-4) var(--space-9)}.studio-shell .media-library-hint{font-size:var(--text-12);padding:var(--space-3) var(--space-9);line-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-shell .library-footer{padding:var(--space-2) var(--space-9);min-height:0;font-size:var(--text-12);line-height:14px}
@media(max-height:740px) and (min-width:701px){.studio-shell .library>.panel-heading{padding-top:var(--space-5);padding-bottom:var(--space-4);min-height:27px}.studio-shell .library-tools{padding-bottom:var(--space-4)}.studio-shell .library-tools input{padding:var(--space-4) var(--space-7);font-size:var(--text-12)}.studio-shell .library-footer{padding-top:var(--space-1);padding-bottom:var(--space-1);font-size:var(--text-12);line-height:14px}.studio-shell .media-library-hint{display:none}.studio-shell .folder-note{display:none}.studio-shell .media-browser .library-scopes button{padding-top:var(--space-7);padding-bottom:var(--space-6);font-size:var(--text-12)}.studio-shell .media-browser .asset-list{padding-top:var(--space-2)}}
@media(max-width:1180px){.studio-shell .library>.panel-heading{grid-template-columns:minmax(0,1fr) auto}.studio-shell .library>.panel-heading .selection-count{position:absolute;width:1px;height:1px;padding:0;margin:var(--space-neg1);overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;grid-column:auto}}

/* Separate automation and global settings from the contextual inspector. */
.shell-task-dialog {width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:20px;background:var(--panel);color:var(--paper);border:1px solid var(--line);border-radius:12px;}
.shell-task-dialog::backdrop {background:rgba(0,0,0,.65);}
.shell-task-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;}
.shell-task-heading h2 {font-size:20px;margin:0;}
.shell-task-dialog .settings-body {padding:12px 0;}
.shell-task-dialog .panel {border:0;}
.shell-task-dialog [hidden] {display:none!important;}
#automation-proposal-list {max-height:180px;overflow:auto;font-size:12px;}
.shell-task-dialog section {margin-top:12px;}
.studio-shell #shell-automation-button {font-size:12px;padding:6px;white-space:nowrap;}
.studio-shell #save-program-draft {display:none;}

.shell-task-dialog[open] {display:flex;flex-direction:column;height:calc(100vh - 32px);overflow:hidden;}
.shell-task-heading,.shell-task-dialog>p,.shell-task-dialog>section {flex:none;}
#shell-automation-body,#shell-system-body {flex:1;min-height:0;overflow:auto;padding-right:8px;}
#automation-proposal-list {max-height:100px;margin:8px 0;}
#shell-automation-dialog>section {border-top:1px solid var(--line);padding-top:8px;}
#shell-automation-dialog>section h3 {margin:0;font-size:14px;}
#automation-status {font-size:12px;margin:8px 0;}


/* clip-tools.css */
/* Modal clip properties, isolated from the editor and its forms. */
.clip-tools-dialog{width:min(690px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:0;margin:auto;border:1px solid var(--line);border-radius:var(--radius-10);background:var(--raised);color:var(--paper);box-shadow:var(--shadow-22);overflow:auto;font:var(--text-12)/1.5 var(--sans)}
.clip-tools-dialog::backdrop{background:var(--color-080b0dbe);backdrop-filter:blur(4px)}
:is(.clip-tools-dialog,.clip-tools-inline) *{box-sizing:border-box}:is(.clip-tools-dialog,.clip-tools-inline) [hidden]{display:none!important}
.clip-tools-form{margin:0;display:flex;flex-direction:column;min-width:0}
.clip-tools-heading{padding:var(--space-21) var(--space-23) var(--space-16);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-18)}
.clip-tools-heading>div{min-width:0}.clip-tools-kicker{font-size:var(--text-12);letter-spacing:1.2px;font-weight:600;color:var(--muted);margin:0 0 var(--space-6)}.clip-tools-heading h2{font:600 var(--text-22)/1.2 var(--sans);letter-spacing:-.4px;margin:0;color:var(--paper)}
.clip-tools-name{font-size:var(--text-12);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:550px;margin:var(--space-7) 0 0}
.clip-tools-close{background:transparent;color:var(--muted);flex:none;border:0;padding:0 var(--space-3);font:var(--text-24)/1 var(--sans);cursor:pointer}
.clip-tools-tabs{display:flex;gap:var(--space-4);padding:0 var(--space-20);border-bottom:1px solid var(--line);background:var(--raised)}
.clip-tools-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--muted);padding:var(--space-12) var(--space-13);font:var(--text-12) var(--sans);cursor:pointer;white-space:nowrap}
.clip-tools-tabs button[aria-selected=true]{border-bottom-color:var(--color-c9f46a);color:var(--paper)}.clip-tools-tabs button:hover{color:var(--paper)}
.clip-tools-body{padding:var(--space-21) var(--space-23) var(--space-19)}.clip-tools-panel{min-width:0}.clip-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-15);margin:0 0 var(--space-17)}.clip-tools-transform-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:var(--space-16);border-top:1px solid var(--line)}
.clip-tools-field{display:flex;flex-direction:column;gap:var(--space-6);min-width:0;font-size:var(--text-12);color:var(--paper)}.clip-tools-field>small{font-size:var(--text-12);color:var(--muted);line-height:1.3}.clip-tools-field>select{margin-bottom:var(--space-19)}
.clip-tools-number{display:flex;align-items:center;position:relative;min-width:0}:is(.clip-tools-dialog,.clip-tools-inline) .clip-tools-number input,:is(.clip-tools-dialog,.clip-tools-inline) select{width:100%;min-width:0;border:1px solid var(--line);border-radius:var(--radius-5);background:var(--ink);color:var(--paper);padding:var(--space-9) var(--space-11);font:var(--text-12) var(--sans)}
:is(.clip-tools-dialog,.clip-tools-inline) .clip-tools-number input{padding-right:var(--space-32)}.clip-tools-unit{position:absolute;right:10px;color:var(--muted);font-size:var(--text-12);pointer-events:none}:is(.clip-tools-dialog,.clip-tools-inline) input::-webkit-inner-spin-button{opacity:0}:is(.clip-tools-dialog,.clip-tools-inline) input:hover::-webkit-inner-spin-button{opacity:1;margin-right:var(--space-15)}
:is(.clip-tools-dialog,.clip-tools-inline) input:focus,:is(.clip-tools-dialog,.clip-tools-inline) select:focus{outline:1px solid var(--line);outline-offset:0;border-color:var(--line)}:is(.clip-tools-dialog,.clip-tools-inline) input[aria-invalid=true],:is(.clip-tools-dialog,.clip-tools-inline) select[aria-invalid=true]{border-color:var(--line)}
.clip-tools-duration{display:flex;flex-direction:column;justify-content:center;gap:var(--space-7);padding:0 0 var(--space-10) var(--space-15);border-left:1px solid var(--line);font-size:var(--text-12);color:var(--muted)}.clip-tools-duration strong{font-size:var(--text-17);font-weight:500;color:var(--paper);font-variant-numeric:tabular-nums}
.clip-tools-presets{display:flex;gap:var(--space-7);margin:0 0 var(--space-23)}.clip-tools-presets button{flex:1;border:1px solid var(--line);background:var(--raised);border-radius:var(--radius-5);color:var(--paper);padding:var(--space-8);font:var(--text-12) var(--sans);cursor:pointer}.clip-tools-presets button[aria-pressed=true]{border-color:var(--line);background:var(--raised);color:var(--paper)}
.clip-tools-help{font-size:var(--text-12);color:var(--muted);line-height:1.7;margin:0 0 var(--space-17)}.clip-tools-panel>.clip-tools-help:last-child{margin-bottom:0}.clip-tools-note{font-size:var(--text-12);line-height:1.7;padding:var(--space-11) var(--space-13);border-left:2px solid var(--line);background:var(--raised);color:var(--paper);margin:0}
.clip-tools-frame-note{font-size:var(--text-12);line-height:1.6;color:var(--muted);margin:var(--space-13) 0 0}
.clip-tools-fade-note{margin-bottom:var(--space-15)}
.clip-tools-checkbox{display:flex;align-items:center;gap:var(--space-9);margin:0 0 var(--space-15);font-size:var(--text-12);color:var(--paper)}:is(.clip-tools-dialog,.clip-tools-inline) .clip-tools-checkbox input{width:14px;height:14px;padding:0;margin:0;accent-color:var(--lime)}
.clip-tools-validation{margin-top:var(--space-18);border:1px solid var(--line);border-radius:var(--radius-5);background:var(--raised);color:var(--paper);padding:var(--space-11) var(--space-13);font-size:var(--text-12);line-height:1.6}.clip-tools-validation ul{margin:0;padding-left:var(--space-16)}.clip-tools-validation li+li{margin-top:var(--space-5)}
.clip-tools-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-18);border-top:1px solid var(--line);padding:var(--space-15) var(--space-23);background:var(--raised);position:sticky;bottom:0;z-index:1}.clip-tools-actions{display:flex;gap:var(--space-9)}.clip-tools-footer button{border-radius:var(--radius-5);padding:var(--space-9) var(--space-16);font:var(--text-12) var(--sans);cursor:pointer}
.clip-tools-reset{border:0;background:none;padding-left:0!important;color:var(--muted)}.clip-tools-cancel{border:1px solid var(--line);background:var(--raised);color:var(--paper)}.clip-tools-apply{border:1px solid var(--line);background:var(--lime);color:var(--muted);font-weight:600!important;min-width:93px}:is(.clip-tools-dialog,.clip-tools-inline) button:disabled{opacity:.5;cursor:wait}:is(.clip-tools-dialog,.clip-tools-inline) button:focus-visible{outline:2px solid var(--line);outline-offset:2px}
@media(max-width:530px){.clip-tools-heading{padding:var(--space-17)}.clip-tools-heading h2{font-size:var(--text-20)}.clip-tools-name{max-width:calc(100vw - 105px)}.clip-tools-tabs{padding:0 var(--space-9);gap:0}.clip-tools-tabs button{font-size:var(--text-12);padding:var(--space-12) var(--space-9)}.clip-tools-body{padding:var(--space-18) var(--space-17)}.clip-tools-grid{gap:var(--space-13)}.clip-tools-transform-grid{grid-template-columns:1fr 1fr}.clip-tools-transform-grid>.clip-tools-field:last-child{grid-column:1/-1}.clip-tools-footer{padding:var(--space-13) var(--space-17);gap:var(--space-10)}.clip-tools-footer button{font-size:var(--text-12);padding:var(--space-9) var(--space-12)}.clip-tools-reset{font-size:var(--text-12)!important}.clip-tools-duration{padding-left:var(--space-11)}.clip-tools-duration strong{font-size:var(--text-14)}}

/* The same controls can live in the Properties inspector without a modal. */
.clip-tools-inline{min-width:0;color:var(--paper);font:var(--text-12)/1.5 var(--sans)}
.clip-tools-inline .clip-tools-heading{padding:var(--space-4) 0 var(--space-13)}.clip-tools-inline .clip-tools-heading h2{font-size:var(--text-15)}.clip-tools-inline .clip-tools-kicker{font-size:var(--text-12);margin-bottom:var(--space-5)}.clip-tools-inline .clip-tools-name{max-width:100%;font-size:var(--text-12);white-space:normal;overflow-wrap:anywhere}
.clip-tools-inline .clip-tools-tabs{padding:0;gap:0;overflow-x:auto;background:transparent}.clip-tools-inline .clip-tools-tabs button{font-size:var(--text-12);padding:var(--space-10) var(--space-7);white-space:normal;flex:1}
.clip-tools-inline .clip-tools-body{padding:var(--space-15) 0}.clip-tools-inline .clip-tools-grid{gap:var(--space-10);margin-bottom:var(--space-14)}.clip-tools-inline .clip-tools-transform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.clip-tools-inline .clip-tools-field>small{font-size:var(--text-12)}.clip-tools-inline .clip-tools-number input,.clip-tools-inline select{padding:var(--space-8);min-height:34px}.clip-tools-inline .clip-tools-number input{padding-right:var(--space-28)}
.clip-tools-inline .clip-tools-duration{padding-left:var(--space-10)}.clip-tools-inline .clip-tools-duration strong{font-size:var(--text-13)}.clip-tools-inline .clip-tools-help,.clip-tools-inline .clip-tools-note{font-size:var(--text-12)}
.clip-tools-inline .clip-tools-footer{position:static;padding:var(--space-11) 0;background:var(--ink);gap:var(--space-8)}.clip-tools-inline .clip-tools-footer button{font-size:var(--text-12);padding:var(--space-8) var(--space-10)}.clip-tools-inline .clip-tools-reset{text-align:left}
.clip-tools-effect-group{border-top:1px solid var(--line);margin-top:var(--space-12);padding-top:var(--space-10)}.clip-tools-effect-group>summary{color:var(--paper);font-size:var(--text-12);cursor:pointer;padding-bottom:var(--space-12)}.clip-tools-effect-group .clip-tools-grid{margin-top:var(--space-4)}

.clip-tools-number:has(input[type=range]){display:flex;align-items:center;gap:var(--space-7);background:none;border:0}.clip-tools-number input[type=range]{min-width:0;flex:1;padding:0;accent-color:var(--lime);height:24px}.clip-tools-readout{font:var(--text-12) monospace;min-width:28px;text-align:right}.clip-tools-number:has(input[type=number]) .clip-tools-readout{display:none}
.clip-tools-number:has(input[type=range]) .clip-tools-unit{position:static;flex:none}.clip-tools-inline .clip-tools-number input[type=range],.clip-tools-dialog .clip-tools-number input[type=range]{padding:0;min-height:24px;width:auto}
.voice-cleanup { min-width: 0; }
.voice-cleanup summary { cursor: pointer; padding: 8px 0; font-weight: 700; }
.voice-controls.editor-fields { grid-template-columns: minmax(0, 1fr); }
.voice-controls audio { width: 100%; min-width: 0; }
.social-version-actions { display: flex; flex-wrap: wrap; gap: 8px 14px; margin: 8px 0 14px; }


/* preview-compositor.css */
.studio-composite-preview { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; background:var(--canvas); }
.studio-composite-preview[hidden], .studio-composite-status[hidden], .studio-composite-decoder { display:none !important; }
.studio-composite-status { position:absolute; z-index:2; left:50%; bottom:12px; transform:translateX(-50%); max-width:90%; padding:var(--space-5) var(--space-9); border:1px solid var(--line); border-radius:var(--radius-5); background:var(--color-131612e8); color:var(--canvas-ink); font-size:var(--text-12); pointer-events:none; }


/* project-library.css */
.library-scopes{display:flex;gap:var(--space-5);margin-bottom:var(--space-10)}.library-scopes button{flex:1;border:1px solid var(--line);border-radius:var(--radius-5);background:var(--raised);color:var(--muted);padding:var(--space-9) var(--space-4);font-size:var(--text-12);cursor:pointer}.library-scopes button[aria-pressed=true]{color:var(--paper);border-color:var(--line);background:var(--raised)}.library-bin-actions{display:flex;flex-wrap:wrap;gap:var(--space-8);margin:var(--space-8) 0}.asset-project-actions{display:flex;flex-wrap:wrap;gap:var(--space-5) var(--space-10);margin-top:var(--space-5)}.asset-project-actions .text-button{font-size:var(--text-12)}.grid-library{border-top:1px solid var(--line);padding-top:var(--space-9);margin-top:var(--space-10)}.grid-library summary{font-size:var(--text-12);font-weight:700;cursor:pointer;color:var(--paper)}.grid-template-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);margin:var(--space-8) 0}.grid-template{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-7);background:var(--raised);border:1px solid var(--line);color:var(--paper);border-radius:var(--radius-6);font-size:var(--text-12);cursor:grab;min-width:0}.grid-template:active{cursor:grabbing}.grid-template svg{width:100%;height:36px;display:block}.grid-template svg rect{fill:var(--color-6e8252);stroke:var(--color-202721);stroke-width:3}.grid-template-help{font-size:var(--text-12);line-height:1.5;color:var(--muted);margin:var(--space-5) 0}.library-bin-empty button{margin-top:var(--space-8)}.library-scopes button:focus-visible,.grid-template:focus-visible{outline:2px solid var(--line);outline-offset:2px}
.stl-row-overlay{background:var(--ink)}.stl-block-overlay{background:linear-gradient(120deg,var(--color-305966),var(--color-213d48));border-color:var(--color-64a4b5)}.stl-block-overlay.stl-selected{border-color:var(--color-ceff74)}.stl-tool-razor .stl-block-coverage,.stl-tool-razor .stl-block-overlay{cursor:crosshair}
.grid-drag-ghost{position:fixed!important;z-index:10000;pointer-events:none;width:92px;opacity:.9;box-shadow:var(--shadow-23)}.grid-template{touch-action:none;user-select:none}

/* Scope and folders stay with the files, inside the shared drop region. */
.studio-shell .library-scopes{gap:0;margin:0 var(--space-neg9) var(--space-6);border-bottom:1px solid var(--line);background:var(--raised)}.studio-shell .library-scopes button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:var(--space-10) var(--space-3) var(--space-8);font-size:var(--text-12);color:var(--muted);min-width:0}.studio-shell .library-scopes button[aria-pressed=true]{border-bottom-color:var(--color-c9f46a);background:var(--raised);color:var(--paper)}.studio-shell .library-bin-actions{margin:var(--space-5) 0}.studio-shell .library-bin-actions .text-button{font-size:var(--text-12)}
.studio-shell .folder-browser{border:0;margin:0;padding:0 0 var(--space-5)}.studio-shell .folder-header{display:flex;align-items:center;gap:var(--space-5);min-height:28px}.studio-shell .folder-breadcrumbs{min-width:0;flex:1;gap:var(--space-3);font-size:var(--text-12)}.studio-shell .folder-breadcrumbs .folder-button{max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-12);padding:var(--space-3)}.studio-shell .folder-create{width:28px;height:27px;flex:none;border:1px solid transparent;border-radius:var(--radius-4);color:var(--paper);display:grid;place-items:center;padding:var(--space-4)}.studio-shell .folder-create:hover{background:var(--raised);border-color:var(--line);color:var(--paper)}.studio-shell .folder-create svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.studio-shell .folder-actions{display:flex;justify-content:flex-end;gap:var(--space-7);margin:var(--space-1) 0 var(--space-5)}.studio-shell .folder-actions .folder-button{padding:var(--space-1) var(--space-2);font-size:var(--text-12);color:var(--muted)}.studio-shell .folder-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);max-height:none;overflow:visible}.studio-shell .folder-card{padding:var(--space-7) var(--space-6);font-size:var(--text-12);white-space:nowrap}.studio-shell .folder-move{gap:var(--space-4);margin-top:var(--space-6);padding:var(--space-7);border-radius:var(--radius-4);background:var(--raised)}.studio-shell .folder-move select{font-size:var(--text-12);padding:var(--space-5)}.studio-shell .folder-move .folder-button{padding:var(--space-3) 0;font-size:var(--text-12);color:var(--paper)}.studio-shell .folder-note{font-size:var(--text-12);margin-top:var(--space-4);color:var(--muted)}
.studio-shell .folder-browser{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 var(--space-5);align-items:center}.studio-shell .folder-header{grid-column:1;grid-row:1}.studio-shell .folder-actions{grid-column:2;grid-row:1;align-self:center;margin:0;gap:var(--space-4)}.studio-shell .folder-actions .folder-button{font-size:var(--text-12);padding:var(--space-3) var(--space-1);white-space:nowrap}.studio-shell .folder-list,.studio-shell .folder-move,.studio-shell .folder-note{grid-column:1/-1}.studio-shell .folder-list:empty{display:none}.studio-shell .folder-breadcrumbs{flex-wrap:nowrap;overflow:hidden}.studio-shell .folder-breadcrumbs .folder-button{min-width:20px;max-width:110px}.studio-shell .folder-create{width:25px;height:25px}.studio-shell .folder-card{padding:var(--space-6);font-size:var(--text-12)}


/* title-fonts.css */
@font-face{font-family:StudioTitleSans;src:url(/fonts/DejaVuSans.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:StudioTitleSans;src:url(/fonts/DejaVuSans-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:StudioTitleSans;src:url(/fonts/DejaVuSans-Oblique.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:StudioTitleSans;src:url(/fonts/DejaVuSans-BoldOblique.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:StudioTitleCondensed;src:url(/fonts/DejaVuSansCondensed.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:StudioTitleCondensed;src:url(/fonts/DejaVuSansCondensed-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:StudioTitleCondensed;src:url(/fonts/DejaVuSansCondensed-Oblique.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:StudioTitleCondensed;src:url(/fonts/DejaVuSansCondensed-BoldOblique.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:StudioTitleSerif;src:url(/fonts/DejaVuSerif.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:StudioTitleSerif;src:url(/fonts/DejaVuSerif-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:StudioTitleSerif;src:url(/fonts/DejaVuSerif-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:StudioTitleSerif;src:url(/fonts/DejaVuSerif-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:StudioTitleMono;src:url(/fonts/DejaVuSansMono.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:StudioTitleMono;src:url(/fonts/DejaVuSansMono-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:StudioTitleMono;src:url(/fonts/DejaVuSansMono-Oblique.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:StudioTitleMono;src:url(/fonts/DejaVuSansMono-BoldOblique.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}

/* Bundled Google Fonts: generated by tools/fetch_google_fonts.py */
@font-face{font-family:StudioGoogleInter;src:url(/fonts/GF-Inter-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:StudioGoogleInter;src:url(/fonts/GF-Inter-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:StudioGoogleInter;src:url(/fonts/GF-Inter-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:StudioGoogleInter;src:url(/fonts/GF-Inter-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:StudioGoogleMontserrat;src:url(/fonts/GF-Montserrat-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:StudioGoogleMontserrat;src:url(/fonts/GF-Montserrat-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:StudioGoogleMontserrat;src:url(/fonts/GF-Montserrat-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:StudioGoogleMontserrat;src:url(/fonts/GF-Montserrat-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:StudioGooglePoppins;src:url(/fonts/GF-Poppins-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:StudioGooglePoppins;src:url(/fonts/GF-Poppins-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:StudioGooglePoppins;src:url(/fonts/GF-Poppins-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:StudioGooglePoppins;src:url(/fonts/GF-Poppins-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:StudioGoogleRoboto;src:url(/fonts/GF-Roboto-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:StudioGoogleRoboto;src:url(/fonts/GF-Roboto-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:StudioGoogleRoboto;src:url(/fonts/GF-Roboto-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:StudioGoogleRoboto;src:url(/fonts/GF-Roboto-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:StudioGoogleOpenSans;src:url(/fonts/GF-OpenSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:StudioGoogleOpenSans;src:url(/fonts/GF-OpenSans-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:StudioGoogleOpenSans;src:url(/fonts/GF-OpenSans-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:StudioGoogleOpenSans;src:url(/fonts/GF-OpenSans-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:StudioGoogleLato;src:url(/fonts/GF-Lato-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:StudioGoogleLato;src:url(/fonts/GF-Lato-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:StudioGoogleLato;src:url(/fonts/GF-Lato-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:StudioGoogleLato;src:url(/fonts/GF-Lato-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:StudioGoogleNunito;src:url(/fonts/GF-Nunito-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:StudioGoogleNunito;src:url(/fonts/GF-Nunito-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:StudioGoogleNunito;src:url(/fonts/GF-Nunito-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:StudioGoogleNunito;src:url(/fonts/GF-Nunito-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:StudioGoogleLora;src:url(/fonts/GF-Lora-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:StudioGoogleLora;src:url(/fonts/GF-Lora-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:StudioGoogleLora;src:url(/fonts/GF-Lora-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:StudioGoogleLora;src:url(/fonts/GF-Lora-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:StudioGooglePlayfairDisplay;src:url(/fonts/GF-PlayfairDisplay-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:StudioGooglePlayfairDisplay;src:url(/fonts/GF-PlayfairDisplay-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:StudioGooglePlayfairDisplay;src:url(/fonts/GF-PlayfairDisplay-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:StudioGooglePlayfairDisplay;src:url(/fonts/GF-PlayfairDisplay-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:StudioGoogleRobotoMono;src:url(/fonts/GF-RobotoMono-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:StudioGoogleRobotoMono;src:url(/fonts/GF-RobotoMono-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:StudioGoogleRobotoMono;src:url(/fonts/GF-RobotoMono-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:StudioGoogleRobotoMono;src:url(/fonts/GF-RobotoMono-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}


/* creative-tools.css */
.folder-browser{border-block:1px solid var(--line,var(--color-333b34));margin:var(--space-10) 0;padding:var(--space-9) 0}.folder-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);font-size:var(--text-12)}.folder-button{background:none;border:0;color:inherit;font-size:var(--text-12);padding:var(--space-5);cursor:pointer}.folder-breadcrumbs .folder-button{color:var(--paper)}.folder-actions{display:flex;justify-content:space-between;margin:var(--space-5) 0}.folder-list{display:grid;gap:var(--space-5);max-height:165px;overflow:auto}.folder-card{text-align:left;background:var(--raised);color:var(--paper);border:1px solid var(--line);border-radius:var(--radius-5);padding:var(--space-9);overflow:hidden;text-overflow:ellipsis;cursor:pointer}.folder-card:hover,.folder-drop{border-color:var(--line);background:var(--raised)}.folder-move{display:flex;flex-direction:column;gap:var(--space-6);margin-top:var(--space-8)}.folder-move select{max-width:100%;min-width:0;padding:var(--space-6);background:var(--ink);color:var(--paper);border:1px solid var(--line);border-radius:var(--radius-4)}.folder-move button{text-align:left}.folder-note{display:block;color:var(--muted);font-size:var(--text-12);margin-top:var(--space-6)}.folder-dialog,.creative-dialog{border:1px solid var(--line);border-radius:var(--radius-12);background:var(--ink);color:var(--paper);box-shadow:var(--shadow-24)}.folder-dialog::backdrop,.creative-dialog::backdrop{background:var(--color-000a)}.folder-dialog{width:min(420px,90vw);padding:var(--space-24)}.creative-dialog{width:min(1040px,95vw);max-height:94vh;padding:0}.creative-heading{display:flex;align-items:center;justify-content:space-between;padding:var(--space-16) var(--space-22);border-bottom:1px solid var(--line)}.creative-heading h2{font-size:var(--text-20);margin:0}.creative-close{background:none;border:0;font-size:var(--text-25);color:inherit;cursor:pointer}.creative-body{display:grid;grid-template-columns:330px 1fr;gap:var(--space-20);padding:var(--space-20);max-height:calc(94vh - 140px);overflow:auto}.creative-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8)}.title-preset{border:1px solid var(--line);border-radius:var(--radius-7);background:var(--raised);color:var(--paper);text-align:left;padding:var(--space-9);cursor:pointer}.title-preset[aria-pressed=true]{border-color:var(--line);box-shadow:var(--shadow-25)}.title-preset strong{display:block;font-size:var(--text-12)}.title-preset small{display:block;color:var(--muted);font-size:var(--text-12);margin-top:var(--space-4)}.title-preset-art{height:50px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--text-22);overflow:hidden;position:relative;margin-bottom:var(--space-6)}.title-preset-art span{border-left:4px solid var(--line);padding:var(--space-3) var(--space-8);animation:title-preset-enter 2.8s ease infinite}.title-preset[data-template=headline] span,.title-preset[data-template=outline] span{border-left:0;border-bottom:3px solid var(--line)}.title-preset[data-template=boxed] span,.title-preset[data-template=social] span{background:var(--lime);color:var(--muted);border:0;border-radius:var(--radius-5)}.title-preset[data-template=signature] span{font-style:italic;font-family:var(--serif);border-left:0}.title-preset[data-template=logo] span{border:2px solid var(--line);border-radius:var(--radius-round)}.creative-preview{aspect-ratio:16/9;background:var(--canvas);margin:var(--space-15) 0 var(--space-6);position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-6)}.creative-preview .preview-composite{position:absolute;inset:0;width:100%;height:100%}.creative-preview-label{font-size:var(--text-12);color:var(--muted)}.creative-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10)}.creative-fields .wide{grid-column:1/-1}.creative-fields label{font-size:var(--text-12);color:var(--paper);display:flex;flex-direction:column;gap:var(--space-6)}.creative-fields input,.creative-fields select,.creative-fields textarea{width:100%;min-width:0;background:var(--ink);color:var(--paper);border:1px solid var(--line);border-radius:var(--radius-5);padding:var(--space-8)}.creative-fields textarea{resize:vertical}.creative-fields input[type=color]{height:34px;padding:var(--space-3)}.creative-fields input[type=checkbox]{width:auto}.creative-word-chips{display:flex;flex-wrap:wrap;gap:var(--space-5);margin:var(--space-8) 0}.creative-word-chips button{border:1px solid var(--line);background:var(--raised);color:var(--paper);padding:var(--space-5) var(--space-8);border-radius:var(--radius-4);cursor:pointer}.creative-word-chips button[aria-pressed=true]{border-color:var(--line);background:var(--raised)}.creative-word-style{border:1px solid var(--line);border-radius:var(--radius-7);padding:var(--space-12);margin-top:var(--space-13)}.creative-word-style h3{font-size:var(--text-13);margin:0 0 var(--space-8)}.creative-word-style .creative-fields{grid-template-columns:repeat(3,1fr)}.creative-word-style .check-label{flex-direction:row;align-items:center}.creative-actions{display:flex;justify-content:flex-end;gap:var(--space-9);padding:var(--space-14) var(--space-22);border-top:1px solid var(--line)}.folder-dialog .creative-actions{padding:var(--space-14) 0 0;margin-top:var(--space-15)}.dialog-error{color:var(--paper);font-size:var(--text-12);margin:var(--space-6) var(--space-22)}.creative-help{font-size:var(--text-12);color:var(--muted);line-height:1.5}.caption-dialog .creative-body{display:block}.caption-dialog{max-width:650px}.creative-import{margin-top:var(--space-13)}.creative-toolbar-button{white-space:nowrap}.creative-word-style .clear-word{margin-top:var(--space-9);color:var(--paper);background:none;border:0;padding:0;cursor:pointer}@keyframes title-preset-enter{0%{opacity:0;transform:translateY(9px)}22%,78%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.title-preset-art span{animation:none}}@media(max-width:800px){.creative-body{grid-template-columns:1fr}.creative-gallery{grid-template-columns:repeat(4,1fr)}.creative-toolbar-button{font-size:var(--text-12);padding:var(--space-6)}.creative-preview{max-height:170px}.creative-word-style .creative-fields{grid-template-columns:1fr 1fr}}

.creative-actions .button{width:auto;min-width:110px}.creative-actions .button-primary,.creative-fields .button-primary{background:var(--lime);border:1px solid var(--line);color:var(--muted)}.creative-actions .button-primary:hover{background:var(--lime)}.creative-actions .button-outline{background:transparent;border:1px solid var(--line)}

/* Text and caption controls inside the selection Properties tab. */
.creative-inline{min-width:0;color:var(--paper)}.creative-inline [hidden]{display:none!important}.creative-inline *{box-sizing:border-box}.creative-inline .creative-heading{padding:var(--space-4) 0 var(--space-12)}.creative-inline .creative-heading h2{font-size:var(--text-15)}.creative-inline .creative-body{display:block;max-height:none;overflow:visible;padding:var(--space-14) 0}.creative-inline .creative-fields{gap:var(--space-10);grid-template-columns:repeat(2,minmax(0,1fr))}.creative-inline .creative-fields label{font-size:var(--text-12);min-width:0}.creative-inline .creative-fields input,.creative-inline .creative-fields select,.creative-inline .creative-fields textarea{font-size:var(--text-12);min-height:34px}.creative-inline .creative-preview{max-height:165px;margin-top:var(--space-12)}.creative-inline .creative-preview-label{font-size:var(--text-12)}.creative-inline .creative-help{font-size:var(--text-12)}.creative-inline .creative-word-style{padding:var(--space-10)}.creative-inline .creative-word-style .creative-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.creative-inline .creative-word-style h3{font-size:var(--text-12)}.creative-inline .creative-word-chips{max-height:130px;overflow:auto}.creative-inline .creative-word-chips button{font-size:var(--text-12)}.creative-inline .creative-actions{position:static;padding:var(--space-11) 0;background:var(--ink);z-index:1}.creative-inline .creative-actions .button{min-width:100px;padding:var(--space-9) var(--space-13);font-size:var(--text-12)}.creative-inline .dialog-error{margin:var(--space-6) 0;font-size:var(--text-12)}.creative-inline button:disabled{opacity:.5;cursor:wait}.creative-inline .creative-fields input[type=checkbox]{min-height:initial;accent-color:var(--lime)}.creative-inline.caption-dialog{max-width:none}.creative-inline .creative-model-select{margin-bottom:var(--space-10)}

/* Creative inspector: tactile controls, grouped by the layer they affect. */
.creative-control-group{border:1px solid var(--line);border-radius:var(--radius-7);padding:0 var(--space-12);margin:0 0 var(--space-11);background:var(--raised);min-width:0}.creative-control-group>summary{cursor:pointer;padding:var(--space-12) 0;color:var(--paper);font-size:var(--text-12);font-weight:600;list-style-position:inside}.creative-control-group>.creative-fields{padding:var(--space-3) 0 var(--space-14)}.creative-control-group>.creative-help{padding:0 0 var(--space-12)}.creative-control-group[open]>summary{margin-bottom:var(--space-6);border-bottom:1px solid var(--line)}.creative-control-label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);min-width:0;line-height:1.4}.creative-control-value{flex:none;font-size:var(--text-12);font-variant-numeric:tabular-nums;background:var(--ink);color:var(--paper);border:1px solid var(--line);border-radius:var(--radius-4);padding:var(--space-2) var(--space-6);min-width:41px;text-align:center}.creative-fields .creative-slider{gap:var(--space-8);padding:var(--space-4) 0}.creative-fields input[type=range]{height:21px;min-height:21px!important;width:100%;padding:0;border:0;background:transparent;accent-color:var(--lime);cursor:ew-resize;box-shadow:var(--shadow-12)}.creative-fields input[type=range]:disabled{opacity:.3;cursor:default}.creative-fields .creative-toggle{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-9);padding:var(--space-6) 0;cursor:pointer}.creative-toggle .creative-control-label{flex:1}.creative-fields .creative-toggle input[type=checkbox]{width:28px;height:16px;min-height:16px;padding:0;margin:0;flex:none;accent-color:var(--lime);cursor:pointer}.creative-fields .creative-fields.wide{min-width:0;padding-top:var(--space-7);border-top:1px solid var(--line)}.creative-upgrade{padding:var(--space-13);border:1px solid var(--line);border-radius:var(--radius-7);margin-bottom:var(--space-14);background:var(--raised)}.creative-upgrade .button{margin-top:var(--space-11)}.creative-legacy-motion{padding-bottom:var(--space-13)}.creative-graphic-import{position:relative!important;display:flex!important;align-items:center;justify-content:center;border:1px dashed var(--line);border-radius:var(--radius-5);padding:var(--space-11);background:var(--raised);color:var(--paper)!important;cursor:pointer;text-align:center;overflow:hidden}.creative-graphic-import input[type=file]{position:absolute;width:1px;height:1px;min-height:0;opacity:0;padding:0;border:0;inset:auto}.creative-graphic-import:focus-within{outline:2px solid var(--line);outline-offset:2px}.creative-preview-column,.creative-controls-column{min-width:0}.creative-inline .creative-control-group{padding:0 var(--space-10);margin-bottom:var(--space-9)}.creative-inline .creative-control-group>summary{font-size:var(--text-12);padding:var(--space-11) 0}.creative-inline .creative-controls-column>.creative-word-style{margin-bottom:var(--space-12)}.creative-inline .creative-preview-column>.creative-preview{max-height:155px}.creative-inline .creative-control-value{font-size:var(--text-12)}.creative-inline .creative-control-group .creative-fields{gap:var(--space-11)}.creative-inline .creative-graphic-import{font-size:var(--text-12)}.creative-dialog [hidden]{display:none!important}.creative-model-select select{font-size:var(--text-12)}.title-preset[data-template=graphic] .title-preset-art span{border:1px dashed var(--line);border-radius:var(--radius-7);font-size:var(--text-30);padding:0 var(--space-15)}

/* In the full editor, controls scroll while the animation stays in view. */
.creative-dialog:not(.caption-dialog){overflow:hidden;max-height:94dvh}.creative-dialog:not(.caption-dialog)>form{display:flex;flex-direction:column;min-height:0;max-height:94dvh}.creative-dialog:not(.caption-dialog) .creative-heading,.creative-dialog:not(.caption-dialog) .creative-actions,.creative-dialog:not(.caption-dialog) .dialog-error{flex:none}.creative-dialog:not(.caption-dialog) .creative-body{height:min(700px,calc(94dvh - 145px));min-height:0;max-height:calc(94dvh - 145px);overflow:hidden;align-items:stretch;grid-template-columns:minmax(245px,330px) minmax(0,1fr)}.creative-dialog:not(.caption-dialog) .creative-preview-column{display:flex;flex-direction:column;min-height:0;overflow:hidden}.creative-dialog:not(.caption-dialog) .creative-preview-column .creative-model-select{order:0;flex:none}.creative-dialog:not(.caption-dialog) .creative-preview-column .creative-preview{order:1;flex:none;margin:var(--space-2) 0 var(--space-7);max-height:none}.creative-dialog:not(.caption-dialog) .creative-preview-column .creative-preview-label{order:2;flex:none;margin:0 0 var(--space-13)}.creative-dialog:not(.caption-dialog) .creative-preview-column .creative-gallery{order:3;overflow:auto;min-height:0;align-content:start;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding:0 var(--space-3) var(--space-3) 0}.creative-dialog:not(.caption-dialog) .creative-controls-column{min-height:0;overflow:auto;padding-right:var(--space-7);scrollbar-width:thin;scrollbar-color:var(--line) transparent}
@media(max-width:700px){.creative-dialog:not(.caption-dialog) .creative-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(130px,30%) minmax(0,1fr);gap:var(--space-12);padding:var(--space-12);height:calc(94dvh - 130px);max-height:calc(94dvh - 130px)}.creative-dialog:not(.caption-dialog) .creative-preview-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,1fr);grid-template-rows:auto 1fr;gap:var(--space-7) var(--space-12);align-items:start}.creative-dialog:not(.caption-dialog) .creative-preview-column .creative-model-select{grid-column:1;grid-row:1}.creative-dialog:not(.caption-dialog) .creative-preview-column .creative-preview{grid-column:2;grid-row:1/3;width:100%;margin:0;align-self:center}.creative-dialog:not(.caption-dialog) .creative-preview-column .creative-preview-label{grid-column:1;grid-row:2;font-size:var(--text-12);margin:0}.creative-dialog:not(.caption-dialog) .creative-gallery{display:none}.creative-dialog:not(.caption-dialog) .creative-controls-column{padding-right:var(--space-3)}}
.creative-dialog:not(.caption-dialog) .creative-preview-column .creative-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
.off-recording { margin-block: var(--space-12); padding: var(--space-12); border: 1px solid var(--line); border-radius: var(--radius-7); }
.off-teleprompter { max-height: 240px; overflow-y: auto; font-size: var(--text-24); line-height: 1.65; white-space: pre-wrap; padding: var(--space-12); background: var(--panel); }
.off-recording audio, .content-cut-card > audio { width: 100%; margin-block: var(--space-2); }


/* source-monitor.css */
.source-monitor-tabs{display:flex;gap:var(--space-2);flex:none;border-bottom:1px solid var(--line);padding:0 var(--space-14);background:var(--raised)}.source-monitor-tabs button{padding:var(--space-9) var(--space-14);border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-size:var(--text-12)}.source-monitor-tabs button[aria-selected=true]{color:var(--paper);border-color:var(--line)}.source-monitor{display:flex;flex:1;min-height:0;flex-direction:column;padding:var(--space-10) var(--space-14);gap:var(--space-8);overflow:auto;outline:none}.source-monitor[hidden],.studio-shell .preview-stage[hidden],.studio-shell .preview-caption[hidden]{display:none!important}.source-monitor:focus-visible{outline:1px solid var(--line);outline-offset:-2px}.source-monitor-name{font-size:var(--text-12);color:var(--paper);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:none}.source-monitor-stage{position:relative;flex:1;min-height:100px;background:var(--canvas);border:1px solid var(--canvas);border-radius:var(--radius-3);display:grid;place-items:center}.source-monitor-stage video,.source-monitor-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.source-monitor-empty{font-size:var(--text-12);color:var(--muted)}.source-scrubber{font-size:var(--text-12);color:var(--muted)}.source-scrubber output{float:right;font-family:var(--mono)}.source-scrubber input{width:100%;display:block;margin:var(--space-7) 0 0;accent-color:var(--lime);min-height:14px;padding:0}.source-mark-controls,.source-insert-controls{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-6);font-size:var(--text-12);flex:none}.source-monitor button,.source-monitor select{border:1px solid var(--line);border-radius:var(--radius-4);background:var(--raised);color:var(--paper);font-size:var(--text-12);padding:var(--space-6) var(--space-8);min-height:28px}.source-monitor button:disabled{opacity:.4}.source-mark-controls output{font-family:var(--mono);color:var(--paper)}.source-mark-controls kbd{color:var(--paper);margin-left:var(--space-3)}.source-insert-controls [data-insert]{background:var(--lime);color:var(--muted);margin-left:auto;font-weight:600}.source-still-duration{display:flex;gap:var(--space-12);align-items:center;font-size:var(--text-12)}.source-still-duration input{flex:1;accent-color:var(--lime)}.source-monitor-status{font-size:var(--text-12);color:var(--muted);margin:0;flex:none}.source-insert-controls [data-duration]{font-family:var(--mono);color:var(--muted)}

.source-drag-controls{display:flex;gap:var(--space-8);flex:none}.source-drag-controls button{cursor:grab}.source-drag-controls button:active{cursor:grabbing}

.source-monitor .source-insert-controls select{width:auto!important;max-width:130px;min-width:90px;margin:0}.source-monitor .source-insert-controls button{white-space:nowrap}.source-monitor-stage{flex-shrink:1}.source-monitor button{margin:0}

/* Filled actions pair with the configured accent in either theme. */
.studio-shell .shell-primary,.studio-shell .button-primary,.studio-shell .button-accent,.studio-shell .stl-button[data-action=play],.studio-shell .source-insert-controls [data-insert]{background:var(--lime);color:var(--accent-ink);border-color:var(--lime)}
.studio-shell .button-light{color:var(--ink);background:var(--paper)}

.stl-lane-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.text-preset-card[data-title-template="boxed"] .text-preset-sample,.text-preset-card[data-title-template="social"] .text-preset-sample,.title-art-boxed,.title-art-social{color:var(--accent-ink);background:var(--lime)}

.text-preset-card[data-title-template="outline"] .text-preset-sample{-webkit-text-stroke-color:var(--paper)}

.stl-context-action:focus-visible{outline:2px solid var(--lime);outline-offset:-2px}
.source-monitor-tabs button[aria-selected=true]{color:var(--lime);border-color:var(--lime)}

.brand-mark{color:var(--accent-ink)}
.title-art-outline{-webkit-text-stroke-color:var(--paper)}

/* Stable contrast for labels over media, independent of the selected theme. */
.asset-duration,.media-type-badge{color:var(--canvas-ink)}
.stl-block-label,.stl-block-duration{color:var(--canvas-ink);background:var(--canvas)}

/* Configured monograms and long names must not cover adjacent controls. */
.brand-mark.brand-monogram-wide,.shell-nav-monogram.brand-monogram-wide{font-size:var(--text-12);width:auto;min-width:var(--space-25);padding:0 var(--space-3)!important}
.shell-topbar [data-brand-name]{display:block;max-width:clamp(120px,20vw,280px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shell-home-nav-bottom>span:last-child{min-width:0}
.shell-home-nav-bottom [data-brand-name]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.preview-empty{max-width:100%}
.preview-wordmark{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.asset-preview-button span{color:var(--canvas-ink)}

.shell-nav-monogram.brand-monogram-wide{flex-shrink:0}

/* Keep the 12 px media kind separate from the thumbnail duration and checkbox. */
.studio-shell .media-type-badge{top:var(--space-4);right:var(--space-4);bottom:auto;left:auto;padding:var(--space-1) var(--space-3);letter-spacing:0}

/* Fixed dark media overlays keep their foreground in both themes. */
.shell-card-duration,.stl-link-icon,.media-drop-symbol,.media-drop-title,.media-drop-hint{color:var(--canvas-ink)}


/* workspace-layout.css */
/* Workspace geometry: the editing preset fits all eleven tracks at 720p. */
.workspace-monitors{display:flex;flex:1;min-height:0;overflow:hidden}
.workspace-program{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0}
.workspace-program[hidden]{display:none}
.workspace-transcript:focus-visible{outline:2px solid var(--lime);outline-offset:-2px}
.text-word,.text-phrase{font:inherit;color:inherit;background:transparent;border:1px solid transparent;border-radius:3px;padding:3px;cursor:pointer}
.text-word[aria-pressed=true]{background:var(--lime);color:var(--ink)}
.text-word:focus-visible,.text-phrase:focus-visible{outline:2px solid var(--lime)}
.text-phrase{display:block;color:var(--muted);font-size:11px;margin-top:8px;text-decoration:underline}
.text-edit-tools{display:flex;flex-direction:column;gap:8px;font-size:12px}
.text-edit-tools[hidden]{display:none}
.text-edit-tools select,.text-edit-tools input{width:100%;min-height:32px}
.text-search-results{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow:auto}
@media(min-width:701px){
  .studio-shell #studio-editor{grid-template-rows:44px minmax(0,1fr) 6px var(--workspace-timeline,404px)}
  .studio-shell .workspace{grid-template-columns:var(--workspace-left,210px) 6px minmax(0,1fr) 6px var(--workspace-right,260px);gap:0}
  .studio-shell #interactive-timeline{grid-row:4}
  .workspace-divider{background:var(--line);position:relative;z-index:7;touch-action:none}
  .workspace-divider:hover,.workspace-divider:focus-visible{background:var(--lime)}
  .workspace-divider-left,.workspace-divider-right{cursor:col-resize}
  .workspace-divider-timeline{grid-row:3;cursor:row-resize}
  .workspace-monitors{display:flex;flex:1;min-height:0;overflow:hidden}
  .workspace-program{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0}
  .workspace-program[hidden]{display:none}
  [data-monitor-mode=dual] .workspace-monitors{display:grid;grid-template-columns:1fr 1fr}
  [data-workspace-preset=editing] .source-monitor-tabs{padding:0 6px}
  [data-workspace-preset=editing] .source-monitor-tabs button{padding:2px 10px}
  [data-workspace-preset=editing] .source-monitor{padding:4px 6px;gap:3px;border-right:1px solid var(--line)}
  [data-workspace-preset=editing] .source-monitor-stage{min-height:50px}
  [data-workspace-preset=editing] .source-monitor-name:before{content:'Origem · '}
  [data-workspace-preset=editing] .preview-caption:before{content:'Montagem · ';flex:none}
  [data-workspace-preset=editing] .source-scrubber input{margin:2px 0 0;min-height:12px}
  [data-workspace-preset=editing] .source-extra-controls{flex:none;font-size:12px}
  [data-workspace-preset=editing] .preview-stage{margin:6px}
  [data-workspace-preset=editing] .preview-caption{min-height:24px;padding:3px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  [data-workspace-preset=editing] .preview-empty{padding:6px}
  [data-workspace-preset=editing] .preview-empty .preview-rule,[data-workspace-preset=editing] .preview-empty small{display:none}
  [data-workspace-preset=editing] .preview-wordmark{font-size:16px}
  [data-workspace-preset=editing] .stl-row{height:26px}
  [data-workspace-preset=editing] .stl-lane-label{letter-spacing:0;padding:0 6px}
  .workspace-library-tools{flex:none;font-size:12px}
  .workspace-library-tools>summary{padding:4px 8px;cursor:pointer}
  [data-workspace-preset=editing] .library .panel-heading{padding:6px 8px;min-height:32px}
  [data-workspace-preset=editing] .library-footer{padding:3px 8px}
  [data-workspace-preset=editing] .stl-block{top:2px;bottom:2px;display:flex;align-items:center}
  [data-workspace-preset=editing] .stl-block-label{padding:2px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  [data-workspace-preset=editing] .stl-block-duration{padding:2px;margin:0;white-space:nowrap;flex:none}
  .studio-shell .stl-toolbar{min-height:38px;padding:4px 8px;gap:8px;flex-wrap:nowrap;flex:none}
  .studio-shell .stl-viewport{min-height:0}
  .studio-shell .stl-footer{min-height:24px;padding:3px 8px;flex:none;white-space:nowrap;overflow:hidden}
  .studio-shell .stl-navigator{flex:none}
  .workspace-max{margin-left:auto;font-size:12px!important;white-space:nowrap}
  .workspace-controls{display:flex;align-items:center;gap:6px;min-width:0}
  .workspace-controls select{width:auto;max-width:145px;padding:4px;font-size:12px}
  .workspace-profile{max-width:120px!important}
  .workspace-storage-status{font-size:12px;color:var(--muted)}
  .shell-editor-toolbar{gap:8px}
  .workspace-notes,.workspace-transcript{display:none;min-height:0;overflow:auto;padding:12px}
  .workspace-notes h2,.workspace-transcript h2{font-size:14px;margin-bottom:12px}
  [data-workspace-preset=journalist] .workspace-notes,[data-workspace-preset=journalist] .workspace-transcript{display:block;flex:1}
  [data-workspace-preset=journalist] .shell-library-column>.shell-panel-tabs,[data-workspace-preset=journalist] .shell-library-column>.shell-library-pane,[data-workspace-preset=journalist] .shell-library-column>.shell-resource-pane,[data-workspace-preset=journalist] .shell-inspector>.shell-panel-tabs,[data-workspace-preset=journalist] .shell-inspector-scroll{display:none}
  [data-workspace-preset=journalist] .workspace-notes textarea{height:280px;resize:vertical}
  [data-workspace-preset=journalist] .workspace-transcript #content-cuts-panel{display:block!important}
  .workspace-read-transcript{display:none}
  [data-workspace-preset=journalist] .workspace-read-transcript{display:block;white-space:pre-wrap;font-size:12px;line-height:1.5;padding:8px 0}
  [data-workspace-preset=audio] .stl-row-audio{height:84px}
  [data-workspace-preset=audio] .stl-viewport{scrollbar-color:var(--muted) var(--raised)}
  .workspace-waveform{position:absolute;inset:24px 8px 3px;width:calc(100% - 16px);height:calc(100% - 27px);pointer-events:none;color:var(--canvas-ink)}
  .workspace-waveform-status{position:absolute;left:8px;bottom:4px;font-size:12px;background:var(--canvas);color:var(--canvas-ink);pointer-events:none}
  .workspace-waveform-retry{pointer-events:auto;position:relative;z-index:2;font-size:12px;padding:2px 5px;color:var(--canvas-ink);background:var(--canvas);border:1px solid var(--canvas-ink)}
  #studio-editor[data-maximized=preview]{grid-template-rows:44px minmax(0,1fr)}
  #studio-editor[data-maximized=preview] .workspace{grid-template-columns:1fr}
  #studio-editor[data-maximized=preview] .shell-library-column,#studio-editor[data-maximized=preview] .shell-inspector,#studio-editor[data-maximized=preview] .workspace-divider,#studio-editor[data-maximized=preview] #interactive-timeline{display:none}
  #studio-editor[data-maximized=timeline]{grid-template-rows:44px minmax(0,1fr)}
  #studio-editor[data-maximized=timeline] .workspace,#studio-editor[data-maximized=timeline] .workspace-divider{display:none}
  #studio-editor[data-maximized=timeline] #interactive-timeline{grid-row:2}
}
/* TUI.2 controls retain the compact eleven-track editing geometry. */
.studio-timeline{position:relative}
.studio-shell .stl-lane-label{width:236px;gap:3px;padding:0 5px;letter-spacing:0}
.studio-shell .stl-lane,.studio-shell .stl-ruler{left:236px}
.stl-track-name{width:52px;flex:none;overflow:hidden;text-overflow:ellipsis}
.stl-track-button{font:12px var(--sans);width:24px;height:22px;min-width:0;padding:0;border:1px solid var(--line);background:var(--raised);color:var(--paper);border-radius:3px;cursor:pointer}
.stl-track-button[aria-pressed=true]{color:var(--lime);border-color:var(--lime)}
.stl-track-button:focus-visible,.stl-marker:focus-visible,.stl-marker-editor summary:focus-visible{outline:2px solid var(--lime);outline-offset:-2px}
.studio-shell .stl-row.stl-collapsed{height:24px}
.stl-collapsed .stl-block,.stl-collapsed .stl-lane-empty{visibility:hidden}
.stl-output-hidden .stl-block{opacity:.5}
.studio-shell .stl-viewport{overflow-y:scroll;scrollbar-width:auto;scrollbar-color:var(--muted) var(--raised);scrollbar-gutter:stable}
.studio-shell .stl-seek-input{width:118px;min-width:0;height:26px;font:12px var(--mono);padding:3px}
.studio-shell .stl-time{min-width:0}
.studio-shell .stl-edits{gap:3px}
.studio-shell .stl-edits .stl-button{padding:3px 5px;min-width:24px}
.studio-shell .stl-zoom input{width:65px}
.stl-marker-editor{font-size:12px;position:relative;flex:none}
.stl-marker-editor summary{cursor:pointer}
.stl-marker-editor[open]{position:absolute;right:8px;top:8px;z-index:9;padding:8px;background:var(--ink);border:1px solid var(--line)}
.stl-marker-editor input,.stl-marker-editor select{font-size:12px;width:130px;padding:4px}
.stl-marker{position:absolute;top:0;font-size:14px;line-height:16px;padding:0 3px;background:var(--canvas);border:0;z-index:3;cursor:pointer}
.stl-thumbnail-strip{position:absolute;inset:0;display:flex;overflow:hidden;pointer-events:none;opacity:.45}
.stl-thumbnail-strip .stl-thumb{position:static;flex:1;min-width:0;width:70px;max-width:none;height:100%;opacity:1;object-fit:cover}
.stl-block-label,.stl-block-duration{position:relative;z-index:1}
[data-workspace-preset=editing] .workspace-waveform{inset:0 6px;width:calc(100% - 12px);height:100%;opacity:.45}
.workspace-filmstrip-retry{position:absolute;left:8px;bottom:2px;z-index:2;font-size:12px;padding:2px 5px;background:var(--canvas);color:var(--canvas-ink);border:1px solid var(--canvas-ink)}
[data-workspace-preset=editing] .stl-block-items .stl-block-label,[data-workspace-preset=editing] .stl-block-coverage .stl-block-label,[data-workspace-preset=editing] .stl-block-overlay .stl-block-label{max-width:50%;background:var(--canvas)}
[data-workspace-preset=editing] .stl-short-video .stl-block-duration{display:none}

/* Monitors have one explicit presentation choice and a compact transport. */
.source-monitor-tabs{align-items:center;gap:8px;padding:2px 6px;min-height:28px}
.source-monitor-tabs select{width:auto;padding:2px 4px;font-size:12px;background:var(--raised);color:var(--paper);border:1px solid var(--line)}
.source-monitor-tabs button{font-size:12px;padding:2px 6px}
.source-monitor-tabs button[aria-pressed=true]{color:var(--lime);border-color:var(--lime)}
.workspace-program:focus-visible{outline:2px solid var(--lime);outline-offset:-2px}
.source-monitor{position:relative;overflow:visible}
.source-extra-controls{font-size:12px;flex:none}
.source-extra-controls summary{cursor:pointer;min-height:18px}
.source-extra-controls[open]{position:absolute;left:6px;right:6px;bottom:0;z-index:12;padding:8px;background:var(--panel);border:1px solid var(--line);box-shadow:0 4px 12px #0006;max-height:70vh;overflow:auto}
.source-extra-controls[open]>div,.source-extra-controls[open]>label,.source-extra-controls[open]>p{margin-top:8px}
.source-transport{float:left;margin-right:6px!important;padding:0 4px!important;min-height:18px!important;height:18px}
.source-audio-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px}
.source-audio-controls label{display:flex;align-items:center;gap:6px}
.source-audio-controls input{width:90px}
@media(min-width:701px){
  .studio-shell .preview>.panel-heading{min-height:28px;height:28px;padding:0 6px}
  .studio-shell .preview>.panel-heading .preview-kicker{display:none}
  .studio-shell .source-monitor-tabs{margin-top:-28px;margin-right:140px;min-height:28px;height:28px;border:0;z-index:1;background:var(--panel)}
  .studio-shell .preview>.panel-heading>div,.studio-shell .preview>.panel-heading>#preview-kind{visibility:hidden}
  .studio-shell .source-monitor{padding:2px 6px;gap:2px}
  .studio-shell .source-monitor-name{display:block;font-size:12px;line-height:16px;padding-right:128px}
  .studio-shell .source-monitor-name:before{content:'Origem · '}
  .studio-shell .source-scrubber{flex:none;line-height:18px;font-size:12px}
  .studio-shell .source-scrubber input{margin:0;min-height:12px;height:12px}
  .studio-shell .preview .source-monitor-stage{min-height:96px}
  .studio-shell .source-extra-controls{position:absolute;right:6px;top:2px;z-index:12}
  .studio-shell .source-extra-controls[open]{left:6px;top:2px;bottom:auto;max-height:calc(100% - 4px);overflow:auto}
  .studio-shell .preview-stage{margin:2px 6px;min-height:80px}
  .studio-shell .preview-caption{padding:2px 6px;min-height:20px;font-size:12px}
}

.speech-cleanup-tools,.editor-automation-tools{border:1px solid var(--line);padding:8px;border-radius:4px;font-size:12px}
.speech-cleanup-tools summary,.editor-automation-tools summary{cursor:pointer;font-weight:600}
.speech-cleanup-tools label,.editor-automation-tools label{display:block;margin:8px 0}
.speech-cleanup-tools textarea,.editor-automation-tools textarea{width:100%;min-height:64px;font:inherit}
.speech-cleanup-proposal{border-top:1px solid var(--line);padding:8px 0}
.text-edit-tools .speech-cleanup-proposal input[type=checkbox]{width:auto;min-height:0;margin-right:6px}
.text-word.text-cleanup-proposed{border:1px dashed var(--lime);text-decoration:underline;text-decoration-style:dotted}

/* Editorial VT controls share the existing notes scroll area. */
#vt-toolbar .vt-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
#vt-toolbar .vt-actions button{border:1px solid var(--line);border-radius:4px;padding:6px}
#vt-toolbar>input{margin:8px 0}
#script-sonoras .content-cut-card{margin-top:12px;padding:10px;border:1px solid var(--line);border-radius:6px}
#script-sonoras textarea{height:90px;min-height:60px}
#script-sonoras .text-button{margin:6px 8px 6px 0}


/* journalist-mobile.css */
.journalist-mobile,.journalist-mode-entry{display:none}
.editorial-review{padding:12px;border-bottom:1px solid var(--line)}
.editorial-review .button{display:block;margin:8px 0;white-space:normal}
.editorial-confirm{display:flex;align-items:center;gap:12px;margin:12px 0;font-size:14px;line-height:1.5}
.editorial-confirm[hidden]{display:none}.editorial-confirm input{width:24px;min-width:24px;height:24px}
@media(max-width:1100px){
  body[data-journalist-mobile=true] #toast{pointer-events:none}
  body[data-journalist-mobile=true] .editorial-confirm{min-height:44px;font-size:16px}
  .studio-shell[data-studio-view=editor][data-journalist-mobile=true]{height:auto;overflow:auto;min-height:100dvh}
  .journalist-task-page .content-cut-list{max-height:none;overflow:visible}
  .journalist-mode-entry{display:block;min-height:44px;color:var(--paper);background:var(--raised);border:1px solid var(--line);border-radius:5px;padding:8px;font:14px var(--sans)}
  .studio-shell .shell-editor-toolbar{flex-wrap:wrap;overflow:visible;height:auto;min-height:44px}
  .studio-shell .shell-editor-toolbar>.workspace-controls{max-width:100%}
  .studio-shell .shell-topbar{height:auto;min-height:56px;flex-wrap:wrap}
  .studio-shell .topbar-right{flex-wrap:wrap;gap:6px;min-width:0}
  .studio-shell .shell-project-heading{min-width:0;max-width:100%}
  .studio-shell #studio-editor[data-journalist-mobile=true]{display:block;height:auto;min-height:0;overflow:visible}
  #studio-editor[data-journalist-mobile=true]>.workspace,#studio-editor[data-journalist-mobile=true]>.workspace-divider,#studio-editor[data-journalist-mobile=true]>#interactive-timeline{display:none}
  #studio-editor[data-journalist-mobile=true]>.shell-editor-toolbar{position:static;display:flex;padding:8px;gap:8px;border-bottom:1px solid var(--line)}
  #studio-editor[data-journalist-mobile=true] .shell-editor-toolbar>.workspace-controls,#studio-editor[data-journalist-mobile=true] #shell-automation-button,#studio-editor[data-journalist-mobile=true] #shell-export-button,#studio-editor[data-journalist-mobile=true] .shell-format-control,#studio-editor[data-journalist-mobile=true] .shell-shortcuts-button{display:none}
  #studio-editor[data-journalist-mobile=true] .shell-toolbar-spacer{display:none}
  #studio-editor[data-journalist-mobile=true] .journalist-mode-entry{margin-left:auto}
  .journalist-mobile:not([hidden]){display:block;padding:12px;max-width:880px;margin:auto}
  .journalist-task-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}
  .journalist-task-nav button,.journalist-task-actions button,.journalist-transport button{min-height:44px;border:1px solid var(--line);border-radius:5px;color:var(--paper);background:var(--raised);font:14px var(--sans);padding:8px;white-space:normal}
  .journalist-task-nav button[aria-pressed=true]{background:var(--lime);color:var(--ink)}
  .journalist-task-actions{display:flex;gap:8px;margin-bottom:12px}.journalist-task-actions button{flex:1}
  .journalist-task-page>h2{font-size:22px;margin:12px 0}
  .journalist-task-page .workspace-notes,.journalist-task-page .workspace-transcript,.journalist-task-page .shell-library-pane{display:block;overflow:visible;min-height:0;padding:0}
  .journalist-task-page[hidden],.journalist-task-page [hidden]{display:none!important}
  .journalist-task-page :is(button,select,input:not([type=checkbox]),summary){min-height:44px;font-size:16px}
  /* Outrank the compact desktop library rules; size the real control itself. */
  .studio-shell #studio-editor[data-journalist-mobile=true] .journalist-task-page :is(button,select,input:not([type=checkbox]),summary){min-width:44px;min-height:44px}
  .studio-shell #studio-editor[data-journalist-mobile=true] .journalist-task-page :is(.filter-list,.selection-actions){display:flex;flex-wrap:wrap;gap:8px;line-height:1.5}
  .studio-shell #studio-editor[data-journalist-mobile=true] .journalist-task-page .selection-actions .text-button{padding:8px;line-height:1.5;font-size:16px;flex-shrink:0}
  .journalist-task-page label:has(>input[type=checkbox]){display:flex;align-items:center;gap:8px;min-height:44px;min-width:44px}
  .studio-shell #studio-editor[data-journalist-mobile=true] .journalist-task-page .source-transport{min-height:44px!important;height:44px;padding:8px!important;float:none;flex:none}
  .studio-shell #studio-editor[data-journalist-mobile=true] .journalist-task-page .source-extra-controls{position:static;inset:auto;z-index:auto;max-height:none;overflow:visible;flex:none}
  .studio-shell #studio-editor[data-journalist-mobile=true] .journalist-task-page audio[controls]{min-height:54px;height:54px}
  body[data-journalist-mobile=true] .folder-dialog :is(button,input,select){min-width:44px;min-height:44px;font-size:16px}
  .journalist-task-page button{white-space:normal;overflow-wrap:anywhere;max-width:100%;box-sizing:border-box}
  .journalist-task-page :is(p,label,strong,h3){overflow-wrap:anywhere}
  .journalist-task-page input[type=checkbox]{width:24px;height:24px;min-width:24px}
  .journalist-task-page :is(input,select,textarea,audio){max-width:100%;min-width:0;box-sizing:border-box}
  .journalist-task-page :is(textarea){width:100%;min-height:120px;font-size:16px;line-height:1.5}
  .journalist-task-page :is(.content-cut-card,.editor-fields,.field-grid,.segment-time-grid,.program-segment-top,.social-version-row){min-width:0;overflow-wrap:anywhere}
  .journalist-task-page .content-cut-transcript,.journalist-task-page .help-text,.journalist-task-page .workspace-read-transcript{font-size:16px;line-height:1.6;white-space:pre-wrap}
  .journalist-task-page .text-word{padding:10px 5px}.journalist-task-page .text-phrase{font-size:14px}
  .journalist-task-page .content-cut-actions,.journalist-task-page .vt-actions,.journalist-task-page .social-version-actions{display:flex;flex-wrap:wrap;gap:8px}
  .journalist-task-page .workspace-notes textarea{height:auto}
  .journalist-task-page #content-cuts-panel{display:block!important}
  .journalist-task-page .preview{height:auto;min-height:0;overflow:visible;margin-bottom:12px}
  .journalist-task-page .preview>.panel-heading{flex-wrap:wrap;gap:8px}
  .journalist-task-page .subtle-tag{white-space:normal;overflow-wrap:anywhere;max-width:100%;min-width:0}
  .journalist-task-page .workspace-monitors,.journalist-task-page .workspace-program{display:block;overflow:visible}
  .journalist-task-page .source-monitor,.journalist-task-page .source-monitor-tabs,.journalist-task-page .workspace-max{display:none}
  #journalist-transcript .source-monitor{display:flex;max-width:100%;height:auto;min-height:0;padding:12px}
  #journalist-transcript .source-monitor-stage{height:180px;min-height:0;flex:none}
  .journalist-task-page .preview-stage{width:auto;min-height:180px;height:auto;aspect-ratio:16/9;margin:8px}
  .journalist-task-page .preview-caption{white-space:normal;overflow-wrap:anywhere}
  .journalist-task-page #project-editor{display:block!important}.journalist-task-page .editor-scenes{display:none}
  .journalist-transport{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.journalist-transport input{width:100%;min-height:44px}
  .journalist-task-page .off-recording{max-width:100%;box-sizing:border-box}
  #journalist-off #script-sonoras>[data-block-id]:not([data-block-type=off]){display:none}
  #journalist-off .workspace-notes>h2,#journalist-off #vt-toolbar,#journalist-off .workspace-notes>label{display:none}
  .journalist-block-details{border-top:1px solid var(--line);margin-top:12px}.journalist-block-details summary{padding:10px 0;color:var(--lime);cursor:pointer}
  .journalist-task-page .off-teleprompter{max-height:35vh;overflow:auto;font-size:20px}
  .studio-shell .shell-task-dialog{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);height:calc(100dvh - 16px);margin:8px auto;padding:12px;box-sizing:border-box}
  .studio-shell .shell-task-dialog :is(input,select,textarea){max-width:100%;min-width:0;font-size:16px}
  .studio-shell .shell-task-dialog :is(button,summary){min-height:44px;white-space:normal}
  .studio-shell .shell-task-dialog .editor-fields{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px){
  .journalist-task-page .editor-fields,.journalist-task-page .field-grid,.journalist-task-page .segment-time-grid{display:grid;grid-template-columns:minmax(0,1fr)}
  .journalist-task-page .content-cut-actions button,.journalist-task-page .vt-actions button{flex:1 1 130px}
  .studio-shell .shell-topbar .shell-theme-control,.studio-shell .shell-topbar #connection-status{display:none}
  .studio-shell .shell-home-content{padding:16px;min-width:0}.studio-shell .shell-home-toolbar{flex-wrap:wrap}
  .studio-shell .shell-recent-filters{flex-wrap:wrap}.studio-shell .shell-recent-grid{grid-template-columns:minmax(0,1fr)}
}


/* feedback.css */
#feedback-bar {display:flex;align-items:center;gap:var(--space-8);height:30px;padding:0 var(--space-12);background:var(--panel);color:var(--paper);border-bottom:1px solid var(--line);font-size:var(--text-12);}
.feedback-jobs {display:flex;align-items:center;gap:var(--space-12);flex:1;min-width:0;overflow-x:auto;white-space:nowrap;}
.feedback-job {display:flex;align-items:center;gap:var(--space-6);}
#feedback-bar button {font-size:var(--text-12);padding:2px 6px;white-space:nowrap;min-height:24px;background:var(--raised);color:var(--paper);border:1px solid var(--line);border-radius:var(--radius-4);}
.feedback-job progress {width:70px;height:8px;}
#draft-status {white-space:nowrap;}
.draft-dialog {width:min(680px,calc(100vw - 32px));max-height:80vh;overflow:auto;background:var(--panel);color:var(--paper);border:1px solid var(--line);border-radius:var(--radius-6);padding:20px;font-size:var(--text-12);}
.draft-dialog h2 {font-size:var(--text-16);margin-bottom:12px;}
.draft-dialog article {padding:12px 0;border-bottom:1px solid var(--line);}
.draft-dialog button {margin:8px 8px 0 0;}
.studio-shell #studio-editor {height:calc(100dvh - 88px);}
[data-workspace-preset=editing] .source-monitor-stage {min-height:54px;}
.studio-shell .global-error {top:96px;}


/* onboarding.css */
.studio-help-tip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-6);
  flex: none;
  min-width: 0;
  margin-bottom: var(--space-8);
  padding: var(--space-8);
  border: 1px solid var(--line);
  border-radius: var(--radius-7);
  background: var(--panel);
  color: var(--paper);
  font-size: var(--text-12);
}
.studio-help-tip strong {
  grid-column: 1;
  grid-row: 1;
}
.studio-help-tip p {
  grid-column: 1 / -1;
  grid-row: 2;
  margin: 0;
  max-height: 54px;
  overflow: auto;
  line-height: 1.5;
}
.studio-help-tip button:last-child {
  grid-column: 2;
  grid-row: 1;
}
.studio-help-tip #studio-example {
  grid-column: 1 / -1;
  grid-row: 3;
  justify-self: start;
}
.shell-library-column > .studio-help-tip {
  margin: 0;
  border-inline: 0;
  border-radius: 0;
  background: var(--raised);
}
/* Keep the bin accessible by ordinary scrolling while help reserves column space. */
.shell-library-column:has(> .studio-help-tip:not([hidden])) .shell-library-pane {
  overflow: auto;
}
.shell-library-column:has(> .studio-help-tip:not([hidden])) .library {
  flex: none;
  min-height: 100%;
}
.shell-library-column:has(> .studio-help-tip:not([hidden])) .media-browser {
  flex: none;
  min-height: 140px;
}
.studio-help-tip[hidden] {
  display: none;
}
.studio-command-dialog {
  width: min(680px, 90vw);
  max-height: 80vh;
}
.studio-command-dialog input {
  width: 100%;
  margin: 8px 0;
}
.studio-command-dialog h2 {
  margin: 0 0 16px;
}
.studio-command-dialog [role="status"] {
  font-size: 12px;
}
.studio-command-dialog [role="listbox"] {
  max-height: 48vh;
  overflow: auto;
  margin: 10px 0;
}
.studio-command-option {
  display: block;
  width: 100%;
  text-align: left;
  padding: 10px;
  border: 1px solid transparent;
  background: var(--panel);
  color: var(--paper);
  font-size: 12px;
}
.studio-command-option[aria-selected="true"] {
  border-color: var(--lime);
  background: var(--raised);
}
.studio-command-option[aria-disabled="true"] {
  color: var(--muted);
}