.preview-observer{pointer-events:none;width:800px;height:600px;position:fixed;top:0;left:-10000px;overflow:hidden}.preview-observer iframe{border:0;width:800px;height:600px}.preview-host{height:100%;min-height:20rem}.preview-console{background:#f6f6f6;border:1px solid #c7c7c7;border-radius:4px;max-height:16rem;margin:0;padding:.5rem;font-family:ui-monospace,monospace;font-size:.9em;list-style:none;overflow:auto}.preview-console li{white-space:pre-wrap;overflow-wrap:anywhere}.preview-console li[data-level=error],.preview-console li[data-level=warn]{color:#9b1c1c}.project-workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"editor""preview""console";gap:1rem;display:grid}.project-workspace[data-ansicht=konsole]{grid-template-areas:"editor""console"}@media (width>=900px){.project-workspace{grid-template:"editor preview"minmax(20rem,auto)"editor console"/minmax(0,1fr) minmax(0,1fr)}.project-workspace[data-ansicht=vorschau]{grid-template-rows:minmax(20rem,auto);grid-template-areas:"editor preview"}.project-workspace[data-ansicht=konsole]{grid-template-rows:auto;grid-template-areas:"editor console"}}.project-editor-area{grid-area:editor;min-width:0}.project-preview-area{grid-area:preview;min-height:20rem}.project-preview-area iframe{background:#fff;border:1px solid #c7c7c7;border-radius:4px;width:100%;height:100%;min-height:20rem}.project-console-area{grid-area:console}.project-tabs{border-bottom:1px solid #c7c7c7;flex-wrap:wrap;gap:.25rem;display:flex}.project-tab{font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:4px 4px 0 0;align-items:center;gap:.4rem;padding:.4rem .8rem;display:inline-flex}.project-tab[aria-selected=true]{background:#fff;border-color:#c7c7c7;font-weight:600}.project-tab:focus-visible{outline-offset:1px;outline:2px solid #1a56db}.project-tab-locked{color:#555;align-items:center;gap:.2rem;font-size:.85em;display:inline-flex}.project-locked-hint{color:#555;margin:.4rem 0;font-size:.9em}.prediction-options{border:0;flex-wrap:wrap;gap:.75rem;padding:0;display:flex}.prediction-options legend{margin-bottom:.5rem}.prediction-option{cursor:pointer;border:1px solid #c7c7c7;border-radius:4px;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.5rem;display:flex}.prediction-option:has(input:checked){border-color:#1a56db;outline:1px solid #1a56db}.prediction-option img{max-width:14rem;height:auto}