/* The family Video Studio. Scope every rule to this route. */
[data-video-studio] { --studio-pine:#173f35; --studio-navy:#0c2c40; --studio-muted:#59645e; --studio-line:#dcd5c6; --studio-paper:#fffcf5; }
[data-video-studio] [hidden] { display:none !important; }
[data-video-studio] #workspace-main { max-width:1920px; }
[data-video-studio] .sidebar { scrollbar-width:thin; scrollbar-color:#cfb67866 transparent; }
[data-video-studio] .story-motion-control { min-height:44px; }
[data-video-studio] :is(button,a,input,select,textarea):focus-visible { outline:3px solid #9b6d19; outline-offset:4px; }
[data-video-studio] :is(h1,h2,h3,p,button,a) { overflow-wrap:break-word; }
[data-video-studio] button { cursor:pointer; }
[data-video-studio] button:disabled { cursor:not-allowed; }
[data-video-studio] .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
[data-video-studio] .studio-header { display:flex; justify-content:space-between; align-items:center; gap:32px; margin:14px 0 32px; }
[data-video-studio] .studio-header h1 { margin:12px 0 14px; max-width:23ch; color:var(--studio-navy); font:600 clamp(2rem,3.2vw,3.4rem)/1.08 Fraunces,Georgia,serif; letter-spacing:-.05em; }
[data-video-studio] .studio-header p:not(.eyebrow) { margin:0; color:var(--studio-muted); font-size:.98rem; line-height:1.65; }
[data-video-studio] .eyebrow { color:#796129; }
[data-video-studio] :is(.studio-header,.studio-library-heading) .eyebrow { color:#796129; }
[data-video-studio] :is(input,textarea)::placeholder { color:#65705f; opacity:1; }
[data-video-studio] .studio-balance { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:6px 16px; min-width:250px; padding:20px 24px; border:1px solid var(--studio-line); border-radius:18px; background:#fffaf0b3; }
[data-video-studio] .studio-balance-number { color:var(--studio-pine); font:600 2.9rem/1 Fraunces,Georgia,serif; }
[data-video-studio] .studio-balance div { display:grid; gap:5px; }
[data-video-studio] .studio-balance strong { font-size:.85rem; }
[data-video-studio] .studio-balance div>span { max-width:25ch; font-size:.74rem; line-height:1.5; color:var(--studio-muted); }
[data-video-studio] .studio-balance>a { display:inline-flex; align-items:center; grid-column:1/-1; width:fit-content; min-height:44px; margin-top:4px; color:var(--studio-pine); font-size:.78rem; text-underline-offset:4px; }
[data-video-studio] .studio-balance [data-studio-retry] { grid-column:1/-1; width:fit-content; margin-top:8px; }
[data-video-studio] .studio-tabs { display:flex; gap:8px; padding:0 0 12px; margin-bottom:30px; border-bottom:1px solid var(--studio-line); }
[data-video-studio] .studio-tabs button { display:flex; gap:10px; align-items:center; min-height:48px; padding:12px 22px; border:1px solid transparent; border-radius:12px; background:transparent; color:var(--studio-muted); font:700 .9rem Inter,sans-serif; }
[data-video-studio] .studio-tabs button[aria-selected="true"] { background:var(--studio-pine); color:#fffaf0; box-shadow:0 4px 10px #173f3510; }
[data-video-studio] .studio-tabs button>span { padding:3px 7px; border-radius:6px; background:#173f3510; font-size:.7rem; }
[data-video-studio] .studio-tabs button[aria-selected="true"]>span { background:#fff2; }
[data-video-studio] .studio-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:20px; }
[data-video-studio] .studio-section-heading .eyebrow { margin:0 0 9px; font-size:.63rem; color:#796129; }
[data-video-studio] .studio-section-heading h2 { margin:0; font:600 clamp(1.4rem,2vw,1.85rem)/1.22 Fraunces,Georgia,serif; color:var(--studio-navy); letter-spacing:-.035em; }
[data-video-studio] :is(.studio-small-note,.studio-free-note) { flex:none; color:var(--studio-muted); font-size:.74rem; line-height:1.5; }
[data-video-studio] .studio-style-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
[data-video-studio] .studio-mobile-choice { display:none; }
[data-video-studio] .studio-style { display:grid; grid-template-columns:130px minmax(0,1fr); padding:14px; gap:20px; border:1px solid #c7d0c1; border-radius:20px; background:var(--studio-paper); box-shadow:0 5px 20px #2b291305; }
[data-video-studio] .studio-style--premium { border-color:#d5c08c; background:#fcf6e9; }
[data-video-studio] .studio-sample { position:relative; display:block; min-width:0; min-height:200px; align-self:stretch; overflow:hidden; padding:0; border:0; border-radius:12px; background:var(--studio-navy); }
[data-video-studio] .studio-sample img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
[data-video-studio] .studio-sample::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,#07191b00 45%,#07191bc9); }
[data-video-studio] .studio-play { position:relative; z-index:1; display:flex; align-items:center; justify-content:center; width:42px; height:42px; margin:auto; border:1px solid #fff8; border-radius:50%; background:#fffaf0e8; color:var(--studio-pine); box-shadow:0 2px 16px #0003; transition:transform 200ms cubic-bezier(.2,.65,.3,1); }
[data-video-studio] .studio-play svg { width:23px; height:23px; margin-left:2px; }
[data-video-studio] .studio-sample:hover .studio-play { transform:scale(1.1); }
[data-video-studio] .studio-sample-label { position:absolute; z-index:1; bottom:14px; left:0; right:0; color:#fffaf0; font-size:.65rem; font-weight:700; }
[data-video-studio] .studio-style-copy { display:flex; flex-direction:column; align-items:flex-start; min-width:0; padding:8px 6px 5px 0; }
[data-video-studio] .studio-style-top { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
[data-video-studio] .studio-style h3 { margin:0; color:var(--studio-navy); font:600 1.65rem/1.2 Fraunces,Georgia,serif; }
[data-video-studio] .studio-tier-tag { padding:6px 8px; border-radius:6px; background:#e7eee6; color:#28493d; font-size:.59rem; font-weight:800; line-height:1.35; }
[data-video-studio] .studio-style--premium .studio-tier-tag { color:#705019; background:#efe1be; }
[data-video-studio] .studio-style p { margin:12px 0 10px; max-width:50ch; color:#4c5952; font-size:.81rem; line-height:1.65; }
[data-video-studio] .studio-style ul { margin:0 0 14px; padding-left:15px; color:#344c3f; font-size:.72rem; line-height:1.8; }
[data-video-studio] .studio-style-selected { display:flex; gap:7px; align-items:center; margin-top:auto; color:var(--studio-pine); font-size:.7rem; font-weight:700; }
[data-video-studio] .studio-style-selected svg { width:17px; height:17px; }
[data-video-studio] .studio-premium-note { margin-top:auto; color:#705019; font-size:.7rem; line-height:1.6; }
[data-video-studio] .studio-disclosure { margin:12px 0 30px; color:#62675e; font-size:.68rem; line-height:1.7; }
[data-video-studio] .studio-composer { display:block; padding:28px; overflow:visible; border:1px solid var(--studio-line); border-radius:22px; background:var(--studio-paper); box-shadow:0 12px 32px #26332206; }
[data-video-studio] .studio-composer::before,[data-video-studio] .studio-composer::after { display:none; }
[data-video-studio] .wizard-progress { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; padding:0 0 22px; margin:0 0 26px; border-bottom:1px solid #e4dfd3; }
[data-video-studio] .wizard-dot { display:flex; align-items:center; gap:9px; min-width:0; padding:10px; border:0; background:transparent; color:#687066; font-size:.72rem; transform:none; box-shadow:none; }
[data-video-studio] .wizard-dot b { display:grid; place-items:center; width:28px; height:28px; flex:none; border:1px solid #c9cfc3; border-radius:50%; color:#475b4a; font-size:.72rem; }
[data-video-studio] .wizard-dot span { display:block; letter-spacing:0; text-transform:none; font-weight:700; line-height:1.4; }
[data-video-studio] .wizard-dot.active { background:#eaf0e5; color:var(--studio-pine); transform:none; box-shadow:none; }
[data-video-studio] .wizard-dot.active b,[data-video-studio] .wizard-dot.done b { background:var(--studio-pine); color:#fffaf0; border-color:var(--studio-pine); }
[data-video-studio] .wizard-dot:disabled { opacity:.7; }
[data-video-studio] .wizard-dot::before,[data-video-studio] .wizard-dot::after { display:none; }
[data-video-studio] .wizard-card { padding:0; border:0; background:none; box-shadow:none; }
[data-video-studio] .wizard-step.active { animation:none; }
[data-video-studio] .wizard-step-layout { display:grid; grid-template-columns:minmax(0,1fr) 235px; gap:40px; align-items:start; }
[data-video-studio] .wizard-step-layout>div:first-child { display:block; }
[data-video-studio] .wizard-step h2 { margin:9px 0 10px; color:var(--studio-navy); font:600 clamp(1.5rem,2vw,2rem)/1.15 Fraunces,Georgia,serif; letter-spacing:-.035em; }
[data-video-studio] .step-label { display:block; width:auto; padding:0; margin:0 0 8px; border-radius:0; background:none; color:#6f7057; font-size:.63rem; letter-spacing:.09em; }
[data-video-studio] .wizard-step-layout>div>p { max-width:65ch; margin:0 0 24px; color:var(--studio-muted); font-size:.86rem; line-height:1.7; }
[data-video-studio] .form-grid { gap:22px 20px; margin-top:24px; }
[data-video-studio] :is(.form-grid label,.wizard-step label) { gap:9px; color:#26493b; text-transform:none; letter-spacing:0; font-size:.8rem; line-height:1.5; font-weight:700; }
[data-video-studio] :is(.form-grid input,.form-grid select,.form-grid textarea,.script-preview) { width:100%; min-height:49px; padding:13px 14px; border:1px solid #bdc7bc; border-radius:10px; background:#fffefa; color:#203b30; font:500 .87rem/1.6 Inter,sans-serif; transform:none; box-shadow:none; }
[data-video-studio] .form-grid textarea { resize:vertical; }
[data-video-studio] .form-grid textarea[name="details"] { min-height:115px; }
[data-video-studio] .form-grid label:has(input[name="parentNote"]) { grid-column:1/-1; }
[data-video-studio] .studio-format-note { padding:14px; border:1px solid #d8dfcc; border-radius:10px; background:#eff2e8; }
[data-video-studio] .studio-format-note strong { color:#31523d; font-size:.75rem; }
[data-video-studio] .studio-format-note p { margin:6px 0 0; color:#59664f; font-size:.72rem; line-height:1.6; }
[data-video-studio] .studio-parent-note { grid-column:1/-1; }
[data-video-studio] .studio-parent-note summary { min-height:44px; padding:10px 0; cursor:pointer; color:#36563f; font-size:.75rem; }
[data-video-studio] .studio-parent-note summary span { color:#65715b; }
[data-video-studio] .field-note { color:#5f675f; text-transform:none; font-weight:400; letter-spacing:0; line-height:1.6; font-size:.73rem; }
[data-video-studio] .script-preview { display:block; margin-top:10px; min-height:160px; font-size:1.08rem; line-height:1.8; }
[data-video-studio] .wizard-visual { display:flex; flex-direction:column; align-items:flex-start; min-height:0; padding:16px; border:1px solid #d9e0d2; border-radius:14px; background:#eff2e9; color:var(--studio-pine); box-shadow:none; }
[data-video-studio] .wizard-visual::before,[data-video-studio] .wizard-visual::after { display:none; }
[data-video-studio] .wizard-visual img { position:static; width:100%; height:160px; margin-bottom:16px; border-radius:8px; background:#e3e8da; object-fit:contain; opacity:1; animation:none; transform:none; }
[data-video-studio] .wizard-visual strong { margin:0; color:var(--studio-pine); font:600 1.15rem/1.3 Fraunces,Georgia,serif; }
[data-video-studio] .wizard-visual p { margin:10px 0 0; color:#4d6051; font-size:.75rem; line-height:1.65; }
[data-video-studio] .wizard-actions { position:static; display:flex; justify-content:flex-end; gap:12px; margin:28px 0 0; padding-top:22px; border-top:1px solid #e4dfd3; }
[data-video-studio] .wizard-actions [data-wizard-prev] { margin-right:auto; }
[data-video-studio] :is(.primary-button,.ghost-button) { display:inline-flex; justify-content:center; align-items:center; min-height:46px; max-width:100%; padding:12px 20px; font-size:.77rem; line-height:1.5; text-align:center; white-space:normal; }
[data-video-studio] .primary-button { background:var(--studio-pine); border-color:var(--studio-pine); color:#fffaf0; box-shadow:none; }
[data-video-studio] .primary-button:hover { background:#255746; transform:none; }
[data-video-studio] .primary-button:disabled { opacity:.52; }
[data-video-studio] .studio-setup { margin:20px 0; padding:20px; border:1px dashed #bca35a; border-radius:12px; background:#f8f0dc; }
[data-video-studio] .studio-setup p { color:#545f51; font-size:.85rem; line-height:1.65; }
[data-video-studio] .studio-final-words { padding:20px; margin-top:20px; border-radius:12px; background:#edf1e8; }
[data-video-studio] .studio-final-words blockquote { margin:10px 0 0; color:var(--studio-pine); font:500 1.06rem/1.7 Fraunces,Georgia,serif; }
[data-video-studio] .studio-step-error { padding:13px 16px; margin:20px 0 0; border:1px solid #c78970; border-radius:10px; color:#823619; background:#fff2e8; font-size:.8rem; line-height:1.6; }
[data-video-studio] .wizard-summary { background:#f6f3e9; border-radius:12px; padding:18px; }
[data-video-studio] .wizard-summary dl { gap:14px; }
[data-video-studio] .video-availability { border-left-color:#b19b64; border-radius:0 8px 8px 0; background:#f5efdf; color:#4b573f; font-size:.77rem; line-height:1.6; }
[data-video-studio] .studio-extras { margin:24px 0 0; border:1px solid var(--studio-line); border-radius:16px; background:#fffcf566; }
[data-video-studio] .studio-extras>summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 24px; min-height:76px; cursor:pointer; color:var(--studio-pine); list-style:none; }
[data-video-studio] .studio-extras>summary::-webkit-details-marker { display:none; }
[data-video-studio] .studio-extras>summary strong { display:block; font-size:.85rem; }
[data-video-studio] .studio-extras>summary small { display:block; margin-top:6px; font-size:.73rem; color:var(--studio-muted); line-height:1.5; }
[data-video-studio] .studio-extras>summary>span:last-child { font-size:1.5rem; }
[data-video-studio] .studio-extras .video-shop { margin:0; border:0; border-top:1px solid var(--studio-line); border-radius:0 0 16px 16px; box-shadow:none; padding:24px; background:#fffcf5; }
[data-video-studio] .video-shop h2 { font-size:1.7rem; }
[data-video-studio] .video-offer { padding:22px; }
[data-video-studio] .video-offer h3 { font-size:1.2rem; line-height:1.3; }
[data-video-studio] .video-offer>p:not(.video-price) { font-size:.8rem; }
[data-video-studio] .video-offer--premium { background:#f5efdf; border-color:#d3c28f; }
[data-video-studio] .studio-library-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:35px 0 25px; }
[data-video-studio] .studio-library-heading h2 { margin:10px 0; color:var(--studio-navy); font:600 clamp(1.8rem,2.4vw,2.6rem)/1.15 Fraunces,Georgia,serif; letter-spacing:-.04em; }
[data-video-studio] .studio-library-heading p:not(.eyebrow) { margin:0; color:var(--studio-muted); font-size:.85rem; line-height:1.6; }
[data-video-studio] .studio-library-heading>button { flex:none; }
[data-video-studio] .studio-library-tools { display:flex; gap:16px; align-items:center; margin:26px 0 18px; }
[data-video-studio] .studio-search { display:flex; align-items:center; flex:1; gap:12px; min-width:0; padding:0 15px; border:1px solid #c6cbbc; border-radius:12px; background:#fffcf5; }
[data-video-studio] .studio-search svg { width:20px; height:20px; flex:none; color:#607560; }
[data-video-studio] .studio-search input { min-height:49px; min-width:0; border:0; border-radius:0; background:none; color:#244435; width:100%; font-size:.83rem; box-shadow:none; transform:none; }
[data-video-studio] .studio-style-filter { display:flex; align-items:center; gap:12px; font-size:.73rem; text-transform:none; letter-spacing:0; }
[data-video-studio] .studio-style-filter select { min-height:49px; padding:10px 36px 10px 14px; border:1px solid #c6cbbc; border-radius:12px; background:#fffcf5; color:#244435; font-size:.8rem; }
[data-video-studio] .studio-filters { display:flex; flex-wrap:wrap; gap:6px; }
[data-video-studio] .studio-filters button { display:flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:9px 13px; border:1px solid transparent; border-radius:10px; background:none; color:#576253; font:600 .75rem/1.4 Inter,sans-serif; }
[data-video-studio] .studio-filters button[aria-pressed="true"] { background:#e5ecde; border-color:#b8c5ab; color:var(--studio-pine); }
[data-video-studio] .studio-filters span { padding:2px 5px; color:#5b6b53; font-size:.65rem; }
[data-video-studio] .studio-results { margin:20px 0 14px; color:var(--studio-muted); font-size:.74rem; line-height:1.6; }
[data-video-studio] .studio-recordings { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:18px; }
[data-video-studio] .studio-recordings .video-draft { display:block; padding:0; min-width:0; border:1px solid var(--studio-line); border-radius:18px; background:#fffdf7; overflow:hidden; box-shadow:0 7px 24px #15302105; }
[data-video-studio] .studio-recordings .video-draft:has(details[open]) { grid-column:1/-1; }
[data-video-studio] .studio-record-summary { display:grid; grid-template-columns:78px minmax(0,1fr); gap:18px; padding:20px; min-height:155px; list-style:none; cursor:pointer; }
[data-video-studio] .studio-record-summary::-webkit-details-marker { display:none; }
[data-video-studio] .studio-record-art { display:grid; place-items:center; align-self:stretch; min-height:110px; border-radius:10px; background:linear-gradient(145deg,#f2e6c9,#edeedf); color:#8a7136; }
[data-video-studio] .studio-record-art svg { width:32px; height:32px; }
[data-video-studio] [data-studio-status="ready"] .studio-record-art { background:linear-gradient(145deg,#dce9d6,#bfd4bc); color:#28583e; }
[data-video-studio] [data-studio-status="working"] .studio-record-art { background:linear-gradient(145deg,#e3eaf0,#d4dfe7); color:#416477; }
[data-video-studio] [data-studio-status="attention"] .studio-record-art { background:#f3e3d9; color:#9a5037; }
[data-video-studio] .studio-record-info { display:flex; flex-direction:column; align-items:flex-start; min-width:0; overflow-wrap:anywhere; }
[data-video-studio] .studio-record-meta { display:flex; flex-wrap:wrap; gap:8px; align-items:center; color:#606b5a; font-size:.65rem; line-height:1.6; }
[data-video-studio] .studio-record-meta>span:first-child { color:#385d43; font-weight:800; }
[data-video-studio] .studio-record-info>strong { display:block; margin:11px 0 5px; color:var(--studio-navy); font:600 1.26rem/1.25 Fraunces,Georgia,serif; }
[data-video-studio] .studio-record-child { font-size:.78rem; color:#566351; }
[data-video-studio] .studio-record-footer { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px; width:100%; margin-top:18px; }
[data-video-studio] .studio-record-footer .status { margin:0; padding:5px 8px; border-radius:6px; background:#edf0e4; color:#4c613c; font-size:.61rem; line-height:1.5; letter-spacing:0; text-transform:none; }
[data-video-studio] .studio-record-open { color:var(--studio-pine); font-size:.71rem; font-weight:700; }
[data-video-studio] .studio-record-body { display:grid; gap:16px; padding:25px; border-top:1px solid #e4dfd3; }
[data-video-studio] .studio-record-body label { display:grid; gap:9px; color:#31553e; font-size:.8rem; line-height:1.6; letter-spacing:0; text-transform:none; }
[data-video-studio] .studio-record-body textarea { width:100%; padding:16px; border:1px solid #bac7b6; border-radius:10px; font:500 .97rem/1.75 Inter,sans-serif; color:#244435; background:#fffef9; }
[data-video-studio] .studio-record-body p { margin:0; font-size:.8rem; line-height:1.7; color:#52624c; }
[data-video-studio] .studio-record-body .video-word-count.over-limit { color:#9a2020; }
[data-video-studio] .studio-record-body .video-consent { display:flex; align-items:flex-start; padding:14px; border-radius:10px; background:#eff2e7; font-weight:500; }
[data-video-studio] .video-consent input { min-height:20px; margin:4px 0 0; padding:0; }
[data-video-studio] .studio-record-body .video-funding { max-width:650px; }
[data-video-studio] .studio-record-body video { display:block; width:100%; max-height:510px; object-fit:contain; border-radius:12px; background:#0c2530; }
[data-video-studio] .studio-record-body blockquote { margin:0; padding:18px; background:#f4f1e6; border-radius:10px; color:#264c38; font:500 1.05rem/1.7 Fraunces,Georgia,serif; }
[data-video-studio] .studio-record-body blockquote { overflow-wrap:anywhere; }
[data-video-studio] .studio-record-body small { font-size:.72rem; line-height:1.6; color:#62705a; }
[data-video-studio] .studio-library-empty { display:flex; flex-direction:column; align-items:center; padding:60px 24px; border:1px dashed #b6c1ab; border-radius:20px; background:#fffcf56b; text-align:center; }
[data-video-studio] .studio-library-empty>svg { width:54px; height:54px; margin-bottom:20px; color:#89976b; }
[data-video-studio] .studio-library-empty h3 { margin:0 0 12px; color:var(--studio-pine); font:600 1.7rem/1.2 Fraunces,Georgia,serif; }
[data-video-studio] .studio-library-empty p { max-width:50ch; margin:0 0 24px; color:#5c6854; font-size:.84rem; line-height:1.7; }
[data-video-studio] .studio-library-footnote { margin:26px 0; font-size:.73rem; line-height:1.7; color:#68715e; }
[data-video-studio] :is(.studio-library-footnote,.studio-help) a { color:var(--studio-pine); text-underline-offset:4px; }
[data-video-studio] .studio-help { margin:32px 0 10px; color:#65715c; font-size:.72rem; line-height:1.7; text-align:center; }
[data-video-studio] .environment-banner { position:static; inset:auto; width:auto; max-width:none; margin:24px 0 0; padding:13px 17px; border:1px solid #c7d1ba; border-radius:12px; background:#e6ebe0; color:#31553d; box-shadow:none; backdrop-filter:none; }
[data-video-studio] .environment-banner strong { font-size:.64rem; }
[data-video-studio] .environment-banner span { color:#52644e; font-size:.71rem; line-height:1.6; }
[data-video-studio][data-connection="error"] .environment-banner { background:#fff0df; border-color:#c78970; color:#823619; }
[data-video-studio][data-connection="error"] .environment-banner span { color:#823619; }
[data-video-studio] .studio-preview-dialog { width:min(590px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); padding:20px; border:1px solid #cdb77f; border-radius:20px; background:#fffbf1; color:var(--studio-pine); box-shadow:0 20px 100px #0006; }
[data-video-studio] .studio-preview-dialog::backdrop { background:#0b222dd1; backdrop-filter:blur(4px); }
[data-video-studio] .studio-dialog-header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
[data-video-studio] .studio-dialog-header h2 { margin:6px 0 0; font:600 1.55rem/1.2 Fraunces,Georgia,serif; }
[data-video-studio] .studio-dialog-header .eyebrow { margin:0; font-size:.58rem; }
[data-video-studio] .studio-dialog-close { display:grid; place-items:center; min-width:44px; min-height:44px; padding:0; border:1px solid #cbd0be; border-radius:50%; background:transparent; color:#31553e; font-size:1.6rem; }
[data-video-studio] .studio-preview-dialog video { display:block; width:100%; max-height:65dvh; min-height:180px; background:#102830; object-fit:contain; border-radius:12px; }
[data-video-studio] #studioPreviewNote { margin:15px 0 0; color:#5c6651; font-size:.73rem; line-height:1.7; }
@media(min-width:2100px) { [data-video-studio] .studio-recordings { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:1450px) { [data-video-studio] .studio-style { grid-template-columns:105px minmax(0,1fr); gap:16px; } [data-video-studio] .studio-style-top { gap:8px; } [data-video-studio] .wizard-step-layout { grid-template-columns:minmax(0,1fr) 200px; gap:28px; } }
@media(max-width:1200px) { [data-video-studio] .studio-header { align-items:flex-start; } [data-video-studio] .studio-balance { min-width:210px; padding:16px; } [data-video-studio] .studio-style { grid-template-columns:95px minmax(0,1fr); gap:13px; } [data-video-studio] .studio-style-grid { gap:14px; } [data-video-studio] .studio-style h3 { font-size:1.4rem; } [data-video-studio] .studio-style p { font-size:.76rem; } [data-video-studio] .wizard-step-layout { grid-template-columns:minmax(0,1fr); } [data-video-studio] .wizard-visual { display:none; } }
@media(max-width:760px) { [data-video-studio] .studio-header { flex-direction:column; gap:20px; margin-top:10px; } [data-video-studio] .studio-header h1 { font-size:2.45rem; } [data-video-studio] .studio-balance { width:100%; grid-template-columns:auto 1fr auto; padding:17px 20px; gap:12px; } [data-video-studio] .studio-balance>a { grid-column:auto; margin:0; max-width:11ch; line-height:1.6; } [data-video-studio] .studio-style-grid { grid-template-columns:1fr; } [data-video-studio] .studio-style { grid-template-columns:105px minmax(0,1fr); padding:12px; gap:18px; } [data-video-studio] .studio-sample { min-height:210px; } [data-video-studio] .studio-section-heading { align-items:flex-start; flex-direction:column; gap:10px; } [data-video-studio] .studio-composer { padding:22px; } [data-video-studio] .wizard-progress { gap:2px; } [data-video-studio] .wizard-dot { flex-direction:column; padding:9px 2px; gap:8px; } [data-video-studio] .wizard-dot span { font-size:.6rem; text-align:center; } [data-video-studio] .form-grid { grid-template-columns:1fr; } [data-video-studio] .studio-library-heading { flex-direction:column; align-items:flex-start; } [data-video-studio] .studio-library-tools { flex-direction:column; align-items:stretch; } [data-video-studio] .studio-style-filter { justify-content:space-between; } [data-video-studio] .studio-style-filter select { flex:1; max-width:240px; } [data-video-studio] .studio-recordings { grid-template-columns:1fr; } [data-video-studio] .studio-record-body { padding:20px; } [data-video-studio] .studio-extras .video-shop { padding:20px; } [data-video-studio] .video-wallet { display:grid; } [data-video-studio] .studio-tabs { gap:4px; } [data-video-studio] .studio-tabs button { flex:1; justify-content:center; padding:12px; font-size:.8rem; } [data-video-studio] .studio-filters button { font-size:.7rem; padding:9px; } }
@media(max-width:380px) { [data-video-studio] .studio-style { grid-template-columns:85px minmax(0,1fr); gap:12px; } [data-video-studio] .studio-composer { padding:18px; } [data-video-studio] .studio-free-note { font-size:.68rem; } [data-video-studio] .studio-record-summary { padding:16px; grid-template-columns:60px minmax(0,1fr); gap:14px; } }
@media(max-width:760px) {
  [data-video-studio] .studio-mobile-choice { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:0 0 26px; padding:16px; border:1px solid #bdc9b5; border-radius:14px; background:#eff2e7; }
  [data-video-studio] .studio-mobile-choice strong { display:block; color:#264b37; font-size:.76rem; }
  [data-video-studio] .studio-mobile-choice span { display:block; color:#59664f; font-size:.67rem; line-height:1.6; margin-top:5px; }
  [data-video-studio] .studio-mobile-choice>div { flex:1; min-width:0; }
  [data-video-studio] .studio-mobile-choice button { flex:0 1 auto; width:auto; max-width:55%; padding:10px 12px; font-size:.69rem; background:#fffcf5; }
  [data-video-studio] #studioExampleOptions:not([hidden]) { margin-bottom:24px; }
}
@media(prefers-reduced-motion:reduce) { [data-video-studio] *,[data-video-studio] *::before,[data-video-studio] *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } [data-video-studio] .studio-sample:hover .studio-play { transform:none; } }
[data-video-studio] .studio-scene-picker { min-width:0;margin:24px 0;padding:0;border:0; }
[data-video-studio] .studio-scene-picker legend { margin:0 0 12px;font-size:.85rem;font-weight:700;color:#254c3f; }
[data-video-studio] #studioSceneChoices { display:grid;gap:12px; }
[data-video-studio] .studio-scene-choice { display:grid;grid-template-columns:22px 90px minmax(0,1fr);align-items:center;gap:13px;padding:14px;border:1px solid #c6cebd;border-radius:13px;background:#fffcf4;cursor:pointer; }
[data-video-studio] .studio-scene-choice:has(input:checked) { border-color:#315b45;background:#edf2e5;box-shadow:inset 0 0 0 1px #315b45; }
[data-video-studio] .studio-scene-choice input { width:20px;height:20px;min-height:20px;accent-color:#214d3c; }
[data-video-studio] .studio-scene-choice img { width:90px;height:85px;object-fit:cover;border-radius:8px; }
[data-video-studio] .studio-scene-choice strong { display:block;color:#244937;font-size:.94rem; }
[data-video-studio] .studio-scene-choice small { display:block;margin:5px 0;color:#50624f;font-size:.76rem;line-height:1.6; }
[data-video-studio] .studio-scene-choice b { display:block;color:#66572b;font-size:.68rem;line-height:1.5; }
[data-video-studio] .studio-scene-review,[data-video-studio] .video-scene-label { color:#3e5c45;font-size:.83rem;line-height:1.7; }
@media(max-width:600px) {
  [data-video-studio] .studio-scene-choice { grid-template-columns:20px 58px minmax(0,1fr);padding:12px;gap:10px; }
  [data-video-studio] .studio-scene-choice img { width:58px;height:80px; }
}
[data-video-studio] .skip-link:not(:focus) { position:fixed;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0;border:0;white-space:nowrap; }
[data-video-studio] .skip-link:focus { position:fixed;top:12px;left:12px;bottom:auto;right:auto;z-index:100;transform:none;background:#fffcf5;color:#173f35; }