:root{--ink: #171612;--ink-2: #57534a;--ink-3: #8b867d;--paper: #f4f0e8;--surface: #fffdf8;--surface-2: #ebe5da;--line: #d7d0c4;--line-dark: #a9a195;--emerald: #15764d;--emerald-dark: #0b4c32;--emerald-soft: #dcece2;--gold: #c79627;--gold-soft: #f7e6b5;--pink: #ec3c88;--violet: #7053e8;--mono: "DM Mono", monospace;--sans: Manrope, Arial, sans-serif;--serif: "Playfair Display", Georgia, serif}*{box-sizing:border-box}html{color-scheme:light;background:var(--paper)}body{min-width:320px;margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}[hidden]{display:none!important}:focus-visible{outline:3px solid #efb735;outline-offset:3px}.clip-app{width:min(1580px,100%);min-height:100vh;margin:0 auto;padding:0 36px}.app-header{min-height:82px;display:grid;grid-template-columns:220px 1fr 220px;align-items:center;border-bottom:1px solid var(--line)}.brand{display:block;width:188px}.brand img{width:100%;display:block}.header-status{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--ink-3);font:700 11px var(--mono);letter-spacing:.06em;text-transform:uppercase}.header-status i{width:7px;height:7px;border-radius:50%;background:#35a36e;box-shadow:0 0 0 4px #35a36e1f}.header-status b{color:var(--emerald);font-weight:700}.studio-link{justify-self:end;color:var(--ink-2);font-size:12px;font-weight:800;text-decoration:none}.studio-link span{margin-left:6px;color:var(--gold)}main{min-height:calc(100vh - 132px)}.workflow{width:min(720px,100%);display:flex;align-items:center;justify-content:center;margin:0 auto;padding:30px 0 14px}.workflow>i{width:clamp(30px,6vw,94px);height:1px;background:var(--line)}.workflow-step{display:inline-flex;align-items:center;gap:8px;padding:5px 9px;border:0;color:var(--ink-3);background:transparent;font-size:13px;font-weight:800}.workflow-step b{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--line-dark);border-radius:50%;font:700 10px var(--mono)}.workflow-step.is-active{color:var(--ink)}.workflow-step.is-active b{border-color:var(--gold);background:var(--gold-soft)}.workflow-step.is-complete{color:var(--emerald)}.workflow-step.is-complete b{border-color:var(--emerald);color:#fff;background:var(--emerald)}.intake-view{width:min(730px,100%);margin:0 auto;padding:42px 0 90px}.intake-heading{text-align:center}.eyebrow{margin:0 0 11px;color:var(--gold);font:700 11px var(--mono);letter-spacing:.12em;text-transform:uppercase}.intake-heading h1{margin:0;font-size:clamp(50px,5.6vw,78px);font-weight:800;letter-spacing:-.065em;line-height:.91}.intake-heading h1 em{color:var(--pink);font-family:var(--serif);font-weight:700}.intake-heading>p:last-child{max-width:580px;margin:24px auto 0;color:var(--ink-2);font-size:15px;line-height:1.65}.source-card{margin-top:38px;padding:13px;border:1px solid var(--line);border-radius:18px;background:#fffdf8d6;box-shadow:0 30px 80px -55px #251d11a6}.drop-zone{min-height:132px;display:flex;align-items:center;gap:16px;padding:22px;border:1.5px dashed var(--line-dark);border-radius:12px;background:var(--surface);cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.drop-zone:hover,.drop-zone.is-dragging{border-color:var(--emerald);background:#f5fbf6;transform:translateY(-1px)}.drop-icon{width:52px;height:52px;flex:none;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--ink);font-size:24px;font-weight:500}.drop-copy{min-width:0;display:grid;gap:4px}.drop-copy strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.drop-copy small{color:var(--ink-3);font-size:11px}.choose-button{margin-left:auto;padding:10px 13px;border:1px solid var(--line);border-radius:8px;background:var(--paper);font-size:11px;font-weight:800;white-space:nowrap}.sample-button{width:100%;padding:11px;border:0;color:var(--ink-3);background:transparent;font-size:10px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.source-summary{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:14px;padding:8px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.source-thumb{height:58px;position:relative;overflow:hidden;border-radius:7px;background:var(--ink)}.source-thumb video{width:100%;height:100%;object-fit:cover}.source-thumb span{position:absolute;top:6px;left:6px;padding:3px 5px;border-radius:4px;color:#fff;background:#0c0c0cb8;font:700 9px var(--mono);letter-spacing:.06em}.source-summary strong{display:block;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.source-summary p{margin:4px 0 0;color:var(--ink-3);font:500 11px var(--mono)}.source-summary button{padding:8px 10px;border:0;color:var(--ink-2);background:transparent;font-size:12px;font-weight:800}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}fieldset{min-width:0;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}legend{padding:0 5px;color:var(--ink-2);font-size:12px;font-weight:800}.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border-radius:8px;background:var(--surface-2)}.segmented button{min-height:35px;padding:7px;border:1px solid transparent;border-radius:6px;color:var(--ink-2);background:transparent;font-size:12px;font-weight:800}.segmented button.is-selected{border-color:var(--line);color:var(--emerald-dark);background:var(--surface);box-shadow:0 2px 7px #221c140f}.direction-field{display:grid;gap:10px;margin-top:10px;padding:15px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.direction-field>span{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.direction-field b{font-size:13px}.direction-field small{color:var(--ink-3);font-size:11px}.direction-field input,.direction-field select{width:100%;min-height:43px;padding:10px 12px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:var(--paper);font-size:13px}.direction-field input::placeholder{color:#a29b91}.format-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:10px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.format-row div{min-height:58px;display:grid;align-content:center;gap:3px;padding:10px 13px;border-right:1px solid var(--line)}.format-row div:last-child{border:0}.format-row span{color:var(--ink-3);font:700 10px var(--mono);text-transform:uppercase}.format-row strong{font-size:12px}.primary-action{width:100%;min-height:54px;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:11px;padding:12px 19px;border:1px solid var(--emerald-dark);border-radius:10px;color:#fff;background:var(--emerald);font-size:13px;font-weight:800;box-shadow:0 14px 28px -19px #0e4e33cc;transition:transform .15s ease,background .15s ease}.primary-action:hover:not(:disabled){background:var(--emerald-dark);transform:translateY(-1px)}.primary-action:disabled{cursor:not-allowed;opacity:.42}.primary-action b{color:#ffe392}.local-note{margin:11px 0 0;color:var(--ink-3);font-size:11px;text-align:center}.local-note span{margin-right:5px;color:var(--emerald)}.progress-card,.render-progress{margin-top:12px;padding:13px;border:1px solid #bdd4c5;border-radius:9px;background:var(--emerald-soft)}.progress-card>div,.render-progress>div{display:flex;justify-content:space-between;gap:12px;font-size:12px}.progress-card>div b,.render-progress>div b{color:var(--emerald);font:700 11px var(--mono)}.progress-card progress,.render-progress progress{width:100%;height:5px;margin-top:9px;accent-color:var(--emerald)}.progress-card p,.render-progress p{margin:7px 0 0;color:var(--ink-2);font-size:11px}.review-view{padding:35px 0 80px}.review-header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px}.review-header h1{margin:0;font-size:clamp(36px,4vw,58px);font-weight:700;letter-spacing:-.055em;line-height:.95}.review-actions{display:flex;gap:8px}.secondary-action{min-height:42px;padding:10px 14px;border:1px solid var(--line-dark);border-radius:8px;color:var(--ink);background:transparent;font-size:12px;font-weight:800}.primary-action--compact{width:auto;min-height:42px;margin:0;padding:10px 17px;font-size:12px}.primary-action--compact span{min-width:18px;display:inline-grid;place-items:center;padding:3px;border-radius:999px;color:var(--emerald-dark);background:#fff;font:700 10px var(--mono)}.review-grid{display:grid;grid-template-columns:minmax(420px,.86fr) minmax(570px,1.25fr);align-items:start;gap:16px}.preview-panel,.results-panel{border:1px solid var(--line);border-radius:14px;background:#fffdf8d6;box-shadow:0 22px 55px -44px #251d11b3}.preview-panel{position:sticky;top:14px;padding:14px}.preview-toolbar{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 12px}.preview-toolbar>div{display:grid;gap:2px}.preview-toolbar span{color:var(--ink-3);font:700 8px var(--mono);letter-spacing:.05em;text-transform:uppercase}.preview-toolbar strong{font-size:12px}.preview-badge{padding:6px 8px;border:1px solid #b7d1c0;border-radius:999px;color:var(--emerald)!important;background:var(--emerald-soft)}.phone-stage{width:min(330px,72%);position:relative;overflow:hidden;aspect-ratio:9 / 16;margin:0 auto;border:1px solid #27241e;border-radius:12px;background:#141414;box-shadow:0 18px 40px -28px #000c}.phone-stage video{width:100%;height:100%;display:block;object-fit:cover;background:#121212;transition:none}.caption-preview{position:absolute;z-index:3;right:8%;bottom:16%;left:8%;padding:6px 8px;border-radius:5px;color:#fff;background:#111111b3;font-size:clamp(13px,1.2vw,18px);font-weight:800;letter-spacing:-.02em;line-height:1.15;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.65);pointer-events:none}.active-copy{min-height:69px;padding:13px 3px 9px}.active-copy strong{display:block;font-family:var(--serif);font-size:17px;line-height:1.15}.active-copy p{display:-webkit-box;overflow:hidden;margin:5px 0 0;color:var(--ink-2);font-size:10px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.trim-control{padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.trim-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800}.trim-heading b{color:var(--emerald);font:700 9px var(--mono)}.range-track{height:26px;position:relative;margin:9px 0 5px;border-radius:5px;background:repeating-linear-gradient(90deg,#d8d2c8 0 3px,transparent 3px 6px),#ebe6dc}.range-track i{position:absolute;top:0;bottom:0;left:0;border-inline:3px solid var(--gold);border-radius:4px;background:#c796272e}.trim-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.trim-fields label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px;color:var(--ink-3);font:700 8px var(--mono);text-transform:uppercase}.trim-fields input{width:100%;min-width:0;padding:7px;border:1px solid var(--line);border-radius:5px;background:var(--paper);font:500 9px var(--mono)}.preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.render-button,.preview-actions a{min-height:42px;display:flex;align-items:center;justify-content:center;padding:10px;border-radius:8px;font-size:10px;font-weight:800;text-decoration:none}.render-button{border:1px solid var(--ink);color:#fff;background:var(--ink)}.render-button:disabled{cursor:wait;opacity:.48}.preview-actions a{justify-content:space-between;border:1px solid var(--line);background:var(--surface)}.preview-actions a span{color:var(--gold);font-size:8px;text-transform:uppercase}.results-panel{overflow:hidden}.results-toolbar{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 17px;border-bottom:1px solid var(--line)}.results-toolbar>div{display:grid;gap:3px}.results-toolbar strong{font-size:13px}.results-toolbar span{color:var(--ink-3);font-size:9px}.results-toolbar button{padding:7px 10px;border:0;color:var(--emerald);background:transparent;font-size:9px;font-weight:800}.clip-list{display:grid;gap:8px;max-height:700px;overflow:auto;padding:10px}.clip-card{position:relative;display:grid;grid-template-columns:52px 92px minmax(0,1fr) auto;gap:12px;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.clip-card:hover{border-color:var(--line-dark);transform:translateY(-1px)}.clip-card.is-active{border-color:var(--emerald);box-shadow:0 11px 22px -20px #0b4c32cc}.clip-card.is-active:before{width:3px;position:absolute;top:11px;bottom:11px;left:-1px;border-radius:5px;background:var(--emerald);content:""}.clip-score{width:52px;height:52px;display:grid;place-items:center;align-content:center;border-radius:9px;color:var(--emerald-dark);background:var(--emerald-soft);font:700 15px var(--mono)}.clip-score small{display:block;margin-top:2px;color:var(--emerald);font-size:6px;letter-spacing:.08em;text-transform:uppercase}.clip-card-preview{align-self:center;overflow:hidden;aspect-ratio:9 / 16;border-radius:7px;background:#141414}.clip-card-preview video{width:100%;height:100%;display:block;object-fit:cover;background:#121212;transition:none}.clip-card-copy{min-width:0}.clip-card-topline{display:flex;align-items:center;gap:8px;color:var(--ink-3);font:700 8px var(--mono);text-transform:uppercase}.clip-card-topline b{color:var(--gold)}.clip-card h2{margin:6px 0 4px;overflow:hidden;font-family:var(--serif);font-size:15px;font-weight:700;line-height:1.14;text-overflow:ellipsis;white-space:nowrap}.clip-card p{display:-webkit-box;overflow:hidden;margin:0;color:var(--ink-2);font-size:9px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.clip-reason{margin-top:6px!important;color:var(--ink-3)!important;font-size:8px!important}.clip-check{width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--line-dark);border-radius:50%;color:transparent;background:transparent;font-size:11px}.clip-card.is-selected .clip-check{border-color:var(--emerald);color:#fff;background:var(--emerald)}.caption-handoff{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 10px 10px;padding:13px;border:1px solid #e1c47a;border-radius:10px;background:#fff5d6}.handoff-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:8px;color:#6d4f0e;font-family:var(--serif);font-weight:700}.caption-handoff strong{display:block;font-size:10px}.caption-handoff p{margin:3px 0 0;color:var(--ink-2);font-size:8px;line-height:1.35}.caption-handoff a{color:#755818;font-size:8px;font-weight:800;text-transform:uppercase}.debug-panel{margin-top:12px;padding:14px;border:1px solid #333c37;border-radius:11px;color:#f4f0e8;background:#18201c;box-shadow:0 16px 34px -28px #09120de6}.debug-panel__head{display:flex;align-items:center;justify-content:space-between;gap:14px}.debug-panel__head>div{display:grid;gap:2px}.debug-panel__head strong{font-size:14px}.debug-panel__head span{color:#98aaa0;font:700 10px var(--mono);letter-spacing:.04em;text-transform:uppercase}.debug-panel__head>b{padding:5px 7px;border:1px solid #bd9130;border-radius:999px;color:#ffe29a;background:#c7962721;font:700 9px var(--mono);letter-spacing:.08em}.debug-panel__notice,.debug-panel__policy{margin:9px 0 0;color:#aebbb4;font-size:11px;line-height:1.5}.debug-panel__policy{padding-top:10px;border-top:1px solid #34413a}.debug-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:11px 0 0}.debug-grid div{min-width:0;display:grid;grid-template-columns:112px minmax(0,1fr);gap:8px;padding:7px 0;border-top:1px solid #303a35}.debug-grid dt{color:#8fa097;font:700 9px var(--mono);letter-spacing:.04em;text-transform:uppercase}.debug-grid dd{min-width:0;margin:0;color:#eef5f0;font:500 11px var(--mono);line-height:1.35;overflow-wrap:anywhere}.debug-events{display:grid;gap:5px;margin:11px 0 0;padding:10px 0 0;border-top:1px solid #303a35;list-style:none}.debug-events li{display:flex;gap:7px;color:#aebbb4;font:500 10px var(--mono);line-height:1.45;overflow-wrap:anywhere}.debug-events b{color:#e8c269;font:700 10px var(--mono);white-space:nowrap}.debug-panel--review{margin-top:10px}.timing-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px;margin:0}.timing-list div{display:flex;justify-content:space-between;gap:10px;padding:7px 0 5px;border-top:1px dotted #3b4941}.timing-list dt{color:#8fa097;font-size:10px}.timing-list dd{margin:0;color:#eef5f0;font:700 10px var(--mono)}.timing-total{color:#8de0b4!important}.processing-log{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 14px;margin:10px 0 0;padding-top:10px;border-top:1px solid #34413a}.processing-log div{display:flex;justify-content:space-between;gap:10px}.processing-log dt{color:#8fa097;font-size:10px}.processing-log dd{margin:0;color:#eef5f0;font:700 10px var(--mono)}footer{min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:var(--ink-3);font:700 8px var(--mono);letter-spacing:.05em;text-transform:uppercase}@media(max-width:980px){.clip-app{padding-inline:20px}.app-header{grid-template-columns:170px 1fr}.brand{width:160px}.header-status{display:none}.review-grid{grid-template-columns:1fr}.preview-panel{position:static}.phone-stage{width:min(330px,68vw)}}@media(max-width:620px){.clip-app{padding-inline:13px}.app-header{min-height:65px;grid-template-columns:142px 1fr}.brand{width:135px}.studio-link{font-size:10px}.workflow{padding-top:20px}.workflow-step span{display:none}.intake-view{padding-top:28px}.intake-heading h1{font-size:47px}.drop-zone{display:grid;grid-template-columns:46px minmax(0,1fr);min-height:122px;padding:16px}.drop-icon{width:44px;height:44px}.choose-button{grid-column:1 / -1;width:100%;margin:0;text-align:center}.setup-grid,.format-row{grid-template-columns:1fr}.format-row div{border-right:0;border-bottom:1px solid var(--line)}.format-row div:last-child{border:0}.review-header{align-items:stretch;flex-direction:column}.review-actions{display:grid;grid-template-columns:1fr 1fr}.clip-card{grid-template-columns:45px 75px minmax(0,1fr) auto;gap:9px}.clip-score{width:45px;height:45px}.caption-handoff{grid-template-columns:38px 1fr}.caption-handoff a{grid-column:2}.preview-actions,.timing-list,.processing-log,.debug-grid{grid-template-columns:1fr}footer{align-items:flex-start;flex-direction:column;padding:14px 0}}