/* Automatisch erzeugt von scripts/import-website-tools.js – nicht von Hand bearbeiten. */
.gui-generator select, .gui-generator input, .prefix-generator select, .prefix-generator input, .prefix-generator textarea {width:100%;border:1px solid var(--line);border-radius:15px;background:var(--surface-soft);color:var(--ink);outline:none;transition:.18s ease}
.gui-generator select, .gui-generator input, .prefix-generator select, .prefix-generator input {height:48px;padding:0 14px}
.prefix-generator textarea {padding:13px 14px;resize:vertical;line-height:1.55}
.gui-generator input:focus, .gui-generator select:focus, .prefix-generator input:focus, .prefix-generator select:focus, .prefix-generator textarea:focus {border-color:rgba(56,72,216,.48);box-shadow:0 0 0 4px rgba(56,72,216,.07)}
.gui-generator__layout, .prefix-generator__layout {display:grid;grid-template-columns:minmax(0,1.03fr) minmax(420px,.97fr);gap:16px}
.gui-generator__panel, .prefix-generator__panel {padding:28px;border:1px solid var(--line);border-radius:30px;background:var(--surface);box-shadow:0 12px 34px rgba(20,24,34,.03)}
.gui-generator__heading, .prefix-generator__heading {margin-bottom:22px}
.gui-generator__heading>span, .prefix-generator__heading>span, .prefix-generator__subhead {color:var(--muted-2);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.gui-generator__heading h2, .prefix-generator__heading h2 {margin:7px 0 8px;font:500 31px/1.05 Lexend,sans-serif;letter-spacing:-.035em}
.gui-generator__heading p, .prefix-generator__heading p {margin:0;color:var(--muted);font-size:13px;line-height:1.6}
.gui-generator__fields, .prefix-generator__fields {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.prefix-generator__fields {grid-template-columns:1fr 1fr}
.gui-generator__slot-wrap, .prefix-generator__rank-wrap {margin-top:22px;padding:20px;border-radius:22px;background:var(--surface-soft)}
.gui-generator__slot-head, .prefix-generator__rank-head {display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:12px}
.gui-generator__slot-count, .prefix-generator__rank-count {color:var(--muted)}
.gui-slot-grid {display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;user-select:none}
.gui-slot {aspect-ratio:1;border:1px solid rgba(17,19,20,.09);border-radius:8px;background:var(--surface);color:var(--muted);font-size:10px;font-weight:700;transition:.12s}
.gui-slot[aria-pressed=true] {border-color:var(--blue-solid);background:var(--blue-solid);color:#fff;box-shadow:0 4px 10px rgba(56,72,216,.18)}
.gui-generator__actions, .gui-generator__preset-actions, .gui-generator__export-actions, .prefix-generator__actions, .prefix-generator__export-actions {display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.gui-generator__heading:not(:first-child) {margin-top:28px}
.gui-generator__preview-stage, .prefix-generator__preview-stage {min-height:320px;display:grid;place-items:center;padding:26px;border-radius:22px;background:#171a1f}
.gui-generator__preview-stage canvas {width:min(100%,430px);height:auto;image-rendering:pixelated}
.prefix-generator__preview-stage {min-height:210px}
.prefix-generator__preview-stage canvas {width:min(100%,480px);height:auto;image-rendering:pixelated}
.gui-generator__preview-meta, .prefix-generator__preview-meta {display:flex;justify-content:space-between;gap:14px;padding:13px 2px;color:var(--muted-2);font-size:10px}
.gui-generator__json, .prefix-generator__code {min-height:210px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}
.gui-generator__hint, .prefix-generator__hint {margin:16px 0 0;padding:14px 16px;border-radius:15px;background:var(--surface-soft);color:var(--muted);font-size:11px;line-height:1.6}
.prefix-generator__paint-grid {display:grid;gap:10px;margin-top:20px}
.prefix-paint-card {padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--surface-soft)}
.prefix-paint-card__head {display:grid;grid-template-columns:1fr 190px;gap:14px;align-items:end}
.prefix-paint-card__head>div {display:grid;gap:4px}
.prefix-paint-card small {color:var(--muted-2);font-size:10px}
.prefix-color-stops {display:grid;gap:7px;margin-top:14px}
.prefix-color-stop {display:grid;grid-template-columns:45px 1fr 40px;gap:7px}
.prefix-color-stop input[type=color], .prefix-text-color input[type=color] {padding:3px}
.prefix-color-stop__remove {border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--muted);font-size:20px}
.prefix-paint-card--text {display:grid;grid-template-columns:1fr 230px;gap:15px;align-items:end}
.prefix-text-color {grid-template-columns:44px 1fr}
.prefix-generator__mode {display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:20px;padding:17px;border-radius:18px;background:var(--surface-soft)}
.prefix-generator__toggle {display:flex;align-items:center;gap:7px;font-size:12px}
.prefix-generator__rank-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.prefix-rank-chip {display:flex;align-items:center;gap:9px;padding:11px;border:1px solid var(--line);border-radius:14px;background:var(--surface);cursor:pointer}
.prefix-rank-chip:has(input:checked) {border-color:rgba(56,72,216,.38);background:var(--blue-soft)}
.prefix-rank-chip input {width:16px;height:16px;accent-color:var(--blue)}
.prefix-rank-chip__meta {display:grid;gap:2px}
.prefix-rank-chip__title {font-size:11px;font-weight:800}
.prefix-rank-chip__key {color:var(--muted);font-size:9px}
.prefix-generator__file-list {display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.prefix-generator__file-list span {padding:6px 8px;border-radius:9px;background:var(--surface-soft);color:var(--muted);font:10px ui-monospace,monospace}
.prefix-generator__output-group {margin-top:18px}
.prefix-generator__output-head {margin-bottom:8px;font-size:12px}
@media(max-width:1120px) {
  .gui-generator__layout,.prefix-generator__layout{grid-template-columns:1fr}
}
@media(max-width:760px) {
  .gui-generator__fields,.prefix-generator__fields,.prefix-paint-card__head,.prefix-paint-card--text{grid-template-columns:1fr}
  .prefix-generator__rank-grid{grid-template-columns:1fr}
  .gui-generator__panel,.prefix-generator__panel{padding:20px;border-radius:24px}
  .gui-slot-grid{gap:3px}
  .gui-slot{border-radius:5px;font-size:9px}
}
@media(max-width:480px) {
  .prefix-color-stop{grid-template-columns:40px 1fr 38px}
}
.gui-generator, .prefix-generator { padding-top:16px; }
.gui-generator__panel, .prefix-generator__panel { border-radius:30px; box-shadow:0 14px 38px rgba(20,24,34,.035); }
.gui-generator__preview, .prefix-generator__preview-stage { border-radius:24px; }