@font-face{font-family:DM;src:url('/font-semibold.woff2') format('woff2');font-weight:600 800;font-display:swap}@font-face{font-family:DM;src:url('/font.woff2') format('woff2');font-weight:400;font-display:swap}*{box-sizing:border-box} :root{font-family:DM,system-ui,sans-serif;color:#24392f;background:#f6f5f0;font-synthesis:none;--green:#214e3b;--muted:#616c65;--line:#dadfd7}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ab6428;outline-offset:4px}::selection{background:#d6edb8;color:#214e3b}header{max-width:1280px;margin:auto;padding:26px 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:750;letter-spacing:-1px;text-decoration:none;color:inherit}.brand svg{width:34px}.brand span{margin-left:16px;padding-left:20px;border-left:1px solid #c6cec5;font-size:12px;letter-spacing:0;font-weight:500;color:var(--muted)}main{max-width:1196px;margin:auto;padding:0 32px}.intro{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:44px 0 35px}h1{font-size:clamp(32px,4vw,48px);line-height:1.13;letter-spacing:-.035em;margin:0;font-weight:600}h1 span{color:#6b7d69}.intro p{font-size:15px;line-height:1.75;color:var(--muted);margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:32px}.stage{background:#e9ede5;border-radius:16px;overflow:hidden;align-self:start}.stagebar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 22px;font-size:12px;border-bottom:1px solid #d5ddcf}.stagebar>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill{white-space:nowrap;color:#3e5e45;font-size:12px}.dropzone{height:410px;display:flex;align-items:center;justify-content:center;position:relative;background:#dfe6d8}.dropzone.dragging{outline:3px dashed var(--green);outline-offset:-8px}#empty{text-align:center;padding:30px}#empty>svg{color:#617b5c;margin-bottom:16px}h2{font-size:20px;font-weight:600;letter-spacing:-.02em;margin:0}#empty p{font-size:14px;color:#52654c;margin:12px 0 22px}#empty .fine{font-size:12px;margin:20px 0 10px}.primary,.secondary{min-height:46px;padding:12px 21px;border-radius:8px;font-weight:600;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:27px;transition:background .2s}.primary{background:var(--green);border:1px solid var(--green);color:#fff}.primary:hover:not(:disabled){background:#163927}.secondary{border:1px solid #b9c4b5;background:transparent;color:var(--green)}.secondary:hover:not(:disabled){background:#e1e8da}.quiet,.textbutton{background:none;border:0;color:var(--green);padding:10px 0;font-size:12px;font-weight:600}.textbutton{text-decoration:underline;text-underline-offset:4px}.transport{display:flex;gap:16px;align-items:center;padding:14px 18px}.iconbtn{display:grid;place-items:center;border:0;background:none;color:var(--green);min-width:40px;min-height:40px}.transport input{min-width:0;flex:1}.transport output{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.sourcebar{padding:0 22px 16px;font-size:12px;color:#52654c;display:flex;justify-content:space-between;gap:16px;align-items:center}.settings{padding:3px 0}.settings h2{margin-bottom:26px}fieldset{border:0;padding:0;margin:0;min-width:0}.control{margin:0 0 20px}.control>label{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;margin:0 0 9px}.control p{font-size:12px;color:var(--muted);margin:8px 0 0;line-height:1.5}select,input[type=number]{width:100%;border:1px solid #cbd3c6;background:#fffefa;border-radius:6px;padding:11px;color:#24392f;font-size:12px;min-height:42px}input[type=range]{accent-color:var(--green);width:100%;height:24px;cursor:pointer;margin:0}input[type=number]{font-variant-numeric:tabular-nums}.framing{border-bottom:1px solid var(--line);padding-bottom:16px}.framing label{margin:9px 0 2px;font-weight:400}.framing output,.trim span{color:var(--muted);font-weight:400}.trim>div{display:flex;align-items:center;gap:12px}.trim>div label{font-size:12px;color:var(--muted);flex:1}.trim input{margin-top:5px}.continuity{display:flex;gap:10px;padding-top:5px;font-size:12px}.continuity p{font-size:12px;line-height:1.7;color:var(--muted);margin:5px 0 0}.continuity svg{flex-shrink:0}.sequence{padding:35px 0 25px}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:15px}.sectionhead h2{display:flex;align-items:center;gap:14px}.sectionhead h2 span{font-size:12px;font-weight:400;color:var(--muted)}.sectionhead p{font-size:12px;color:var(--muted);margin:9px 0 0}.clips{display:flex;gap:8px;overflow:auto;padding:20px 0 10px;scrollbar-color:#94a08e #e8eae3;scrollbar-width:thin}.sequenceempty{width:100%;padding:25px;border:1px dashed #c6cec1;border-radius:8px;font-size:12px;color:var(--muted);text-align:center}.clip{min-width:150px;flex:1;padding:15px;background:#e5eadf;color:#2a4632;border:1px solid #cdd8c5;border-radius:8px;text-align:left;position:relative}.clip strong{font-size:12px}.clip span{display:block;font-size:12px;margin-top:10px;font-variant-numeric:tabular-nums}.clip.active{background:#244e3b;color:white;border-color:#244e3b}.clip small{float:right;font-size:12px;font-weight:400}.clip::after{content:'';position:absolute;right:-7px;top:50%;width:12px;height:2px;background:#8a9c7e;z-index:1}.clip:last-child::after{display:none}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0 35px}footer p{font-size:12px;line-height:1.9;margin:0}footer p span{font-size:12px;color:var(--muted)}footer>div{display:flex;gap:12px}#frame{position:relative;height:100%;max-width:100%;overflow:hidden;background:#17251d}#frame video{width:100%;height:100%;object-fit:cover;display:block}.thirds{pointer-events:none;position:absolute;inset:0;opacity:0;transition:opacity .2s;background:linear-gradient(to right,transparent 33.1%,#ffffff60 33.1%,#ffffff60 33.4%,transparent 33.4%,transparent 66.4%,#ffffff60 66.4%,#ffffff60 66.7%,transparent 66.7%),linear-gradient(to bottom,transparent 33.1%,#ffffff60 33.1%,#ffffff60 33.4%,transparent 33.4%,transparent 66.4%,#ffffff60 66.4%,#ffffff60 66.7%,transparent 66.7%)}#frame:hover .thirds,body.adjusting .thirds{opacity:1}#status{font-size:13px;line-height:1.6;margin-top:12px}#status.error{color:#a13324}progress{width:100%;height:8px;accent-color:var(--green);margin:14px 0}.results{margin-top:15px}.result{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.result small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.result>div:last-child{display:flex;gap:16px}.result a{color:var(--green);font-weight:600;text-underline-offset:4px}dialog{width:min(92vw,520px);padding:28px;border:0;border-radius:16px;background:#f6f5f0;color:#24392f;box-shadow:0 16px 60px #10251833}dialog::backdrop{background:#14271f88}dialog h2{clear:both;padding-top:14px}dialog p,dialog li{font-size:13px;line-height:1.8}dialog li{padding-bottom:10px}dialog ol{padding-left:20px}dialog .close{float:right}[hidden]{display:none!important}@media(max-width:760px){header{padding:18px 20px}.brand{font-size:23px}.brand span{display:none}main{padding:0 20px}.intro{padding:28px 0;display:block}.intro p{font-size:13px;line-height:1.6;margin-top:14px}.intro p br{display:none}.workspace{grid-template-columns:1fr;gap:28px}.dropzone{height:350px}.stagebar{padding:14px 16px}.transport{padding:8px 12px;gap:7px}.sourcebar{padding:0 16px 13px}.settings h2{margin-bottom:20px}fieldset{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.framing{grid-column:1/-1;grid-row:2;border-bottom:0}.control{min-width:0}.control select{font-size:12px}.control:last-child{grid-column:1/-1}.continuity{padding:12px 0 0;border-top:1px solid var(--line)}.sequence{padding-top:28px}.sectionhead h2{font-size:18px;gap:8px}.sectionhead .secondary{font-size:12px;padding:10px;min-height:42px}.sectionhead p{max-width:210px;line-height:1.5}footer{align-items:flex-start;flex-direction:column;padding-bottom:max(25px,env(safe-area-inset-bottom))}footer>div{width:100%}footer .primary{flex:1}.clip{min-width:140px}.stagebar .pill{font-size:12px}.result{font-size:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.result>div:first-child{min-width:0;overflow-wrap:anywhere}.result>div:last-child{flex-shrink:0}@media(max-width:440px){.result{align-items:flex-start;flex-direction:column}.result>div:last-child{align-self:flex-end}}