@font-face{font-family:Inter;src:url('../assets/fonts/Inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:CaptionImpact;src:url('../assets/fonts/Anton-latin.woff2') format('woff2');font-style:normal;font-weight:400 900;font-display:swap}
:root{font-family:Inter,Arial,sans-serif;font-weight:400;color:#20221f;background:#f7f7f5;font-synthesis:none;--ink:#20221f;--muted:#777c76;--line:#e4e7e1;--soft:#f7f8f4;--green:#d7eead;--accent:#59734a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}strong,b,h1,h2,h3,h4{font-weight:500}.hidden{display:none!important}a{color:inherit}:focus-visible{outline:2px solid #86aa69;outline-offset:3px}
.site-header{height:76px;padding:0 max(28px,calc((100vw - 1360px)/2));background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:19px;letter-spacing:-.055em;text-decoration:none;font-weight:500;white-space:nowrap}.brand-light{font-weight:400;color:#858a83}.brand-mark{width:34px;height:34px;border-radius:9px;background:#20221f;display:flex;align-items:center;justify-content:center;gap:3px;transform:rotate(-4deg)}.brand-mark i{width:3px;background:#fff;border-radius:3px;display:block}.brand-mark i:nth-child(1),.brand-mark i:nth-child(4){height:8px}.brand-mark i:nth-child(2){height:17px}.brand-mark i:nth-child(3){height:22px}.header-note{display:flex;align-items:center;gap:9px;font-size:11px;color:#697168;white-space:nowrap}.privacy-dot{width:7px;height:7px;border-radius:50%;background:#65a875;box-shadow:0 0 0 3px #e8f5e9;display:inline-block;flex:none}
.page{width:min(100%,1360px);margin:auto;padding:0 32px 80px}.flow{display:flex;gap:0;border-bottom:1px solid var(--line);margin-bottom:44px;overflow-x:auto;white-space:nowrap}.flow span,.flow a{min-width:135px;padding:23px 22px 20px 0;margin-right:18px;border-bottom:2px solid transparent;color:#9da29b;text-decoration:none;font-size:12px}.flow .active{color:var(--ink);border-bottom-color:var(--ink)}.flow i{font-style:normal;color:#a2a8a0;font-size:10px;margin-right:8px}.flow .active i{color:var(--accent)}.eyebrow{font-size:10px;letter-spacing:.15em;color:#6c805f;text-transform:uppercase}.intro{margin:0 0 39px;max-width:760px}.intro h1,.page-title h1,.process-copy h1,.export-copy h1{font-size:clamp(42px,5.2vw,74px);letter-spacing:-.078em;line-height:1.05;margin:14px 0 20px;font-weight:400}.intro h1 em,.page-title h1 em,.process-copy h1 em,.export-copy h1 em{font-style:normal;color:#6d8660}.intro p,.page-title p,.process-copy>p,.export-copy>p{font-size:15px;line-height:1.7;color:#777c76;max-width:570px;margin:0}.card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 42px rgba(27,34,26,.025)}.upload-card{padding:32px}.section-heading,.panel-heading,.transcript-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-heading{margin-bottom:25px}.section-heading h2{font-size:28px;letter-spacing:-.055em;margin:10px 0 0}.subtle{font-size:12px;color:#90968e}.dropzone{min-height:330px;border:1px dashed #c9d0c2;border-radius:13px;background:radial-gradient(circle at 50% 17%,#f0f5e9 0,#fcfdfb 43%,#fafbf9 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;transition:background .18s,border-color .18s}.dropzone:hover,.dropzone.dragover{border-color:#8ca678;background:#f5f9f0}.upload-symbol{width:56px;height:56px;display:grid;place-items:center;border:1px solid #dfe9d5;border-radius:16px;background:#fff;color:#6c8b59;font-size:29px;margin-bottom:18px}.dropzone h3{font-size:22px;letter-spacing:-.045em;margin:0 0 8px}.dropzone p{font-size:13px;color:#888e85;margin:0 0 22px}.dropzone small{font-size:11px;color:#a0a69d;margin-top:19px}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:11px 17px;border-radius:9px;border:1px solid transparent;text-decoration:none;font-size:12px;font-weight:500;line-height:1.2;transition:transform .16s,background .16s,border-color .16s}.button:hover:not(:disabled){transform:translateY(-1px)}.button span{font-size:16px;font-weight:400;line-height:1}.primary{background:#20221f;color:#fff}.primary:hover{background:#41483d}.secondary{background:#fff;color:#3a3f38;border-color:#dce1da}.secondary:hover{background:#f6f8f4}.button.large{min-height:51px;font-size:13px;padding:14px 21px}.text-link{font-size:12px;text-decoration:none;border-bottom:1px solid #aab3a2;padding-bottom:3px;color:#424c3f}.text-link:hover{color:#70915d}.resume{display:flex;justify-content:space-between;gap:20px;padding:20px 4px 0;color:#777d74;font-size:12px}
.source-panel{display:grid;grid-template-columns:minmax(205px,285px) 1fr;gap:28px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fafbf9}.source-thumb{height:290px;background:#191b18;border-radius:9px;overflow:hidden;display:grid;place-items:center}.source-thumb video{width:100%;height:100%;object-fit:contain}.source-info{align-self:center;min-width:0;padding:8px 12px 8px 0}.ready{color:#52805d}.source-info h3{font-size:29px;letter-spacing:-.06em;margin:12px 0 6px;overflow-wrap:anywhere}.source-info>p{font-size:12px;color:#8b9189;margin:0}.hairline{height:1px;background:var(--line);margin:24px 0 17px}.source-info .description{font-size:13px;line-height:1.7;max-width:520px;color:#656e63}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.error{border:1px solid #efcdc7;background:#fff7f5;color:#a24336;border-radius:9px;padding:14px 16px;margin-top:18px;font-size:12px;line-height:1.55}
.launch-help{display:none;padding:36px;max-width:690px}.launch-help h2{font-size:30px;letter-spacing:-.05em;margin:12px 0}.launch-help p{font-size:14px;color:var(--muted);line-height:1.65}.launch-command{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid var(--line);border-radius:10px;padding:16px;margin:24px 0;font-size:12px;color:var(--muted)}.launch-command code{font-family:ui-monospace,SFMono-Regular,monospace;color:var(--ink);font-size:13px}.file-mode .launch-help{display:block}.file-mode .upload-card,.file-mode .resume{display:none!important}
.process-page{min-height:calc(100vh - 76px)}.process-shell{display:grid;grid-template-columns:1.1fr .9fr;min-height:580px;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.process-copy{padding:clamp(30px,5vw,72px);align-self:center}.process-copy h1{font-size:clamp(40px,4.5vw,65px)}.process-copy>p{font-size:14px;min-height:48px}.process-progress{margin:35px 0 24px}.progress-label{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#4f584e}.progress-label span:last-child{color:#708b62}.progress-track{height:5px;background:#e9ede5;border-radius:99px;overflow:hidden;margin-top:12px}.progress-track>div{height:100%;width:0;background:#7ea267;transition:width .25s;border-radius:99px}.process-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 8px;color:#a5aaa2;font-size:11px}.process-list li:before{content:'○';margin-right:10px;color:#aeb9a7}.process-list li.current{color:#394936}.process-list li.current:before{content:'●';color:#77a363}.process-visual{background:linear-gradient(145deg,#eef4e7,#f8f8f2 64%,#e4ecdc);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:35px;padding:40px}.orb{width:min(290px,62vw);aspect-ratio:1;position:relative;display:grid;place-items:center}.orb-ring{position:absolute;inset:5%;border:1px solid rgba(93,129,77,.22);border-radius:50%;animation:orbit 12s linear infinite}.ring-two{inset:17%;animation-duration:8s;animation-direction:reverse;border-color:rgba(93,129,77,.35)}.orb-core{width:42%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#e7f8d0,#a8c993 60%,#7ca46d);box-shadow:0 20px 80px #809b6f66;display:grid;place-items:center;color:#fff;font-size:45px}.media-name{font-size:12px;color:#7a8b73;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes orbit{to{transform:rotate(360deg)}}
.page-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.page-title h1{font-size:clamp(43px,4.6vw,64px)}.page-title .button{white-space:nowrap;margin-bottom:4px}.loading{padding:35px;color:#7c8279}.studio-layout{display:grid;grid-template-columns:minmax(330px,.83fr) minmax(500px,1.17fr);gap:20px;align-items:start}.preview-card,.editor-card,.transcript-card,.final-card{padding:23px}.preview-card{position:sticky;top:22px;background:#fbfcfa}.panel-heading{align-items:center;margin-bottom:20px}.live{font-size:11px;color:#8b9388}.live i{width:6px;height:6px;background:#80b27e;border-radius:50%;display:inline-block;margin-right:5px}.preview-frame{height:min(57vh,530px);min-height:310px;max-width:100%;background:#171a16;border-radius:11px;overflow:hidden;position:relative;display:flex;justify-content:center;box-shadow:0 12px 32px #171a1625}.preview-frame canvas{max-width:100%;max-height:100%;width:auto;height:100%;object-fit:contain;display:block}.player-bar{display:flex;align-items:center;gap:12px;color:#8b918a;font-size:11px;margin-top:20px}.player-bar input{flex:1;min-width:40px}.icon-button{width:31px;height:31px;flex:none;border:1px solid #dce2d9;border-radius:50%;background:#fff;color:#293026;font-size:11px}input[type=range]{accent-color:#708f60;cursor:pointer}.cut-summary{font-size:11px;color:#899287;border-top:1px solid var(--line);margin:20px 0 0;padding-top:15px;line-height:1.6}.editor-card h2,.transcript-card h2{font-size:28px;letter-spacing:-.06em;margin:2px 0 6px}.description{font-size:12px;color:#899087;line-height:1.6;margin:0}.field-heading{display:flex;justify-content:space-between;align-items:center;margin:28px 0 12px}.field-heading h3,.control-section h3{font-size:13px;margin:0}.field-heading span{font-size:10px;color:#a0a79d}.preset-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.preset-card{min-width:0;border:1px solid #e5e9e2;background:#fff;border-radius:9px;padding:5px 5px 9px;text-align:center}.preset-card:hover{border-color:#adc2a1}.preset-card[aria-pressed=true]{border-color:#749865;background:#f2f7ed;box-shadow:0 0 0 2px #e7f1df}.preset-mini{height:52px;border-radius:6px;background:#252921;color:#fff;display:grid;place-items:center;font-size:11px;line-height:1.1;overflow:hidden;margin-bottom:7px;padding:3px}.preset-mini b{color:#e2ec9f}.preset-card small{font-size:9px;color:#5f685c;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.control-section{border-top:1px solid var(--line);margin-top:25px;padding-top:22px}.control-section h3{margin-bottom:17px}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}.controls-grid label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#697167}.controls-grid select{width:100%;height:39px;border:1px solid #e1e6df;border-radius:8px;background:#fafbf9;color:#242b22;padding:0 10px;outline:0}.controls-grid select:focus{border-color:#8daa7d}.controls-grid input[type=color]{width:100%;height:39px;border:1px solid #e1e6df;border-radius:8px;background:#fafbf9;padding:4px}.controls-grid input[type=range]{width:100%;height:18px;margin:6px 0 0}.controls-grid output{color:#a0a79d}.controls-grid .checkbox-row{flex-direction:row;align-items:center;gap:8px;margin-top:19px}.checkbox-row input{accent-color:#749465}.controls-grid .wide{grid-column:span 2}.transcript-card{margin-top:20px}.transcript-head{margin-bottom:22px}.count{font-size:11px;color:#879084;border:1px solid var(--line);border-radius:99px;padding:8px 11px;white-space:nowrap}.transcript{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.transcript-row{display:flex;align-items:center;gap:13px;min-width:0;border:1px solid #e5e9e2;background:#fafbf9;border-radius:8px;padding:11px 12px}.transcript-row:focus-within{border-color:#8eab80;background:#fff}.transcript-row time{font-size:10px;color:#789268;min-width:34px}.transcript-row input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#2a3028;font-size:12px;line-height:1.55}.transcript-empty{font-size:12px;color:#899087}.bottom-action{display:flex;justify-content:flex-end;align-items:center;gap:20px;padding-top:24px;color:#8a9187;font-size:12px}
.export-layout{display:grid;grid-template-columns:minmax(350px,.95fr) minmax(350px,1.05fr);gap:40px;align-items:center}.export-copy{padding:35px 0 35px 12px}.export-copy h1{font-size:clamp(48px,5vw,72px)}.export-copy>p{font-size:14px;max-width:460px}.export-summary{margin:36px 0 29px;max-width:510px;border-top:1px solid var(--line)}.export-summary>div{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.export-summary span{font-size:10px;letter-spacing:.1em;color:#9ca39a}.export-summary strong{font-size:12px;font-weight:400;text-align:right;overflow-wrap:anywhere}.export-copy>.text-link{display:inline-block;margin-top:26px}.status{max-width:510px;background:#f2f7ed;border:1px solid #dfebd8;border-radius:10px;padding:16px;margin-top:17px}.status p{font-size:11px;color:#81917b;margin:11px 0 0}.finish-message{max-width:510px;color:#4f7850;background:#eef7ed;border:1px solid #dcebd9;border-radius:9px;padding:14px;margin-top:16px;font-size:12px;line-height:1.5}.finish-message #savedPath{overflow-wrap:anywhere;color:#345c36}.final-card{background:#fff}.final-card .preview-frame{height:min(65vh,610px)}
/* The edit controls follow the output, so the video remains the first focus. */
.studio-layout{grid-template-columns:1fr}.studio-layout .preview-card{position:static;max-width:760px;width:100%;margin:auto}.studio-layout .preview-frame{width:min(100%,420px);height:min(65vh,620px);margin:auto}.studio-layout .player-bar,.studio-layout .cut-summary{max-width:520px;margin-left:auto;margin-right:auto}
@media(max-width:1000px){.preview-frame{height:min(58vh,540px)}.export-layout{grid-template-columns:1fr;gap:10px}.export-copy{padding:0}.final-card{max-width:700px;width:100%;margin:auto}}
@media(max-width:700px){.site-header{height:64px;padding:0 18px}.page{padding:0 16px 60px}.flow{margin-bottom:32px}.flow span,.flow a{min-width:105px;margin-right:4px;padding:20px 10px 17px 0}.intro{margin-bottom:27px}.intro h1{font-size:47px}.upload-card{padding:18px}.section-heading h2{font-size:24px}.section-heading .subtle{max-width:130px;text-align:right;line-height:1.5}.dropzone{min-height:290px}.source-panel{grid-template-columns:190px 1fr;gap:17px}.source-thumb{height:230px}.source-info{padding:4px 0}.source-info h3{font-size:21px}.process-shell{grid-template-columns:1fr}.process-copy{padding:30px}.process-visual{min-height:220px;order:-1}.orb{width:160px}.orb-core{font-size:25px}.process-visual{gap:10px}.page-title{align-items:start;flex-direction:column;gap:20px}.page-title h1{font-size:52px}.editor-card,.preview-card,.transcript-card,.final-card{padding:17px}.preview-frame{min-height:290px}.preset-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:520px){.header-note{font-size:0}.header-note .privacy-dot{width:8px;height:8px}.brand{font-size:18px}.flow{overflow:visible}.flow span,.flow a{flex:1;min-width:0;margin-right:0;padding:18px 2px 16px 0;font-size:11px}.flow i{font-size:9px;margin-right:4px}.intro h1{font-size:42px}.intro p{font-size:13px}.section-heading{align-items:start}.section-heading h2{font-size:22px}.source-panel{display:block}.source-thumb{height:235px;margin-bottom:16px}.source-info .description{font-size:12px}.actions .button{flex:1}.process-copy h1{font-size:42px}.process-list{grid-template-columns:1fr}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-mini{height:57px;font-size:12px}.preset-card small{font-size:10px}.controls-grid{gap:13px 12px}.transcript{grid-template-columns:1fr}.bottom-action{flex-direction:column;align-items:stretch}.bottom-action .button{width:100%}.export-copy h1{font-size:48px}.export-page .flow{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:680px;gap:12px}
.preset-card{padding:6px 6px 12px}.preset-mini{height:112px;font-size:22px}.preset-card small{font-size:12px;margin-top:9px}
.cyan-preset .preset-mini{display:flex;flex-direction:column;justify-content:center;gap:4px;background:radial-gradient(circle at 20% 20%,#324b5d,#172431 58%,#111721);font-size:30px;text-transform:uppercase;letter-spacing:.035em;filter:drop-shadow(0 3px 2px #03050a8c)}
.cyan-preset .impact-white,.cyan-preset .impact-blue{font-family:Impact,CaptionImpact,'Arial Narrow',sans-serif;white-space:nowrap;line-height:.9}
.cyan-preset .impact-white{font-size:.82em;background:linear-gradient(#fff 0%,#fff 42%,#e5e8eb 68%,#a3adb7 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.cyan-preset .impact-blue{font-size:1.09em;background-image:linear-gradient(125deg,transparent 19%,#36bcf2b8 35%,#76dcff 44%,#a2ecff 48%,#a2ecff 59%,#6bd5fce8 68%,transparent 82%),linear-gradient(#91dcf8 0%,#65b8e5 40%,#428fc8 70%,#285fa8 100%);background-size:42% 150%,100% 100%;background-position:-30% 0,0 0;background-repeat:no-repeat;background-clip:text;-webkit-background-clip:text;color:transparent;animation:cyan-card-sweep 1.9s linear .1s both}
@keyframes cyan-card-sweep{to{background-position:130% 0,0 0}}
@media(prefers-reduced-motion:reduce){.cyan-preset .impact-blue{animation:none;background-position:50% 0,0 0}}
.moments-card{padding:26px;margin-top:20px}.moments-head{display:flex;justify-content:space-between;align-items:end;gap:24px}.moments-head h2{font-size:28px;font-weight:500;letter-spacing:-.06em;margin:8px 0 6px}.moment-actions{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.moment-actions label{font-size:11px;color:#697167;display:grid;gap:6px}.moment-actions select{height:44px;min-width:105px;border:1px solid #dce1da;border-radius:9px;background:#fff;color:#252b24;padding:0 10px;font:inherit}.moment-summary{display:flex;gap:12px;align-items:baseline;border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.moment-summary strong{font-size:27px;font-weight:500;letter-spacing:-.05em}.moment-summary span{font-size:12px;color:#859080}.moments-list{display:grid;gap:10px;margin-top:16px}.moment-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;border:1px solid #e3e9df;border-radius:11px;background:#fbfcfa}.moment-row.is-off{opacity:.54}.moment-row input[type=checkbox]{accent-color:#718d65;width:17px;height:17px}.moment-main{min-width:0}.moment-title{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:12px;color:#30392e}.moment-title b{font-weight:600}.moment-role{font-size:10px;color:#66845c;background:#eaf2e5;padding:4px 7px;border-radius:99px}.moment-main p{font-size:12px;color:#60695f;line-height:1.5;margin:7px 0 4px}.moment-reason{font-size:10px;color:#82907f}.moment-tools{display:flex;gap:7px;align-items:end}.moment-tools label{font-size:10px;color:#879084;display:grid;gap:4px}.moment-tools input{width:78px;height:34px;border:1px solid #dae2d6;border-radius:7px;padding:0 7px;font:11px Inter,Arial,sans-serif;color:#30372c;background:#fff}.moment-tools button{width:30px;height:34px;border:1px solid #dae2d6;border-radius:7px;background:#fff;color:#404b3b;cursor:pointer}.moment-tools button:disabled{opacity:.35;cursor:default}@media(max-width:850px){.moments-head{align-items:start;flex-direction:column}.moment-row{grid-template-columns:26px 1fr}.moment-tools{grid-column:2;flex-wrap:wrap}}@media(max-width:520px){.moments-card{padding:17px}.moment-tools input{width:68px}}
.resume-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;justify-content:flex-end}@media(max-width:520px){.resume{flex-direction:column}.resume-actions{justify-content:flex-start}}
.glow-preset .preset-mini{display:flex;flex-direction:column;justify-content:center;align-items:stretch;background:radial-gradient(circle at 45% 35%,#203c60,#101c2e 72%);font-family:Arial,Helvetica,sans-serif;font-weight:900;line-height:.92;text-align:left;padding:10px 13px;filter:drop-shadow(0 4px 5px #071d3a8c)}.glow-preset .glow-lead{font-size:.52em;color:#fff;white-space:nowrap;text-shadow:0 2px 2px #08060cbd}.glow-preset .glow-hero{font-family:'Arial Black',Arial,sans-serif;font-size:1.03em;white-space:nowrap;background:linear-gradient(175deg,#e9f4ff 0%,#51adff 18%,#1479f4 45%,#0969de 78%,#08418f 100%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 5px #1479f4bd)}.glow-preset .glow-tail{font-size:.54em;color:#fff;align-self:flex-end;white-space:nowrap;text-shadow:0 2px 2px #08060cbd}@media(max-width:520px){.glow-preset .preset-mini{padding:7px 10px}}
.duration-note{font-size:12px;line-height:1.5;color:#96533e;background:#fff8f3;border:1px solid #f1daca;border-radius:8px;padding:10px 12px;margin:12px 0 0}
@media(max-width:520px){.preset-mini{height:86px;font-size:16px}.preset-card small{font-size:11px}.cyan-preset .preset-mini{gap:2px;font-size:17px}}

.motion-overlay{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:2;pointer-events:none}.motion-overlay[hidden]{display:none}.motion-details{padding:20px 24px;margin-top:20px}.motion-details p{font-size:13px;line-height:1.6;color:var(--muted)}
.preview-frame,.studio-layout .preview-frame,.final-card .preview-frame{width:min(100%,calc(70vh * 9 / 16));height:auto;min-height:0;aspect-ratio:9/16;margin-inline:auto;flex:none}
.preview-frame canvas{width:100%;height:100%;max-height:none;aspect-ratio:9/16}
.auto-cut-control{display:flex!important;align-items:center;gap:10px;cursor:pointer;color:#30392e;font-size:12px;line-height:1.35;margin-top:16px}
.auto-cut-control input{position:absolute;opacity:0;width:1px;height:1px}
.auto-cut-control .switch-track{width:39px;height:23px;border-radius:20px;background:#c6cec1;position:relative;flex:none;transition:background .16s}
.auto-cut-control .switch-track::after{content:'';position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .16s}
.auto-cut-control input:checked+.switch-track{background:#668d55}
.auto-cut-control input:checked+.switch-track::after{transform:translateX(16px)}
.auto-cut-control input:focus-visible+.switch-track{outline:2px solid #244b23;outline-offset:3px}
.auto-cut-control strong,.auto-cut-control small{display:block}.auto-cut-control strong{font-weight:600}.auto-cut-control small{font-size:10px;color:#7b8776;font-weight:400}
.moment-actions>.auto-cut-control{margin:0 8px 0 0;min-width:188px}
.motion-count-picker{max-width:330px;padding:14px 16px;border:1px solid #dfe6db;border-radius:11px;background:#fbfcf9;margin:0 0 20px}
.motion-count-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:600;color:#293427}
.motion-count-heading output{min-width:27px;height:27px;border-radius:7px;background:#e6efe0;color:#3d6333;display:grid;place-items:center;font-size:14px}
.motion-count-picker input[type=range]{width:100%;margin:13px 0 0}
.motion-count-ticks{display:flex;justify-content:space-between;padding:0 3px;color:#788675;font-size:10px;font-variant-numeric:tabular-nums}
.motion-count-picker p{margin:8px 0 0;color:#7a8476;font-size:10px;line-height:1.5}
.motion-details-head{display:flex;justify-content:space-between;gap:20px;align-items:start;margin:8px 0 17px}
.motion-details-head h2{font-size:25px;letter-spacing:-.05em;font-weight:500;margin:0 0 5px}
.motion-details-head .motion-count-picker{min-width:245px;margin:0}
.motion-editors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.motion-editor{min-width:0;border:1px solid #e3e9df;border-radius:11px;padding:17px;background:#fbfcfa}
.motion-editor-head{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:14px}
.motion-editor-head strong{font-size:13px;font-weight:600;color:#252d24}.motion-editor-head small{display:block;font-size:10px;color:#7d8b77;margin-top:4px}
.motion-editor-head button{min-height:34px;padding:7px 10px;white-space:nowrap}
.motion-editor-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.motion-editor-actions .apply-all{color:#36582f;border-color:#bed1b6;background:#eef5ea}
.motion-image-row{display:flex;gap:13px;align-items:center;margin-bottom:14px}
.motion-image-row img{width:80px;height:80px;object-fit:contain;background:#eceee9;border:1px solid #e0e5dd;border-radius:8px}
.motion-image-row .image-actions{display:flex;flex-direction:column;align-items:start;gap:7px;min-width:0}
.motion-image-row .image-actions span{font-size:10px;color:#667362;overflow-wrap:anywhere}
.motion-image-row label{cursor:pointer}.motion-image-row input[type=file]{position:absolute;width:1px;height:1px;opacity:0}
.motion-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.motion-colors label{display:grid;gap:6px;color:#657062;font-size:10px}
.motion-colors input[type=color]{width:100%;height:35px;border:1px solid #dce3d8;border-radius:7px;background:#fff;padding:3px}
.motion-switches{display:flex;flex-wrap:wrap;gap:13px;margin-top:13px}
.motion-switches label{display:flex;align-items:center;gap:6px;font-size:11px;color:#4a5847}.motion-switches input{accent-color:#668d55}
.music-details{margin-top:20px;padding:22px 24px}.music-details h2{font-size:25px;letter-spacing:-.05em;font-weight:500;margin:8px 0 5px}.music-details p{font-size:13px;color:var(--muted);line-height:1.6}.music-controls{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr);gap:14px 20px;align-items:end;margin-top:18px}.music-controls>label{display:grid;gap:7px;font-size:12px;font-weight:600;color:#384435}.music-controls select{min-height:42px;padding:8px 11px;border:1px solid #dce3d8;border-radius:8px;background:#fff;font:inherit}.music-controls input[type=range]{width:100%;accent-color:#668d55}.music-actions{grid-column:1/-1;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.music-actions .music-upload{position:relative;cursor:pointer}.music-actions input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.music-actions span{font-size:11px;color:#657062;overflow-wrap:anywhere}
@media(max-width:700px){.motion-details-head{flex-direction:column}.motion-details-head .motion-count-picker{width:100%;max-width:none}.motion-editors{grid-template-columns:1fr}}
@media(max-width:560px){.music-controls{grid-template-columns:1fr}}
.site-header{position:relative;z-index:10}
.style-header{display:flex;align-items:center;gap:7px;position:relative;margin-left:auto}
.style-header button{border:1px solid #d8dfd4;border-radius:8px;background:#fff;color:#273127;font-size:11px;font-weight:600;white-space:nowrap;min-height:36px;padding:8px 12px}
.style-header .style-save{background:#202820;color:#fff;border-color:#202820}
.style-header button:hover,.style-import:hover{filter:brightness(.95)}
.style-panel{position:absolute;top:calc(100% + 12px);right:0;width:min(350px,calc(100vw - 32px));padding:17px;background:#fff;border:1px solid #dfe6db;border-radius:12px;box-shadow:0 18px 45px #1b241c24;white-space:normal}
.style-panel strong{display:block;font-size:14px;color:#202820;font-weight:600}
.style-panel p{font-size:11px;line-height:1.45;color:#697469;margin:8px 0 12px}
.style-panel .style-import{display:inline-flex;align-items:center;min-height:34px;padding:7px 11px;border:1px solid #cbd9c6;border-radius:7px;color:#36582f;background:#f5f9f3;font-size:11px;font-weight:600;cursor:pointer}
.style-import input{position:absolute;width:1px;height:1px;opacity:0}
.style-list{display:grid;gap:6px;margin-top:13px;max-height:190px;overflow:auto}
.style-list-item{text-align:left!important;width:100%;min-height:36px!important;background:#f8faf6!important}
.style-list>span{font-size:11px;color:#899487;padding:6px 0}
.style-panel .style-status{margin-bottom:0;color:#496b41}
@media(max-width:520px){.site-header{gap:8px}.style-header{gap:4px}.style-header button{font-size:10px;padding:7px 8px;min-height:32px}.style-panel{right:-8px}.motion-editor-head{flex-wrap:wrap}.motion-editor-actions{width:100%;justify-content:flex-start}}

.preview-frame,.studio-layout .preview-frame,.final-card .preview-frame{width:min(100%,calc(70vh * var(--video-ratio,.5625)));aspect-ratio:var(--video-ratio-css,9 / 16)}
.preview-frame canvas{aspect-ratio:var(--video-ratio-css,9 / 16)}
.aspect-control{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:12px;margin-top:14px}.aspect-control select{border:1px solid var(--line);border-radius:7px;padding:8px;background:#fff;font:inherit}.aspect-control small{width:100%;color:var(--muted)}

.preview-generating{position:absolute;inset:0;z-index:20;display:grid;place-items:center;overflow:hidden;border-radius:inherit;background:#ffffff25;backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);cursor:wait}.preview-generating[hidden]{display:none}.is-generating>canvas,.is-generating>.motion-overlay,.is-generating>iframe[title="Blue Script captions"]{filter:blur(7px)}.is-generating .reframe-surface{visibility:hidden}.preview-generating-label{display:flex;align-items:center;justify-content:center;gap:10px;max-width:90%;padding:12px 16px;border:1px solid #ffffff9c;border-radius:99px;background:#ffffffb5;box-shadow:0 8px 24px #0f244521;color:#254a79;font:500 11px/1.4 Inter,sans-serif;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.preview-spinner{width:15px;height:15px;flex:none;border:2px solid #1479f428;border-top-color:#1479f4;border-radius:50%;animation:preview-spin .75s linear infinite}@keyframes preview-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.preview-spinner{animation:none}}