:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202326;background:#f7f6f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--text: #202326;--muted: #747a80;--soft: #a7adb4;--line: rgba(32, 35, 38, .1);--accent: #5faec7;--accent-strong: #238cae;--charcoal: #17191b;--shadow: 0 24px 80px rgba(55, 62, 68, .12)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{overflow-x:hidden}button,input,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid rgba(35,140,174,.45);outline-offset:3px}.app-shell{position:relative;min-height:100vh;padding:16px clamp(18px,3vw,44px) 52px;overflow:hidden;background:linear-gradient(180deg,#ffffffeb,#f7f6f2f5),radial-gradient(circle at 50% -6%,rgba(95,174,199,.18),transparent 42%)}.ambient{position:fixed;z-index:0;pointer-events:none;border-radius:999px;filter:blur(36px);opacity:.5}.ambient-one{width:420px;height:220px;top:-86px;left:16%;background:linear-gradient(135deg,#5faec742,#e8d5b22e)}.ambient-two{width:340px;height:260px;right:-90px;top:24%;background:linear-gradient(135deg,#d6e2e89e,#5faec729)}.topbar,.brief-dock,.workspace{position:relative;z-index:1}.topbar{display:flex;align-items:center;justify-content:space-between;width:min(1360px,100%);margin:0 auto;min-height:38px}.brand{display:inline-flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.78);border-radius:11px;background:#ffffffa8;box-shadow:0 12px 34px #39444c14;color:var(--accent-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand strong{display:block;font-size:13px;font-weight:760}.brand span:last-child{display:none;margin-top:2px;color:var(--muted);font-size:12px}.key-button{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 12px;border:1px solid rgba(32,35,38,.08);border-radius:999px;color:#4e5961;background:#ffffffa8;box-shadow:0 10px 30px #38414812;font-size:12px;font-weight:780;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.key-button.ready{color:#0c3b49;border-color:#5faec73d;background:#5faec71f}.privacy-note,.asset-notice{position:relative;z-index:2;display:flex;align-items:center;gap:8px;width:min(880px,100%);margin:10px auto 0;color:#5b646b;font-size:12px;font-weight:690;line-height:1.35}.privacy-note svg,.asset-notice svg{flex:0 0 auto;color:var(--accent-strong)}.key-panel{position:fixed;z-index:12;top:62px;right:clamp(16px,3vw,44px);display:grid;gap:11px;width:min(390px,calc(100vw - 24px));padding:14px;border:1px solid rgba(255,255,255,.88);border-radius:24px;background:#ffffffd6;box-shadow:0 24px 70px #2c363e29;-webkit-backdrop-filter:blur(28px) saturate(140%);backdrop-filter:blur(28px) saturate(140%)}.key-panel-header,.key-panel-header span,.key-panel-actions{display:flex;align-items:center}.key-panel-header{justify-content:space-between;gap:14px}.key-panel-header span{gap:7px;color:var(--accent-strong);font-size:11px;font-weight:840;letter-spacing:.08em;text-transform:uppercase}.key-panel-header p{margin:5px 0 0;color:#5e676e;font-size:12px;line-height:1.4}.key-panel-header button{display:grid;place-items:center;flex:0 0 auto;width:32px;height:32px;border:1px solid rgba(32,35,38,.08);border-radius:50%;color:#4e5961;background:#ffffffb3}.key-panel label{display:grid;gap:6px}.key-panel label span{color:#424b52;font-size:12px;font-weight:780}.key-panel input{width:100%;min-height:42px;border:1px solid rgba(32,35,38,.08);border-radius:14px;padding:0 12px;color:var(--charcoal);background:#ffffffc7;box-shadow:inset 0 0 0 1px #fff6}.key-panel-actions{justify-content:flex-end;gap:8px}.key-panel-actions button{min-height:34px;padding:0 12px;border:1px solid rgba(32,35,38,.08);border-radius:999px;color:#4e5961;background:#ffffffb3;font-size:12px;font-weight:780}.key-panel-actions button:last-child{color:#fff;border:0;background:#1f2a31}.brief-dock{position:sticky;top:10px;z-index:5;width:min(880px,100%);margin:12px auto 0}.brief-bar,.prompt-draft-card{border:1px solid rgba(255,255,255,.82);background:#ffffffb8;box-shadow:0 18px 58px #373e441f;-webkit-backdrop-filter:blur(26px) saturate(140%);backdrop-filter:blur(26px) saturate(140%)}.brief-bar{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;padding:8px;border-radius:22px}textarea{display:block;width:100%;height:48px;max-height:120px;padding:13px 14px 10px;resize:none;border:0;border-radius:16px;color:var(--charcoal);background:#ffffffb8;font-size:15px;font-weight:620;line-height:1.3;box-shadow:inset 0 0 0 1px #2023260f}textarea::placeholder{color:#20232661}.board-actions button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border:0;border-radius:16px;color:#fff;background:linear-gradient(135deg,#202326,#3d454d 62%,#238cae);box-shadow:0 14px 34px #20232633;font-size:13px;font-weight:760;white-space:nowrap}.clip-actions,.board-heading,.board-actions,.sequence-inspector summary,.draft-header,.draft-tags,.master-tweaks,.tweak-group,.tweak-group>span,.tweak-group div,.master-tweaks button{display:flex;align-items:center}.clip-card:hover{transform:translateY(-1px)}.prompt-draft-card{display:grid;gap:9px;margin-top:8px;padding:12px;border-radius:20px;animation:rise .18s ease both}.draft-header{justify-content:space-between;gap:14px}.draft-header span,.draft-header button{display:inline-flex;align-items:center;gap:7px}.draft-header span{color:var(--accent-strong);font-size:11px;font-weight:820;letter-spacing:.08em;text-transform:uppercase}.draft-header button{min-height:30px;padding:0 11px;border:0;border-radius:999px;color:#fff;background:#1f2a31;font-size:12px;font-weight:780}.prompt-draft-card p{margin:0;color:#333a40;font-size:13px;line-height:1.42}.draft-tags{gap:6px;flex-wrap:wrap}.draft-tags span{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;color:#4b5961;background:#5faec71c;font-size:11px;font-weight:760}.workspace{width:min(1360px,100%);margin:22px auto 0;animation:rise .3s ease both}.board-heading{justify-content:space-between;gap:20px;margin-bottom:10px}.board-heading span,.sequence-inspector b{color:var(--accent-strong);font-size:11px;font-weight:820;letter-spacing:.08em;text-transform:uppercase}.board-heading h1{margin:0;color:var(--charcoal);font-size:clamp(24px,3.2vw,38px);line-height:1;letter-spacing:0}.board-actions{gap:10px;min-width:max-content}.board-actions small{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid rgba(32,35,38,.08);border-radius:999px;color:var(--muted);background:#ffffff94;font-size:12px;font-weight:700}.board-actions button{min-height:38px;padding:0 14px;border-radius:999px}.master-tweaks{justify-content:flex-start;margin:0 0 12px}.tweak-group{gap:9px;min-width:0;max-width:100%;padding:5px;border:1px solid rgba(32,35,38,.07);border-radius:999px;background:#ffffff8c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 30px #3841480f}.tweak-group>span{gap:6px;flex:0 0 auto;padding:0 5px 0 7px;color:var(--accent-strong);font-size:11px;font-weight:820;letter-spacing:.08em;text-transform:uppercase}.tweak-group div{justify-content:flex-start;gap:7px;min-width:0;overflow-x:auto}.tweak-group div::-webkit-scrollbar{display:none}.master-tweaks button,.master-tweaks small{flex:0 0 auto}.master-tweaks button{gap:5px;min-height:31px;padding:0 10px;border:1px solid rgba(32,35,38,.08);border-radius:999px;color:#4e5961;background:#ffffff9e;font-size:12px;font-weight:760;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.master-tweaks button.active{color:#0c3b49;border-color:#5faec74d;background:#5faec726}.master-tweaks small{color:var(--muted);font-size:12px;font-weight:700}.preview-player{margin-bottom:14px}.preview-media{position:relative;min-height:clamp(460px,56vw,720px);overflow:hidden;border:1px solid rgba(32,35,38,.08);border-radius:32px;background:#080a0c;box-shadow:0 30px 90px #262f3629}.preview-media:before,.preview-media:after{content:"";position:absolute;left:0;right:0;z-index:4;height:clamp(18px,3.2vw,42px);pointer-events:none;background:#030405db}.preview-media:before{top:0}.preview-media:after{bottom:0}.preview-layer{position:absolute;inset:0;overflow:hidden;background-color:#080a0c;background-size:cover;background-position:center}.preview-layer.enter{z-index:1;animation:previewDissolveIn .52s ease both}.preview-layer.exit{z-index:0;animation:previewDissolveOut .52s ease both}.snap-transition .preview-layer.enter{animation:previewSnapIn .12s ease both}.snap-transition .preview-layer.exit{animation:previewSnapOut .12s ease both}.preview-layer video,.preview-layer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:#080a0c;filter:saturate(.9) contrast(1.04)}.preview-layer .poster-backdrop{transform:scale(1.012)}.preview-grade{position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 28%,transparent 72%,rgba(0,0,0,.36)),radial-gradient(circle at 20% 0%,rgba(255,255,255,.2),transparent 34%)}.preview-controls{position:absolute;z-index:6;left:clamp(16px,3vw,34px);right:clamp(16px,3vw,34px);bottom:clamp(30px,4vw,54px);display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:center}.preview-controls button{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#fff;background:#ffffff29;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.preview-progress{display:flex;gap:7px}.preview-progress span{flex:1;height:4px;border-radius:999px;background:#ffffff47}.preview-progress span.active{background:#ffffffe0}.storyboard-strip{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity}.storyboard-strip::-webkit-scrollbar{height:8px}.storyboard-strip::-webkit-scrollbar-thumb{border-radius:999px;background:#2023261f}.clip-card{scroll-snap-align:start;position:relative;flex:0 0 auto;width:280px;min-height:210px;border:1px solid rgba(32,35,38,.08);border-radius:26px;overflow:hidden;background:#ffffffbd;box-shadow:0 18px 48px #3841481c;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.clip-segment{display:flex;align-items:center;gap:10px;flex:0 0 auto}.insert-clip-button{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border:1px solid rgba(32,35,38,.1);border-radius:50%;color:#56616a;background:#ffffffc2;box-shadow:0 12px 28px #38414814;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .16s ease,background .16s ease,color .16s ease}.insert-clip-button:hover{color:#0c3b49;background:#5faec724;transform:scale(1.04)}.clip-card.selected{border-color:#238cae80;box-shadow:0 22px 60px #238cae29}.clip-card.dragging{z-index:4;opacity:.74;transform:scale(.985);cursor:grabbing}.thumb{position:absolute;inset:0;overflow:hidden;background:linear-gradient(135deg,#f6f4ef,#dce8ef)}.thumb video,.thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.88) contrast(1.04)}.app-shell[data-look=kinetic] .preview-layer video,.app-shell[data-look=kinetic] .preview-layer img,.app-shell[data-look=kinetic] .thumb video,.app-shell[data-look=kinetic] .thumb img{filter:saturate(1.16) contrast(1.12) brightness(1.02)}.app-shell[data-look=luxury] .preview-layer video,.app-shell[data-look=luxury] .preview-layer img,.app-shell[data-look=luxury] .thumb video,.app-shell[data-look=luxury] .thumb img{filter:saturate(.82) contrast(1.06) sepia(.08)}.app-shell[data-look=emotional] .preview-layer video,.app-shell[data-look=emotional] .preview-layer img,.app-shell[data-look=emotional] .thumb video,.app-shell[data-look=emotional] .thumb img{filter:saturate(.96) contrast(1.03) brightness(1.02)}.app-shell[data-look=documentary] .preview-layer video,.app-shell[data-look=documentary] .preview-layer img,.app-shell[data-look=documentary] .thumb video,.app-shell[data-look=documentary] .thumb img{filter:saturate(.9) contrast(1.02)}.app-shell[data-look=minimal] .preview-layer video,.app-shell[data-look=minimal] .preview-layer img,.app-shell[data-look=minimal] .thumb video,.app-shell[data-look=minimal] .thumb img{filter:saturate(.72) contrast(1.08) brightness(1.04)}.thumb-grade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),transparent 28%,rgba(0,0,0,.72)),radial-gradient(circle at 18% 10%,rgba(255,255,255,.34),transparent 34%)}.clip-number,.duration{position:absolute;z-index:2;display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;color:#fff;background:#0f12146b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:11px;font-weight:780}.clip-number{top:12px;left:12px}.duration{top:12px;right:12px}.clip-body{position:absolute;z-index:2;inset:auto 0 0;display:flex;justify-content:flex-start;padding:18px;color:#fff}.clip-actions{justify-content:flex-start;gap:7px;opacity:0;transform:translateY(5px);transition:opacity .16s ease,transform .16s ease}.clip-card:hover .clip-actions,.clip-card.selected .clip-actions{opacity:1;transform:translateY(0)}.clip-actions button{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#fff;background:#ffffff29;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.clip-actions button.saved{color:#0b2b36;border-color:#ffffff5c;background:#ffffffc7}.replacement-options{position:absolute;z-index:3;right:12px;bottom:58px;display:flex;gap:7px;padding:6px;border-radius:999px;background:#07090a6b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.replacement-options button{width:34px;height:34px;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.32);border-radius:50%;background:#ffffff29}.replacement-options img,.replacement-options span{display:block;width:100%;height:100%;object-fit:cover}.replacement-options span{background:linear-gradient(135deg,#dfe9ee,#7aaec4)}.sequence-inspector{margin-top:10px;border-radius:20px;color:#465057}.sequence-inspector summary{justify-content:space-between;gap:14px;min-height:44px;padding:0 4px;list-style:none;cursor:pointer}.sequence-inspector summary::-webkit-details-marker{display:none}.sequence-inspector summary span{color:#33383d;font-size:13px;font-weight:760}.sequence-inspector summary small{color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}.inspector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px 0 2px;border-top:1px solid rgba(32,35,38,.08)}.inspector-grid div{min-height:104px;padding:14px;border:1px solid rgba(255,255,255,.78);border-radius:18px;background:#ffffff85;box-shadow:0 10px 28px #3841480f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.inspector-grid p{margin:8px 0 0;color:#596168;font-size:13px;line-height:1.42}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes previewDissolveIn{0%{opacity:0;transform:scale(1.006)}to{opacity:1;transform:scale(1)}}@keyframes previewDissolveOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.996)}}@keyframes previewSnapIn{0%{opacity:.55}to{opacity:1}}@keyframes previewSnapOut{0%{opacity:1}to{opacity:0}}@media(max-width:980px){.inspector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.app-shell{padding:12px 12px 128px}.brand span:last-child,.board-actions small{display:none}.key-button{min-width:38px;width:38px;padding:0;justify-content:center;font-size:0}.privacy-note{width:auto;margin:8px 0 0;font-size:11px}.key-panel{top:58px;right:10px;left:10px;width:auto}.brief-dock{position:fixed;inset:auto 10px 10px;width:auto;margin:0}.brief-bar{grid-template-columns:minmax(0,1fr);border-radius:20px}textarea{height:46px;padding:12px 13px 9px;font-size:14px}.prompt-draft-card{max-height:44vh;overflow:auto}.workspace{margin-top:16px}.board-heading{align-items:flex-end}.board-heading h1{font-size:25px}.board-actions button{width:38px;padding:0;font-size:0}.master-tweaks{overflow:hidden}.tweak-group{width:100%;border-radius:18px}.tweak-group>span{padding-left:8px}.preview-media{min-height:min(58vh,460px);border-radius:24px}.storyboard-strip{gap:10px}.clip-card{width:42vw;min-width:148px;min-height:168px;border-radius:20px}.clip-segment{gap:8px}.insert-clip-button{width:30px;height:30px}.clip-body{padding:12px}.clip-actions{opacity:1;transform:none}.clip-actions button{width:28px;height:28px}.replacement-options{right:9px;bottom:48px;gap:5px}.replacement-options button{width:28px;height:28px}.clip-number,.duration{min-height:23px;padding:0 7px;font-size:10px}.sequence-inspector{margin-top:8px}.sequence-inspector summary{min-height:38px}.sequence-inspector summary span{max-width:54vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-grid{grid-template-columns:1fr}.inspector-grid div{min-height:auto}}