:root{--text:#e8e7e2;--muted:#969797;--line:#e8e7e226;--mono:"SFMono-Regular", "Cascadia Code", "Roboto Mono", Consolas, monospace;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#101113;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#101113;min-width:320px}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #38bdf8}::selection{background:#4b77ff52}.app-shell{min-height:100vh;color:var(--text);background:radial-gradient(circle at 18% 10%,#14b8a61f,#0000 28rem),linear-gradient(135deg,#05070d 0%,#10131d 46%,#070a12 100%);grid-template-columns:292px minmax(0,1fr);display:grid}.brand-mark{color:#7dd3fc;background:linear-gradient(145deg,#2dd4bf33,#3b82f614);border:1px solid #2dd4bf6b;border-radius:8px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 18px 50px #14b8a629}.microcopy,.panel-eyebrow{color:var(--muted);text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.app-main{min-width:0;padding:28px;overflow:hidden}.object-explorer,.page-stack{gap:22px;display:grid}.page-heading{flex-direction:column;justify-content:space-between;align-items:start;gap:24px;max-width:900px;display:flex}.page-heading h1{color:#f8fafc;letter-spacing:0;margin:6px 0 8px;font-size:clamp(28px,4.8vw,56px);line-height:1.02}.page-heading p{color:#a8b3c7;max-width:830px;margin:0;font-size:15px;line-height:1.65}.compare-heading{gap:0;max-width:none}.page-stack{gap:14px}.compare-heading h1{margin:0 0 6px;font-size:clamp(30px,3.5vw,44px)}.compare-heading p{white-space:nowrap;width:100%;max-width:none;font-size:14px;line-height:1.45}.panel{border:1px solid var(--line);background:linear-gradient(#ffffff0e,#ffffff05),#080c16c2;border-radius:8px;min-width:0;overflow:hidden;box-shadow:0 18px 70px #00000047}.panel-header{border-bottom:1px solid #94a3b81f;justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:14px 15px;display:flex}.panel h2{color:#f8fafc;letter-spacing:0;margin:3px 0 0;font-size:15px;font-weight:720}.canvas-wrap{background:#05070d;width:100%;height:clamp(300px,35vw,520px);overflow:hidden}.webgl-wrap{cursor:grab;background:radial-gradient(circle at 50% 36%,#22d3ee17,#0000 44%),linear-gradient(145deg,#05070d,#08111c);position:relative}.webgl-wrap:active{cursor:grabbing}.density-wrap{background:#07101d}.compare-panels .canvas-wrap{height:clamp(210px,18vw,260px)}.canvas-wrap canvas{width:100%;height:100%;display:block}.topology-dashboard{gap:14px;padding:15px;display:grid}.q-card{background:linear-gradient(135deg,#14b8a624,#0ea5e90f);border:1px solid #2dd4bf52;border-radius:8px;gap:8px;padding:16px;display:grid}.q-symbol{color:#99f6e4;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;display:flex}.q-card strong{color:#fff;font-family:var(--mono);font-size:clamp(38px,5vw,62px);line-height:1}.q-card p{color:#a8b3c7;margin:0;font-size:12px}.contract{border-radius:8px;gap:10px;padding:12px;display:flex}.contract.good{color:#99f6e4;background:#14b8a61a;border:1px solid #2dd4bf57}.contract.warn{color:#fde68a;background:#fbbf241a;border:1px solid #fbbf2457}.contract.danger{color:#fecdd3;background:#f43f5e1a;border:1px solid #f43f5e61}.contract strong,.contract span{display:block}.contract strong{color:currentColor;font-size:13px}.contract span{color:#cbd5e1;margin-top:2px;font-size:12px;line-height:1.45}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.metric-grid div{background:#0f172a7a;border:1px solid #94a3b821;border-radius:8px;min-height:72px;padding:11px}.metric-grid span{color:var(--muted);font-size:11px;display:block}.metric-grid strong{color:#f8fafc;margin-top:5px;font-size:13px;line-height:1.35;display:block}.research-readouts{gap:8px;display:grid}.research-readouts div{background:#082f4942;border:1px solid #2dd4bf2e;border-radius:8px;padding:11px}.research-readouts span,.research-readouts small{display:block}.research-readouts span{color:#7dd3fc;text-transform:uppercase;font-size:11px;font-weight:700}.research-readouts strong{color:#f8fafc;margin-top:5px;font-size:13px;line-height:1.35;display:block}.research-readouts small{color:#a8b3c7;margin-top:4px;font-size:11px;line-height:1.45}.density-scale{gap:8px;display:grid}.scale-title,.scale-labels{color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.scale-title{color:#cbd5e1;justify-content:start;gap:7px}.density-bar{background:linear-gradient(90deg,#1ec8ff,#0a1020,#ff7898);border-radius:999px;height:10px}.control-stack{gap:10px;padding:11px 12px 12px;display:grid}.control-toolbar{grid-template-columns:minmax(360px,1fr) auto;align-items:end;gap:9px;display:grid}.ghost-button{border:1px solid var(--line);color:#e2e8f0;min-height:34px;font:inherit;cursor:pointer;background:#0f172a9e;border-radius:8px;justify-content:center;align-items:center;padding:0 11px;font-size:12px;display:inline-flex}.ghost-button:hover{color:#fff;border-color:#7dd3fc75}.segmented-grid{grid-template-columns:minmax(120px,.62fr) minmax(190px,1fr);gap:9px;display:grid}.segmented-control>span,.slider-row>span{color:var(--muted);text-transform:uppercase;justify-content:space-between;gap:6px;margin-bottom:5px;font-size:10px;line-height:1.2;display:flex}.slider-row>span>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.slider-row strong{color:#dbeafe;font-family:var(--mono);font-size:10px}.segmented{grid-auto-columns:1fr;grid-auto-flow:column;gap:5px;display:grid}.segmented button,.object-filter button{border:1px solid var(--line);color:#cbd5e1;min-height:34px;font:inherit;cursor:pointer;background:#0f172a8a;border-radius:8px;font-size:12px}.segmented button{border-radius:6px;min-height:28px;font-size:11px}.segmented button.active,.object-filter button.active{color:#ccfbf1;background:#14b8a624;border-color:#2dd4bf8a}.slider-grid{grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px 12px;display:grid}.slider-grid.stress{grid-template-columns:repeat(4,minmax(130px,1fr))}.slider-row{min-width:0}.slider-row input{accent-color:#2dd4bf;width:100%;height:18px}.compact-reset{border-radius:6px;min-height:29px;padding:0 10px}.object-filter{flex-wrap:wrap;gap:8px;display:flex}.compare-picker{border:1px solid var(--line);background:#0d1016d1;border-radius:7px;padding:8px 10px}.compare-picker .object-filter{gap:7px}.object-filter button{border-radius:6px;min-height:30px;padding:0 10px;font-size:11px}.compare-picker .object-filter button{min-height:32px;padding:0 12px}.compare-picker .object-filter button.active-slot{border-color:#7dd3fcb8;box-shadow:inset 0 0 0 1px #7dd3fc2e}.charge-contrast{border:1px solid var(--line);background:#080c16c2;border-radius:7px;overflow:hidden}.charge-contrast>header{border-bottom:1px solid #94a3b81f;justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:7px 12px;display:flex}.charge-contrast h2{color:#f8fafc;margin:0;font-size:14px}.charge-contrast header span{color:var(--muted);font-size:11px}.charge-contrast header strong{color:#f8fafc;font-family:var(--mono);margin-left:6px}.bar-chart{gap:13px;padding:16px;display:grid}.bar-row{color:#cbd5e1;grid-template-columns:140px minmax(180px,1fr) 70px;align-items:center;gap:12px;font-size:13px;display:grid}.bar-track{background:#0f172aa8;border:1px solid #94a3b81f;border-radius:5px;height:22px;position:relative;overflow:hidden}.zero-line{background:#ffffff42;width:1px;position:absolute;top:0;bottom:0;left:50%}.bar{border-radius:4px;position:absolute;top:3px;bottom:3px}.bar.positive{background:linear-gradient(90deg,#2dd4bf,#38bdf8)}.bar.negative{background:linear-gradient(90deg,#f472b6,#fb7185)}.bar-row>strong{color:#f8fafc;font-family:var(--mono);text-align:right}.compact-bars{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:10px 12px}.charge-entry{background:#0f172a70;border:1px solid #94a3b81f;border-radius:6px;grid-template-columns:auto minmax(100px,auto) minmax(110px,1fr) auto;gap:8px;padding:7px 9px}.charge-slot{color:#99f6e4;background:#2dd4bf24;border-radius:999px;place-items:center;width:22px;height:22px;font-size:10px;font-weight:800;display:grid}.charge-entry-label{min-width:0}.charge-entry-label strong,.charge-entry-label small{display:block}.charge-entry-label strong{color:#f8fafc;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.charge-entry-label small{color:var(--muted);margin-top:2px;font-size:9px}.charge-entry .charge-value{min-width:66px;font-size:11px}.compact-bars .bar-track{height:18px}.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.compare-grid.pair{align-items:start}.compare-grid .panel-header{min-height:50px;padding:10px 12px}.compare-panels{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);display:grid}.compare-grid .compare-panels .canvas-wrap{height:clamp(280px,23vw,350px)}.compare-grid .compare-panels .density-wrap{aspect-ratio:1;align-self:center;height:auto}.compare-metrics{border-top:1px solid #94a3b81f;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:9px;display:grid}.compare-metrics div{background:#0f172a70;border:1px solid #94a3b81f;border-radius:8px;min-height:50px;padding:7px 8px}.compare-metrics span{color:var(--muted);font-size:10px;display:block}.compare-metrics strong{color:#f8fafc;margin-top:3px;font-size:12px;line-height:1.35;display:block}.research-panel-layout{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;display:grid}.diagnostic-block{background:#0f172a7a;border:1px solid #94a3b821;border-radius:8px;align-content:start;gap:12px;min-width:0;padding:13px;display:grid}.diagnostic-title{color:#7dd3fc;align-items:start;gap:10px;display:flex}.diagnostic-title span,.source-chip-list span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700;display:block}.diagnostic-title strong{color:#f8fafc;margin-top:4px;font-size:13px;line-height:1.35;display:block}.convergence-block table{border-collapse:collapse;color:#cbd5e1;width:100%;font-size:12px}.convergence-block th,.convergence-block td{text-align:right;border-bottom:1px solid #94a3b81a;padding:7px 5px}.convergence-block th:first-child,.convergence-block td:first-child{text-align:left}.convergence-block th{color:#8ea0b8;font-weight:700}.diagnostic-chart{gap:8px;display:grid}.diagnostic-chart svg{background:linear-gradient(#7dd3fc0a,#f472b606),#05080e66;border:1px solid #94a3b81a;border-radius:6px;width:100%;height:128px}.chart-grid{stroke:#e2e8f03d;stroke-dasharray:5 5;stroke-width:1px}.chart-line{fill:none;stroke:#67e8f9;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px}.diagnostic-chart circle{stroke:#07101d;stroke-width:1.2px}.diagnostic-chart circle.stable{fill:#2dd4bf}.diagnostic-chart circle.unstable{fill:#fb7185}.energy-bars{gap:10px;display:grid}.energy-row{grid-template-columns:76px minmax(0,1fr) 46px;align-items:center;gap:8px;display:grid}.energy-row span{color:#a8b3c7;font-size:11px}.energy-row strong{color:#f8fafc;font-family:var(--mono);text-align:right;font-size:11px}.energy-track{background:#05080e7a;border:1px solid #94a3b81f;border-radius:999px;height:9px;overflow:hidden}.energy-track div{border-radius:inherit;height:100%}.energy-track div.positive{background:linear-gradient(90deg,#2dd4bf,#38bdf8)}.energy-track div.negative{background:linear-gradient(90deg,#f472b6,#fb7185)}.chart-axis-labels{color:#8ea0b8;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.chart-axis-labels strong{color:#e0f2fe;font-family:var(--mono);font-size:11px}.source-chip-list{gap:8px;display:grid}.source-chip-list a{color:inherit;background:#082f492e;border:1px solid #2dd4bf24;border-radius:7px;gap:4px;padding:10px;text-decoration:none;display:grid}.source-chip-list a:hover{border-color:#2dd4bf6b}.source-chip-list strong{color:#e0f2fe;font-size:12px}.source-chip-list small{color:#a8b3c7;font-size:11px;line-height:1.45}.export-block{align-content:start}.export-actions{gap:8px;display:grid}.export-actions button{color:#dffcff;min-height:36px;font:inherit;cursor:pointer;background:#14b8a61a;border:1px solid #2dd4bf38;border-radius:7px;justify-content:center;align-items:center;gap:8px;font-size:12px;display:inline-flex}.export-actions button:hover{background:#14b8a62e;border-color:#2dd4bf85}.export-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.export-summary div{background:#05080e52;border:1px solid #94a3b81a;border-radius:7px;padding:9px}.export-summary dt{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:700}.export-summary dd{color:#f8fafc;margin:4px 0 0;font-size:12px;font-weight:700}.research-caption{color:#a8b3c7;grid-column:1/-1;margin:0;font-size:12px;line-height:1.55}@media (width<=1180px){.app-shell{grid-template-columns:1fr}.slider-grid,.slider-grid.stress{grid-template-columns:repeat(4,minmax(0,1fr))}.research-panel-layout{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.app-main{max-width:100vw;padding:16px}.compare-grid{grid-template-columns:1fr;grid-template-areas:"spin""density""dashboard""controls"}.canvas-wrap{height:320px}.metric-grid,.compare-panels,.research-panel-layout{grid-template-columns:1fr}.control-toolbar{grid-template-columns:1fr auto}.segmented-grid{grid-template-columns:minmax(96px,.72fr) minmax(160px,1fr)}.slider-grid,.slider-grid.stress{grid-template-columns:repeat(2,minmax(0,1fr))}.bar-row{grid-template-columns:1fr;gap:6px}.bar-row>strong{text-align:left}.compare-heading p{white-space:normal}.compact-bars{grid-template-columns:1fr}.compact-bars .charge-entry{grid-template-columns:auto minmax(0,1fr) auto;gap:6px 8px}.compact-bars .charge-entry .bar-track{grid-area:2/2/auto/4;width:100%}.compact-bars .charge-value{text-align:right;grid-area:1/3}.compare-metrics{grid-template-columns:1fr}}.methods-page{gap:14px;max-width:1400px;margin:0 auto;display:grid}.methods-heading{max-width:980px;padding:2px 0 0}.ansatz-copy>span,.formula-card>span,.convention-board header span,.energy-strip>span{color:#7797ff;text-transform:uppercase;font-size:11px;font-weight:760}.methods-heading h1{color:#f4f3ef;letter-spacing:0;max-width:760px;margin:0;font-size:clamp(30px,3.5vw,44px);line-height:1.02}.methods-heading p{color:#929597;max-width:780px;margin:7px 0 0;font-size:14px;line-height:1.45}.ansatz-hero{background:#121315;border:1px solid #e8e7e221;border-radius:6px;grid-template-columns:minmax(260px,.58fr) minmax(480px,1.42fr);align-items:stretch;min-height:210px;display:grid;overflow:hidden}.ansatz-copy{background:#17191e;border-right:1px solid #e8e7e21a;flex-direction:column;justify-content:center;padding:21px;display:flex}.ansatz-copy>strong{color:#f0efeb;max-width:280px;margin-top:9px;font-size:22px;line-height:1.2}.symbol-pills{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.symbol-pills>span{color:#a9acad;border:1px solid #e8e7e21f;border-radius:4px;align-items:center;gap:5px;min-height:28px;padding:0 9px;font-size:11px;display:inline-flex}.ansatz-equation{background-color:#101114;background-image:linear-gradient(#6f8fff0b 1px,#0000 1px),linear-gradient(90deg,#6f8fff0b 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-width:0;padding:21px;display:flex;overflow-x:auto}.ansatz-equation .katex-display{color:#f7f6f1;margin:0;font-size:clamp(.84rem,1.5vw,1.22rem)}.ansatz-equation>div:last-child{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ansatz-equation>div:last-child>span{color:#aeb1b2;background:#181a1d;border-left:2px solid #50c9bb;padding:7px 10px;font-size:11px}.formula-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.formula-card{background:#151618;border:1px solid #e8e7e21f;border-radius:6px;flex-direction:column;justify-content:space-between;min-width:0;min-height:210px;padding:18px;display:flex;overflow-x:auto}.formula-card:nth-child(2){background:#141b1b;border-color:#50c9bb47}.formula-card .katex-display{color:#f0efeb;margin:13px 0;font-size:clamp(.66rem,1.05vw,.9rem)}.formula-card p{color:#888b8d;margin:0;font-size:11px;line-height:1.6}.convention-board{background:#111214;border:1px solid #e8e7e21f;border-radius:6px;grid-template-columns:280px minmax(0,1fr);display:grid;overflow:hidden}.convention-board>header{background:#17181a;border-right:1px solid #e8e7e21a;flex-direction:column;justify-content:center;gap:20px;padding:20px;display:flex}.convention-board header strong{color:#edede9;margin-top:7px;font-size:18px;line-height:1.25;display:block}.convention-table{align-content:stretch;display:grid}.convention-table>div{border-bottom:1px solid #e8e7e214;grid-template-columns:minmax(130px,.9fr) minmax(170px,1.2fr) minmax(100px,.7fr);align-items:center;gap:14px;min-height:42px;padding:8px 16px;display:grid}.convention-table>div:last-child{border-bottom:0}.convention-table>div:first-child{color:#707375;text-transform:uppercase;background:#0e0f11;min-height:34px;font-size:10px}.convention-table strong{color:#e7e6e2;font-size:12px}.convention-table span{color:#939698;font-size:11px}.methods-pipeline{border:1px solid #e8e7e21f;border-radius:6px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.methods-pipeline article{background:#151618;border-right:1px solid #e8e7e21a;grid-template-columns:auto 1fr;align-content:center;gap:5px 10px;min-height:112px;padding:18px;display:grid}.methods-pipeline article:last-child{border-right:0}.methods-pipeline svg{color:#6f8fff;grid-row:1/4}.methods-pipeline span{color:#646769;font-family:var(--mono);font-size:10px}.methods-pipeline strong{color:#ecebe7;font-size:13px}.methods-pipeline small{color:#838688;font-size:11px}.energy-strip,.method-boundary{background:#111214;border:1px solid #e8e7e21a;border-radius:6px;flex-wrap:wrap;align-items:center;gap:10px 18px;min-height:58px;padding:12px 16px;display:flex}.energy-strip .katex{color:#d9d8d4;font-size:.88rem}.energy-strip small{color:#6f7274;margin-left:auto;font-size:10px}.method-boundary strong{color:#ef6480;text-transform:uppercase;font-size:11px}.method-boundary span{color:#9da0a2;font-size:11px}.method-boundary em{color:#747779;margin-left:auto;font-size:10px;font-style:normal}.reference-shelf{background:#121315;border:1px solid #e8e7e21c;border-radius:6px;overflow:hidden}.reference-shelf>header{border-bottom:1px solid #e8e7e217;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-height:52px;padding:10px 13px;display:grid}.reference-shelf>header svg{color:#6f8fff}.reference-shelf>header strong{color:#e4e3df;font-size:13px}.reference-shelf>header span{color:#676a6c;font-size:10px}.reference-shelf>div{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.reference-shelf a:nth-child(odd){border-right:1px solid #e8e7e212}.reference-shelf a{min-height:82px;color:inherit;border-bottom:1px solid #e8e7e212;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 13px;text-decoration:none;display:grid}.reference-shelf a:last-child{border-bottom:0}.reference-shelf a:hover{background:#181a1e}.reference-shelf a em{color:#5c688e;font-family:var(--mono);font-size:10px;font-style:normal}.reference-shelf a span,.reference-shelf a strong,.reference-shelf a small{display:block}.reference-shelf a strong{color:#d8d8d4;font-size:13px;line-height:1.4}.reference-shelf a small{color:#707375;margin-top:4px;font-size:11px;line-height:1.45}.reference-shelf a svg{color:#55595c}@media (width<=980px){.methods-heading,.ansatz-hero,.convention-board{grid-template-columns:1fr}.ansatz-copy,.convention-board>header{border-bottom:1px solid #e8e7e21a;border-right:0}.formula-grid{grid-template-columns:1fr}.formula-card{min-height:176px}.reference-shelf>div{grid-template-columns:1fr}.reference-shelf a:nth-child(odd){border-right:0}}@media (width<=640px){.methods-heading h1{font-size:31px}.ansatz-copy,.ansatz-equation{padding:19px}.ansatz-equation{align-items:start}.methods-pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}.methods-pipeline article:nth-child(2){border-right:0}.methods-pipeline article:nth-child(-n+2){border-bottom:1px solid #e8e7e21a}.convention-table>div{grid-template-columns:1fr 1fr}.convention-table>div>:nth-child(2){display:none}.energy-strip small,.method-boundary em{width:100%;margin-left:0}}.app-shell{min-height:100vh;color:var(--text);background:#101113;display:block}.app-topbar{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#101113eb;border-bottom:1px solid #e8e7e21f;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:22px;min-height:66px;padding:10px 22px;display:grid;position:sticky;top:0}.topbar-brand{min-width:0;color:inherit;align-items:center;gap:11px;text-decoration:none;display:inline-flex}.topbar-brand .brand-mark{color:#7d9cff;width:39px;height:39px;box-shadow:none;background:#181a1f;border-color:#537aff7a;flex:none}.topbar-brand strong,.topbar-brand small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.topbar-brand strong{color:#f7f6f2;font-size:14px;font-weight:720}.topbar-brand small{color:#828484;text-transform:uppercase;margin-top:2px;font-size:10px;font-weight:700}.topbar-nav{justify-content:start;justify-self:start;align-items:center;gap:3px;display:flex}.topbar-nav a{color:#aeb0b0;border:1px solid #0000;border-radius:6px;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:12px;text-decoration:none;display:inline-flex}.topbar-nav a:hover{color:#fff;background:#191b1e}.topbar-nav a.active{color:#dce4ff;background:#1a1d25;border-color:#537aff5c}.app-main{width:min(100%,1820px);margin:0 auto;padding:16px 22px 22px;overflow:visible}.studio-page{gap:12px;display:grid}.studio-heading{display:block}.studio-heading h1{color:#f7f6f2;letter-spacing:0;margin:0;font-size:clamp(28px,3.5vw,44px);font-weight:620;line-height:1.02}.studio-heading p{color:#9b9d9e;max-width:1180px;margin:5px 0 0;font-size:14px;line-height:1.45}.studio-workspace{grid-template-columns:220px minmax(520px,1fr) 340px;align-items:stretch;gap:14px;min-width:0;display:grid}.texture-library,.specimen-panel,.studio-inspector{background:#151618;border:1px solid #e8e7e224;border-radius:7px;min-width:0;height:clamp(650px,100vh - 185px,820px);overflow:hidden}.texture-library{flex-direction:column;padding:12px;display:flex}.library-heading,.inspector-heading,.specimen-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.library-heading{border-bottom:1px solid #e8e7e21a;min-height:47px;padding:0 4px 10px}.library-heading span,.inspector-heading span,.specimen-header span,.stage-label span,.specimen-status span,.inspector-kicker{color:#7f8284;text-transform:uppercase;font-size:10px;font-weight:760;display:block}.library-heading strong,.inspector-heading strong,.specimen-header strong,.stage-label strong{color:#f0efeb;margin-top:3px;font-size:12px;display:block}.library-heading svg,.inspector-heading svg{color:#6f8fff}.texture-list{scrollbar-width:thin;gap:5px;min-height:0;padding:10px 0;display:grid;overflow:auto}.texture-item{min-height:63px;color:inherit;border:1px solid #0000;border-radius:6px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px;text-decoration:none;transition:background .15s,border-color .15s;display:grid;position:relative}.texture-item:hover{background:#1b1c1f}.texture-item.active{background:#1b1e27;border-color:#5279ff6b}.texture-item>span:nth-child(2){min-width:0}.texture-item strong,.texture-item small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.texture-item strong{color:#e9e8e4;font-size:12px}.texture-item small{color:#7f8284;margin-top:4px;font-size:10px}.texture-item em{color:#7aa2ff;font-family:var(--mono);white-space:nowrap;font-size:9px;font-style:normal}.library-legend{color:#85888a;border-top:1px solid #e8e7e21a;align-items:baseline;gap:7px;margin-top:auto;padding:10px 4px 2px;font-size:10px;line-height:1.45;display:flex}.library-legend strong{color:#7aa2ff;font-family:var(--mono);font-size:11px}.texture-glyph{background:radial-gradient(circle,#e94255 0 22%,#f3f0e9 25% 45%,#2d61e7 50% 100%);border:1px solid #fff3;border-radius:50%;width:40px;height:40px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 12px #00000057}.texture-glyph i{border:1px solid #ffffff8f;border-radius:50%;position:absolute;inset:7px}.texture-glyph.antiskyrmion{background:conic-gradient(from 45deg,#e94255,#f3f0e9,#2d61e7,#f3f0e9,#e94255)}.texture-glyph.meron,.texture-glyph.vortex{background:conic-gradient(#32c7c2,#2d61e7,#e94255,#32c7c2)}.texture-glyph.bimeron{background:radial-gradient(circle at 35%,#e94255 0 18%,#f3f0e9 21% 35%,#0000 38%),radial-gradient(circle at 66%,#2d61e7 0 18%,#f3f0e9 21% 35%,#38bdb8 39% 100%);border-radius:42% 58% 46% 54%}.texture-glyph.skyrmionium{background:radial-gradient(circle,#2d61e7 0 17%,#f3f0e9 19% 31%,#e94255 34% 47%,#f3f0e9 50% 62%,#2d61e7 65% 100%)}.texture-glyph.domain-wall{background:linear-gradient(90deg,#e94255,#f3f0e9 48%,#2d61e7);border-radius:5px}.specimen-panel{background:#111214;grid-template-rows:auto minmax(0,1fr) auto;display:grid}.specimen-header{background:#17181b;border-bottom:1px solid #e8e7e21f;min-height:58px;padding:10px 13px 10px 15px}.camera-presets{background:#101113;border:1px solid #e8e7e21f;border-radius:6px;grid-auto-flow:column;gap:3px;padding:3px;display:inline-grid}.camera-presets button{color:#858789;cursor:pointer;background:0 0;border:0;border-radius:4px;min-height:27px;padding:0 9px;font-size:10px}.camera-presets button.active{color:#f5f4ef;background:#24262b}.studio-stage{background:#0d0e10;min-height:0;position:relative;overflow:hidden}.studio-stage .canvas-wrap{width:100%;height:100%;min-height:0}.studio-stage .webgl-wrap{background:#0d0e10}.studio-stage .webgl-wrap.probe-active{cursor:crosshair}.viewer-tool-rail{z-index:7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#18191ce0;border:1px solid #e8e7e229;border-radius:7px;flex-direction:column;gap:2px;width:62px;padding:6px;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%);box-shadow:0 16px 40px #00000047}.viewer-tool-rail button{color:#8b8e90;cursor:pointer;background:0 0;border:0;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:48px;height:52px;display:flex}.viewer-tool-rail button:hover{color:#f2f1ed;background:#232427}.viewer-tool-rail button.active{color:#9bb1ff;background:#25304c}.viewer-tool-rail button:last-child{border-top:1px solid #e8e7e21f;border-radius:0 0 5px 5px;margin-top:3px}.viewer-tool-rail span{font-size:9px;line-height:1}.stage-label{z-index:5;pointer-events:none;position:absolute;top:17px;left:92px}.stage-label strong{color:#d9d8d4;font-family:var(--mono);font-size:10px}.stage-probe-card{z-index:6;color:#6fe0d5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#121919e0;border:1px solid #4fd5c75c;border-radius:6px;align-items:center;gap:9px;padding:9px 11px;display:flex;position:absolute;top:56px;right:15px}.stage-probe-card span,.stage-probe-card strong{display:block}.stage-probe-card span{color:#79aaa5;text-transform:uppercase;font-size:10px}.stage-probe-card strong{color:#d9f5f1;font-family:var(--mono);margin-top:2px;font-size:10px}.field-color-key{z-index:5;color:#898c8e;width:min(280px,42%);font-family:var(--mono);pointer-events:none;grid-template-columns:auto minmax(70px,1fr) auto;align-items:center;gap:8px;font-size:9px;display:grid;position:absolute;top:18px;right:16px}.field-color-key i{background:linear-gradient(90deg,#ed3f52,#f4f1ea 50%,#245de8);border-radius:99px;height:5px}.field-color-key.density i{background:linear-gradient(90deg,#1a93cc,#11151b 50%,#e34a68)}.specimen-status{background:#17181b;border-top:1px solid #e8e7e21f;grid-template-columns:repeat(4,minmax(0,1fr));min-height:56px;display:grid}.specimen-status div{border-right:1px solid #e8e7e217;align-content:center;gap:3px;min-width:0;padding:9px 12px;display:grid}.specimen-status div:last-child{border-right:0}.specimen-status strong{color:#efeeea;font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.studio-inspector{grid-template-rows:auto auto minmax(0,1fr);display:grid}.inspector-heading{background:#17181b;border-bottom:1px solid #e8e7e21a;min-height:58px;padding:10px 13px}.inspector-heading strong{color:#91a9ff;font-family:var(--mono)}.inspector-tabs{background:#121315;border-bottom:1px solid #e8e7e21a;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.inspector-tabs button{color:#777a7c;cursor:pointer;background:0 0;border-top:0;border-bottom:2px solid #0000;border-left:0;border-right:1px solid #e8e7e214;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:49px;display:flex}.inspector-tabs button:last-child{border-right:0}.inspector-tabs button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;overflow:hidden}.inspector-tabs button.active{color:#b5c3ff;background:#191b21;border-bottom-color:#6f8fff}.inspector-body{scrollbar-width:thin;min-height:0;overflow:auto}.studio-inspector .control-stack{gap:17px;padding:15px}.studio-inspector .control-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:end}.studio-inspector .segmented-grid{grid-template-columns:1fr}.studio-inspector .slider-grid,.studio-inspector .slider-grid.stress{grid-template-columns:1fr;gap:15px}.studio-inspector .slider-row>span{margin-bottom:7px;font-size:10px}.studio-inspector .slider-row strong{font-size:10px}.studio-inspector .slider-row input{height:20px}.studio-inspector .topology-dashboard{gap:11px;padding:13px}.studio-inspector .q-card{padding:14px}.studio-inspector .q-card strong{font-size:46px}.studio-inspector .metric-grid div{min-height:62px;padding:9px}.probe-panel{gap:13px;padding:14px;display:grid}.probe-intro{justify-content:space-between;align-items:center;gap:10px;display:flex}.probe-intro strong,.probe-intro small{display:block}.probe-intro strong{color:#f1f0ec;margin-top:4px;font-size:14px}.probe-intro small{color:#848789;font-family:var(--mono);margin-top:3px;font-size:10px}.probe-toggle,.diagnostics-jump{color:#a7aaac;cursor:pointer;background:#1b1c1f;border:1px solid #e8e7e224;border-radius:5px;justify-content:center;align-items:center;gap:6px;min-height:32px;font-size:10px;display:inline-flex}.probe-toggle.active{color:#77ded4;background:#172421;border-color:#4fd5c770}.probe-vector-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;display:grid}.probe-vector-grid div{background:#111214;border:1px solid #e8e7e21a;border-radius:5px;min-width:0;padding:9px}.probe-vector-grid dt{color:#777a7c;font-size:10px}.probe-vector-grid dd{color:#f0efeb;font-family:var(--mono);text-overflow:ellipsis;margin:5px 0 0;font-size:10px;overflow:hidden}.probe-local-terms{background:#e8e7e21a;border:1px solid #e8e7e21a;border-radius:5px;gap:1px;display:grid;overflow:hidden}.probe-local-terms div{background:#151618;justify-content:space-between;align-items:center;gap:12px;min-height:34px;padding:7px 9px;display:flex}.probe-local-terms span{color:#878a8c;font-size:10px}.probe-local-terms strong{color:#e7e6e2;font-family:var(--mono);text-align:right;font-size:10px}.probe-profile{background:#111214;border:1px solid #e8e7e21a;border-radius:5px;gap:8px;padding:10px;display:grid}.probe-section-heading{color:#aeb0b1;text-transform:uppercase;align-items:center;gap:7px;font-size:10px;display:flex}.probe-section-heading svg{color:#6f8fff}.probe-profile svg{width:100%;height:150px}.profile-axis{stroke:#e8e7e229;stroke-dasharray:4 5}.profile-cursor{stroke:#ffffff80;stroke-width:1px}.profile-mz,.profile-q{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.profile-mz{stroke:#6f8fff}.profile-q{stroke:#ef5e79}.profile-legend{color:#787b7d;gap:13px;font-size:10px;display:flex}.profile-legend span{align-items:center;gap:5px;display:inline-flex}.profile-legend i{width:12px;height:2px}.profile-legend i.mz{background:#6f8fff}.profile-legend i.q{background:#ef5e79}.probe-caveat{color:#737678;margin:0;font-size:10px;line-height:1.5}.research-inspector{gap:13px;padding:14px;display:grid}.research-inspector section{background:#161a24;border:1px solid #6f8fff33;border-radius:5px;padding:12px}.research-inspector section strong{color:#e9edff;margin-top:5px;font-size:13px;display:block}.research-inspector section p{color:#9297a7;margin:7px 0 0;font-size:11px;line-height:1.55}.research-inspector dl{background:#e8e7e21a;border:1px solid #e8e7e21a;border-radius:5px;gap:1px;margin:0;display:grid;overflow:hidden}.research-inspector dl div{background:#151618;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:8px;min-height:38px;padding:8px 9px;display:grid}.research-inspector dt{color:#7e8183;font-size:10px}.research-inspector dd{color:#e8e7e3;font-family:var(--mono);margin:0;font-size:10px;line-height:1.35}.inspector-sources{gap:6px;display:grid}.inspector-sources a{color:inherit;border:1px solid #e8e7e21a;border-radius:5px;gap:3px;padding:9px;text-decoration:none;display:grid}.inspector-sources a:hover{border-color:#6f8fff61}.inspector-sources strong{color:#dfe4f9;font-size:11px}.inspector-sources small{color:#777b83;font-size:10px}.diagnostics-jump{color:#b7c3f1;background:#1a1e2a;border-color:#6f8fff52;width:100%;min-height:38px}#research-diagnostics{gap:10px;scroll-margin-top:82px;display:grid}.diagnostics-disclosure{min-height:64px;color:inherit;text-align:left;cursor:pointer;background:#141517;border:1px solid #e8e7e21f;border-radius:6px;justify-content:space-between;align-items:center;gap:18px;padding:12px 16px;display:flex}.diagnostics-disclosure:hover{background:#181a1e;border-color:#6f8fff5c}.diagnostics-disclosure span,.diagnostics-disclosure small,.diagnostics-disclosure strong{display:block}.diagnostics-disclosure small{color:#6f8fff;text-transform:uppercase;font-size:10px;font-weight:760}.diagnostics-disclosure strong{color:#d8d8d4;margin-top:4px;font-size:12px}.diagnostics-disclosure svg{color:#737678;transition:transform .16s}.diagnostics-disclosure[aria-expanded=true] svg{transform:rotate(180deg)}@media (width<=1380px){.studio-workspace{grid-template-columns:190px minmax(480px,1fr) 310px}.texture-item{grid-template-columns:38px minmax(0,1fr)}.texture-glyph{width:36px;height:36px}.texture-item em{display:none}.texture-item em.boundary-tag{display:block;position:absolute;top:8px;right:7px}}@media (width<=1120px){.app-topbar{grid-template-columns:auto minmax(0,1fr)}.studio-workspace{grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"library library""specimen inspector"}.texture-library{grid-area:library;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:10px;height:auto;padding:9px;display:grid}.library-legend{grid-column:1/-1;margin-top:0;padding:8px 4px 0}.library-heading{border:0;border-right:1px solid #e8e7e21a;min-height:52px;padding:0 12px 0 4px}.texture-list{padding:0;display:flex;overflow-x:auto}.texture-item{flex:0 0 165px}.specimen-panel{grid-area:specimen}.studio-inspector{grid-area:inspector}.specimen-panel,.studio-inspector{height:700px}}@media (width<=760px){.app-topbar{grid-template-columns:1fr;gap:8px;padding:10px 12px;position:static}.topbar-brand{justify-self:start}.topbar-nav{scrollbar-width:none;justify-content:start;width:100%;overflow-x:auto}.topbar-nav a{flex:none;padding:0 10px}.app-main{padding:13px}.studio-heading{display:block}.studio-heading h1{font-size:31px}.studio-workspace{grid-template-columns:1fr;grid-template-areas:"specimen""library""inspector"}.texture-library{grid-template-columns:1fr}.library-heading{border-bottom:1px solid #e8e7e21a;border-right:0;min-height:42px}.texture-item{flex-basis:155px}.specimen-panel{height:650px}.studio-inspector{height:auto;min-height:620px}.inspector-body{max-height:none;overflow:visible}.viewer-tool-rail{flex-direction:row;width:auto;top:auto;bottom:45px;left:50%;transform:translate(-50%)}.viewer-tool-rail button{width:50px;height:48px}.viewer-tool-rail button:last-child{border-top:0;border-left:1px solid #e8e7e21f;border-radius:0 5px 5px 0;margin-top:0;margin-left:3px}.stage-label{left:14px}.stage-probe-card{top:55px;right:12px}.field-color-key{width:72%;top:52px;right:12px}.specimen-status{grid-template-columns:repeat(2,minmax(0,1fr))}.specimen-status div:nth-child(2){border-right:0}.specimen-status div:nth-child(-n+2){border-bottom:1px solid #e8e7e217}}