:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0a0f0c;color:#f3f7ef;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 15% 10%,rgba(77,118,76,.22),transparent 34%),linear-gradient(145deg,#07100c,#111812 48%,#0a0c0a)}button,input,select{font:inherit}button,.upload-button{border:0;border-radius:8px;min-height:42px;padding:0 12px;color:#f5fbf0;background:#65955f;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;text-decoration:none}button:hover,.upload-button:hover{background:#75a86d}button:disabled{cursor:not-allowed;opacity:.62}.upload-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.upload-button.disabled{opacity:.66;pointer-events:none}.app{min-height:100vh}.login-shell{min-height:100vh;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom))}.login-panel{width:min(100%,420px);display:grid;gap:22px;padding:22px;border:1px solid rgba(159,198,151,.24);border-radius:8px;background:#101b14eb;box-shadow:0 22px 70px #00000057}.login-brand{display:grid;gap:4px}.login-brand strong{font-size:26px;line-height:1.1}.login-brand span{color:#b8cfb2;font-size:13px;font-weight:800}.login-panel form{display:grid;gap:14px}.login-panel label{display:grid;gap:7px;color:#dbead6;font-size:13px;font-weight:800}.login-panel input{width:100%;min-height:48px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ffffff12;color:#fff;padding:0 12px}.login-panel button{width:100%;min-height:48px}.login-error{margin:0;border:1px solid rgba(246,118,92,.45);border-radius:8px;background:#80211059;color:#ffd8cf;padding:10px 12px;font-size:13px;font-weight:800}.topbar{position:sticky;top:0;z-index:20;display:flex;gap:12px;align-items:center;padding:max(10px,env(safe-area-inset-top)) 14px 10px;background:#08110ceb;border-bottom:1px solid rgba(159,198,151,.24);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.icon-button{width:44px;min-width:44px;padding:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.18)}.mode-toggle{margin-left:auto;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ffffff0f}.mode-toggle button{min-height:36px;padding:0 10px;background:transparent;color:#c7dac0}.mode-toggle button.active{background:#65955f;color:#fff}.api-warning{margin:12px auto 0;width:min(94vw,560px);border:1px solid rgba(246,186,92,.5);background:#804a1059;color:#ffe4bd;padding:10px 12px;border-radius:8px;font-size:13px}.side-nav{position:fixed;inset:0 auto 0 0;z-index:40;width:min(82vw,320px);transform:translate(-100%);transition:transform .16s ease;background:#101b14;border-right:1px solid rgba(159,198,151,.28);padding:16px}.side-nav.open{transform:translate(0)}.nav-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.nav-head div{display:grid;gap:4px}.nav-head span{color:#b8cfb2;font-size:12px;font-weight:700}.nav-section{display:grid;gap:10px;margin-top:14px}.nav-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#f4f8ef;font-weight:800}.nav-section-head span{display:inline-flex;align-items:center;gap:8px}.nav-section-head small{min-width:0;color:#a9c59f;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-wide-button{width:100%;justify-content:flex-start;background:#ffffff12}.project-list,.asset-list{display:grid;gap:7px;max-height:34vh;overflow-y:auto;padding-right:2px}.project-row{display:grid;grid-template-columns:1fr 38px;gap:7px}.project-row>button:first-child{justify-content:flex-start;min-width:0;background:#ffffff0f}.project-row.active>button:first-child{outline:2px solid #8abaff;background:#7bab703d}.project-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.small-icon-button{width:38px;min-width:38px;min-height:38px;padding:0;background:#ffffff17;border:1px solid rgba(255,255,255,.14)}.small-icon-button.danger{color:#ffd2c5}.small-icon-button:disabled{opacity:.38}.asset-row,.asset-empty,.asset-upload-row{min-width:0;border-radius:7px;padding:8px 10px;background:#ffffff0e}.asset-row.active{border:1px solid rgba(152,210,123,.36);background:#65955f29}.asset-row strong,.asset-row small,.asset-row span,.asset-empty,.asset-upload-row span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-row strong,.asset-upload-row span{color:#dff0d8;font-size:12px}.asset-row span,.asset-row small,.asset-empty{color:#b6ccae;font-size:11px}.asset-row small{color:#91ad89;margin-top:3px}.asset-row a{display:inline-block;margin-top:4px;color:#d5f1ca;font-size:11px;font-weight:800}.asset-upload-row{display:grid;gap:5px;border:1px dashed rgba(180,216,172,.24)}.asset-upload-row input{max-width:100%;color:#b6ccae;font-size:11px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#00000073;border-radius:0;min-height:0;padding:0}.editor-shell{display:grid;place-items:start center;padding:20px 12px 28px}.empty-panel{display:grid;gap:10px;width:min(100%,430px);border:1px solid rgba(145,190,134,.56);border-radius:8px;background:linear-gradient(180deg,#244e30,#14251d);padding:18px}.workspace-shell{display:grid;place-items:start center;padding:20px 12px 32px}.workspace-panel{width:min(100%,920px);border:1px solid rgba(145,190,134,.42);border-radius:8px;background:#0f1c14eb;box-shadow:0 20px 60px #00000047;padding:16px}.workspace-header,.section-title-row,.asset-slot-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.workspace-header{padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.12)}.workspace-header div:first-child{min-width:0}.workspace-header span{display:block;color:#a8c59e;font-size:12px;font-weight:800}.workspace-header h1{margin:2px 0 0;overflow-wrap:anywhere;font-size:22px;line-height:1.1}.workspace-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.workspace-section{display:grid;gap:12px;margin-top:16px}.section-title-row h2{margin:0;font-size:16px}.section-title-row>span,.settings-status{color:#a8c59e;font-size:12px;font-weight:800}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.project-tile{display:grid;grid-template-columns:1fr 38px;gap:9px;align-items:start;min-width:0;padding:10px;border:1px solid rgba(180,216,172,.22);border-radius:8px;background:#ffffff0e}.project-tile>button:first-child{justify-content:flex-start;min-width:0;background:#65955f38}.project-tile>button:first-child span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-tile>div{grid-column:1 / -1;display:flex;gap:8px;flex-wrap:wrap;color:#b6ccae;font-size:12px}.settings-grid,.asset-management-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.settings-platform,.asset-slot-card{display:grid;gap:8px;min-width:0;padding:10px;border:1px solid rgba(180,216,172,.22);border-radius:8px;background:#ffffff0e}.settings-platform strong,.asset-slot-card strong{color:#f4f8ef}.settings-platform label{display:grid;gap:4px}.settings-platform label span,.asset-slot-card>small{color:#a8c59e;font-size:11px;font-weight:800;text-transform:uppercase}.settings-platform input{width:100%;min-height:36px;border-radius:7px;border:1px solid rgba(180,216,172,.32);background:#07120c;color:#fff;padding:0 9px}.rendered-film-list{display:grid;gap:8px}.rendered-film-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:center;padding:9px;border:1px solid rgba(180,216,172,.22);border-radius:8px;background:#ffffff0e}.rendered-film-main{justify-content:flex-start;min-width:0;background:#65955f38}.rendered-film-main span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rendered-film-row small{grid-column:1;color:#a8c59e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rendered-film-actions{grid-row:1 / span 2;grid-column:2;display:flex;gap:6px}.small-icon-link,.small-icon-upload{width:38px;min-width:38px;min-height:38px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#f5fbf0;background:#ffffff17;border:1px solid rgba(255,255,255,.14);text-decoration:none;cursor:pointer}.small-icon-upload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.workspace-empty{border-radius:8px;padding:18px;background:#ffffff0e;color:#b6ccae;text-align:center}.empty-panel span{color:#c7dac0;font-size:13px}.easy-panel{width:min(100%,430px);border:1px solid rgba(145,190,134,.56);border-radius:8px;background:linear-gradient(180deg,#244e30,#14251d);box-shadow:0 20px 60px #00000061;padding:14px}.easy-header{display:flex;align-items:center;gap:12px}.easy-title{flex:1;min-width:0;text-align:center}.easy-title h1{margin:0;font-size:17px}.easy-title input{width:min(100%,280px);margin-top:4px;border:0;border-bottom:1px solid rgba(221,238,213,.34);background:transparent;color:#fff;font-size:15px;font-weight:800;text-align:center;outline:none}.easy-title span{display:block;margin-top:3px;overflow:hidden;color:#deeed5b8;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.toolbar,.primary-actions,.player-actions{display:flex;gap:8px;flex-wrap:wrap}.toolbar{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.15)}.new-film-dialog{display:grid;gap:9px;margin-top:10px;padding:10px;border:1px solid rgba(180,216,172,.36);border-radius:6px;background:#07120cc7}.dialog-head{display:flex;align-items:center;justify-content:space-between}.new-film-dialog label{display:grid;gap:4px}.new-film-dialog label span{color:#c7dac0;font-size:11px;font-weight:800}.new-film-dialog input{min-height:34px;border-radius:6px;border:1px solid rgba(180,216,172,.42);background:#07120c;color:#fff;padding:0 8px}.film-strip{display:grid;gap:7px;margin-top:10px;padding:9px;border:1px solid rgba(180,216,172,.28);border-radius:6px;background:#07120c73}.film-strip-head{display:flex;justify-content:space-between;color:#dcebd7;font-size:12px}.film-strip-head span{color:#a8c59e}.film-list{display:grid;gap:6px;max-height:116px;overflow-y:auto;padding-right:2px}.film-row{display:grid;grid-template-columns:1fr 34px;gap:6px}.film-row>button:first-child{justify-content:flex-start;min-width:0;min-height:34px;padding:0 9px;background:#ffffff12}.film-row.active>button:first-child{background:#79a86d61;outline:1px solid rgba(169,223,152,.55)}.film-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.film-row .small-icon-button{width:34px;min-width:34px;min-height:34px}.raw-status{margin-top:10px;padding:8px;border:1px solid rgba(180,216,172,.32);border-radius:6px;background:#07120c9e;color:#f5fbf0}.raw-compact{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.raw-status strong,.raw-status span{display:block;overflow-wrap:anywhere}.raw-status strong{font-size:13px}.raw-status span{margin-top:2px;color:#c7dac0;font-size:12px}.raw-actions{flex:0 0 auto;display:flex;gap:6px}.raw-actions .small-icon-button{width:34px;min-width:34px;min-height:34px}.canvas-meta{display:flex;justify-content:space-between;gap:10px;width:min(100%,280px);margin:10px auto 0;color:#fff;font-size:12px;font-weight:800}.canvas-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-progress-track{width:min(100%,280px);height:4px;margin:4px auto 0;overflow:hidden;border-radius:999px;background:#ffffff29}.canvas-progress-track div{height:100%;background:#fff}.select-wrap{flex:1 1 150px;min-width:0;display:flex;align-items:center;gap:4px;min-height:42px;border-radius:8px;background:#173b22;border:1px solid rgba(255,255,255,.22);padding:0 8px}.select-wrap select{flex:1;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:#f5fbf0;outline:none}.canvas-frame{width:min(100%,280px);margin:4px auto 0}.canvas-stage{container-type:inline-size;position:relative;aspect-ratio:9 / 16;overflow:hidden;border-radius:6px;border:1px solid rgba(255,255,255,.22);background:#303732}.canvas-stage.empty{background:#404641}.canvas-stage:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border:0;border-radius:0;background:#020704}.canvas-preview-video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;background:#020704;object-fit:cover}.canvas-stage.fit-contain .canvas-preview-video,.canvas-stage.fit-contain .canvas-startcard-media,.canvas-stage:fullscreen .canvas-preview-video,.canvas-stage:fullscreen .canvas-startcard-media{object-fit:contain}.canvas-preview-video.hidden{opacity:0;pointer-events:none}.canvas-startcard-media{display:block;width:100%;height:100%;background:transparent;object-fit:cover}.startcard-art{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding-bottom:38%;color:#d7b36d;text-transform:uppercase;letter-spacing:0}.seal{width:28%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#253f9b,#05133a 62%,#d4ac4b 65%,#10224f 72%);box-shadow:0 4px 18px #0009}.art-small{position:absolute;top:61%;font-size:10cqw;color:#d4a965}.canvas-text{position:absolute;transform:translateY(-50%);line-height:1.08;overflow-wrap:anywhere;letter-spacing:0;font-weight:800;cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;white-space:pre-line;text-transform:uppercase}.canvas-text-body{font-weight:650;text-transform:none}.canvas-text.placeholder{opacity:.55}.player-bar{width:min(100%,280px);margin:10px auto 0;padding:9px;border-radius:6px;background:#040e09ad;border:1px solid rgba(143,196,131,.3)}.player-actions{align-items:center;flex-wrap:nowrap}.player-actions span{color:#d7e7d1;font-size:13px;white-space:nowrap}.player-actions input[type=range]{flex:1;min-width:0}.canvas-view-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px}.canvas-view-actions button{min-width:0;min-height:36px;padding:0 9px;font-size:12px}.square-button{width:40px;min-width:40px;padding:0;background:#5d635f}.check-row,.check-card{display:inline-flex;align-items:center;gap:7px;min-height:42px;color:#f4f8ef;font-size:13px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.field-grid label{min-width:0}.field-grid span{display:block;margin-bottom:3px;color:#c7dac0;font-size:11px}.field-grid input[type=text],.field-grid input:not([type]),.field-grid textarea{width:100%}.field-grid input,.field-grid textarea{min-height:34px;border-radius:6px;border:1px solid rgba(180,216,172,.42);background:#07120c;color:#fff;padding:0 8px}.field-grid textarea{resize:vertical;padding:8px;line-height:1.25}.text-color-toggle{min-width:0}.text-color-toggle>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.text-color-toggle button{min-height:34px;border-radius:6px;border:1px solid rgba(180,216,172,.42);background:#07120cb3;color:#f5fbf0;padding:0 8px}.text-color-toggle button.active{background:#f5fbf0;color:#07120c}.check-card{align-self:end;border-radius:6px;border:1px solid rgba(180,216,172,.42);padding:0 8px;background:#07120cb3}.text-size-grid{display:grid;gap:8px;margin-top:10px}.text-size-grid label{display:grid;gap:4px}.text-size-grid span{color:#c7dac0;font-size:11px}.transcript-panel{display:grid;gap:8px;margin-top:10px}.transcript-list{display:grid;gap:8px;max-height:240px;overflow-y:auto}.transcript-row{display:grid;gap:4px}.transcript-row span{color:#c7dac0;font-size:11px;font-weight:800}.transcript-panel textarea{width:100%;min-height:84px;max-height:160px;resize:vertical;border-radius:6px;border:1px solid rgba(180,216,172,.42);background:#07120c;color:#fff;padding:9px;line-height:1.35}.transcript-panel button{width:100%}.primary-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px}.primary-actions button{min-width:0;padding:0 8px;font-size:12px}.primary-actions .wide{grid-column:1 / -1}.advanced-panel{margin-top:12px;border-top:1px solid rgba(255,255,255,.16);padding-top:12px;color:#d9ead2;font-size:13px}.advanced-panel dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:8px 0 0}.advanced-panel dt{color:#a8c59e}.advanced-panel dd{margin:0}.advanced-actions{display:flex;gap:8px;margin-top:12px}.advanced-actions button{width:100%}.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}@media(max-width:380px){.easy-panel{padding:10px}.field-grid{grid-template-columns:1fr}.primary-actions .wide{flex-basis:100%}}@media(min-width:900px){.editor-shell{padding-top:34px}.easy-panel{width:470px}.canvas-frame,.player-bar{width:310px}}.template-controls label{display:grid;gap:8px}.template-controls input:not([type=checkbox]),.template-controls select{box-sizing:border-box;width:100%;padding:10px 12px;border:1px solid #52664c;border-radius:6px;background:#0b150e;color:#f4f6ef;font:inherit}.template-controls label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px}.template-controls p{line-height:1.5}.canvas-frame.canvas-fullscreen,.canvas-frame:fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;width:100vw;height:100dvh;max-width:none;margin:0;background:#020704;display:flex;align-items:center;justify-content:center}.canvas-frame.canvas-fullscreen .canvas-stage,.canvas-frame:fullscreen .canvas-stage{flex:none;width:min(100vw,56.25dvh);height:min(100dvh,calc(100vw * 16 / 9));border:0;border-radius:0}.fullscreen-close{position:absolute;right:16px;top:16px;z-index:10001;padding:12px 16px;background:#17251d;color:#fff;border:1px solid white;border-radius:8px}.sequence-file{display:grid;gap:8px;padding:12px 0}.sequence-file-name{overflow-wrap:anywhere}.sequence-file-picker{position:relative;width:fit-content;padding:9px 16px;border:1px solid #77966e;border-radius:8px;cursor:pointer;background:#395a3c}.sequence-file-picker input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.sequence-file-picker:focus-within{outline:2px solid white;outline-offset:3px}.sequence-file-picker:has(input:disabled){opacity:.55;cursor:wait}.editor-toolbar-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.editor-toolbar-row button{min-width:0;justify-content:center;padding:12px 6px}.clip-panel{margin:12px 0;padding:12px;border:1px solid #567653;border-radius:12px}@media(max-width:420px){.editor-toolbar-row button{font-size:12px;gap:4px}}.preview-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.publish-dialog{width:min(620px,calc(100vw - 32px));max-height:90vh;overflow:auto;border:1px solid #73976b;border-radius:16px;padding:24px;color:#f4f7ef;background:#193b28}.publish-dialog::backdrop{background:#000b}.publish-dialog fieldset{border:1px solid #567653;border-radius:8px;margin:16px 0;padding:12px}.publish-dialog>label{display:grid;gap:6px;margin:12px 0}.publish-dialog select{color:inherit;background:#10281b;padding:10px;border-radius:6px}.publish-channel,.publish-check{display:flex;align-items:flex-start;gap:10px;margin:12px 0}.publish-channel input,.publish-check input{width:auto;margin-top:5px}.publish-channel small{display:block}.publish-preview{display:block;max-height:220px;max-width:100%;margin:12px auto}.publish-result{display:grid;gap:4px;padding:12px 0;border-top:1px solid #567653}.publish-dialog a{color:#d1e6be;text-decoration:underline}