.lattice-viewer{--lattice-bg:#eef3f7;--lattice-panel:#fff;--lattice-panel-2:#e8eef4;--lattice-canvas:#f8fafc;--lattice-line:#8aa0b4;--lattice-text:#17212a;--lattice-muted:#50606c;--lattice-accent:#0b678f;--lattice-selected:#9a6500;--lattice-plane:#6a42a5;--lattice-cell-front:#147ead1f;--lattice-cell-back:#be67191a;--lattice-cell-front-stroke:#147eadc7;--lattice-cell-back-stroke:#be67199e;--lattice-shell-bg:linear-gradient(180deg, #fff, #f6f9fb);--lattice-control-bg:#f7f9fb;--lattice-control-hover:#e7f0f6;--lattice-card-bg:#eef3f7;--lattice-warning-bg:#fff5e8;--lattice-warning-line:#d99a48;--lattice-warning-text:#744700;--lattice-code:#24394d;color:var(--lattice-text);gap:1rem;display:grid}.lattice-viewer__intro,.lattice-viewer__panel,.lattice-viewer__canvas-panel{border:1px solid var(--lattice-line);background:var(--lattice-shell-bg);box-shadow:var(--shadow);border-radius:18px}.lattice-viewer__intro{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.1rem 1.2rem;display:flex}.lattice-viewer__eyebrow{color:var(--lattice-accent);text-transform:uppercase;letter-spacing:.08em;font-size:.84rem}.lattice-viewer h2,.lattice-viewer h3{margin:.3rem 0 .45rem}.lattice-viewer p,.lattice-viewer small,.lattice-viewer__field span,.lattice-viewer__card span,.lattice-viewer__card small,.lattice-viewer__details dt{color:var(--lattice-muted)}.lattice-viewer__actions{flex-wrap:wrap;gap:.55rem;display:flex}.lattice-viewer button,.lattice-viewer input,.lattice-viewer select,.lattice-viewer textarea{font:inherit}.lattice-viewer button{border:1px solid var(--lattice-line);background:var(--lattice-control-bg);color:var(--lattice-text);cursor:pointer;border-radius:999px;padding:.58rem .9rem}.lattice-viewer button:hover{background:var(--lattice-control-hover)}.lattice-viewer__layout{grid-template-columns:minmax(300px,390px) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.lattice-viewer__controls,.lattice-viewer__workspace{gap:1rem;display:grid}.lattice-viewer__panel,.lattice-viewer__canvas-panel{padding:1rem}.lattice-viewer__field,.lattice-viewer__range{gap:.35rem;display:grid}.lattice-viewer__field>div{align-items:center;gap:.4rem;display:flex}.lattice-viewer__field input,.lattice-viewer__field select,.lattice-viewer textarea,.lattice-viewer__field>select{width:100%;color:var(--lattice-text);background:var(--lattice-control-bg);border:1px solid var(--lattice-line);border-radius:11px;padding:.58rem .65rem}.lattice-viewer textarea{resize:vertical;min-height:150px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.45}.lattice-viewer__field-grid{gap:.65rem;margin:.75rem 0;display:grid}.lattice-viewer__field-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.lattice-viewer__preset-note{margin:.6rem 0 .3rem;font-size:.9rem}.lattice-viewer__check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:.8rem 0;display:grid}.lattice-viewer__check{color:var(--lattice-muted);align-items:center;gap:.5rem;display:flex}.lattice-viewer__check input{width:1rem;height:1rem}.lattice-viewer__range{margin-top:.7rem}.lattice-viewer__range>span{color:var(--lattice-muted);justify-content:space-between;display:flex}.lattice-viewer__range input{width:100%}.lattice-viewer__subgroup{border-top:1px solid color-mix(in srgb, var(--lattice-line) 65%, transparent);margin-top:.8rem;padding-top:.8rem}.lattice-viewer__canvas-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.7rem;display:flex}.lattice-viewer__canvas-header>span{background:color-mix(in srgb, var(--lattice-accent) 10%, var(--lattice-panel));color:var(--lattice-accent);border-radius:999px;padding:.35rem .7rem}.lattice-viewer canvas{border:1px solid var(--lattice-line);background:var(--lattice-canvas);touch-action:none;cursor:grab;border-radius:16px;width:100%;height:min(68vh,690px);min-height:470px;display:block}.lattice-viewer canvas:active{cursor:grabbing}.lattice-viewer__cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.lattice-viewer__card{border:1px solid var(--lattice-line);background:var(--lattice-card-bg);border-radius:14px;gap:.2rem;padding:.8rem;display:grid}.lattice-viewer__card strong{font-size:1.05rem}.lattice-viewer__detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.lattice-viewer__details{gap:.55rem;margin:0;display:grid}.lattice-viewer__details>div{grid-template-columns:105px 1fr;gap:.75rem;display:grid}.lattice-viewer__details dt,.lattice-viewer__details dd{margin:0}.lattice-viewer__neighbor-list{gap:.35rem;margin:0;padding-left:1.2rem;display:grid}.lattice-viewer__neighbor-list li{grid-template-columns:1fr auto;align-items:center;gap:.5rem;display:grid}.lattice-viewer__neighbor-list button{border-radius:9px;justify-self:start;padding:.3rem .55rem}.lattice-viewer__warning{border:1px solid var(--lattice-warning-line);background:var(--lattice-warning-bg);color:var(--lattice-warning-text);border-radius:12px;margin-top:.7rem;padding:.7rem .8rem}.lattice-viewer__model-note{border-left:3px solid var(--lattice-accent)}.lattice-viewer code{color:var(--lattice-code)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .lattice-viewer{--lattice-bg:#07111e;--lattice-panel:#102139;--lattice-panel-2:#0c1a2d;--lattice-canvas:#07111e;--lattice-line:#466487;--lattice-text:#eef5ff;--lattice-muted:#a9bad5;--lattice-accent:#7be0ff;--lattice-selected:#ffcf67;--lattice-plane:#b985ff;--lattice-cell-front:#56c9ff29;--lattice-cell-back:#ffb05c1f;--lattice-cell-front-stroke:#56c9ffc7;--lattice-cell-back-stroke:#ffb05c8c;--lattice-shell-bg:linear-gradient(180deg, #102139fa, #091627fa);--lattice-control-bg:#050f1beb;--lattice-control-hover:#163353fa;--lattice-card-bg:#091627e0;--lattice-warning-bg:#ffae501a;--lattice-warning-line:#ffbf645c;--lattice-warning-text:#ffd59b;--lattice-code:#dbe9ff}}:root[data-theme=dark] .lattice-viewer{--lattice-bg:#07111e;--lattice-panel:#102139;--lattice-panel-2:#0c1a2d;--lattice-canvas:#07111e;--lattice-line:#466487;--lattice-text:#eef5ff;--lattice-muted:#a9bad5;--lattice-accent:#7be0ff;--lattice-selected:#ffcf67;--lattice-plane:#b985ff;--lattice-cell-front:#56c9ff29;--lattice-cell-back:#ffb05c1f;--lattice-cell-front-stroke:#56c9ffc7;--lattice-cell-back-stroke:#ffb05c8c;--lattice-shell-bg:linear-gradient(180deg, #102139fa, #091627fa);--lattice-control-bg:#050f1beb;--lattice-control-hover:#163353fa;--lattice-card-bg:#091627e0;--lattice-warning-bg:#ffae501a;--lattice-warning-line:#ffbf645c;--lattice-warning-text:#ffd59b;--lattice-code:#dbe9ff}@media (width<=1080px){.lattice-viewer__layout{grid-template-columns:1fr}.lattice-viewer__controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.lattice-viewer__intro{flex-direction:column}.lattice-viewer__controls,.lattice-viewer__detail-grid,.lattice-viewer__cards{grid-template-columns:1fr}.lattice-viewer__field-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}.lattice-viewer canvas{height:58vh;min-height:380px}}