.cube-net-pair-0{--cube-net-pair:var(--diagram-first)}.cube-net-pair-1{--cube-net-pair:var(--diagram-second)}.cube-net-pair-2{--cube-net-pair:var(--diagram-third)}.cube-net-gallery{gap:22px;margin:20px 0;display:grid}.cube-net-family{min-width:0}.cube-net-family h3{align-items:baseline;gap:12px;margin:0 0 6px;font-size:17px;display:flex}.cube-net-family h3 small{color:var(--muted);font-size:13px;font-weight:500}.cube-net-family>p{color:var(--muted);margin:0 0 10px;font-size:13px}.cube-net-family-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.cube-net-card{border:1px solid var(--line);border-radius:var(--radius-small);min-width:0;color:var(--ink);background:var(--surface);flex-direction:column;align-items:center;margin:0;padding:8px 3px;display:flex}button.cube-net-card{cursor:pointer;font:inherit}button.cube-net-card:hover{border-color:var(--diagram-first);background:var(--surface-soft)}button.cube-net-card[aria-pressed=true]{border:2px solid var(--diagram-first);background:var(--surface-soft);box-shadow:inset 0 -3px 0 var(--diagram-first);padding:7px 2px}.cube-net-card-label{margin-top:3px;font-size:12px;line-height:1.4;display:block}.cube-net-diagram{width:100%;height:auto;display:block;overflow:visible}.cube-net-face rect{fill:var(--cube-net-pair);fill-opacity:.13;stroke:var(--cube-net-pair);stroke-width:.042px}.cube-net-face text{fill:var(--ink);pointer-events:none;font-size:.42px;font-weight:750}.cube-net-face[role=button]{cursor:pointer}.cube-net-face.is-selected rect{fill-opacity:.28;stroke:var(--ink);stroke-width:.095px}.cube-net-face[role=button]:focus-visible{outline:none}.cube-net-face[role=button]:focus-visible rect{stroke:var(--ink);stroke-width:.12px}.cube-net-gallery--interactive{grid-template-columns:minmax(0,6fr) minmax(0,3fr) minmax(0,1fr) minmax(0,1fr);gap:12px;margin:0 0 20px;display:grid}.cube-net-gallery--interactive .cube-net-family h3{white-space:nowrap;font-size:13px;display:block}.cube-net-gallery--interactive .cube-net-family h3 small{font-size:11px;display:block}.cube-net-gallery--interactive .cube-net-family-grid{gap:5px;display:flex}.cube-net-gallery--interactive .cube-net-card{border-radius:5px;flex:1 1 0;padding:4px 0}.cube-net-gallery--interactive .cube-net-card[aria-pressed=true]{padding:3px 0}.cube-net-gallery--interactive .cube-net-card-label{white-space:nowrap;font-size:10px}.cube-net-gallery--interactive .cube-net-diagram{min-height:52px}.cube-net-workspace{grid-template-columns:minmax(200px,.72fr) minmax(0,1.55fr);align-items:stretch;gap:18px;display:grid}.cube-net-flat{border:1px solid var(--line);border-radius:var(--radius-small);background:var(--surface-soft);min-width:0;padding:15px}.cube-net-flat h3{margin:0 0 8px;font-size:15px}.cube-net-flat>.cube-net-diagram{margin:16px 0 8px}.cube-net-flat>p{color:var(--muted);margin:10px 0;font-size:12px;line-height:1.7}.cube-net-face-buttons{gap:5px;margin:14px 0;display:flex}.cube-net-face-button{border:1px solid var(--cube-net-pair);background:var(--surface);min-width:0;min-height:34px;color:var(--cube-net-pair);font:inherit;cursor:pointer;border-radius:5px;flex:1;padding:3px;font-weight:700}.cube-net-face-button[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:2px}.cube-net-opposite strong{color:var(--ink);font-size:17px;display:block}.cube-net-spatial{min-width:0}.cube-net-camera{justify-content:space-between;align-items:center;gap:7px;display:flex}.cube-net-camera>span{color:var(--muted);font-size:11px}.cube-net-camera .button{white-space:nowrap;min-height:35px;padding:7px 9px}.cube-net-canvas{isolation:isolate;touch-action:none;width:100%;height:365px;position:relative}.cube-net-canvas canvas{touch-action:none}.cube-net-number{width:25px;height:25px;color:var(--ink);background:var(--surface);font:750 15px/1 var(--font-body);box-shadow:0 0 0 1px var(--line);border-radius:50%;place-items:center;display:grid}.cube-net-number.is-selected{outline:3px solid var(--ink);outline-offset:1px}.cube-net-fold-caption{border-radius:var(--radius-small);background:var(--surface-soft);min-height:63px;margin:15px 0 10px;padding:13px 15px;font-size:13px;line-height:1.8}.cube-net-pair-key{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 15px;margin:12px 0;font-size:12px;display:flex}.cube-net-pair-key>span{align-items:center;gap:6px;display:inline-flex}.cube-net-pair-key i{background:var(--cube-net-pair);border-radius:3px;width:12px;height:12px}.cube-strip-memory{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin:20px 0;padding:18px 14px}.cube-strip-memory svg{width:100%;max-height:260px;display:block}.cube-strip-side rect{fill:var(--surface-soft);stroke:var(--diagram-first);stroke-width:.035px}.cube-strip-cap rect{fill:var(--accent-soft);stroke:var(--accent);stroke-width:.035px}.cube-strip-memory text{fill:var(--ink);font-size:.42px;font-weight:700}.cube-strip-memory .cube-strip-annotation{fill:var(--muted);font-size:.27px;font-weight:500}.cube-strip-memory figcaption{text-align:center;color:var(--muted);margin-top:10px;font-size:13px}@media (width<=760px){.cube-net-gallery--interactive{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.cube-net-gallery--interactive .cube-net-family:first-child,.cube-net-gallery--interactive .cube-net-family:nth-child(2){grid-column:1/-1}.cube-net-gallery--interactive .cube-net-family h3{gap:8px;display:flex}.cube-net-gallery--interactive .cube-net-family-grid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.cube-net-gallery--interactive .cube-net-family:nth-child(n+3) .cube-net-family-grid{grid-template-columns:1fr}.cube-net-gallery--interactive .cube-net-diagram{height:63px;min-height:0}.cube-net-workspace{grid-template-columns:1fr;gap:14px}.cube-net-flat{grid-template-columns:1.1fr 1fr;column-gap:15px;padding:12px;display:grid}.cube-net-flat h3{grid-column:1/-1}.cube-net-flat>.cube-net-diagram{grid-row:2/5;align-self:center;margin:0}.cube-net-flat>p{margin:5px 0;font-size:11px}.cube-net-face-buttons{flex-wrap:wrap;margin:8px 0}.cube-net-face-button{flex:1 0 25%;min-height:30px}.cube-net-opposite strong{font-size:15px}.cube-net-canvas{height:310px}.cube-net-number{width:23px;height:23px;font-size:14px}}@media (width<=420px){.cube-net-family-grid{gap:7px}.cube-net-card-label{font-size:11px}.cube-strip-memory{padding:12px 7px}.cube-net-pair-key>span:first-child{flex-basis:100%}}
