.lattice-lab{--lattice-text: #13282c;--lattice-muted: #4a6970;--lattice-panel: rgba(255, 255, 255, .74);--lattice-panel-strong: rgba(255, 255, 255, .88);--lattice-border: rgba(19, 40, 44, .14);--lattice-line: rgba(35, 93, 91, .5);--lattice-stage: linear-gradient(180deg, rgba(246, 252, 248, .82), rgba(229, 242, 238, .92)), repeating-linear-gradient(90deg, rgba(35, 93, 91, .07) 0 1px, transparent 1px 42px), repeating-linear-gradient(0deg, rgba(35, 93, 91, .06) 0 1px, transparent 1px 42px);--lattice-bg: linear-gradient(135deg, rgba(239, 249, 244, .96), rgba(222, 241, 235, .94) 48%, rgba(250, 237, 204, .9)), radial-gradient(circle at 20% 20%, rgba(246, 180, 75, .22), transparent 32%);--lattice-chip-bg: rgba(255, 255, 255, .62);--lattice-button-bg: #187c78;--lattice-button-text: #fff;--lattice-structure-label: #187c78;--lattice-main-value: #9f4f23;--lattice-reset-bg: rgba(19, 40, 44, .04);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:1rem;width:100%;padding:1rem;border:1px solid var(--lattice-border);border-radius:8px;background:var(--lattice-bg);color:var(--lattice-text)}.theme-dark .lattice-lab,body.theme-dark .lattice-lab,html.theme-dark .lattice-lab{--lattice-text: #f7fbf4;--lattice-muted: #b8d8d1;--lattice-panel: rgba(255, 255, 255, .08);--lattice-panel-strong: rgba(6, 13, 17, .72);--lattice-border: rgba(255, 255, 255, .14);--lattice-line: rgba(214, 248, 233, .58);--lattice-stage: linear-gradient(180deg, rgba(7, 15, 19, .68), rgba(13, 30, 34, .82)), repeating-linear-gradient(90deg, rgba(255, 255, 255, .04) 0 1px, transparent 1px 42px), repeating-linear-gradient(0deg, rgba(255, 255, 255, .03) 0 1px, transparent 1px 42px);--lattice-bg: linear-gradient(135deg, rgba(13, 25, 31, .95), rgba(23, 45, 49, .92) 48%, rgba(58, 48, 36, .92)), radial-gradient(circle at 20% 20%, rgba(246, 180, 75, .16), transparent 32%);--lattice-chip-bg: rgba(255, 255, 255, .08);--lattice-button-bg: #54d6b0;--lattice-button-text: #071314;--lattice-structure-label: #91d8c8;--lattice-main-value: #f6d37a;--lattice-reset-bg: rgba(255, 255, 255, .04)}.lattice-viewer{display:grid;gap:.8rem;min-width:0}.lattice-orbit{position:relative;min-height:420px;overflow:hidden;border:1px solid var(--lattice-border);border-radius:8px;background:var(--lattice-stage)}.lattice-svg{display:block;width:100%;height:100%;min-height:420px}.lattice-edge{stroke:var(--lattice-line);stroke-width:3;stroke-linecap:round}.lattice-atom{stroke:#ffffff8a;stroke-width:1.5;filter:drop-shadow(0 14px 16px rgba(0,0,0,.32))}.lattice-atom-corner{fill:url(#lattice-atom-corner)}.lattice-atom-face{fill:url(#lattice-atom-face)}.lattice-atom-interior{fill:url(#lattice-atom-interior)}.lattice-summary{display:grid;gap:.35rem;padding-bottom:.55rem;border-bottom:1px solid var(--lattice-border)}.lattice-summary div{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.lattice-summary span{color:var(--lattice-structure-label);font-size:.88rem;font-weight:800;letter-spacing:0}.lattice-summary strong{color:var(--lattice-main-value);font-size:clamp(1.35rem,5vw,2rem);line-height:1}.lattice-summary p{margin:0;color:var(--lattice-muted);font-size:.82rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.lattice-legend{display:flex;flex-wrap:wrap;gap:.55rem}.lattice-legend span{display:inline-flex;align-items:center;gap:.45rem;min-height:2.25rem;padding:.42rem .65rem;border:1px solid var(--lattice-border);border-radius:999px;background:var(--lattice-chip-bg);font-size:.88rem}.lattice-swatch{width:.75rem;height:.75rem;border-radius:50%}.lattice-swatch-corner{background:#f6b44b}.lattice-swatch-face{background:#54d6b0}.lattice-swatch-interior{background:#8f82ff}.lattice-console,.lattice-results{display:grid;align-content:start;gap:.8rem}.lattice-console{min-width:0}.lattice-field,.lattice-number{display:grid;gap:.4rem;min-width:0}.lattice-number{position:relative}.lattice-number>span{position:absolute;top:.55rem;left:.68rem;z-index:1;font-size:.62rem;pointer-events:none}.lattice-field>span,.lattice-number>span,.lattice-metric-row span,.lattice-result-group h2{color:var(--lattice-muted);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.lattice-field select,.lattice-number input{width:100%;min-height:2.65rem;border:1px solid var(--lattice-border);border-radius:8px;background:var(--lattice-panel-strong);color:var(--lattice-text);font-size:inherit;font-weight:inherit}.lattice-field select{appearance:none;padding:0 2.45rem 0 .7rem;background-image:linear-gradient(45deg,transparent 50%,currentcolor 50%),linear-gradient(135deg,currentcolor 50%,transparent 50%);background-position:calc(100% - 1.15rem) 50%,calc(100% - .82rem) 50%;background-repeat:no-repeat;background-size:.38rem .38rem,.38rem .38rem}.lattice-number input{min-height:4rem;padding:1.45rem .65rem .45rem;font-size:1.12rem;font-variant-numeric:tabular-nums}.lattice-field option{color:#102025}.lattice-note{display:grid;grid-template-columns:auto 1fr;gap:.7rem;align-items:center;padding:.75rem;border:1px solid var(--lattice-border);border-radius:8px;background:var(--lattice-panel)}.lattice-note span{display:grid;place-items:center;min-width:3.2rem;min-height:3.2rem;border-radius:50%;background:#f6b44b;color:#1b1408;font-weight:900}.lattice-note p{margin:0;color:var(--lattice-text);font-size:.95rem;line-height:1.35}.lattice-slider-grid,.lattice-input-grid{display:grid;gap:.7rem}.lattice-input-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lattice-field output{justify-self:end;margin-top:-1.55rem;color:var(--lattice-text);font-weight:800}.lattice-field input[type=range]{width:100%;accent-color:#54d6b0}.lattice-reset{min-height:2.8rem;border:1px solid var(--lattice-border);border-radius:8px;background:var(--lattice-reset-bg);color:var(--lattice-muted);font-size:inherit;font-weight:inherit;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.lattice-reset-active,.lattice-reset:hover{border-color:color-mix(in srgb,var(--lattice-button-bg) 45%,var(--lattice-border));background:color-mix(in srgb,var(--lattice-button-bg) 12%,transparent);color:var(--lattice-text)}.lattice-results{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,5vw,4rem);padding:.35rem .25rem 0}.lattice-result-group{display:grid;gap:.7rem;min-width:0}.lattice-result-group h2{margin:0 0 .25rem}.lattice-metric-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:baseline}.lattice-metric-row strong{overflow-wrap:anywhere;color:var(--lattice-text);font-size:1.05rem;font-variant-numeric:tabular-nums;line-height:1.15;text-align:right}@media(max-width:900px){.lattice-lab,.lattice-results{grid-template-columns:1fr}}@media(max-width:560px){.lattice-lab{padding:.75rem}.lattice-orbit,.lattice-svg{min-height:330px}.lattice-input-grid,.lattice-results,.lattice-note{grid-template-columns:1fr}}