*{box-sizing:border-box}body{color:#252525;background:#f0ece4;margin:0;font-family:Inter,system-ui,sans-serif}main{width:min(1200px,100% - 32px);margin:auto;padding:28px 0 60px}.hero{background:#fff;border-radius:24px;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;padding:32px 36px;display:flex;box-shadow:0 4px 24px #0000000d}.pill{color:#7a6f64;background:#f0ece4;border-radius:999px;margin-bottom:10px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}h1{letter-spacing:-.04em;margin:0 0 10px;font-size:clamp(30px,4vw,48px);font-weight:800;line-height:1}.hero p{color:#7a6f64;max-width:640px;margin:0;font-size:15px;line-height:1.55}.smallButton{white-space:nowrap;color:#252525;cursor:pointer;background:#fff;border:1.5px solid #ddd5ca;border-radius:12px;align-items:center;gap:7px;padding:10px 16px;font-size:14px;font-weight:700;display:inline-flex}.smallButton:hover{background:#f8f4ee}.layout{grid-template-columns:1.1fr .9fr;align-items:start;gap:20px;display:grid}.leftCol{gap:20px;display:grid}.card{background:#fff;border-radius:24px;padding:28px;box-shadow:0 4px 24px #0000000d}.card h2{letter-spacing:-.02em;margin:0 0 18px;font-size:18px;font-weight:800}.atelier{background:#faf7f2;border:1.5px solid #e8dfd3}.atelier p{color:#6b6258;margin:6px 0;font-size:14px;line-height:1.5}.fields{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}label{color:#7a6f64;gap:6px;font-size:13px;font-weight:700;display:grid}select{color:#252525;cursor:pointer;background:#fff;border:1.5px solid #e0d8d0;border-radius:12px;width:100%;padding:10px 12px;font-size:14px}select:focus{outline-offset:1px;outline:2px solid #252525}.cordRow{grid-template-columns:32px 1fr;align-items:center;gap:8px;display:grid}.cordDot{border:1.5px solid #00000026;border-radius:50%;width:28px;height:28px;display:block}.swatchLabel{color:#7a6f64;margin:14px 0 8px;font-size:13px;font-weight:700}.swatches{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.sw{cursor:pointer;border:2.5px solid #0000;border-radius:50%;width:32px;height:32px;transition:transform .15s,border-color .15s}.sw:hover{transform:scale(1.18)}.sw.active{border-color:#252525;transform:scale(1.18)}.previewItem{background:#faf7f2;border:1px solid #ede5db;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:200px;margin-top:12px;padding:14px;display:flex;position:relative;overflow:hidden}.previewImg{object-fit:contain;opacity:0;max-width:100%;max-height:180px;transition:opacity .3s;display:block}.previewImg.visible{opacity:1}.imgPlaceholder{background:#ede5db;border-radius:50%;width:80px;height:80px;position:absolute}.previewItem span{color:#252525;text-align:center;margin-top:10px;font-size:13px;font-weight:700}.previewItem small{color:#7a6f64;margin-top:4px;font-size:12px}.summaryCard{position:sticky;top:20px}.previewPair{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.lines{border-top:1px solid #ede5db}.line{border-bottom:1px solid #ede5db;justify-content:space-between;gap:12px;padding:10px 0;font-size:14px;display:flex}.line.subtle{color:#7a6f64;padding:6px 0;font-size:13px}.infoNote{color:#7a6f64;background:#faf7f2;border-radius:12px;margin:14px 0;padding:10px 14px;font-size:13px;line-height:1.4}.totalLine{letter-spacing:-.02em;justify-content:space-between;padding:12px 0 16px;font-size:22px;font-weight:900;display:flex}.btnSecondary,.btnPrimary{cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:13px;font-size:15px;font-weight:800;text-decoration:none;transition:opacity .15s;display:flex}.btnSecondary{color:#252525;background:#fff;border:1.5px solid #ddd5ca}.btnSecondary:hover{background:#f8f4ee}.btnPrimary{color:#fff;background:#252525;border:none}.btnPrimary:hover{opacity:.85}@media (width<=900px){.hero{display:block}.smallButton{margin-top:14px}.layout,.fields{grid-template-columns:1fr}.previewPair{grid-template-columns:1fr 1fr}.summaryCard{position:static}}@media (width<=480px){.previewPair{grid-template-columns:1fr}}