:root{--co-bg:#f3f0eb;--co-surface:#fbfaf8;--co-ink:#2b2724;--co-accent:#6b5f55;--co-accent-ink:#ffffff;--co-radius:10px;--co-highlight:#e8dcc4;--co-font-display:"DM Serif Display",Georgia,serif;--co-font-body:"DM Sans",system-ui,sans-serif;--co-font-script:cursive}.theme-kimmy{--co-bg:#fbf4ec;--co-surface:#fffaf5;--co-ink:#3a2a24;--co-accent:#a8435f;--co-accent-ink:#ffffff;--co-radius:16px;--co-highlight:#f2d98f}.co-root{--co-line:color-mix(in oklab,var(--co-ink) 14%,var(--co-surface));--co-muted:color-mix(in oklab,var(--co-ink) 72%,var(--co-bg));--co-soft:color-mix(in oklab,var(--co-accent) 10%,var(--co-surface))}.co-designer,.co-root{color:var(--co-ink);font-family:var(--co-font-body)}.co-designer{--co-stage-frac:58.3333%;box-sizing:border-box;width:100%;height:var(--co-designer-h,clamp(680px,100dvh,960px));display:flex;flex-direction:column;background:var(--co-bg);overflow-x:clip}.co-designer.co-embedded{height:var(--co-designer-h,860px);border:1px solid var(--co-line);border-radius:var(--co-radius);overflow:clip}.co-designer *,.co-designer :after,.co-designer :before{box-sizing:border-box}.co-designer button{font:inherit;color:inherit;cursor:pointer}.co-designer button:disabled{cursor:default;opacity:.5}.co-designer input{font:inherit;color:inherit}.co-designer :focus-visible{outline:2px solid var(--co-accent);outline-offset:2px}.co-designer a{color:var(--co-accent)}.co-designer a:hover{color:var(--co-ink)}.co-hd{height:76px;flex-shrink:0;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--co-line);background:var(--co-surface)}.co-embedded .co-hd{height:64px}.co-brand{gap:12px;min-width:0}.co-brand,.co-logo{display:flex;align-items:center;flex-shrink:0}.co-logo{width:36px;height:36px;border-radius:50%;border:1.5px dashed var(--co-muted);justify-content:center;font-size:10px;color:var(--co-muted)}.co-brandname{font-family:var(--co-font-display);font-size:22px;white-space:nowrap}.co-vrule{width:1px;height:28px;background:var(--co-line)}.co-line{display:flex;flex-direction:column;gap:1px;min-width:0}.co-line-name{font-size:17px;font-weight:700}.co-line-meta{font-size:12px;color:var(--co-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-links,.co-tpls{display:flex;align-items:center;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none}.co-links{gap:4px}.co-links-lbl{font-size:12px;color:var(--co-muted);margin-right:6px;white-space:nowrap}.co-tpl{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;flex-shrink:0;border-radius:999px;font-size:14px;font-weight:600;white-space:nowrap;border:1.5px solid transparent;background:transparent}.co-tpl:hover{background:var(--co-soft)}.co-tpl[aria-pressed=true]{border-color:var(--co-accent);background:var(--co-soft)}.co-designer a.co-link{height:40px;padding:0 12px;gap:6px;font-size:13px;color:var(--co-ink);text-decoration:none}.co-main{flex-grow:1;min-height:0;display:flex}.co-stage{flex:0 0 var(--co-stage-frac);min-width:0;position:relative;overflow:hidden;border-right:1px solid var(--co-line)}.co-canvas{position:absolute;inset:0}.co-canvas:focus-visible{outline-offset:-3px}.co-svg{position:absolute;inset:0;width:100%;height:100%;display:block;-moz-user-select:none;user-select:none;-webkit-user-select:none}.co-part{cursor:pointer}.co-part:focus,.co-part:focus-visible{outline:none}.co-ov{position:absolute;left:32px;top:24px;right:32px;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;pointer-events:none}.co-ov-l{display:flex;flex-direction:column;gap:8px;max-width:440px;min-width:0}.co-eyebrow{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--co-muted)}.co-build-title{font-family:var(--co-font-display);font-size:30px;line-height:1.15}.co-rail{display:flex;gap:4px;width:260px;max-width:100%}.co-rail span{flex:1 1;height:5px;border-radius:3px;background:var(--co-line)}.co-rail span.on{background:var(--co-accent)}.co-ov-r{display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:auto}.co-views{display:flex;gap:4px;padding:4px;border-radius:var(--co-radius);background:var(--co-surface);border:1px solid var(--co-line)}.co-views button{height:36px;padding:0 12px;border-radius:calc(var(--co-radius) - 4px);border:0;font-size:13px;font-weight:600;background:transparent}.co-views button[aria-pressed=true]{background:var(--co-soft)}.co-play{height:40px;padding:0 14px;border-radius:var(--co-radius);border:1px solid var(--co-line);background:var(--co-surface);font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px}.co-hint{position:absolute;left:32px;bottom:24px;max-width:360px;z-index:2;pointer-events:none;font-size:13px;line-height:1.4;color:var(--co-muted)}.co-zoom{position:absolute;right:24px;bottom:16px;z-index:3;gap:2px;padding:4px;border-radius:var(--co-radius);background:var(--co-surface);border:1px solid var(--co-line)}.co-zoom,.co-zoom button{display:flex;align-items:center}.co-zoom button{height:40px;border:0;border-radius:6px;background:transparent;font-size:13px;font-weight:600;justify-content:center}.co-zoom button:hover{background:var(--co-soft)}.co-zbtn{width:44px}.co-zpct{min-width:58px}.co-zfocus{padding:0 12px;gap:6px;white-space:nowrap}.co-zsep{width:1px;height:24px;background:var(--co-line)}@keyframes co-float{0%,to{translate:0 0}50%{translate:0 -5px}}.co-float{animation:co-float 3.2s ease-in-out infinite}@keyframes co-dropA{0%{translate:0 -70px;opacity:0}70%{translate:0 4px;opacity:1}to{translate:0 0;opacity:1}}@keyframes co-dropB{0%{translate:0 -70px;opacity:0}70%{translate:0 4px;opacity:1}to{translate:0 0;opacity:1}}.co-dropA{animation:co-dropA .75s cubic-bezier(.2,.8,.2,1) both}.co-dropB{animation:co-dropB .75s cubic-bezier(.2,.8,.2,1) both}.co-panel{flex-grow:1;min-width:0;padding:20px 28px;display:flex;flex-direction:column;gap:16px;background:var(--co-surface)}.co-tabs{display:flex;gap:6px}.co-tab{flex:1 1;min-width:0;display:flex;align-items:center;gap:8px;min-height:54px;padding:6px 8px;border-radius:var(--co-radius);background:var(--co-surface);border:1.5px solid var(--co-line);text-align:left}.co-tab[aria-current=step]{background:var(--co-soft);border-color:var(--co-accent)}.co-tab-n{width:24px;height:24px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--co-bg);color:var(--co-ink)}.co-tab-n.on{background:var(--co-accent);color:var(--co-accent-ink)}.co-tab-n.done{background:var(--co-soft);color:var(--co-ink);border:1px solid var(--co-accent)}.co-tab-txt{display:flex;flex-direction:column;gap:1px;min-width:0;text-align:left}.co-tab-name{font-size:13px;font-weight:600}.co-tab-val{font-size:11px;color:var(--co-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-scroll{flex-grow:1;min-height:0;overflow:auto;gap:16px;margin-right:-14px;padding-right:14px}.co-scroll,.co-sechead{display:flex;flex-direction:column}.co-sechead{gap:4px}.co-sectitle{margin:0;font-family:var(--co-font-display);font-weight:400;font-size:28px;line-height:1.2}.co-sechelp{margin:0;font-size:14px;color:var(--co-muted)}.co-group{display:flex;flex-direction:column;gap:8px}.co-glabel{font-size:14px;font-weight:600}.co-glabel span{font-weight:400;color:var(--co-muted)}.co-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:8px;gap:8px}.co-chips{gap:6px}.co-chips,.co-colors{display:flex;flex-wrap:wrap}.co-colors{gap:4px}.co-opt{border:1.5px solid var(--co-line);background:var(--co-surface);border-radius:var(--co-radius)}.co-opt:hover,.co-opt[aria-pressed=true]{border-color:var(--co-accent)}.co-opt[aria-pressed=true]{background:var(--co-soft)}.co-tile{display:flex;align-items:center;gap:10px;min-height:58px;padding:8px 10px;min-width:0;text-align:left}.co-mini{flex-shrink:0}.co-tile-txt{display:flex;flex-direction:column;gap:2px;text-align:left;min-width:0}.co-tile-name{font-size:13px;font-weight:600}.co-tile-sub{font-size:11px;color:var(--co-muted)}.co-chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;font-size:13px;font-weight:600}.co-chip-sub{font-weight:400;color:var(--co-muted)}.co-swatch{width:42px;height:42px;padding:4px;border-radius:50%;background:transparent;border:2px solid transparent}.co-swatch[aria-pressed=true]{border-color:var(--co-accent)}.co-swatch span{display:block;width:30px;height:30px;border-radius:50%;border:1px solid var(--co-line)}.co-input{height:44px;width:100%;max-width:420px;padding:0 14px;font-size:16px}.co-desc,.co-input{border-radius:var(--co-radius);border:1px solid var(--co-line);background:var(--co-bg)}.co-desc{display:flex;gap:18px;padding:16px 18px}.co-cut{display:flex;flex-direction:column;gap:6px;align-items:center;flex-shrink:0}.co-cut svg{border-radius:var(--co-radius);background:var(--co-surface);border:1px solid var(--co-line);display:block}.co-cut span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--co-muted)}.co-desc-body{flex-grow:1;min-width:0;gap:8px}.co-desc-body,.co-desc-head{display:flex;flex-direction:column}.co-desc-head{gap:2px}.co-desc-eyebrow{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--co-accent);font-weight:600}.co-desc-title{font-family:var(--co-font-display);font-size:21px}.co-desc-rows{margin:0;display:grid;grid-template-columns:76px minmax(0,1fr);grid-row-gap:6px;row-gap:6px;grid-column-gap:12px;column-gap:12px;font-size:13px;line-height:1.4}.co-desc-row{display:contents}.co-desc-row dt{color:var(--co-muted)}.co-desc-row dd{margin:0}.co-desc-note{font-size:12px;line-height:1.45;color:var(--co-muted)}.co-foot{padding-top:14px;border-top:1px solid var(--co-line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px}.co-price{display:flex;flex-direction:column;gap:2px;min-width:0}.co-price-lbl{font-size:12px;color:var(--co-muted)}.co-price-val{font-size:24px;font-weight:700}.co-price-al{font-size:11px;color:var(--co-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}.co-foot-btns{display:flex;gap:8px}.co-back,.co-next{height:48px;border-radius:var(--co-radius);font-weight:600;white-space:nowrap}.co-back{padding:0 18px;border:1px solid var(--co-line);background:var(--co-surface)}.co-next{padding:0 20px;border:0;background:var(--co-accent);color:var(--co-accent-ink)!important}.co-errors{flex-basis:100%;font-size:12px;color:#a33a2e}.co-preview{width:100%;background:var(--co-bg);border-radius:var(--co-radius);overflow:hidden}.co-preview svg{display:block}@media (max-width:1099.98px){.co-designer,.co-designer.co-embedded{height:auto}.co-designer.co-embedded{overflow:visible}.co-hd{min-height:64px;padding:10px 16px;flex-wrap:wrap;gap:8px 16px}.co-embedded .co-hd,.co-hd{height:auto}.co-links,.co-tpls{width:100%;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}.co-main{flex-direction:column}.co-panel{display:contents}.co-tabs{order:1}.co-stage{order:2}.co-scroll{order:3}.co-foot{order:4}.co-tabs{padding:10px 16px;overflow-x:auto;background:var(--co-surface);border-bottom:1px solid var(--co-line);scrollbar-width:thin}.co-tab{flex:0 0 auto;min-width:136px;max-width:220px}.co-stage{flex:none;border-right:0;border-bottom:1px solid var(--co-line);display:flex;flex-direction:column}.co-ov{position:relative;left:auto;top:auto;right:auto;padding:12px 16px 0;flex-wrap:wrap;gap:10px}.co-ov-l{max-width:none;flex:1 1 220px}.co-ov-r{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start}.co-build-title{font-size:24px}.co-canvas{position:relative;inset:auto;height:clamp(280px,52vh,480px)}.co-zoom{right:12px;bottom:10px}.co-hint{position:static;max-width:none;padding:8px 16px 12px;font-size:12px}.co-scroll{overflow:visible;margin:0;padding:16px}.co-foot,.co-scroll{background:var(--co-surface)}.co-foot{position:-webkit-sticky;position:sticky;bottom:0;z-index:5;padding:10px 16px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -6px 16px -10px rgba(0,0,0,.25);flex-wrap:nowrap}.co-errors{position:absolute;left:16px;right:16px;bottom:100%;padding:6px 8px;background:var(--co-surface);border-top:1px solid var(--co-line)}}@media (max-width:480px){.co-brandname{font-size:19px}.co-line-meta{white-space:normal}.co-tab{min-width:120px}.co-ov-l{flex-basis:100%}.co-build-title{font-size:21px}.co-rail{width:100%}.co-views button{padding:0 10px}.co-play,.co-views button{min-height:44px;height:44px}.co-zoom button{height:44px}.co-zbtn{width:44px}.co-zpct{min-width:52px}.co-zfocus{padding:0 8px}.co-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.co-tile{gap:8px;padding:8px}.co-swatch{width:44px;height:44px}.co-sectitle{font-size:24px}.co-desc{flex-direction:column;align-items:stretch;padding:14px}.co-desc-rows{grid-template-columns:68px minmax(0,1fr)}.co-price-val{font-size:20px}.co-price-al{max-width:42vw}.co-back,.co-next{padding:0 14px}.co-next-long{display:none}.co-foot .co-next{white-space:normal;line-height:1.15;max-width:48vw}}@media (prefers-reduced-motion:reduce){.co-designer .co-dropA,.co-designer .co-dropB,.co-designer .co-float{animation:none}.co-designer .co-svg g{transition:none!important}}