:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0b0d10;color:#f4f6f8}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0b0d10}.center{display:grid;place-items:center;padding:24px}
.topbar{height:64px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #20242a;background:#0e1115;position:sticky;top:0;z-index:5}
.topbar strong{margin-right:10px;letter-spacing:.08em}.container{width:min(1000px,calc(100% - 32px));margin:32px auto 80px}
.card{background:#11151a;border:1px solid #252b33;border-radius:16px;padding:28px;margin-bottom:20px;box-shadow:0 12px 40px rgba(0,0,0,.18)}
.login-card{width:min(420px,100%)}.uploaded-card{width:min(700px,100%);text-align:center}
h1,h2{margin:0 0 8px}h2{font-size:20px}.muted{color:#8e98a5}.logo{font-weight:800;letter-spacing:.12em;margin-bottom:32px}
label{display:block;font-size:14px;color:#aeb7c2;margin:18px 0 7px}
input{width:100%;border:1px solid #303741;background:#0b0e12;color:#fff;border-radius:9px;padding:12px 13px;outline:none}
input:focus{border-color:#697586}button{border:0;border-radius:9px;padding:11px 15px;font-weight:700;cursor:pointer;color:#fff;background:#252b33}
button:hover{filter:brightness(1.12)}button:disabled{opacity:.55;cursor:wait}.primary{background:#fff;color:#101216}.full{width:100%}.ghost{background:transparent;color:#aeb7c2}.danger{background:#29171a;color:#ff9b9b}
.dropzone{margin:22px 0 14px;min-height:240px;border:2px dashed #303741;border-radius:14px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;cursor:pointer;transition:.15s;outline:none}
.dropzone:hover,.dropzone.dragging,.dropzone:focus{border-color:#778291;background:#151a20}.dropzone input{display:none}.upload-icon{font-size:42px;color:#aeb7c2}
.upload-button{width:100%}.alert{padding:12px 14px;border-radius:9px;margin-bottom:14px;background:#1b2027}.alert.error{background:#2a171a;color:#ffb1b1}
.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.uploads{display:grid;gap:12px}
.upload{display:grid;grid-template-columns:90px 1fr auto;gap:15px;align-items:center;border:1px solid #242a31;border-radius:12px;padding:10px}
.upload img{width:90px;height:70px;object-fit:cover;border-radius:8px;background:#090b0e}.upload-info{min-width:0;display:grid;gap:5px}
.upload-info>strong,.upload-info>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.url-row{display:flex;gap:7px}.url-row input{min-width:0;padding:9px 10px;font-size:13px}.large{max-width:100%}
.result-image{display:block;max-width:100%;max-height:55vh;object-fit:contain;margin:24px auto;border-radius:10px;background:#080a0d}
.success{width:52px;height:52px;display:grid;place-items:center;margin:0 auto 15px;border-radius:50%;background:#183020;color:#7dffa1;font-size:28px}
.back{display:inline-block;margin-top:20px;color:#cbd2da;text-decoration:none}
@media(max-width:650px){.topbar{padding:0 16px}.container{width:calc(100% - 20px);margin-top:18px}.card{padding:18px}.upload{grid-template-columns:64px 1fr}.upload img{width:64px;height:55px}.upload>form{grid-column:2}.upload>form button{width:100%}.url-row{flex-direction:column}}