.brief-film{--paper:#f4f6fa;--ink:#1e232c;--heading:#14244a;--muted:#5b6474;--line:rgb(20 36 74/.11);--hair:rgb(20 36 74/.07);--surface:#fff;--raised:#f6f8fc;--field:#fff;--glass:rgb(255 255 255/.64);--glass-strong:rgb(255 255 255/.84);--glass-edge:rgb(20 36 74/.08);--glint:rgb(255 255 255/.9);--shadow:0 1px 2px rgb(20 36 74/.04),0 20px 44px -26px rgb(20 36 74/.3);--accent:#4176e6;--accent-strong:#3566d6;--accent-deep:#2c56b8;--accent-text:#2f5fcc;--accent-soft:rgb(65 118 230/.1);--accent-line:rgb(65 118 230/.34);--screen:#0e1116;--screen-ink:#c3cad6;--wash:radial-gradient(1100px 560px at 0% -10%,rgb(65 118 230/.14),transparent 64%),radial-gradient(860px 480px at 100% -6%,rgb(56 160 220/.1),transparent 62%);min-height:100dvh;overflow-x:clip;background:var(--wash),var(--paper);color:var(--ink);font-family:var(--font-sans),var(--font-thai),system-ui,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased;padding:0 clamp(16px,3.4vw,56px) 72px;color-scheme:light}html[data-theme=dark] .brief-film{--paper:#0b0e13;--ink:#e3e8f0;--heading:#eef2fb;--muted:#9aa4b4;--line:rgb(255 255 255/.1);--hair:rgb(255 255 255/.06);--surface:#161b24;--raised:#121720;--field:#0f141b;--glass:rgb(20 25 34/.62);--glass-strong:rgb(19 24 33/.86);--glass-edge:rgb(255 255 255/.08);--glint:rgb(255 255 255/.06);--shadow:0 1px 2px rgb(0 0 0/.35),0 24px 52px -28px rgb(0 0 0/.75);--accent-text:#86a8f5;--accent-soft:rgb(65 118 230/.17);--accent-line:rgb(104 146 240/.45);--wash:radial-gradient(1100px 560px at 0% -10%,rgb(65 118 230/.2),transparent 64%),radial-gradient(860px 480px at 100% -6%,rgb(36 112 190/.14),transparent 62%);color-scheme:dark}.brief-film *{box-sizing:border-box}.brief-film :is(button,input,select,textarea){font:inherit;color:inherit}.brief-film :is(a,button,.film-file){text-decoration:none;color:inherit;cursor:pointer}.brief-film :is(button,.film-file,select){min-height:40px}.brief-film :is(button,.film-file){border:0;background:transparent}.brief-film .film-file:has(input:disabled),.brief-film button:disabled{opacity:.45;cursor:default}.brief-film .film-file:has(input:focus-visible),.brief-film :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.film-top,.film-workspace{width:100%;max-width:1440px;margin:0 auto}.film-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}.film-top:before{content:"";position:absolute;z-index:-1;inset:0 calc(50% - 50vw);border-bottom:1px solid var(--hair);background:var(--glass-strong);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.film-brand{display:inline-flex;align-items:center;min-height:40px;border-radius:8px}.film-brand img{display:block;width:108px;height:auto}html[data-theme=dark] .film-brand img{filter:brightness(0) invert(1)}.film-top>div{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:4px}.film-top>div>:is(a,button,.film-file){display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;color:var(--muted);font-size:14px;font-weight:500;white-space:nowrap;transition:background-color .16s ease,color .16s ease}.film-top>div>:is(a,button:not(:disabled),.film-file:not(:has(input:disabled))):hover{background:var(--accent-soft);color:var(--heading)}.film-top>div>.film-new{border:1px solid var(--line);color:var(--heading)}.film-file{position:relative}.film-file input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:inherit}.film-workspace{display:grid;grid-template-columns:minmax(320px,440px) minmax(0,1fr);gap:clamp(18px,2.2vw,28px);padding-top:clamp(18px,2.4vw,32px);align-items:start}.film-brief,.film-result{min-width:0;border:1px solid var(--glass-edge);border-radius:24px;background:var(--glass);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);box-shadow:inset 0 1px 0 var(--glint),var(--shadow)}.film-brief{padding:clamp(22px,2.2vw,30px)}.film-result{padding:clamp(12px,1.3vw,18px)}.film-brief h1{margin:0;color:var(--heading);font-family:var(--font-display),var(--font-thai),sans-serif;font-size:clamp(28px,2.3vw,36px);font-weight:500;line-height:1.16;letter-spacing:-.032em;text-wrap:balance}.film-brief>p{margin:12px 0 26px;color:var(--muted);font-size:15px;line-height:1.6}.film-brief form>label{display:block;color:var(--heading);font-size:13px;font-weight:600}.film-brief small{display:block;margin-top:12px;color:var(--muted);font-size:12.5px;line-height:1.55}.film-composer{margin-top:10px;border:1px solid var(--line);border-radius:18px;background:var(--field);box-shadow:0 1px 2px rgb(20 36 74/.04);transition:border-color .16s ease,box-shadow .16s ease}.film-composer:focus-within{border-color:var(--accent-line);box-shadow:0 0 0 4px var(--accent-soft)}.film-composer+small{margin-top:10px}.brief-film .film-composer #film-brief{display:block;width:100%;min-height:136px;margin:0;padding:16px 18px 6px;border:0;border-radius:18px 18px 0 0;background:transparent;outline:0;box-shadow:none;resize:none;font-size:15px;line-height:1.6}.film-composer #film-brief::placeholder{color:var(--muted)}.film-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px 10px}.brief-film :is(.film-primary,.film-download){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 22px;border-radius:999px;background:var(--accent-strong);color:#fff;font-size:15px;font-weight:600;box-shadow:inset 0 1px 0 rgb(255 255 255/.2),0 8px 18px -10px rgb(53 102 214/.75);transition:background-color .16s ease,transform .16s ease}.brief-film :is(.film-primary:not(:disabled),.film-download):hover{background:var(--accent-deep)}.brief-film :is(.film-primary:not(:disabled),.film-download):active{transform:translateY(1px)}.film-add{position:relative;flex:none;--glass-top:rgb(255 255 255/.95);--glass-bottom:rgb(232 236 244/.78);--glass-panel:rgb(250 251 253/.92);--glass-edge:rgb(20 36 74/.14);--glint:rgb(255 255 255/.9)}html[data-theme=dark] .film-add{--glass-top:rgb(92 101 118/.5);--glass-bottom:rgb(40 46 58/.78);--glass-panel:rgb(26 32 43/.94);--glass-edge:rgb(225 232 245/.2);--glint:rgb(255 255 255/.2)}.brief-film .film-plus{display:grid;place-items:center;position:relative;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid var(--glass-edge);background:linear-gradient(153deg,var(--glass-top),var(--glass-bottom));box-shadow:inset 0 1px 1px var(--glint),0 2px 4px rgb(15 18 20/.09);backdrop-filter:blur(15px) saturate(125%);-webkit-backdrop-filter:blur(15px) saturate(125%);transition:transform .18s cubic-bezier(.2,.85,.3,1.2),box-shadow .16s ease;touch-action:manipulation}.film-plus svg{transition:transform .21s cubic-bezier(.2,.8,.3,1)}.film-plus[aria-expanded=true] svg{transform:rotate(45deg)}.brief-film .film-plus:active{transform:scale(.91);box-shadow:inset 0 2px 4px rgb(12 16 18/.15)}.film-add-menu{position:absolute;z-index:8;left:0;bottom:calc(100% + 9px);width:211px;max-width:calc(100vw - 60px);padding:5px;border:1px solid var(--glass-edge);border-radius:17px;background:var(--glass-panel);backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%);box-shadow:inset 0 1px 0 var(--glint),0 8px 26px -8px rgb(12 16 20/.25);transform-origin:19px calc(100% + 3px);animation:film-menu-in .18s cubic-bezier(.2,.8,.22,1) both}@keyframes film-menu-in{0%{opacity:0;transform:translateY(5px) scale(.96)}to{opacity:1;transform:none}}.brief-film .film-add-menu button{width:100%;min-height:44px;display:flex;align-items:center;gap:12px;text-align:start;border-radius:11px;padding:8px 11px;font-size:14px}.film-add-menu button svg,.film-file-list svg{flex-shrink:0;color:var(--muted)}.film-add-menu button:last-child{border-top:1px solid var(--glass-edge)}.brief-film .film-add-menu button:is(:hover,:focus-visible,:active){background:var(--accent-soft)}.film-file-list{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:2px 12px 0;list-style:none}.film-file-list li{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;padding:3px 4px 3px 8px;border:1px solid var(--line);border-radius:10px;background:var(--raised);font-size:12px;line-height:1.3}.film-file-list li>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.film-file-list img{width:26px;height:26px;object-fit:cover;border-radius:6px}.film-file-list input{min-width:0;width:116px;max-width:40vw;padding:4px 0;border:0;background:transparent}.brief-film .film-file-list button{display:grid;place-items:center;min-width:30px;min-height:32px;padding:0;border-radius:8px;color:var(--muted)}.brief-film .film-file-list button:not(:disabled):hover{background:var(--accent-soft);color:var(--heading)}.film-wallet{margin:16px 0 0;padding:16px;border:1px solid var(--accent-line);border-radius:16px;background:var(--accent-soft)}.film-wallet p{margin:0 0 12px;color:var(--ink);font-size:14px;line-height:1.55}.brief-film .film-wallet a{display:inline-flex;align-items:center;min-height:44px;margin-left:14px;color:var(--accent-text);font-weight:600;text-decoration:underline;text-underline-offset:3px}.film-result-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 4px 14px}.film-result-heading h2{margin:0;color:var(--heading);font-family:var(--font-display),var(--font-thai),sans-serif;font-size:19px;font-weight:600;line-height:1.35;letter-spacing:-.01em;overflow-wrap:anywhere}.film-result-heading>span{flex:none;padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:var(--raised);color:var(--muted);font-size:12.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.film-empty,.film-screen{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:16px;background:var(--screen)}.film-empty{position:relative;aspect-ratio:16/10;flex-direction:column;gap:16px;color:var(--screen-ink);font-size:14px;letter-spacing:.01em}.film-empty:not(.film-generating){background:radial-gradient(120% 90% at 50% 0,#1a2130,var(--screen) 70%);box-shadow:inset 0 0 0 1px rgb(255 255 255/.06)}.film-empty:not(.film-generating):before{--mark:rgb(255 255 255/.2);content:"";position:absolute;inset:18px;pointer-events:none;background:linear-gradient(var(--mark),var(--mark)) 0 0/22px 1px no-repeat,linear-gradient(var(--mark),var(--mark)) 0 0/1px 22px no-repeat,linear-gradient(var(--mark),var(--mark)) 100% 0/22px 1px no-repeat,linear-gradient(var(--mark),var(--mark)) 100% 0/1px 22px no-repeat,linear-gradient(var(--mark),var(--mark)) 0 100%/22px 1px no-repeat,linear-gradient(var(--mark),var(--mark)) 0 100%/1px 22px no-repeat,linear-gradient(var(--mark),var(--mark)) 100% 100%/22px 1px no-repeat,linear-gradient(var(--mark),var(--mark)) 100% 100%/1px 22px no-repeat}.film-empty-icon{display:grid;place-items:center;width:60px;height:60px;border:1px solid rgb(255 255 255/.14);border-radius:50%;background:rgb(255 255 255/.06);box-shadow:inset 0 1px 0 rgb(255 255 255/.12);color:#e6ebf3}.film-generating{position:relative;background:#071a36}.film-generating canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.film-screen{min-height:240px;box-shadow:inset 0 0 0 1px rgb(255 255 255/.05)}.film-screen canvas{display:block;max-width:100%;max-height:min(62dvh,640px);width:auto;height:auto;object-fit:contain}.film-preview{display:grid;gap:10px}.film-transport{display:flex;align-items:center;gap:12px;padding:6px 16px 6px 6px;border:1px solid var(--line);border-radius:999px;background:var(--raised)}.brief-film .film-play{display:grid;place-items:center;flex:none;width:40px;height:40px;min-height:40px;padding:0;border-radius:50%;background:var(--accent-strong);color:#fff;box-shadow:0 6px 14px -8px rgb(53 102 214/.8)}.brief-film .film-play:not(:disabled):hover{background:var(--accent-deep)}.film-transport input{flex:1 1;min-width:24px;accent-color:var(--accent)}.film-transport output{flex:none;color:var(--muted);font-size:12.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.film-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 0}.film-actions>button:not(.film-primary){display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--heading);font-size:14px;font-weight:550;transition:border-color .16s ease,background-color .16s ease}.film-actions>button:not(.film-primary):not(:disabled):hover{border-color:var(--accent-line);background:var(--accent-soft)}.film-scenes{min-width:0;margin:20px 0 0;padding:18px 4px 4px;border:0;border-top:1px solid var(--line)}.film-scenes legend{float:left;width:100%;margin:0 0 12px;padding:0;color:var(--heading);font-size:13px;font-weight:600}.film-tabs{clear:both;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.film-tabs button{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-size:13.5px;font-weight:500;overflow-wrap:anywhere;transition:border-color .16s ease,background-color .16s ease}.film-tabs button:not(:disabled):hover{border-color:var(--accent-line)}.film-tabs button[aria-pressed=true]{border-color:var(--accent-line);background:var(--accent-soft);color:var(--heading);font-weight:600}.film-tabs small{color:var(--muted);font-size:12px;font-weight:400;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.film-fields{display:flex;flex-wrap:wrap;gap:12px 14px}.film-caption,.film-fields label{display:grid;gap:6px;color:var(--muted);font-size:12.5px;font-weight:500}.film-fields :is(input,select){width:96px;height:40px;min-height:40px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--field);color:var(--ink)}.film-fields input[type=color]{width:60px;padding:4px;cursor:pointer}.film-caption{margin-top:14px}.film-caption textarea{display:block;width:100%;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--field);color:var(--ink);line-height:1.55;resize:vertical}.film-sound-toggle{display:inline-flex;align-items:center;gap:10px;min-height:40px;margin-top:10px;font-size:13.5px;cursor:pointer}.film-sound-toggle input{width:16px;height:16px;accent-color:var(--accent)}.film-layer-details{margin-top:16px;padding-top:4px;border-top:1px solid var(--line)}.film-layer-details summary{display:flex;align-items:center;min-height:44px;color:var(--heading);font-size:14px;font-weight:550;cursor:pointer}.film-layer{margin-top:10px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--raised)}.film-layer strong{display:block;margin-bottom:8px;font-size:13.5px;font-weight:600;overflow-wrap:anywhere}.film-status{position:sticky;bottom:16px;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:720px;margin:18px auto 0;padding:12px 12px 12px 18px;border:1px solid var(--glass-edge);border-radius:16px;background:var(--glass-strong);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);box-shadow:inset 0 1px 0 var(--glint),var(--shadow);color:var(--ink);font-size:14px;line-height:1.5}.film-status button{flex:none;min-height:36px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--heading);font-size:13px;font-weight:600;white-space:nowrap}.film-status-generating{bottom:12px;justify-content:flex-end;margin-top:8px;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;color:var(--ink)}.film-status-generating,.film-status-generating button{padding:0;border:0;border-radius:0;background:transparent}.film-status-generating button{min-height:40px;color:inherit;font-size:inherit;font-weight:inherit;text-decoration:underline}.film-status-generating span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.brief-film :is(.film-plus,.film-plus svg,.film-composer,.film-primary,.film-download,.film-top>div>*,.film-actions>button,.film-tabs button){transition:none}.film-add-menu{animation:none}.brief-film :is(.film-plus,.film-primary,.film-download):active{transform:none}}@media(prefers-reduced-transparency:reduce){.brief-film :is(.film-brief,.film-result,.film-status:not(.film-status-generating),.film-plus,.film-add-menu),.film-top:before{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}}@media(min-width:1021px){.film-brief{position:sticky;top:84px;max-height:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain}}@media(max-width:1020px){.film-workspace{grid-template-columns:1fr}}@media(max-width:760px){.brief-film{padding:0 16px 64px}.film-top{min-height:60px}.film-brand img{width:96px}.film-top>div>:is(a,button,.film-file){width:44px;min-height:44px;padding:0;justify-content:center}.film-top>div>:is(a,button,.film-file)>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.film-workspace{gap:16px;padding-top:14px}.film-brief{padding:20px;border-radius:20px}.film-result{padding:10px;border-radius:20px}.film-brief>p{margin:8px 0 18px}.film-empty{aspect-ratio:16/8}.film-screen canvas{max-height:58dvh}.film-status{bottom:8px}.film-fields{gap:10px}}