.conf *{box-sizing:border-box;margin:0;padding:0}.conf{--bg: #F8F8F6;--surface: #FFFFFF;--border: #E5E5E3;--text: #1A1A1A;--muted: #999996;--radius: 6px;--font: "Inter", system-ui, sans-serif;font-family:var(--font);font-size:13px;color:var(--text);background:var(--bg);padding:20px}.conf-topbar{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border)}.conf-topbar h1{font-family:Playfair Display,serif;font-size:19px;font-weight:400;letter-spacing:-.01em}.conf-topbar h1 em{font-style:italic;font-weight:300}.conf-topbar p{font-size:10px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.conf-body{display:grid;grid-template-columns:264px 1fr;gap:18px;align-items:start}.conf-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;position:sticky;top:10px;max-height:calc(100vh - 80px);overflow-y:auto}.conf-group{margin-bottom:15px}.conf-group:last-child{margin-bottom:0}.conf-gtitle{font-size:9.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.conf-row{margin-bottom:10px}.conf-row:last-child{margin-bottom:0}.conf-row-lbl{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.conf-row-lbl span{font-size:12px}.conf-lock{width:16px;height:16px;flex-shrink:0;border:none;background:none;cursor:pointer;padding:0;margin-left:6px;color:var(--border);display:flex;align-items:center;justify-content:center;transition:color .15s}.conf-lock:hover{color:var(--muted)}.conf-lock.locked{color:var(--text)}.conf-lock svg{width:11px;height:11px}.conf-row.locked-row input[type=range]{opacity:.3;pointer-events:none}.conf-row.locked-row .conf-val{opacity:.4}.conf-val{font-size:10px;font-weight:500;background:var(--bg);padding:2px 6px;border-radius:3px;min-width:34px;text-align:center}input[type=range]{-webkit-appearance:none;width:100%;height:1px;background:var(--border);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:var(--text);cursor:pointer;transition:transform .15s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.35)}.conf-title-input{width:100%;border:1px solid var(--border);border-radius:var(--radius);padding:7px 10px;font-family:Playfair Display,serif;font-size:13px;font-style:italic;color:var(--text);background:var(--surface);outline:none;transition:border-color .15s}.conf-title-input:focus{border-color:var(--text)}.conf-title-input::placeholder{color:var(--muted)}.conf-title-toggle{display:flex;align-items:center;gap:7px;font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.conf-title-toggle input[type=checkbox]{width:13px;height:13px;cursor:pointer;accent-color:var(--text);flex-shrink:0}.conf-title-fields{display:none;margin-top:10px}.conf-title-fields.visible{display:block}.conf-title-opts{display:flex;align-items:center;gap:7px;margin-top:8px;flex-wrap:nowrap}.conf-title-opts span{font-size:11px;color:var(--muted);white-space:nowrap;flex-shrink:0}.conf-sel{flex:1;min-width:0;border:1px solid var(--border);border-radius:var(--radius);padding:5px 22px 5px 7px;font-size:11px;color:var(--text);background:var(--surface);outline:none;cursor:pointer;font-family:var(--font);-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999996'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px center}.conf-sel:focus{border-color:var(--text)}.conf-sep{height:1px;background:var(--border);margin:13px 0}.conf-key-box{display:flex;gap:6px;margin-top:8px}.conf-key-input{flex:1;min-width:0;border:1px solid var(--border);border-radius:var(--radius);padding:7px 9px;font-size:10px;color:var(--text);background:var(--bg);outline:none;transition:border-color .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conf-key-input:focus{border-color:var(--text);background:var(--surface)}.conf-key-input::placeholder{color:var(--muted);font-style:italic;font-family:var(--font)}.conf-key-btn{padding:7px 10px;flex-shrink:0;font-family:var(--font);font-size:10px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius);cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);white-space:nowrap;transition:all .15s}.conf-key-btn:hover{border-color:var(--text)}.conf-key-btn.copied{border-color:#2d5a1b;color:#2d5a1b}.conf-key-notice{font-size:10px;color:var(--muted);margin-top:6px;line-height:1.4}.conf-color-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-top:8px}.conf-cslot{display:flex;flex-direction:column;align-items:center;gap:3px;transition:opacity .2s}.conf-cslot input[type=color]{-webkit-appearance:none;width:26px;height:26px;border:1.5px solid var(--border);border-radius:4px;padding:2px;background:none;cursor:pointer}.conf-cslot input[type=color]:hover{border-color:var(--text)}.conf-cslot .clbl{font-size:9px;color:var(--muted)}.conf-shades{display:flex;height:3px;border-radius:2px;overflow:hidden;margin-top:8px;gap:1px}.conf-schip{flex:1}.conf-btns{display:flex;gap:7px;margin-top:14px}.conf-btn{flex:1;padding:8px 10px;font-family:var(--font);font-size:10.5px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius);cursor:pointer;transition:all .15s;border:1px solid var(--text)}.conf-btn-primary{background:var(--text);color:#fff}.conf-btn-primary:hover{opacity:.75}.conf-btn-ghost{background:transparent;color:var(--text)}.conf-btn-ghost:hover:not(:disabled){background:var(--text);color:#fff}.conf-btn:disabled{opacity:.35;cursor:not-allowed}.conf-btn-dl{margin-top:7px;width:100%;padding:8px;font-family:var(--font);font-size:10.5px;font-weight:400;letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius);cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--muted);transition:all .15s}.conf-btn-dl:hover{border-color:var(--text);color:var(--text)}.conf-check-row{display:flex;align-items:center;justify-content:space-between;padding:3px 0}.conf-check-row span{font-size:12px}.conf-check-row input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:var(--text);flex-shrink:0}.conf-color-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;margin-top:6px}.conf-color-row span{font-size:12px}.conf-color-row input[type=color]{-webkit-appearance:none;width:26px;height:26px;border:1.5px solid var(--border);border-radius:4px;padding:2px;background:none;cursor:pointer}.conf-color-row input[type=color]:hover{border-color:var(--text)}.conf-order{margin-top:10px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.conf-order-header{padding:9px 12px;background:var(--surface);border-bottom:1px solid var(--border);font-size:9.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.conf-order-body{padding:12px;display:flex;flex-direction:column;gap:8px}.conf-order-sel{width:100%;padding:7px 8px;font-family:var(--font);font-size:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.conf-order-sel:focus{border-color:var(--text)}.conf-order-price{font-size:14px;font-weight:500;text-align:right;color:var(--text);letter-spacing:-.01em}.conf-btn-order{width:100%;padding:11px;font-family:var(--font);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius);cursor:pointer;border:none;background:var(--text);color:#fff;transition:opacity .15s,background .2s}.conf-btn-order:hover{opacity:.75}.conf-btn-order.loading{opacity:.5;pointer-events:none}.conf-btn-order.added{background:#2d5a1b;opacity:1}.conf-preview{display:flex;flex-direction:column;gap:10px}.conf-preview-bar{display:flex;justify-content:space-between;align-items:center}.conf-preview-bar span{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.conf-frame-wrap{position:relative;height:calc(100vh - 110px);width:calc((100vh - 110px) * (4200 / 5939));max-width:100%;overflow:hidden;background:#fff;flex-shrink:0}.conf-frame-canvas{display:none}.conf-display{display:block;width:100%;height:100%;image-rendering:auto}.conf-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffe0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;opacity:0;pointer-events:none;transition:opacity .18s}.conf-overlay.on{opacity:1;pointer-events:all}.conf-overlay p{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.conf-spin{width:16px;height:16px;border:1.5px solid var(--border);border-top-color:var(--text);border-radius:50%;animation:confSpin .7s linear infinite}@keyframes confSpin{to{transform:rotate(360deg)}}.conf-preview-row{display:flex;gap:12px;align-items:flex-start}.conf-preview-col{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.conf-mockup-wrap{position:relative;overflow:hidden;flex-shrink:0}.conf-mockup-canvas{display:block}.conf-group--key>.conf-gtitle{display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none;-webkit-user-select:none;margin-bottom:0}.conf-group--key>.conf-gtitle:after{content:"\fe40";font-size:12px;color:var(--muted);transition:transform .2s;flex-shrink:0;margin-left:6px;line-height:1}.conf-group--key.open>.conf-gtitle:after{transform:rotate(180deg)}.conf-group--key>.conf-group-body{display:none;padding-top:8px}.conf-group--key.open>.conf-group-body{display:block}@media(max-width:800px){.conf{padding:12px}.conf-topbar h1{font-size:17px}.conf-topbar p{display:none}.conf-body{grid-template-columns:1fr;gap:0}.conf-panel{position:static;max-height:none;overflow-y:visible;border-radius:0;border-left:none;border-right:none;border-top:none;padding:0}.conf-group{margin-bottom:0;border-bottom:1px solid var(--border)}.conf-group:last-child{border-bottom:none}.conf-gtitle{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;margin-bottom:0;cursor:pointer;font-size:11px;user-select:none;-webkit-user-select:none}.conf-gtitle:after{content:"\fe40";font-size:14px;color:var(--muted);transition:transform .2s;flex-shrink:0}.conf-group.open>.conf-gtitle:after{transform:rotate(180deg)}.conf-group-body{display:none;padding:0 16px 16px}.conf-group.open>.conf-group-body{display:block}.conf-sep{display:none}input[type=range]{height:3px}input[type=range]::-webkit-slider-thumb{width:22px;height:22px}.conf-row-lbl span{font-size:13px}.conf-row{margin-bottom:18px}.conf-val{font-size:12px;padding:3px 8px}.conf-lock{display:none}.conf-btns{margin-top:0;padding:14px 16px;gap:10px}.conf-btn{padding:13px 10px;font-size:12px}.conf-btn-dl{border-radius:0;border-left:none;border-right:none;border-bottom:none;padding:13px 16px;font-size:12px;margin-top:0}.conf-key-box{gap:8px}.conf-key-input{font-size:11px;padding:9px 10px}.conf-key-btn{padding:9px 12px;font-size:10px}.conf-key-notice{font-size:10px}.conf-title-input{font-size:15px;padding:10px 12px}.conf-cslot input[type=color]{width:36px;height:36px}.conf-preview{margin-top:0}.conf-preview-row{flex-direction:column;gap:0}.conf-preview-col:last-child{display:none}.conf-frame-wrap{height:auto!important;width:100%!important;aspect-ratio:4200 / 5939;max-width:100%}.conf-preview-bar{padding:10px 16px}.conf-preview-bar span{font-size:11px}}.conf-tip{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:var(--muted, #aaa);color:#fff;font-size:9px;font-weight:700;line-height:1;cursor:help;margin-left:6px;flex-shrink:0;opacity:.5;transition:opacity .15s;vertical-align:middle;pointer-events:auto}.conf-tip:hover{opacity:1}.conf-portrait-msg{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:9999;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px 32px;text-align:center;font-family:var(--font, "Inter", sans-serif)}.conf-portrait-icon{font-size:52px;display:block;animation:conf-rotate-hint 2.4s ease-in-out infinite;transform-origin:center}@keyframes conf-rotate-hint{0%{transform:rotate(0)}35%{transform:rotate(90deg)}65%{transform:rotate(90deg)}to{transform:rotate(0)}}.conf-portrait-msg p{font-size:15px;line-height:1.6;color:#333;max-width:240px;margin:0}.conf-portrait-msg strong{color:#111}@media(orientation:portrait)and (max-width:900px){.conf-portrait-msg{display:flex}}.conf-title-pos{margin-top:12px}.conf-title-pos-label{font-size:11px;color:var(--muted);margin-bottom:6px}.conf-title-pos-row{display:flex;align-items:flex-start;gap:10px}.conf-title-pos-pad{position:relative;flex-shrink:0;width:72px;height:101px;background:var(--bg, #f8f8f8);border:1px solid var(--border);border-radius:3px;cursor:crosshair;touch-action:none;user-select:none;-webkit-user-select:none}.conf-title-pos-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:#222;border:1.5px solid #fff;box-shadow:0 0 0 1px #555;transform:translate(-50%,-50%);pointer-events:none;transition:left .05s,top .05s}.conf-title-pos-right{flex:1;min-width:0}.conf-title-angle-lbl{display:flex;justify-content:space-between;font-size:11px;margin-bottom:4px;color:var(--muted)}.conf-title-angle-lbl .conf-val{color:var(--fg, #111);font-size:11px}.conf-title-pos-reset{margin-top:8px;font-size:10px;padding:3px 8px;border:1px solid var(--border);border-radius:3px;background:transparent;cursor:pointer;color:var(--muted);width:100%}.conf-title-pos-reset:hover{color:var(--fg)}body.conf-no-bgcolor .conf-color-row:has(#conf-bg-color){display:none!important}body.conf-no-titlecolor .conf-color-row:has(#conf-title-color){display:none!important}body.conf-no-overlap .conf-check-row:has(#crc-chk-no-overlap){display:none!important}body.conf-no-additive .conf-check-row:has(#crc-chk-additive){display:none!important}
/*# sourceMappingURL=/cdn/shop/t/1/assets/configurateur.css.map */