:root{--bg: #10100e;--panel: #1a1a17;--line: #2e2e29;--text: #ecebe6;--muted: #94918a;--accent: #d8703a;--on-accent: #17110c;--bad: #e05252;--good: #57ab63;color-scheme:dark}:root[data-theme=light]{--bg: #f6f4f0;--panel: #ffffff;--line: #ded9d0;--text: #1b1a17;--muted: #6a665e;--accent: #b4551f;--on-accent: #ffffff;--bad: #b3261e;--good: #2c7a3d;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}#root{display:flex;flex-direction:column;min-height:100vh}main{flex:1;width:100%;max-width:900px;margin:0 auto;padding:24px 16px 48px}footer{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px;border-top:1px solid var(--line);font-size:13px}footer .spacer{flex:1}h1{font-size:22px;margin:0 0 16px}h2{font-size:16px;margin:24px 0 8px}a{color:var(--accent)}nav{display:flex;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid var(--line)}nav .brand{font-weight:600;color:var(--text);text-decoration:none}nav .spacer{flex:1}nav a{color:var(--muted);text-decoration:none}nav a:hover,nav a.active{color:var(--text)}nav .balance{color:var(--text);font-variant-numeric:tabular-nums}nav select{width:auto;padding:3px 6px;font-size:13px;color:var(--muted)}label{display:block;margin:12px 0 4px;color:var(--muted);font-size:13px}input,select,button,textarea{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:8px 10px}input,select{width:100%}button{cursor:pointer;background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}button:disabled{opacity:.45;cursor:not-allowed}button.ghost{background:var(--panel);border-color:var(--line);color:var(--text);font-weight:400}form{max-width:420px}.wide{max-width:none}.muted{color:var(--muted)}.error{color:var(--bad);margin:12px 0}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.swatch{padding:0;overflow:hidden;background:var(--panel);border:2px solid var(--line);border-radius:8px;color:var(--text);font-weight:400;text-align:left}.swatch.on{border-color:var(--accent)}.swatch img{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover}.swatch span{display:block;padding:6px 8px;font-size:13px}.photos{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px;width:min(1600px,calc(100vw - 48px));position:relative;left:50%;translate:-50%}.photo{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}.photo img{display:block;width:100%;cursor:zoom-in}.photo .badge{position:absolute;top:8px;left:8px;background:#000000b8;border-radius:999px;padding:3px 10px;font-size:12px;letter-spacing:.03em;color:#fff}.photo .badge.download{left:auto;right:8px;text-decoration:none}.photo .badge.download:hover{text-decoration:underline}.photo .state{padding:24px 12px;text-align:center;color:var(--muted)}.photo .state.failed{color:var(--bad)}.spinner{display:inline-block;width:16px;height:16px;vertical-align:-3px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line)}td.amount{text-align:right;font-variant-numeric:tabular-nums}td.amount.neg{color:var(--muted)}