@font-face{font-family:Rajdhani;src:url(../fonts/rajdhani-500.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Rajdhani;src:url(../fonts/rajdhani-700.woff2) format("woff2");font-weight:700;font-display:swap}:root{--bg: #15181e;--panel: #1a1e26;--card: #1e232c;--border: #2c333f;--text: #e8ebf0;--muted: #8892a3;--accent: #ff33aa;--accent-dark: #ff5cbe;--accent-text: #ff7ac6;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sans: "Rajdhani", system-ui, sans-serif;--bg-image: radial-gradient(rgba(255, 51, 170, .13) 1px, transparent 1px);--bg-size: 26px 26px;--topbar-bg: #171b22;--thumb-bg: #232833;--hover-bg: rgba(255, 255, 255, .04);--card-hover-border: rgba(255, 51, 170, .65);--card-hover-shadow: 0 0 0 1px rgba(255, 51, 170, .35), 0 12px 30px rgba(0, 0, 0, .45);--badge-bg: rgba(255, 51, 170, .14);--badge-border: rgba(255, 51, 170, .45);--new-glow: 0 0 16px rgba(255, 51, 170, .55);--hint-text: #e8c96a;--hint-bg: #2a2517;--hint-border: #4a3f1c;--ok-text: #7ed6a2;--ok-bg: #16281d;--ok-border: #244833;--plabel: #aeb7c6;--pf-bg: #20252e;--pf-grid: #323a47;--pf-axis: #48546a;--modal-bg: #1c2028;--modal-shadow: 0 24px 70px rgba(0, 0, 0, .6), 0 0 0 1px var(--border)}html[data-theme=hell]{--bg: #fbf9f3;--panel: #fdfcfa;--card: #ffffff;--border: #e3ded4;--text: #26221e;--muted: #8c8478;--accent-dark: #d61e8b;--accent-text: #d61e8b;--bg-image: linear-gradient(rgba(255, 51, 170, .08) 2px, transparent 2px), linear-gradient(90deg, rgba(255, 51, 170, .08) 2px, transparent 2px);--bg-size: 30px 30px;--topbar-bg: #ffffff;--thumb-bg: #efece5;--hover-bg: rgba(38, 34, 30, .04);--card-hover-border: rgba(255, 51, 170, .55);--card-hover-shadow: 0 0 0 1px rgba(255, 51, 170, .25), 0 12px 28px rgba(60, 50, 40, .12);--badge-bg: rgba(255, 51, 170, .1);--badge-border: rgba(255, 51, 170, .35);--new-glow: 0 3px 12px rgba(255, 51, 170, .35);--hint-text: #8a6d1a;--hint-bg: #fdf6e0;--hint-border: #eddfae;--ok-text: #3f7050;--ok-bg: #ecf5ee;--ok-border: #cfe4d4;--plabel: #5b5348;--pf-bg: #efece5;--pf-grid: #ddd6c9;--pf-axis: #c9c1b2;--modal-bg: #ffffff;--modal-shadow: 0 18px 60px rgba(20, 25, 35, .25)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px}body{background-image:var(--bg-image);background-size:var(--bg-size)}button{font-family:var(--sans);color:var(--text);cursor:pointer}input,select{font-family:var(--sans);color:var(--text)}.topbar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:var(--topbar-bg);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px}.brand-logo{height:42px;width:auto;display:block}.brand-name{font-weight:700;font-size:20px;letter-spacing:.05em}.badge{font-size:11px;font-weight:600;font-family:var(--mono);background:var(--badge-bg);color:var(--accent-text);border:1px solid var(--badge-border);border-radius:5px;padding:2px 7px}.btn{border:1px solid var(--border);background:var(--card);border-radius:8px;padding:8px 14px;font-size:14px}@media(hover:hover)and (pointer:fine){.btn:hover{border-color:var(--muted)}}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700;letter-spacing:.03em}@media(hover:hover)and (pointer:fine){.btn-primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}}.btn-ghost{background:transparent;border-color:transparent}@media(hover:hover)and (pointer:fine){.btn-ghost:hover{background:var(--hover-bg);border-color:transparent}}.topbar-actions{display:flex;align-items:center;gap:8px}a.btn{display:inline-block;text-decoration:none;color:var(--text)}.home-short{display:none}.gallery{max-width:1220px;margin:0 auto;padding:26px 24px 60px;display:grid;grid-template-columns:230px 1fr;grid-template-rows:auto auto 1fr;column-gap:30px}.gallery-title{grid-column:1;font-weight:700;font-size:30px;letter-spacing:.05em;text-transform:uppercase;margin:4px 0 2px}.gallery-sub{grid-column:1;color:var(--muted);margin:0 0 22px}.fb-tools{grid-column:1;grid-row:3;align-self:start;display:flex;flex-direction:column;gap:10px}.fb-catrow{display:flex;flex-direction:column;align-items:stretch;gap:2px;order:1}.fb-catrow:before{content:"KATEGORIEN";font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--muted);margin:4px 0 8px}.fb-cat{border:0;border-left:2px solid transparent;background:transparent;color:var(--muted);text-align:left;padding:8px 12px;font-weight:600;font-size:15px;letter-spacing:.03em;white-space:nowrap}@media(hover:hover)and (pointer:fine){.fb-cat:hover{background:var(--hover-bg);color:var(--text)}}.fb-cat.active{color:var(--accent-text);border-left-color:var(--accent);background:#ff33aa14}.fb-recent{order:2;display:flex;flex-direction:column;align-items:stretch;gap:10px;border-top:1px solid var(--border);padding:14px 12px 0;margin-top:12px}.fb-recent-label{display:flex;align-items:center;gap:7px;color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:.12em}.fb-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.fb-recent-list{display:flex;flex-wrap:wrap;gap:8px}.fb-recent-thumb{width:54px;height:40px;padding:0;border:1px solid var(--border);border-radius:7px;background:var(--thumb-bg);overflow:hidden}@media(hover:hover)and (pointer:fine){.fb-recent-thumb:hover{border-color:var(--muted)}}a.card,a.fb-recent-thumb{display:block;color:var(--text);text-decoration:none}.fb-recent-thumb img{width:100%;height:100%;object-fit:cover;display:block}.fb-code{order:3;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--border);padding:14px 12px 0;margin-top:12px}.fb-code-label{display:flex;align-items:center;gap:7px;color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:.12em}.fb-code-form{display:flex;gap:6px}.fb-code-form input{flex:1 1 auto;min-width:0;width:100%;padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);font-family:var(--mono);font-size:14px;letter-spacing:.12em;text-transform:uppercase}.fb-code-form input::placeholder{text-transform:none;letter-spacing:.04em;color:var(--muted)}.fb-code-form input:focus{outline:2px solid transparent;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.fb-code-form .btn{flex:0 0 auto;padding:7px 12px}.fb-code-msg{font-size:13px;line-height:1.5;color:var(--muted)}.fb-code-msg.is-error{color:var(--hint-text)}.grid{grid-column:2;grid-row:1 / span 3;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;align-content:start}.card{position:relative;text-align:left;padding:0;background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:box-shadow .15s,transform .15s,border-color .15s}@media(hover:hover)and (pointer:fine){.card:hover{border-color:var(--card-hover-border);box-shadow:var(--card-hover-shadow);transform:translateY(-3px)}}.card-img{background:var(--thumb-bg);aspect-ratio:320 / 230}.card-img img{width:100%;height:100%;object-fit:cover;display:block}.card-meta{padding:12px 14px 14px;border-top:1px dashed var(--border)}.card-name{font-weight:700;font-size:16px;letter-spacing:.05em;text-transform:uppercase}.new-badge{position:absolute;top:10px;right:10px;z-index:2;background:var(--accent);color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;padding:3px 9px;border-radius:4px;box-shadow:var(--new-glow)}.card.is-ausgeblendet .card-img{opacity:.45;filter:grayscale(1)}.card.is-ausgeblendet .card-name{opacity:.6}.aus-badge{position:absolute;top:10px;left:10px;z-index:2;background:#6d28d9;color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;padding:3px 9px;border-radius:4px}.editor{display:flex;height:calc(100vh - 58px)}.viewport-wrap{flex:1;position:relative;min-width:0}#viewport{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.back-btn{position:absolute;top:14px;left:14px;z-index:5;background:var(--card);border:1px solid var(--border);white-space:nowrap}.viewport-tools{position:absolute;top:14px;left:14px;z-index:5;display:flex;flex-wrap:wrap;gap:8px;align-items:center;max-width:calc(100% - 170px)}.viewport-tools .back-btn{position:static}.zufall-btn{background:var(--card);border:1px solid var(--border);white-space:nowrap}.viewcube{position:absolute;top:14px;right:14px;z-index:5}.dim-label{position:absolute;left:16px;bottom:14px;color:var(--muted);font-family:var(--mono);font-size:12px;pointer-events:none}.panel{width:350px;background:var(--panel);border-left:1px solid var(--border);overflow-y:auto;padding:14px}.section{background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:12px;padding:0 14px 8px}.section summary{cursor:pointer;list-style:none;font-weight:700;letter-spacing:.02em;padding:12px 0;-webkit-user-select:none;user-select:none}.section summary::-webkit-details-marker{display:none}.section summary:after{content:"▾";float:right;color:var(--muted)}.section:not([open]) summary:after{content:"▸"}.prow{margin-bottom:14px}.prow.pick-hover{outline:2px solid var(--accent);outline-offset:6px;border-radius:6px}.prow.pick-flash{outline:3px solid transparent;outline-offset:6px;border-radius:6px;animation:pickFlash 1.6s ease-out}@keyframes pickFlash{0%,45%{outline-color:var(--accent)}to{outline-color:transparent}}.pick-tip{position:absolute;z-index:6;pointer-events:none;white-space:nowrap;background:var(--card);border:1px solid var(--accent);color:var(--text);font-size:12px;padding:4px 9px;border-radius:6px;box-shadow:0 4px 14px #0006}.plabel{font-size:13px;color:var(--plabel);margin-bottom:6px}.phint{font-size:11px;color:var(--muted);margin-top:5px;line-height:1.4}.phint:empty{display:none}.section details.sub summary{font-weight:600;font-size:12px;padding:6px 0}.section details.sub summary:after{content:"▸"}.section details.sub[open] summary:after{content:"▾"}.slider-line{display:flex;align-items:center;gap:10px}.slider-line input[type=range]{flex:1;accent-color:var(--accent)}.numbox{display:flex;align-items:center;border:1px solid var(--border);border-radius:7px;background:var(--card)}.numbox input[type=number]{width:52px;border:0;background:transparent;text-align:center;font-size:14px;padding:5px 0;-moz-appearance:textfield}.numbox input::-webkit-outer-spin-button,.numbox input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.numbox input[type=number]:focus{outline:2px solid transparent}.numbox:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.stepbtn{border:0;background:transparent;color:var(--muted);font-size:14px;padding:4px 8px}@media(hover:hover)and (pointer:fine){.stepbtn:hover{color:var(--text)}}.prow select,.prow input[type=text],.prow textarea{width:100%;padding:7px 9px;border:1px solid var(--border);border-radius:7px;background:var(--card);font-size:14px}.prow textarea{font-family:inherit;line-height:1.4;resize:vertical;min-height:58px;box-sizing:border-box}.zl-kopf,.zl-zeile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 22px;gap:6px;align-items:center}.zl-kopf{font-size:11px;color:var(--muted);margin-bottom:4px}.zl-liste{display:flex;flex-direction:column;gap:6px;max-height:380px;overflow-y:auto;padding-right:2px}.prow .zl-zeile input[type=text]{min-width:0;padding:5px 7px;font-size:13px}.zl-weg{border:0;background:transparent;color:var(--muted);font-size:14px;cursor:pointer;padding:0}.zl-farbe{width:28px;height:26px;border:1px solid var(--border, rgba(127,127,127,.4));border-radius:6px;font-weight:700;font-size:13px;cursor:pointer;padding:0}.prow .zl-zeile select.zl-wahl{min-width:0;width:100%;padding:4px;font-size:12px}@media(hover:hover)and (pointer:fine){.zl-weg:hover{color:var(--text)}}.zl-neu{margin-top:8px;padding:4px 10px}.wp-bild{display:inline-flex;width:26px;height:26px}.wp-bild svg{display:block}.wp-tagnamen{display:grid;gap:4px}.prow .wp-tagnamen input[type=text]{min-width:0;padding:6px 2px;font-size:13px;text-align:center;text-transform:uppercase}.prow .wp-tagnamen input[type=text]::placeholder{text-transform:none}.farbwahl{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.farbwahl button{display:flex;width:54px;height:24px;padding:0;border:1px solid var(--border);border-radius:6px;overflow:hidden;cursor:pointer;background:none}.farbwahl button span{flex:1}.farbwahl button.active{outline:2px solid var(--accent);outline-offset:1px}.farb-zeilen{display:grid;grid-template-columns:auto 1fr auto;gap:6px 10px;align-items:center}.farb-zeilen .hex{font-size:11px}.farb-zeilen input[type=color]{width:100%;height:28px;border:1px solid var(--border);border-radius:6px;background:var(--card);padding:2px 4px}.farb-zeilen .fl{font-size:12px;color:var(--plabel)}.color-line{display:flex;align-items:center;gap:10px}.color-line input[type=color]{width:100%;height:32px;border:1px solid var(--border);border-radius:7px;background:var(--card);padding:2px 4px}.hex{color:var(--muted);font-family:var(--mono);font-size:12px}.prow input.hex-feld{width:78px;flex:none;padding:5px 6px;font-family:var(--mono);font-size:12px;color:var(--text);border:1px solid var(--border);border-radius:6px;background:var(--card)}.prow input.hex-feld:focus{outline:2px solid transparent;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.prow input.hex-feld.ungueltig{border-color:#d9534f}.profile-svg{width:100%;border:1px solid var(--border);border-radius:8px;touch-action:none;cursor:crosshair;display:block}.pf-bg{fill:var(--pf-bg)}.pf-grid{stroke:var(--pf-grid);stroke-width:1;stroke-dasharray:3 4}.pf-axis{stroke:var(--pf-axis);stroke-width:1}.pf-ghost{fill:none;stroke:var(--pf-axis);stroke-width:1.5}.pf-curve{fill:none;stroke:var(--accent);stroke-width:2.5}.pf-point{fill:var(--card);stroke:var(--accent);stroke-width:2.5;cursor:grab}.pf-point.selected{fill:var(--accent)}.profile-tools{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;color:var(--muted)}.pf-btn{padding:5px 9px;font-size:12px;white-space:nowrap}.pf-num{width:56px;padding:5px 6px;border:1px solid var(--border);border-radius:7px;background:var(--card);font-size:12px;text-align:center}.pf-num:disabled{opacity:.4}.pf-btn:disabled{opacity:.4;cursor:default}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c108c;display:flex;align-items:center;justify-content:center;z-index:50}.modal{width:min(480px,calc(100vw - 40px));background:var(--modal-bg);border-radius:14px;padding:20px 22px;box-shadow:var(--modal-shadow)}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h2{margin:0;font-size:20px;letter-spacing:.03em}.muted{color:var(--muted);font-size:14px}.reset-btn{display:block;width:100%;margin:14px 0 24px;text-align:center}.code-box{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin-top:14px;display:flex;flex-direction:column;gap:10px}.code-head{display:flex;align-items:center;gap:7px;color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:.12em}.code-make{align-self:flex-start}.code-value{font-family:var(--mono);font-size:26px;font-weight:700;letter-spacing:.22em;color:var(--accent-text);user-select:all;-webkit-user-select:all}.code-actions{display:flex;flex-wrap:wrap;gap:6px}.code-actions .btn{padding:6px 11px;font-size:13px}.code-sub{font-size:12px;line-height:1.5;color:var(--muted)}.code-error{color:var(--hint-text)}.code-slot:empty{display:none}.quality-row{display:flex;align-items:center;gap:14px;margin:16px 0}.q-label{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.08em}.seg{display:flex;flex-wrap:wrap;gap:6px}.seg button{border:1px solid var(--border);background:var(--card);border-radius:7px;padding:7px 13px;font-size:14px}.seg button.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.vorwahl{display:flex;flex-wrap:wrap;gap:5px}.vorwahl button{border:1px solid var(--border);background:var(--card);border-radius:999px;padding:5px 11px;font-size:13px}@media(hover:hover)and (pointer:fine){.vorwahl button:hover{background:var(--hover-bg)}}.vorwahl button.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.mini-select{padding:6px 8px;border:1px solid var(--border);border-radius:7px;background:var(--card);font-size:13px}.hints{font-size:13px;line-height:1.6;color:var(--hint-text);background:var(--hint-bg);border:1px solid var(--hint-border);border-radius:8px;padding:8px 12px;margin-bottom:10px}.hints.ok{color:var(--ok-text);background:var(--ok-bg);border-color:var(--ok-border)}.stats{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-family:var(--mono);font-size:12px;color:var(--plabel);min-height:20px;margin-bottom:16px}.dl-row{display:flex;gap:10px}.dl-row .btn{flex:1;padding:11px 0}@media(max-width:760px){.topbar{padding:0 10px}.brand{gap:8px}.brand-logo{height:34px}.brand-name{font-size:17px}.badge,.home-long{display:none}.home-short{display:inline}.home-btn{padding:8px 10px}.gallery{display:block;padding:16px 14px 40px}.gallery-title{font-size:24px}.gallery-sub{margin-bottom:12px}.fb-tools{margin-bottom:16px}.fb-catrow{flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:4px;-webkit-overflow-scrolling:touch}.fb-catrow:before{display:none}.fb-cat{flex:0 0 auto;border:1px solid var(--border);border-radius:999px;padding:7px 14px;background:var(--card)}.fb-cat.active{border-color:var(--accent)}.fb-recent{border-top:0;padding:10px 0 0;margin-top:0}.fb-recent-list{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.card-name{font-size:14px}.card-meta{padding:9px 11px 11px}.editor{flex-direction:column;height:calc(100vh - 58px);height:calc(100dvh - 58px)}.viewport-wrap{flex:0 0 44%;min-height:230px}.panel{width:100%;flex:1 1 auto;min-height:0;border-left:0;border-top:1px solid var(--border);padding:10px}.viewcube{transform:scale(.72);transform-origin:top right;top:8px;right:8px}.back-btn{top:8px;left:8px;padding:7px 10px;font-size:13px}.viewport-tools{top:8px;left:8px;gap:6px;max-width:calc(100% - 118px)}.zufall-btn{padding:7px 10px;font-size:13px}.dim-label{left:10px;bottom:8px}.modal{padding:16px;max-height:calc(100dvh - 24px);overflow-y:auto}.quality-row{flex-wrap:wrap;row-gap:8px}.mini-select{max-width:100%}.numbox input[type=number],.prow select,.prow input[type=text],.pf-num{font-size:16px}.numbox input[type=number]{width:60px}.fb-code-form input,.preis-wunsch input[type=text]{font-size:16px}.fb-code{border-top:0;padding:10px 0 0;margin-top:0}}[hidden]{display:none!important}.preis-box{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin-top:14px;display:flex;flex-direction:column;gap:8px}.preis-value{font-size:24px;font-weight:700;letter-spacing:-.01em;line-height:1.1}.preis-value small{font-size:13px;font-weight:500;color:var(--muted);margin-left:6px}.preis-sub{font-size:12px;line-height:1.5;color:var(--muted)}.preis-box.rechnet .preis-value,.preis-box.rechnet .preis-sub{opacity:.4;transition:opacity .15s}.preis-stueck{display:flex;align-items:center;gap:10px;font-size:13px}.preis-stueck .numbox{width:74px}.preis-stueck .numbox input[type=number]{width:100%}.preis-box .code-actions .btn{text-decoration:none;display:inline-flex;align-items:center;gap:6px}.preis-box .btn-primary{color:#fff}.preis-box .code-error{color:var(--hint-text)}.preis-box.ist-freund{border-color:var(--accent)}.preis-box.ist-freund .code-head{color:var(--accent-text)}.preis-statt{color:var(--muted);font-weight:500}.preis-wunsch{display:flex;flex-direction:column;gap:4px;font-size:13px}.preis-wunsch input[type=text]{width:100%;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:7px;padding:7px 10px;font-size:14px;font-family:inherit}.preis-wunsch input[type=text]:focus{outline:2px solid transparent;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.preis-ok{color:var(--ok-text)}.prow input.gz-name{font-size:18px;font-weight:700;letter-spacing:.12em;text-align:center;padding:9px 10px}.gz-kette{display:flex;align-items:center;gap:4px;overflow-x:auto;padding:6px 2px 8px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.gz-kette::-webkit-scrollbar{height:6px}.gz-kette::-webkit-scrollbar-track{background:transparent}.gz-kette::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.gz-chip{flex:0 0 auto;width:40px;height:40px;border-radius:50%;padding:0;border:2px solid rgba(127,127,127,.35);background:#f7f3ec;color:#2d3b55;font:800 17px/36px var(--sans);text-align:center;cursor:grab;display:flex;align-items:center;justify-content:center;transition:transform .12s,box-shadow .12s}@media(hover:hover)and (pointer:fine){.gz-chip:hover{transform:translateY(-1px)}}.gz-chip.gz-bild{background:transparent;border-color:transparent;padding:1px}.gz-chip.gz-bild svg{display:block}.gz-chip.gz-luecke{width:22px;border-style:dashed;background:transparent;color:var(--muted);font-size:13px}.gz-chip.active{box-shadow:0 0 0 3px #d4a24c;border-color:#d4a24c}.gz-chip.gz-ziel{box-shadow:-4px 0 0 0 var(--accent)}.gz-perle{flex:0 0 auto;width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.18);padding:0;cursor:pointer}.gz-perle.active{box-shadow:0 0 0 3px #d4a24c}.gz-knoepfe{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 4px}.gz-knoepfe .btn{padding:4px 10px}.gz-feld{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0 6px;font-size:13px}.prow .gz-feld input.gz-zeichen{width:56px;text-align:center;font-weight:700;font-size:16px;padding:4px}.prow .gz-feld select{width:auto;flex:1;max-width:70%}.plabel.gz-unter{margin:6px 0 2px;font-size:12px}.gz-farben{display:flex;flex-wrap:wrap;gap:5px;padding:4px 2px 6px}.gz-farbe{flex:0 0 auto;width:24px;height:24px;border-radius:50%;padding:0;cursor:pointer;border:1px solid rgba(127,127,127,.45)}.gz-farbe.active{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--text)}.gz-tipp{margin:0 0 8px}.gz-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;margin:0 0 10px}.gz-symbol{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;min-width:0;font-size:10px;line-height:1.15}.gz-symbol-bild{width:38px;height:38px;display:flex;align-items:center;justify-content:center}.gz-badge{position:absolute;top:3px;right:4px;min-width:16px;height:16px;border-radius:8px;background:#d4a24c;color:#20242c;font:700 10px/16px system-ui,sans-serif;text-align:center;padding:0 3px}.gz-welten button{display:inline-flex;align-items:center;gap:6px}.gz-welt-punkte{display:inline-flex;gap:2px}.gz-welt-punkte i{width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.2);display:inline-block}.gz-symbol.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.gz-perlformen .gz-symbol-bild{width:44px;height:34px}.panel,.modal{overscroll-behavior:contain}.fb-catrow,.fb-recent-list,.gz-kette{overscroll-behavior-x:contain}@media(pointer:coarse){.panel :is(input,select,textarea):not([type=range],[type=color],[type=checkbox],[type=radio],[type=file],.gz-name),.modal :is(input,select,textarea):not([type=range],[type=color],[type=checkbox],[type=radio],[type=file]),.fb-code-form input{font-size:16px!important}.stepbtn,.seg button,.vorwahl button,.zl-weg,.zl-farbe,.gz-farbe,.gz-perle,.tk-schalter,.tk-weg{touch-action:manipulation;-webkit-user-select:none;user-select:none}.slider-line .stepbtn{position:relative}.slider-line .stepbtn:after{content:"";position:absolute;top:-9px;bottom:-9px;left:-8px;right:-8px}.slider-line .stepbtn:first-child:after{left:-5px}.slider-line .stepbtn:last-child:after{right:-10px}.slider-line .numbox input[type=number]{padding-block:11px;margin-block:-6px}.slider-line input[type=range]{padding-block:7px;margin-block:-5px}.seg button{position:relative}.seg button:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.vorwahl button,.gz-farbe{position:relative}.vorwahl button:after,.gz-farbe:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px}.gz-perle{position:relative}.gz-perle:after{content:"";position:absolute;top:-15px;right:-3px;bottom:-15px;left:-3px}:is(.panel,.modal) .btn{position:relative}:is(.panel,.modal) .btn:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}:is(.panel,.modal) .code-make:after,.panel .reset-btn:after{top:-5px;right:-1px;bottom:-5px;left:-1px}.topbar-actions .btn{position:relative}.topbar-actions .btn:after{content:"";position:absolute;top:-5px;right:-4px;bottom:-5px;left:-4px}.viewport-tools .btn{position:relative;top:auto;left:auto}.viewport-tools .btn:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.fb-code-form .btn{position:relative}.fb-code-form .btn:after{content:"";position:absolute;top:-5px;right:-4px;bottom:-5px;left:-4px}.zl-weg,.zl-farbe{position:relative}.zl-weg:after{content:"";position:absolute;top:-7px;right:-2px;bottom:-7px;left:-3px}.zl-farbe:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.section details.sub>summary{position:relative}.section details.sub>summary:before{content:"";position:absolute;top:-4px;right:0;bottom:-4px;left:0}}:root{--bg: #14161b;--panel: #191c22;--card: #1d2028;--border: #2e323c;--text: #ebe7dc;--muted: #8f8d86;--accent: #d4a24c;--accent-dark: #e4b660;--accent-text: #e9c06a;--accent-ink: #1b1508;--bg-image: linear-gradient(rgba(212, 162, 76, .12) 1px, transparent 1px), linear-gradient(90deg, rgba(212, 162, 76, .12) 1px, transparent 1px), linear-gradient(rgba(212, 162, 76, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(212, 162, 76, .05) 1px, transparent 1px);--bg-size: 104px 104px, 104px 104px, 26px 26px, 26px 26px;--topbar-bg: #16181e;--thumb-bg: #22252c;--hover-bg: rgba(255, 255, 255, .04);--card-hover-border: rgba(212, 162, 76, .7);--card-hover-shadow: 0 0 0 1px rgba(212, 162, 76, .35), 0 12px 30px rgba(0, 0, 0, .5);--badge-bg: rgba(212, 162, 76, .14);--badge-border: rgba(212, 162, 76, .5);--new-glow: 0 0 16px rgba(212, 162, 76, .55);--hint-text: #e8c96a;--hint-bg: #2a2517;--hint-border: #4a3f1c;--ok-text: #9fd3a5;--ok-bg: #182619;--ok-border: #2a4a2e;--plabel: #b3ae9f;--pf-bg: #20232a;--pf-grid: #343843;--pf-axis: #4a5062;--modal-bg: #1b1e25;--modal-shadow: 0 24px 70px rgba(0, 0, 0, .65), 0 0 0 1px var(--border)}.btn-primary,.seg button.active,.new-badge{color:var(--accent-ink)}@media(hover:hover)and (pointer:fine){.btn-primary:hover{color:var(--accent-ink)}}.fb-cat.active{background:#d4a24c1a}.brand-name{letter-spacing:.06em}.tk-kopf,.tk-zeile{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;align-items:center}.tk-kopf{font-size:11px;color:var(--muted);margin-bottom:4px}.tk-liste{display:flex;flex-direction:column;gap:6px;max-height:420px;overflow-y:auto;padding-right:2px}.tk-eintrag{display:flex;flex-direction:column;gap:4px;padding-bottom:6px;border-bottom:1px solid var(--border)}.tk-eintrag:last-child{border-bottom:0}.prow .tk-zeile input[type=text]{min-width:0;padding:5px 6px;font-size:12px}.tk-optionen{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.prow .tk-optionen select.tk-art{width:auto;min-width:0;padding:2px 4px;font-size:11px}.prow .tk-zeile input[type=text]:disabled,.tk-schalter:disabled{opacity:.4;cursor:default}.tk-optionen .numbox{margin-left:auto}.tk-optionen .numbox input[type=number]{width:26px;padding:4px 0;font-size:13px}.tk-optionen .stepbtn{padding:3px 6px}.tk-schalter{border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:999px;padding:2px 8px;font-size:11px;cursor:pointer}@media(hover:hover)and (pointer:fine){.tk-schalter:hover{color:var(--text)}}.tk-schalter.active{background:#d4a24c29;border-color:var(--accent);color:var(--text)}.tk-weg{border:0;background:transparent;color:var(--muted);font-size:14px;cursor:pointer;padding:0 2px}@media(hover:hover)and (pointer:fine){.tk-weg:hover{color:var(--text)}}.tk-neu{margin-top:8px;padding:4px 10px}.tr-kopf,.tr-zeile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 22px;gap:4px;align-items:center}.tr-kopf{font-size:11px;color:var(--muted);margin-bottom:4px}.tr-liste{display:flex;flex-direction:column;gap:4px}.prow .tr-zeile input[type=text]{min-width:0;padding:5px 6px;font-size:12px}.tk-weg:disabled{opacity:.3;cursor:default}@media(hover:hover)and (pointer:fine){.tk-weg:disabled:hover{color:var(--muted)}}.mp-liste{display:flex;flex-direction:column;gap:6px}.mp-eintrag{display:flex;flex-direction:column;gap:4px}.mp-zeile{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr) auto 18px;gap:5px;align-items:center}.prow .mp-zeile select{padding:5px 6px;font-size:13px}.mp-zeile .numbox input[type=number]{width:26px;padding:4px 0;font-size:13px}.mp-zeile .stepbtn{padding:3px 6px}.mp-mass{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);padding-left:2px}.mp-mass .numbox input[type=number]{width:48px;padding:4px 0;font-size:13px}@media(max-width:760px){.prow .mp-zeile select,.mp-zeile .numbox input[type=number],.mp-mass .numbox input[type=number]{font-size:16px}}@media(pointer:coarse){.tk-schalter,.tk-weg,.tk-optionen .stepbtn,.mp-zeile .stepbtn{position:relative}.tk-schalter:after,.tk-weg:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px}.tk-optionen .stepbtn:after{content:"";position:absolute;top:-2px;right:0;bottom:-2px;left:0}.mp-zeile .stepbtn:after{content:"";position:absolute;top:-8px;right:0;bottom:-8px;left:0}.mp-zeile .stepbtn:first-child:after{left:-2px}.mp-zeile .stepbtn:last-child:after{right:-2px}.mp-zeile .tk-weg:after{top:-11px;right:-10px;bottom:-11px;left:-3px}}