:root{--font-body:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "BIZ UDPGothic", Meiryo, system-ui, sans-serif;--font-heading:"Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;--size-base:16px;--leading-body:1.9;--leading-heading:1.4;--bg:#faf8f5;--fg:#2a2622;--fg-muted:#6b635a;--accent:#8a6f4e;--line:#e3ddd4;--danger:#a4472f;--col-max:480px;--tap-min:44px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--radius:10px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--size-base);line-height:var(--leading-body);margin:0;padding:0}h1,h2,h3{font-family:var(--font-heading);line-height:var(--leading-heading);margin:0 0 var(--sp-4);font-weight:700}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.0625rem}p{margin:0 0 var(--sp-4)}.pg-app{max-width:var(--col-max);padding:var(--sp-5) var(--sp-4) var(--sp-7);margin:0 auto}.pg-muted{color:var(--fg-muted);font-size:.875rem}.pg-note{border-left:3px solid var(--line);padding:var(--sp-2) 0 var(--sp-2) var(--sp-4);margin:0 0 var(--sp-4);color:var(--fg-muted)}.pg-btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--tap-min);min-width:var(--tap-min);width:100%;padding:var(--sp-3) var(--sp-5);border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:var(--bg);cursor:pointer;font-family:inherit;font-size:1rem;line-height:1.2;display:inline-flex}.pg-btn:disabled{opacity:.45;cursor:not-allowed}.pg-btn--quiet{color:var(--accent);background:0 0}.pg-btn--link{color:var(--fg-muted);width:auto;padding:var(--sp-2);background:0 0;border-color:#0000;text-decoration:underline}.pg-stack>*+*{margin-top:var(--sp-3)}.pg-choice{align-items:center;gap:var(--sp-3);min-height:var(--tap-min);padding:var(--sp-3) var(--sp-4);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;background:0 0;display:flex}.pg-choice[data-selected=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.pg-disclaimer{margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:1px solid var(--line);color:var(--fg-muted);font-size:.8125rem}.pg-steps{margin:0 0 var(--sp-5);padding:0;list-style:none}.pg-steps li{color:var(--fg-muted)}.pg-steps li[data-active=true]{color:var(--fg);font-weight:700}.pg-preview{border-radius:var(--radius);border:1px solid var(--line);width:100%;display:block}.pg-skeleton{height:1rem;margin:0 0 var(--sp-3);background:linear-gradient(90deg, var(--line), #efeae2, var(--line));background-size:200% 100%;border-radius:4px;animation:1.6s ease-in-out infinite pg-shimmer}.pg-skeleton--short{width:60%}@media (prefers-reduced-motion:reduce){.pg-skeleton{animation:none}}@keyframes pg-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pg-dev{margin-top:var(--sp-7);padding-top:var(--sp-4);border-top:2px dashed var(--line);font-size:.8125rem;line-height:1.6}.pg-dev-table{border-collapse:collapse;width:100%}.pg-dev-table td{padding:var(--sp-1) var(--sp-2);border-bottom:1px solid var(--line)}.pg-dev-pre{padding:var(--sp-2);border:1px solid var(--line);white-space:pre-wrap;word-break:break-all;border-radius:4px;font-size:.75rem;line-height:1.5;overflow-x:auto}.pg-swatch{border-radius:3px;flex:none;width:14px;height:14px}.pg-tabs{gap:var(--sp-2);margin-top:var(--sp-3);display:flex}.pg-tab{align-items:center;gap:var(--sp-1);min-height:var(--tap-min);padding:var(--sp-2) var(--sp-1);border:1px solid var(--line);border-radius:var(--radius);color:var(--fg);cursor:pointer;background:0 0;flex-direction:column;flex:1 1 0;font-family:inherit;font-size:.8125rem;display:flex}.pg-tab[data-selected=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);font-weight:700}.pg-zoom{top:var(--sp-2);right:var(--sp-2);gap:var(--sp-1);flex-direction:column;display:flex;position:absolute}.pg-zoom button{color:#fff;cursor:pointer;background:#2a26228c;border:none;border-radius:8px;min-width:44px;min-height:44px;font-family:inherit;font-size:.9rem}