:root{--ink:#16191C;--bone:#F3EFE4;--indigo:#4B3F8F;--lilac:#A79EE8;--terracotta:#B3402F;--ink2:#1F242A;--linea:rgba(243,239,228,.16);--mut:#A9A79E;--h:"Bricolage Grotesque",system-ui,sans-serif;--t:"Source Serif 4",Georgia,serif;--m:"IBM Plex Mono",ui-monospace,monospace}*{box-sizing:border-box}:root{color-scheme:dark;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html,body{margin:0;height:100%;background:var(--ink);color:var(--bone);font-family:var(--t);font-size:17px;line-height:1.55}#app{min-height:100%;display:flex;flex-direction:column}.top{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding:14px clamp(14px,3vw,36px);border-bottom:1px solid var(--linea)}.brand{font:700 22px var(--h);letter-spacing:-.02em}.titulo h1{margin:0;font:700 20px var(--h)}.titulo p{margin:0;font:400 13px var(--m);color:var(--mut)}.grid{flex:1;display:grid;grid-template-columns:272px minmax(0,1fr) 380px;gap:0;min-height:0}.col{padding:18px;overflow:auto}.izq{border-right:1px solid var(--linea);max-height:calc(100vh - 66px)}.der{border-left:1px solid var(--linea);background:var(--bone);color:var(--ink);padding:26px;max-height:calc(100vh - 66px)}h2{margin:0 0 10px;font:700 15px var(--h);letter-spacing:.01em}section{margin-bottom:22px}.eti{margin:12px 0 6px;font:400 12px var(--m);color:var(--mut)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips button{min-height:40px;padding:0 14px;border-radius:20px;border:1.5px solid var(--lilac);background:transparent;color:var(--bone);font:700 14px var(--h);cursor:pointer}.chips button[aria-pressed=true]{background:var(--lilac);color:var(--ink)}.campo{margin-top:14px}.campo label,.chk span{font:500 14px var(--h)}.campo label{display:block;margin-bottom:6px}select,input[type=range]{width:100%}select{min-height:42px;border-radius:6px;background:var(--ink2);color:var(--bone);border:1.5px solid var(--linea);padding:0 10px;font:500 15px var(--h)}.seg2{display:grid;grid-template-columns:1fr 1fr;gap:6px}.seg2.cols4{grid-template-columns:repeat(2,1fr)}.seg2 .ancho{grid-column:1/-1}.seg2 button{min-height:40px;border-radius:6px;border:1.5px solid var(--linea);background:var(--ink2);color:var(--bone);font:500 14px var(--h);cursor:pointer}.seg2 button[aria-pressed=true]{border-color:var(--lilac);background:var(--indigo)}.chk{display:flex;align-items:center;gap:10px;min-height:34px;cursor:pointer}.chk input{width:18px;height:18px;accent-color:var(--lilac)}.sl{margin:2px 0 8px 28px}input[type=range]{accent-color:var(--lilac)}.escena{position:relative;min-height:62vh;background:radial-gradient(120% 90% at 50% 35%,#242a31,#16191c 70%)}#c{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none}#rotulos{position:absolute;inset:0;pointer-events:none;overflow:hidden}.rot{position:absolute;transform:translate(-50%,-120%);font:500 12px var(--m);color:var(--bone);background:#16191cb8;padding:2px 7px;border-radius:10px;white-space:nowrap;border:1px solid rgba(243,239,228,.25)}.rot.v{color:#bcb8ee;font-size:11px;padding:0 5px}.hud{position:absolute;left:12px;right:12px;bottom:34px;display:flex;justify-content:center;pointer-events:none}.presets{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;pointer-events:auto}.presets button{min-height:38px;padding:0 14px;border-radius:19px;border:1.5px solid rgba(243,239,228,.35);background:#16191cc7;color:var(--bone);font:500 14px var(--h);cursor:pointer}.presets button:hover{border-color:var(--lilac)}.credito a{color:var(--lilac)}.credito{position:absolute;left:12px;right:12px;bottom:6px;margin:0;font:400 11px var(--m);color:var(--mut);text-align:center;pointer-events:auto}.cargando{position:absolute;inset:0;display:grid;place-items:center;font:500 16px var(--m);color:var(--bone);background:#16191cb3}.cargando[hidden]{display:none}.der .tipo{margin:0 0 4px;font:400 13px var(--m);color:var(--indigo)}.der h3{margin:0;font:700 40px/1.05 var(--h);letter-spacing:-.02em}.der .extras{margin:10px 0 0;font-style:italic;font-size:17px;color:#3b4046}.der h4{margin:24px 0 8px;font:700 18px var(--h)}dl{margin:0;border-top:2px solid var(--ink)}.fila{display:grid;grid-template-columns:104px 1fr;gap:4px 14px;padding:11px 0;border-bottom:1px solid rgba(22,25,28,.22)}dt{font:400 12.5px/1.7 var(--m);color:#3b4046}dd{margin:0;font-size:16.5px;line-height:1.45}.lado{margin:18px 0 0;padding:12px 14px;border-radius:6px;background:#e3ddf7;font-size:16px}.lado b{font-family:var(--h)}.grados{display:flex;gap:8px}.grados button{width:46px;height:46px;border-radius:23px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);font:700 17px var(--h);cursor:pointer}.grados button[aria-pressed=true]{background:var(--ink);color:var(--bone)}.fuente{margin:24px 0 0;font:400 11.5px/1.6 var(--m);color:#3b4046}@media(max-width:1100px){.grid{grid-template-columns:240px minmax(0,1fr)}.der{grid-column:1/-1;border-left:0;max-height:none}}@media(max-width:760px){.grid{grid-template-columns:1fr}.izq{border-right:0;max-height:none;order:2}.escena{order:1;min-height:70vh}.der{order:3}}