.smb-mp{--smb-mp-ink:#1e2020;--smb-mp-muted:#ffffff;--smb-mp-line:rgba(30, 32, 32, .14);--smb-mp-stage:#f2f1ee;--smb-mp-radius:10px;clear:both;margin:2.5em 0;color:inherit;font:inherit}.smb-mp *,.smb-mp *::before,.smb-mp *::after{box-sizing:border-box}.smb-mp__head{margin-bottom:1.1em}.smb-mp__title{margin:0 0 .3em;font-size:1.5em;line-height:1.2}.smb-mp__intro{margin:0;color:var(--smb-mp-muted)}.smb-mp__body{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:24px;align-items:start}@media (max-width:820px){.smb-mp__body{grid-template-columns:1fr;gap:16px}}.smb-mp__stage{position:relative;box-sizing:content-box!important;aspect-ratio:5 / 3;border-radius:var(--smb-mp-radius);overflow:hidden;background:var(--smb-mp-stage);border:1px solid var(--smb-mp-line)}.smb-mp__bike,.smb-mp__surface,.smb-mp__layer,.smb-mp__framefill{position:absolute;inset:0;width:100%;height:100%}.smb-mp__bike,.smb-mp__surface{transition:opacity .25s ease}.smb-mp__layer{display:block;overflow:visible}.smb-mp__framefill{will-change:background-position}.smb-mp__surface{overflow:hidden}.smb-mp__art{position:absolute;pointer-events:none;will-change:transform,background-position}.smb-mp__reset{appearance:none;cursor:pointer;margin:0;padding:0;flex:none;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--smb-mp-line);background:#fff;color:var(--smb-mp-ink)}.smb-mp__reset:hover{background:var(--smb-mp-stage)}.smb-mp__reset svg{display:block}.smb-mp__num{display:inline-flex;align-items:center;gap:2px;flex:none;margin:0;border:1px solid var(--smb-mp-line);border-radius:6px;background:#fff;padding:0 6px 0 2px;color:var(--smb-mp-ink)}.smb-mp__num input[type="number"]{width:4.2em;border:0!important;outline:0;margin:0;padding:4px 2px!important;background:transparent!important;box-shadow:none!important;font:inherit;font-size:.92em;text-align:right;font-variant-numeric:tabular-nums;color:var(--smb-mp-ink)}.smb-mp__num:focus-within{outline:2px solid var(--smb-mp-ink);outline-offset:1px}.smb-mp__unit{display:inline-block;min-width:1em;font-size:.85em;color:var(--smb-mp-ink);opacity:.7}.smb-mp__reset:focus-visible{outline:2px solid var(--smb-mp-ink);outline-offset:2px}.smb-mp__stage[data-view="frame"] .smb-mp__surface,.smb-mp__stage[data-view="surface"] .smb-mp__bike{opacity:0;pointer-events:none}.smb-mp__outline{stroke:rgb(0 0 0 / .28)}.smb-mp__stage.is-light .smb-mp__outline{stroke:rgb(0 0 0 / .42)}.smb-mp__controls{display:flex;flex-direction:column;gap:18px}.smb-mp__label{font-size:.78em;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--smb-mp-muted);margin-bottom:8px}.smb-mp__seg{display:inline-flex;padding:3px;border-radius:999px;background:var(--smb-mp-stage);border:1px solid var(--smb-mp-line)}.smb-mp__segbtn{appearance:none;border:0;margin:0;cursor:pointer;padding:.45em 1.1em;border-radius:999px;font:inherit;font-size:.92em;line-height:1.2;background:#fff0;color:var(--smb-mp-ink)}.smb-mp__segbtn[aria-pressed="true"]{background:var(--smb-mp-ink);color:#fff}.smb-mp__swatches{display:flex;flex-wrap:wrap;gap:14px 12px}.smb-mp__swatch{position:relative;appearance:none;cursor:pointer;margin:0 0 18px;padding:0;font:inherit;font-size:1rem;width:44px;height:44px;border-radius:50%;border:1px solid rgb(0 0 0 / .2);box-shadow:0 0 0 0 var(--smb-mp-ink);transition:box-shadow .15s ease}.smb-mp__swatch[aria-pressed="true"],.smb-mp__swatch--custom.is-active{box-shadow:0 0 0 3px #00b5db}.smb-mp__swname{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:5px;font-size:.72em;line-height:1;white-space:nowrap;color:var(--smb-mp-muted)}.smb-mp__swatch--custom{display:inline-block;background:conic-gradient(#e33,#e9e035,#3c3,#3cc,#36e,#c3c,#e33)}.smb-mp__swatch--custom.is-active{background:radial-gradient(circle,var(--smb-mp-custom,#888) 0 55%,transparent 56%),conic-gradient(#e33,#e9e035,#3c3,#3cc,#36e,#c3c,#e33)}.smb-mp__swatch--none{background:linear-gradient(to bottom right,transparent calc(50% - 1px),#e03131 calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px)),repeating-conic-gradient(#d6d6d6 0 25%,#fff 0 50%) 0 0 / 12px 12px;overflow:visible}.smb-mp__dot.is-none,.smb-mp__pat.is-none{background:#fff repeating-conic-gradient(#d6d6d6 0 25%,#fff 0 50%) 0 0 / 16px 16px!important}.smb-mp__swatch--custom input[type="color"]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0}.smb-mp__swatch:focus-visible,.smb-mp__swatch--custom:focus-within,.smb-mp__segbtn:focus-visible,.smb-mp__pat:focus-visible{outline:2px solid var(--smb-mp-ink);outline-offset:3px}.smb-mp__hexrow{display:inline-flex;align-items:center;gap:8px;margin-top:4px;border:1px solid var(--smb-mp-line);border-radius:6px;padding:4px 10px 4px 6px;background:#fff}.smb-mp__dot{width:22px;height:22px;border-radius:4px;border:1px solid rgb(0 0 0 / .2);flex:none}.smb-mp__hex{width:6.5em;border:0!important;outline:0;padding:4px 0!important;margin:0;font:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;background:transparent!important;box-shadow:none!important;color:var(--smb-mp-ink)}.smb-mp__patterns{display:flex;flex-wrap:wrap;gap:8px}.smb-mp__pat{appearance:none;cursor:pointer;padding:0;margin:0;width:150px;height:150px;overflow:hidden;border-radius:6px;border:1px solid var(--smb-mp-line);background:repeating-conic-gradient(#e2e2df 0 25%,#fff 0 50%) 0 0 / 10px 10px}.smb-mp__pat img{width:100%;height:100%;object-fit:cover;display:block}.smb-mp__pat[aria-pressed="true"]{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--smb-mp-ink)}@media (max-width:560px){.smb-mp__pat{width:calc(50% - 4px);height:auto;aspect-ratio:1 / 1}}.smb-mp__zoomrow{display:flex;align-items:center;gap:12px}.smb-mp__zoomrow input[type="range"]{flex:1;accent-color:var(--smb-mp-ink);margin:0}.smb-mp__zval{min-width:3.5em;text-align:right;font-variant-numeric:tabular-nums;color:var(--smb-mp-muted);font-size:.9em}.smb-mp__note{margin:12px 0 0;font-size:.8em;color:var(--smb-mp-muted)}@media (prefers-reduced-motion:reduce){.smb-mp__bike,.smb-mp__surface,.smb-mp__swatch{transition:none}}.smb-mp__stage.is-drag{cursor:grab;touch-action:none;user-select:none}.smb-mp__stage.is-drag:active{cursor:grabbing}.smb-mp__size{font-variant-numeric:tabular-nums}.smb-mp__label:empty{display:none}.smb-mp__label:empty+.smb-mp__hint{margin-top:0}.smb-mp__hint{margin:8px 0 0;font-size:.8em;color:var(--smb-mp-muted)}.row-smb-musterprobe .smb-mp{margin:0}.smb-mp__chips{display:flex;flex-wrap:wrap;gap:6px}.smb-mp__chip{appearance:none;cursor:pointer;margin:0;padding:.42em .95em;border-radius:999px;border:1px solid var(--smb-mp-line);background:#fff;color:var(--smb-mp-ink);font:inherit;font-size:.88em;line-height:1.2}.smb-mp__chip[aria-pressed="true"]{background:var(--smb-mp-ink);border-color:var(--smb-mp-ink);color:#fff}.smb-mp__chip:focus-visible{outline:2px solid var(--smb-mp-ink);outline-offset:3px}.smb-mp__group[hidden]{display:none}.smb-mp__check{display:flex;align-items:flex-start;gap:8px;margin-top:8px;cursor:pointer;font-size:.9em}.smb-mp__check input{margin:3px 0 0;accent-color:var(--smb-mp-ink)}.smb-mp__controls{gap:14px}.smb-mp__row{display:flex;flex-wrap:wrap;gap:12px}.smb-mp__row>.smb-mp__group{flex:1 1 0%;min-width:0}.smb-mp__select{display:block;width:100%;margin:0;padding:.5em 2.2em .5em .8em!important;height:auto!important;border:1px solid rgb(255 255 255 / .45)!important;border-radius:6px!important;background-color:transparent!important;color:#fff!important;font:inherit;font-size:.92em;line-height:1.3;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .8em center!important;background-size:12px 8px!important}.smb-mp__select:focus-visible{outline:2px solid #00b5db;outline-offset:1px}.smb-mp__select option{color:var(--smb-mp-ink);background:#fff}.smb-mp__select:disabled{opacity:.45;cursor:default}.smb-mp__select[hidden]{display:none}.smb-mp__foilrow{display:flex;align-items:center;gap:8px;margin-top:8px}.smb-mp__foilrow .smb-mp__select{flex:1;width:auto;min-width:0}.smb-mp__foilrow .smb-mp__num input[type="number"]{width:3.4em}.smb-mp__zoomrow{gap:8px}.smb-mp__head .smb-mp__draghint{margin:.4em 0 0}.smb-mp__swatch{margin-bottom:16px}