:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#242924;background:#f7f6f2;font-synthesis:none;--muted:#747a72;--line:#e1e3d9;--green:#315447;--lime:#d9edaa}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,label.choose{touch-action:manipulation}button,select,.choose{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #71a873;outline-offset:4px}[hidden]{display:none!important}header,main,footer{max-width:1160px;margin:auto}header{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:31px;font-weight:760;letter-spacing:-1.7px;text-decoration:none;display:flex;align-items:center;gap:10px}.dot{color:var(--green);margin-left:-11px}.mark{display:grid;place-items:center;width:33px;height:34px;background:var(--green);color:var(--lime);font-size:28px;border-radius:9px;transform:rotate(-9deg)}.header-note{font-size:12px;color:#687269;display:flex;gap:8px;align-items:center}i{display:inline-block;width:6px;height:6px;background:#6f926a;border-radius:50%}.intro{padding:61px 0 33px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:var(--muted);margin:0 0 17px}h1{font-size:66px;line-height:1.04;letter-spacing:-3.6px;font-weight:560;margin:0}h1 span{color:var(--green)}.lede{font-size:15px;line-height:1.8;color:#777e73;margin:22px 0 0}.workspace{display:grid;grid-template-columns:1fr 292px;gap:23px;align-items:start}.upload-panel{background:white;border:1px solid var(--line);border-radius:17px;padding:24px}.dropzone{text-align:center;border:1.5px dashed #cdd3c2;background:#fafbf7;border-radius:11px;padding:38px 20px 30px;transition:background .15s,border-color .15s}.dropzone.drag{background:#e9f2dc;border-color:var(--green)}.upload-icon{width:45px;height:48px;background:#ebeee4;margin:0 auto 17px;border-radius:12px;display:grid;place-items:center;font-size:28px;color:var(--green)}h2{margin:0;font-weight:600;letter-spacing:-.6px;font-size:23px}.dropzone p{font-size:13px;color:var(--muted);margin:11px 0 25px}.choose{display:inline-flex;align-items:center;gap:26px;background:var(--green);color:white;border:0;border-radius:7px;padding:12px 19px;font-size:13px;text-decoration:none;font-weight:550}.choose:hover{background:#243f34}#files{position:absolute;width:1px;height:1px;opacity:0}#files:focus-visible+*{outline:2px solid var(--green)}.dropzone:focus-within{outline:2px solid var(--green);outline-offset:3px}.dropzone .file-hint{font-size:10px;margin:17px 0 0;letter-spacing:.1px;color:#8b9187}.settings{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:23px}.settings label,.manual{font-size:11px;color:var(--muted)}select,textarea{display:block;width:100%;margin-top:8px;border:1px solid var(--line);border-radius:7px;background:white;color:#394136;padding:11px;font-size:12px}textarea{resize:vertical}.manual{display:block;margin-top:16px}.privacy-note{font-size:10px;color:#8b9087;line-height:1.7;margin:19px 0 0;max-width:520px}.preview-panel{background:#ebece4;border:1px solid #e0e3d7;border-radius:17px;padding:20px 30px 17px;margin-top:-191px}.preview-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.2px;color:#737b6c;margin:1px 0 18px}.layout-preview{width:100%;aspect-ratio:9/16;position:relative;overflow:hidden;border-radius:9px;background:#627766;box-shadow:0 10px 24px #29392220}.blur-art{position:absolute;inset:-35px;background:radial-gradient(ellipse at 5% 30%,#a0aa6c 0,transparent 42%),radial-gradient(ellipse at 75% 70%,#2b433c 0,transparent 45%),linear-gradient(30deg,#53593e,#a1a890,#415848);filter:blur(20px)}.landscape-art{position:absolute;top:34%;width:100%;height:32%;background:linear-gradient(145deg,#56695c,#899e7b 52%,#bfc299);overflow:hidden}.scene-shape{position:absolute;width:69px;height:69px;background:#d6ddb0;border-radius:50%;left:39%;top:22%;box-shadow:30px 30px 0 17px #47655680}.scene-line{position:absolute;bottom:0;left:-20%;width:140%;height:27%;background:#273f2f;transform:rotate(-14deg)}.live-pill{position:absolute;z-index:1;left:10px;top:9px;border:1px solid #ffffff50;border-radius:3px;padding:3px 4px;font-size:6px;letter-spacing:.7px;color:white}.live-pill i{width:4px;height:4px;background:#d9edaa;margin-right:2px}.frame-corner{position:absolute;bottom:8px;right:10px;color:#cddcab;font-size:18px}.sample-caption{position:absolute;top:76%;width:100%;text-align:center;font-size:12px;font-weight:700;color:white;text-shadow:-1px -1px #172c1e,1px 1px #172c1e,0 2px 2px #172c1e;padding:0 20px}.preview-panel>p{text-align:center;font-size:10px;color:#757e6e;margin:16px 0 0}.library{margin-top:48px;min-height:200px}.library-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.library-heading .eyebrow{font-size:8px;margin-bottom:10px}.library-heading h2{font-size:24px}.library-heading h2 span{font-size:10px;background:#e8eade;padding:4px 7px;border-radius:5px;vertical-align:middle;margin-left:8px}#connection{font-size:10px;color:var(--muted)}#message{color:#932f29;font-size:13px;border:1px solid #e5bbb5;background:#fff4f0;padding:14px;border-radius:7px}.empty{border:1px solid var(--line);border-radius:12px;text-align:center;padding:31px}.empty>span{font-size:25px;color:#8b997f}.empty h3{font-size:13px;font-weight:550;margin:12px 0 7px}.empty p{font-size:11px;color:var(--muted);margin:0}.clips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.clip{border:1px solid var(--line);background:#fff;border-radius:12px;padding:17px;min-width:0}.clip h3{font-size:13px;margin:0 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip p{font-size:11px;color:var(--muted);line-height:1.6}.clip .state{display:flex;align-items:center;gap:7px}.clip .actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.clip button,.clip a,dialog button{padding:8px 11px;border:1px solid var(--line);border-radius:6px;background:#f7f8f2;color:var(--green);font-size:11px;text-decoration:none;cursor:pointer}.clip .download{background:var(--green);color:white;border-color:var(--green)}.clip .delete{margin-left:auto;background:transparent;color:#7a8075}.clip .error{color:#933b32}.upload-row{font-size:12px;padding:14px;background:#eaf0df;border-radius:8px;margin-bottom:12px}.upload-row p{margin:0 0 9px;overflow-wrap:anywhere}progress{height:5px;width:100%;accent-color:var(--green);display:block}footer{display:flex;justify-content:space-between;align-items:center;padding:31px 0;margin-top:32px;border-top:1px solid var(--line);font-size:10px;color:#8a9084}footer a{text-decoration:none}dialog{border:1px solid var(--line);border-radius:14px;padding:25px;max-width:90vw}dialog::backdrop{background:#18251d99}#player{max-height:94vh;background:#f7f6f2}#player video{display:block;max-height:74vh;max-width:80vw;margin:12px auto 20px;border-radius:7px}.close{position:absolute;right:8px;top:7px}#delete-dialog p{font-size:13px;color:var(--muted)}#delete-dialog form{display:flex;gap:10px;justify-content:end}.danger{color:#a3392c!important}@media(max-width:1240px){header,main,footer{margin-left:40px;margin-right:40px}}@media(max-width:760px){header,main,footer{margin-left:22px;margin-right:22px}header{height:83px}.header-note{font-size:10px}.intro{padding-top:38px}h1{font-size:51px;letter-spacing:-2.5px}.lede{font-size:14px}.workspace{grid-template-columns:1fr}.preview-panel{display:none}.upload-panel{padding:17px}.dropzone{padding:30px 12px}.dropzone h2{font-size:21px}.dropzone p{font-size:12px}.clips-grid{grid-template-columns:1fr 1fr}.library{margin-top:34px}}@media(max-width:470px){.clips-grid{grid-template-columns:1fr}.settings{gap:10px}.header-note{max-width:120px;line-height:1.5}.library-heading{align-items:start}#connection{max-width:120px;text-align:right}.desktop{display:none}footer{gap:20px;line-height:1.7}}