.medienPage{gap:var(--bt-space-7);max-width:1240px;margin:0 auto;display:grid}.medienHero{gap:var(--bt-space-3);padding:var(--bt-space-6) 0 var(--bt-space-2);justify-items:start;display:grid}.medienEyebrow,.medienFieldLabel{color:var(--bt-muted);font-size:var(--bt-size-micro);letter-spacing:var(--bt-track-eyebrow);text-transform:uppercase;margin:0;font-weight:600}.medienTitle{color:var(--bt-ink);font-size:var(--bt-size-h-1);letter-spacing:var(--bt-track-h1);margin:0;font-weight:800}.medienLede,.medienGeneratorLede{max-width:560px;color:var(--bt-ink-55);font-size:var(--bt-size-label);margin:0;font-weight:400;line-height:1.5}.medienCta{margin-top:var(--bt-space-2);background:var(--bt-green-deep);border-radius:var(--bt-radius-full);color:var(--bt-page);font-size:var(--bt-size-label);align-items:center;padding:14px 28px;font-weight:700;text-decoration:none;display:inline-flex}.medienCta:hover{background:var(--bt-ink)}.medienSection{gap:var(--bt-space-4);display:grid}.medienSectionHeading{color:var(--bt-muted);font-size:var(--bt-size-micro);letter-spacing:var(--bt-track-eyebrow);text-transform:uppercase;margin:0;font-weight:600}.medienEmpty,.medienGeneratorHint{color:var(--bt-ink-55);font-size:var(--bt-size-body);margin:0;line-height:1.5}.medienExample{gap:var(--bt-space-2);max-width:560px;margin:0;display:grid}.medienExampleFrame,.medienPreviewFrame{border:1px solid var(--bt-line);border-radius:var(--bt-radius-2xl);background:var(--bt-surface);width:100%;height:460px}.medienPreviewFrameList{height:1020px}.medienExampleCaption{color:var(--bt-muted-2);font-size:var(--bt-size-caption)}.medienSteps{gap:var(--bt-space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0;padding:0;list-style:none;display:grid}.medienStep{align-content:start;gap:var(--bt-space-2);padding:var(--bt-space-5);background:var(--bt-surface);border:1px solid var(--bt-line);border-radius:var(--bt-radius-2xl);display:grid}.medienStepIndex{background:var(--bt-green-tint);border-radius:var(--bt-radius-circle);width:28px;height:28px;color:var(--bt-green-deep);font-size:var(--bt-size-small);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.medienStepTitle{color:var(--bt-ink);font-size:var(--bt-size-title);letter-spacing:var(--bt-track-tight);margin:0;font-weight:700}.medienStepDescription{color:var(--bt-ink-55);font-size:var(--bt-size-body);margin:0;line-height:1.5}.medienGenerator{gap:var(--bt-space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.medienGeneratorPanel{align-content:start;gap:var(--bt-space-3);padding:var(--bt-space-5);background:var(--bt-surface);border:1px solid var(--bt-line);border-radius:var(--bt-radius-2xl);display:grid}.medienSearchInput{background:var(--bt-surface);border:1px solid var(--bt-line-input);border-radius:var(--bt-radius-md);width:100%;color:var(--bt-ink);font-size:var(--bt-size-body);padding:10px 14px}.medienMarketList{gap:var(--bt-space-2);max-height:320px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.medienMarketOption{background:var(--bt-surface);border:1px solid var(--bt-line-strong);border-radius:var(--bt-radius-md);width:100%;color:var(--bt-ink-60);font-size:var(--bt-size-body);text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease-out);padding:10px 14px;font-weight:500}.medienMarketOption:hover{background:var(--bt-surface-hover)}.medienMarketOptionActive{background:var(--bt-green-tint);border-color:var(--bt-green-deep);color:var(--bt-ink)}.medienGeneratorError{gap:var(--bt-space-2);justify-items:start;display:grid}.medienRetryButton,.medienCopyButton{background:var(--bt-ink);border-radius:var(--bt-radius-full);color:var(--bt-page);font-size:var(--bt-size-body);cursor:pointer;border:0;align-items:center;padding:10px 18px;font-weight:700;display:inline-flex}.medienRetryButton:hover,.medienCopyButton:hover{background:var(--bt-ink-strong)}.medienOptionGroup{gap:var(--bt-space-2);border:0;margin:0;padding:0;display:grid}.medienSegmented{background:var(--bt-track);border-radius:var(--bt-radius-full);padding:3px;display:inline-flex}.medienSegment{border-radius:var(--bt-radius-full);color:var(--bt-ink-60);font-size:var(--bt-size-body);cursor:pointer;padding:8px 16px;font-weight:600}.medienSegment:focus-within{outline:2px solid var(--bt-green-deep);outline-offset:1px}.medienSegmentActive{background:var(--bt-surface);color:var(--bt-ink);box-shadow:var(--bt-shadow-sm)}.medienCheckLabel{align-items:center;gap:var(--bt-space-2);color:var(--bt-ink-60);font-size:var(--bt-size-body);font-weight:500;display:flex}.medienColorInput{border:1px solid var(--bt-line-input);border-radius:var(--bt-radius-xs);background:var(--bt-surface);width:44px;height:28px;padding:0}.medienGeneratorResult{gap:var(--bt-space-3);display:grid}.medienResultHeading{color:var(--bt-ink);font-size:var(--bt-size-title);letter-spacing:var(--bt-track-tight);margin:0;font-weight:700}.medienSnippets{gap:var(--bt-space-3);display:grid}.medienSnippet{gap:var(--bt-space-2);padding:var(--bt-space-4);background:var(--bt-surface);border:1px solid var(--bt-line);border-radius:var(--bt-radius-2xl);justify-items:start;display:grid}.medienSnippetCode{width:100%;padding:var(--bt-space-3);background:var(--bt-surface-sunken);border-radius:var(--bt-radius-md);color:var(--bt-ink-60);font-family:inherit;font-size:var(--bt-size-small);white-space:pre-wrap;word-break:break-all;margin:0;line-height:1.5}.medienCopyStatus{min-height:1.2em;color:var(--bt-ink-55);font-size:var(--bt-size-small);margin:0}