:root{--bg-outer: #050807;--bg-window: #0b100d;--bg-panel: #0e1511;--bg-deep: #080d0a;--border: #1c2a21;--border-soft: #15201a;--text: #cfe8d8;--text-dim: #6f8a7a;--neon: #2dd476;--neon-dim: rgba(45, 212, 118, .35);--neon-faint: rgba(45, 212, 118, .12);--gold: #c9a227;--critical: #d04545;--str: #d8c97a;--numv: #7ab3d8;--r: 10px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg-outer);color:var(--text);font-family:JetBrains Mono,ui-monospace,monospace;overflow:hidden;overscroll-behavior:none}body{position:fixed;inset:0}#canvas{touch-action:none}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:400;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/><feColorMatrix values='0 0 0 0 0.18 0 0 0 0 0.83 0 0 0 0 0.46 0 0 0 0.5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");opacity:.04;mix-blend-mode:overlay}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:399;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(0,0,0,.04) 3px,rgba(0,0,0,.04) 4px)}.neon{color:var(--neon)}@keyframes ns-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.app-window{position:absolute;inset:10px;display:flex;flex-direction:column;background:var(--bg-window);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 0 60px #2dd4760d,0 24px 60px #0009;animation:ns-fade-up .45s ease both}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:44px;padding:0 10px;border-bottom:1px solid var(--border-soft);background:var(--bg-panel);flex:none;animation:ns-fade-up .45s ease .05s both}.tb-left,.tb-right{display:flex;align-items:center;gap:8px;min-width:150px}.tb-right{justify-content:flex-end}.tb-icon{width:28px;height:28px;border-radius:7px;background:transparent;border:1px solid transparent;color:var(--text-dim);font-family:inherit;font-size:13px;cursor:pointer;transition:all .18s}.tb-icon:hover{color:var(--text);border-color:var(--border)}.tb-logo{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--text)}.tb-logo .tb-dot{color:var(--gold);padding:0 3px}.tb-search{flex:1;max-width:440px;height:30px;display:flex;align-items:center;gap:8px;padding:0 10px;background:var(--bg-deep);border:1px solid var(--border);border-radius:999px;transition:border-color .18s,box-shadow .18s}.tb-search:focus-within{border-color:var(--neon-dim);box-shadow:0 0 0 2px var(--neon-faint)}.tb-search-ico{color:var(--text-dim);font-size:13px}.tb-search input{flex:1;background:none;border:none;outline:none;color:var(--text);font-family:inherit;font-size:11px}.tb-search input::placeholder{color:var(--text-dim)}.tb-search kbd{font-family:inherit;font-size:9px;color:var(--text-dim);border:1px solid var(--border);border-radius:4px;padding:1px 5px}.workspace{flex:1;display:flex;min-height:0}.rail{width:52px;flex:none;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 0;border-right:1px solid var(--border-soft);background:var(--bg-panel);animation:ns-fade-up .45s ease .1s both}.rail-btn{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:var(--text-dim);font-family:inherit;font-size:15px;cursor:pointer;transition:all .18s}.rail-btn:hover{color:var(--text);border-color:var(--border);background:var(--bg-deep)}.rail-btn.active{color:var(--neon);border-color:var(--neon);background:var(--neon-faint);box-shadow:0 0 12px var(--neon-dim),inset 0 0 8px var(--neon-faint)}.rail-spacer{flex:1}.rail-brand{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--text-dim);writing-mode:vertical-rl;padding-bottom:6px}.rail-brand span{color:var(--gold)}.main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.taskline{flex:none;display:flex;align-items:center;gap:9px;padding:9px 16px;font-size:11px;color:var(--text-dim);border-bottom:1px solid var(--border-soft);animation:ns-fade-up .45s ease .15s both}.task-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taskline.busy .task-text{color:var(--text)}.taskline.done .task-text{color:var(--neon)}.task-spinner{width:12px;height:12px;flex:none;border-radius:50%;border:2px solid var(--neon-faint);border-top-color:var(--neon);animation:spin .7s linear infinite}.doc{flex:1;position:relative;min-height:0;margin:10px;border:1px solid var(--border-soft);border-radius:var(--r);overflow:hidden;background:var(--bg-deep);animation:ns-fade-up .45s ease .2s both}.doc canvas{display:block;width:100%;height:100%;cursor:crosshair}.doc-error{position:absolute;inset:0;z-index:30;display:none;align-items:center;justify-content:center;padding:24px;background:var(--bg-deep)}.doc-error.show{display:flex}.doc-error .panel{border:1px solid var(--border);border-radius:var(--r);padding:26px 30px;max-width:640px;background:var(--bg-panel)}.doc-error h1{color:var(--critical);font-size:12px;font-weight:700;letter-spacing:.2em;margin-bottom:14px;text-transform:uppercase}.doc-error p{color:var(--text);font-size:11px;line-height:1.7;white-space:pre-wrap}.hud{position:absolute;pointer-events:none;z-index:10;font-size:10px;line-height:1.45;letter-spacing:.05em;text-transform:uppercase}.hud .label{color:var(--text-dim)}.hud .value{color:var(--neon);font-weight:500}.hud-info{top:14px;left:14px;max-width:340px}.hud-info .scene-name{color:var(--neon);font-weight:700;font-size:11px;margin-bottom:6px}.hud-info .desc{color:var(--text);font-size:10px;text-transform:none;letter-spacing:0;line-height:1.5;opacity:.7}.hud-stats{top:14px;right:14px;text-align:right;min-width:200px;background:#080d0ab3;border:1px solid var(--border-soft);border-radius:8px;padding:10px 12px;backdrop-filter:blur(6px)}.hud-stats .row{display:flex;justify-content:space-between;gap:16px;padding:2px 0}.hud-stats .divider,.hud-pitch .divider{height:1px;background:var(--border);margin:7px 0}.hud-controls{bottom:14px;left:14px}.hud-controls .key{display:inline-block;border:1px solid var(--border);border-radius:4px;padding:1px 6px;margin-right:4px;color:var(--neon);font-size:9px}.hud-controls .row{padding:3px 0;color:var(--text-dim)}.audio-status.active{color:var(--neon)!important}.hud-pitch{display:none;top:14px;right:14px;text-align:right;min-width:230px;background:#080d0ad9;border:1px solid var(--neon-dim);border-radius:8px;padding:12px 14px;z-index:12}.hud-pitch .row{display:flex;justify-content:space-between;gap:16px;padding:2px 0}body.pitch .hud-pitch{display:block}body.pitch .hud-stats{display:none!important}.crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;z-index:15;pointer-events:none;opacity:0;transition:opacity .2s}.crosshair.active{opacity:.5}.crosshair:before,.crosshair:after{content:"";position:absolute;background:var(--neon)}.crosshair:before{top:50%;left:0;right:0;height:1px;transform:translateY(-50%)}.crosshair:after{top:0;bottom:0;left:50%;width:1px;transform:translate(-50%)}.click-prompt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;text-align:center;pointer-events:none;transition:opacity .3s;text-transform:uppercase;letter-spacing:.2em}.click-prompt.hidden{opacity:0}.click-prompt .box{border:1px solid var(--neon-dim);border-radius:var(--r);padding:16px 26px;background:#080d0abf;backdrop-filter:blur(4px)}.click-prompt .main{font-size:12px;color:var(--neon);font-weight:500;margin-bottom:6px}.click-prompt .sub{font-size:9px;color:var(--text-dim);letter-spacing:.1em}body:not([data-view=explorar]) .explore-ui{display:none!important}.view-pane{position:absolute;inset:0;z-index:25;display:none;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:28px 24px;background:var(--bg-deep)}body[data-view=porque] .pane-porque,body[data-view=ajustes] .pane-ajustes{display:block}body[data-view=porque] .doc-error,body[data-view=ajustes] .doc-error{display:none}.pane-title{font-size:12px;font-weight:700;color:var(--neon);letter-spacing:.2em;text-transform:uppercase;margin-bottom:24px}.porque-inner{max-width:720px;margin:0 auto;animation:ns-fade-up .35s ease both}.big-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}.big-num{border:1px solid var(--border);border-radius:var(--r);background:var(--bg-panel);padding:20px 14px;text-align:center}.big-num .num{font-size:clamp(26px,4.5vw,40px);font-weight:700;color:var(--neon);margin-bottom:8px}.big-num .cap{font-size:10px;color:var(--text-dim);line-height:1.6}.bench-table{width:100%;border-collapse:collapse;font-size:11px;margin-bottom:28px}.bench-table th,.bench-table td{border:1px solid var(--border);padding:10px 12px;text-align:left}.bench-table th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;font-size:9px}.bench-table td{color:var(--text)}.porque-qr{display:flex;align-items:center;gap:20px;margin-bottom:24px;flex-wrap:wrap}.porque-qr img{image-rendering:pixelated;background:#f5f1e8;border:1px solid var(--border);border-radius:8px}.porque-qr-cap{font-size:11px;color:var(--text);line-height:1.8;text-transform:uppercase;letter-spacing:.1em}.porque-contact{font-size:10px;color:var(--text-dim);letter-spacing:.1em;border-top:1px solid var(--border-soft);padding-top:14px}.ajustes-inner{max-width:480px;margin:0 auto;animation:ns-fade-up .35s ease both}.ajustes-sub{font-size:11px;color:var(--text-dim);line-height:1.7;margin-bottom:22px}.settings-form label{display:block;margin-bottom:16px}.settings-form label span{display:block;font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.settings-form input{width:100%;height:38px;padding:0 12px;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:12px;transition:border-color .18s,box-shadow .18s}.settings-form input:focus{outline:none;border-color:var(--neon-dim);box-shadow:0 0 0 2px var(--neon-faint)}.quality-row{display:block;margin-bottom:16px}.quality-row span{display:block;font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.quality-row select{width:100%;height:38px;padding:0 10px;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:12px}.quality-row select:focus{outline:none;border-color:var(--neon-dim)}.settings-actions{display:flex;gap:10px;margin-top:6px}.btn-neon{background:var(--neon);color:#04130a;border:none;border-radius:8px;padding:9px 22px;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:transform .15s,box-shadow .15s}.btn-neon:hover{transform:translateY(-1px);box-shadow:0 4px 18px var(--neon-dim)}.btn-ghost{background:transparent;color:var(--text-dim);border:1px solid var(--border);border-radius:8px;padding:9px 18px;font-family:inherit;font-size:11px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .18s}.btn-ghost:hover{color:var(--text);border-color:var(--text-dim)}.settings-status{margin-top:14px;font-size:11px;color:var(--neon);min-height:16px}.composer-zone{flex:none;padding:0 10px 8px;animation:ns-fade-up .45s ease .25s both}.chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 2px 10px}.chips button{background:var(--bg-panel);border:1px solid var(--border);border-radius:999px;color:var(--text);padding:7px 14px;font-family:inherit;font-size:10px;letter-spacing:.05em;cursor:pointer;transition:all .18s;touch-action:manipulation}.chips button:hover{transform:translateY(-1px);border-color:var(--neon-dim);color:var(--neon)}.chips button.filtered-out{display:none}.composer{display:flex;align-items:center;gap:8px;padding:8px;background:var(--bg-panel);border:1px solid var(--neon-faint);border-radius:14px;transition:border-color .2s,box-shadow .2s}.composer:focus-within{border-color:var(--neon-dim);box-shadow:0 0 0 3px var(--neon-faint),0 0 24px var(--neon-faint)}.comp-plus{width:34px;height:34px;flex:none;border-radius:9px;background:transparent;border:1px solid var(--border);color:var(--text-dim);font-family:inherit;font-size:16px;cursor:pointer;transition:all .18s}.comp-plus:hover,.comp-plus.open{color:var(--neon);border-color:var(--neon-dim)}.composer input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--text);font-family:inherit;font-size:12px}.composer input::placeholder{color:var(--text-dim)}.comp-send{width:34px;height:34px;flex:none;border-radius:9px;background:var(--neon);border:none;color:#04130a;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s}.comp-send:hover{transform:translateY(-1px);box-shadow:0 0 16px var(--neon-dim)}.comp-send:disabled{opacity:.45;cursor:wait;transform:none;box-shadow:none}.statusbar{display:flex;align-items:center;gap:8px;padding:7px 6px 0;font-size:9px;color:var(--text-dim);letter-spacing:.06em}.sb-sep{opacity:.5}#llmStatus.connected{color:var(--neon)}.sb-fps{color:var(--neon);min-width:110px}.sb-install{background:transparent;border:1px solid var(--neon-dim);border-radius:6px;color:var(--neon);padding:2px 8px;font-family:inherit;font-size:9px;letter-spacing:.06em;cursor:pointer;transition:background .18s}.sb-install:hover{background:var(--neon-faint)}body:not([data-view=crear]) .composer-zone .composer,body:not([data-view=crear]) .composer-zone .chips{display:none}.sidepanel{width:320px;flex:none;min-height:0;display:flex;flex-direction:column;gap:14px;padding:12px 12px 12px 2px;overflow-y:auto;border-left:1px solid var(--border-soft);background:var(--bg-panel);transition:margin-right .28s ease,opacity .2s ease;animation:ns-fade-up .45s ease .3s both}.sidepanel.collapsed{margin-right:-320px;opacity:0;pointer-events:none}.sp-section{padding-left:10px}.sp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sp-title{font-size:10px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.15em}.sp-count{font-size:9px;color:var(--text-dim);border:1px solid var(--border);border-radius:999px;padding:1px 7px}.file-card{border:1px solid var(--border);border-radius:var(--r);overflow:hidden;background:var(--bg-deep)}.file-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-bottom:1px solid var(--border-soft);background:var(--bg-window)}.file-name{font-size:10px;color:var(--text);letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.file-actions{display:flex;gap:5px;align-items:center;flex:none}.file-copy,.file-edit{flex:none;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-dim);padding:3px 10px;font-family:inherit;font-size:9px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .18s}.file-copy:hover,.file-edit:hover{color:var(--neon);border-color:var(--neon-dim)}.file-edit.active{color:var(--neon);border-color:var(--neon-dim);background:var(--neon-faint)}.code{max-height:42vh;overflow:auto;font-size:10px;line-height:1.6;padding:8px 0;white-space:pre}.code-empty{padding:14px 12px;color:var(--text-dim);white-space:normal;font-size:10px;line-height:1.6}.code-line{display:flex}.code-line .ln{flex:none;width:34px;padding-right:10px;text-align:right;color:#3a4f43;user-select:none}.code-line .lc{flex:1;padding-right:12px}.tok-key{color:var(--neon)}.tok-str{color:var(--str)}.tok-num{color:var(--numv)}.tok-comment{color:#4a6354}.recipe-textarea{display:block;width:100%;max-height:42vh;min-height:80px;background:transparent;border:none;outline:none;resize:none;color:var(--text);caret-color:var(--neon);font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;line-height:1.6;padding:8px 12px;overflow:auto;white-space:pre;transition:background .15s}.recipe-textarea:focus{background:#2dd47608}.edit-hint{margin-top:6px;font-size:9px;color:var(--neon);opacity:.7;line-height:1.5;letter-spacing:.03em}.recipe-weight{margin-top:8px;font-size:10px;color:var(--neon);line-height:1.6}.render-note{margin-top:4px;font-size:10px;color:var(--text-dim);line-height:1.6}.sp-receta[data-empty=true] .recipe-weight{display:none}.tree{display:flex;flex-direction:column;gap:2px}.tree button{display:flex;align-items:center;gap:8px;text-align:left;background:transparent;border:1px solid transparent;border-radius:7px;color:var(--text-dim);padding:6px 8px;font-family:inherit;font-size:11px;cursor:pointer;transition:all .15s;touch-action:manipulation}.tree button:hover{color:var(--text);background:var(--bg-deep)}.tree button.active{color:var(--neon);background:var(--neon-faint);border-color:var(--neon-faint)}.tree button .num{flex:none;width:16px;opacity:.5;font-size:9px}.tree button.filtered-out{display:none}.entry-screen{position:fixed;inset:0;z-index:300;background:#050807b8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;transition:opacity .5s,visibility .5s}.entry-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.entry-brand{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:34px;animation:ns-fade-up .5s ease .1s both}.entry-line{font-size:clamp(20px,4.6vw,40px);font-weight:300;color:var(--text);line-height:1.55;letter-spacing:.02em;animation:ns-fade-up .5s ease both}.entry-line:nth-of-type(1){animation-delay:.2s}.entry-line:nth-of-type(2){animation-delay:.35s}.entry-line:nth-of-type(3){animation-delay:.5s}.entry-line .neon{font-weight:700}.entry-btn{margin-top:42px;padding:14px 42px;min-height:48px;background:var(--neon);color:#04130a;border:none;border-radius:12px;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:transform .15s,box-shadow .15s;animation:ns-fade-up .5s ease .7s both}.entry-btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px var(--neon-dim)}@media (max-width: 760px){.app-window{inset:0;border-radius:0;border:none}.tb-left{min-width:0}.tb-left .tb-logo{display:none}.tb-right{min-width:0}.tb-search kbd{display:none}.workspace{flex-direction:column}.rail{order:3;width:100%;height:54px;flex-direction:row;justify-content:space-around;padding:0 8px;border-right:none;border-top:1px solid var(--border-soft)}.rail-spacer,.rail-brand{display:none}.main{order:1}.doc{margin:8px}.hud-info,.hud-controls{display:none!important}.hud-stats{min-width:0;font-size:9px}.hud-pitch{right:8px}.sidepanel{order:2;width:100%;max-height:38vh;border-left:none;border-top:1px solid var(--border-soft);padding:10px 12px;flex-direction:column;transition:max-height .28s ease,padding .28s ease,opacity .2s}.sidepanel.collapsed{margin-right:0;max-height:0;padding-top:0;padding-bottom:0;opacity:0;overflow:hidden}.sp-section{padding-left:0}.code{max-height:22vh}.big-numbers{grid-template-columns:1fr}.view-pane{padding:20px 14px}}