:root{--paper: #f6f3ee;--ink: #17130e;--ink-soft: #5c554b;--coral: #ff5a2d;--coral-soft: #ffece5;--line: rgba(23, 19, 14, .12);--display: "Bricolage Grotesque", system-ui, sans-serif;--serif: "Instrument Serif", Georgia, serif;--mono: "JetBrains Mono", ui-monospace, monospace}.cfg-demo,.cfg-demo *{box-sizing:border-box}.cfg-demo{color:var(--ink);font-family:var(--display);max-width:1180px}.cfg-header{margin-bottom:22px}.cfg-kicker{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}.cfg-badge{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.cfg-badge-live{background:#e7f4ea}.cfg-badge-stack{background:#fff}.cfg-title{font-size:clamp(30px,4.4vw,48px);letter-spacing:-.04em;line-height:1.05;margin:0 0 10px}.cfg-lede{color:var(--ink-soft);max-width:64ch;margin:0;font-size:17px;line-height:1.55}.cfg-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.78fr);gap:22px;align-items:start}.cfg-stage{position:relative;background:radial-gradient(1200px 420px at 50% 20%,rgba(255,255,255,.65),transparent 60%),linear-gradient(180deg,#f3eee6,#e8e0d4);border:1px solid var(--line);border-radius:22px;min-height:520px;overflow:hidden}.cfg-stage canvas,.cfg-canvas-host{display:block;width:100%;height:560px}.cfg-canvas-host{position:relative}.cfg-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--ink-soft);font-size:14px;z-index:2}.cfg-stage-label,.cfg-hint{position:absolute;z-index:2;background:#f6f3eee6;border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700;letter-spacing:.04em}.cfg-stage-label{left:14px;bottom:14px}.cfg-hint{right:14px;bottom:14px;color:var(--ink-soft);font-weight:600}.cfg-panel{border:1px solid var(--line);border-radius:22px;padding:18px 18px 16px;background:#ffffff94;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cfg-panel-kicker{margin:0 0 4px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-weight:700}.cfg-panel-title{margin:0 0 16px;font-size:22px;letter-spacing:-.03em}.cfg-group{border:0;margin:0 0 16px;padding:0}.cfg-group legend{font-size:13px;font-weight:700;margin-bottom:8px;padding:0}.cfg-segments,.cfg-swatches{display:flex;flex-wrap:wrap;gap:8px}.cfg-segment,.cfg-swatch{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:13px}.cfg-segment{border-radius:999px;padding:8px 12px}.cfg-swatch{border-radius:14px;padding:8px 10px 8px 8px;min-width:108px}.cfg-segment input,.cfg-swatch input{position:absolute;opacity:0;pointer-events:none}.cfg-segment.is-on,.cfg-swatch.is-on{border-color:var(--coral);background:var(--coral-soft);box-shadow:0 0 0 1px var(--coral)}.cfg-segment:focus-within,.cfg-swatch:focus-within{outline:2px solid var(--coral);outline-offset:2px}.cfg-swatch-chip{width:22px;height:22px;border-radius:50%;border:1px solid rgba(23,19,14,.2);box-shadow:inset 0 0 0 1px #ffffff59}.cfg-swatch-name{font-weight:650}.cfg-message{min-height:2.2em;font-size:13px;color:var(--ink-soft);margin:4px 0 12px}.cfg-message.ok{color:#2d6a3e}.cfg-message.error{color:#9b1c1c}.cfg-message.warning{color:#8a5a00}.cfg-summary{list-style:none;margin:0 0 16px;padding:12px 0 0;border-top:1px solid var(--line)}.cfg-summary li{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:5px 0;color:var(--ink-soft)}.cfg-summary strong{color:var(--ink);font-weight:700}.cfg-buy{border-top:1px solid var(--line);padding-top:14px}.cfg-price-label{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-weight:700}.cfg-price{font-size:32px;letter-spacing:-.04em;margin:2px 0 12px}.cfg-actions{display:flex;flex-wrap:wrap;gap:8px}.cfg-actions button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:999px;padding:10px 16px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.cfg-actions button.secondary{background:transparent;color:var(--ink)}.cfg-fallback{margin-top:18px;font-size:14px}.cfg-fallback summary{cursor:pointer;font-weight:700}.cfg-fallback table{width:100%;border-collapse:collapse;margin-top:8px}.cfg-fallback th,.cfg-fallback td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}.cfg-note{margin-top:16px;color:var(--ink-soft);font-size:13px;max-width:72ch}html.cfg-embed .cfg-header,html.cfg-embed .cfg-note,html.cfg-embed .cfg-fallback{display:none}html.cfg-embed body{padding:0;background:transparent}html.cfg-embed .cfg-stage{min-height:520px;border-radius:18px}html.cfg-embed .cfg-stage canvas,html.cfg-embed .cfg-canvas-host{height:520px}@media(max-width:860px){.cfg-layout{grid-template-columns:1fr}.cfg-stage canvas,.cfg-canvas-host{height:380px}html.cfg-embed .cfg-stage canvas,html.cfg-embed .cfg-canvas-host{height:380px}.cfg-hint{display:none}}html,body{margin:0;background:#f6f3ee;color:#17130e;font-family:Bricolage Grotesque,system-ui,sans-serif}body{padding:28px clamp(16px,4vw,48px) 64px}html.cfg-embed,html.cfg-embed body{background:transparent}html.cfg-embed body{padding:0}