@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-cyrillic-ext-wght-normal-d45eAU9y.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-cyrillic-wght-normal-BAAhND-U.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-greek-wght-normal-CmyJS8uq.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-vietnamese-wght-normal-Dg1JeJN0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-latin-ext-wght-normal-CIII54If.woff2)format("woff2-variations");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-latin-wght-normal-IvpUvPa2.woff2)format("woff2-variations");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}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2)format("woff2-variations");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");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}.kokaine-preview-root{--preview-border:#d8dae2;--preview-panel:#fff;--preview-quiet:#6b6e78;--preview-stage:#eceef3;--preview-ink:#252730;--preview-accent:#6056c9;min-width:0;height:100%;min-height:0;color:var(--preview-ink);background:var(--preview-panel);flex-direction:column;flex:auto;font-family:IBM Plex Sans Variable,IBM Plex Sans,ui-sans-serif,system-ui,sans-serif;display:flex;overflow:hidden}.kokaine-preview-root.is-dark{--preview-border:#363841;--preview-panel:#191a1f;--preview-quiet:#9b9ea8;--preview-stage:#121318;--preview-ink:#e7e8ed;--preview-accent:#9c94ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.kokaine-preview-toolbar{border-bottom:1px solid var(--preview-border);background:var(--preview-panel);flex:none;align-items:center;gap:10px;min-height:34px;padding:4px 8px;font-size:.75rem;display:flex}.kokaine-preview-toolbar label{color:var(--preview-quiet);align-items:center;gap:7px;display:flex}.kokaine-preview-toolbar select{border:1px solid var(--preview-border);max-width:156px;height:25px;color:var(--preview-ink);background:var(--preview-panel);font:inherit;border-radius:4px;padding:0 24px 0 7px}.kokaine-preview-toolbar select:focus-visible,.kokaine-preview-toolbar button:focus-visible,.kokaine-drag-resizer:focus-visible{outline:2px solid var(--preview-accent);outline-offset:-2px}.kokaine-preview-toolbar__sandbox{color:var(--preview-quiet);letter-spacing:.025em;margin-left:auto}.kokaine-preview-toolbar__sandbox:before{content:"";vertical-align:1px;background:#2f9c65;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.kokaine-preview-toolbar__reload{height:25px;color:var(--preview-ink);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:5px;padding:0 7px;display:inline-flex}.kokaine-preview-toolbar__reload:hover{border-color:var(--preview-border);background:color-mix(in srgb, var(--preview-panel), var(--preview-ink) 5%)}.kokaine-preview-toolbar__reload svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.kokaine-preview-stage{background-color:var(--preview-stage);background-image:radial-gradient(color-mix(in srgb, var(--preview-quiet), transparent 74%) .55px, transparent .55px);background-size:8px 8px;flex:auto;justify-content:center;align-items:stretch;min-height:100px;padding:14px;display:flex;overflow:auto}.kokaine-preview-device{border:1px solid color-mix(in srgb, var(--preview-border), #000 8%);background:#fff;border-radius:5px;flex:none;min-width:240px;max-width:none;height:100%;min-height:100%;overflow:hidden;box-shadow:0 3px 16px #14161e1a}.kokaine-preview-device.is-responsive{flex:auto;min-width:100%}.kokaine-preview-frame,.kokaine-devtools-frame{border:0;width:100%;height:100%;display:block}.kokaine-drag-resizer{z-index:2;touch-action:none;background:var(--preview-panel);flex:none;place-items:center;display:grid;position:relative}.kokaine-drag-resizer--horizontal{border-top:1px solid var(--preview-border);border-bottom:1px solid var(--preview-border);cursor:row-resize;width:100%;height:7px}.kokaine-drag-resizer--vertical{border-right:1px solid var(--preview-border);border-left:1px solid var(--preview-border);cursor:col-resize;width:7px;height:100%}.kokaine-drag-resizer span{background:var(--preview-quiet);opacity:.42;border-radius:2px;transition:opacity .12s,transform .12s;display:block}.kokaine-drag-resizer--horizontal span{width:28px;height:2px}.kokaine-drag-resizer--vertical span{width:2px;height:28px}.kokaine-drag-resizer:hover span,.kokaine-drag-resizer:focus-visible span,.kokaine-drag-resizer[data-dragging=true] span{background:var(--preview-accent);opacity:1;transform:scaleX(1.12)}.kokaine-devtools-pane{background:var(--preview-panel);flex:none;min-height:150px;max-height:70%;overflow:hidden}.kokaine-preview-root [hidden]{display:none!important}@media (max-width:560px){.kokaine-preview-toolbar>label>span,.kokaine-preview-toolbar__sandbox{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.kokaine-preview-stage{padding:8px}}@media (prefers-reduced-motion:reduce){.kokaine-drag-resizer span{transition:none}}:root{font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:IBM Plex Sans Variable,IBM Plex Sans,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.app-shell{--shell:#171a1f;--panel:#1e232a;--panel-alt:#242a32;--raised:#2a313a;--line:#353e49;--line-soft:#2b323b;--text:#edf2f7;--muted:#9aa6b3;--faint:#687482;--accent:#7bb7ff;--accent-strong:#9bc8ff;--accent-ink:#102239;--effect:#c4b5fd;--success:#7dd3a7;--warning:#f2c879;--danger:#ff8f86;--focus:#9bc8ff;--editor-width:56%;width:100%;height:100%;color:var(--text);background:var(--shell);grid-template-rows:52px minmax(0,1fr) 24px;display:grid}.app-shell[data-theme=light]{--shell:#e8edf2;--panel:#f8fafb;--panel-alt:#f0f4f7;--raised:#e4eaf0;--line:#cbd4dd;--line-soft:#dbe2e8;--text:#1b2632;--muted:#596877;--faint:#7b8996;--accent:#2767a8;--accent-strong:#1e5e9f;--accent-ink:#f4f9ff;--effect:#7259a7;--success:#1f7a52;--warning:#9a6519;--danger:#b53d36;--focus:#2767a8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.topbar{z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--panel) 96%, transparent);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;min-width:0;padding:0 10px 0 12px;display:grid;position:relative}.topbar:after{background:linear-gradient(90deg, var(--accent) 0 22%, var(--effect) 44%, transparent 78%);content:"";opacity:.48;pointer-events:none;height:2px;position:absolute;bottom:-1px;left:0;right:0}.brand{-webkit-user-select:none;user-select:none;align-items:center;gap:9px;min-width:0;display:flex}.brand__mark{border:1px solid var(--line);background:var(--raised);border-radius:9px;place-items:center;width:31px;height:31px;display:grid;position:relative}.brand__mark img{object-fit:contain;width:30px;height:30px}.brand__copy{min-width:0;line-height:1;display:grid}.brand__copy strong{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;max-width:210px;font-size:13px;font-weight:650;overflow:hidden}.brand__copy>span{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin-top:4px;font:600 9px/1 JetBrains Mono Variable,monospace}.topbar__signals,.topbar__actions{align-items:center;min-width:0;display:flex}.topbar__signals{gap:6px;overflow:hidden}.topbar__actions{justify-content:flex-end;gap:5px}.signal-chip{border:1px solid var(--line-soft);height:24px;color:var(--muted);background:color-mix(in srgb, var(--raised) 58%, transparent);border-radius:5px;flex:none;align-items:center;gap:6px;padding:0 8px;font:500 10px/1 JetBrains Mono Variable,monospace;display:inline-flex}.signal-chip__dot{width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 14%, transparent);background:currentColor;border-radius:50%}.signal-chip--ready,.signal-chip--success{color:var(--success)}.signal-chip--connecting{color:var(--warning)}.signal-chip--error,.signal-chip--problem{color:var(--danger)}.icon-button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex:none;place-items:center;padding:0;display:inline-grid}.icon-button:hover,.icon-button.is-active{border-color:var(--line);color:var(--text);background:var(--raised)}.icon-button--compact{width:29px;height:29px}.icon-button:disabled{cursor:not-allowed;opacity:.45}.run-button{border:1px solid color-mix(in srgb, var(--accent) 62%, var(--line));height:32px;color:var(--accent-ink);background:var(--accent);cursor:pointer;box-shadow:0 8px 20px color-mix(in srgb, var(--accent) 16%, transparent);border-radius:7px;align-items:center;gap:7px;margin-left:3px;padding:0 8px 0 11px;font-size:12px;font-weight:650;display:inline-flex}.run-button:hover:not(:disabled){background:var(--accent-strong)}.run-button kbd{border:1px solid color-mix(in srgb, var(--accent-ink) 18%, transparent);opacity:.7;border-radius:4px;padding:3px 5px;font:600 9px/1 JetBrains Mono Variable,monospace}.run-button.is-stale:not(.is-running):after{background:var(--warning);content:"";border-radius:50%;width:6px;height:6px;margin-left:-2px}.run-button.is-running svg{animation:.9s ease-in-out infinite alternate run-pulse}@keyframes run-pulse{to{opacity:.35;transform:scale(.82)}}.workbench{grid-template-columns:minmax(300px, var(--editor-width)) 7px minmax(300px, 1fr);background:var(--shell);min-width:0;min-height:0;display:grid}.workbench-panel{background:var(--panel);flex-direction:column;min-width:0;min-height:0;display:flex}.panel-tabs{border-bottom:1px solid var(--line);background:var(--panel-alt);flex:0 0 36px;justify-content:space-between;align-items:stretch;min-width:0;display:flex}.panel-tabs__group{min-width:0;display:flex}.panel-tab{border:0;border-right:1px solid var(--line-soft);min-width:0;color:var(--muted);cursor:pointer;background:0 0;align-items:center;gap:7px;padding:0 13px;font-size:11px;display:inline-flex;position:relative}.panel-tab:hover{color:var(--text);background:color-mix(in srgb, var(--raised) 44%, transparent)}.panel-tab.is-active{color:var(--text);background:var(--panel)}.panel-tab.is-active:after{background:var(--accent);content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0}.panel-tab__koka{width:17px;height:17px;color:var(--accent-ink);background:var(--accent);border-radius:50%;place-items:center;font:750 9px/1 JetBrains Mono Variable,monospace;display:inline-grid}.panel-tab__dirty{background:var(--warning);border-radius:50%;width:6px;height:6px}.panel-meta{color:var(--faint);white-space:nowrap;align-items:center;gap:8px;padding:0 10px;font:500 9px/1 JetBrains Mono Variable,monospace;display:flex}.editor-host,.right-panel__body,.preview-pane,.output-pane{flex:1;min-width:0;min-height:0}.editor-host{display:flex;position:relative}.split-handle{z-index:8;background:var(--shell);touch-action:none;border:0;position:relative}.split-handle:after{background:var(--line);content:"";border-radius:999px;transition:background .14s,transform .14s;position:absolute}.split-handle:hover:after,.split-handle:focus-visible:after,.split-handle.is-dragging:after{background:var(--accent)}.split-handle--x{cursor:col-resize;width:7px}.split-handle--x:after{width:1px;top:8px;bottom:8px;left:3px}.split-handle--x:hover:after,.split-handle--x.is-dragging:after{transform:scaleX(3)}.split-handle--y{cursor:row-resize;width:100%;height:7px}.split-handle--y:after{height:1px;top:3px;left:8px;right:8px}.right-panel__body{display:flex;position:relative;overflow:hidden}.right-surface{visibility:hidden;pointer-events:none;flex-direction:column;min-width:0;min-height:0;display:flex;position:absolute;inset:0}.right-surface.is-active{visibility:visible;pointer-events:auto}.preview-empty{width:min(420px,100% - 48px);color:var(--muted);text-align:center;place-items:center;gap:9px;margin:auto;display:grid}.preview-empty svg{color:var(--accent);margin-bottom:3px}.preview-empty strong{color:var(--text);font-size:13px}.preview-empty span{max-width:42ch;font-size:11px;line-height:1.55}.preview-empty button{border:1px solid var(--line);height:30px;color:var(--text);background:var(--raised);cursor:pointer;border-radius:6px;margin-top:5px;padding:0 13px;font-size:11px}.preview-empty button:disabled{cursor:wait;opacity:.55}.preview-toolbar,.output-toolbar{border-bottom:1px solid var(--line);background:var(--panel);flex:0 0 34px;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:0 7px 0 10px;display:flex}.preview-toolbar__group{color:var(--muted);align-items:center;gap:5px;font-size:10px;display:flex}.preview-toolbar select{border:1px solid var(--line);height:24px;color:var(--muted);background:var(--panel-alt);border-radius:4px;padding:0 22px 0 7px;font:500 10px/1 JetBrains Mono Variable,monospace}.preview-frame-shell{flex:1;min-width:0;min-height:0}.output-pane{flex-direction:column;display:flex;overflow:hidden}.subtabs{align-items:center;gap:2px;min-width:0;display:flex}.subtabs button{height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;padding:0 8px;font-size:10px;display:inline-flex}.subtabs button:hover,.subtabs button.is-active{color:var(--text);background:var(--raised)}.subtabs__count{min-width:16px;height:16px;color:var(--faint);background:var(--panel);border-radius:8px;place-items:center;padding:0 4px;font:600 9px/1 JetBrains Mono Variable,monospace;display:inline-grid}.code-output,.runtime-stream{color:#cfd7e3;tab-size:2;background:#171b21;flex:1;min-width:0;min-height:0;margin:0;font:12px/1.65 JetBrains Mono Variable,JetBrains Mono,monospace;overflow:auto}.app-shell[data-theme=light] .code-output,.app-shell[data-theme=light] .runtime-stream{color:#263442;background:#f5f7fa}.code-output{white-space:pre;padding:16px 18px 80px}.runtime-stream{padding:10px 0 70px}.runtime-line{border-bottom:1px solid color-mix(in srgb, var(--line) 46%, transparent);white-space:pre-wrap;overflow-wrap:anywhere;grid-template-columns:64px 44px minmax(0,1fr);gap:8px;padding:4px 12px;display:grid}.runtime-line time,.runtime-line__level{color:var(--faint)}.runtime-line--warn{color:var(--warning)}.runtime-line--error{color:var(--danger)}.runtime-line--info{color:var(--accent-strong)}.empty-copy{max-width:440px;color:var(--muted);margin:30px;font:12px/1.6 IBM Plex Sans Variable,sans-serif}.statusbar{z-index:20;border-top:1px solid var(--line);min-width:0;color:var(--muted);background:var(--panel-alt);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;padding:0 8px;font:500 9px/1 JetBrains Mono Variable,monospace;display:flex;position:relative}.statusbar>div,.statusbar span{align-items:center;display:flex}.statusbar>div{gap:13px;min-width:0}.statusbar span{white-space:nowrap;gap:5px}.statusbar__lsp--ready{color:var(--success)}.statusbar__lsp--connecting{color:var(--warning)}.statusbar__lsp--error{color:var(--danger)}.toast-region{z-index:100;pointer-events:none;gap:8px;display:grid;position:fixed;bottom:38px;right:14px}.toast{border:1px solid var(--line);color:var(--text);background:var(--raised);border-radius:7px;padding:10px 13px;font-size:11px;animation:.18s ease-out toast-in;box-shadow:0 18px 50px #00000047}@keyframes toast-in{0%{opacity:0;transform:translateY(5px)}}.mobile-nav{display:none}@media (max-width:1040px){.topbar__signals .signal-chip--compiler,.topbar__signals .signal-chip--build{display:none}}@media (max-width:760px){.app-shell{grid-template-rows:48px 36px minmax(0,1fr) 24px}.topbar{grid-template-columns:minmax(0,1fr) auto;gap:7px;padding-left:9px}.topbar__signals,.topbar__actions>.icon-button:first-of-type,.topbar__actions>.icon-button:nth-of-type(3),.run-button kbd{display:none}.brand__copy strong{font-size:12px}.brand__copy>span{font-size:8px}.mobile-nav{border-bottom:1px solid var(--line);background:var(--panel-alt);grid-template-columns:repeat(4,1fr);display:grid}.mobile-nav button{border:0;border-right:1px solid var(--line-soft);color:var(--muted);background:0 0;font-size:10px;position:relative}.mobile-nav button.is-active{color:var(--text);background:var(--panel)}.mobile-nav button.is-active:after{background:var(--accent);content:"";height:2px;position:absolute;bottom:0;left:8px;right:8px}.workbench{display:block;position:relative}.workbench>.split-handle,.panel-tabs{display:none}.workbench-panel{visibility:hidden;pointer-events:none;position:absolute;inset:0}.workbench-panel.is-mobile-active{visibility:visible;pointer-events:auto}.right-surface{visibility:hidden!important;pointer-events:none!important}.right-surface.is-mobile-active{visibility:visible!important;pointer-events:auto!important}.statusbar>div:last-child span:not(:first-child){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}