.kartenliste{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.kartenkachel{gap:var(--sp-3);padding:var(--sp-4);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--schatten);text-align:left;transition:box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);display:grid}.kartenkachel:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.kartenkachel__kopf{justify-content:space-between;align-items:flex-start;gap:var(--sp-2);display:flex}.kartenkachel__marken{justify-items:end;gap:3px;display:grid}.kartenkachel__name{font-family:var(--font-display);letter-spacing:-.015em;font-size:16px;font-weight:600}.kartenkachel__zahlen{gap:var(--sp-5);padding-top:var(--sp-3);border-top:1px solid var(--border);display:flex}.kartenkachel__zahl{gap:1px;display:grid}.kartenkachel__zahl b{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:19px;font-weight:700}.kartenkachel--neu{place-content:center;gap:var(--sp-2);min-height:220px;color:var(--text-dim);text-align:center;cursor:pointer;border-style:dashed;display:grid}.kartenkachel--neu:hover{color:var(--accent);border-color:var(--accent)}.badge{border-radius:var(--radius-pill);background:var(--panel-hi);color:var(--text-dim);white-space:nowrap;padding:3px 9px;font-size:12px;font-weight:550}.badge--aktiv{background:var(--accent-soft);color:var(--accent-tief)}.badge--entwurf{background:var(--warn-soft);color:var(--warn)}.badge--archiviert{opacity:.6}.editor{align-items:start;gap:var(--sp-5);grid-template-columns:1fr auto;display:grid}.editor__spalte{gap:var(--sp-4);min-width:0;display:grid}.editor__vorschau{top:var(--sp-5);justify-items:center;gap:var(--sp-3);display:grid;position:sticky}.editor__vorschauhinweis{max-width:300px;color:var(--text-faint);text-align:center;font-size:12px}.editor__kopf{justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.editor__aktionen{align-items:center;gap:var(--sp-3);display:flex}.reiter{background:#0000000d;border-radius:10px;flex-wrap:wrap;gap:2px;padding:2px;display:inline-flex}.reiter__knopf{padding:6px var(--sp-4);color:var(--text-dim);font:inherit;cursor:pointer;transition:background var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);background:0 0;border:0;border-radius:8px;font-size:13px;font-weight:500}.reiter__knopf:hover:not(:disabled){color:var(--text)}.reiter__knopf[aria-selected=true]{background:var(--panel);color:var(--text);box-shadow:0 1px 3px #0000001a}.reiter__knopf:disabled{opacity:.35;cursor:not-allowed}.feldpaar{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.modellwahl{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.modellwahl__option{padding:var(--sp-3) var(--sp-4);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font:inherit;text-align:left;cursor:pointer;gap:3px;display:grid}.modellwahl__option[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.modellwahl__option b{font-size:13.5px}.modellwahl__option span{color:var(--text-dim);font-size:12px}.regler{align-items:center;gap:var(--sp-3);display:flex}.regler input[type=range]{accent-color:var(--accent);flex:1}.regler output{min-width:7em;color:var(--text-dim);text-align:right;font-size:13px}.zeilen{gap:var(--sp-2);display:grid}.zeile{align-items:center;gap:var(--sp-3);padding:var(--sp-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:auto 1fr auto;display:grid}.zeile__felder input,.zeile__detail input{background:var(--panel)}.zeile--inaktiv{opacity:.5}.zeile__pfeile{gap:1px;display:grid}.zeile__pfeil{width:24px;height:17px;color:var(--text-dim);cursor:pointer;transition:background var(--dur) var(--ease);background:#0000000f;border:0;border-radius:5px;padding:0;font-size:9px;line-height:1}.zeile__pfeil:hover:not(:disabled){background:#0000001c}.zeile__pfeil:disabled{opacity:.3;cursor:not-allowed}.zeile__felder{gap:var(--sp-2);grid-template-columns:1fr auto;align-items:center;min-width:0;display:grid}.zeile__felder input[type=text],.zeile__felder input[type=number]{padding:7px var(--sp-3);border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;border-radius:8px;min-width:0;font-size:13.5px}.zeile__felder input[type=number]{text-align:right;width:6.5em}.zeile__detail{gap:var(--sp-3);padding-top:var(--sp-2);grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.zeile__detail label{color:var(--text-faint);gap:3px;font-size:11px;display:grid}.zeile__detail input{padding:6px var(--sp-2);border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;border-radius:7px;font-size:13px}.schalter{align-items:center;gap:var(--sp-2);color:var(--text-dim);white-space:nowrap;cursor:pointer;font-size:12.5px;display:inline-flex}.schalter input{accent-color:var(--accent)}.farbwahl{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(110px,1fr));display:grid}.farbfeld{align-items:center;gap:var(--sp-2);padding:6px var(--sp-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--panel);display:flex}.farbfeld input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:7px;width:30px;height:30px;padding:0}.farbfeld span{color:var(--text-dim);font-size:11.5px}.presets{gap:var(--sp-2);flex-wrap:wrap;display:flex}.preset{align-items:center;gap:var(--sp-2);border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--panel);color:var(--text-dim);font:inherit;cursor:pointer;padding:5px 12px 5px 5px;font-size:12.5px;display:flex}.preset:hover{border-color:var(--accent);color:var(--text)}.preset__punkt{border:2px solid;border-radius:50%;width:20px;height:20px}.bildwahl{gap:var(--sp-3);flex-wrap:wrap;align-items:center;display:flex}.stripvorlage{aspect-ratio:1125/369;border:1px solid var(--border-strong);cursor:pointer;border-radius:7px;width:92px;padding:0;overflow:hidden}.stripvorlage img{object-fit:cover;width:100%;height:100%;display:block}.stripvorlage[aria-pressed=true]{border-color:var(--accent);outline:1px solid var(--accent)}@media (width<=900px){.editor{grid-template-columns:1fr}.editor__vorschau{order:-1;position:static}}
