@font-face{font-family:Luckiest Guy;src:url(/fonts/luckiest-guy/LuckiestGuy-Regular.ttf)format("truetype");font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#172026;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#0f766e0d,#0000 280px),#f5f7f8;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.64}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#fff;border-right:1px solid #dde6eb;flex-direction:column;gap:22px;min-width:0;height:100vh;padding:22px;display:flex;position:sticky;top:0}.brand-row{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{color:#fff;background:#0f766e;border-radius:8px;flex:none;place-items:center;width:42px;height:42px;display:grid}.brand-row strong,.brand-row span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.brand-row span{color:#65747d;margin-top:2px;font-size:13px}.nav-stack{gap:8px;display:grid}.nav-stack button,.project-list-item,.secondary-button,.primary-button,.icon-button{border:0}.nav-stack button{color:#42515a;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 12px;display:flex}.nav-stack button.active{color:#0b4f4a;background:#e4f3f1}.sidebar-section{flex-direction:column;flex:1;min-height:0;display:flex}.section-heading,.panel-title-row,.topbar,.topbar-actions{align-items:center;display:flex}.section-heading,.panel-title-row{justify-content:space-between;gap:12px}.section-heading{color:#61717b;letter-spacing:0;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:700}.project-list{flex:0 auto;gap:8px;min-height:0;display:grid;overflow:auto}.project-list-item{color:#172026;text-align:left;background:#f7fafb;border-radius:8px;gap:4px;width:100%;min-height:58px;padding:10px 12px;display:grid}.project-list-item.selected{background:#ecf7f5;outline:2px solid #0f766e}.project-list-item span,.project-list-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-list-item small{color:#5e6e77}.workspace{min-width:0;padding:24px}.topbar{justify-content:space-between;gap:16px;margin-bottom:18px}.topbar h1{margin:0;font-size:28px;line-height:1.1}.topbar p{color:#60717c;margin:5px 0 0}.topbar-actions{gap:10px}.status-pill,.chip-row span{color:#3f505a;background:#edf2f5;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.status-pill.running{color:#075985;background:#e0f2fe}.status-pill.completed{color:#166534;background:#dcfce7}.status-pill.failed{color:#991b1b;background:#fee2e2}.status-pill.cancelled{color:#854d0e;background:#fef3c7}.studio-grid{grid-template-columns:minmax(300px,390px) minmax(360px,1fr) minmax(300px,390px);align-items:start;gap:18px;display:grid}.templates-grid,.stock-grid,.templates-workspace{grid-template-columns:minmax(320px,430px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.stock-grid{grid-template-columns:minmax(300px,380px) minmax(0,1fr)}.templates-workspace{grid-template-columns:minmax(300px,360px) minmax(0,1fr)}.templates-workspace .template-generate-panel{grid-area:1/1}.templates-workspace .layer-panel{grid-area:2/1}.templates-workspace .template-editor-panel{grid-area:1/2/span 2}.preview-column{gap:18px;min-width:0;display:grid}.tool-panel{background:#fff;border:1px solid #dde6eb;border-radius:8px;min-width:0;padding:18px}.tool-panel h2{margin:0;font-size:17px}.form-stack,.settings-grid,.inline-form{gap:14px;display:grid}.form-stack{margin-top:16px}.inline-form{border-bottom:1px solid #edf2f5;grid-template-columns:minmax(0,1fr) auto;align-items:end;margin-top:16px;padding-bottom:14px}label{color:#53636d;gap:7px;font-size:13px;font-weight:700;display:grid}input,textarea,select{color:#172026;background:#fff;border:1px solid #cfdae1;border-radius:8px;outline:none;width:100%;padding:10px 11px}textarea{resize:vertical;line-height:1.45}input:focus,textarea:focus,select:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e24}.field-hint{color:#5e6e77;font-size:12px;font-weight:600;line-height:1.35}.field-hint.blocked{color:#a61b1b}.field-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field-grid.compact{align-items:end}.button-row{flex-wrap:wrap;gap:10px;display:flex}.slider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.slider-grid label{gap:7px}.slider-grid strong{color:#0f4d49;font-size:12px}.chatterbox-grid{grid-template-columns:minmax(520px,1fr) minmax(360px,460px);align-items:start;gap:14px;display:grid}.chatterbox-side-stack{align-content:start;gap:14px;min-width:0;display:grid}.chatterbox-control-panel{gap:14px;padding:16px;display:grid}.chatterbox-preview-panel{align-content:start;gap:12px;padding:16px;display:grid}.chatterbox-presets-panel{gap:10px;padding:16px;display:grid}.chatterbox-preview-panel audio{width:100%}.chatterbox-preview-panel .video-placeholder{aspect-ratio:auto;width:100%;min-height:220px;margin:0}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.metrics-grid span{color:#40515b;text-overflow:ellipsis;white-space:nowrap;background:#eef3f5;border-radius:8px;min-height:34px;padding:8px 10px;font-size:12px;font-weight:800;overflow:hidden}.word-timing-strip,.preset-list{gap:8px;display:grid}.word-timing-strip{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));max-height:260px;overflow:auto}.word-timing-strip span{overflow-wrap:anywhere;background:#fff;border:1px solid #dbe5eb;border-radius:8px;gap:2px;min-height:48px;padding:8px 10px;font-weight:800;display:grid}.word-timing-strip small{color:#65747d;font-size:11px;font-weight:700}.preset-row{background:#fbfcfd;border:1px solid #dbe5eb;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;min-height:68px;padding:10px;display:grid}.preset-details{min-width:0}.preset-row.active{background:#ecf7f5;border-color:#0f766e}.preset-row strong,.preset-row span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.preset-row span{color:#60717c;margin-top:4px;font-size:12px;font-weight:700}.preset-sample{color:#0f4d49;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:8px;display:grid}.preset-sample audio{width:100%;min-width:150px;height:32px}.preset-sample small{color:#60717c;font-size:11px;font-weight:800}.preset-sample-pending{align-items:center;gap:6px;margin-top:8px;display:inline-flex}.preset-actions{align-items:center;gap:8px;display:flex}.preset-actions .secondary-button{min-height:34px;padding:0 10px}.danger-icon{color:#a61b1b;background:#fee2e2}.compact-banner{margin-bottom:0;padding:9px 10px;font-size:12px}.segmented-control{background:#eef3f5;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.segmented-control button{color:#53636d;background:0 0;border:0;border-radius:6px;min-height:34px}.segmented-control button.active{color:#0b4f4a;background:#fff;box-shadow:0 1px 2px #17202614}.primary-button,.secondary-button,.stock-card a{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:800;display:inline-flex}.primary-button{color:#fff;background:#0f766e}.secondary-button{color:#0f4d49;background:#dff3f0;text-decoration:none}.secondary-button.danger-button{color:#a61b1b;background:#fee2e2}.icon-button{color:#42515a;background:#eef3f5;border-radius:8px;place-items:center;width:34px;height:34px;display:inline-grid}.icon-button.danger{color:#a61b1b;background:#fee2e2}.error-banner{color:#991b1b;background:#fff1f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:12px 14px}.pipeline-list{gap:10px;margin-top:16px;display:grid}.pipeline-stage{background:#fbfcfd;border:1px solid #e0e8ed;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-height:58px;padding:10px;display:grid}.pipeline-stage svg{color:#6c7d87}.pipeline-stage.running svg{color:#0284c7}.pipeline-stage.completed svg{color:#16a34a}.pipeline-stage.failed svg{color:#dc2626}.pipeline-stage.cancelled svg{color:#ca8a04}.pipeline-stage strong,.pipeline-stage span{overflow-wrap:anywhere;display:block}.pipeline-stage-body{min-width:0}.pipeline-stage-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.pipeline-stage strong{font-size:13px}.pipeline-stage span{color:#677780;margin-top:2px;font-size:12px}.pipeline-progress-value{color:#48606d;text-align:right;flex:none;min-width:34px;font-weight:800}.pipeline-progress{background:#e7eef2;border-radius:999px;width:100%;height:6px;margin-top:8px;overflow:hidden}.pipeline-progress span{border-radius:inherit;background:#0f766e;height:100%;margin:0;transition:width .18s}.pipeline-stage.running .pipeline-progress span{background:#0284c7}.pipeline-stage.failed .pipeline-progress span{background:#dc2626}.pipeline-stage.cancelled .pipeline-progress span{background:#ca8a04}.script-preview{margin-top:18px}.script-preview h3,.metadata-block h3{margin:0 0 10px;font-size:14px}.scene-list{gap:8px;display:grid}.scene-item{border-top:1px solid #edf2f5;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:10px 0;display:grid}.scene-item>span{color:#fff;background:#2563eb;border-radius:999px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:grid}.scene-item strong,.scene-item p{overflow-wrap:anywhere}.scene-item p{color:#60717c;margin:4px 0 0;font-size:13px;line-height:1.45}.video-panel video{aspect-ratio:9/16;background:#111827;border-radius:8px;width:min(100%,315px);margin:16px auto 0;display:block}.video-panel video.landscape-video{aspect-ratio:16/9;width:100%;max-width:560px}.video-panel audio{width:100%;margin-top:14px}.video-placeholder{aspect-ratio:9/16;color:#5e6e77;background:#f7fafb;border:1px dashed #b7c5cd;border-radius:8px;place-items:center;gap:8px;width:min(100%,315px);margin:16px auto 0;display:grid}.detail-list{gap:10px;margin:16px 0;display:grid}.detail-list div{border-bottom:1px solid #edf2f5;justify-content:space-between;gap:16px;padding-bottom:10px;display:flex}.detail-list dt{color:#61717b;font-size:13px}.detail-list dd{overflow-wrap:anywhere;text-align:right;max-width:60%;margin:0;font-weight:700}.render-note{color:#9a3412;white-space:pre-wrap;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;margin:-2px 0 14px;padding:10px 12px;font-size:12px;font-weight:700;line-height:1.45}.metadata-block p{color:#60717c;white-space:pre-wrap;max-height:170px;font-size:13px;line-height:1.45;overflow:auto}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.upload-view{align-items:start;gap:18px;display:grid}.upload-hero{gap:14px;display:grid}.format-toggle{background:#eef2f5;border:1px solid #dde6eb;border-radius:999px;justify-self:center;gap:4px;padding:4px;display:inline-flex}.format-toggle button{color:#51616b;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:0 16px;font-size:13px;font-weight:700;display:inline-flex}.format-toggle button.active{color:#0f172a;background:#fff;box-shadow:0 1px 4px #0f172a29}.format-toggle button:disabled{opacity:.5;cursor:not-allowed}.upload-stage{background:#0b1220;border-radius:12px;place-items:center;width:100%;margin:0 auto;display:grid;overflow:hidden}.upload-stage.landscape{aspect-ratio:16/9;max-width:760px}.upload-stage.portrait{aspect-ratio:9/16;max-width:300px}.upload-stage video{object-fit:contain;background:#0b1220;width:100%;height:100%}.upload-stage-placeholder{color:#94a3b8;justify-items:center;gap:8px;font-size:13px;display:grid}.upload-stage-placeholder.thumb{aspect-ratio:16/9;background:#0b1220;border-radius:8px;align-content:center;width:160px}.upload-action-bar{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:12px;display:flex}.upload-action-bar label{color:#51616b;gap:4px;font-size:12px;font-weight:700;display:grid}.upload-shorts-actions{align-items:stretch;gap:14px 28px}.upload-dest{background:#f8fafb;border:1px solid #e2e8ee;border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:12px 14px;display:flex}.upload-shorts-nav{justify-content:center;align-items:center;gap:18px;display:flex}.upload-shorts-nav>div{justify-items:center;min-width:90px;display:grid}.upload-shorts-nav small{color:#5e6e77;font-size:12px}.upload-result{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:8px 10px;padding:12px 14px;display:grid}.upload-result>svg{color:#15803d}.upload-result a{color:#0f766e;overflow-wrap:anywhere;align-items:center;gap:6px;font-weight:600;display:inline-flex}.upload-result small{color:#5e6e77;grid-column:2}.upload-columns{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:18px;display:grid}.upload-account-group+.upload-account-group{margin-top:16px}.upload-account-heading{text-transform:uppercase;letter-spacing:.04em;color:#51616b;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:800;display:flex}.upload-account-list{gap:8px;display:grid}.upload-account-row{border:1px solid #dde6eb;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.upload-account-row>div{min-width:0;display:grid}.upload-account-row strong{font-size:13px}.upload-account-row small{color:#5e6e77;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.upload-note{color:#60717c;margin:0 0 8px;font-size:12px;line-height:1.45}.upload-metadata-panel{gap:12px;display:grid}.upload-metadata-panel input,.upload-metadata-panel textarea{background:#f8fafb}.upload-thumb-row{align-items:center;gap:12px;display:flex}.upload-thumbnail{aspect-ratio:16/9;object-fit:cover;background:#0b1220;border-radius:8px;width:160px}.upload-tag-row span{max-width:100%}.upload-artifact-link{width:max-content;text-decoration:none}.upload-log-list{gap:10px;display:grid}.upload-log-entry{border-top:1px solid #edf2f5;grid-template-columns:76px minmax(0,1fr);gap:12px;padding:10px 0;display:grid}.upload-log-entry:first-child{border-top:none}.upload-log-entry>span{color:#fff;text-transform:uppercase;background:#64748b;border-radius:999px;align-self:start;place-items:center;min-height:26px;font-size:10px;font-weight:800;display:grid}.upload-log-entry.ready>span{background:#15803d}.upload-log-entry.warning>span{background:#b45309}.upload-log-entry strong,.upload-log-entry small,.upload-log-entry p{overflow-wrap:anywhere;display:block}.upload-log-entry strong{font-size:13px}.upload-log-entry small{color:#5e6e77;margin-top:2px;font-size:12px}.upload-log-entry p{color:#60717c;margin:6px 0 0;font-size:13px;line-height:1.45}.youtube-grid{grid-template-columns:minmax(320px,.95fr) minmax(420px,1.35fr);align-items:start;gap:18px;display:grid}.channels-grid{grid-template-columns:minmax(360px,1.2fr) minmax(320px,1fr);align-items:start;gap:18px;display:grid}.channel-list{flex-direction:column;gap:10px;display:flex}.channel-row{border:1px solid #dde6eb;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.channel-row.disabled{opacity:.55}.channel-row-main{flex-direction:column;gap:2px;min-width:0;display:flex}.channel-row-main small{opacity:.7}.channel-row-actions{flex-shrink:0;gap:6px;display:flex}.youtube-log-panel{grid-column:1/-1}.youtube-video-panel video{aspect-ratio:16/9;background:#111827;border-radius:8px;width:100%;margin-top:16px;display:block}.video-placeholder.landscape-placeholder{aspect-ratio:16/9;width:100%}.youtube-package-list,.youtube-path-list{margin-bottom:0}.youtube-artifact-link{width:max-content;margin-top:12px;text-decoration:none}.youtube-metadata-panel{gap:14px;display:grid}.youtube-metadata-panel input,.youtube-metadata-panel textarea{background:#f8fafb}.youtube-note{color:#60717c;margin:0;font-size:13px;line-height:1.45}.youtube-tag-row span,.chip-row span{max-width:100%}.youtube-log-list{gap:10px;display:grid}.youtube-log-entry{border-top:1px solid #edf2f5;grid-template-columns:84px minmax(0,1fr);gap:12px;padding:12px 0;display:grid}.youtube-log-entry>span{color:#fff;text-transform:uppercase;background:#64748b;border-radius:999px;align-self:start;place-items:center;min-height:28px;font-size:11px;font-weight:800;display:grid}.youtube-log-entry.ready>span{background:#15803d}.youtube-log-entry.warning>span{background:#b45309}.youtube-log-entry strong,.youtube-log-entry small,.youtube-log-entry p{overflow-wrap:anywhere;display:block}.youtube-log-entry strong{font-size:14px}.youtube-log-entry small{color:#5e6e77;margin-top:2px;font-size:12px}.youtube-log-entry p{color:#60717c;margin:6px 0 0;font-size:13px;line-height:1.45}.quick-query-row{flex-wrap:wrap;gap:8px;display:flex}.quick-query-row button{color:#43545d;background:#f8fafb;border:1px solid #d7e2e8;border-radius:999px;min-height:30px;padding:0 10px;font-size:12px}.download-progress-card{background:#f8fafb;border:1px solid #d7e2e8;border-radius:8px;gap:8px;margin-top:14px;padding:12px;display:grid}.download-progress-card.completed{background:#f2fbf6;border-color:#b8dfcc}.download-progress-card.failed{background:#fff6f6;border-color:#fac6c6}.download-progress-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.download-progress-heading strong{color:#172026;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.download-progress-heading span,.download-progress-card small{color:#60717c;font-size:12px;font-weight:800}.download-progress-card.failed small{color:#b91c1c}.download-progress{background:#e4edf2;border-radius:999px;height:9px;overflow:hidden}.download-progress span{border-radius:inherit;background:#0f766e;height:100%;transition:width .22s;display:block}.download-progress-card.failed .download-progress span{background:#dc2626}.stock-list{gap:12px;display:grid}.stock-section-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-top:2px;display:flex}.stock-section-heading h2{margin:0;font-size:15px}.stock-section-heading span{color:#5e6e77;font-size:12px;font-weight:800}.stock-card{background:#fff;border:1px solid #dde6eb;border-radius:8px;grid-template-columns:170px minmax(0,1fr);gap:14px;padding:14px;display:grid}.stock-thumb{color:#61717b;background:#edf2f5;border-radius:8px;place-items:center;min-height:110px;display:grid;overflow:hidden}.stock-thumb img,.stock-thumb video{object-fit:cover;width:100%;height:100%}.stock-thumb video{background:#101827;min-height:110px}.stock-card h3{margin:0;font-size:16px}.stock-card p{color:#60717c;margin:6px 0 12px;line-height:1.45}.card-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.template-list{gap:12px;display:grid}.template-card{background:#fff;border:1px solid #dde6eb;border-radius:8px;grid-template-columns:12px minmax(0,1fr);gap:14px;padding:14px;display:grid}.template-swatch{border-radius:999px;width:12px}.template-card h3{margin:0;font-size:16px}.template-card p{color:#60717c;margin:6px 0 12px;line-height:1.45}.template-editor-panel{min-width:0}.template-actions{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:14px;display:flex}.button-cluster{flex-wrap:wrap;gap:10px;display:flex}.template-canvas{touch-action:none;background:linear-gradient(135deg,#0f766e2e,#0000 32%),#101827;border-radius:8px;width:100%;margin-top:16px;position:relative;overflow:hidden}.template-editor-panel .template-canvas{--canvas-fit:clamp(260px, calc(100vh - 28rem), 720px);max-width:min(100%, var(--canvas-fit), calc(var(--canvas-fit) * var(--canvas-ar,1)));margin-inline:auto}.draft-preview-panel .template-canvas{margin-top:12px}.template-canvas.read-only{touch-action:auto}.template-canvas.read-only .canvas-layer{cursor:default;pointer-events:none;border-color:#0000!important}.template-canvas.read-only .template-preview-toolbar{pointer-events:auto}.template-preview-toolbar{z-index:3;gap:8px;display:flex;position:absolute;top:10px;right:10px}.template-preview-toolbar .icon-button{color:#e6eef2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172aad;width:32px;height:32px}.template-canvas-media{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.template-canvas-note{color:#e6eef2;text-align:center;pointer-events:none;background:linear-gradient(135deg,#0f766e3d,#0000 36%),#101827;place-content:center;gap:6px;padding:22px;display:grid;position:absolute;inset:0}.template-canvas-note strong,.template-canvas-note span{overflow-wrap:anywhere;max-width:360px}.template-canvas-note span{color:#b9c7cf;font-size:12px;font-weight:700}.snap-guide{z-index:2;pointer-events:none;position:absolute}.snap-guide.vertical{border-left:1px dashed #f97316db;top:0;bottom:0;left:50%}.snap-guide.horizontal{border-top:1px dashed #f97316db;top:50%;left:0;right:0}.canvas-layer{z-index:1;color:#fff;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;cursor:grab;background:#0f172a85;border:2px solid #f97316;border-radius:6px;place-items:center;padding:4px;font-size:11px;font-weight:800;display:grid;position:absolute;overflow:hidden}.canvas-layer.selected{background:#0f766ebf;overflow:visible;box-shadow:0 0 0 3px #f973164d}.canvas-layer.caption-preview-layer{text-align:center;place-items:center;padding:8px;line-height:1.18}.canvas-layer.caption-preview-layer.word-only{padding:.18em .42em}.caption-preview-content{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.28em;max-width:100%;line-height:1;display:flex}.word-only .caption-preview-content{text-transform:none;flex-wrap:nowrap;align-items:center;width:100%;min-width:0;font-weight:900}.caption-word{overflow-wrap:anywhere;word-break:break-word;border-radius:5px;max-width:100%;padding:.03em .12em;line-height:1;display:inline-block}.caption-word.active{font-weight:900}.resize-handle{z-index:4;background:#f97316;border:2px solid #fff;border-radius:999px;width:11px;height:11px;position:absolute;box-shadow:0 1px 4px #0f172a47}.resize-handle.nw{cursor:nwse-resize;top:-6px;left:-6px}.resize-handle.n{cursor:ns-resize;top:-6px;left:calc(50% - 5.5px)}.resize-handle.ne{cursor:nesw-resize;top:-6px;right:-6px}.resize-handle.e{cursor:ew-resize;top:calc(50% - 5.5px);right:-6px}.resize-handle.se{cursor:nwse-resize;bottom:-6px;right:-6px}.resize-handle.s{cursor:ns-resize;bottom:-6px;left:calc(50% - 5.5px)}.resize-handle.sw{cursor:nesw-resize;bottom:-6px;left:-6px}.resize-handle.w{cursor:ew-resize;top:calc(50% - 5.5px);left:-6px}.layer-panel{min-width:0}.layer-list,.layer-controls{gap:10px;margin-top:14px;display:grid}.layer-item{color:#172026;background:#fbfcfd;border:1px solid #e0e8ed;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:0 10px;display:flex}.layer-item.selected{background:#ecf7f5;border-color:#0f766e}.layer-item span,.layer-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layer-item small{color:#61717b}.toggle-row{grid-template-columns:none;align-items:center;gap:8px;display:flex}.toggle-row input{width:auto}.settings-panel{max-width:960px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;margin-top:16px}.provider-block{border:1px solid #e0e8ed;border-radius:8px;gap:12px;min-width:0;margin:0;padding:14px;display:grid}.render-provider-block{align-content:start}.diagnostics-panel{border:1px solid #e0e8ed;border-radius:8px;grid-column:1/-1;padding:14px}.diagnostics-panel h3{margin:0;font-size:15px}.diagnostic-list{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.diagnostic-list span{color:#42515a;background:#edf2f5;border-radius:999px;min-height:28px;padding:6px 10px;font-size:12px;font-weight:700}.provider-block legend{color:#172026;padding:0 6px;font-weight:800}.settings-save{grid-column:1/-1;justify-self:start;min-width:140px}.empty-note{color:#5e6e77;padding:12px;font-size:13px}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.primary-button:disabled{color:#8a99a0;opacity:1;background:#e2e8eb}.notice-banner{color:#166534;background:#f2fbf6;border:1px solid #b8dfcc;border-radius:8px;margin-bottom:16px;padding:12px 14px;font-weight:700}.channel-use-button{min-height:34px;padding:0 12px;font-size:13px}.readonly-field{color:#5e6e77;cursor:default;background:#f1f5f7}.diagnostic-list span.ok{color:#166534;background:#dcfce7}.youtube-thumbnail{border-radius:8px;width:100%;height:auto;margin-top:16px;display:block}.youtube-account-list{gap:10px;margin:14px 0;display:grid}.youtube-account-row{background:#fbfcfd;border:1px solid #e0e8ed;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.youtube-account-row>div{min-width:0}.youtube-account-row strong,.youtube-account-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.youtube-account-row small{color:#5e6e77;margin-top:2px;font-size:12px}.checkbox-label{flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 2px;display:flex}.checkbox-label input[type=checkbox]{width:auto}.youtube-shorts-list{gap:12px;margin-top:12px;display:grid}.youtube-shorts-row{background:#fbfcfd;border:1px solid #e0e8ed;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.youtube-shorts-row video{aspect-ratio:9/16;object-fit:cover;background:#0f172a;border-radius:6px;width:84px}.youtube-shorts-meta{gap:6px;min-width:0;display:grid}.youtube-shorts-meta small{color:#5e6e77;font-size:12px}.youtube-upload-result{background:#f2fbf6;border:1px solid #b8dfcc;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 10px;margin-top:14px;padding:12px;display:grid}.youtube-upload-result svg{color:#16a34a}.youtube-upload-result a{overflow-wrap:anywhere;color:#0f4d49;font-weight:700}.youtube-upload-result small{color:#5e6e77;grid-column:1/-1;font-size:12px;font-weight:700}.youtube-hook-list{color:#5e6e77;margin:10px 0 0;padding-left:18px;font-size:13px;line-height:1.5}.music-upload-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.music-upload-row input{flex:150px;width:auto}.music-upload-row .secondary-button{flex:none}.music-track-list{gap:10px;margin-top:4px;display:grid}.music-track-row{background:#fbfcfd;border:1px solid #e0e8ed;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.music-track-row>div{min-width:0}.music-track-row strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.music-track-row small{color:#5e6e77;margin-top:2px;font-size:12px;display:block}.music-track-row audio{max-width:220px;height:32px}@media (width<=1180px){.studio-grid{grid-template-columns:minmax(300px,390px) minmax(0,1fr)}.preview-column{grid-column:1/-1;grid-template-columns:minmax(260px,360px) minmax(0,1fr)}.chatterbox-grid{grid-template-columns:1fr}}@media (width<=860px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #dde6eb;border-right:0;height:auto;position:static}.project-list{flex:none;max-height:220px}.workspace{padding:16px}.studio-grid,.templates-grid,.stock-grid,.templates-workspace,.youtube-grid,.channels-grid,.preview-column,.chatterbox-grid,.settings-grid{grid-template-columns:1fr}.youtube-log-panel{grid-column:auto}.templates-workspace .template-generate-panel,.templates-workspace .layer-panel,.templates-workspace .template-editor-panel{grid-area:auto}.topbar{flex-direction:column;align-items:flex-start}}.pairing-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.orientation-badge{letter-spacing:.02em;color:#1f3147;background:#e7eef7;border:1px solid #cdd9e6;border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.orientation-badge.vertical{color:#9a4a12;background:#fdeee2;border-color:#f4cda6}.orientation-badge.default-badge{color:#166534;background:#e3f5ea;border-color:#b7e4c7}.pairing-select{gap:4px;min-width:0;display:grid}.pairing-hint{margin-top:6px;display:block}.modal-overlay{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border:1px solid #dde6eb;border-radius:12px;width:min(440px,100%);padding:18px 20px 20px;box-shadow:0 24px 60px #0f172a40}.modal-header{align-items:center;gap:10px;display:flex}.modal-header h2{flex:1;min-width:0;margin:0;font-size:17px}.modal-icon{color:#b42318;background:#fdece8;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.modal-message{color:#44525c;margin:12px 0 18px;line-height:1.5}.modal-actions{justify-content:flex-end;gap:10px;display:flex}@media (width<=560px){.field-grid,.slider-grid,.metrics-grid,.preset-row{grid-template-columns:1fr}.preset-actions{flex-wrap:wrap}.segmented-control,.inline-form,.stock-card{grid-template-columns:1fr}.topbar-actions{justify-content:space-between;width:100%}}