:root{--sw42:#f7a723;--ink:#1d1d1b;--muted:#6f6f6f;--line:#e6e1d8;--paper:rgba(255,255,255,.88);--paper-solid:#fff;--soft:#fff8ed;--danger:#b91c1c;--ok:#15803d;--radius:22px;--shadow:0 18px 45px rgba(46,35,18,.10)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fbf8f1;min-height:100vh}.clouds{position:fixed;inset:0;background:radial-gradient(circle at 12% 18%,rgba(247,167,35,.18),transparent 26%),radial-gradient(circle at 84% 8%,rgba(247,167,35,.14),transparent 24%),radial-gradient(circle at 62% 82%,rgba(247,167,35,.10),transparent 26%),linear-gradient(180deg,#fff 0,#fbf7ef 100%);z-index:-2}.clouds:after{content:"";position:absolute;inset:0;background-image:url('https://stockwerk42.de/images/bg-clouds.svg');background-size:900px auto;background-position:center top;opacity:.22}.app-shell{display:flex;min-height:100vh}.sidebar{width:310px;flex:0 0 310px;background:rgba(255,255,255,.78);backdrop-filter:blur(14px);border-right:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:18px;transition:.25s ease}.sidebar.collapsed{margin-left:-310px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:54px;max-height:54px}.brand strong{font-size:25px;display:block;letter-spacing:-.04em}.brand span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.11em}.primary,.ghost{border:0;border-radius:999px;padding:12px 18px;font-weight:800;cursor:pointer;transition:.18s ease}.primary{background:var(--sw42);color:#21170a;box-shadow:0 8px 22px rgba(247,167,35,.28)}.primary:hover{transform:translateY(-1px)}.ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}.ghost:hover{border-color:var(--sw42)}.full{width:100%}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.92);padding:12px 13px;font:inherit;color:var(--ink);outline:none}textarea{min-height:94px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--sw42);box-shadow:0 0 0 4px rgba(247,167,35,.16)}label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#4c463d;display:flex;flex-direction:column;gap:7px}.search-wrap input{border-radius:999px}.project-list{display:flex;flex-direction:column;gap:8px;overflow:auto}.project-item{padding:12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.7);cursor:pointer}.project-item.active{background:#fff4de;border-color:var(--sw42)}.project-item strong{display:block}.project-item span{font-size:12px;color:var(--muted)}.side-footer{margin-top:auto;display:flex;gap:12px;font-size:12px}.side-footer a{color:var(--muted)}.workspace{flex:1;padding:26px;min-width:0}.topbar{display:flex;align-items:center;gap:18px;margin-bottom:18px}.topbar h1{margin:0;font-size:34px;letter-spacing:-.055em}.eyebrow{margin:0 0 5px;color:var(--sw42);font-weight:900;text-transform:uppercase;letter-spacing:.13em;font-size:12px}.actions{margin-left:auto;display:flex;gap:10px;align-items:center}.actions.left{margin-left:0}.notice{background:#1d1d1b;color:#fff;border-radius:18px;padding:12px 16px;margin-bottom:18px}.grid-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:18px}.card{background:var(--paper);border:1px solid rgba(230,225,216,.82);box-shadow:var(--shadow);border-radius:var(--radius);padding:22px}.card h2{margin:0 0 18px;font-size:21px;letter-spacing:-.03em}.span-2{grid-column:1/-1}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field-grid.one{grid-template-columns:1fr}.wide{grid-column:1/-1}.counter-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px;color:var(--muted);font-size:13px}.map-actions{display:flex;gap:10px;margin:14px 0;flex-wrap:wrap}#map{height:310px;border-radius:18px;border:1px solid var(--line);overflow:hidden}.favicon-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:20px}.favicon-preview{background:#fff;border:1px dashed var(--line);border-radius:20px;padding:18px;text-align:center}.favicon-preview canvas{width:160px;height:160px;border-radius:32px;box-shadow:0 10px 30px rgba(0,0,0,.10)}.favicon-preview p{font-size:13px;color:var(--muted)}#codeOutput{min-height:360px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.45;background:#1d1d1b;color:#f8f1e5;border-color:#1d1d1b}.checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0 0;padding:0;list-style:none}.checklist li{padding:10px 12px;border-radius:14px;background:#fff;border:1px solid var(--line);font-size:13px}.checklist .ok{border-color:rgba(21,128,61,.28);color:var(--ok)}.checklist .warn{border-color:rgba(185,28,28,.22);color:var(--danger)}@media(max-width:980px){.app-shell{display:block}.sidebar{position:fixed;z-index:10;inset:0 auto 0 0}.sidebar.collapsed{margin-left:-310px}.workspace{padding:18px}.grid-layout,.field-grid,.favicon-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-wrap:wrap}.actions{margin-left:0}.topbar h1{font-size:26px}.checklist{grid-template-columns:1fr}.wide{grid-column:auto}} 
.section-head{display:flex;align-items:flex-start;gap:16px;justify-content:space-between;margin-bottom:8px}.eyebrow.small{font-size:11px;margin-bottom:3px}.helper{margin:0 0 18px;color:var(--muted);line-height:1.5}.assistant-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.suggestion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.keyword-box{grid-column:1/-1;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px}.keyword-box strong{display:block;margin-bottom:6px}.keyword-box p{margin:0;color:var(--muted);line-height:1.45}.suggestion{background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px;display:flex;flex-direction:column;gap:9px}.suggestion span{align-self:flex-start;background:#fff4de;color:#3b2b10;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.suggestion strong{font-size:18px;line-height:1.2;letter-spacing:-.02em}.suggestion p{margin:0;color:#4c463d;line-height:1.45}.suggestion small{color:var(--muted)}.suggestion button{align-self:flex-start;margin-top:auto}@media(max-width:980px){.suggestion-grid{grid-template-columns:1fr}.section-head{display:block}.section-head .primary{margin-top:12px}}
.danger-btn{color:var(--danger);border-color:rgba(185,28,28,.25)}
.mini-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.preview-label{margin:18px 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:var(--muted)}.og-preview-wrap{margin-top:4px}.og-preview-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.07)}.og-preview-image{aspect-ratio:1200/630;background:linear-gradient(135deg,#fff4de,#f7a723);display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;color:#3b2b10;font-weight:900}.og-preview-image.has-image{background-color:#eee}.og-preview-body{padding:13px 14px}.og-preview-body small{display:block;color:#606770;text-transform:uppercase;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.og-preview-body strong{display:block;margin-top:4px;font-size:16px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.og-preview-body p{margin:6px 0 0;color:#606770;font-size:13px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.og-warnings{display:flex;flex-direction:column;gap:6px;margin-top:10px}.og-warnings span{font-size:12px;color:var(--danger);background:#fff;border:1px solid rgba(185,28,28,.22);border-radius:12px;padding:8px 10px}.og-warnings .ok{color:var(--ok);border-color:rgba(21,128,61,.28)}
.serp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.65fr);gap:18px}.serp-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 10px 28px rgba(0,0,0,.06);font-family:Arial,Helvetica,sans-serif}.desktop-serp{max-width:680px}.mobile-serp{max-width:390px}.serp-url{color:#202124;font-size:14px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}.serp-title{color:#1a0dab;font-size:20px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-serp .serp-title{font-size:18px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.serp-desc{margin-top:5px;color:#4d5156;font-size:14px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mobile-serp .serp-desc{-webkit-line-clamp:3}@media(max-width:980px){.serp-grid{grid-template-columns:1fr}.mobile-serp,.desktop-serp{max-width:none}}

#groundingPreview{min-height:280px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.45;background:#fff;color:#1d1d1b}

/* Unterseitenverwaltung */
.page-manager{margin-bottom:18px}
.page-grid{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(320px,1.2fr);gap:18px;align-items:start}
.subpage-list{display:grid;gap:10px;max-height:340px;overflow:auto;padding-right:4px}
.subpage-card,.project-page{appearance:none;border:1px solid rgba(10,22,38,.12);background:rgba(255,255,255,.82);border-radius:16px;padding:12px 14px;text-align:left;cursor:pointer;color:#122032;transition:.18s ease;display:block;width:100%}
.subpage-card:hover,.project-page:hover{border-color:rgba(247,167,35,.55);box-shadow:0 8px 22px rgba(10,22,38,.08)}
.subpage-card.active,.project-page.active{border-color:#f7a723;background:#fff7e8;box-shadow:0 10px 26px rgba(247,167,35,.18)}
.subpage-card strong{display:block;font-size:15px;margin-bottom:4px}.subpage-card span{display:block;font-size:12px;color:#637083;line-height:1.35}
.project-group{margin-bottom:8px}.project-page{margin:6px 0 0 14px;width:calc(100% - 14px);font-size:13px;padding:9px 10px;border-radius:12px}.project-page small{display:block;color:#6d7786;margin-top:2px}.project-group.active>.project-item{border-color:rgba(247,167,35,.35)}
.page-editor{background:rgba(255,255,255,.6);border:1px solid rgba(10,22,38,.08);border-radius:18px;padding:16px}.page-editor h3,.page-grid h3{margin:0 0 12px;font-size:16px}.inheritance-note{margin-top:12px;border-left:4px solid #f7a723;background:#fff7e8;border-radius:12px;padding:12px 14px;color:#334155;font-size:13px;line-height:1.45}.compact-actions{display:flex;gap:8px;flex-wrap:wrap}.danger-btn{color:#9f1239!important;border-color:rgba(159,18,57,.25)!important}
@media(max-width:900px){.page-grid{grid-template-columns:1fr}.compact-actions{width:100%}}
.custom-serp-variant,.serp-preview-inline{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.custom-serp-variant h3,.serp-preview-inline h3{margin:0 0 8px;font-size:17px;letter-spacing:-.02em}.suggestion{position:relative}.suggestion.active{border-color:#f7a723;background:#fff8ea;box-shadow:0 10px 24px rgba(247,167,35,.18)}.active-marker{position:absolute;right:12px;top:12px;background:#1d1d1b;color:#fff;border-radius:999px;padding:4px 8px;font-size:10px;font-style:normal;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.color-combo{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;align-items:center}.color-combo input[type="color"]{height:46px;padding:5px;border-radius:14px}.color-combo .hex-input{text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.counter-row span.warn{color:var(--danger)}
.custom-active-marker{display:inline-block;margin-left:8px;vertical-align:middle;background:#1d1d1b;color:#fff;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}