.designer-seite{min-height:100svh}.designer{background:var(--buehne);color:#fff;grid-template-rows:auto minmax(0,1fr) auto;height:100svh;display:grid;position:relative;overflow:hidden}.designer.dunkel{background:#05030a}.designer-leiste{padding:max(10px, env(safe-area-inset-top)) var(--rand) 6px;justify-content:space-between;align-items:center;gap:12px;display:flex}.designer-zurueck{min-height:48px;color:var(--buehne);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:0 16px 0 10px;font-weight:800;text-decoration:none;display:inline-flex}.designer-zurueck svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;max-width:none;height:22px}.designer-titel{font:800 clamp(16px, 4.4vw, 22px)/1.1 var(--display);letter-spacing:-.02em;text-align:center;margin:0}.designer-sprache{border-radius:50%;place-items:center;min-width:48px;min-height:48px;font-weight:800;text-decoration:none;display:grid;box-shadow:inset 0 0 0 2px #fff9}.designer-geteilt{top:6px;left:var(--rand);right:var(--rand);z-index:2;background:#ffffff1f;border-radius:14px;margin:0;padding:10px 14px;font-size:14px;position:absolute}.designer-buehne{min-height:0;position:relative}.designer-buehne:before{content:"";background:var(--pink);filter:blur(80px);opacity:.22;pointer-events:none;border-radius:50%;position:absolute;inset:16% 14% 10%}.designer.dunkel .designer-buehne:before{opacity:0}.designer-canvas{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.designer-laden{color:var(--hell-3);place-items:center;margin:0;display:grid;position:absolute;inset:0}.designer-hinweis{text-align:center;color:var(--hell-3);pointer-events:none;margin:0;font-size:13px;position:absolute;bottom:6px;left:0;right:0}.licht-knopf{top:10px;right:var(--rand);color:#10210a;cursor:pointer;background:#b6f27a;border:0;border-radius:999px;min-height:48px;padding:0 18px;font-weight:800;position:absolute}.licht-knopf[aria-pressed=true]{color:var(--buehne);background:#fff}.designer-sheet{color:var(--werkbank-text);padding:8px 0 max(10px, env(safe-area-inset-bottom));background:#fff;border-radius:26px 26px 0 0;grid-template-rows:auto minmax(0,1fr) auto;max-height:52svh;display:grid;box-shadow:0 -10px 40px #00000040}.reiter-liste{padding:6px var(--rand) 8px;scrollbar-width:none;scroll-padding-inline:var(--rand);gap:6px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.reiter-liste::-webkit-scrollbar{display:none}.reiter-liste [role=tab]{background:var(--werkbank);min-height:44px;color:var(--werkbank-text);cursor:pointer;border:0;border-radius:999px;flex:none;padding:0 16px;font-weight:700}.reiter-liste [role=tab][aria-selected=true]{background:var(--buehne);color:#fff}.reiter-inhalt{padding:4px var(--rand) 12px;overscroll-behavior:contain;overflow-y:auto}.weiter-knopf{background:var(--buehne);color:#fff;width:100%;min-height:52px;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:0 20px;font-weight:800;display:flex}.weiter-knopf:hover{background:#2a1748}.weiter-knopf:active{transform:scale(.98)}.reiter-stapel{gap:16px;display:grid}.reiter-titel{font:800 18px/1.2 var(--display);margin:0}.reiter-text{color:var(--werkbank-text-2);margin:0;font-size:15px}.sheet-fuss{padding:8px var(--rand) 0;border-top:1px solid var(--werkbank-2);gap:8px;display:flex}.sheet-fuss .knopf.haupt{margin-left:auto}.knopf.klein{background:var(--werkbank);min-height:48px;color:var(--werkbank-text);white-space:nowrap;padding:0 16px;font-size:15px}.sheet-fuss .knopf{white-space:nowrap}.knopf.klein:disabled{opacity:.45;cursor:default}.werkzeug svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;max-width:none;height:22px}.werkzeug circle{fill:currentColor;stroke:none}@media (max-width:559px){.werkzeug{width:52px;padding:0}.werkzeug-text{display:none}}@media (min-width:560px){.werkzeug svg{display:none}}.wahl,.farbfelder{border:0;min-width:0;margin:0;padding:0}.wahl legend,.farbfelder legend,.regler>span:first-child,.feld-dunkel>span{color:var(--werkbank-text);margin-bottom:8px;padding:0;font-size:14px;font-weight:800}.wahl-knoepfe,.gruppen{flex-wrap:wrap;gap:8px;display:flex}.wahl-knoepfe button,.gruppen button{border:2px solid var(--werkbank-2);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:8px;min-height:48px;padding:0 16px;font-weight:700;display:inline-flex}.wahl-knoepfe button[aria-pressed=true],.gruppen button[aria-pressed=true]{border-color:var(--buehne);background:var(--buehne);color:#fff}.gruppen{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.gruppen button{flex:none}.platz i{border-radius:50%;width:22px;height:22px;box-shadow:inset 0 0 0 2px #0000001f}.farbfelder-raster{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:8px;display:grid}.farbfeld{aspect-ratio:1;cursor:pointer;border:0;border-radius:50%;min-width:44px;box-shadow:inset 0 0 0 2px #00000014}.farbfeld[aria-pressed=true]{box-shadow:0 0 0 3px #fff, 0 0 0 6px var(--buehne)}.regler{gap:4px;display:grid}.regler input{width:100%;height:44px;accent-color:var(--pink)}.regler-enden{color:var(--werkbank-text-2);justify-content:space-between;font-size:13px;display:flex}.schalter{cursor:pointer;align-items:center;gap:14px;min-height:52px;display:flex;position:relative}.schalter-text{flex:1;display:grid}.schalter-text small{color:var(--werkbank-text-2)}.schalter input{opacity:0;width:1px;height:1px;position:absolute}.schalter-bahn{background:#cfcac2;border-radius:999px;flex:none;width:54px;height:32px;transition:background .2s;position:relative}.schalter-bahn:after{content:"";background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.schalter input:checked+.schalter-bahn{background:var(--pink)}.schalter input:checked+.schalter-bahn:after{transform:translate(22px)}.schalter input:focus-visible+.schalter-bahn{outline:3px solid var(--blau);outline-offset:2px}.kiefer-knoepfe{grid-template-columns:1fr 1fr;gap:8px;display:grid}.kiefer-knoepfe button,.varianten-knoepfe button{border:2px solid var(--werkbank-2);color:var(--werkbank-text);cursor:pointer;background:#fff;border-radius:16px;align-content:start;justify-items:center;gap:4px;padding:8px 4px;font-weight:700;display:grid}.kiefer-knoepfe button{text-align:left;grid-template-columns:52px 1fr;place-items:center start;gap:10px;min-height:72px;padding:8px 12px}.kiefer-knoepfe button span{display:grid}.kiefer-knoepfe small{color:var(--werkbank-text-2);font-size:13px;font-weight:600}.varianten-knoepfe{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.varianten-knoepfe button{text-align:center;min-height:96px;font-size:13px;line-height:1.2}.kiefer-knoepfe button[aria-pressed=true],.varianten-knoepfe button[aria-pressed=true]{border-color:var(--buehne);background:#f3eefb}.spange-bild{flex:none;width:52px;max-width:none;height:52px}.spange-bild-platte{fill:#ffe1ee;stroke:var(--buehne);stroke-width:2.5px;stroke-linejoin:round}.spange-bild-schnitt{fill:none;stroke:var(--buehne);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.spange-bild-schraube{fill:none;stroke:var(--pink);stroke-width:2.4px;stroke-linecap:round}.reiter-hinweis{color:var(--werkbank-text-2);margin:0;font-size:14px}.glitzer-raster{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;display:grid}.glitzer-knopf{border:2px solid var(--werkbank-2);min-height:104px;color:var(--werkbank-text);cursor:pointer;text-align:center;background:#fff;border-radius:16px;align-content:start;justify-items:center;gap:4px;padding:6px 2px 8px;font-size:12px;font-weight:700;line-height:1.2;display:grid}.glitzer-knopf span,.varianten-knoepfe span{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}.glitzer-knopf img,.glitzer-kein{border-radius:50%;width:64px;height:64px}.glitzer-kein{background:repeating-linear-gradient(45deg,#eee 0 6px,#fff 6px 12px);display:block;box-shadow:inset 0 0 0 2px #0000001a}.glitzer-knopf[aria-pressed=true]{border-color:var(--buehne);background:#f3eefb}.motive-raster{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.motiv,.motiv-kein{border:2px solid var(--werkbank-2);cursor:pointer;background:#fff;border-radius:16px;justify-items:center;gap:2px;min-height:96px;padding:6px;font-size:12px;font-weight:700;display:grid}.motiv img{object-fit:contain;width:64px;height:64px}.motiv[aria-pressed=true],.motiv-kein[aria-pressed=true]{border-color:var(--buehne);background:#f3eefb}.feld-dunkel{gap:6px;display:grid}.feld-dunkel input,.feld-dunkel textarea{min-height:52px;color:var(--werkbank-text);background:#fff;border:2px solid #c9c4bb;border-radius:14px;padding:12px 14px;font-size:18px}.feld-dunkel small{color:var(--werkbank-text-2)}.foto-vorschau,.eigen-vorschau{object-fit:contain;width:120px;height:120px}.flach{place-items:center;margin:0;display:grid;position:absolute;inset:0}.flach svg{width:min(78%,360px);height:auto}.flach figcaption{color:var(--hell-3);font-size:13px;position:absolute;top:8px}.designer-geteilt~.flach{padding-top:100px}.designer-geteilt~.flach figcaption{display:none}.ergebnis{background:var(--buehne);color:#fff;border:0;border-radius:26px;width:min(560px,94vw);max-height:94svh;padding:22px}.ergebnis::backdrop{background:#05030ad9}.ergebnis .titel-2{font-size:clamp(26px,6vw,36px)}.ergebnis-bild{object-fit:contain;border-radius:18px;width:100%;height:auto;max-height:42svh}.ergebnis-text{color:var(--hell-2)}.ergebnis-code{background:#ffffff14;border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:12px 0 16px;padding:12px 14px;display:flex}.ergebnis-code span{width:100%;color:var(--hell-3);font-size:14px}.ergebnis-code code{font:800 22px/1.3 var(--text);font-variant-numeric:tabular-nums;letter-spacing:.04em}.ergebnis-code code span{white-space:nowrap}.ergebnis-code .knopf.klein{margin-left:auto}.ergebnis-knoepfe{gap:10px;display:grid}.ergebnis-hinweis{color:var(--hell-3);margin:-4px 0 6px;font-size:13px}.ergebnis-weiter{color:#fff;min-height:48px;font:700 16px var(--text);cursor:pointer;background:0 0;border:0;text-decoration:underline}.ergebnis-code code{color:#fff}@media (min-width:900px){.designer{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr 470px}.designer-leiste{grid-column:1/-1}.designer-buehne{grid-area:2/1}.designer-sheet{border-radius:26px 0 0;grid-area:2/2;max-height:none}.reiter-liste{padding:14px var(--rand) 14px;border-bottom:1px solid var(--werkbank-2);grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid;overflow:visible;-webkit-mask-image:none;mask-image:none}.reiter-liste [role=tab]{text-align:center;border-radius:16px;min-height:52px;padding:6px 8px;font-size:15px;line-height:1.15}.reiter-liste [role=tab]:hover{background:var(--werkbank-2)}.reiter-liste [role=tab][aria-selected=true]:hover{background:var(--buehne)}.reiter-inhalt{padding-top:16px}.gruppen{flex-wrap:wrap;overflow:visible}}@media (prefers-reduced-motion:reduce){.schalter-bahn,.schalter-bahn:after{transition:none}}.farbfeld[data-art=klar]{background:repeating-conic-gradient(#fff 0 25%, #dfe6ec 0 50%) 50% / 14px 14px!important}.farbfeld[data-art=glow]{box-shadow:inset 0 0 0 2px #e7ecd5,0 0 10px 2px #b9ff8f99}