:root{--bg:#f5f7fb;--card:#fff;--text:#16202a;--muted:#64748b;--line:#d9e1ec;--accent:#1d4ed8;--danger:#b91c1c;--ok:#047857;--warn:#b45309}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.45}.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;background:#0f172a;color:#fff}.topbar a{color:#fff;text-decoration:none;margin-left:16px}.container{max-width:1180px;margin:0 auto;padding:24px}.footer{padding:20px;text-align:center;color:var(--muted)}h1{margin-top:0}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;margin:16px 0;box-shadow:0 2px 8px rgba(15,23,42,.04)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.muted{color:var(--muted)}.small{font-size:.9rem}.badge{display:inline-block;border:1px solid var(--line);background:#eef2ff;border-radius:999px;padding:3px 9px;font-size:.84rem;margin:2px}.badge.ok{background:#ecfdf5;color:var(--ok);border-color:#a7f3d0}.badge.warn{background:#fff7ed;color:var(--warn);border-color:#fed7aa}.badge.danger{background:#fef2f2;color:var(--danger);border-color:#fecaca}a.button,button,.button{display:inline-block;border:0;border-radius:10px;background:var(--accent);color:#fff;text-decoration:none;padding:10px 14px;font-weight:650;cursor:pointer;margin:4px 4px 4px 0}.button.secondary,button.secondary{background:#475569}.button.light,button.light{background:#e2e8f0;color:#0f172a}.button.danger,button.danger{background:var(--danger)}input,textarea,select{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit}textarea{min-height:110px}label{font-weight:700;display:block;margin:12px 0 6px}.form-row{margin:10px 0}.question{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.help{color:var(--muted);font-size:.92rem;margin:4px 0 8px}.flash{padding:12px 14px;border-radius:10px;margin:10px 0}.flash.ok{background:#ecfdf5;color:#065f46}.flash.error{background:#fef2f2;color:#991b1b}.flash.info{background:#eff6ff;color:#1e40af}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#f1f5f9}.source-box{border-left:4px solid #94a3b8;background:#f8fafc;padding:10px;margin:8px 0;border-radius:8px}.answer-box{border:1px solid var(--line);border-radius:12px;padding:12px;margin:12px 0;background:#fff}.copy{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem;background:#f8fafc;padding:8px;border-radius:8px;word-break:break-all}.pre{white-space:pre-wrap;background:#0f172a;color:#e2e8f0;border-radius:12px;padding:14px;overflow:auto}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rawtext{max-height:520px;overflow:auto;white-space:pre-wrap;background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:12px}@media(max-width:800px){.split{grid-template-columns:1fr}.container{padding:14px}.topbar{align-items:flex-start;gap:8px;flex-direction:column}}
.suggestion-box{border:1px solid #d6dbea;border-radius:14px;padding:14px;margin:14px 0;background:#fbfcff}
.suggestion-box textarea{min-height:110px}
.stacked{display:block}
hr{border:0;border-top:1px solid #e1e5ef;margin:22px 0}
code{background:#f0f3fa;border-radius:6px;padding:2px 5px}
button[disabled]{opacity:.55;cursor:not-allowed}
.ai-loading{display:none;align-items:center;gap:12px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;border-radius:12px;padding:12px;margin:12px 0}.ai-loading.visible{display:flex}.spinner{width:22px;height:22px;border:3px solid #bfdbfe;border-top-color:#1d4ed8;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ai-source{border-left-color:#7c3aed;background:#faf5ff}.compact-form select{font-size:.92rem;padding:7px}.small-button{padding:7px 10px;font-size:.86rem}.badge.warn{font-weight:650}
.inline-form{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}.inline-form select{flex:1 1 420px}.inline-form button{flex:0 0 auto}.answer-style-card{border-left:4px solid #2563eb}.optional-question.collapsed-by-style{display:none}.optional-question.visible{display:block}.progress{height:9px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin:10px 0}.progress>div{height:100%;background:#2563eb;border-radius:999px}.snapshot-list .snapshot{border-top:1px solid var(--line);padding:12px 0}.status-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.status-form select{max-width:260px}.callout{background:#f8fafc;border-left:4px solid #64748b;border-radius:10px;padding:12px;margin:12px 0}
.spec-item { border: 1px solid #d8dde6; border-radius: 10px; margin: 1rem 0; padding: .75rem 1rem; background: #fff; }
.spec-item summary { cursor: pointer; margin-bottom: .75rem; }
.form-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: .75rem; }
.stacked-form label { display: block; margin: .65rem 0; }
.stacked-form input[type="text"], .stacked-form textarea, .stacked-form select { width: 100%; box-sizing: border-box; }
button.danger, .button.danger { background: #9b1c1c; color: #fff; }
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.button-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.button-row form{margin:0}.role-editor{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.source-box details{margin:10px 0}.source-box summary{cursor:pointer;font-weight:700}@media(max-width:800px){.grid.two{grid-template-columns:1fr}}
.ai-followup-card{border-left:4px solid #0ea5e9}.followup-box{border:1px solid #bae6fd;background:#f0f9ff;border-radius:12px;padding:14px;margin:14px 0}.suggestion-governance{border-left:4px solid #7c3aed}.suggestion-governance.unreviewed{background:#faf5ff}.button-row{margin-top:12px}.ai-action-button{background:#7c3aed}.ai-action-button:hover{filter:brightness(.95)}
.progress.large{height:14px}.progress-overview{border-left:4px solid var(--accent)}.feedback-offer{border-left:4px solid var(--ok)}.module-controls{border-left:4px solid #64748b}.skip-reason-fields{margin-top:8px;padding:10px;background:#f8fafc;border:1px solid var(--line);border-radius:10px}.skip-reason-fields.is-hidden{display:none}.checkbox-label{display:flex;gap:8px;align-items:flex-start;font-weight:500;margin:8px 0}.checkbox-label input[type=checkbox]{width:auto;margin-top:4px}.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:4px 14px;margin:10px 0}.member-editor{border-top:1px solid var(--line);padding:18px 0}.member-editor:first-child{border-top:0}.narrow-card{max-width:620px}.topbar nav{display:flex;flex-wrap:wrap;align-items:center}.flash.warn{background:#fff7ed;color:#9a3412}@media(max-width:800px){.permission-grid{grid-template-columns:1fr}.button-row>button,.button-row>a{width:100%;text-align:center}.topbar nav a{margin:4px 12px 4px 0}}

/* v0.9 – KI-Projektstudio und sichere klickbare Zwischenstände */
.studio-intro{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;border-left:5px solid #7c3aed;background:linear-gradient(135deg,#fff 0%,#faf5ff 100%)}.studio-intro>div:first-child{max-width:760px}.studio-progress-box{min-width:260px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}.studio-canvas-card{border-left:5px solid #2563eb}.studio-canvas-form textarea{min-height:88px}.studio-section-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.studio-picture-card{border-left:5px solid #7c3aed}.studio-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px}.studio-chip{background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;padding:7px 11px}.studio-capability-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.studio-capability{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff}.studio-capability.priority-must{border-left:4px solid #2563eb}.studio-capability.priority-should{border-left:4px solid #7c3aed}.studio-capability.priority-could{border-left:4px solid #94a3b8}.studio-workflow{counter-reset:studio-step;list-style:none;padding:0;display:grid;gap:10px}.studio-workflow li{counter-increment:studio-step;background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:12px 12px 12px 52px;position:relative}.studio-workflow li:before{content:counter(studio-step);position:absolute;left:12px;top:10px;width:28px;height:28px;border-radius:50%;background:#1d4ed8;color:#fff;display:grid;place-items:center;font-weight:700}.studio-summary-list{display:grid;grid-template-columns:minmax(160px,240px) 1fr;gap:10px 18px}.studio-summary-list dt{font-weight:700}.studio-summary-list dd{margin:0}.studio-version-list{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}.studio-version-list summary{cursor:pointer;font-weight:700}.studio-question{border-top:1px solid var(--line);padding:18px 0}.studio-question:first-of-type{border-top:0}.studio-question.answered{opacity:.82}.studio-option-list{display:grid;gap:8px;margin:12px 0}.studio-option-list label{display:flex;align-items:flex-start;gap:9px;margin:0;background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:10px;font-weight:500}.studio-option-list input{width:auto;margin-top:4px}.studio-detail-fallback{border-left:5px solid #94a3b8}
.prototype-shell{margin-top:16px}.prototype-browser{border:1px solid #cbd5e1;border-radius:16px;overflow:hidden;background:#e2e8f0;box-shadow:0 16px 35px rgba(15,23,42,.12)}.prototype-browser-bar{height:44px;background:#0f172a;color:#fff;display:flex;align-items:center;gap:7px;padding:0 14px}.prototype-browser-bar>span{display:block;width:11px;height:11px;border-radius:50%;background:#64748b}.prototype-browser-bar strong{margin-left:10px;font-size:.9rem}.prototype-tabs{display:flex;gap:7px;padding:10px;background:#f8fafc;border-bottom:1px solid #cbd5e1;overflow-x:auto}.prototype-tab{white-space:nowrap;background:#e2e8f0;color:#0f172a;padding:8px 11px;font-size:.9rem}.prototype-tab.active{background:#1d4ed8;color:#fff}.prototype-canvas{background:#eef2f7;padding:16px}.prototype-screen{display:none;background:#fff;border-radius:12px;min-height:460px;padding:18px}.prototype-screen.active{display:block}.prototype-screen-heading{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px}.prototype-screen-heading h3{font-size:1.45rem;margin:7px 0}.prototype-screen-heading p{margin:0;color:var(--muted)}.prototype-components{display:grid;gap:13px}.prototype-component{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff}.prototype-component.component-hero{background:linear-gradient(135deg,#eff6ff,#eef2ff);border-color:#bfdbfe}.prototype-component.component-notice{background:#fffbeb;border-color:#fde68a}.prototype-component h4{margin:0 0 7px}.prototype-component>p{margin:0 0 8px}.prototype-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.prototype-stats>div{background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:12px}.prototype-stats strong{display:block;font-size:1.25rem}.prototype-stats span{display:block;color:var(--muted);font-size:.86rem}.prototype-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.prototype-mini-card{border:1px solid var(--line);border-radius:10px;padding:12px;background:#f8fafc}.prototype-mini-card.emphasis-strong{border-color:#93c5fd;background:#eff6ff}.prototype-mini-card.emphasis-warning{border-color:#fdba74;background:#fff7ed}.prototype-mini-card.emphasis-positive{border-color:#86efac;background:#f0fdf4}.prototype-mini-card p{margin:6px 0}.prototype-list{border:1px solid var(--line);border-radius:10px;overflow:hidden}.prototype-list-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px;border-bottom:1px solid var(--line)}.prototype-list-row:last-child{border-bottom:0}.prototype-list-row span{display:block;color:var(--muted);font-size:.9rem}.prototype-list-row.emphasis-warning{background:#fff7ed}.prototype-list-row.emphasis-positive{background:#f0fdf4}.prototype-form{display:grid;gap:10px}.prototype-form label{margin:0;font-size:.9rem}.prototype-input{display:block;border:1px solid var(--line);border-radius:8px;background:#f8fafc;padding:9px;margin-top:4px;color:var(--muted);font-weight:400}.prototype-primary,.prototype-secondary,.prototype-link{border:0;border-radius:9px;padding:8px 11px;cursor:pointer;font-weight:650}.prototype-primary{background:#1d4ed8;color:#fff}.prototype-secondary{background:#e2e8f0;color:#0f172a}.prototype-link{background:#e0e7ff;color:#3730a3;font-size:.85rem}.prototype-actions{display:flex;flex-wrap:wrap;gap:8px}.prototype-bullets{margin:8px 0 0}.prototype-feedback{margin-top:18px;padding:14px;border-radius:12px;background:#f8fafc;border:1px dashed #94a3b8}.prototype-feedback textarea{min-height:68px}.prototype-feedback-buttons{display:flex;flex-wrap:wrap;gap:4px}
@media(max-width:800px){.studio-intro,.studio-section-head{flex-direction:column}.studio-progress-box{min-width:0;width:100%}.studio-summary-list{grid-template-columns:1fr}.prototype-canvas{padding:8px}.prototype-screen{padding:12px;min-height:400px}.prototype-list-row{align-items:flex-start;flex-direction:column}.prototype-feedback-buttons .button{width:auto}.prototype-browser-bar strong{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}


/* v0.9.1-alpha1 – adaptive Klärungsfragen und fachlicher Status */
/* v0.9.1-alpha2 – iterative Versionen, Kosten, Routing und große Vorschau */
.studio-status-list{list-style:none;padding:0;margin:12px 0;display:grid;gap:7px}.studio-status-list li{position:relative;padding-left:24px;font-size:.92rem}.studio-status-list li:before{position:absolute;left:0;top:0}.studio-status-list .is-done:before{content:'✓';color:#15803d;font-weight:800}.studio-status-list .is-open:before{content:'•';color:#b45309;font-size:1.35rem;line-height:.8}.studio-batch-answer-form{margin:0}.studio-question{scroll-margin-top:18px}.studio-option-list.is-multiple label{background:#f5f3ff;border-color:#ddd6fe}.studio-question-actions{margin-top:10px}.studio-batch-save{position:sticky;bottom:10px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-left:5px solid #7c3aed;border-radius:12px;padding:14px;margin-top:18px;box-shadow:0 8px 24px rgba(15,23,42,.10)}.studio-batch-save button{flex:0 0 auto}@media(max-width:800px){.studio-batch-save{position:static}.studio-batch-save button{width:100%}.studio-question-actions button{width:100%}}

/* v0.9.1-alpha2 – Iteration, Kostenkontrolle und große Vorschau */
.studio-cost-card{border-left:5px solid #0f766e}.studio-cost-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.studio-cost-metrics>div{display:flex;flex-direction:column;gap:3px;background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:14px}.studio-cost-metrics strong{font-size:1.3rem}.studio-cost-metrics span{color:var(--muted);font-size:.9rem}.studio-version-actions{display:flex;align-items:flex-end;flex-direction:column;gap:8px;text-align:right}.studio-change-summary{margin:14px 0;border:1px solid var(--line);border-radius:12px;padding:12px;background:#f8fafc}.studio-change-summary summary{cursor:pointer;font-weight:700}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.prototype-preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;margin:0 0 14px}.prototype-preview-wide .prototype-shell{margin-top:0}.prototype-preview-wide .prototype-browser{border-radius:14px}.prototype-preview-wide .prototype-screen{min-height:620px}.container:has(.prototype-preview-wide){max-width:1600px}.cost-missing{color:var(--warn);font-weight:650}
@media(max-width:800px){.studio-cost-metrics,.grid.three{grid-template-columns:1fr}.studio-version-actions{align-items:flex-start;text-align:left;width:100%}.prototype-preview-toolbar .button{width:100%;text-align:center}.prototype-preview-wide .prototype-screen{min-height:440px}}

/* v0.9.1-alpha3 – freier Projektbrief, Quellenherkunft und prüfbare Aussagen */
.studio-canvas-form textarea[name="brief_text"]{min-height:190px}.studio-source-picker{border:1px solid var(--line);border-radius:12px;padding:12px;margin:16px 0}.studio-source-picker legend{font-weight:750;padding:0 6px}.studio-source-option{display:flex;gap:10px;align-items:flex-start;border-top:1px solid var(--line);padding:10px 0;margin:0;font-weight:500}.studio-source-option:first-of-type{border-top:0}.studio-source-option input{width:auto;margin-top:5px}.studio-source-option span{display:flex;flex-direction:column}.studio-source-option small{color:var(--muted)}.studio-optional-details{border:1px solid var(--line);border-radius:12px;padding:12px;margin:16px 0;background:#f8fafc}.studio-optional-details summary{cursor:pointer;font-weight:750}.studio-insights-card{border-left:5px solid #0f766e}.studio-insight-list{display:grid;gap:12px}.studio-insight{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff}.studio-insight.status-confirmed,.studio-insight.status-revised{border-left:4px solid var(--ok);background:#f8fffb}.studio-insight.status-rejected{border-left:4px solid var(--danger);background:#fffafa;opacity:.84}.studio-insight.status-open{border-left:4px solid var(--warn)}.studio-insight-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.studio-insight textarea{min-height:70px}.studio-insights-form .button-row{position:sticky;bottom:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;box-shadow:0 8px 24px rgba(15,23,42,.10);z-index:2}
@media(max-width:800px){.studio-insights-form .button-row{position:static}.studio-source-option{align-items:flex-start}}