:root{--bg:radial-gradient(circle at top left,#0f0c29,#302b63,#24243e);--surface:rgba(20,20,35,0.9);--border:rgba(255,255,255,0.08);--text:#f1f5f9;--muted:#94a3b8;--brand-gradient:linear-gradient(90deg,#8b5cf6,#06b6d4);--ok:#22c55e;--error:#ef4444;--radius:16px;--shadow:0 4px 24px rgba(0,0,0,.6),0 0 12px rgba(139,92,246,.3)}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto}a{color:#38bdf8;transition:.2s}a:hover{color:#06b6d4}.wrapper{max-width:980px;margin:0 auto;padding:24px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.brand{font-weight:900;font-size:26px;text-decoration:none;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo{gap:10px;align-items:center;display:flex;text-decoration:none}.muted{color:var(--muted);font-size:13px}.card{background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;border-radius:12px;font-weight:700;padding:10px 20px;background:var(--brand-gradient);color:#fff;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 0 12px rgba(139,92,246,.7)}.btn:disabled{opacity:.6;cursor:not-allowed}.input{padding:12px;background:rgba(0,0,0,.3);border:1px solid var(--border);border-radius:12px;color:var(--text)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-top:24px}.thumb{display:block;border-radius:12px;width:100%;height:auto;box-shadow:0 2px 12px rgba(0,0,0,.5);transition:transform .2s ease}.thumb:hover{transform:scale(1.03)}.status{margin-top:10px;font-size:14px}.status.ok{color:var(--ok)}.status.err{color:var(--error)}.drop{border:2px dashed var(--muted);border-radius:var(--radius);padding:48px;text-align:center;cursor:pointer;transition:all .25s ease;background:rgba(0,0,0,.25)}.drop:hover{border-color:#8b5cf6}.drop.active{border-color:#06b6d4;background:rgba(6,182,212,.1);box-shadow:0 0 24px rgba(139,92,246,.6),0 0 32px rgba(6,182,212,.6)}.lightbox{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at center,rgba(10,10,18,.85),rgba(5,5,10,.9));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;animation:lbFade .18s ease}@keyframes lbFade{0%{opacity:0}to{opacity:1}}.lightbox-img{max-width:min(92vw,1400px);max-height:82vh;border-radius:16px;box-shadow:0 10px 50px rgba(0,0,0,.7),0 0 24px rgba(139,92,246,.35);object-fit:contain}.lightbox-caption{position:absolute;bottom:24px;left:0;right:0;text-align:center;color:var(--muted);font-size:13px}.lb-btn{position:absolute;top:50%;transform:translateY(-50%);background:var(--brand-gradient);color:#fff;border:none;width:44px;height:44px;border-radius:999px;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 18px rgba(139,92,246,.6);transition:transform .12s ease,box-shadow .12s ease,opacity .2s;opacity:.9}.lb-btn:hover{transform:translateY(-50%) scale(1.06);opacity:1}.lb-prev{left:24px}.lb-next{right:24px}.lb-close{top:20px;right:20px;left:auto;transform:none;width:40px;height:40px;box-shadow:0 0 14px rgba(6,182,212,.5);font-size:18px;line-height:1}.lb-close:hover{transform:scale(1.06)}@media (max-width:640px){.lb-prev{left:10px}.lb-next{right:10px}.lb-btn{width:40px;height:40px}}.tile-btn{padding:8px;border:none;background:transparent;cursor:zoom-in}.lb-actions{position:absolute;top:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--brand-gradient);color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 14px rgba(139,92,246,.35);transition:transform .12s ease,box-shadow .12s ease;font-weight:700;font-size:13px}.chip:hover{transform:translateY(-1px);box-shadow:0 0 18px rgba(139,92,246,.6)}.toaster{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);display:flex;flex-direction:column-reverse;gap:12px;z-index:2000;pointer-events:none;width:min(680px,92vw)}.toast{position:relative;pointer-events:auto;width:100%;border-radius:16px;padding:16px 56px 16px 16px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(20,20,35,.95),rgba(15,15,28,.9));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 40px rgba(0,0,0,.6),0 0 24px rgba(139,92,246,.28);overflow:hidden;animation:toastIn .28s cubic-bezier(.2,.8,.2,1) both}.toast.success{box-shadow:0 10px 40px rgba(0,0,0,.6),0 0 24px rgba(34,197,94,.35)}.toast.error{box-shadow:0 10px 40px rgba(0,0,0,.6),0 0 24px rgba(239,68,68,.35)}.toast.info{box-shadow:0 10px 40px rgba(0,0,0,.6),0 0 24px rgba(59,130,246,.35)}.toast-row{display:flex;align-items:center;gap:12px}.toast-icon{font-size:20px;line-height:1}.toast-title{font-weight:800;margin-bottom:2px}.toast-msg{color:var(--text);opacity:.95;font-size:15px}.toast-close{position:absolute;right:8px;top:8px;width:30px;height:30px;border-radius:999px;border:none;background:transparent;color:var(--text);opacity:.8;cursor:pointer}.toast-close:hover{opacity:1}.toast-bar{position:absolute;left:0;bottom:0;height:4px;background:var(--brand-gradient);animation:toastBar var(--dur,3s) linear forwards}.toast-bar.paused{animation-play-state:paused}@keyframes toastBar{0%{width:100%}to{width:0}}@keyframes toastIn{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:520px){.toast{padding:14px 48px 14px 14px}.toast-msg{font-size:14px}}