:root{--bg:#fafaf8;--surface:#fff;--text:#1a1a1a;--muted:#6b6b6b;--border:#e4e2dd;--accent:#111;--accent-text:#fff;--good:#1f7a3d;--good-bg:#e8f5ec;--warn:#8a5a00;--warn-bg:#fff4dc;--bad:#b42318;--bad-bg:#fde8e7;--radius:10px;--max:1200px}@media (prefers-color-scheme:dark){:root{--bg:#121212;--surface:#1c1c1c;--text:#f2f2f2;--muted:#a0a0a0;--border:#2e2e2e;--accent:#f2f2f2;--accent-text:#111;--good:#6fd08c;--good-bg:#16301f;--warn:#f3c15b;--warn-bg:#332810;--bad:#ff8a80;--bad-bg:#3a1714}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit}img{max-width:100%;display:block}.container{max-width:var(--max);margin:0 auto;padding:0 16px}header.site{border-bottom:1px solid var(--border);background:var(--surface);z-index:10;position:sticky;top:0}header.site .row{align-items:center;gap:16px;height:60px;display:flex}header.site .logo{letter-spacing:-.02em;font-size:18px;font-weight:800;text-decoration:none}header.site nav{align-items:center;gap:16px;margin-left:auto;display:flex}header.site nav a{color:var(--muted);text-decoration:none}header.site form input{width:180px}footer.site{border-top:1px solid var(--border);color:var(--muted);margin-top:64px;padding:32px 0;font-size:14px}footer.site .links{flex-wrap:wrap;gap:16px;display:flex}h1{letter-spacing:-.02em;margin:24px 0 12px;font-size:clamp(26px,4vw,38px);line-height:1.15}h2{margin:28px 0 12px;font-size:22px}.muted{color:var(--muted)}.small{font-size:14px}.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.card img{aspect-ratio:1;object-fit:cover;background:#f0efea;width:100%}.card .body{padding:10px 12px 14px}.card .title{font-size:15px;font-weight:600}.chips{flex-wrap:wrap;gap:8px;margin:12px 0 20px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:6px 12px;font-size:14px;text-decoration:none}.chip.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}button,.btn{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;align-items:center;gap:6px;padding:8px 14px;text-decoration:none;display:inline-flex}button.primary,.btn.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;width:100%;padding:8px 10px}label{margin:10px 0 4px;font-size:14px;display:block}label.check{align-items:flex-start;gap:8px;display:flex}label.check input{width:auto;margin-top:4px}.banner{border-radius:8px;margin:8px 0;padding:10px 12px;font-size:14px}.banner.good{background:var(--good-bg);color:var(--good)}.banner.warn{background:var(--warn-bg);color:var(--warn)}.banner.bad{background:var(--bad-bg);color:var(--bad)}.banner.info{background:var(--bg);border:1px solid var(--border)}.product-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:32px;display:grid}@media (max-width:860px){.product-layout{grid-template-columns:1fr}header.site form{display:none}}.editor-stage{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);touch-action:none;overflow:hidden}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.tab{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:6px 12px;font-size:14px}.tab.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.tab .dot{background:var(--good);border-radius:50%;width:8px;height:8px;display:inline-block}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:2px solid var(--border);border-radius:50%;width:30px;height:30px;padding:0}.swatch.active{outline:2px solid var(--accent);outline-offset:2px}.sizes{flex-wrap:wrap;gap:6px;display:flex}.size{justify-content:center;min-width:44px}.size.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.toolbar{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.price{font-size:26px;font-weight:700}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}table{border-collapse:collapse;width:100%}td,th{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:10px 8px}.timeline{padding:0;list-style:none}.timeline li{padding:6px 0 6px 20px;position:relative}.timeline li:before{content:"";background:var(--border);border-radius:50%;width:8px;height:8px;position:absolute;top:14px;left:4px}.timeline li.done:before{background:var(--good)}.legal{max-width:760px}.legal h2{font-size:19px}.pixel-preview{image-rendering:pixelated;object-fit:cover;border:1px solid var(--border);border-radius:6px;width:160px;height:160px}.admin-grid{grid-template-columns:240px 1fr;gap:16px;display:grid}@media (max-width:700px){.admin-grid{grid-template-columns:1fr}}.badge{background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}