:root{--control:#0E1917;--control-2:#152420;--c-line:rgba(188,214,203,.16);--c-fg:#E9F2EE;--c-muted:#8CA39A;--amber:#F2A63B;--data:#45C8EC;--ok:#2FD58C;--fault:#FF7A64;--warn:#F2A63B;--grad:linear-gradient(135deg,#0FA36B,#12B389);--em-ink:#4FD6A8;--ft:"Archivo",system-ui,sans-serif;--fb:"IBM Plex Sans",system-ui,sans-serif;--fm:"IBM Plex Mono",ui-monospace,monospace;--header:56px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--control);color:var(--c-fg);font-family:var(--fb);font-size:15px}a{color:var(--em-ink)}button{font-family:var(--fm);cursor:pointer}.hdr{height:var(--header);display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--c-line);position:sticky;top:0;background:var(--control);z-index:20}.hdr .wm{font-family:var(--ft);font-weight:700;letter-spacing:.02em;font-size:16px;color:var(--c-fg);text-decoration:none}.hdr .wm span{color:var(--em-ink);font-weight:600}.hdr .wm b{font-family:var(--ft);font-weight:700}.hdr .wm{display:flex;align-items:center;gap:12px}.hdr .wm .wm-picto{height:26px;width:auto;display:block;flex:none}.hdr .wm .sep{width:1px;height:22px;background:var(--c-fg);opacity:.35;flex:none}.hdr .wm .wmtag{font-family:"DM Mono",var(--fm),monospace;font-size:12px;letter-spacing:.24em;color:var(--em-ink);margin:0;line-height:1}.hdr .right{display:flex;gap:10px;align-items:center}.badge{font-family:var(--fm);font-size:9.5px;letter-spacing:.14em;padding:4px 9px;border:1px solid var(--c-line);border-radius:3px;color:var(--c-muted)}.stage{position:relative;height:min(calc(100svh - var(--header)),820px);min-height:430px;overflow:hidden;background:var(--control)}.stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.overlay{position:absolute;pointer-events:none;z-index:5}.overlay .clickable,.overlay button,.overlay a{pointer-events:auto}.rail{top:14px;left:16px;display:flex;flex-direction:column;gap:6px}.rail span{font-family:var(--fm);font-size:10px;letter-spacing:.14em;color:var(--c-muted);padding:5px 10px;border-left:2px solid transparent;transition:all .3s;background:#0e19178c;backdrop-filter:blur(3px)}.rail span.on{color:var(--c-fg);border-left-color:#12b389;background:#12b3891f}.chip{top:14px;right:16px;font-family:var(--fm);font-size:10.5px;letter-spacing:.14em;padding:7px 12px;border:1px solid var(--c-line);border-radius:3px;background:#0e1917b3;backdrop-filter:blur(3px);color:var(--ok)}.chip[data-s=alert]{color:var(--fault);border-color:#ff7a6466}.chip[data-s=act]{color:var(--data);border-color:#45c8ec66}.chip[data-s=warn]{color:var(--warn);border-color:#f2a63b66}.chip[data-s=ok]{color:var(--ok);border-color:#2fd58c59}.vals{bottom:52px;left:16px;display:flex;gap:18px;font-family:var(--fm);background:#0e19178c;backdrop-filter:blur(3px);padding:8px 12px;border-radius:4px}.vals .v{display:flex;flex-direction:column;gap:2px}.vals .l{font-size:9px;letter-spacing:.16em;color:var(--c-muted)}.vals .n{font-size:19px;font-variant-numeric:tabular-nums}.vals .n em{font-style:normal;font-size:11px;color:var(--c-muted)}.vals .n.amber{color:var(--amber)}.vals .n.cyan{color:var(--data)}.log{bottom:16px;left:16px;right:16px;font-family:var(--fm);font-size:11px;letter-spacing:.06em;color:var(--c-muted);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.log .fict{font-size:9.5px;letter-spacing:.14em}.cta-exp{bottom:52px;right:16px;font-family:var(--fm);font-size:11px;letter-spacing:.1em;text-decoration:none;color:var(--c-fg);border:1px solid #12B389;padding:10px 14px;background:#12b3891a;border-radius:3px;transition:background .25s}.cta-exp:hover{background:#12b38938}.fallback{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;z-index:8;background:var(--control)}.fallback img{max-width:92%;max-height:78%;border:1px solid var(--c-line);border-radius:6px}.fallback p{font-family:var(--fm);font-size:11px;letter-spacing:.08em;color:var(--c-muted);text-align:center;padding:0 20px}.stage[data-mode=fallback] .fallback{display:flex}.stage[data-mode=fallback] .overlay,.stage[data-mode=fallback] canvas{display:none}.loadbar{position:absolute;left:0;top:0;height:2px;background:var(--grad);width:0%;z-index:9;transition:width .3s}.tabs{display:flex;gap:8px}.tabs button{font-size:10.5px;letter-spacing:.12em;padding:8px 14px;color:var(--c-muted);background:transparent;border:1px solid var(--c-line);border-radius:3px}.tabs button[aria-selected=true]{color:var(--c-fg);border-color:#12b389;background:#12b3891f}.tabs button:focus-visible{outline:2px solid var(--em-ink);outline-offset:2px}.panel{position:absolute;top:14px;right:16px;width:300px;max-height:calc(100% - 90px);overflow:auto;z-index:6;background:#0e1917d1;backdrop-filter:blur(6px);border:1px solid var(--c-line);border-radius:6px;padding:16px;pointer-events:auto}.panel h2{font-family:var(--ft);font-size:16px;font-weight:600;margin-bottom:6px}.panel .eyeb{font-family:var(--fm);font-size:9px;letter-spacing:.18em;color:#12b389;display:block;margin-bottom:8px}.panel p{font-size:13px;color:var(--c-muted);line-height:1.55}.panel ul{margin:10px 0 0;list-style:none}.panel li{font-family:var(--fm);font-size:11px;color:var(--c-fg);padding:5px 0;border-top:1px solid var(--c-line)}.panel .links{margin-top:10px;font-size:12px;color:var(--c-muted)}.panel .row{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.panel button{font-size:10px;letter-spacing:.1em;padding:7px 11px;color:var(--c-fg);background:transparent;border:1px solid var(--c-line);border-radius:3px}.panel button:hover{border-color:#12b389}.panel button.primary{border-color:#12b389;background:#12b3891f}.panel .hint{font-size:11.5px;color:var(--c-muted);font-family:var(--fm);letter-spacing:.04em;line-height:1.6}.panel .prog{height:3px;background:var(--control-2);border-radius:2px;margin-top:10px;overflow:hidden}.panel .prog i{display:block;height:100%;background:var(--grad);width:0%}.panel h2 .more{float:right;width:30px;height:30px;line-height:1;font-size:16px;color:var(--c-fg);background:transparent;border:1px solid var(--c-line);border-radius:4px}.panel.compact .det{display:none}.panel.compact p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.zonebar{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:6;flex-wrap:wrap;justify-content:center;max-width:96%;pointer-events:auto}.zonebar button{font-size:9.5px;letter-spacing:.1em;padding:6px 10px;color:var(--c-muted);background:#0e1917b3;border:1px solid var(--c-line);border-radius:3px}.zonebar button.on,.zonebar button:hover{color:var(--c-fg);border-color:#12b389}.layers{display:flex;flex-direction:column;gap:8px}.layers button{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;font-size:10.5px;letter-spacing:.1em;padding:10px 12px;color:var(--c-muted);background:transparent;border:1px solid var(--c-line);border-radius:4px}.layers button[aria-pressed=true]{color:var(--c-fg);border-color:#12b389;background:#12b3891a}.layers .dot{width:9px;height:9px;border-radius:50%}.layers .dot.amber{background:var(--amber)}.layers .dot.cyan{background:var(--data)}.scn-list{display:flex;flex-direction:column;gap:8px}.scn-list button{text-align:left;font-size:10.5px;letter-spacing:.08em;padding:10px 12px;color:var(--c-fg);background:transparent;border:1px solid var(--c-line);border-radius:4px}.scn-list button small{display:block;color:var(--c-muted);font-size:9px;letter-spacing:.12em;margin-top:3px}.scn-list button.on,.scn-list button:hover{border-color:#12b389;background:#12b38914}@media(max-width:760px){.panel{inset:auto 10px 68px;width:auto;max-height:46%;padding:12px 14px}.panel.compact{max-height:150px;overflow:hidden}.panel h2{font-size:15px}.panel .row button{min-height:40px;padding:0 14px}.zonebar{bottom:12px;left:10px;right:10px;transform:none;max-width:none;gap:6px;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;scrollbar-width:none;padding-bottom:2px}.zonebar::-webkit-scrollbar{display:none}.zonebar button{min-height:40px;min-width:52px;font-size:9.5px;flex:0 0 auto}.rail{flex-direction:row;left:10px;right:10px;top:10px;gap:4px;flex-wrap:wrap}.rail span{font-size:8.5px;padding:5px 8px}.chip{top:88px;right:10px;font-size:9px}.vals{bottom:132px;left:10px;padding:6px 10px;gap:12px}.vals .n{font-size:16px}.log{bottom:10px;left:10px;right:10px;font-size:9.5px}.cta-exp{bottom:82px;right:10px;left:10px;text-align:center;font-size:10px;padding:11px 10px}.tabs button{padding:9px 10px;font-size:9px;min-height:40px}}@media(max-width:390px){.panel{max-height:44%}.hdr{padding:0 10px}.hdr .wm{font-size:14px}.badge{display:none}}