.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-divider: rgba(19, 40, 44, .12);--lattice-menu-bg: rgba(247, 252, 249, .88);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-divider: rgba(255, 255, 255, .08);--lattice-menu-bg: rgba(10, 22, 27, .86)}.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:1.85rem;font-variant-numeric:tabular-nums;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;align-self:start;padding-inline:.15rem}.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-field-select{position:relative}.lattice-number{position:relative;gap:.2rem;padding:.15rem 1rem .2rem}.lattice-number+.lattice-number{border-left:1px solid var(--lattice-divider)}.lattice-number>span{position:static;font-size:.64rem;pointer-events:none}.lattice-number em{position:absolute;right:1rem;bottom:.5rem;color:var(--lattice-muted);font-size:.9rem;font-style:normal;line-height:1;opacity:.3;pointer-events:none;white-space:nowrap}.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-native-select{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.lattice-select-button,.lattice-number input{width:100%;min-height:2.65rem;border:0;border-radius:0;background:transparent;color:var(--lattice-text);font-size:inherit;font-weight:inherit}.lattice-select-button{display:flex;align-items:center;justify-content:space-between;min-height:2.9rem;padding:0 .15rem .35rem;border-bottom:1px solid var(--lattice-divider);text-align:left;cursor:pointer}.lattice-select-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lattice-select-button i{width:.48rem;height:.48rem;margin-left:.8rem;border-right:1.5px solid currentcolor;border-bottom:1.5px solid currentcolor;opacity:.55;transform:rotate(45deg) translateY(-.12rem);transition:transform .16s ease}.lattice-select-open .lattice-select-button i{transform:rotate(225deg) translate(-.08rem,-.08rem)}.lattice-select-menu{position:absolute;z-index:5;top:calc(100% + .45rem);right:0;left:0;display:none;overflow:hidden;border:1px solid var(--lattice-border);border-radius:8px;background:var(--lattice-menu-bg);box-shadow:0 22px 50px #0000002e;backdrop-filter:blur(12px)}.lattice-select-open .lattice-select-menu{display:grid}.lattice-select-menu button{min-height:2.45rem;padding:0 .8rem;border:0;border-bottom:1px solid var(--lattice-divider);background:transparent;color:var(--lattice-text);text-align:left;cursor:pointer}.lattice-select-menu button:last-child{border-bottom:0}.lattice-select-menu button:hover,.lattice-select-menu button[aria-selected=true]{background:color-mix(in srgb,var(--lattice-button-bg) 12%,transparent)}.lattice-number input{min-height:2.35rem;padding:0 2.55rem 0 0;font-size:1.15rem;font-variant-numeric:tabular-nums}.lattice-number input:focus,.lattice-select-button:focus{outline:0}.lattice-number:focus-within,.lattice-field-select:focus-within{color:var(--lattice-text)}.lattice-note{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:center;padding:.85rem 1rem;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;padding-right:.3rem;color:var(--lattice-text);font-size:.95rem;line-height:1.35}.lattice-slider-grid,.lattice-input-grid{display:grid;gap:.9rem}.lattice-slider-grid .lattice-field{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem .75rem}.lattice-slider-grid .lattice-field input{grid-column:1 / -1}.lattice-input-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding-block:.25rem}.lattice-field output{align-self:start;justify-self:end;color:var(--lattice-text);font-size:.86rem;font-weight:800;font-variant-numeric:tabular-nums;text-align:right}.lattice-field input[type=range]{appearance:none;width:100%;height:1rem;background:transparent}.lattice-field input[type=range]::-webkit-slider-runnable-track{height:2px;border-radius:999px;background:var(--lattice-divider)}.lattice-field input[type=range]::-webkit-slider-thumb{appearance:none;width:.86rem;height:.86rem;margin-top:-.39rem;border:0;border-radius:50%;background:var(--lattice-button-bg)}.lattice-field input[type=range]::-moz-range-track{height:2px;border-radius:999px;background:var(--lattice-divider)}.lattice-field input[type=range]::-moz-range-thumb{width:.86rem;height:.86rem;border:0;border-radius:50%;background:var(--lattice-button-bg)}.lattice-results{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem;padding:.35rem .25rem 0}.lattice-result-group{display:grid;grid-template-columns:1fr;gap:.52rem;min-width:0}.lattice-result-group h2{margin:0 0 .35rem}.lattice-metric-row{display:grid;grid-template-columns:minmax(7.75rem,8.75rem) minmax(0,1fr);gap:.9rem;align-items:baseline;min-width:0}.lattice-metric-row strong{overflow-wrap:anywhere;color:var(--lattice-text);font-size:1.25rem;font-variant-numeric:tabular-nums;line-height:1.15;text-align:left}.lattice-metric-row span{max-width:8.75rem;font-size:.68rem;line-height:1.2}@media(max-width:900px){.lattice-lab,.lattice-results,.lattice-result-group{grid-template-columns:1fr}}@media(max-width:560px){.lattice-lab{padding:.75rem}.lattice-orbit,.lattice-svg{min-height:330px}.lattice-input-grid,.lattice-results{grid-template-columns:1fr}.lattice-number+.lattice-number{border-left:0}.lattice-number{padding-inline:0}.lattice-metric-row{grid-template-columns:minmax(6.8rem,7.5rem) minmax(0,1fr)}.lattice-note{grid-template-columns:1fr}}