.code-erstellen { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:2rem;font-size:clamp(.95rem,1.1vw,1.15rem);align-content:start; }
.code-erstellen [hidden] { display:none!important; }
.code-erstellen :is(section,form) { min-width:0; }
.code-erstellen :is(select,textarea,button) { font:inherit;border:1px solid var(--color-border);border-radius:0;background:var(--color-surface);color:var(--color-text-primary);padding:.6rem .8rem;max-width:100%; }
.code-erstellen textarea { display:block;width:100%;resize:vertical;margin:.4rem 0 .8rem;font:.85em/1.45 ui-monospace,monospace;tab-size:2; }
.code-erstellen select { min-width:0;flex:1; }
.code-erstellen form button { background:var(--color-primary);color:white;cursor:pointer; }
.code-erstellen :disabled { opacity:.5;cursor:default; }
.code-erstellen :is(input,select,textarea,button,summary,pre):focus-visible { outline:2px solid var(--color-primary-light);outline-offset:2px; }
.code-erstellen details { margin:0 0 .8rem;font-size:.9em; }
.code-erstellen summary { color:var(--color-primary);cursor:pointer; }
.code-erstellen fieldset { border:0;padding:0;margin:.8rem 0;display:flex;flex-wrap:wrap;gap:.6rem 1.1rem; }
.code-erstellen legend { padding:0;margin-bottom:.45rem;font-weight:600; }
.code-erstellen fieldset label { display:flex;gap:.4rem;align-items:baseline;cursor:pointer; }
.code-erstellen input { margin:0;accent-color:var(--color-primary); }
.code-erstellen-aktionen { display:flex;gap:.7rem; }
.code-erstellen-status { display:flex;align-items:center;gap:.6rem;min-height:2rem;color:var(--color-text-secondary);font-size:.9em; }
.code-erstellen-spinner { width:.8rem;height:.8rem;border:2px solid var(--color-primary);animation:code-erstellen-laedt .8s linear infinite; }
.code-erstellen-fehler { color:var(--color-error,#922c20); }
.code-erstellen-dateien { display:flex;flex-wrap:wrap;gap:.3rem;overflow-wrap:anywhere; }
.code-erstellen-dateien :is(button,strong) { font:.85em/1.4 ui-monospace,monospace;text-align:left; }
.code-erstellen-dateien strong { padding:.6rem 0; }
.code-erstellen-dateien button { cursor:pointer; }
.code-erstellen-dateien [aria-selected="true"] { color:var(--color-primary);border-bottom:3px solid currentColor; }
.code-erstellen pre { margin:.5rem 0 0;padding:1rem;background:var(--color-bg-secondary);overflow:auto;font:.85em/1.6 ui-monospace,monospace;tab-size:4; }
.code-erstellen code { font:inherit; }
.code-erstellen [data-field="annahmen"] { overflow-wrap:anywhere;line-height:1.5; }
.code-erstellen h3 { font-size:1em;margin:1rem 0 .4rem;color:var(--color-primary); }
@keyframes code-erstellen-laedt { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { .code-erstellen-spinner { animation:code-erstellen-pulsiert 1s ease-in-out infinite alternate; } }
@keyframes code-erstellen-pulsiert { to { opacity:.25; } }
@media(max-width:800px) { .code-erstellen { grid-template-columns:1fr;gap:1rem; }.code-erstellen-aktionen { flex-wrap:wrap; } }