html:not([data-lang=es]) [data-l=es],html[data-lang=es] [data-l=en]{display:none}.page-header{margin-bottom:16px}.title-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.title-row h1{margin:.4em 0}.intro{color:var(--muted);max-width:70ch}.lang{display:flex;gap:4px}.scene{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.stage{border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:var(--radius);background:var(--stage, color-mix(in srgb, var(--bg) 82%, black));overflow:hidden;min-width:0}.stage canvas{display:block;width:100%;height:480px;cursor:grab;touch-action:pan-y}.stage canvas:active{cursor:grabbing}.stage-col{display:grid;gap:12px;min-width:0}.palette-box .group-label:first-child{margin-top:0}.legend{margin:0;padding:8px 14px 12px;font-size:13px;color:var(--muted)}.panel{border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:var(--radius);background:color-mix(in srgb,var(--text) 4%,transparent);padding:16px}.modes{display:grid;grid-template-columns:1fr;gap:6px;margin-bottom:8px}.panel label{display:grid;gap:4px;margin:12px 0;font-size:14px}.panel input[type=range]{width:100%}.value{font-variant-numeric:tabular-nums;font-size:12px;color:var(--muted)}.scene button,.lang button{padding:8px 10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--text) 12%,transparent);background:color-mix(in srgb,var(--text) 6%,transparent);color:inherit;font:inherit;font-size:14px;cursor:pointer}.lang button{padding:4px 10px;font-size:13px}.scene button:hover,.lang button:hover{background:color-mix(in srgb,var(--text) 10%,transparent)}.scene button[aria-pressed=true],.lang button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent)}.panel.compact label:not(.check):not(.knob){grid-template-columns:minmax(0,1fr) auto;column-gap:8px;row-gap:0;margin:6px 0;font-size:13px}.panel.compact label:not(.check):not(.knob)>input[type=range]{grid-column:1 / -1;grid-row:2}.panel.compact .group-label{margin:10px 0 4px;font-size:13px}.panel.compact .hint{margin-top:4px}.tabs{display:flex;gap:2px;margin:-6px -6px 10px;border-bottom:1px solid color-mix(in srgb,var(--text) 12%,transparent)}.scene .tabs button{flex:1 1 auto;min-width:0;padding:6px 4px;font-size:13px;border-radius:8px 8px 0 0;border:1px solid transparent;border-bottom:none;background:none}.scene .tabs button[aria-selected=true]{border-color:color-mix(in srgb,var(--text) 12%,transparent);background:color-mix(in srgb,var(--accent) 16%,transparent);box-shadow:inset 0 -2px 0 var(--accent)}.preset-row{display:flex;gap:6px;margin:6px 0}.preset-row>*{flex:1;min-width:0}.preset-name{font:inherit;font-size:13px;padding:6px 8px;border-radius:8px;color:inherit;background:color-mix(in srgb,var(--text) 6%,transparent);border:1px solid color-mix(in srgb,var(--text) 12%,transparent)}.preset-list{list-style:none;margin:8px 0;padding:0;display:grid;gap:4px}.preset-list li{display:flex;gap:4px}.scene .preset-list .preset-open{flex:1;text-align:left;padding:6px 10px;font-size:13px}.scene .preset-list .preset-del{flex:0 0 auto;padding:4px 10px}.row{display:flex;gap:8px;margin-top:12px}.row button{flex:1}.hint{font-size:12px;color:var(--muted);margin:10px 0 0}.notes{margin-top:32px;max-width:75ch}.notes h2{font-size:20px;margin:24px 0 8px}.notes h3{font-size:17px;margin:20px 0 6px}.notes p{margin:0 0 12px}.notes li+li{margin-top:6px}.tutorial{border-top:1px solid color-mix(in srgb,var(--text) 10%,transparent);padding-top:8px}.tutorial .fold{margin:0 0 12px;font:inherit;font-size:14px;padding:6px 12px;border-radius:8px;cursor:pointer;color:var(--text);background:color-mix(in srgb,var(--text) 6%,transparent);border:1px solid color-mix(in srgb,var(--text) 18%,transparent)}.goals li::marker{color:var(--accent)}.eqs{font-family:ui-serif,Georgia,serif}.sources{font-size:14px;color:var(--muted)}.sources a{overflow-wrap:anywhere}.notes pre.astro-code{padding:14px 16px;border-radius:10px;border:1px solid color-mix(in srgb,var(--text) 8%,transparent);font-size:13px;line-height:1.5;overflow-x:auto;margin:0 0 14px}.notes :not(pre)>code{font-size:.9em;background:color-mix(in srgb,var(--text) 7%,transparent);padding:1px 5px;border-radius:4px}.aside{margin:0 0 14px;padding:10px 14px;border-left:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent);border-radius:0 10px 10px 0}.aside summary{cursor:pointer;font-weight:600}.aside p{margin:8px 0 0}.sw{display:inline-block;width:14px;height:3px;vertical-align:middle;margin-right:4px;border-radius:2px}@media(max-width:820px){.scene{grid-template-columns:minmax(0,1fr)}.stage canvas{height:340px}}