:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0909;--bg-deep:#080707;--surface:#100c0c;--surface-2:#161111;--border:#6a222b;--border-strong:#9a2c38;--text:#f7ece8;--muted:#c9a8a1;--accent:#ff2b2b;--accent-ink:#1a0506;--danger:#ffd2d2;--danger-bg:#3a1216;--key:#ffb0a2;--string:#f3d7a1;--number:#ffc7b8;--bool:#ff5a5a;--null:#e4b2aa;--font:"Segoe UI", "Helvetica Neue", system-ui, sans-serif;--display:Oxygen, "Segoe UI", "Helvetica Neue", system-ui, sans-serif;--mono:ui-monospace, "Cascadia Mono", "SFMono-Regular", Menlo, Consolas, monospace}@font-face{font-family:Oxygen;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/oxygen-700-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Oxygen;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/oxygen-700-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box;border-radius:0!important}html,body{height:100%;margin:0}body{background:var(--bg);height:100dvh;color:var(--text);font-family:var(--font);flex-direction:column;font-size:15px;line-height:1.45;display:flex;overflow:hidden}button,textarea,input{font:inherit;border-radius:0}::selection{background:var(--accent);color:#fff8f6}.topbar{background:var(--bg-deep);border-bottom:3px solid #7a746f;grid-template-columns:1fr auto 1fr;align-items:center;gap:.8rem 1.25rem;padding:1.15rem 1.85rem 1.3rem;display:grid;position:relative}.topbar:after{content:"";width:var(--brand-line,0px);background:var(--accent);pointer-events:none;height:3px;position:absolute;bottom:-3px;left:0}h1,h2,button.primary{font-family:var(--display);font-weight:700}h1{letter-spacing:-.03em;margin:0;font-size:1.45rem;line-height:1.1}.topbar-side{justify-self:end;align-items:center;display:flex}.lang{display:flex}.lang button{padding:.35rem .7rem;font-size:.8rem}.lang button+button{margin-left:-1px}.lang button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:700}.tool-bar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:center;align-items:center;min-height:2.7rem;padding:.85rem 1.85rem;display:flex}.resumo{max-width:46rem;color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:.5rem;margin:0;font-size:.8rem;line-height:1.4;display:flex}.cadeado{width:1.35em;height:1.35em;color:var(--accent);flex:none}.menu{flex-wrap:wrap;justify-content:center;justify-self:center;align-items:center;gap:.1rem .15rem;display:flex}.menu a{color:#8d6e68;font-family:var(--display);padding:.15rem .7rem .7rem;font-size:.95rem;font-weight:700;line-height:1.2;text-decoration:none;position:relative}.menu a:hover{color:var(--text)}.menu a:focus-visible{outline:2px solid var(--accent);outline-offset:0}.menu a:after{content:"•";color:#0000;font-size:.85rem;line-height:.6;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.menu a[aria-current=page]{color:var(--text)}.menu a[aria-current=page]:after{color:var(--accent)}.workspace{flex:1;grid-template:"input output"minmax(0,1fr)"actions actions"/1fr 1fr;min-height:0;display:grid}.pane-input{grid-area:input}.pane-output{grid-area:output}.pane{background:var(--surface);flex-direction:column;min-width:0;min-height:0;display:flex}.pane-input{border-right:1px solid var(--border)}.pane-output{background:var(--bg-deep)}.pane-head{background:var(--surface-2);border-bottom:1px solid var(--border);align-items:center;min-height:2.55rem;padding:0 1.75rem;display:flex}.pane-head h2{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;margin:0;font-size:.75rem}textarea{resize:none;width:100%;min-height:0;color:var(--text);font-family:var(--mono);background:0 0;border:0;flex:1;margin:0;padding:1.35rem 1.75rem;font-size:.92rem;line-height:1.55}textarea::placeholder{color:#8d6e68}textarea:focus{outline:2px solid var(--accent);outline-offset:-2px}.resultado{scrollbar-color:var(--border-strong) var(--bg-deep);flex:1;min-height:0;padding:1.35rem 1.75rem;overflow:auto}.empty{max-width:36rem;color:var(--muted);margin:0}.erro{border:1px solid var(--accent);background:var(--danger-bg);padding:.8rem .9rem}.erro-titulo{color:var(--accent);font-family:var(--display);margin:0 0 .4rem;font-weight:700}.erro-msg{color:var(--danger);font-family:var(--mono);white-space:pre-wrap;margin:0;font-size:.88rem;line-height:1.5}.codigo{font-family:var(--mono);white-space:pre;margin:0;font-size:.92rem;line-height:1.55}.tok-key{color:var(--key)}.tok-string{color:var(--string)}.tok-number{color:var(--number)}.tok-bool{color:var(--bool)}.tok-null{color:var(--null);font-style:italic}.actions{background:var(--bg-deep);border-top:1px solid var(--border);flex-wrap:wrap;grid-area:actions;align-items:center;gap:.5rem;padding:1rem 1.75rem;display:flex}.tool-actions{flex-wrap:wrap;gap:.5rem;display:flex}button{appearance:none;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);cursor:pointer;margin:0;padding:.5rem .9rem}button:hover:not(:disabled){border-color:var(--accent)}button:focus-visible{outline:2px solid var(--accent);outline-offset:0}button:disabled{opacity:.4;cursor:not-allowed}button.primary{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:700}button.primary:hover:not(:disabled){background:#ff4d4d;border-color:#ff4d4d}.status{min-height:1.2em;color:var(--muted);margin:0;font-size:.85rem}.meta{color:#7a5e58;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem;max-width:100%;margin:0 0 0 auto;font-size:.65rem;line-height:1.35;display:flex}.meta #rodape,.bolinha,.versao{font-size:inherit;line-height:inherit}.bolinha{flex:none}.versao{color:inherit;font-family:var(--mono);letter-spacing:.04em;flex-shrink:0;margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=800px){body{height:auto;min-height:100dvh;overflow:auto}.topbar{grid-template-columns:1fr auto;gap:.7rem 1rem}.menu{grid-area:2/1/auto/-1}.workspace{grid-template:"input""actions""output"/1fr}.pane-input{border-right:0;border-bottom:1px solid var(--border)}textarea{flex:none;height:16rem;min-height:16rem}.resultado{min-height:16rem}.actions{z-index:2;position:sticky;bottom:0}}