.cbd{--cbd-text:#242424;--cbd-muted:#6b6b6b;--cbd-border:#d8d5d1;--cbd-panel:#f7f6f4;--cbd-card:#fff;--cbd-accent:#718777;--cbd-accent-soft:#e9eee9;--cbd-success:#3e7650;color:var(--cbd-text);padding:34px 0 56px}.cbd *{box-sizing:border-box}.cbd button,.cbd input,.cbd select{font:inherit}.cbd button{cursor:pointer}.cbd button:disabled{cursor:not-allowed;opacity:.48}.cbd__page{max-width:1220px}.cbd__header{max-width:800px;margin-bottom:24px}.cbd__eyebrow{margin:0 0 7px;font-size:12px;letter-spacing:.14em;font-weight:700;color:var(--cbd-muted)}.cbd__title{margin:0;font-size:clamp(27px,4vw,43px);line-height:1.08;letter-spacing:-.025em}.cbd__title span{font-size:.76em;font-weight:600}.cbd__intro{margin:14px 0 0;color:var(--cbd-muted);line-height:1.65}.cbd__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 14px}.cbd__step{min-height:62px;display:flex;align-items:center;gap:10px;text-align:left;padding:10px 12px;border:1px solid var(--cbd-border);border-radius:13px;background:var(--cbd-card);color:var(--cbd-text)}.cbd__step-no{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--cbd-border);font-weight:700}.cbd__step strong,.cbd__step small{display:block;line-height:1.2}.cbd__step small{color:var(--cbd-muted);margin-top:3px}.cbd__step.is-active{border-color:var(--cbd-accent);background:var(--cbd-accent-soft)}.cbd__step.is-active .cbd__step-no{border-color:var(--cbd-accent);background:var(--cbd-accent);color:#fff}.cbd__notice{display:grid;gap:3px;padding:13px 15px;border:1px solid var(--cbd-border);border-left:4px solid var(--cbd-accent);border-radius:10px;background:var(--cbd-panel);margin-bottom:16px;font-size:14px;line-height:1.45}.cbd__notice span{color:var(--cbd-muted)}.cbd__panel{animation:cbdFade .16s ease}@keyframes cbdFade{from{opacity:.3}to{opacity:1}}.cbd__workspace{display:grid;grid-template-columns:315px minmax(0,1fr);border:1px solid var(--cbd-border);border-radius:18px;overflow:hidden;background:var(--cbd-card)}.cbd__controls{padding:16px;border-right:1px solid var(--cbd-border);background:var(--cbd-panel)}.cbd__mattress{padding:12px;border:1px solid var(--cbd-border);border-radius:11px;background:#fff;margin-bottom:14px}.cbd__control-heading strong,.cbd__control-heading small{display:block}.cbd__control-heading small{margin-top:2px;color:var(--cbd-muted)}.cbd__mattress>p{margin:7px 0 10px;font-size:11px;line-height:1.45;color:var(--cbd-muted)}.cbd__mattress-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cbd__mattress-grid label:last-child{grid-column:1/-1}.cbd__surface-list{display:grid;gap:7px}.cbd__surface{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;padding:9px 10px;border:1px solid var(--cbd-border);border-radius:10px;background:#fff;color:var(--cbd-text)}.cbd__surface strong,.cbd__surface small{display:block}.cbd__surface small{color:var(--cbd-muted);margin-top:1px}.cbd__surface em{font-style:normal;font-size:10px;line-height:1.15;text-align:right;color:#8a5b43;max-width:78px}.cbd__surface.is-active{border-color:var(--cbd-accent);background:var(--cbd-accent-soft)}.cbd__surface.is-saved em{color:var(--cbd-success);font-weight:700}.cbd__control-group{margin-top:18px;padding-top:16px;border-top:1px solid var(--cbd-border)}.cbd__control-title{font-size:16px;margin:0 0 10px}.cbd__dimension-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cbd label{font-size:12px;font-weight:650;color:var(--cbd-text)}.cbd label span{font-weight:400;color:var(--cbd-muted)}.cbd input[type=number],.cbd select{width:100%;min-height:42px;margin-top:5px;border:1px solid var(--cbd-border);border-radius:8px;background:#fff;padding:8px 9px;color:var(--cbd-text);font-size:16px}.cbd__pillow-note{margin:8px 0 0;font-size:11px;line-height:1.4;color:var(--cbd-muted)}.cbd__file-label{display:block;margin-bottom:7px;font-size:13px}.cbd__file{width:100%;font-size:12px}.cbd__file::file-selector-button{border:1px solid var(--cbd-border);background:#fff;border-radius:8px;padding:8px 10px;margin-right:7px}.cbd__meta{margin:7px 0 0;font-size:11px;color:var(--cbd-muted);overflow-wrap:anywhere}.cbd__reuse-wrap{margin-top:10px}.cbd__zoom-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px}.cbd input[type=range]{width:100%;accent-color:var(--cbd-accent)}.cbd__button-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.cbd__small-btn,.cbd__nudge button{min-height:42px;border:1px solid var(--cbd-border);border-radius:8px;background:#fff;color:var(--cbd-text)}.cbd__mini-label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}.cbd__nudge{width:150px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.cbd__swatches{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.cbd__swatch{min-height:58px;border:1px solid var(--cbd-border);border-radius:9px;background:#fff;padding:6px;color:var(--cbd-text)}.cbd__swatch span{display:block;height:24px;border-radius:5px;background:var(--swatch);border:1px solid rgba(0,0,0,.1)}.cbd__swatch small{display:block;margin-top:4px;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cbd__swatch.is-selected{border-color:var(--cbd-accent);box-shadow:0 0 0 2px var(--cbd-accent-soft)}.cbd__editor{min-width:0;padding:18px}.cbd__editor-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.cbd__editor-head strong,.cbd__editor-head small{display:block}.cbd__editor-head small{margin-top:2px;color:var(--cbd-muted)}.cbd__editor-head>span{font-size:12px;color:var(--cbd-muted);white-space:nowrap}.cbd__canvas-stage{min-height:470px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:14px;border:1px solid var(--cbd-border);border-radius:13px;background:#efedea}.cbd canvas{display:block;max-width:100%;touch-action:none;user-select:none;-webkit-user-select:none;background:#fff}.cbd__legend{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:11px;font-size:11px;color:var(--cbd-muted)}.cbd__legend span{display:flex;align-items:center;gap:7px}.cbd__legend i{width:24px;height:13px;display:inline-block}.cbd__legend-dash{border:1px dashed #666}.cbd__legend-grey{background:rgba(80,80,80,.25)}.cbd__status{min-height:20px;margin:10px 0;color:var(--cbd-muted);font-size:12px}.cbd__save-row,.cbd__action-row{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:9px}.cbd__primary,.cbd__secondary{min-height:46px;border-radius:9px;padding:10px 15px;font-weight:700;border:1px solid var(--cbd-accent)}.cbd__primary{background:var(--cbd-accent);color:#fff}.cbd__secondary{background:#fff;color:var(--cbd-text);border-color:var(--cbd-border)}.cbd__saved-summary{margin-top:14px;padding:15px;border:1px solid var(--cbd-border);border-radius:13px;background:var(--cbd-panel)}.cbd__saved-summary>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:13px}.cbd__progress{height:7px;background:#ddd9d4;border-radius:999px;margin:10px 0 13px;overflow:hidden}.cbd__progress i{display:block;width:0;height:100%;background:var(--cbd-accent);transition:width .2s ease}.cbd__confirm-designs{width:100%}.cbd__preview-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:24px;align-items:end;margin:10px 0 18px}.cbd__preview-heading h2{margin:0;font-size:clamp(24px,3vw,34px)}.cbd__preview-heading>p{margin:0;color:var(--cbd-muted);line-height:1.55}.cbd__scale-summary,.cbd__final-mattress{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0 0 14px;padding:11px 13px;border:1px solid var(--cbd-border);border-radius:10px;background:var(--cbd-panel);font-size:12px}.cbd__scale-summary strong,.cbd__final-mattress strong{font-weight:700}.cbd__scale-summary span,.cbd__final-mattress span{color:var(--cbd-muted)}.cbd__bed-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cbd__bed-card{border:1px solid var(--cbd-border);border-radius:15px;padding:12px;background:#fff;overflow:hidden}.cbd__bed-card header{padding:2px 2px 10px}.cbd__bed-card header strong,.cbd__bed-card header small{display:block}.cbd__bed-card header small{color:var(--cbd-muted);margin-top:3px}.cbd__bed-visual{width:100%;overflow:hidden;border-radius:11px;background:#f3f1ee}.cbd__bed-visual svg{width:100%;height:auto;display:block}.cbd__preview-note{display:grid;gap:3px;margin:14px 0;border:1px solid var(--cbd-border);border-radius:11px;padding:12px 14px;font-size:13px}.cbd__preview-note span{color:var(--cbd-muted)}.cbd__final-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.cbd__final-card{border:1px solid var(--cbd-border);border-radius:12px;padding:10px;background:#fff}.cbd__final-card img{display:block;width:100%;object-fit:cover;border-radius:8px;background:var(--cbd-panel)}.cbd__final-card strong,.cbd__final-card small{display:block}.cbd__final-card strong{margin-top:8px}.cbd__final-card small{color:var(--cbd-muted);margin-top:2px}.cbd__agreements{display:grid;gap:9px;margin:15px 0}.cbd__agreements label{display:flex;gap:10px;align-items:flex-start;padding:11px;border:1px solid var(--cbd-border);border-radius:10px;background:var(--cbd-panel);line-height:1.45;font-size:13px}.cbd__agreements input{width:19px;height:19px;margin-top:1px;accent-color:var(--cbd-accent);flex:0 0 19px}.cbd__agreements small{color:var(--cbd-muted);font-size:11px}.cbd__success{margin-top:15px;padding:16px;border:1px solid #a9c8b1;border-radius:12px;background:#eef6f0}.cbd__success strong,.cbd__success span{display:block}.cbd__success span{margin-top:5px;font-weight:700;color:var(--cbd-success)}.cbd__success p{margin:8px 0 0;color:#506056;font-size:12px}.cbd__debug{margin-top:18px;font-size:12px}.cbd__debug pre{overflow:auto;max-height:360px;background:#171717;color:#eee;padding:12px;border-radius:8px}.cbd button:focus-visible,.cbd input:focus-visible,.cbd select:focus-visible{outline:2px solid var(--cbd-accent);outline-offset:2px}
@media(max-width:900px){.cbd__workspace{grid-template-columns:1fr}.cbd__controls{border-right:0;border-bottom:1px solid var(--cbd-border)}.cbd__surface-list{grid-template-columns:1fr 1fr}.cbd__bed-grid{grid-template-columns:1fr}.cbd__final-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.cbd{padding-top:22px}.cbd__steps{gap:5px}.cbd__step{min-height:58px;padding:8px;gap:6px}.cbd__step-no{width:26px;height:26px;flex-basis:26px;font-size:12px}.cbd__step strong{font-size:11px}.cbd__step small{font-size:9px}.cbd__surface-list{grid-template-columns:1fr}.cbd__mattress-grid{grid-template-columns:1fr}.cbd__mattress-grid label:last-child{grid-column:auto}.cbd__controls,.cbd__editor{padding:12px}.cbd__canvas-stage{min-height:330px;padding:8px}.cbd__preview-heading{grid-template-columns:1fr;gap:8px}.cbd__save-row,.cbd__action-row{display:grid;grid-template-columns:1fr}.cbd__primary,.cbd__secondary{width:100%}.cbd__final-grid{grid-template-columns:1fr 1fr}}