:root{--bg: #070707;--card: rgba(255, 255, 255, .06);--card2: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .08);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .65);--muted2: rgba(255, 255, 255, .5);--accent: #f57a2a;--danger: #ff4d4d}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(80% 80% at 20% 0%,rgba(245,122,42,.18),transparent 60%),radial-gradient(80% 80% at 80% 0%,rgba(245,122,42,.12),transparent 60%),var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}.page{max-width:1120px;margin:0 auto;padding:28px 18px 40px}.topbar{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.brand{font-weight:700;letter-spacing:.2px}.tag{color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{border:1px solid var(--border);background:linear-gradient(180deg,var(--card),var(--card2));border-radius:16px;padding:16px;box-shadow:0 10px 30px #00000059}.title{font-weight:700;margin-bottom:6px}.sub{font-size:13px;color:var(--muted);margin-bottom:12px;min-height:20px}.micro{color:var(--muted2)}.drop{border:1px dashed rgba(255,255,255,.16);border-radius:14px;padding:12px;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:12px}.drop:hover{border-color:#f57a2a73}.dropInner{display:flex;justify-content:space-between;gap:10px}.dropLabel{color:var(--text);font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:75%}.dropHint{color:var(--muted2);font-size:12px}.imgWrap{height:340px;border-radius:14px;border:1px solid var(--border);background:#00000038;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:12px}.img{width:100%;height:100%;object-fit:contain}.imgEmpty{color:var(--muted2);font-size:13px}.btn{width:100%;border:0;border-radius:14px;padding:12px 14px;font-weight:700;background:var(--accent);color:#111;cursor:pointer}.btn:disabled{opacity:.55;cursor:not-allowed}.row{display:flex;gap:10px;align-items:center;margin-bottom:12px}.url{flex:1;border-radius:12px;border:1px solid var(--border);background:#00000040;color:var(--text);padding:10px 12px;font-size:13px}.btnSecondary{border:1px solid var(--border);background:#00000040;color:var(--text);border-radius:12px;padding:10px 12px;cursor:pointer;min-width:80px}.btnSecondary:disabled{opacity:.55;cursor:not-allowed}.copied{display:inline-flex;align-items:center;gap:6px}.btnDanger{width:100%;border-radius:14px;padding:11px 14px;cursor:pointer;background:transparent;border:1px solid rgba(255,77,77,.45);color:#ff4d4df2;font-weight:700;margin-bottom:10px}.btnDanger:disabled{opacity:.55;cursor:not-allowed}.btnSecondaryFull{width:100%;border-radius:14px;padding:11px 14px;cursor:pointer;border:1px solid var(--border);background:#00000040;color:var(--text);font-weight:700}.powered{margin-top:10px;font-size:12px;color:var(--muted2)}.error{margin-top:10px;color:#ff7878fa;font-size:13px}.cacheNote{margin-top:10px;font-size:12px;color:var(--muted2)}.footer{display:flex;gap:10px;align-items:center;margin-top:18px;color:var(--muted2);font-size:12px}.dot{width:7px;height:7px;border-radius:99px;background:var(--accent);display:inline-block}@media (max-width: 960px){.grid{grid-template-columns:1fr}.imgWrap{height:320px}}.fileError{margin-top:8px;font-size:13px;color:#ff7878fa}.subError{color:#ff5a5af2;font-weight:500}.checkerboard{background-color:#2a2a2a;background-image:linear-gradient(45deg,#3a3a3a 25%,transparent 25%),linear-gradient(-45deg,#3a3a3a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#3a3a3a 75%),linear-gradient(-45deg,transparent 75%,#3a3a3a 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px}