:root{color-scheme:light;--bg: #0b1020;--panel: rgba(255,255,255,.06);--panel2: rgba(255,255,255,.09);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.65);--line: rgba(255,255,255,.14);--accent: #7aa2ff;--danger: #ff6b6b;--ok: #67e8a5}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(1200px 800px at 20% 0%,#1b2a6b33,transparent 60%),radial-gradient(900px 600px at 90% 10%,#7aa2ff22,transparent 55%),var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans JP,Hiragino Kaku Gothic ProN,Meiryo,sans-serif}a{color:inherit;text-decoration:none}.container{max-width:1080px;margin:0 auto;padding:20px 16px 40px}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--line);background:linear-gradient(180deg,#ffffff14,#ffffff08);border-radius:14px;position:sticky;top:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.brand{display:flex;flex-direction:column;gap:2px}.brandTitle{font-weight:800;letter-spacing:.2px}.brandSub{font-size:12px;color:var(--muted)}.tabs{display:flex;gap:10px}.tab{padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#ffffff0a;color:var(--muted);font-weight:700;font-size:13px}.tab.active{color:var(--text);background:#7aa2ff26;border-color:#7aa2ff59}.grid2{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;margin-top:16px}@media(max-width:900px){.grid2{grid-template-columns:1fr}}.card{border:1px solid var(--line);background:#ffffff0a;border-radius:16px;padding:14px}.cardTitle{font-weight:800;margin:0 0 8px}.muted{color:var(--muted)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spacer{flex:1}input[type=text]{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#0000002e;color:var(--text);outline:none}button{cursor:pointer;border:1px solid var(--line);background:#ffffff0f;color:var(--text);padding:10px 12px;border-radius:12px;font-weight:800}button.primary{background:#7aa2ff33;border-color:#7aa2ff59}button.danger{background:#ff6b6b1f;border-color:#ff6b6b59}button:disabled{opacity:.55;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:#ffffff0a}.toast{margin-top:10px;border-radius:12px;padding:10px 12px;border:1px solid var(--line);background:#0000002e;color:var(--muted)}.toast.ok{border-color:#67e8a559;background:#67e8a51a;color:#ffffffe6}.toast.err{border-color:#ff6b6b59;background:#ff6b6b1a;color:#ffffffe6}.pixelWrap{display:grid;place-items:center;padding:10px;border-radius:14px;border:1px dashed rgba(255,255,255,.18);background:#0000001f}.albumGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.thumb{border:1px solid var(--line);border-radius:14px;background:#00000024;padding:10px}.thumbTitle{font-weight:900;font-size:13px;margin:8px 0 0}.thumbMeta{font-size:12px;color:var(--muted);margin-top:4px}.modalBackdrop{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;padding:18px;z-index:100}.modal{width:min(780px,96vw);border-radius:18px;border:1px solid var(--line);background:#141a30eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:14px}