:root{--font: "Hanken Grotesk", system-ui, -apple-system, sans-serif;--bg: oklch(98.8% 0 250);--surface: oklch(100% 0 0);--surface-2: oklch(97% .002 250);--surface-3: oklch(94.5% .003 250);--ink: oklch(21% .012 264);--ink-2: oklch(46% .012 264);--ink-3: oklch(62% .01 264);--line: oklch(92.5% .004 264);--line-2: oklch(88% .006 264);--accent: oklch(48% .13 256);--tint: oklch(96.5% .022 256);--ok: oklch(56% .13 155);--ok-bg: oklch(96.5% .035 155);--warn: oklch(72% .13 80);--warn-bg: oklch(96.5% .05 85);--bad: oklch(58% .18 25);--bad-bg: oklch(96.5% .045 25);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--t-xs: .6875rem;--t-sm: .8125rem;--t-base: .9375rem;--t-md: 1.0625rem;--t-lg: 1.3125rem;--t-xl: 1.75rem;--t-2xl: 2.25rem;--t-3xl: 3rem;--r-1: 8px;--r-2: 12px;--r-3: 16px;--r-4: 22px;--sh-1: 0 1px 2px oklch(21% .012 264 / .05), 0 1px 3px oklch(21% .012 264 / .05);--sh-2: 0 2px 6px oklch(21% .012 264 / .05), 0 12px 28px oklch(21% .012 264 / .06)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--t-base);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.02em;line-height:1.15}a{color:var(--ink);text-underline-offset:2px}.tnum{font-variant-numeric:tabular-nums}::selection{background:var(--tint)}.btn{font:inherit;font-weight:600;font-size:var(--t-sm);border-radius:999px;padding:.7rem 1.25rem;cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s,opacity .15s,transform .04s;white-space:nowrap}.btn:active{transform:translateY(.5px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--ink);color:var(--surface)}.btn.primary:hover:not(:disabled){background:#2b2e34}.btn.ghost{background:var(--surface);border-color:var(--line-2);color:var(--ink)}.btn.ghost:hover:not(:disabled){background:var(--surface-2)}.btn.quiet{background:none;color:var(--ink-2);padding-inline:var(--s-2)}.btn.quiet:hover:not(:disabled){color:var(--ink)}.btn.sm{padding:.45rem .85rem;font-size:var(--t-sm)}.form{display:flex;flex-direction:column;gap:var(--s-5)}fieldset{border:0;border-top:1px solid var(--line);padding:var(--s-5) 0 0;margin:0}legend{font-weight:700;font-size:var(--t-md);padding:0}.req{font-size:var(--t-xs);font-weight:600;color:var(--ink-3);margin-left:var(--s-2)}label{display:flex;flex-direction:column;gap:var(--s-2);font-size:var(--t-sm);font-weight:600;color:var(--ink-2);margin:var(--s-4) 0 0}label.block{display:flex}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}@media (max-width: 560px){.grid2{grid-template-columns:1fr}}.narrow{max-width:180px}input,select,textarea{font:inherit;font-weight:500;color:var(--ink);background:var(--surface);padding:.65rem .8rem;border:1px solid var(--line-2);border-radius:var(--r-1);width:100%;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:var(--ink-3);font-weight:400}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ink-3);box-shadow:0 0 0 4px var(--surface-3)}textarea{resize:vertical;line-height:1.55}.hint{font-size:var(--t-xs);color:var(--ink-3);font-weight:400;margin:var(--s-2) 0 0}code,.hint code{background:var(--surface-3);padding:.05em .4em;border-radius:6px;font-size:.9em}.row{display:flex;gap:var(--s-4);align-items:flex-end}.row label{flex:1;margin:0}.block{display:block}.banner{padding:var(--s-3) var(--s-4);border-radius:var(--r-1);margin-bottom:var(--s-4);font-size:var(--t-sm)}.banner.error,.error{background:var(--bad-bg);color:var(--bad)}.banner.info{background:var(--surface-2);color:var(--ink-2)}.section-eyebrow{font-size:var(--t-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:0 0 var(--s-3)}.ws{display:grid;grid-template-columns:272px minmax(0,1fr);height:100vh;overflow:hidden}.ws.has-doc{grid-template-columns:272px minmax(0,1fr) minmax(0,.92fr)}.rail{background:var(--surface-2);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.rail-top{padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-4)}.rail-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}.rail-close{display:none}.rail-brand{display:flex;align-items:center;gap:var(--s-2);font-weight:700;font-size:var(--t-sm);line-height:1.15}.rail-brand small{display:block;font-weight:500;font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.rail-mark{width:28px;height:28px;flex:none;display:grid;place-items:center;background:var(--ink);color:var(--surface);border-radius:var(--r-1);font-size:1rem}.rail-new{width:100%}.rail-list{flex:1;overflow-y:auto;padding:var(--s-2);display:flex;flex-direction:column;gap:2px}.rail-empty{color:var(--ink-3);font-size:var(--t-sm);padding:var(--s-5) var(--s-4);text-align:center;line-height:1.5}.rail-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--s-2);padding:.6rem .7rem;border-radius:var(--r-1);cursor:pointer}.rail-item:hover{background:var(--surface)}.rail-item.active{background:var(--surface);box-shadow:var(--sh-1)}.rail-typ{display:none}.rail-title{font-size:var(--t-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-score{font-size:var(--t-xs);font-weight:800;font-variant-numeric:tabular-nums}.rail-score.ok{color:var(--ok)}.rail-score.warn{color:var(--warn)}.rail-score.bad{color:var(--bad)}.rail-del{opacity:0;border:0;background:none;color:var(--ink-3);cursor:pointer;font-size:1.1rem;line-height:1;padding:0 var(--s-1)}.rail-item:hover .rail-del{opacity:1}.rail-del:hover{color:var(--bad)}.rail-foot{padding:var(--s-3) var(--s-4);border-top:1px solid var(--line)}.rail-nav{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--s-3)}.rail-navitem{display:flex;align-items:center;gap:var(--s-2);width:100%;text-align:left;background:none;border:0;cursor:pointer;font:inherit;font-size:var(--t-sm);font-weight:600;color:var(--ink-2);padding:.5rem .6rem;border-radius:var(--r-1)}.rail-navitem:hover{background:var(--surface);color:var(--ink)}.rail-navitem span{color:var(--ink-3);font-size:1rem;line-height:1;width:1.1rem;text-align:center}.ai-pill{display:inline-flex;align-items:center;gap:var(--s-1);font-size:var(--t-xs);font-weight:700;padding:.3rem .7rem;border-radius:999px;background:var(--surface);color:var(--ink-3)}.ai-pill.on{color:var(--ok);background:var(--ok-bg)}.ws-canvas{overflow-y:auto;min-height:0}.canvas-pad{padding:var(--s-7) var(--s-6);max-width:760px;margin:0 auto}.canvas-h{font-size:var(--t-xl);margin:var(--s-4) 0 var(--s-5)}.result-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap;margin-bottom:var(--s-5)}.result-head:empty{display:none}.optimize-cta{margin-top:var(--s-6);padding:var(--s-5);border-radius:var(--r-3);background:var(--ink);color:var(--surface);display:flex;align-items:center;gap:var(--s-5);box-shadow:var(--sh-2)}.optimize-cta-body{flex:1;min-width:0}.optimize-cta-title{margin:0 0 var(--s-2);font-weight:700;font-size:var(--t-md)}.optimize-cta-text{margin:0;font-size:var(--t-sm);line-height:1.5;color:color-mix(in oklch,var(--surface) 78%,var(--ink))}.optimize-cta .ph-inline{font-family:var(--mono, ui-monospace, monospace);font-size:.92em;opacity:.85}.optimize-cta .btn.primary{background:var(--surface);color:var(--ink);flex:none}.optimize-cta .btn.primary:hover{background:var(--surface-2)}.editor{display:flex;flex-direction:column;gap:var(--s-4);animation:fade .2s ease both}.editor-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);position:sticky;top:0;background:var(--surface-2);padding-bottom:var(--s-3);z-index:2}.editor-actions{display:flex;gap:var(--s-2)}.ed-field{margin:0;gap:var(--s-2)}.ed-field>span{font-size:var(--t-sm);font-weight:700;color:var(--ink-2)}.ed-field>span small{font-weight:500;color:var(--ink-3)}.ed-field input,.ed-field textarea{background:var(--surface)}.ed-field textarea{resize:vertical;line-height:1.5}.ed-facts{border:1px solid var(--line);border-radius:var(--r-2);padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3);margin:0}.ed-facts legend{font-size:var(--t-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:0 var(--s-2)}.editor-foot{display:flex;justify-content:flex-end;gap:var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--line);margin-top:var(--s-2)}.ws-doc{overflow-y:auto;min-height:0;background:var(--surface-2);border-left:1px solid var(--line)}.doc-inner{padding:var(--s-6)}.doc-head{margin-bottom:var(--s-4);display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.doc-title-wrap{flex:1;min-width:0}.doc-title-wrap .section-eyebrow{margin:0}.doc-sub{margin:2px 0 0;font-size:var(--t-xs);color:var(--ink-3)}.mtop{display:none;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.mtop-btn{background:none;border:0;cursor:pointer;font-size:1.3rem;line-height:1;color:var(--ink);padding:var(--s-1) var(--s-2);border-radius:var(--r-1)}.mtop-btn:hover{background:var(--surface-2)}.mtop-title{font-weight:700;font-size:var(--t-sm)}.mtop-actions{margin-left:auto;display:flex;gap:var(--s-2);align-items:center}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#15181e66;z-index:55;animation:fade .18s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet-close{display:none;margin-left:auto}.start{max-width:720px;margin:0 auto;padding:clamp(var(--s-7),12vh,9rem) var(--s-6) var(--s-7)}.start-h{font-size:var(--t-2xl);letter-spacing:-.03em}.start-sub{color:var(--ink-2);margin:var(--s-3) 0 var(--s-6);font-size:var(--t-md);max-width:52ch}.start-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}.start-card{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);padding:var(--s-5);cursor:pointer;display:flex;flex-direction:column;gap:var(--s-2);min-height:172px;box-shadow:var(--sh-1);transition:box-shadow .16s,transform .08s}.start-card:hover{box-shadow:var(--sh-2);transform:translateY(-2px)}.start-no{font-weight:700;color:var(--ink-3);font-size:var(--t-sm);font-variant-numeric:tabular-nums}.start-title{font-weight:700;font-size:var(--t-lg);margin-top:auto}.start-text{color:var(--ink-2);font-size:var(--t-sm);line-height:1.5}@media (max-width: 560px){.start-cards{grid-template-columns:1fr}}.dropzone{border:1px dashed var(--line-2);border-radius:var(--r-2);padding:var(--s-6) var(--s-5);text-align:center;background:var(--surface);margin-bottom:var(--s-4);transition:border-color .15s,background .15s}.dropzone:hover{border-color:var(--ink-3)}.dropzone p{margin:0 0 var(--s-3);color:var(--ink-2);font-size:var(--t-sm)}.filehint{font-size:var(--t-xs);color:var(--ok);font-weight:600}.scorehead{padding:var(--s-5);border-radius:var(--r-3);background:var(--surface);box-shadow:var(--sh-1)}.scorehead-top{display:flex;align-items:baseline;gap:var(--s-3)}.score-num{font-weight:800;font-size:var(--t-3xl);line-height:.9;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.score-denom{font-weight:600;font-size:var(--t-md);color:var(--ink-3)}.score-word{margin-left:auto;align-self:center;font-size:var(--t-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.25rem .7rem;border-radius:999px}.ampel-gruen .score-num{color:var(--ok)}.ampel-gelb .score-num{color:var(--warn)}.ampel-rot .score-num{color:var(--bad)}.word-gruen{color:var(--ok);background:var(--ok-bg)}.word-gelb{color:var(--warn);background:var(--warn-bg)}.word-rot{color:var(--bad);background:var(--bad-bg)}.scorebar{position:relative;height:6px;border-radius:999px;background:var(--surface-3);margin-top:var(--s-4);overflow:hidden}.scorebar-fill{position:absolute;inset:0 auto 0 0;border-radius:999px;transition:width .4s cubic-bezier(.2,.8,.2,1)}.scorebar-fill.gruen{background:var(--ok)}.scorebar-fill.gelb{background:var(--warn)}.scorebar-fill.rot{background:var(--bad)}.scorehead-note{margin:var(--s-3) 0 0;font-size:var(--t-sm);color:var(--ink-2)}.scorehead-note b{color:var(--ink)}.score-compare{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.pill{display:flex;flex-direction:column;align-items:flex-start;background:var(--surface);border-radius:var(--r-2);padding:var(--s-2) var(--s-4);box-shadow:var(--sh-1)}.pill-label{font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-weight:700}.pill-score{font-weight:800;font-size:var(--t-xl);line-height:1;font-variant-numeric:tabular-nums}.pill-score.ok{color:var(--ok)}.pill-score.warn{color:var(--warn)}.pill-score.bad{color:var(--bad)}.arrow{color:var(--ink-3);font-size:var(--t-lg)}.gap{margin-top:var(--s-5)}.gap-list{display:flex;flex-direction:column;gap:var(--s-2);margin-top:var(--s-3)}.gap-item{display:flex;gap:var(--s-4);align-items:center;padding:var(--s-3) var(--s-4);border-radius:var(--r-2);background:var(--surface);box-shadow:var(--sh-1);width:100%;text-align:left;cursor:pointer;transition:box-shadow .12s}.gap-item:hover{box-shadow:var(--sh-2)}.gap-pts{flex:none;min-width:3.4rem;font-weight:800;font-size:var(--t-md);color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.05}.gap-pts small{display:block;font-size:var(--t-xs);font-weight:600;color:var(--ink-3)}.gap-body{display:flex;flex-direction:column;gap:2px;min-width:0}.gap-label{font-weight:700;font-size:var(--t-sm)}.gap-fix{font-size:var(--t-sm);color:var(--ink-2);line-height:1.45}.platzhalter{margin-top:var(--s-5);padding:var(--s-4);border-radius:var(--r-2);background:var(--warn-bg)}.platzhalter-note{margin:0 0 var(--s-3);font-size:var(--t-sm);color:var(--ink-2)}.platzhalter-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--s-2)}.platzhalter-list code{font-size:var(--t-sm);color:var(--ink);background:var(--surface);padding:4px var(--s-2);border-radius:var(--r-1);display:inline-block}.matrix{--mcols: 2.2rem minmax(0, 1fr) 3rem minmax(5.5rem, 7.5rem) 1.4rem;border-radius:var(--r-3);overflow:hidden;background:var(--surface);box-shadow:var(--sh-1);margin-top:var(--s-5)}.matrix-head{display:grid;grid-template-columns:var(--mcols);gap:var(--s-3);align-items:center;padding:var(--s-3) var(--s-4);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:700;border-bottom:1px solid var(--line)}.matrix-head span:nth-child(3),.matrix-head span:nth-child(4){text-align:right}.mrow{border-bottom:1px solid var(--line)}.mrow:last-child{border-bottom:0}.mrow-head{display:grid;grid-template-columns:var(--mcols);gap:var(--s-3);align-items:center;width:100%;padding:var(--s-3) var(--s-4);background:none;border:0;cursor:pointer;font:inherit;text-align:left;transition:background .12s}.mrow-head:hover,.mrow.open .mrow-head{background:var(--surface-2)}.m-id{font-weight:700;font-size:var(--t-xs);color:var(--ink-3);font-variant-numeric:tabular-nums}.m-label{display:flex;align-items:center;gap:var(--s-2);font-weight:600;font-size:var(--t-sm)}.dot{width:7px;height:7px;border-radius:999px;flex:none}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.dot.bad{background:var(--bad)}.m-weight{text-align:right;font-size:var(--t-xs);color:var(--ink-3);font-variant-numeric:tabular-nums}.m-barwrap{display:flex;align-items:center;gap:var(--s-2)}.m-bar{flex:1;height:5px;border-radius:999px;background:var(--surface-3);overflow:hidden}.m-fill{height:100%;border-radius:999px}.m-fill.ok{background:var(--ok)}.m-fill.warn{background:var(--warn)}.m-fill.bad{background:var(--bad)}.m-score{width:2rem;text-align:right;font-weight:700;font-size:var(--t-sm);font-variant-numeric:tabular-nums}.m-caret{justify-self:end;color:var(--ink-3);transition:transform .18s ease}.mrow.open .m-caret{transform:rotate(90deg)}.mrow-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}.mrow.open .mrow-body{grid-template-rows:1fr}.mrow-body>div{overflow:hidden}.mrow-inner{padding:0 var(--s-4) var(--s-4) calc(2.2rem + var(--s-4) + var(--s-3));display:flex;flex-direction:column;gap:var(--s-3)}.m-soll,.m-reason,.m-fix,.m-example{font-size:var(--t-sm)}.m-soll{color:var(--ink-2)}.m-rule{font-size:var(--t-xs);font-weight:700;color:var(--ink-3);font-variant-numeric:tabular-nums}.m-fix{color:var(--ink);font-weight:600}.m-example summary{cursor:pointer;color:var(--ink-3);font-weight:600}.m-example pre{white-space:pre-wrap;background:var(--surface-2);padding:var(--s-3);border-radius:var(--r-1);font-family:var(--font);font-size:var(--t-sm);margin:var(--s-2) 0 0;line-height:1.5}.guide{max-width:640px;margin:0 auto;padding:var(--s-7) var(--s-6)}.guide-head h2{font-size:var(--t-xl)}.guide-sub{color:var(--ink-2);font-size:var(--t-sm);margin:var(--s-2) 0 var(--s-5);line-height:1.5}.guide-gaps ul{list-style:none;padding:0;margin:var(--s-2) 0 var(--s-5);display:flex;flex-direction:column;gap:var(--s-1)}.guide-gaps li{font-size:var(--t-sm);color:var(--ink-2)}.guide-gaps b{color:var(--ink);margin-right:var(--s-2);font-variant-numeric:tabular-nums}.guide-field{margin:0 0 var(--s-3)}.guide-actions{display:flex;gap:var(--s-3);margin-top:var(--s-5)}.export{display:flex;gap:var(--s-1);align-items:center;flex-wrap:wrap}.export-label{font-size:var(--t-xs);color:var(--ink-3);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-right:var(--s-1)}.export-warn{font-size:var(--t-xs);font-weight:700;color:var(--warn)}.ad{background:var(--surface);border-radius:var(--r-3);box-shadow:var(--sh-1);padding:var(--s-7) var(--s-6)}.ad-kicker{font-size:var(--t-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:var(--s-3)}.ad-h1{font-weight:800;font-size:var(--t-2xl);line-height:1.05;letter-spacing:-.03em}.ad-sec{margin-top:var(--s-6);padding:var(--s-2);margin-inline:calc(var(--s-2) * -1);border-radius:var(--r-2)}.ad-eyebrow{font-size:var(--t-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:0 0 var(--s-3)}.ad p{margin:var(--s-2) 0;font-size:var(--t-md);line-height:1.6;max-width:64ch}.ad-list{margin:var(--s-2) 0;padding-left:1.15rem}.ad-list li{font-size:var(--t-md);line-height:1.55;margin:var(--s-2) 0}.ad-facts{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}.fact{padding:var(--s-3) var(--s-4);background:var(--surface-2);border-radius:var(--r-1)}.fact-k{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);font-weight:700}.fact-v{font-weight:700;font-size:var(--t-md);margin-top:2px}.ph{color:var(--warn);background:var(--warn-bg);border-radius:6px;padding:0 .35em;font-weight:600;font-size:.92em}.ad-cta{margin-top:var(--s-6);padding:var(--s-4) var(--s-5);background:var(--ink);color:var(--surface);border-radius:var(--r-2);font-weight:600}.ad-cta p{color:var(--surface);margin:0}.ad-meta{font-size:var(--t-sm);color:var(--ink-3);margin:var(--s-3) 0 0}.ad-sec.hl{background:var(--tint)}.ad-cta.hl{box-shadow:0 0 0 3px var(--tint)}.mrow.hl .mrow-head{background:var(--tint)}.alert{background:var(--warn-bg);color:#745100;color:oklch(46% .1 80);padding:var(--s-3) var(--s-4);border-radius:var(--r-1);margin-bottom:var(--s-4);font-size:var(--t-sm)}@media (max-width: 1100px){.ws,.ws.has-doc{grid-template-columns:1fr;height:100vh;overflow:hidden}.mtop{display:flex}.ws-canvas{grid-column:1}.rail{position:fixed;top:0;bottom:0;left:0;width:min(86vw,320px);transform:translate(-100%);transition:transform .25s cubic-bezier(.2,.8,.2,1);z-index:60;border-right:1px solid var(--line);box-shadow:var(--sh-2)}.rail.open{transform:none}.rail-foot{display:block}.rail-close{display:inline-flex}.ws-doc{position:fixed;top:0;right:0;bottom:0;left:0;transform:translate(100%);transition:transform .25s cubic-bezier(.2,.8,.2,1);z-index:60;background:var(--bg);border-left:0}.ws-doc.open{transform:none}.sheet-close{display:inline-flex}.doc-inner{padding:var(--s-5) var(--s-4) var(--s-8)}}@media (max-width: 640px){.canvas-pad,.guide,.start{padding-left:var(--s-4);padding-right:var(--s-4)}.start{padding-top:var(--s-7)}.ad{padding:var(--s-5) var(--s-4)}.ad-h1{font-size:var(--t-xl)}.ad-facts{grid-template-columns:1fr}.matrix{--mcols: 1.9rem minmax(0, 1fr) minmax(4.6rem, 5.4rem) 1.2rem}.matrix-head span:nth-child(3),.m-weight{display:none}.row{flex-direction:column;align-items:stretch}.row .btn{width:100%}}@media (max-width: 640px){.canvas-pad,.doc-inner,.guide,.start{padding-left:var(--s-4);padding-right:var(--s-4)}.ad{padding:var(--s-5) var(--s-4)}.ad-h1{font-size:var(--t-xl)}.ad-facts{grid-template-columns:1fr}.matrix{--mcols: 1.9rem minmax(0, 1fr) minmax(4.6rem, 5.4rem) 1.2rem}.matrix-head span:nth-child(3),.m-weight{display:none}.row{flex-direction:column;align-items:stretch}.row .btn{width:100%}}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-4);padding:var(--s-9) var(--s-4);text-align:center;animation:fade .3s ease both}.loading-orbit{position:relative;width:44px;height:44px}.loading-orbit span{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:10px;height:10px;border-radius:999px;background:var(--ink);animation:orbit 1.1s cubic-bezier(.45,0,.55,1) infinite}.loading-orbit span:nth-child(2){animation-delay:-.37s;opacity:.6}.loading-orbit span:nth-child(3){animation-delay:-.74s;opacity:.3}@keyframes orbit{0%{transform:rotate(0) translate(15px) scale(.6)}50%{transform:rotate(180deg) translate(15px) scale(1)}to{transform:rotate(360deg) translate(15px) scale(.6)}}.loading-label{margin:0;font-weight:700;font-size:var(--t-md);color:var(--ink)}.loading-step{margin:0;font-size:var(--t-sm);color:var(--ink-3);animation:fade .5s ease both}.chat-wrap{height:100%;min-height:0;animation:rise .32s cubic-bezier(.2,.8,.2,1) both}.chat{display:flex;flex-direction:column;height:100%;max-width:720px;margin:0 auto;padding:var(--s-6) var(--s-5) var(--s-4);min-height:0}.chat-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s-3)}.chat-head h2{margin:0;font-size:var(--t-lg);letter-spacing:-.01em}.chat-sub{margin:var(--s-2) 0 0;font-size:var(--t-sm);color:var(--ink-2);max-width:54ch;line-height:1.5}.chat-progress{margin:var(--s-4) 0 0}.chat-progress-bar{height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.chat-progress-bar span{display:block;height:100%;background:var(--ink);border-radius:999px;transition:width .5s cubic-bezier(.2,.8,.2,1)}.chat-progress-label{display:block;margin-top:var(--s-2);font-size:var(--t-xs);color:var(--ink-3);font-weight:600}.chat-stream{flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:var(--s-5);padding:var(--s-6) var(--s-1) var(--s-5)}.chat-msg{display:flex;animation:rise .32s cubic-bezier(.2,.8,.2,1) both}.chat-msg.assistant{justify-content:flex-start}.chat-msg.user{justify-content:flex-end}.chat-bubble{max-width:88%;padding:.9rem 1.15rem;border-radius:var(--r-4);font-size:var(--t-md);line-height:1.62;white-space:pre-wrap;box-shadow:var(--sh-1)}.chat-msg.assistant .chat-bubble{background:var(--surface);color:var(--ink);border-bottom-left-radius:var(--r-1)}.chat-msg.user .chat-bubble{background:var(--ink);color:var(--surface);border-bottom-right-radius:var(--r-1);box-shadow:var(--sh-2)}.chat-example{max-width:88%;margin-top:calc(var(--s-3) * -1);font-size:var(--t-sm);color:var(--ink-2);background:var(--surface-2);border-radius:var(--r-3);padding:.75rem 1rem;line-height:1.55}.chat-example-tag{display:inline-block;font-size:var(--t-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-right:var(--s-2)}.chat-bubble.typing{display:inline-flex;gap:6px;align-items:center;padding:1.05rem 1.15rem}.chat-bubble.typing span{width:8px;height:8px;border-radius:999px;background:var(--ink-3);animation:blink 1.2s ease-in-out infinite}.chat-bubble.typing span:nth-child(2){animation-delay:.18s}.chat-bubble.typing span:nth-child(3){animation-delay:.36s}@keyframes blink{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.chat-error{font-size:var(--t-sm);color:var(--bad);display:flex;gap:var(--s-3);align-items:center}.chat-proposal{max-width:88%;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-3);padding:var(--s-4);box-shadow:var(--sh-1);font-size:var(--t-sm);line-height:1.6}.cp-legend{margin:0 0 var(--s-3);font-size:var(--t-xs);color:var(--ink-3)}.cp-line{white-space:pre-wrap}.cp-line:empty{height:var(--s-2)}.cp-neu{background:color-mix(in oklch,var(--accent) 18%,var(--surface));color:var(--ink);border-radius:4px;padding:0 3px;font-style:normal}.chat-input{display:flex;flex-direction:column;gap:var(--s-3);padding-top:var(--s-3)}.chat-ask,.chat-confirm{display:flex;gap:var(--s-2);align-items:center;background:var(--surface);border:1.5px solid var(--line-2);border-radius:var(--r-4);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-4);box-shadow:var(--sh-1);transition:border-color .15s,box-shadow .15s}.chat-ask:focus-within,.chat-confirm:focus-within{border-color:var(--ink-3);box-shadow:var(--sh-2)}.chat-ask input,.chat-confirm input{margin:0;flex:1;border:0;background:none;box-shadow:none;padding:.5rem 0;font-size:var(--t-md)}.chat-ask input:focus,.chat-confirm input:focus{outline:none;box-shadow:none}.chat-input .btn{flex:none;border-radius:999px}.chat-input .btn.primary{padding-inline:var(--s-5)}.chat-finish{width:100%;border-radius:var(--r-3)!important;padding-block:.9rem;font-size:var(--t-md)}.chat-secondary{display:flex;gap:var(--s-4);justify-content:center;flex-wrap:wrap}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.ws-canvas .canvas-pad,.start,.ws.has-doc .ws-doc{animation:rise .34s cubic-bezier(.2,.8,.2,1) both}.optimize-cta{animation:rise .4s cubic-bezier(.2,.8,.2,1) .05s both}@media (max-width: 640px){.chat{padding:var(--s-4) var(--s-4) var(--s-4)}.chat-bubble,.chat-example{max-width:90%}.chat-ask,.chat-confirm{flex-wrap:wrap}.chat-ask input,.chat-confirm input{flex:1 1 100%}}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#15181e66;display:flex;align-items:center;justify-content:center;padding:var(--s-5);animation:fade .18s ease both}.modal{background:var(--bg);border-radius:var(--r-4);box-shadow:var(--sh-2);width:100%;max-width:560px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;animation:rise .24s cubic-bezier(.2,.8,.2,1) both}.modal.wide{max-width:820px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-5) var(--s-5) var(--s-4);border-bottom:1px solid var(--line)}.modal-title{margin:0;font-size:var(--t-lg)}.modal-tabs{display:flex;gap:var(--s-1);padding:var(--s-3) var(--s-5) 0;border-bottom:1px solid var(--line);overflow-x:auto;flex:none}.modal-tab{background:none;border:0;border-bottom:2px solid transparent;cursor:pointer;font:inherit;font-size:var(--t-sm);font-weight:600;color:var(--ink-3);padding:var(--s-3) var(--s-3);white-space:nowrap;margin-bottom:-1px}.modal-tab:hover{color:var(--ink-2)}.modal-tab.active{color:var(--ink);border-bottom-color:var(--ink)}.modal-body{overflow-y:auto;padding:var(--s-5);min-height:0}.prose{font-size:var(--t-sm);line-height:1.65;color:var(--ink-2)}.prose h4{font-size:var(--t-md);color:var(--ink);margin:var(--s-5) 0 var(--s-2)}.prose h4:first-child{margin-top:0}.prose p{margin:0 0 var(--s-3);max-width:70ch}.prose ul,.prose ol{margin:0 0 var(--s-4);padding-left:1.2rem}.prose li{margin:0 0 var(--s-2);max-width:70ch}.prose b{color:var(--ink)}.prose .muted{font-size:var(--t-xs);color:var(--ink-3)}.prose code{font-family:var(--mono, ui-monospace, "SF Mono", monospace);font-size:.88em;background:var(--surface-2);padding:1px 5px;border-radius:4px}.prose pre.diagram{background:var(--surface-2);border-radius:var(--r-2);padding:var(--s-4);overflow-x:auto;font-family:var(--mono, ui-monospace, monospace);font-size:var(--t-xs);line-height:1.5;color:var(--ink-2);margin:0 0 var(--s-4)}.info-list{list-style:none;padding-left:0}.info-list li{padding-left:0}.tut-list li{margin-bottom:var(--s-4)}.info-table{width:100%;border-collapse:collapse;font-size:var(--t-sm);margin:0 0 var(--s-4)}.info-table th,.info-table td{text-align:left;padding:.4rem .6rem;border-bottom:1px solid var(--line)}.info-table th{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}.info-table td:first-child,.info-table td:last-child{color:var(--ink-3);white-space:nowrap}.qb-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-4)}.qb-item{padding:var(--s-4);border:1px solid var(--line);border-radius:var(--r-2);margin-bottom:var(--s-3);background:var(--surface)}.qb-item-head{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.qb-art{font-size:var(--t-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:999px}.qb-art.qb-gut{background:var(--ok-bg);color:var(--ok)}.qb-art.qb-schlecht{background:var(--bad-bg);color:var(--bad)}.qb-title{font-weight:700;font-size:var(--t-sm);flex:1;min-width:0}.qb-tags{font-size:var(--t-xs);color:var(--ink-3)}.qb-inhalt{margin:var(--s-3) 0 0;font-size:var(--t-sm);color:var(--ink-2);line-height:1.55;white-space:pre-wrap}.qb-prinzip{margin:var(--s-2) 0 0;font-size:var(--t-xs);color:var(--ink-3)}.qb-actions{display:flex;gap:var(--s-2);margin-top:var(--s-3)}.qb-form .grid2{gap:var(--s-3)}.qb-form .ed-field{margin-top:var(--s-3)}.prompt-card{border:1px solid var(--line);border-radius:var(--r-2);padding:var(--s-4);margin-bottom:var(--s-3);background:var(--surface)}.prompt-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-2)}.prompt-titel{font-weight:700;font-size:var(--t-sm)}.prompt-modul{font-size:var(--t-xs);font-weight:700;color:var(--ink-3);background:var(--surface-2);padding:2px 8px;border-radius:999px;white-space:nowrap}.prompt-meta{margin:var(--s-1) 0;font-size:var(--t-sm);color:var(--ink-2)}.prompt-details{margin-top:var(--s-2)}.prompt-details summary{cursor:pointer;font-size:var(--t-sm);font-weight:600;color:var(--accent)}.prompt-text{margin:var(--s-3) 0 0;background:var(--surface-2);border-radius:var(--r-2);padding:var(--s-4);overflow-x:auto;white-space:pre-wrap;font-family:var(--mono, ui-monospace, monospace);font-size:var(--t-xs);line-height:1.55;color:var(--ink-2);max-height:340px;overflow-y:auto}@media (max-width: 640px){.modal-body{padding:var(--s-4)}.modal-tabs{padding-inline:var(--s-4)}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}