:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#080a0d;--panel:#11151a;--panel-light:#171c22;--text:#f5f7f9;--muted:#8f99a5;--accent:#82f3b2;--danger:#ff8b8b;--border:#29313a}*{box-sizing:border-box}body{background:var(--background);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}main{min-height:100vh;padding:max(48px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(48px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));place-items:center;display:grid}.shell{width:min(100%,720px)}header{margin-bottom:32px}.eyebrow{color:var(--accent);letter-spacing:.22em;margin:0 0 10px;font-size:.72rem;font-weight:800}h1{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,7vw,3.5rem);line-height:1}.subtitle{color:var(--muted);margin:16px 0 0;font-size:1.05rem}.dropzone{background:var(--panel);cursor:pointer;border:1px dashed #47515c;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:210px;transition:border-color .15s,background .15s;display:flex}.dropzone:hover,.dropzone:focus-visible,.dropzone.dragging{border-color:var(--accent);background:#121b18;outline:none}.dropzone span{color:var(--muted);font-size:.88rem}.dropzone small{color:#68727d;letter-spacing:.08em;margin-top:12px}.dropzone .upload-icon{color:var(--accent);font-size:1.8rem;line-height:1}.video-card{border:1px solid var(--border);background:var(--panel);border-radius:12px;margin-top:20px;padding:16px}video{background:#000;border-radius:7px;width:100%;max-height:390px;display:block}dl{margin:18px 0}dl div{border-bottom:1px solid var(--border);grid-template-columns:100px 1fr;padding:8px 0;display:grid}dt{color:var(--muted)}dd{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}button{background:var(--accent);color:#06110b;letter-spacing:.06em;cursor:pointer;border:0;border-radius:7px;width:100%;padding:15px 20px;font-weight:900}button:hover{background:#a0f8c5}button:focus-visible{outline-offset:3px;outline:3px solid #fff}button:disabled{cursor:wait;opacity:.65}.caption-toggle{color:var(--muted);cursor:pointer;align-items:center;gap:9px;margin:18px 0 12px;display:flex}.caption-toggle input{width:18px;height:18px;accent-color:var(--accent)}.result{border-top:1px solid var(--border);margin-top:20px;padding-top:20px}.result h2{letter-spacing:.08em;margin:0 0 12px;font-size:.82rem}.clips{border-top:1px solid var(--border);margin-top:28px;padding-top:24px}.clips>h2{letter-spacing:.06em;margin:0 0 16px;font-size:1.15rem}.clip-card{border:1px solid var(--border);background:var(--panel-light);border-radius:9px;margin-top:16px;padding:16px}.clip-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.clip-heading h3{letter-spacing:.08em;margin:0;font-size:.88rem}.clip-heading span,.score{color:var(--accent);font-weight:700}.score{margin:12px 0 0}.reason{color:var(--muted);margin:8px 0 14px}.clip-card .download{margin-top:12px}.social-version{gap:5px;margin-top:16px;display:grid}.social-version strong{letter-spacing:.08em;font-size:.78rem}.social-version span{color:var(--muted);font-size:.85rem}.social-preview{aspect-ratio:9/16;width:min(100%,320px);max-height:570px;margin:8px auto 0}.clip-actions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.clip-actions .download{place-items:center;padding:11px 8px;font-size:.72rem;display:grid}.download{border:1px solid var(--accent);width:100%;color:var(--accent);letter-spacing:.04em;text-align:center;border-radius:7px;padding:14px 20px;font-weight:800;text-decoration:none;display:block}.download:hover{background:#15271d}.native-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.native-actions .download{background:0 0}.native-actions small{color:var(--muted);text-align:center;grid-column:1/-1}.message{text-align:center;margin:14px 0 0}.error{color:var(--danger)}.success{color:var(--accent)}@media (max-width:520px){main{padding:max(30px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(30px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left))}.dropzone{min-height:180px}.video-card{padding:10px}.clip-actions{grid-template-columns:1fr}}