:root{--ink:#191917;--paper:#f4f0e7;--muted:#827e73;--line:#d5d0c5;--orange:#ee603c;--orange-dark:#bd4027;--green:#56705c;--mono:'DM Mono',monospace;--sans:'Space Grotesk',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.25;background-image:radial-gradient(#9c9689 .7px,transparent .7px);background-size:9px 9px}.shell{max-width:1240px;margin:auto;padding:28px 5vw 36px}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:22px}.brand{font-weight:700;font-size:22px;letter-spacing:.08em;color:var(--ink);text-decoration:none}.brand span{color:var(--orange)}.runtime{font:11px var(--mono);color:var(--muted);display:flex;gap:8px;align-items:center}.runtime-dot{width:7px;height:7px;background:#6e936f;border-radius:50%;box-shadow:0 0 0 4px #d7e0d6}.intro{padding:76px 0 64px;max-width:720px}.eyebrow{font:11px var(--mono);letter-spacing:.15em;color:var(--orange-dark);margin:0 0 19px;text-transform:uppercase}.eyebrow span{color:var(--muted);margin-left:20px}.intro h1{font-size:clamp(48px,7vw,94px);letter-spacing:-.06em;line-height:.92;margin:0 0 28px;font-weight:600}.intro h1 em{color:var(--orange);font-style:normal}.lede{font-size:17px;line-height:1.55;color:#656158;max-width:510px}.workspace{display:grid;grid-template-columns:minmax(300px,1.1fr) minmax(300px,.9fr);gap:54px;border-top:1px solid var(--line);padding-top:38px}.dropzone{min-height:320px;border:1px dashed #aaa497;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;transition:.2s;background:rgba(255,255,255,.16)}.dropzone:hover,.dropzone.dragging{border-color:var(--orange);background:#f8dfd3}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-mark{font-size:43px;font-weight:300;color:var(--orange);line-height:1;margin-bottom:24px}.drop-title{font-size:19px;margin:0 0 7px;font-weight:600}.drop-subtitle{font-size:13px;color:var(--muted);margin:0}.formats{font:10px var(--mono);color:#aaa297;margin-top:46px;letter-spacing:.05em}.hidden{display:none!important}.file-card{display:flex;align-items:center;gap:13px;border:1px solid var(--line);padding:13px;margin-top:12px}.file-icon{background:var(--ink);color:var(--paper);font:10px var(--mono);padding:9px 6px}.file-meta{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.file-meta strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta span{font:11px var(--mono);color:var(--muted)}.icon-button{border:0;background:none;font-size:25px;color:var(--muted);cursor:pointer}.preview-wrap{margin-top:27px}.preview-label{display:flex;justify-content:space-between;font:10px var(--mono);color:var(--muted);margin-bottom:10px}.preview-wrap video,.preview-wrap img{display:block;width:100%;max-height:240px;object-fit:contain;background:#242320}.preview-wrap img{display:none}.settings{padding:4px 0}.section-heading{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:29px}.section-heading span{font:10px var(--mono);color:var(--orange-dark)}.section-heading h2{font-size:16px;margin:0;font-weight:600}.field-label{display:flex;justify-content:space-between;font-size:13px;margin-bottom:10px}.field-label span{font:10px var(--mono);color:var(--muted);font-weight:400}.size-row{display:flex;align-items:center;gap:10px}.size-row input{width:100px;border:1px solid var(--line);padding:13px 11px;background:transparent;font:14px var(--mono);color:var(--ink)}.size-row>span{color:var(--muted)}.size-row .unit{font:10px var(--mono);margin-left:1px}.hint{font-size:11px;color:var(--muted);margin:10px 0 30px}.field-block{margin-bottom:28px}.field-block .field-label span{color:var(--orange-dark);font-family:var(--mono)}input[type=range]{accent-color:var(--orange);width:100%;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font:10px var(--mono);color:var(--muted);margin-top:6px}.check-row{display:flex;align-items:flex-start;gap:11px;margin:17px 0;cursor:pointer}.check-row input{position:absolute;opacity:0}.checkmark{height:17px;width:17px;border:1px solid #aaa497;flex:none;position:relative}.check-row input:checked~.checkmark{background:var(--orange);border-color:var(--orange)}.check-row input:checked~.checkmark:after{content:'✓';position:absolute;color:white;font-size:12px;left:3px;top:-1px}.check-row strong,.check-row small{display:block}.check-row strong{font-size:13px;font-weight:500}.check-row small{font-size:11px;color:var(--muted);margin-top:3px}.target-note{border-left:2px solid var(--orange);background:#ede8dd;padding:14px 16px;margin-top:32px;display:grid;grid-template-columns:1fr auto;gap:4px}.target-note span,.target-note small{font:10px var(--mono);color:var(--muted)}.target-note strong{font:16px var(--mono)}.target-note small{grid-column:1/-1}.process-button,.download-button{margin-top:18px;background:var(--orange);color:white;border:0;padding:17px 19px;width:100%;font:600 13px var(--sans);display:flex;justify-content:space-between;cursor:pointer;transition:background .2s;text-decoration:none}.process-button:hover,.download-button:hover{background:var(--orange-dark)}.process-button:disabled{opacity:.55;cursor:wait}.arrow{font-size:19px;line-height:12px}.result,.activity{border-top:1px solid var(--line);margin-top:78px;padding-top:32px}.result-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.result-heading h2{font-size:29px;margin:0}.result-heading .eyebrow{margin-bottom:10px}.download-button{width:auto;margin:0;gap:30px}.result-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.result-preview{background:#242320;min-height:250px;display:flex;align-items:center;justify-content:center}.result-preview img{max-width:100%;max-height:350px}.stats{border-top:1px solid var(--line)}.stats div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:17px 0}.stats span{font:10px var(--mono);color:var(--muted)}.stats strong{font:12px var(--mono)}.status-ok{color:var(--green)}.activity{margin-top:65px}.activity .section-heading{margin-bottom:0}.log{background:#242320;color:#d9d2c6;padding:17px 19px;font:11px var(--mono);min-height:57px}.log p{margin:5px 0}.log i{display:inline-block;width:6px;height:6px;background:var(--orange);margin-right:10px;border-radius:50%}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:78px;padding-top:18px;font:10px var(--mono);color:var(--muted)}@media(max-width:760px){.shell{padding:20px 20px 30px}.intro{padding:55px 0 48px}.intro h1{font-size:53px}.workspace{grid-template-columns:1fr;gap:42px}.dropzone{min-height:265px}.result-heading{align-items:start;gap:18px;flex-direction:column}.download-button{width:100%}.result-grid{grid-template-columns:1fr}.result-preview{min-height:190px}footer{font-size:9px}}