.configurator-layout{align-items:flex-start;gap:32px;display:flex}.configurator__left{top:calc(var(--nav-h,68px) + 16px);flex-direction:column;flex:0 0 50%;gap:0;display:flex;position:sticky}.configurator__hints{background:var(--c-bg-alt);border-radius:var(--radius-sm);border:1px solid #c4907a26;flex-direction:column;gap:0;margin-top:16px;padding:20px 24px;display:flex}.configurator__preview{background:var(--c-bg-alt);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.configurator__preview-stage{justify-content:center;width:100%;max-width:500px;display:flex;position:relative}.configurator__preview-img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-lg);width:100%;max-width:500px;height:auto;display:block}.configurator__preview-name{max-width:88%;font-family:var(--font-script);color:#5a5a5ab3;text-align:center;text-shadow:0 1px 1px #fff6;border-radius:var(--radius-sm);word-break:break-word;pointer-events:none;padding:6px 14px;font-size:24px;line-height:1.2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.configurator__preview-name--block{font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;font-size:20px;font-weight:500}.configurator__preview-hint{color:var(--c-ink-muted);text-align:center;margin:0;font-size:.75rem}.configurator__form{flex-direction:column;flex:50%;gap:20px;display:flex}@media (width<=768px){.configurator-layout{flex-direction:column}.configurator__left{flex:auto;width:100%;position:static}.configurator__preview{width:100%}.configurator__form{flex:auto;width:100%}}.plaettchenform-options{gap:10px;display:flex}.plaettchenform-option{border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition), background var(--transition);text-align:center;border:1.5px solid #c4907a40;flex-direction:column;flex:1;align-items:center;gap:4px;padding:14px 8px;display:flex}.plaettchenform-option input[type=radio]{display:none}.plaettchenform-option:hover{border-color:var(--c-accent)}.plaettchenform-option--selected{border-color:var(--c-accent);background:#c4907a0f}.plaettchenform-option__label{color:var(--c-ink);font-size:.85rem;font-weight:500}.plaettchenform-option__shape{border:1.5px solid var(--c-ink-muted);width:26px;height:18px}.plaettchenform-option__shape--rechteckig{border-radius:4px}.plaettchenform-option__shape--oval{border-radius:50%}.plaettchenform-option__shape--kreis{border-radius:50%;width:18px}.font-options{gap:10px;display:flex}.font-option{border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition), background var(--transition);text-align:center;border:1.5px solid #c4907a40;flex-direction:column;flex:1;align-items:center;gap:4px;padding:14px 8px;display:flex}.font-option input[type=radio]{display:none}.font-option:hover{border-color:var(--c-accent)}.font-option--selected{border-color:var(--c-accent);background:#c4907a0f}.font-option__preview{color:var(--c-ink);font-size:1.1rem}.font-option__preview--script{font-family:var(--font-script)}.font-option__preview--block{font-family:var(--font-body);letter-spacing:.04em;font-weight:500}.font-option__desc{color:var(--c-ink-muted);font-size:.7rem}.chain-shape-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}@media (width<=480px){.chain-shape-options{grid-template-columns:repeat(2,1fr)}}.chain-shape-option{border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition), background var(--transition);text-align:center;border:1.5px solid #c4907a40;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 6px;display:flex}.chain-shape-option input[type=radio]{display:none}.chain-shape-option:hover{border-color:var(--c-accent)}.chain-shape-option--selected{border-color:var(--c-accent);background:#c4907a0f}.chain-shape-option__icon{border-radius:3px;width:100%;height:20px;display:block;overflow:hidden}.chain-shape-option__icon img{object-fit:contain;width:100%;height:100%;display:block}.chain-shape-option__label{letter-spacing:.02em;color:var(--c-ink-light);font-size:.62rem;font-weight:500}.staerke-options{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}@media (width<=480px){.staerke-options{grid-template-columns:repeat(3,1fr)}}.staerke-option{border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition), background var(--transition);text-align:center;border:1.5px solid #c4907a40;justify-content:center;align-items:center;padding:10px 4px;display:flex}.staerke-option input[type=radio]{display:none}.staerke-option:hover{border-color:var(--c-accent)}.staerke-option--selected{border-color:var(--c-accent);background:#c4907a0f}.staerke-option__label{color:var(--c-ink);font-size:.78rem;font-weight:500}.form-group[hidden]{display:none!important}.configurator__length-guide-link{color:var(--c-accent);transition:color var(--transition);margin:0;padding:8px 0;font-size:.75rem;text-decoration:none}.configurator__length-guide-link:hover,.configurator__length-guide-link:focus-visible{color:var(--c-ink);text-decoration:underline}.configurator__hint-note,.configurator__hint-safety{color:var(--c-ink-muted);border-top:1px solid #c4907a1a;margin:0;padding:8px 0;font-size:.7rem;line-height:1.5}.length-guide-modal{z-index:1000;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.length-guide-modal--open{display:flex}.length-guide-modal__overlay{background:#3d2318b8;position:absolute;inset:0}.length-guide-modal__content{z-index:1;width:90%;max-width:600px;max-height:90vh;animation:.25s length-guide-modal-in;display:flex;position:relative}.length-guide-modal__content img{object-fit:contain;border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-soft);margin:0 auto;display:block}.length-guide-modal__close{background:var(--c-bg-alt,#fff);width:36px;height:36px;color:var(--c-ink);cursor:pointer;box-shadow:var(--shadow-soft);transition:background var(--transition), color var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;line-height:1;display:flex;position:absolute;top:-16px;right:-16px}.length-guide-modal__close:hover,.length-guide-modal__close:focus-visible{background:var(--c-accent);color:#fff}@keyframes length-guide-modal-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (width<=480px){.length-guide-modal__close{top:-12px;right:4px}}