.c3d{display:block;--c3d-stage-h:clamp(420px,64vh,640px)}.c3d-bench{display:grid;grid-template-columns:minmax(0,1fr) 300px;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #17322608}.c3d-main{min-width:0;display:flex;flex-direction:column}.c3d-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid var(--line);flex-wrap:wrap}.c3d-kinds{gap:6px;flex-wrap:nowrap}.c3d-kinds .pill{min-height:38px;white-space:nowrap}.c3d-viewport{position:relative}.c3d-stage{position:relative;height:var(--c3d-stage-h);overflow:hidden;background:radial-gradient(ellipse 70% 65% at 50% 45%,#215c42,#153f2f 55%,#0d2b20);color:#f4faef}.c3d-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none;cursor:grab;opacity:0;transition:opacity .6s}.c3d-canvas:active{cursor:grabbing}.c3d-canvas:focus-visible{box-shadow:inset 0 0 0 3px #de793f}.c3d[data-state=ready] .c3d-canvas{opacity:1}.c3d-poster{position:absolute;inset:22px;display:grid;place-items:center;transition:opacity .5s}.c3d-poster .cell-poster{width:100%;height:100%;display:grid;place-items:center}.c3d-poster .cell-poster[hidden]{display:none}.c3d-poster svg{width:100%;height:100%;max-height:100%;background:#f8fbf9;border-radius:14px;box-shadow:0 10px 40px #04140d55}.c3d-poster svg text{fill:var(--ink)}.c3d-poster a[data-organelle].is-lit .cell-shape{stroke:#e2703a;stroke-width:4px}.c3d-poster a[data-organelle].is-lit{filter:drop-shadow(0 0 6px rgba(226,112,58,.6))}.c3d[data-state=ready] .c3d-poster{opacity:0;visibility:hidden;transition:opacity .5s,visibility 0s .5s}.c3d[data-state=loading] .c3d-poster{opacity:.45}.c3d-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.c3d[data-state=nogl] .c3d-labels{display:none}.c3d[data-state=poster] .c3d-labels,.c3d[data-state=loading] .c3d-labels{visibility:hidden}.c3d-label{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:6px;min-height:0;height:auto;margin:0;padding:4px 10px 4px 7px;border-radius:999px;border:1px solid #ffffff;background:#ffffffeb;color:#173226;font:600 12.5px/1.2 DM Sans,sans-serif;white-space:nowrap;box-shadow:0 3px 12px #03120b40;pointer-events:auto;cursor:pointer;transition:opacity .2s;will-change:transform}.c3d-callouts{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.c3d-callouts path{fill:none;stroke:#f4faef;stroke-width:1.4;stroke-opacity:.8;stroke-linejoin:round}.c3d-callouts circle{fill:#f4faef;stroke:#123e2e;stroke-width:1}.c3d-callouts .is-selected path{stroke:#ffb48a;stroke-width:2;stroke-opacity:1}.c3d-callouts .is-selected circle{fill:#e2703a;stroke:#fff}.c3d-label:hover,.c3d-label.is-hovered{background:#fff}.c3d-label.is-selected{background:#e2703a;border-color:#fff;color:#fff}.c3d-dot,.c3d-swatch{flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:var(--c);box-shadow:0 0 0 1.5px #fffc,0 0 0 2.5px #17322633}.c3d-label.is-selected .c3d-dot{box-shadow:0 0 0 1.5px #fff}.c3d-hint,.c3d-keys{position:absolute;left:16px;top:14px;margin:0;padding:6px 11px;border-radius:999px;background:#0b241acc;color:#e6f2e8;font-size:12px;line-height:1.3;pointer-events:none;transition:opacity .4s;max-width:calc(100% - 32px)}.c3d-keys{opacity:0}.c3d-canvas:focus-visible~.c3d-keys{opacity:1}.c3d-canvas:focus-visible~.c3d-hint,.c3d.is-touched .c3d-hint,.c3d:not([data-state=ready]) .c3d-hint,.c3d-viewport:has(.c3d-card:not([hidden])) .c3d-hint{opacity:0}.c3d-gate{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;padding:20px;text-align:center;pointer-events:none}.c3d-gate>*{pointer-events:auto}.c3d-load{display:inline-flex;align-items:center;gap:10px;border:0;border-radius:999px;padding:14px 24px;background:#d0ed9a;color:#123e2e;font-size:16px;font-weight:700;box-shadow:0 10px 30px #04140d70}.c3d-load:hover{background:#e0f5b8}.c3d-msg{margin:0;max-width:440px;padding:12px 16px;border-radius:12px;background:#0b241ae6;color:#f4faef;font-size:14px;line-height:1.55}.c3d-msg-loading,.c3d-msg-nogl{display:none}.c3d[data-state=loading] .c3d-msg-loading{display:block}.c3d[data-state=loading] .c3d-load,.c3d[data-state=ready] .c3d-gate,.c3d[data-state=nogl] .c3d-load{display:none}.c3d[data-state=nogl] .c3d-gate{place-content:end center;padding-bottom:16px}.c3d[data-state=nogl] .c3d-msg-nogl{display:block;background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 6px 20px #0b241a30}.c3d[data-state=nogl] .c3d-stage{background:#eef5ee;height:auto;min-height:var(--c3d-stage-h)}.c3d[data-state=nogl] .c3d-poster{position:relative;inset:auto;padding:18px 18px 130px}.c3d[data-state=nogl] .c3d-poster svg{box-shadow:none;border:1px solid var(--line)}.c3d-stage noscript{display:block;padding:0;background:none}.c3d-noscript{position:absolute;left:16px;right:16px;bottom:16px;margin:0;padding:10px 14px;border-radius:10px;background:#fff;color:var(--ink);font-size:14px}.c3d-card{position:absolute;left:14px;bottom:14px;z-index:2;width:min(360px,calc(100% - 28px));max-height:calc(100% - 28px);overflow:auto;background:#fff;border-radius:16px;box-shadow:0 18px 50px #03120b59;padding:18px 18px 16px;color:var(--ink)}.c3d-card[hidden]{display:none}.c3d-info-head{display:flex;gap:11px;align-items:flex-start;padding-right:26px}.c3d-info-head .c3d-swatch{width:14px;height:14px;margin-top:6px}.c3d-info h3{margin:0;font-size:19px;letter-spacing:-.02em;line-height:1.25}.c3d-type{margin:3px 0 0;font-size:12.5px;color:var(--muted)}.c3d-intro{margin:12px 0 10px;font-size:14px;line-height:1.6;color:var(--ink)}.c3d-rows{margin:0 0 12px;display:grid;gap:7px}.c3d-rows div{display:grid;grid-template-columns:96px 1fr;gap:10px;font-size:13px;line-height:1.45;padding-top:7px;border-top:1px solid #e3ece4}.c3d-rows dt{font-weight:700;color:var(--ink)}.c3d-rows dd{margin:0;color:var(--muted)}.c3d-more{font-weight:700}.c3d-close{position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:20px;line-height:1}.c3d-close:hover{border-color:var(--green);color:var(--green)}.c3d-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:14px 22px;border-top:1px solid var(--line);background:#f8faf5}.c3d-range{display:flex;align-items:center;gap:12px;flex:1 1 240px;font-size:14px;font-weight:700;color:var(--ink)}.c3d-range input{flex:1;min-width:0;accent-color:#2f8a5b;height:28px}.c3d-toggles{display:flex;flex-wrap:wrap;gap:7px}.c3d-toggles .pill{min-height:38px}.c3d-toggles .pill:disabled,.c3d-range input:disabled{opacity:.5;cursor:default}.c3d-copied{font-size:13px;color:var(--green);font-weight:600;min-height:1em}.c3d-copied input{width:min(100%,360px);font:inherit;font-size:13px;padding:6px 8px;border:1px solid var(--line);border-radius:6px}.c3d[data-state=nogl] [data-explode],.c3d[data-state=nogl] .c3d-range,.c3d[data-state=nogl] [data-cut],.c3d[data-state=nogl] [data-labels-toggle],.c3d[data-state=nogl] [data-reset]{display:none}.c3d-side{padding:20px 18px;border-left:1px solid var(--line);background:#f8faf5;min-width:0}.c3d-side-title{font-size:16px;letter-spacing:0;margin:0}.c3d-side .small-note{margin:6px 0 14px}.c3d-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.c3d-list[hidden]{display:none}.c3d-list button{width:100%;display:flex;align-items:center;gap:11px;text-align:left;padding:7px 10px;min-height:44px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink);transition:background .15s,border-color .15s}.c3d-list button:hover{background:#fff;border-color:var(--line)}.c3d-list button[aria-pressed=true]{background:#fff1e8;border-color:#e2703a}.c3d-item{display:flex;flex-direction:column;line-height:1.25;min-width:0}.c3d-item strong{font-size:14px}.c3d-item small{font-size:11.5px;color:var(--muted)}.c3d-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:1000px){.c3d-bench{grid-template-columns:minmax(0,1fr) 250px}}@media(max-width:800px){.c3d{--c3d-stage-h:min(112vw,470px)}.c3d-bench{grid-template-columns:1fr}.c3d-top{padding:12px 14px}.c3d-kinds{width:100%}.c3d-kinds .pill{flex:1}.c3d-card{position:relative;left:auto;bottom:auto;width:auto;max-height:none;border-radius:0;box-shadow:none;border-bottom:1px solid var(--line);padding:16px}.c3d-hint,.c3d-keys{left:10px;top:10px;font-size:11.5px;max-width:calc(100% - 20px)}.c3d-toolbar{padding:12px 14px;gap:10px}.c3d-toggles{width:100%}.c3d-toggles .pill{flex:1 1 auto}.c3d-side{border-left:0;border-top:1px solid var(--line);padding:16px 14px}.c3d-list{grid-template-columns:1fr 1fr}.c3d-poster{inset:12px}.c3d-label{font-size:11.5px;padding:3px 8px 3px 6px}}@media(max-width:380px){.c3d-list{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.c3d-canvas,.c3d-poster,.c3d-label{transition:none}}@media print{.c3d-stage{background:#fff;height:auto}.c3d-canvas,.c3d-labels,.c3d-gate,.c3d-hint,.c3d-keys,.c3d-toolbar,.c3d-card{display:none!important}.c3d-poster{position:static;opacity:1!important;visibility:visible!important}}.c3d-how[data-astro-cid-b7ox6mc2] ol[data-astro-cid-b7ox6mc2]{padding-left:22px}.c3d-how[data-astro-cid-b7ox6mc2] li[data-astro-cid-b7ox6mc2],.explanation[data-astro-cid-b7ox6mc2] li[data-astro-cid-b7ox6mc2]{margin-bottom:8px}