.pe-page{--pe-bg:#f3f1eb;--pe-surface:#fffef9;--pe-subtle:#eae9e0;--pe-ink:#14202c;--pe-muted:#52636b;--pe-line:#c5cbc5;--pe-accent:#53721a;--pe-blue:#226482;--pe-orange:#a84825;--pe-purple:#7856a4;--pe-green:#3d7855;background:var(--pe-bg);color:var(--pe-ink);min-height:100vh;font-family:var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.pe-page[data-color-mode=dark]{--pe-bg:#0e1926;--pe-surface:#172635;--pe-subtle:#203242;--pe-ink:#eaf1f0;--pe-muted:#b8c8cf;--pe-line:#455d6c;--pe-accent:#d8fa53;--pe-blue:#7dc3e0;--pe-orange:#ffad80;--pe-purple:#c4a1ed;--pe-green:#8ed4aa;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.pe-page *{box-sizing:border-box}.pe-page button,.pe-page input,.pe-page select{font:inherit}.pe-page button,.pe-page select{cursor:pointer}.pe-page button{border:1px solid var(--pe-line);background:var(--pe-surface);color:var(--pe-ink);border-radius:7px;padding:10px 13px;font-size:12px;font-weight:650;transition:background .18s,transform .18s}.pe-page button:hover{background:var(--pe-subtle)}.pe-page :is(button,input,select,a,summary):focus-visible{outline:3px solid var(--pe-accent);outline-offset:3px}.pe-page a:hover{color:var(--pe-accent)}.pe-header{border-bottom:1px solid var(--pe-line);align-items:center;gap:30px;max-width:1600px;margin:auto;padding:22px 4vw;font-size:13px;display:flex}.pe-brand{font:700 29px var(--mono);letter-spacing:-3px;align-items:center;gap:10px;display:flex}.pe-brand span{color:var(--pe-accent)}.pe-preferences{gap:10px;margin-left:auto;display:flex}.pe-preferences select{background:var(--pe-surface);color:var(--pe-ink);border:1px solid var(--pe-line);border-radius:7px;padding:8px;font-size:12px}.pe-preferences button{padding:5px 12px;font-size:19px}.pe-container{max-width:1600px;margin:auto;padding:0 4vw}.pe-intro{justify-content:space-between;align-items:end;gap:30px;padding:54px 0 35px;display:flex}.pe-kicker{font:600 10px var(--mono);letter-spacing:.12em;color:var(--pe-accent)}.pe-intro h1{letter-spacing:-.055em;max-width:800px;margin:15px 0;font-size:clamp(32px,3.6vw,58px);line-height:1.05}.pe-intro h1 span{color:var(--pe-accent)}.pe-intro>div>p:last-child{color:var(--pe-muted);max-width:680px;font-size:14px;line-height:1.6}.pe-guide-link{white-space:nowrap;border-bottom:1px solid var(--pe-ink);padding-bottom:7px;font-size:13px}.pe-workspace{grid-template-columns:minmax(360px,.95fr) minmax(0,1.2fr);align-items:start;gap:24px;display:grid}.pe-form{flex-direction:column;gap:16px;min-width:0;display:flex}.pe-panel{border:1px solid var(--pe-line);background:var(--pe-surface);border-radius:12px;padding:23px}.pe-panel h2{letter-spacing:-.02em;align-items:center;gap:12px;margin-bottom:20px;font-size:16px;display:flex}.pe-panel h2>span{font:11px var(--mono);border:1px solid var(--pe-line);width:26px;height:26px;color:var(--pe-accent);border-radius:50%;place-items:center;display:grid}.pe-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;display:grid}.pe-field{min-width:0}.pe-field label{min-height:32px;margin-bottom:5px;font-size:11px;font-weight:600;line-height:1.45;display:block}.pe-field label>span{color:var(--pe-muted);white-space:nowrap;font-weight:400}.pe-field input{border:1px solid var(--pe-line);background:var(--pe-bg);color:var(--pe-ink);width:100%;height:43px;font:16px var(--mono);border-radius:6px;padding:10px 12px;transition:border-color .2s}.pe-field input::placeholder{color:var(--pe-muted);opacity:.7}.pe-field input[readonly]{color:var(--pe-muted);border-style:dashed}.pe-field input[aria-invalid=true]{border-color:var(--pe-orange)}.pe-field small{color:var(--pe-muted);margin-top:4px;font-size:10px;line-height:1.5;display:block}.pe-field .pe-field-error{color:var(--pe-orange)}.pe-note{color:var(--pe-muted);margin-top:15px;font-size:11px;line-height:1.6}.pe-checkbox{align-items:center;gap:10px;margin-top:20px;font-size:12px;line-height:1.6;display:flex}.pe-checkbox input{accent-color:var(--pe-accent);flex:none;width:17px;height:17px}.pe-span{border:1px solid var(--pe-line);border-radius:8px;min-width:0;margin:20px 0 0;padding:15px;position:relative}.pe-span>legend{font:600 13px var(--mono);color:var(--pe-accent);padding:0 9px}.pe-span-tools{justify-content:end;margin-bottom:6px;display:flex}.pe-page .pe-remove{color:var(--pe-orange);background:0 0;border:0;padding:5px 0;font-size:10px}.pe-cable{border:0;border-top:1px solid var(--pe-line);min-width:0;margin:21px 0 0;padding:10px 0 0}.pe-cable legend{color:var(--pe-muted);padding-right:10px;font-size:10px;font-weight:600}.pe-cable-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.pe-page .pe-text-button{color:var(--pe-accent);background:0 0;border:0;padding:10px 0 0}.pe-page .pe-add{background:var(--pe-subtle);border-style:dashed;width:100%;margin-top:20px}.pe-actions{flex-wrap:wrap;gap:12px;display:flex}.pe-page .pe-primary{background:var(--lime);border-color:var(--lime);color:#14202c;flex:1;justify-content:space-between;align-items:center;min-height:50px;padding:14px 20px;font-size:14px;display:flex}.pe-page .pe-primary:hover{background:#c6ed3c;transform:translateY(-1px)}.pe-error,.pe-warning{border-left:3px solid var(--pe-orange);background:var(--pe-subtle);color:var(--pe-orange);padding:14px;font-size:12px;line-height:1.65}.pe-output{flex-direction:column;gap:16px;min-width:0;display:flex;position:sticky;top:20px}.pe-visual{border:1px solid var(--pe-line);background:var(--pe-surface);border-radius:12px;overflow:hidden}.pe-visual-heading{justify-content:space-between;align-items:center;gap:12px;padding:23px 23px 0;display:flex}.pe-visual-heading h2{letter-spacing:-.035em;margin-top:8px;font-size:20px}.pe-visual-heading .pe-kicker{align-items:center;gap:7px;font-size:9px;display:flex}.pe-kicker i{background:var(--pe-accent);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pe-beacon}.pe-visual-heading button{padding:8px;font-size:10px}.pe-view-buttons{gap:7px;padding:19px 23px 0;display:flex}.pe-page .pe-view-buttons button{border-radius:20px;padding:7px 12px;font-size:10px}.pe-page .pe-view-buttons button[aria-pressed=true]{background:var(--pe-ink);color:var(--pe-bg);border-color:var(--pe-ink)}.pe-scene-svg{width:100%;height:auto;max-height:470px;display:block}.pe-scene-svg text{font:11px var(--mono);paint-order:stroke;stroke:var(--pe-surface);stroke-width:4px;stroke-linejoin:round}.pe-scene-svg .pe-dimension{fill:var(--pe-muted);font-size:10px}.pe-ground-line{fill:none;stroke:currentColor;stroke-dasharray:4 6;opacity:.3}.pe-flow{animation:3s linear infinite pe-cable-flow}.pe-force{animation:3s ease-in-out infinite pe-beacon}.pe-scene-empty{min-height:320px;color:var(--pe-muted);text-align:center;place-items:center;padding:30px;font-size:14px;display:grid}.pe-metrics{border-top:1px solid var(--pe-line);grid-template-columns:repeat(3,1fr);gap:8px;padding:17px 23px;display:grid}.pe-metrics>div{flex-direction:column;gap:6px;display:flex}.pe-metrics span{color:var(--pe-muted);font-size:10px}.pe-metrics b{font:500 17px var(--mono)}.pe-scene-note{margin:0;padding:0 23px 20px;font-size:10px}.pe-results{background:var(--pe-subtle);border:1px solid var(--pe-line);border-radius:12px;padding:23px}.pe-result-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.pe-result-heading h2{font-size:15px}.pe-result-heading button{padding:7px 9px;font-size:10px}.pe-result-main{margin:24px 0 18px}.pe-result-main>span,.pe-result-secondary span{color:var(--pe-muted);font-size:11px}.pe-result-main p{font:500 clamp(44px,6vw,70px)/1.2 var(--mono);color:var(--pe-accent);letter-spacing:-.06em;margin-top:5px}.pe-result-main small{letter-spacing:0;color:var(--pe-muted);font-size:19px}.pe-result-secondary{border-top:1px solid var(--pe-line);grid-template-columns:1fr 1fr;gap:20px;padding-top:18px;display:grid}.pe-result-secondary div{flex-direction:column;gap:8px;display:flex}.pe-result-secondary b{font-size:14px}.pe-result-empty{color:var(--pe-muted);padding:22px 0 4px;font-size:13px;line-height:1.7}.pe-table-scroll{overflow:auto}.pe-breakdown table{border-collapse:collapse;text-align:right;width:100%;font:12px var(--mono)}.pe-breakdown th,.pe-breakdown td{border-bottom:1px solid var(--pe-line);white-space:nowrap;padding:12px 8px}.pe-breakdown th:first-child{text-align:left}.pe-breakdown thead{color:var(--pe-muted);font-size:10px}.pe-scope{color:var(--pe-muted);padding:0 6px;font-size:11px;line-height:1.65}.pe-guide{border-top:1px solid var(--pe-line);margin-top:65px;padding-top:35px;scroll-margin-top:25px}.pe-guide>h2{letter-spacing:-.04em;margin:12px 0 25px;font-size:30px}.pe-guide-grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.pe-guide h3{font:600 13px var(--mono);color:var(--pe-accent);margin-bottom:12px}.pe-guide p:not(.pe-kicker){color:var(--pe-muted);font-size:13px;line-height:1.8}.pe-guide details{border:1px solid var(--pe-line);background:var(--pe-surface);border-radius:9px;margin-top:30px;padding:20px}.pe-guide summary{cursor:pointer;font-size:14px;font-weight:650}.pe-guide details>p{max-width:900px;margin-top:15px}.pe-formulas{background:var(--pe-subtle);margin-top:15px;padding:20px;font-size:12px;line-height:2;overflow:auto}.pe-footer{font:11px var(--mono);border-top:1px solid var(--pe-line);color:var(--pe-muted);justify-content:space-between;gap:15px;margin-top:45px;padding:25px 0;display:flex}@keyframes pe-cable-flow{to{stroke-dashoffset:-120px}}@keyframes pe-beacon{50%{opacity:.55}}.pe-page[data-paused=true] *{animation-play-state:paused!important}@media (min-width:1450px){.pe-cable-fields{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1050px){.pe-workspace{grid-template-columns:minmax(330px,1fr) minmax(0,1fr);gap:16px}.pe-container{padding:0 24px}.pe-panel{padding:17px}.pe-output{position:static}.pe-visual-heading{align-items:start}.pe-guide-grid{grid-template-columns:1fr 1fr}}@media (max-width:760px){.pe-workspace{flex-direction:column;display:flex}.pe-form,.pe-output{width:100%}.pe-output{order:-1}.pe-intro{flex-direction:column;align-items:start;gap:16px;padding:30px 0 25px}.pe-intro h1{font-size:36px}.pe-container{padding:0 16px}.pe-header{gap:16px;padding:16px}.pe-header>a:nth-child(2){display:none}.pe-header select{max-width:125px}.pe-guide-grid{grid-template-columns:1fr}.pe-guide{margin-top:40px}.pe-scene-svg{max-height:320px}.pe-metrics b{font-size:15px}.pe-visual-heading{padding:18px 18px 0}.pe-visual-heading h2{font-size:19px}.pe-footer{font-size:10px}.pe-actions{z-index:2;background:var(--pe-bg);border:1px solid var(--pe-line);border-radius:10px;padding:8px;position:sticky;bottom:10px}.pe-result-secondary{gap:12px}.pe-field label{font-size:11px}}@media (prefers-reduced-motion:reduce){.pe-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.pe-results{scroll-margin-top:20px}@media (max-width:760px){.pe-scene-svg text{font-size:22px}.pe-scene-svg .pe-dimension{font-size:20px}}.pe-header .pe-preferences{align-items:center}.pe-languages{border:1px solid var(--pe-line);background:var(--pe-subtle);border-radius:999px;align-items:center;gap:3px;padding:3px;display:flex}.pe-page .pe-languages button{background:0 0;border:0;border-radius:999px;place-items:center;min-width:36px;height:34px;padding:6px;display:grid}.pe-page .pe-languages button[aria-pressed=true]{background:var(--pe-accent)}.pe-page .pe-languages button:hover{background:var(--pe-line)}.pe-page .pe-languages button[aria-pressed=true]:hover{background:var(--pe-accent)}.pe-scene-svg{aspect-ratio:1.5;object-fit:contain;max-height:none}.pe-scene-svg text{font-size:17px}.pe-scene-svg .pe-dimension{font-size:15px}@media (max-width:760px){.pe-scene-svg{aspect-ratio:1.35;max-height:none}.pe-scene-svg text{font-size:18px}.pe-scene-svg .pe-dimension{font-size:16px}.pe-page .pe-languages button{min-width:32px}}.pe-page .pe-add:disabled{cursor:not-allowed;opacity:.5}.pe-scene-legend{color:var(--pe-muted);font:11px var(--mono);flex-direction:column;align-items:flex-start;gap:7px;padding:0 23px 16px;display:flex}.pe-scene-legend span{align-items:center;gap:9px;display:flex}.pe-scene-legend i{border-top:3px solid var(--pe-blue);width:28px;height:0;display:block}.pe-scene-legend .pe-legend-messenger{border-color:#ef4444}