:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;color:#f4f4f4;background:#0d0d0e;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}.hidden{display:none!important}.top{height:76px;border-bottom:1px solid #262626;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1200px)/2));gap:16px}.brand{display:flex;align-items:baseline;gap:12px}.mark{font-weight:900;font-size:27px;letter-spacing:-1.8px}.brand-sub{font-size:11px;letter-spacing:3px;font-weight:700}.right{display:flex;align-items:center;gap:18px}main{max-width:1140px;margin:auto;padding:52px 26px 80px}.intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:40px}.intro h1{font-size:clamp(36px,5vw,60px);letter-spacing:-2.5px;margin:10px 0 9px}.intro p{margin:0}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2.5px;color:#b1b1b1}.muted{color:#8d8d8d;font-size:13px}.small{font-size:11px;line-height:1.6}.actions{display:flex;gap:10px}.primary,.ghost,.danger,.upload{border:1px solid #333;border-radius:6px;padding:12px 18px;background:#191919;color:#eee;font-size:13px;font-weight:650;white-space:nowrap}.primary{background:#f2f2f2;color:#101010;border-color:#f2f2f2}.primary:hover{background:#ccc}.ghost:hover,.upload:hover{background:#303030}.danger{color:#ff8585;border-color:#5c2929;background:transparent}.stats{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid #292929;color:#999;font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.tile{position:relative;aspect-ratio:1;overflow:hidden;background:#1d1d1e;cursor:pointer;border:0;padding:0;color:white}.tile img,.tile video{height:100%;width:100%;object-fit:cover;display:block}.tile:hover img,.tile:hover video{filter:brightness(.75)}.tile.dragging{opacity:.35}.tile.dragover{outline:3px solid white;outline-offset:-3px}.tile .type{position:absolute;right:12px;top:12px;background:#0008;padding:5px 8px;font-size:11px;border-radius:3px}.tile .placeholder{font-size:14px;color:#555;display:grid;place-items:center;height:100%}.empty{text-align:center;padding:90px 20px;color:#bbb;font-size:22px}.empty p{font-size:13px;color:#777}.panel{max-width:490px;margin:70px auto;background:#161616;border:1px solid #303030;padding:40px;border-radius:10px}.panel h1{font-size:27px;letter-spacing:-.6px}.panel p{color:#aaa;line-height:1.5}.auth form{display:grid;gap:17px;margin-top:30px}label{display:grid;gap:9px;color:#bbb;font-size:12px;font-weight:650}input,textarea{width:100%;border:1px solid #343434;border-radius:5px;padding:12px;background:#111;color:#fff;outline:none}input:focus,textarea:focus{border-color:#999}textarea{resize:vertical;min-height:160px;line-height:1.5}.error{color:#ff8b8b;font-size:12px;min-height:15px}.overlay{position:fixed;inset:0;background:#000d;z-index:10;display:grid;place-items:center;padding:20px}.dialog{width:min(1060px,100%);max-height:92vh;overflow:auto;background:#171717;border:1px solid #373737;border-radius:10px}.dialogTop{padding:18px 24px;border-bottom:1px solid #333;display:flex;align-items:center;justify-content:space-between}.iconbtn{background:none;border:0;color:#eee;font-size:27px}.editor{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;padding:24px}.preview{aspect-ratio:1;display:grid;place-items:center;background:#242424;color:#666;overflow:hidden}.preview img,.preview video{height:100%;width:100%;object-fit:contain}.thumbs{display:flex;gap:7px;overflow-x:auto;padding:12px 0}.thumb{position:relative;flex:0 0 85px;height:95px;background:#222;border:1px solid #444}.thumb img,.thumb video{width:100%;height:70px;object-fit:cover}.thumb .controls{display:flex;justify-content:space-around}.thumb button{border:0;background:none;color:#ddd;font-size:13px}.upload{display:inline-block;cursor:pointer;margin-top:8px}.fields{display:flex;flex-direction:column;gap:20px}.editActions{display:flex;align-items:center;gap:8px;margin-top:auto}.grow{flex:1}@media(max-width:680px){main{padding:30px 12px}.top{padding:0 16px;height:65px}.intro{align-items:start;flex-direction:column}.intro h1{letter-spacing:-1.4px}.editor{grid-template-columns:1fr;padding:14px}.dialogTop{padding:14px}.overlay{padding:8px}.feed{gap:2px}.actions{width:100%}.stats{font-size:9px}.right .muted{display:none}}
