*{box-sizing:border-box}body{color:#17212f;background:#f5f7fa;margin:0;font-family:system-ui,sans-serif}main{max-width:48rem;margin:10vh auto;padding:2rem}a{color:#087480}h1{letter-spacing:-.035em;margin:.65rem 0;font-size:clamp(1.8rem,4vw,2.6rem)}h2{margin-top:0;font-size:1.1rem}p{line-height:1.55}.actions{flex-wrap:wrap;gap:.75rem;display:flex}button{font:inherit;cursor:pointer;color:#17212f;background:#fff;border:1px solid #bac6ce;border-radius:.5rem;padding:.7rem 1rem}button:focus-visible,summary:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #168997}button:disabled{cursor:wait;opacity:.6}.vector-page{max-width:1600px;margin:2rem auto}.page-header{align-items:flex-start;gap:1rem;margin-bottom:1.4rem;display:flex}.page-header p{color:#526171;max-width:46rem;margin-bottom:0}.visualization-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.25rem;display:grid}.panel{background:#fff;border:1px solid #dce3e8;border-radius:.8rem;min-width:0;padding:1.4rem}label{margin:1.1rem 0 .5rem;font-size:.9rem;font-weight:600;display:block}math-field{background:#fbfdfe;border:1px solid #b7c7cf;border-radius:.45rem;width:100%;min-height:3.5rem;padding:.5rem;font-size:1.35rem;display:block}math-field:focus-within{outline:2px solid #087f8c}.primary{color:#fff;background:#087480;border-color:#087480;width:100%}.hint{color:#526171;font-size:.85rem}.error{color:#a32222;background:#fff2f1;border-radius:.4rem;padding:.75rem}.graph-panel{z-index:0;padding:1rem;position:relative}.graph-panel .vector-board{z-index:0;aspect-ratio:1;touch-action:none;border:0;border-radius:.35rem;width:100%;height:auto;position:relative;overflow:hidden}.graph-panel p{margin-bottom:0}summary{cursor:pointer;font-size:.9rem}pre{background:#f5f7fa;max-height:22rem;padding:.8rem;font-size:.8rem;overflow:auto}.panel-toolbar{flex-direction:column;flex:0 0 150px;gap:.6rem;display:flex;position:relative}.panel-toolbar>button{text-align:left;width:100%}.panel-toolbar>button[aria-expanded=true]{color:#065c65;background:#e4f3f4;border-color:#087480}.control-drawer{aspect-ratio:1;z-index:20;width:100%;position:absolute;top:calc(100% + 1rem);left:0}.control-drawer>.panel{overscroll-behavior:contain;scrollbar-gutter:stable;height:100%;min-height:0;padding:clamp(1rem,2.5vw,2rem);overflow:auto;box-shadow:0 12px 36px #17212f26}[hidden]{display:none!important}.setting-toggle{cursor:pointer;align-items:flex-start;gap:.75rem;padding:.8rem 0;display:flex}.setting-toggle input{accent-color:#087480;flex-shrink:0;width:1.1rem;height:1.1rem;margin:.2rem 0 0}.setting-toggle small{color:#526171;margin-top:.3rem;font-weight:400;line-height:1.5;display:block}.settings dl{grid-template-columns:1fr;gap:.4rem}.settings dd{margin-bottom:.5rem}.plot-legend{flex-wrap:wrap;gap:.8rem;margin-top:1rem;font-size:.8rem;display:flex}.plot-legend span{align-items:center;gap:.35rem;display:inline-flex}.legend-hidden{color:#697786}.legend-dot{border-radius:50%;width:.5rem;height:.5rem}.zero-dot{background:#64748b}.undefined-dot{background:#dc2626}.legend-hidden .legend-dot{background:0 0;border:1px solid}.inverse-placeholder{aspect-ratio:1;text-align:center;background:#f8fafc;border:1px dashed #cbd5df;border-radius:.4rem;place-items:center;padding:2rem;display:grid}.inverse-placeholder h3{margin:1rem 0 0;font-size:1.1rem;font-weight:500}.inverse-placeholder p{color:#657486;max-width:24rem;font-size:.9rem}.placeholder-label{color:#526171;background:#e9eef3;border-radius:1rem;padding:.35rem .65rem;font-size:.75rem}dl{grid-template-columns:11rem 1fr;gap:.75rem;font-size:.9rem;display:grid}dt{font-weight:600}dd{margin:0}@media (width<=760px){main{padding:1rem}.vector-page{margin:.75rem auto}.visualization-grid{grid-template-columns:minmax(0,1fr)}.page-header{flex-direction:column;gap:1.25rem}.panel-toolbar{flex-basis:auto;width:150px}.inverse-placeholder{min-height:260px}dl{grid-template-columns:1fr;gap:.35rem}dd{margin-bottom:.65rem}}.settings fieldset{border:0;border-top:1px solid #dce3e8;min-width:0;margin:1.5rem 0 0;padding:1rem 0 0}.settings legend{padding:0 .6rem 0 0;font-size:.95rem;font-weight:600}.setting-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.number-setting{margin:.8rem 0 0;font-size:.85rem}.number-setting input,.settings select{width:100%;min-width:0;font:inherit;color:#17212f;background:#fbfdfe;border:1px solid #b7c7cf;border-radius:.4rem;margin-top:.4rem;padding:.6rem}.number-setting input:focus-visible,.settings select:focus-visible{outline-offset:2px;outline:2px solid #087f8c}.potential-header{z-index:3;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex;position:relative}.potential-header h2{margin-top:.25rem}.potential-header .panel-toolbar{flex-basis:110px;position:static}.potential-panel{z-index:1}.potential-stage{z-index:0;isolation:isolate;position:relative}.graph-panel .potential-board{aspect-ratio:1;touch-action:none;border:0;width:100%;height:auto;overflow:hidden}.potential-empty{text-align:center;pointer-events:none;color:#657486;background:#f8fafc;border:1px dashed #cbd5df;border-radius:.4rem;place-items:center;padding:2rem;display:grid;position:absolute;inset:0}.potential-panel fieldset{border:0;min-width:0;margin:0;padding:0}.potential-panel dl{grid-template-columns:1fr;gap:.35rem}.potential-panel dd{margin-bottom:.55rem}.potential-panel .hint{margin-bottom:.8rem}.cancel-compute{margin-top:.8rem}.diagnostic-table{margin-bottom:1rem;font-size:.75rem;overflow:auto}.diagnostic-table table{border-collapse:collapse;width:100%}.diagnostic-table th,.diagnostic-table td{text-align:left;border-bottom:1px solid #dce3e8;padding:.45rem}.scientific-input{grid-template-columns:minmax(0,1fr) auto minmax(0,.8fr);align-items:center;gap:.4rem;display:grid}.scientific-input input{width:100%;min-width:0}.advanced-settings{border:1px solid #d9e3e7;border-radius:8px;margin:1rem 0;padding:.8rem}.advanced-settings summary{cursor:pointer;font-weight:600}.advanced-settings h3{margin:1rem 0 .5rem;font-size:.95rem}.advanced-settings .number-setting{margin-bottom:.6rem}.reset-advanced{margin-top:.8rem;padding:.4rem .6rem;font-size:.8rem}.retry-toggle{align-items:center;gap:.5rem;margin-bottom:.8rem;display:flex}.potential-view-controls{z-index:2;gap:6px;display:flex;position:absolute;bottom:12px;right:12px}.potential-view-controls button{background:#fffffff2;place-items:center;width:40px;height:40px;padding:6px;display:grid;box-shadow:0 2px 8px #16334118}.potential-view-controls button[aria-pressed=true]{background:#e0f3f5;border-color:#168d9b}.control-drawer .hint{margin:.85rem 0;line-height:1.65}.control-drawer .primary{margin-top:1rem}.control-drawer .setting-grid{gap:1rem}.control-drawer .advanced-settings{padding:1rem}.control-drawer dl{grid-template-columns:minmax(7rem,1fr) minmax(0,2fr);gap:.75rem 1rem}.control-drawer dd{line-height:1.55}@media (width<=480px){.control-drawer dl{grid-template-columns:1fr;gap:.35rem}}.help-icon{vertical-align:middle;color:#526b79;letter-spacing:normal;background:#f8fafc;border:1px solid #8498a5;border-radius:50%;place-items:center;width:1.2rem;min-width:1.2rem;height:1.2rem;margin-left:.35rem;padding:0;font-size:.75rem;font-weight:600;line-height:1;display:inline-grid}.help-tooltip{z-index:10000;color:#334553;background:#fff;border:1px solid #bccbd3;border-radius:.6rem;max-height:calc(100dvh - 24px);padding:.85rem 1rem;font-size:.85rem;font-weight:400;line-height:1.6;position:fixed;overflow:auto;box-shadow:0 6px 24px #17212f26}.help-heading{align-items:center;gap:.3rem;font-size:.95rem;display:flex}.help-heading label{margin-bottom:0}.toggle-with-help{align-items:center;display:flex}.toggle-with-help .setting-toggle{margin:0}.inverse-mode-label{margin:.4rem 0;font-size:.8rem;display:block}.inverse-mode{width:100%;min-width:0;max-width:21rem;font:inherit;background:#fbfdfe;border:1px solid #b7c7cf;border-radius:.4rem;padding:.5rem;font-size:.85rem}.potential-header>div:last-child{flex:1;min-width:0}.axis-scale-controls{border:1px solid #dce3e8;border-radius:.5rem;margin-top:.8rem;padding:.65rem .85rem}.axis-scale-controls summary{font-weight:600}.axis-scale-controls fieldset{border:0;min-width:0;margin:0;padding:0}.axis-scale-controls label{grid-template-columns:5rem 1fr;align-items:center;gap:.8rem;margin:.6rem 0;display:grid}.axis-scale-controls output{font-variant-numeric:tabular-nums;font-weight:400}.axis-scale-controls input{accent-color:#087480;width:100%;min-width:0}.axis-scale-controls button{padding:.4rem .6rem;font-size:.8rem}.anchor-list-heading,.anchor-row-heading{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.anchor-list-heading h3{margin:.9rem 0}.anchor-icon{flex-shrink:0;place-items:center;width:32px;height:32px;padding:5px;display:grid}.length-anchor-row{border:1px solid #dce3e8;border-radius:.5rem;margin:.6rem 0;padding:.65rem}.anchor-row-heading{font-size:.82rem}.anchor-coordinates{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.anchor-coordinates .number-setting{margin-top:.3rem}.anchor-results{color:#526b79;padding-left:1.2rem;font-size:.82rem;line-height:1.7}.overlap-empty{background:0 0;border:0;align-items:start;padding-top:.5rem}.overlap-empty p{background:#ffffffed;border-radius:.4rem;padding:.5rem;font-size:.85rem}
