.topology-color-grid.svelte-q15wo0{--topology-bg-base: #f8fafc;--topology-bg-top: rgba(255, 255, 255, .96);--topology-bg-bottom: rgba(241, 245, 249, .96);--topology-fg: #111827;--topology-title: #111827;--topology-muted: #64748b;--topology-border: rgba(15, 23, 42, .14);--topology-border-strong: rgba(15, 23, 42, .24);--topology-control-bg: rgba(255, 255, 255, .84);--topology-control-bg-hover: rgba(248, 250, 252, .98);--topology-shadow: rgba(15, 23, 42, .12);--topology-card-border: rgba(15, 23, 42, .16);--topology-card-highlight: rgba(255, 255, 255, .38);--topology-card-shadow: rgba(15, 23, 42, .24);--topology-card-shadow-active: rgba(15, 23, 42, .34);position:relative;isolation:isolate;min-height:min(840px,calc(100vh - 64px));overflow:hidden;background:linear-gradient(180deg,var(--topology-bg-top),var(--topology-bg-bottom)),linear-gradient(120deg,rgba(194,65,12,.14),transparent 32%),linear-gradient(300deg,rgba(251,191,36,.18),transparent 34%),var(--topology-bg-base);color:var(--topology-fg)}.topology-color-grid.is-dark.svelte-q15wo0{--topology-bg-base: #02060c;--topology-bg-top: rgba(5, 7, 10, .98);--topology-bg-bottom: rgba(2, 6, 12, .98);--topology-fg: #f8fafc;--topology-title: #f8fafc;--topology-muted: #a1a1aa;--topology-border: rgba(255, 255, 255, .14);--topology-border-strong: rgba(255, 255, 255, .24);--topology-control-bg: rgba(15, 23, 42, .62);--topology-control-bg-hover: rgba(30, 41, 59, .78);--topology-shadow: rgba(194, 65, 12, .34);--topology-card-border: rgba(255, 255, 255, .18);--topology-card-highlight: rgba(255, 255, 255, .1);--topology-card-shadow: rgba(0, 0, 0, .32);--topology-card-shadow-active: rgba(0, 0, 0, .42)}.wireframe-canvas.svelte-q15wo0{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;display:block;opacity:.9}.wireframe-canvas.is-disabled.svelte-q15wo0{display:none}.topology-color-grid.svelte-q15wo0:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#ffffff29,#0f172a14),radial-gradient(circle at 68% 30%,rgba(251,191,36,.14),transparent 24%),radial-gradient(circle at 24% 72%,rgba(194,65,12,.16),transparent 34%);pointer-events:none}.topology-color-grid.is-dark.svelte-q15wo0:before{background:linear-gradient(180deg,#0000002e,#0000009e),radial-gradient(circle at 68% 30%,rgba(251,191,36,.14),transparent 24%),radial-gradient(circle at 24% 72%,rgba(194,65,12,.16),transparent 34%)}.topology-header.svelte-q15wo0{position:relative;z-index:3;display:flex;align-items:center;gap:1rem;width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:clamp(1.5rem,4vw,3rem) 0 0}.mark.svelte-q15wo0{position:relative;display:grid;width:3rem;height:3rem;flex:0 0 auto;place-items:center;border:1px solid var(--topology-border);border-radius:8px;background:#c2410c;box-shadow:0 16px 34px var(--topology-shadow)}.mark.svelte-q15wo0 span:where(.svelte-q15wo0){position:absolute;width:1.25rem;height:.48rem;border:1px solid rgba(255,255,255,.86);border-radius:50%;transform:rotate(-18deg)}.mark.svelte-q15wo0 span:where(.svelte-q15wo0):nth-child(2){transform:translateY(.35rem) rotate(-18deg)}.mark.svelte-q15wo0 span:where(.svelte-q15wo0):nth-child(3){transform:translateY(-.35rem) rotate(-18deg)}.title-block.svelte-q15wo0{min-width:0;display:grid;gap:.25rem}.title-block.svelte-q15wo0 h1:where(.svelte-q15wo0){margin:0;color:var(--topology-title);font-size:clamp(1.15rem,2vw,1.45rem);font-weight:650;line-height:1.1;letter-spacing:0;overflow-wrap:anywhere}.title-block.svelte-q15wo0 p:where(.svelte-q15wo0){margin:0;color:var(--topology-muted);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.topology-controls.svelte-q15wo0{display:flex;flex-wrap:wrap;gap:.6rem;margin-left:auto}.extrude-toggle.svelte-q15wo0,.theme-toggle.svelte-q15wo0{min-height:2.65rem;padding:.72rem 1rem;border:1px solid var(--topology-border);border-radius:8px;background:var(--topology-control-bg);color:var(--topology-fg);font:inherit;font-size:.82rem;font-weight:800;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.extrude-toggle.svelte-q15wo0:hover,.extrude-toggle.svelte-q15wo0:focus-visible,.theme-toggle.svelte-q15wo0:hover,.theme-toggle.svelte-q15wo0:focus-visible{border-color:#fbbf24c7;background:var(--topology-control-bg-hover);outline:none;transform:translateY(-1px)}.topology-stage.svelte-q15wo0{position:relative;z-index:2;width:min(1180px,calc(100% - 2rem));min-height:clamp(520px,70vh,760px);margin:0 auto;perspective:1400px}.topology-plane.svelte-q15wo0{position:absolute;top:4%;right:1%;bottom:0;left:1%;transform:rotateX(58deg) rotate(-24deg) translateY(3%);transform-style:preserve-3d}.topology-card.svelte-q15wo0{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:calc(var(--w) * 1%);min-height:calc(var(--h) * 1%);display:grid;align-content:space-between;gap:1.2rem;padding:clamp(.75rem,1.5vw,1.2rem);border:1px solid var(--topology-card-border);border-radius:8px;background:linear-gradient(145deg,var(--topology-card-highlight),rgba(255,255,255,.03)),var(--tone);box-shadow:0 28px 42px var(--topology-card-shadow),0 1px #ffffff2e inset;color:var(--text);text-align:left;cursor:pointer;transform:translate(-50%,-50%) translateZ(calc(var(--z) * 1px)) rotate(var(--r));transform-style:preserve-3d;transition:transform .38s cubic-bezier(.2,.8,.2,1),filter .24s ease,box-shadow .24s ease}.topology-card.svelte-q15wo0:after{content:"";position:absolute;inset:auto 0 -.8rem 0;height:.8rem;border-radius:0 0 8px 8px;background:color-mix(in srgb,var(--tone),black 42%);transform:rotateX(-78deg);transform-origin:top;opacity:.72}.topology-card.svelte-q15wo0:hover,.topology-card.svelte-q15wo0:focus-visible,.topology-card.is-active.svelte-q15wo0{filter:saturate(1.14) brightness(1.04);outline:none;transform:translate(-50%,-50%) translateZ(calc((var(--z) + 82) * 1px)) rotate(var(--r)) scale(1.03);box-shadow:0 34px 60px var(--topology-card-shadow-active),0 0 0 1px #ffffff3d inset,0 0 42px color-mix(in srgb,var(--tone),transparent 44%)}.topology-card.is-active.svelte-q15wo0{box-shadow:0 0 0 3px var(--text),0 0 0 5px color-mix(in srgb,var(--tone),transparent 30%),0 34px 60px var(--topology-card-shadow-active),0 0 0 1px #ffffff3d inset,0 0 42px color-mix(in srgb,var(--tone),transparent 44%)}.topology-color-grid.is-flat.svelte-q15wo0 .topology-card:where(.svelte-q15wo0){transform:translate(-50%,-50%) translateZ(calc(var(--z) * 1px)) rotate(var(--r))}.card-meta.svelte-q15wo0,.values.svelte-q15wo0{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:color-mix(in srgb,var(--text),transparent 24%);font-size:clamp(.62rem,1vw,.76rem);font-weight:800;text-transform:uppercase}.card-copy.svelte-q15wo0{display:grid;gap:.9rem}.card-copy.svelte-q15wo0 strong:where(.svelte-q15wo0){display:grid;gap:.08rem;font-size:clamp(1rem,2.2vw,2.15rem);font-weight:900;line-height:.92;letter-spacing:0;text-transform:uppercase}.values.svelte-q15wo0{align-items:flex-end;font-size:clamp(.58rem,.85vw,.72rem);line-height:1.2}.values.svelte-q15wo0 span:where(.svelte-q15wo0):last-child{text-align:right}@media(prefers-reduced-motion:reduce){.topology-card.svelte-q15wo0,.extrude-toggle.svelte-q15wo0,.theme-toggle.svelte-q15wo0{transition:none}.topology-card.svelte-q15wo0:hover,.topology-card.svelte-q15wo0:focus-visible,.topology-card.is-active.svelte-q15wo0{transform:translate(-50%,-50%) translateZ(calc(var(--z) * 1px)) rotate(var(--r))}.extrude-toggle.svelte-q15wo0:hover,.extrude-toggle.svelte-q15wo0:focus-visible,.theme-toggle.svelte-q15wo0:hover,.theme-toggle.svelte-q15wo0:focus-visible{transform:none}}@media(max-width:860px){.topology-color-grid.svelte-q15wo0{min-height:auto}.topology-header.svelte-q15wo0{align-items:flex-start;flex-wrap:wrap}.extrude-toggle.svelte-q15wo0{margin-left:0}.topology-controls.svelte-q15wo0{width:100%;margin-left:0}.topology-stage.svelte-q15wo0{min-height:auto;padding:2rem 0;perspective:none}.topology-plane.svelte-q15wo0{position:relative;inset:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;transform:none}.topology-card.svelte-q15wo0,.topology-card.svelte-q15wo0:hover,.topology-card.svelte-q15wo0:focus-visible,.topology-card.is-active.svelte-q15wo0,.topology-color-grid.is-flat.svelte-q15wo0 .topology-card:where(.svelte-q15wo0){position:relative;left:auto;top:auto;width:auto;min-height:11rem;transform:none}.topology-card.svelte-q15wo0:after{display:none}}@media(max-width:560px){.topology-header.svelte-q15wo0,.topology-stage.svelte-q15wo0{width:min(100% - 1rem,1180px)}.mark.svelte-q15wo0{width:2.55rem;height:2.55rem}.title-block.svelte-q15wo0 p:where(.svelte-q15wo0){font-size:.68rem}.topology-plane.svelte-q15wo0{grid-template-columns:1fr}}.tcg-stage.svelte-11ajt4f{background:#020617;border-radius:var(--r-2);overflow:hidden;border:1px solid var(--border)}.tcg-stage--compact.svelte-11ajt4f{min-height:360px}.tcg-block.svelte-11ajt4f{display:grid;gap:10px;margin-top:24px}.tcg-label.svelte-11ajt4f h3:where(.svelte-11ajt4f){margin:0;font-family:var(--font-display);font-weight:400;font-size:16px;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-1)}.tcg-label.svelte-11ajt4f p:where(.svelte-11ajt4f){margin:4px 0 0;font-size:13px;color:var(--fg-2)}.tcg-label.svelte-11ajt4f code:where(.svelte-11ajt4f){font-family:var(--font-mono);font-size:12px;background:var(--surface-2);padding:1px 6px;border-radius:var(--r-1)}