@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap";.nue-playground{--nue-bg-a: #f7fbff;--nue-bg-b: #eaf2fb;--nue-panel: rgba(255, 255, 255, .84);--nue-border: rgba(26, 54, 82, .16);--nue-text: #13314b;--nue-text-soft: #4f667b;--nue-accent: #3e66d5;--nue-accent-2: #177b9b;--nue-danger: #d45b65;--nue-diagnostic: #9a6a0a;--nue-success: #2f936a;--nue-shell-bg: linear-gradient(180deg, var(--nue-bg-a), var(--nue-bg-b));--nue-shell-shadow: none;--nue-shell-ring: 0 0 0 1px rgba(19, 49, 75, .08) inset;--nue-panel-shadow: none;--nue-control-border: rgba(26, 54, 82, .2);--nue-control-bg: rgba(255, 255, 255, .9);--nue-editor-shell-border: rgba(26, 54, 82, .18);--nue-editor-bg: rgba(246, 250, 255, .96);--nue-editor-gutter-bg: rgba(234, 242, 251, .95);--nue-editor-gutter-border: rgba(26, 54, 82, .14);--nue-editor-fallback-ink: #13314b;--nue-focus-outline: rgba(35, 137, 200, .36);--nue-ghost-bg: rgba(245, 250, 255, .92);--nue-ghost-border: rgba(26, 54, 82, .24);--nue-muted-badge-ink: #4f667b;--nue-muted-badge-bg: rgba(79, 102, 123, .18);--nue-danger-bg: rgba(212, 91, 101, .14);--nue-output-border: rgba(26, 54, 82, .18);--nue-output-bg: rgba(248, 252, 255, .93);--nue-output-height: 220px;--nue-diag-border: rgba(26, 54, 82, .18);--nue-diag-bg: rgba(246, 251, 255, .92);--nue-code-bg: rgba(62, 102, 213, .16);color-scheme:light;color:var(--nue-text);border-radius:22px;border:1px solid var(--nue-border);background:var(--nue-shell-bg);padding:clamp(1rem,3vw,1.4rem);font-family:Manrope,Avenir Next,Segoe UI,sans-serif;box-shadow:var(--nue-shell-shadow),var(--nue-shell-ring)}.nue-playground__header h2{margin:0;font-size:clamp(1.2rem,3vw,1.7rem)}.nue-playground__header p{margin:.4rem 0 1rem;color:var(--nue-text-soft)}.nue-playground__layout{display:grid;gap:.9rem;grid-template-columns:minmax(400px,1.32fr) minmax(0,.68fr)}.nue-playground__panel{border-radius:16px;border:1px solid var(--nue-border);background:var(--nue-panel);backdrop-filter:blur(6px);padding:.9rem;box-shadow:var(--nue-panel-shadow)}.nue-playground__panel--result{display:grid;align-content:start;gap:1.08rem}.nue-playground__field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.72rem;font-size:.86rem;color:var(--nue-text-soft)}.nue-playground select,.nue-playground input{border-radius:11px;border:1px solid var(--nue-control-border);background:var(--nue-control-bg);color:var(--nue-text);padding:.5rem .58rem;font:inherit}.nue-playground__editor-shell{border-radius:11px;border:1px solid var(--nue-editor-shell-border);background:var(--nue-editor-bg);overflow:hidden}.nue-playground__editor-shell .cm-editor{min-height:320px;background:var(--nue-editor-bg)}.nue-playground__editor-shell .cm-gutters{background:var(--nue-editor-gutter-bg);border-right:1px solid var(--nue-editor-gutter-border)}.nue-playground__editor-shell .cm-scroller{min-height:320px;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.9rem;line-height:1.48;overflow-x:hidden}.nue-playground__editor-fallback{width:100%;min-height:320px;resize:vertical;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.9rem;line-height:1.48;background:var(--nue-editor-bg);color:var(--nue-editor-fallback-ink);border:none;border-radius:0;padding:.72rem .78rem}.nue-playground__editor-fallback:focus,.nue-playground__editor-shell .cm-editor.cm-focused,.nue-playground input:focus,.nue-playground select:focus,.nue-playground button:focus{outline:2px solid var(--nue-focus-outline);outline-offset:1px}.nue-playground__limits{display:grid;gap:.62rem;grid-template-columns:repeat(2,minmax(0,1fr))}.nue-playground__buttons{margin-top:.6rem;display:flex;gap:.58rem;flex-wrap:wrap}.nue-playground button{border:none;border-radius:999px;padding:.56rem .94rem;font-weight:700;cursor:pointer;color:#fff;background:linear-gradient(112deg,var(--nue-accent),var(--nue-accent-2))}.nue-playground button.ghost{color:var(--nue-text);background:var(--nue-ghost-bg);border:1px solid var(--nue-ghost-border)}.nue-playground button:disabled{opacity:.62;cursor:not-allowed}.nue-playground__status-row{display:flex;justify-content:space-between;align-items:center;gap:.55rem}.nue-playground__badge{border-radius:999px;padding:.24rem .58rem;font-size:.73rem;text-transform:uppercase;font-weight:800;letter-spacing:.06em}.nue-playground__badge.initializing,.nue-playground__badge.ready{color:var(--nue-muted-badge-ink);background:var(--nue-muted-badge-bg)}.nue-playground__badge.running,.nue-playground__badge.formatting{color:#fff;background:linear-gradient(112deg,var(--nue-accent),var(--nue-accent-2))}.nue-playground__badge.error{color:var(--nue-danger);background:var(--nue-danger-bg)}.nue-playground__message{margin:.45rem 0 0;color:var(--nue-text-soft)}.nue-playground__options{margin:0}.nue-playground__options strong,.nue-playground__output strong{display:block;margin-bottom:.35rem;color:var(--nue-text-soft)}.nue-playground__output pre{margin:0;height:var(--nue-output-height);min-height:var(--nue-output-height);max-height:var(--nue-output-height);overflow-y:auto;overflow-x:hidden;white-space:pre-wrap;border-radius:10px;border:1px solid var(--nue-output-border);background:var(--nue-output-bg);padding:.62rem;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.84rem}.nue-playground__event-line{display:block;white-space:pre-wrap;word-break:break-word}.nue-playground__event-line+.nue-playground__event-line{margin-top:.42rem}.nue-playground__event-line.stdout{color:var(--nue-text)}.nue-playground__event-line.stderr{color:var(--nue-danger)}.nue-playground__event-line.diagnostic{color:var(--nue-diagnostic)}.nue-playground__event-line.system{color:var(--nue-text-soft)}.nue-playground__event-tag{color:currentColor;opacity:.78;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-right:.45rem}.nue-playground__diag-list{margin-top:.75rem;display:grid;gap:.58rem}.nue-playground__diag{border-radius:10px;border:1px solid var(--nue-diag-border);background:var(--nue-diag-bg);padding:.56rem}.nue-playground__diag-head{display:flex;align-items:center;gap:.45rem;margin-bottom:.38rem;text-transform:uppercase;font-size:.74rem;font-weight:800}.nue-playground__diag.error .nue-playground__diag-head{color:var(--nue-danger)}.nue-playground__diag.warning .nue-playground__diag-head{color:var(--nue-success)}.nue-playground__diag p{margin:0}.nue-playground__diag small{display:block;margin-top:.36rem;color:var(--nue-text-soft)}.nue-playground__diag code{font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.72rem;background:var(--nue-code-bg);border-radius:6px;padding:.09rem .3rem}.nue-playground__empty{margin:0;color:var(--nue-text-soft)}@media(prefers-color-scheme:dark){.nue-playground{--nue-bg-a: #131821;--nue-bg-b: #1b2430;--nue-panel: rgba(26, 33, 44, .82);--nue-border: rgba(224, 231, 239, .22);--nue-text: #e6ebf2;--nue-text-soft: #9aa8b8;--nue-danger: #f07b7b;--nue-diagnostic: #f2c66d;--nue-success: #67d7a3;--nue-shell-bg: radial-gradient(circle at 18% -22%, rgba(63, 102, 213, .28), transparent 52%), radial-gradient(circle at 88% 112%, rgba(23, 123, 155, .22), transparent 50%), linear-gradient(155deg, var(--nue-bg-a), var(--nue-bg-b));--nue-shell-shadow: none;--nue-shell-ring: 0 0 0 1px rgba(230, 235, 242, .08) inset;--nue-panel-shadow: none;--nue-control-border: rgba(230, 235, 242, .16);--nue-control-bg: rgba(17, 24, 33, .9);--nue-editor-shell-border: rgba(230, 235, 242, .14);--nue-editor-bg: rgba(9, 13, 18, .97);--nue-editor-gutter-bg: rgba(14, 18, 24, .95);--nue-editor-gutter-border: rgba(230, 235, 242, .11);--nue-editor-fallback-ink: #e6ebf2;--nue-focus-outline: rgba(14, 143, 111, .34);--nue-ghost-bg: rgba(17, 22, 29, .9);--nue-ghost-border: rgba(230, 235, 242, .2);--nue-muted-badge-ink: #cad4df;--nue-muted-badge-bg: rgba(154, 168, 184, .2);--nue-danger-bg: rgba(240, 123, 123, .15);--nue-output-border: rgba(230, 235, 242, .18);--nue-output-bg: rgba(15, 21, 30, .9);--nue-diag-border: rgba(230, 235, 242, .18);--nue-diag-bg: rgba(16, 22, 31, .88);--nue-code-bg: rgba(62, 102, 213, .2);color-scheme:dark}}@media(max-width:1020px){.nue-playground__layout{grid-template-columns:1fr}}@media(max-width:640px){.nue-playground{--nue-output-height: 180px}.nue-playground__limits{grid-template-columns:1fr}}