.cd-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);grid-gap:24px;gap:24px;align-items:start}.cd-phases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px;margin:16px 0 24px}.cd-phase{display:flex;align-items:center;gap:10px;min-width:0;min-height:64px;padding:12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease}.cd-phase:hover{border-color:var(--border-input-hover)}.cd-phase:focus-visible{outline:2px solid var(--action-primary);outline-offset:3px}.cd-phase-stamp{flex:0 0 28px;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--bg-surface-sunken);color:var(--text-secondary)}.cd-phase-stamp svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cd-phase-text{display:grid;min-width:0;grid-gap:3px;gap:3px}.cd-phase-text b{font-size:13px;line-height:1.3}.cd-phase-text small{font-size:11px;line-height:1.4;color:var(--text-tertiary)}.cd-phase.current{border-color:var(--action-primary);background:var(--bg-nav-active);color:var(--text-link);box-shadow:inset 0 0 0 1px var(--action-primary)}.cd-phase.current .cd-phase-stamp{background:var(--bg-surface);color:var(--text-brand)}.cd-guide-finish{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;padding:20px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface)}.cd-guide-finish strong{font-size:14px}.cd-guide-finish p{margin:4px 0 0;font-size:13px;color:var(--text-secondary)}.cd-guide-finish>.button{flex:0 0 auto;width:auto}.cd-panel{display:grid;grid-gap:16px;gap:16px}.cd-block{padding:18px 20px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);min-width:0}.cd-block h2{margin:0 0 4px;font-size:17px}.cd-lead{margin:0 0 14px;font-size:13px;color:var(--text-secondary)}.cd-inline{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.cd-inline .cd-lead{margin:0}.cd-inline .button{width:auto;flex:0 0 auto}.cd-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.cd-field{display:grid;grid-gap:6px;gap:6px;margin-bottom:12px;font-size:12.5px;font-weight:700;color:var(--text-secondary)}.cd-field input:not([type=range]),.cd-field select,.cd-hex,.cd-section input,.cd-section textarea{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--border-input);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font:inherit;font-weight:500}.cd-field small{font-weight:500;color:var(--text-tertiary)}.cd-estimate{margin:4px 0 0;padding:12px 14px;border-radius:var(--radius-sm);background:var(--info-bg);color:var(--info-text);font-size:13.5px}.cd-label{margin:12px 0 8px;font-size:12.5px;font-weight:700;color:var(--text-secondary)}.cd-looks{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-gap:10px;gap:10px}.cd-icon,.cd-look,.cd-option{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);cursor:pointer}.cd-icon[aria-checked=true],.cd-look[aria-checked=true],.cd-option[aria-checked=true]{border-color:var(--border-selected);box-shadow:inset 0 0 0 1px var(--border-selected);background:var(--bg-selected)}.cd-look{display:grid;grid-gap:8px;gap:8px;padding:8px;text-align:left}.cd-look-text{display:grid;padding:0 4px 4px}.cd-look-text small{color:var(--text-tertiary);font-size:12px}.cd-mini-strip{display:block;border-radius:8px;overflow:hidden}.cd-mini-strip svg{display:block;width:100%;height:auto}.cd-colors{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-gap:12px;gap:12px}.cd-color{display:grid;grid-gap:6px;gap:6px;padding:10px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.cd-color-row{display:flex;gap:8px}.cd-color input[type=color]{flex:0 0 44px;height:44px;padding:2px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-surface)}.cd-hex{font-family:ui-monospace,Menlo,monospace;text-transform:uppercase}.cd-contrast{margin:12px 0 0;font-size:13px}.cd-contrast.ok{color:var(--success-text)}.cd-contrast.warn{color:var(--warning-text)}.cd-pair-groups{display:grid;grid-gap:14px;gap:14px}.cd-pair-group{margin:0;padding:0;border:0;min-width:0}.cd-pair-group>legend{margin-bottom:8px;font-size:12px;font-weight:800;letter-spacing:.04em;color:var(--text-secondary)}.cd-pairs{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));grid-gap:8px;gap:8px}.cd-pair{display:grid;grid-gap:6px;gap:6px;padding:6px 6px 8px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);font-size:12px;font-weight:600;cursor:pointer}.cd-pair[aria-checked=true]{border-color:var(--border-selected);box-shadow:inset 0 0 0 1px var(--border-selected);background:var(--bg-selected)}.cd-pair .cd-mini-strip{border-radius:10px}.cd-icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));grid-gap:8px;gap:8px}.cd-icon{display:grid;justify-items:center;grid-gap:6px;gap:6px;padding:10px 4px;font-size:11.5px;font-weight:600}.cd-icon-glyph{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cd-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));grid-gap:8px;gap:8px;margin-bottom:8px}.cd-option{display:grid;grid-gap:6px;gap:6px;padding:6px 6px 8px;font-size:12.5px;font-weight:600}.cd-check{display:flex;gap:8px;align-items:center;font-size:13.5px;font-weight:600}.cd-sections{list-style:none;margin:0 0 10px;padding:0;display:grid;grid-gap:10px;gap:10px}.cd-section{display:grid;grid-gap:6px;gap:6px;padding:12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.cd-section-head{display:flex;gap:8px}.cd-section-tools{display:flex;gap:4px}.cd-section-tools button{width:44px;min-height:44px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface)}.cd-section textarea{min-height:72px;padding:10px 12px;resize:vertical}.cd-section small{justify-self:end;color:var(--text-tertiary)}.cd-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}.cd-nav span{font-size:13px;color:var(--text-tertiary)}.cd-preview{position:-webkit-sticky;position:sticky;top:88px;display:grid;grid-gap:12px;gap:12px;padding:16px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface)}.cd-preview-head{display:flex;justify-content:space-between;align-items:baseline}.cd-preview-head span{font-size:12px;color:var(--text-tertiary)}.cd-slider{margin:0}.cd-tabs{display:grid;grid-template-columns:repeat(2,1fr);padding:4px;border-radius:var(--radius-md);background:var(--bg-surface-sunken)}.cd-tabs button{min-height:40px;border:0;border-radius:8px;background:none;font-size:13px;font-weight:600;color:var(--text-secondary)}.cd-tabs button[aria-selected=true]{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-card)}.cd-preview-tools{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.cd-flip{display:grid;perspective:1400px}.cd-flip-face{grid-area:1/1;min-width:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.cd-flip-back{display:grid;transform:rotateY(-180deg)}.cd-flip-back .cd-back{align-content:start}.cd-flip[data-back=true] .cd-flip-face:first-child{transform:rotateY(180deg)}.cd-flip[data-back=true] .cd-flip-back{transform:rotateY(0deg)}@media (prefers-reduced-motion:reduce){.cd-flip-face{transform:none!important;transition:opacity .2s ease}.cd-flip[data-back=false] .cd-flip-back,.cd-flip[data-back=true] .cd-flip-face:first-child{opacity:0}}.cd-back{display:grid;grid-gap:10px;gap:10px;padding:16px;border-radius:18px;background:var(--bg-surface-sunken);max-height:520px;overflow:auto}.cd-back-row small{font-weight:700;color:var(--text-secondary)}.cd-back-row p{margin:2px 0 0;font-size:13px}.cd-back-foot{color:var(--text-tertiary)}.cd-compare{display:grid;grid-gap:10px;gap:10px}.cd-compare figure{margin:0}.cd-compare svg{display:block;width:100%;height:auto;border-radius:10px}.cd-compare figcaption{font-size:11.5px;color:var(--text-secondary)}@media (max-width:980px){.cd-layout{grid-template-columns:minmax(0,1fr)}.cd-preview{position:static;order:-1}}@media (max-width:640px){.cd-grid-2{grid-template-columns:minmax(0,1fr)}.cd-phases{grid-template-columns:repeat(2,minmax(0,1fr))}.cd-phase{padding:12px 10px;gap:8px}.cd-guide-finish{flex-direction:column;align-items:flex-start;padding:16px}.cd-block{padding:16px}}.cd-segmented{display:inline-flex;flex-wrap:wrap;padding:4px;gap:4px;border-radius:var(--radius-md);background:var(--bg-surface-sunken)}.cd-segmented button{min-height:40px;padding:0 14px;border:0;border-radius:8px;background:none;font-size:13px;font-weight:600;color:var(--text-secondary)}.cd-segmented button[aria-checked=true]{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-card)}.cd-hint{display:block;margin-top:8px;font-size:12px;color:var(--text-tertiary)}.cd-block .ob-field{margin:14px 0;font-size:12.5px}.cd-block .ob-field input:not([type=color]),.cd-block .ob-field select{min-height:44px;border-color:var(--border-input);color:var(--text-primary);font-size:14px}.cd-block .ob-field-label{margin:16px 0 8px;font-size:12.5px;color:var(--text-secondary)}.cd-block .ob-callout>p,.cd-block .ob-field-hint,.cd-block .ob-number-options small,.cd-block .ob-quick-options button{font-size:12.5px}.cd-block .ob-number-options strong{font-size:24px}.cd-block .ob-quick-options button{padding:8px 12px;color:var(--text-secondary)}.cd-phases-membership{grid-template-columns:repeat(3,minmax(0,1fr))}.cd-mini-member{position:relative}.cd-mini-member>b{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 8%;font-size:12px;letter-spacing:2px}.cd-mini-member>b>span{font-size:28px}@media (max-width:600px){.cd-phases-membership{grid-template-columns:repeat(2,minmax(0,1fr))}.cd-phases-membership .cd-phase:last-child{grid-column:1/-1}}