:root,:root[data-theme=light]{--bg:#f6f4f1;--panel:#fff;--field:#f3f1ee;--field-on:#fff;--line:#e2ded8;--ink:#1f1d1a;--muted:#6f6a63;--accent:#8a6a2f;--accent-line:#1f1d1a;--err-bg:#fdecea;--err-ink:#a3261a;--cta-bg:#1f1d1a;--cta-ink:#fbf9f6;--shadow:0 1px 2px rgba(30,25,15,.05),0 8px 24px rgba(30,25,15,.06);color-scheme:light}:root[data-theme=dark]{--bg:#121315;--panel:#1a1b1e;--field:#232428;--field-on:#2c2d32;--line:#34363b;--ink:#f1efeb;--muted:#a09c95;--accent:#d9b877;--accent-line:#d9b877;--err-bg:#3a1e1b;--err-ink:#ffb4a8;--cta-bg:#f1efeb;--cta-ink:#17181a;--shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.35);color-scheme:dark}*{box-sizing:border-box}body,html{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:16px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}.app{display:grid;grid-template-columns:1fr 380px;grid-template-rows:auto 1fr;height:100dvh}.top{align-items:center;background:var(--bg);display:flex;grid-column:1/-1;justify-content:space-between;padding:14px 28px}.brand{color:var(--ink);font:600 15px/1 system-ui;letter-spacing:.22em;text-transform:uppercase}.stage{border-radius:18px;box-shadow:var(--shadow);margin:0 0 0 16px;min-height:0;overflow:hidden;position:relative}pendant-scene{display:block;inset:0;position:absolute}.hint{bottom:14px;color:var(--muted);font-size:12px;left:0;margin:0;pointer-events:none;position:absolute;right:0;text-align:center}.panel{background:var(--panel);border-left:1px solid var(--line);display:flex;flex-direction:column;gap:18px;overflow-y:auto;padding:24px}.tabs{background:var(--field);border-radius:12px;display:grid;grid-template-columns:1fr 1fr;padding:4px}.tabs button{background:none;border:0;border-radius:9px;color:var(--muted);cursor:pointer;font:inherit;padding:10px}.tabs button[aria-selected=true]{background:var(--field-on);color:var(--ink)}.field{flex-direction:column;gap:8px}.field,.lab{display:flex}.lab{color:var(--muted);font-size:12px;justify-content:space-between;letter-spacing:.08em;text-transform:uppercase}.count{letter-spacing:0;text-transform:none}input[type=text],select{background:var(--field);border:1px solid var(--line);border-radius:12px;color:var(--ink);font:inherit;font-size:18px;padding:12px 14px;width:100%}button:focus-visible,input[type=text]:focus,select:focus{outline:2px solid var(--accent);outline-offset:2px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--field);border:1px solid var(--line);border-radius:999px;color:var(--ink);cursor:pointer;font-size:17px;padding:8px 14px}.chip[aria-pressed=true]{background:var(--field-on);border-color:var(--accent-line)}.swatches{display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.swatch{align-items:center;background:var(--field);border:1px solid var(--line);border-radius:12px;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;font:inherit;font-size:13px;gap:6px;padding:10px 6px}.swatch[aria-pressed=true]{background:var(--field-on);border-color:var(--accent-line)}.swatch .dot{border-radius:50%;box-shadow:inset 0 -3px 6px rgba(0,0,0,.25),0 0 0 1px rgba(0,0,0,.18);height:30px;width:30px}.upload{border:1px dashed var(--line);border-radius:12px;color:var(--ink);cursor:pointer;display:block;padding:16px;text-align:center}.upload input{height:1px;opacity:0;position:absolute;width:1px}.upload:focus-within{outline:2px solid var(--accent)}.note{color:var(--muted);font-size:12px;margin:0}.fname{color:var(--accent);font-size:13px}.link{background:none;border:0;color:var(--muted);cursor:pointer;font:inherit;font-size:12px;text-decoration:underline}.error{background:var(--err-bg);border-radius:10px;color:var(--err-ink);font-size:14px;margin:0;padding:10px 12px}.cta{background:var(--cta-bg);border:0;border-radius:14px;color:var(--cta-ink);cursor:pointer;font:600 16px system-ui;margin-top:auto;padding:14px}.cta:disabled{opacity:.55}@media (max-width:760px){.app{grid-template-columns:1fr;grid-template-rows:auto 46dvh 1fr}.top{padding:12px 18px}.panel{border-left:0;border-top:1px solid var(--line);gap:14px;padding:16px 18px 24px}input[type=text],select{font-size:16px}}.tabs button:disabled{cursor:not-allowed;opacity:.6}.tabs .soon{color:var(--muted);display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.theme-toggle{background:var(--panel);border:1px solid var(--line);border-radius:50%;color:var(--ink);cursor:pointer;display:grid;height:38px;place-items:center;width:38px}.theme-toggle .i-moon,:root[data-theme=dark] .theme-toggle .i-sun{display:none}:root[data-theme=dark] .theme-toggle .i-moon{display:block}.hint{color:var(--ink);opacity:.6}@media (max-width:760px){.stage{margin:0 12px}}.site-footer{border-top:1px solid var(--line);font-size:12px;margin-top:auto;padding-top:12px}.site-footer nav{display:flex;flex-wrap:wrap;gap:6px 14px}.site-footer a{color:inherit;opacity:.8}.price-note{margin:0}