.pn-workspace{width:min(calc(100% - 40px),1480px);margin:0 auto 70px}.pn-intro{max-width:900px;margin:0 0 26px}.pn-intro h2{font-size:clamp(1.65rem,3vw,2.5rem)}.pn-intro p{color:var(--ct-b8d0d8);line-height:1.8}.pn-controls{padding:20px;border:1px solid var(--cr-34565e);border-radius:20px 20px 0 0;background:var(--cf-10272f)}.pn-controls .wk-actions{align-items:center;margin:0}.pn-controls p{font-size:.85rem;color:var(--ct-a8c6d1);margin:14px 0 0}.pn-controls label,.pn-viewbar label{display:grid;gap:4px;font-size:.8rem;color:var(--ct-bad3dc)}.pn-controls select,.pn-viewbar select{background:var(--cf-102c36);color:var(--ct-e1f4f4);border:1px solid var(--cr-567781);padding:10px 12px;border-radius:9px;font:inherit;min-height:44px;max-width:100%}.pn-workspace .wk-btn{min-height:44px}.pn-workspace button:disabled,.pn-workspace select:disabled{opacity:.55}.pn-controls #pn-extend[aria-pressed=true],.pn-controls #pn-retract[aria-pressed=true]{background:var(--cf-88ddc5);color:var(--ct-09252b)}.pn-controls #pn-extend[aria-pressed=false]{background:var(--cf-172e39);color:var(--ct-d2e9ed)}.pn-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--cf-34565e);border:1px solid var(--cr-34565e)}.pn-stats>div{background:var(--cf-10232c);min-width:0;padding:17px 20px}.pn-stats span{display:block;color:var(--ct-a7c5d0);font-size:.78rem}.pn-stats strong{display:block;color:var(--ct-c3f8e4);font-size:1.1rem;margin-top:7px;font-variant-numeric:tabular-nums}.pn-viewbar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;padding:15px 20px;border-inline:1px solid var(--cr-34565e);background:var(--cf-0c2029)}.pn-viewbar .wk-actions{margin:0;align-items:center}.pn-viewbar output{min-width:58px;text-align:center;font-size:.85rem}.pn-viewport{height:clamp(460px,72vh,930px);overflow:auto;background:var(--cf-081d25);border:1px solid var(--cr-34565e);scrollbar-color:var(--ct-497d7a) var(--ct-0d252c);overscroll-behavior:contain;touch-action:pan-x pan-y;cursor:grab}.pn-viewport.dragging{cursor:grabbing;user-select:none}.pn-viewport svg{display:block;max-width:none;flex:none;margin-inline:auto}.pn-viewport text{fill:var(--ct-bad3dd);font-family:system-ui,sans-serif;pointer-events:none}.pn-part text{pointer-events:auto}.pn-eyebrow{font-size:18px;font-weight:750;letter-spacing:2px;fill:var(--ct-83dfcc)!important}.pn-heading{font-size:33px;font-weight:750;fill:var(--ct-cff5e8)!important}.pn-label{font-size:22px;font-weight:650}.pn-small{font-size:18px}.pn-read{font-size:20px;font-weight:650;fill:var(--ct-aaf3df)!important;font-variant-numeric:tabular-nums}.pn-tiny{font-size:16px}.pn-port{font-size:18px;font-weight:700;fill:var(--ct-e0edf0)!important}.pn-line{stroke:var(--ct-355963);stroke-width:4;fill:none;stroke-linejoin:round;stroke-linecap:round}.pn-flow{fill:none;stroke:var(--ct-8af1cb);stroke-width:5;stroke-linecap:round;stroke-dasharray:4 22;opacity:0;animation:pn-flow 1s linear infinite;filter:drop-shadow(0 0 3px var(--cf-7de2c2));pointer-events:none}.pn-pipe.out .pn-flow{stroke:var(--ct-80cffa);filter:drop-shadow(0 0 3px var(--cf-64bde9))}.pn-pipe.flowing .pn-flow{opacity:1}.pn-pipe.reverse .pn-flow{animation-direction:reverse}.pn-pipe.pressurised .pn-line{stroke:var(--ct-baa671)}.pn-pressure-line{fill:none;stroke:var(--ct-baa671);stroke-width:3}.pn-workspace[data-running=false] .pn-flow{animation-play-state:paused}.pn-part{cursor:help;outline:none}.pn-part-bg{fill:var(--ct-122f3a);stroke:var(--ct-aacad4);stroke-width:3}.pn-symbol{fill:none;stroke:var(--ct-c1dce5);stroke-width:2.7;stroke-linejoin:round;stroke-linecap:round}.pn-hit{fill:transparent;stroke:transparent;stroke-width:3}.pn-ball{fill:var(--ct-09212a);stroke:var(--ct-c7e6e8);stroke-width:2.5}.pn-node{fill:var(--ct-abcbd0)}.pn-rod{fill:var(--ct-93b4c4);stroke:var(--ct-d0e9ec);stroke-width:2}.pn-piston{fill:var(--ct-b7d3da);stroke:var(--ct-e0f2ed);stroke-width:2}.pn-load{fill:var(--ct-596c84);stroke:var(--ct-b3c7d8);stroke-width:2}.pn-valve-box{fill:var(--ct-112d37);stroke:var(--ct-849fb1);stroke-width:3}.pn-route{fill:none;stroke:var(--ct-526974);stroke-width:3.5}.pn-cell-active .pn-route-in{stroke:var(--ct-91eacf)}.pn-cell-active .pn-route-out{stroke:var(--ct-81c9f0)}.pn-cell-active .pn-valve-box{fill:var(--ct-183a43)}.pn-cell-inactive{opacity:.38}.pn-active-frame{fill:none;stroke:var(--ct-8ee2c4);stroke-width:5;pointer-events:none}.pn-part:hover .pn-part-bg,.pn-part:focus .pn-part-bg,.pn-part:hover .pn-hit,.pn-part:focus .pn-hit{stroke:var(--ct-f1d384);stroke-width:4}.pn-part:hover .pn-valve-box,.pn-part:focus .pn-valve-box{stroke:var(--ct-f1d384)}.pn-part:focus .pn-piston,.pn-part:hover .pn-piston{stroke:var(--ct-f1d384);stroke-width:4}.pn-legend{display:flex;gap:16px;flex-wrap:wrap;padding:16px;border:1px solid var(--cr-34565e);border-top:0;border-radius:0 0 18px 18px;background:var(--cf-10272f);color:var(--ct-b6d0d8);font-size:.83rem}.pn-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}.pn-dot.in{background:var(--cf-8af1cb)}.pn-dot.out{background:var(--cf-80cffa)}.pn-dot.pressure{background:var(--cf-baa671)}.pn-explanation{font-size:1.04rem;line-height:1.8;color:var(--ct-c3e4df);margin-top:22px}.pn-feedback{min-height:1.6em;color:var(--ct-e2c989);font-size:.9rem}.pn-lower,.pn-reading{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:22px}.pn-lower .wk-panel,.pn-reading .wk-panel{margin:0;min-width:0}.pn-lower h3,.pn-reading h3{color:var(--ct-b2ecd9);font-size:1.2rem}.pn-lower p,.pn-reading p,.pn-limits p{font-size:.93rem;line-height:1.8;color:var(--ct-bad0d8)}.pn-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pn-fields label{display:grid;gap:10px;font-size:.88rem;color:var(--ct-c2dce4)}.pn-fields output{font-size:1.15rem;color:var(--ct-b5f1d9);font-variant-numeric:tabular-nums}.pn-fields input{width:100%;min-height:30px;accent-color:var(--ct-85dfc5)}.pn-experiments button{display:block;width:100%;margin:9px 0;text-align:left;white-space:normal}.pn-experiments #pn-prompt{border-left:3px solid var(--cr-78c9bd);padding-left:14px}.pn-limits{margin-top:22px}.pn-limits summary{cursor:pointer;min-height:44px;font-weight:700}.pn-calculator-intro{margin:50px 0 25px;max-width:900px}.pn-calculator-intro p{color:var(--ct-b3cdd7)}.pn-workspace button:focus-visible,.pn-workspace select:focus-visible,.pn-workspace input:focus-visible,.pn-viewport:focus-visible{outline:3px solid var(--cr-f1d384);outline-offset:3px}@keyframes pn-flow{to{stroke-dashoffset:-26}}html[data-circuit-motion=paused] .pn-flow{animation:none}@media(prefers-reduced-motion:reduce){.pn-flow{animation:none;filter:none}}@media(max-width:950px){.pn-lower,.pn-reading{grid-template-columns:1fr}.pn-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.pn-workspace{width:calc(100% - 24px)}.pn-controls,.pn-viewbar{padding:14px}.pn-stats>div{padding:12px}.pn-stats strong{font-size:1rem}.pn-viewbar label{width:100%}.pn-viewport{height:510px}.pn-fields{grid-template-columns:1fr}.pn-lower .wk-panel,.pn-reading .wk-panel{padding:21px}.pn-viewbar .wk-actions{gap:8px}}@media print{.pn-controls,.pn-viewbar,.pn-experiments,.pn-feedback{display:none}.pn-viewport{height:auto;overflow:visible}.pn-viewport svg{width:100%!important;height:auto!important}.pn-flow{animation:none}.pn-lower,.pn-reading{display:block}}
/* Diagnose uses the existing live diagram and controls. */
.pn-diagnosis{margin:28px 0;padding:26px;border:1px solid var(--cr-355c65);border-radius:22px;background:linear-gradient(120deg,var(--cf-112b32),var(--cf-111f2c))}
.pn-diagnosis>h3{font-size:1.65rem;color:var(--ct-dbf4ed);margin:12px 0}.pn-diagnosis p{color:var(--ct-bdd1da);line-height:1.7}
.pn-case-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0 14px}.pn-case-picker .wk-btn{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px;text-align:left;white-space:normal;padding:17px;min-height:110px}.pn-case-picker small{font-size:.78rem;font-weight:400;line-height:1.5}.pn-case-picker button[aria-pressed=true]{background:var(--cf-25483f);border-color:var(--cr-94e3c8);color:var(--ct-defaf0);box-shadow:inset 0 0 0 1px var(--cf-94e3c8)}.pn-fault-note{font-size:.85rem;color:var(--ct-abc8d0);line-height:1.7}.pn-case-brief{border-top:1px solid var(--cr-385862);margin-top:20px;padding-top:20px}.pn-case-brief h3{font-size:1.3rem;margin:10px 0}.pn-case-brief .wk-actions{margin-bottom:0}.pn-fault-panel{margin-top:25px;scroll-margin-top:100px}.pn-fault-panel h3{font-size:1.4rem;color:var(--ct-c5f0e2)}.pn-fault-panel h4{font-size:1.08rem;margin-top:0;color:var(--ct-c5f0e2)}.pn-fault-panel p{font-size:.94rem;line-height:1.7;color:var(--ct-bdd1da)}.pn-fault-stages{display:flex;list-style:none;flex-wrap:wrap;gap:10px;padding:0;margin:22px 0}.pn-fault-stages li{border:1px solid var(--cr-3d5b66);border-radius:20px;padding:8px 14px;font-size:.8rem;color:var(--ct-c1d5dd)}.pn-fault-stages [aria-current]{background:var(--cf-214e43);border-color:var(--cr-90e1c5);color:var(--ct-e2faf1)}.pn-fault-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px}.pn-fault-columns>section{min-width:0}.pn-fault-checks{display:grid;gap:9px}.pn-fault-checks .wk-btn{text-align:left;white-space:normal;justify-content:flex-start}.pn-fault-checks [aria-expanded=true]{border-color:var(--cr-84ccb8)}.pn-evidence{border-left:3px solid var(--cr-65bda8);padding:1px 16px;background:var(--cf-10252d)}.pn-fault-panel fieldset{border:0;padding:0;margin:0 0 20px;min-width:0}.pn-fault-panel legend{font-weight:700;line-height:1.6;margin-bottom:14px}.pn-fault-option{display:flex;align-items:flex-start;gap:12px;background:var(--cf-142b35);border:1px solid var(--cr-3c5964);border-radius:13px;padding:15px;margin-bottom:12px;cursor:pointer;font-size:.95rem;line-height:1.6}.pn-fault-option:has(input:checked){background:var(--cf-22413d);border-color:var(--cr-8de0c4)}.pn-fault-option input{flex:none;margin-top:6px;accent-color:var(--ct-8de0c4)}.pn-fault-help{border-top:1px solid var(--cr-385862);padding-top:16px;margin-top:24px}.pn-fault-help summary{cursor:pointer;min-height:44px;font-weight:650;line-height:1.6}.pn-fault-help li{font-size:.94rem;line-height:1.7;margin-bottom:10px}.pn-fault-links{display:grid;gap:10px;margin-top:18px;font-size:.88rem}.pn-fault-message{padding:0 18px;line-height:1.8;color:var(--ct-d5efe4);font-size:.96rem}.pn-fault-message:not(:empty){padding:18px;border:1px solid var(--cr-63897c);border-radius:14px;background:var(--cf-18352f)}.pn-compare{overflow-x:auto;margin-top:22px}.pn-compare table{border-collapse:collapse;width:100%;font-size:.85rem;font-variant-numeric:tabular-nums}.pn-compare caption{text-align:left;font-weight:650;margin-bottom:12px;color:var(--ct-bbdfd6)}.pn-compare th,.pn-compare td{border-bottom:1px solid var(--cr-335360);text-align:left;padding:10px 8px;overflow-wrap:normal}.pn-compare td{white-space:nowrap}.pn-workspace[data-diagnosis=true] .pn-lower{display:none}.pn-leak .pn-line{stroke:var(--ct-ce9e72)}.pn-leak .pn-flow,.pn-leak.out .pn-flow{stroke:var(--ct-ffc18d);filter:drop-shadow(0 0 3px var(--cf-ce9e72))}#pn-leak-mark text{fill:var(--ct-ffc18d)}.pn-fault-panel[hidden],.pn-case-brief[hidden],.pn-evidence[hidden]{display:none!important}#pneumatik-fehlersuche{scroll-margin-top:100px}
@media(max-width:1000px){.pn-case-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.pn-fault-columns{grid-template-columns:1fr}.pn-diagnosis{padding:18px}.pn-case-picker .wk-btn{padding:13px;font-size:.88rem}.pn-fault-stages{gap:7px}.pn-fault-stages li{font-size:.75rem;padding:7px 10px}.pn-fault-panel{padding:20px}.pn-compare th,.pn-compare td{padding:8px 5px;font-size:.78rem}}