.gl-dark-mode .split{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.gl-dark-mode .pane{padding:28px 24px 60px}.gl-dark-mode .pane-light{background:var(--slab-paper)}.gl-dark-mode .pane-dark{--surface-canvas:#131310;--surface-sunken:#0d0d0a;--surface-card:#1f1f1c;--text-strong:#f5f0e8;--text-body:#d4cfc5;--text-muted:#6a6560;--text-on-dark:#131310;--text-on-accent:#0b0b0b;--border-ink:#e8e3d8;--divider:#2b2b28;--shadow-xs:2px 2px 0 #000;--shadow-sm:4px 4px 0 #000;--shadow-md:6px 6px 0 #000;--shadow-lg:8px 8px 0 #000;--shadow-xl:12px 12px 0 #000;background:#131310;color:#d4cfc5}.gl-dark-mode .pane-header{display:flex;align-items:center;gap:10px;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid var(--divider,var(--slab-line-soft))}.gl-dark-mode .pane-label{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted,var(--slab-smoke))}.gl-dark-mode .mode-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:800;font-size:13px;padding:4px 10px;border:var(--border-base) solid var(--border-ink,var(--slab-black));border-radius:var(--radius-sm);box-shadow:var(--shadow-xs)}.gl-dark-mode .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.gl-dark-mode .sec-label{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted,var(--slab-smoke));margin:20px 0 8px}.gl-dark-mode .divider{border:none;border-top:1px solid var(--divider,var(--slab-line-soft));margin:16px 0}.gl-dark-mode .card{background:var(--surface-card,var(--slab-white));border:var(--border-base) solid var(--border-ink,var(--slab-black));border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.gl-dark-mode .card-head{padding:10px 14px;border-bottom:var(--border-base) solid var(--border-ink,var(--slab-black));background:var(--slab-lime);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--slab-black)}.gl-dark-mode .card-body{padding:14px}.gl-dark-mode .btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-display);font-weight:800;font-size:14px;letter-spacing:-.01em;padding:10px 18px;border:var(--border-base) solid var(--border-ink,var(--slab-black));border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-snap),box-shadow var(--dur-fast) var(--ease-snap);-webkit-user-select:none;-moz-user-select:none;user-select:none}.gl-dark-mode .btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}.gl-dark-mode .btn:active{transform:translate(4px,4px);box-shadow:none}.gl-dark-mode .badge{display:inline-flex;font-family:var(--font-mono);font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border:var(--border-thin) solid var(--border-ink,var(--slab-black));border-radius:var(--radius-sm);line-height:1;white-space:nowrap}.gl-dark-mode .input-wrap{display:flex;align-items:center;background:var(--surface-card,var(--slab-white));border:var(--border-base) solid var(--border-ink,var(--slab-black));border-radius:var(--radius-sm);overflow:hidden}.gl-dark-mode .input-el{flex:1 1;border:none;outline:none;background:transparent;font-family:var(--font-body);font-size:15px;font-weight:500;color:var(--text-strong,var(--slab-black));padding:10px 14px}.gl-dark-mode .input-el::placeholder{color:var(--text-muted,var(--slab-smoke))}.gl-dark-mode .sw{position:relative;width:52px;height:28px;border:var(--border-base) solid var(--border-ink,var(--slab-black));border-radius:var(--radius-sm);cursor:pointer}.gl-dark-mode .sw .knob{position:absolute;top:2px;width:19px;height:19px;background:var(--border-ink,var(--slab-black));border-radius:2px;transition:left var(--dur-base) var(--ease-snap)}.gl-dark-mode .callout{display:flex;gap:12px;align-items:flex-start;box-shadow:var(--shadow-sm)}.gl-dark-mode .callout,.gl-dark-mode .code-block{border:var(--border-base) solid var(--border-ink,var(--slab-black));border-radius:var(--radius-md);padding:12px 14px}.gl-dark-mode .code-block{background:var(--slab-ink);color:var(--slab-lime);font-family:var(--font-mono);font-size:12px;box-shadow:var(--shadow-md);line-height:1.6}.gl-dark-mode .pane-dark .code-block{background:#000;border-color:var(--border-ink)}.gl-dark-mode .tok-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--divider,var(--slab-line-soft));font-family:var(--font-mono);font-size:11px}.gl-dark-mode .tok-row:last-child{border-bottom:none}.gl-dark-mode .tok-name{flex:0 0 160px;font-weight:700;color:var(--text-strong,var(--slab-black))}.gl-dark-mode .tok-val{flex:1 1;color:var(--text-muted,var(--slab-smoke))}.gl-dark-mode .tok-swatch{width:16px;height:16px;border-radius:3px;border:1px solid hsla(0,0%,50%,.3);flex-shrink:0}