@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,Arial,sans-serif;color:#eceef2;background:#111419;font-synthesis:none;color-scheme:dark;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;border:1px solid #3e4650;color:#eef0f4;background:#242a32;border-radius:6px;padding:11px 16px;font-size:13px;font-weight:600;transition:background .15s}button:hover{background:#343d48}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#b6bfcb;margin:16px 0}input,select{border:1px solid #39424d;background:#11161d;color:#eef0f4;padding:12px;border-radius:5px;min-width:0;width:100%}input:focus,select:focus{border-color:#fd795d}.shell{max-width:1240px;padding:0 48px;margin:auto}header{display:flex;align-items:center;gap:24px;border-bottom:1px solid #2b323b;min-height:92px}.brand{font-family:Barlow Condensed,Impact,sans-serif;font-weight:700;font-size:23px;letter-spacing:1px;text-decoration:none;display:flex;align-items:center;gap:8px}.mark{background:#fa765a;color:#111419;display:grid;place-items:center;height:32px;width:32px;font-size:20px;margin-right:8px}.header-note{margin-left:auto;font-size:10px;letter-spacing:1.6px;color:#929dab}.muted{color:#929dab}.quiet{background:transparent;border-color:transparent;color:#aeb8c5}.primary{background:#fa765a;color:#15171b;border-color:#fa765a}.primary:hover{background:#ff947c}main{padding-top:56px}.eyebrow,.step{font-size:10px;letter-spacing:2px;color:#f98770;font-weight:600}h1{font-family:Barlow Condensed,Impact,sans-serif;font-weight:800;font-size:clamp(52px,7vw,86px);text-transform:uppercase;line-height:.98;letter-spacing:-1px;margin:18px 0 20px}h1 em{color:#fa765a;font-style:normal}h2{font-family:Barlow Condensed,Impact,sans-serif;font-weight:600;font-size:30px;line-height:1.1;margin:12px 0 20px}h3{font-size:15px;margin:0}.intro{color:#a2adbb;font-size:14px;max-width:500px;margin-bottom:42px}.panel{background:#191e25;border:1px solid #303741;border-radius:8px;padding:28px}.auth{display:grid;grid-template-columns:1fr 1fr;gap:64px;max-width:880px}.auth h2{font-size:42px;margin-top:28px}.auth .primary{width:100%;margin:12px 0}.grid{display:grid;grid-template-columns:1fr 1.2fr;gap:20px}.workspace-title{display:flex;justify-content:space-between;align-items:center;margin:36px 0 16px}.workspace-title h2{margin:0}.pill{font-size:10px;letter-spacing:1px;color:#a7b2c0;border:1px solid #39414c;border-radius:4px;padding:6px 9px}.hint{color:#98a5b7;font-size:11px;line-height:1.6}.upload-box{border:1px dashed #4a535f;background:#141920;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;text-align:center}.upload-symbol{font-size:34px;color:#fa765a}.upload-box strong{font-size:13px;overflow-wrap:anywhere}.file-label{margin:0;color:#ff9b84}.file-label input{max-width:270px;border:0;background:none;font-size:11px}.grid .primary{width:100%;margin-top:20px}progress{width:100%;height:6px;accent-color:#fa765a;margin-top:20px}.sync{display:grid;grid-template-columns:1fr 1.3fr;gap:30px;margin-top:20px}.sync p{font-size:12px}.preview{width:100%;max-height:440px;background:#0a0d12;border-radius:5px}.empty-preview{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:linear-gradient(135deg,#151b23,#0a0d12);color:#7f8c9e;font-size:13px}.empty-preview small{font-size:11px;margin-top:12px}.kill-list{display:flex;flex-wrap:wrap;gap:6px;max-height:160px;overflow:auto;margin:18px 0}.kill-list button{font-size:11px;padding:7px}.clip-section{padding:8px 0 40px}.empty-clips{border:1px dashed #36404d;border-radius:8px;padding:42px;text-align:center;color:#a9b4c2;font-size:15px}.empty-clips span{display:block;font-size:12px;margin-top:8px;color:#7d8a9b}.clip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.clip{padding:16px}.clip-art{background:linear-gradient(140deg,#3b2830,#1a2635);height:120px;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.clip-art span:first-child{font-family:Barlow Condensed,Impact,sans-serif;font-size:36px;color:#fa876e}.clip-art span:last-child{font-size:11px;color:#afbac8}.clip-title{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.status{font-size:10px;text-transform:uppercase;color:#d2ad7c}.status.ready{color:#80d2ae}.status.failed{color:#ff8a88}.actions{display:flex;gap:8px}.actions button{flex:1;font-size:11px}.expiry{max-width:240px}.share-result{display:flex;align-items:center;gap:16px}.share-result label{flex:1}.alert{padding:16px;border:1px solid #ab635b;background:#382627;color:#ffb3a4;border-radius:5px;margin-bottom:24px;font-size:13px}footer{border-top:1px solid #2b323b;padding:24px 0;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#8592a4;letter-spacing:.8px;margin-top:40px}@media(max-width:800px){.shell{padding:0 24px}.header-note{display:none}.grid,.sync,.auth{grid-template-columns:1fr;gap:20px}.clip-grid{grid-template-columns:repeat(2,1fr)}header .quiet{margin-left:auto}.auth{gap:0}.panel{padding:22px}.intro{margin-bottom:30px}main{padding-top:32px}footer{flex-direction:column}.workspace-title{gap:12px}.share-result{align-items:stretch;flex-direction:column;gap:0}}@media(max-width:480px){.clip-grid{grid-template-columns:1fr}.shell{padding:0 16px}.brand{font-size:19px;gap:5px}.mark{margin-right:4px}.pill{font-size:8px}.workspace-title h2{font-size:25px}}