#configurateur,#configurateur *,#configurateur *:before,#configurateur *:after{margin:0;padding:0;box-sizing:border-box}#configurateur{display:flex;width:1180px;height:600px;overflow:hidden;position:relative;background:#151514;color:#e0e0e0;font-family:system-ui,sans-serif}#configurateur .panel{width:280px;background:#1e1e1d;display:flex;flex-direction:column;flex-shrink:0}#configurateur .panel-title{font-size:1.1rem;font-weight:600;margin-bottom:16px}#configurateur .panel-section{margin-bottom:16px}#configurateur .panel-label{font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#999;margin-bottom:8px}#configurateur .panel-error{color:#e05050;font-size:.9rem}#configurateur .chips{display:flex;flex-wrap:wrap;gap:8px}#configurateur .chip{background:#2a2a29;color:#ccc;border:1px solid #444;border-radius:6px;padding:8px 14px;font-size:.85rem;cursor:pointer;transition:background .15s,border-color .15s}#configurateur .chip:hover{background:#333;border-color:#888}#configurateur .chip--active{background:#444;color:#fff;border-color:#aaa}#configurateur .prix-display{margin-top:20px;padding-top:16px;border-top:1px solid #333;font-size:1.2rem;font-weight:600;color:#fff}#configurateur .step-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:12px;border-bottom:1px solid #333;flex-shrink:0}#configurateur .step-tab{background:#2a2a29;color:#999;border:1px solid #444;border-radius:6px;padding:6px 10px;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}#configurateur .step-tab:hover{background:#333;color:#ccc}#configurateur .step-tab--active{background:#444;color:#fff;border-color:#aaa}#configurateur .panel-tools{flex:1;overflow-y:auto;padding:20px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#555 #1e1e1d}#configurateur .panel-tools::-webkit-scrollbar{width:10px}#configurateur .panel-tools::-webkit-scrollbar-track{background:#1e1e1d}#configurateur .panel-tools::-webkit-scrollbar-thumb{background:#555;border-radius:5px;border:2px solid #1e1e1d}#configurateur .panel-tools::-webkit-scrollbar-thumb:hover{background:#777}#configurateur .step-pane[hidden]{display:none}#configurateur .panel-footer{flex-shrink:0;padding:12px;border-top:1px solid #333;display:flex;flex-direction:column;gap:8px}#configurateur .nav-buttons{display:flex;gap:8px}#configurateur .total-display{padding-top:8px;border-top:1px solid #333;font-size:1.1rem;font-weight:600;color:#fff;text-align:right}#configurateur .btn{border-radius:6px;padding:8px 14px;font-size:.85rem;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s}#configurateur .btn:disabled{opacity:.35;cursor:not-allowed}#configurateur .btn--reset{background:transparent;color:#c98;border:1px solid #663344}#configurateur .btn--reset:hover{background:#2a1f24;border-color:#a56}#configurateur .btn--nav{flex:1;background:#2a2a29;color:#ccc;border:1px solid #444}#configurateur .btn--nav:hover:not(:disabled){background:#333;border-color:#888}#configurateur .step2-counter{font-size:.85rem;font-weight:600;color:#ccc;margin-bottom:6px}#configurateur .step2-message{min-height:1.1em;font-size:.85rem;color:#e05050;margin-bottom:10px}#configurateur .btn--image{width:100%;margin-bottom:16px;background:#2a2a29;color:#ccc;border:1px solid #444}#configurateur .btn--image:hover{background:#333;border-color:#888}#configurateur .btn--image-active{background:#3a2a30;color:#fff;border-color:#a56}#configurateur .step2-image-note{font-size:.78rem;line-height:1.35;color:#999;margin-bottom:16px}#configurateur .btn--image:has(+.step2-image-note:not([hidden])){margin-bottom:6px}#configurateur .context-actions{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}#configurateur .context-actions:empty{margin-bottom:0}#configurateur .btn--context{width:100%;background:#2a2a29;color:#ccc;border:1px solid #444}#configurateur .btn--context:hover{background:#333;border-color:#888}#configurateur .decor-help{font-size:.78rem;line-height:1.4;color:#999;margin-bottom:10px}#configurateur .recap-list{display:flex;flex-direction:column}#configurateur .recap-line{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;font-size:.85rem;border-bottom:1px solid #2a2a29}#configurateur .recap-name{color:#ccc}#configurateur .recap-price{color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}#configurateur .recap-empty{padding:7px 0;font-size:.85rem;font-style:italic;color:#888}#configurateur .recap-footer{margin-top:14px;padding-top:12px;border-top:1px solid #333}#configurateur .recap-shipping{font-size:.8rem;color:#999;margin-bottom:8px}#configurateur .recap-total{font-size:1.15rem;font-weight:600;color:#fff;text-align:right}#configurateur .recap-download{margin-top:16px}#configurateur .recap-sauvegarder{margin-top:8px}#configurateur .btn--commander{width:100%;margin-top:10px;padding:12px 14px;background:#2a2a29;color:#c5a065;border:1px solid #C5A065;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}#configurateur .btn--commander:hover:not(:disabled){background:#c5a065;color:#1a1a1a}#configurateur .commander-erreur{margin-top:8px;font-size:.8rem;color:#b3443b}#configurateur .commander-erreur:empty{margin-top:0}#configurateur .motif-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}#configurateur .motif-swatch{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;background:#2a2a29;border:1px solid #444;border-radius:6px;cursor:pointer;transition:border-color .15s}#configurateur .motif-swatch:hover{border-color:#888}#configurateur .motif-swatch--active{border-color:#fff;background:#333}#configurateur .motif-swatch img{width:80px;height:80px;object-fit:contain;background:#151514;border-radius:4px}#configurateur .motif-swatch-price{font-size:.7rem;color:#999}#configurateur .step-counter{font-size:.85rem;font-weight:600;color:#ccc;margin-bottom:6px}#configurateur .step-message{min-height:1.1em;font-size:.85rem;color:#e05050;margin-bottom:10px}#configurateur .text-add-row{display:flex;gap:8px;margin-bottom:14px}#configurateur .text-input{width:100%;background:#2a2a29;color:#eee;border:1px solid #444;border-radius:6px;padding:8px 10px;font-size:.85rem}#configurateur .text-input:focus{outline:none;border-color:#888}#configurateur textarea.text-input{resize:vertical;min-height:38px;font-family:inherit;line-height:1.3}#configurateur .btn--add{flex-shrink:0;background:#2a2a29;color:#fff;border:1px solid #555}#configurateur .btn--add:hover{background:#333;border-color:#888}#configurateur .btn--remove{flex-shrink:0;background:transparent;color:#c98;border:1px solid #663344;padding:6px 10px;font-size:.78rem}#configurateur .btn--remove:hover{background:#2a1f24;border-color:#a56}#configurateur .inspo{margin-bottom:16px;background:#242423;border:1px solid #3a3a39;border-radius:8px}#configurateur .inspo summary{padding:10px 12px;font-size:.85rem;font-weight:600;color:#ccc;cursor:pointer;-webkit-user-select:none;user-select:none}#configurateur .inspo summary:hover{color:#fff}#configurateur .inspo-list{max-height:220px;overflow-y:auto;padding:0 8px 8px;display:flex;flex-direction:column;gap:6px}#configurateur .citation{text-align:left;background:#2a2a29;color:#bbb;border:1px solid #444;border-radius:6px;padding:8px 10px;font-size:.8rem;line-height:1.35;cursor:pointer;transition:background .15s,border-color .15s,color .15s}#configurateur .citation:hover{background:#333;border-color:#888;color:#fff}#configurateur .text-card-list{display:flex;flex-direction:column;gap:12px}#configurateur .text-card{background:#242423;border:1px solid #3a3a39;border-radius:8px;padding:10px}#configurateur .text-card--selected{border-color:#aaa}#configurateur .text-card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px}#configurateur .text-card-price{font-size:.8rem;font-weight:600;color:#fff;white-space:nowrap}#configurateur .field-label{display:block;font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#999;margin:10px 0 4px}#configurateur .font-select{width:100%;background:#2a2a29;color:#eee;border:1px solid #444;border-radius:6px;padding:7px 8px;font-size:.9rem;cursor:pointer}#configurateur .font-select:focus{outline:none;border-color:#888}#configurateur .slider-row{display:flex;align-items:center;gap:8px}#configurateur .slider-row input[type=range]{flex:1;min-width:0;accent-color:#aaa}#configurateur .slider-val{min-width:52px;text-align:right;font-size:.8rem;color:#ccc;font-variant-numeric:tabular-nums}#configurateur .seg{display:flex;flex-wrap:wrap;gap:6px}#configurateur .seg-btn{flex:1 1 auto;background:#2a2a29;color:#ccc;border:1px solid #444;border-radius:6px;padding:6px 8px;font-size:.78rem;cursor:pointer;transition:background .15s,border-color .15s,color .15s}#configurateur .seg-btn:hover{background:#333;border-color:#888}#configurateur .seg-btn--active{background:#444;color:#fff;border-color:#aaa}