@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Sora:wght@400;500;600;700&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-green-600:#00a544;--color-indigo-600:#4f39f6;--color-slate-800:#1d293d;--color-slate-900:#0f172b;--color-gray-300:#d1d5dc;--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-bold:700;--radius-md:.375rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-green-600:lab(59.0978% -58.6621 41.2579);--color-indigo-600:lab(38.4009% 52.6132 -92.3857);--color-slate-800:lab(16.132% -.318035 -14.6672);--color-slate-900:lab(7.78673% 1.82345 -15.0537);--color-gray-300:lab(85.1236% -.612259 -3.7138)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-10{height:calc(var(--spacing) * 10)}.h-screen{height:100vh}.place-items-center{place-items:center}.items-center{align-items:center}.rounded-full{border-radius:2147483647px}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-gray-300{background-color:var(--color-gray-300)}.bg-green-600{background-color:var(--color-green-600)}.bg-slate-900{background-color:var(--color-slate-900)}.p-4{padding:calc(var(--spacing) * 4)}.p-8{padding:calc(var(--spacing) * 8)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-5{padding-block:calc(var(--spacing) * 5)}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-indigo-600{color:var(--color-indigo-600)}.text-white{color:var(--color-white)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media (hover:hover){.hover\:bg-slate-800:hover{background-color:var(--color-slate-800)}}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#101114;--surface:#151619;--surface-raised:#191a1e;--surface-hover:#202126;--line:#292a30;--line-subtle:#222328;--text:#ececf0;--text-muted:#8e909b;--text-dim:#62646f;--accent:#b5f36c;--accent-strong:#a2e857;--font-sans:"DM Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Manrope", var(--font-sans);--font-mono:"DM Mono", "Cascadia Code", Consolas, monospace}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--canvas);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:13px}button,select,textarea{color:inherit;font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:#b5f36c44}.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}.app-shell{background:var(--canvas);flex-direction:column;height:100dvh;min-height:560px;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line-subtle);background:#131417;justify-content:space-between;align-items:center;height:53px;min-height:53px;padding:0 23px;display:flex}.brand-group,.topbar-actions,.brand{align-items:center;display:flex}.brand{color:#f3f3f5;font-family:var(--font-display);letter-spacing:-.8px;font-size:15px;font-weight:800;text-decoration:none}.brand-period{color:var(--accent)}.brand-mark{background:var(--accent);color:#1b2412;border-radius:7px;place-items:center;width:23px;height:23px;margin-right:8px;display:grid}.topbar-divider{background:var(--line);width:1px;height:20px;margin:0 19px}.topbar-actions{gap:15px}.status-dot{background:#88d75f;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 8px #88d75566}.icon-button{color:#858793;background:0 0;border:0;border-radius:5px;place-items:center;padding:5px;transition:background .15s,color .15s;display:inline-grid}.icon-button:hover{color:var(--text);background:#ffffff0b}.toolbar{border-bottom:1px solid var(--line);background:#151619;justify-content:space-between;align-items:center;height:55px;min-height:55px;padding:0 22px;display:flex}.toolbar-left,.toolbar-right{align-items:center;gap:12px;display:flex}.language-picker{align-items:center;display:flex;position:relative}.language-select{color:#e4e4e8;cursor:pointer;text-align:left;background:#1b1c20;border:1px solid #303138;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;min-width:150px;padding:8px 10px 8px 12px;font-size:12px;font-weight:600;display:flex;position:relative}.language-select:hover{border-color:#464750}.language-select-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-chevron{color:#8c8e98;flex:none}.language-popover{z-index:50;background:#1b1c20;border:1px solid #34353c;border-radius:8px;width:290px;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 14px 40px #000a}.language-search{color:#8c8e98;border-bottom:1px solid #2a2b31;align-items:center;gap:8px;padding:9px 11px;display:flex}.language-search input{color:#e4e4e8;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.language-search input::placeholder{color:#6a6c76}.language-list{max-height:min(60vh,420px);margin:0;padding:4px;list-style:none;overflow-y:auto}.language-heading{color:#777984;letter-spacing:.08em;text-transform:uppercase;padding:9px 9px 4px;font-size:9px;font-weight:700}.language-option{color:#d6d7dd;cursor:pointer;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;font-size:12px;display:flex}.language-option.active{background:#2a2c33}.language-option.current{color:var(--accent)}.language-tag{color:#888a94;text-transform:uppercase;letter-spacing:.04em;background:#292a30;border-radius:3px;padding:1px 5px;font-size:8px}.language-empty{color:#777984;text-align:center;padding:16px 10px;font-size:11px}.version-pill{color:#8d8f99;font-size:11px}.toolbar-divider{background:#303137;width:1px;height:19px;margin:0 3px}.sandbox-note{color:#8b8e98;align-items:center;gap:6px;margin-right:6px;font-size:10px;display:flex}.sandbox-note svg{color:#99d96d}.toolbar-icon{margin-right:4px}.run-button{background:var(--accent);color:#1a2511;border:0;border-radius:6px;align-items:center;gap:8px;height:32px;padding:0 10px 0 12px;font-size:11px;font-weight:700;transition:background .15s,transform .15s;display:flex;box-shadow:0 1px 2px #0004}.run-button:hover:not(:disabled){background:#c5ff7d;transform:translateY(-1px)}.run-button:disabled{opacity:.8;cursor:wait}.run-button kbd{color:#43552d;font-family:var(--font-mono);border:1px solid #28371d36;border-radius:3px;margin-left:4px;padding:3px 5px;font-size:9px;font-weight:500}.more-button{color:#81838d;background:0 0;border:0;height:30px;padding:0 3px}.more-button:hover{color:var(--text)}.menu-wrap{align-items:center;display:flex;position:relative}.menu-popover{z-index:60;background:#1b1c20;border:1px solid #34353c;border-radius:8px;min-width:210px;padding:5px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 14px 40px #000a}.menu-item{color:#d6d7dd;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:9px;width:100%;padding:8px 10px;font-size:12px;display:flex}.menu-item:hover:not(:disabled),.menu-item:focus-visible{background:#2a2c33}.menu-item:disabled{color:#5c5e68;cursor:default}.menu-separator{background:#2a2b31;height:1px;margin:5px 2px}.settings-popover{min-width:260px;padding:10px}.setting-row{color:#d6d7dd;justify-content:space-between;align-items:center;gap:14px;padding:7px 4px;font-size:12px;display:flex}.setting-row select{color:inherit;background:#17181b;border:1px solid #34353c;border-radius:5px;padding:5px 8px;font-size:12px}.stepper{align-items:center;gap:4px;display:flex}.stepper button{background:#17181b;border:1px solid #34353c;border-radius:5px;width:24px;height:24px;font-size:14px;line-height:1}.stepper button:disabled{opacity:.35;cursor:default}.stepper output{text-align:center;min-width:40px;font-family:var(--font-mono);font-size:11px}.segmented{border:1px solid #34353c;border-radius:6px;display:flex;overflow:hidden}.segmented button{color:#9a9ca6;background:#17181b;border:0;padding:5px 12px;font-size:11px}.segmented button.on{background:var(--accent);color:#1a2511;font-weight:700}.setting-note{color:var(--text-muted);font-size:11px}.switch{background:#17181b;border:1px solid #3a3b43;border-radius:999px;width:36px;height:20px;padding:0;position:relative}.switch span{background:#8a8c96;border-radius:50%;width:14px;height:14px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.switch.on{background:#3b5a1f;border-color:#5d8a31}.switch.on span{background:var(--accent);transform:translate(16px)}.dialog-backdrop{z-index:100;background:#000b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog-panel{background:#1a1b1f;border:1px solid #34353c;border-radius:12px;flex-direction:column;width:min(560px,100%);max-height:min(80vh,680px);display:flex;box-shadow:0 24px 70px #000c}.dialog-header{border-bottom:1px solid #2a2b31;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.dialog-header h2{margin:0;font-size:14px;font-weight:700}.dialog-body{color:#c4c5cc;padding:14px 18px 18px;font-size:12px;line-height:1.6;overflow-y:auto}.help-section{margin-bottom:14px}.help-section h3{color:#ececf0;margin:0 0 4px;font-size:12px;font-weight:700}.help-section p,.help-section ul{margin:0}.help-section ul{padding-left:18px}.help-section code{font-family:var(--font-mono);background:#26272d;border-radius:4px;padding:1px 5px;font-size:11px}.shortcut-table{border-collapse:collapse;width:100%}.shortcut-table td{border-bottom:1px solid #25262b;padding:8px 0}.shortcut-keys{justify-content:flex-end;gap:5px;display:flex}.shortcut-keys kbd{min-width:22px;font-family:var(--font-mono);text-align:center;background:#23242a;border:1px solid #3a3b43;border-bottom-width:2px;border-radius:5px;padding:3px 7px;font-size:10px}.status-dot.down{background:#e0615a;box-shadow:0 0 8px #e0615a66}.status-dot.checking{box-shadow:none;background:#8a8c96}.health-down{color:#e48a84}.run-button.stop{color:#fff;background:#e0615a}.run-button.stop:hover:not(:disabled){background:#ec766f}.run-button.stop kbd{color:#fff;border-color:#fff5}.resize-rail:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.workspace.focus-mode{grid-template-columns:minmax(0,1fr)!important}.workspace.focus-mode .side-pane,.workspace.focus-mode .resize-rail{display:none}.workspace.focus-mode .editor-pane{margin-right:0}.workspace{grid-template-columns:minmax(0, var(--editor-fr,62fr)) 7px minmax(280px, var(--output-fr,38fr));flex:1;gap:0;min-height:0;padding:13px 14px 12px;display:grid}.editor-pane,.side-pane{background:#151619;border:1px solid #2a2b31;border-radius:8px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden;box-shadow:0 6px 24px #00000012}.editor-pane{margin-right:7px}.side-pane{margin-left:7px}.pane-header{background:#18191d;border-bottom:1px solid #26272d;justify-content:space-between;align-items:center;height:38px;min-height:38px;display:flex}.editor-header{padding-left:9px}.file-tab{color:#c9cad0;align-items:center;gap:7px;height:38px;padding:0 11px;font-size:11px;display:flex}.active-file{border-bottom:1px solid var(--accent)}.active-file svg{color:#83c7f1}.file-modified{background:#d7a85d;border-radius:50%;width:5px;height:5px;margin-left:2px}.pane-tools{align-items:center;gap:10px;padding-right:9px;display:flex}.editor-hint{color:#696b75;align-items:center;gap:5px;font-size:10px;display:flex}.editor-hint svg{color:#83858f}.tiny-icon{color:#777983;padding:4px}.editor-container{background:#151619;flex:1;min-height:0}.editor-footer{color:#737580;background:#18191d;border-top:1px solid #26272d;justify-content:space-between;align-items:center;height:27px;min-height:27px;padding:0 11px;font-size:10px;display:flex}.editor-footer-left,.editor-footer-right{align-items:center;gap:8px;display:flex}.footer-language{color:#a1a3ad}.language-dot{background:#efd05d;border-radius:50%;width:6px;height:6px;margin-right:3px;display:inline-block}.footer-separator{color:#555761}.resize-rail{cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:relative}.resize-rail:before{content:"";position:absolute;inset:0 -6px}.resize-rail span{background:#34353c;border-radius:3px;width:2px;height:27px;transition:background .12s,height .12s}.resize-rail:hover span,.resize-rail.dragging span{background:#8fbd67}.resize-rail.dragging span{height:44px}.workspace:has(.resize-rail.dragging){cursor:col-resize;-webkit-user-select:none;user-select:none}.workspace:has(.resize-rail.dragging) iframe{pointer-events:none}.workspace:has(.resize-rail.dragging) .monaco-editor{pointer-events:none}.side-tabs-header{padding-left:9px}.side-tabs{align-items:stretch;gap:4px;height:100%;display:flex}.side-tab{color:#858792;background:0 0;border:0;align-items:center;gap:7px;padding:0 10px;font-size:11px;display:flex;position:relative}.side-tab:hover{color:#c9cad1}.side-tab.selected{color:#e4e5e9}.side-tab.selected:after{background:var(--accent);content:"";height:1px;position:absolute;bottom:-1px;left:9px;right:9px}.tab-success-dot{background:#8ad45f;border-radius:50%;width:5px;height:5px}.output-panel{background:#141518;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:auto}.output-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:30px 18px;display:flex}.empty-illustration{color:#a7e66c;background:linear-gradient(145deg,#202126,#18191d);border:1px solid #303139;border-radius:16px;place-items:center;width:58px;height:58px;margin-bottom:18px;display:grid;position:relative;box-shadow:0 8px 22px #0002}.empty-illustration-glow{background:#b5f36c08;border-radius:16px;position:absolute;inset:-1px}.empty-illustration svg{position:relative}.output-empty h2,.running-state h2{color:#dedfe4;letter-spacing:-.1px;margin:0;font-size:13px;font-weight:600}.output-empty p,.running-state p{color:#777984;margin:7px 0 0;font-size:11px}.empty-run-button{color:#c6c7ce;background:#1c1d21;border:1px solid #34363c;border-radius:5px;align-items:center;gap:7px;margin-top:20px;padding:7px 9px;font-size:10px;display:flex}.empty-run-button:hover{color:#c9f39d;border-color:#7da954}.empty-run-button span{color:#747680;font-family:var(--font-mono);margin-left:6px;font-size:9px}.output-bottom{color:#777984;border-top:1px solid #25262b;justify-content:space-between;align-items:center;height:31px;min-height:31px;padding:0 11px;font-size:9px;display:flex}.bottom-ready,.bottom-privacy{align-items:center;gap:6px;display:flex}.bottom-ready .status-dot{width:5px;height:5px}.bottom-privacy svg{color:#8cbd64}.running-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:25px;display:flex}.running-orbit{border:1px solid #383a40;border-radius:50%;width:42px;height:42px;margin-bottom:22px;animation:2.4s linear infinite orbit;position:relative}.running-orbit:before{content:"";border:1px dashed #4b5940;border-radius:50%;position:absolute;inset:6px}.running-orbit span{background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:0 0 10px #b5f36c88}.running-orbit span:first-child{top:-3px;left:18px}.running-orbit span:nth-child(2){background:#82bcf4;bottom:5px;right:-2px}.running-orbit span:nth-child(3){background:#c29af5;bottom:1px;left:2px}.running-progress{background:#2c2d33;border-radius:4px;width:min(190px,75%);height:3px;margin-top:22px;overflow:hidden}.running-progress span{border-radius:inherit;background:var(--accent);width:35%;height:100%;animation:1.2s ease-in-out infinite alternate progress;display:block}.running-caption{color:#666872;margin-top:10px;font-size:9px}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes progress{to{transform:translate(185%)}}.spin{animation:1.2s linear infinite orbit}.web-preview{background:#fff;border:0;flex:1;width:100%;min-height:0}.gui-shot{background:#000;border:1px solid #2f3037;border-radius:6px;max-width:100%;margin-top:10px;display:block}.result-view{flex:1;padding:13px 14px}.result-meta{color:#777984;border-bottom:1px solid #27282e;align-items:center;gap:11px;padding-bottom:11px;font-size:10px;display:flex}.result-ok{color:#a6d881;align-items:center;gap:6px;margin-right:auto;display:flex}.result-check{color:#a9df7d;background:#263423;border-radius:50%;place-items:center;width:15px;height:15px;font-size:10px;display:inline-grid}.result-duration{font-family:var(--font-mono);color:#8a8c96}.copy-button{color:#9b9ca6;background:#1b1c20;border:1px solid #33343a;border-radius:4px;align-items:center;gap:5px;padding:5px 7px;font-size:9px;display:flex}.copy-button:hover{color:var(--text)}.stdout-output{color:#d1d2d8;font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0;font-size:11px;line-height:1.8}.result-footer{color:#737580;border-top:1px solid #27282e;justify-content:space-between;margin-top:19px;padding-top:10px;font-size:9px;display:flex}.result-footer>span{align-items:center;gap:5px;display:flex}.small-check{width:12px;height:12px;font-size:8px}.input-panel{flex-direction:column;flex:1;min-height:0;padding:17px 15px 12px;display:flex}.input-panel-copy{justify-content:space-between;align-items:flex-start;display:flex}.input-panel-copy h2{color:#dedfe4;margin:0;font-size:12px;font-weight:600}.input-panel-copy p{color:#777984;margin:5px 0 14px;font-size:10px}.optional-tag{color:#777984;letter-spacing:.5px;border:1px solid #303137;border-radius:3px;padding:4px 5px;font-size:8px}.stdin-input{resize:none;color:#d6d7dc;min-height:120px;font-family:var(--font-mono);background:#121316;border:1px solid #2c2d33;border-radius:5px;flex:1;padding:10px;font-size:11px;line-height:1.7}.stdin-input::placeholder{color:#5f616c}.stdin-input:focus{border-color:#596a48;outline:none}.input-footer{color:#696b75;justify-content:space-between;align-items:center;padding-top:9px;font-size:9px;display:flex}.clear-input{color:#858791;background:0 0;border:0;align-items:center;gap:4px;padding:4px;font-size:9px;display:flex}.clear-input:hover:not(:disabled){color:#ddd}.clear-input:disabled{cursor:default;opacity:.45}.statusbar{color:#797b85;background:#151619;border-top:1px solid #28292f;justify-content:space-between;align-items:center;height:27px;min-height:27px;padding:0 16px;font-size:9px;display:flex}.statusbar-left,.statusbar-right{align-items:center;gap:12px;display:flex}.status-online{color:#8c8e98;align-items:center;gap:6px;display:flex}.status-online .status-dot{width:5px;height:5px}.statusbar-separator{background:#34353b;width:1px;height:11px}@media (min-width:1600px){.workspace{padding-left:20px;padding-right:20px}}@media (max-width:900px){.workspace{padding-left:9px;padding-right:9px}.toolbar,.topbar{padding-left:14px;padding-right:14px}.sandbox-note{display:none}}@media (max-width:680px){.app-shell{height:100dvh;min-height:620px}.topbar{height:48px;min-height:48px;padding:0 12px}.brand{font-size:14px}.brand-mark{width:21px;height:21px;margin-right:6px}.topbar-actions{gap:4px}.toolbar{height:51px;min-height:51px;padding:0 10px}.toolbar-left,.toolbar-right{gap:7px}.language-select{min-width:105px;max-width:132px;padding:7px 8px;font-size:11px}.language-popover{width:auto;margin-top:6px;position:fixed;top:auto;left:10px;right:10px}.menu-popover{right:-4px}.version-pill,.toolbar-divider{display:none}.run-button{gap:6px;height:30px;padding:0 9px}.run-button kbd{display:none}.workspace,.workspace.focus-mode{grid-template-rows:minmax(260px,1.25fr) minmax(210px,.85fr);gap:9px;padding:9px;grid-template-columns:1fr!important}.workspace.focus-mode{grid-template-rows:1fr}.editor-pane,.side-pane{margin:0}.resize-rail,.editor-hint{display:none}.statusbar{padding:0 10px}.statusbar-left,.statusbar-right{gap:7px}.statusbar-separator,.bottom-privacy{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}}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f3f4f7;--surface:#fff;--text:#1d1f27;--text-muted:#5b5e6b;--line:#d9dbe3;--line-subtle:#e4e6ec;--accent:#3f8f12;--accent-strong:#357a0e}html[data-theme=light] .topbar,html[data-theme=light] .toolbar,html[data-theme=light] .pane-header,html[data-theme=light] .editor-footer,html[data-theme=light] .statusbar{color:#444754;background:#fff;border-color:#dcdee6}html[data-theme=light] .editor-pane,html[data-theme=light] .side-pane,html[data-theme=light] .editor-container,html[data-theme=light] .output-panel,html[data-theme=light] .input-panel{background:#fbfbfd;border-color:#dcdee6}html[data-theme=light] .brand,html[data-theme=light] .file-tab,html[data-theme=light] .side-tab.selected{color:#1d1f27}html[data-theme=light] .side-tab,html[data-theme=light] .editor-hint,html[data-theme=light] .version-pill,html[data-theme=light] .output-empty p,html[data-theme=light] .running-state p,html[data-theme=light] .input-panel-copy p{color:#5b5e6b}html[data-theme=light] .output-empty h2,html[data-theme=light] .running-state h2,html[data-theme=light] .input-panel-copy h2{color:#1d1f27}html[data-theme=light] .language-select,html[data-theme=light] .language-popover,html[data-theme=light] .menu-popover,html[data-theme=light] .dialog-panel,html[data-theme=light] .setting-row select,html[data-theme=light] .stepper button,html[data-theme=light] .segmented button{color:#1d1f27;background:#fff;border-color:#cfd2dc}html[data-theme=light] .segmented button.on{background:var(--accent);color:#fff}html[data-theme=light] .language-option,html[data-theme=light] .menu-item,html[data-theme=light] .setting-row,html[data-theme=light] .dialog-body{color:#2b2d36}html[data-theme=light] .language-option.active,html[data-theme=light] .menu-item:hover:not(:disabled){background:#eceef4}html[data-theme=light] .language-search input,html[data-theme=light] .stdin-input{color:#1d1f27;background:0 0}html[data-theme=light] .stdout-output{color:#1d1f27;background:#f1f2f6;border-color:#dcdee6}html[data-theme=light] .help-section h3,html[data-theme=light] .dialog-header h2{color:#1d1f27}html[data-theme=light] .help-section code,html[data-theme=light] .shortcut-keys kbd{color:#1d1f27;background:#eceef4;border-color:#cfd2dc}html[data-theme=light] .shortcut-table td{border-color:#e4e6ec}html[data-theme=light] .icon-button,html[data-theme=light] .more-button,html[data-theme=light] .tiny-icon{color:#5b5e6b}html[data-theme=light] .icon-button:hover{color:#1d1f27;background:#eceef4}html[data-theme=light] .menu-separator{background:#e4e6ec}html[data-theme=light] .web-preview{background:#fff}html[data-theme=light] .output-bottom,html[data-theme=light] .result-footer{color:#5b5e6b;border-color:#e4e6ec}html[data-theme=light] .resize-rail span,html[data-theme=light] .statusbar-separator{background:#cfd2dc}html[data-theme=light] .resize-rail:hover span,html[data-theme=light] .resize-rail.dragging span{background:var(--accent)}html[data-theme=light] .empty-illustration{color:var(--accent);box-shadow:none;background:linear-gradient(145deg,#fff,#eef0f4);border-color:#dcdee6}html[data-theme=light] .empty-illustration-glow{background:0 0}html[data-theme=light] .empty-run-button{color:#2b2d36;background:#fff;border-color:#cfd2dc}html[data-theme=light] .empty-run-button:hover{border-color:var(--accent);color:var(--accent-strong)}html[data-theme=light] .empty-run-button span{color:#8a8d99}.app-shell.in-meeting{min-height:0}.meeting-bar{gap:12px;height:44px;min-height:44px;padding:0 14px}.meeting-bar .brand-group{gap:8px;min-width:0}.meeting-bar .brand-mark{flex:none;width:21px;height:21px;margin-right:0}.meeting-title{color:#f3f3f5;font-family:var(--font-display);letter-spacing:-.4px;white-space:nowrap;font-size:13px;font-weight:800}.meeting-role{min-width:0;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.meeting-bar .topbar-actions{flex:none;gap:10px}.connection-pill{color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex}.follow-button{border:1px solid var(--line);max-width:220px;height:26px;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:0 9px;font-size:10px;display:flex;overflow:hidden}.follow-button:hover{color:var(--text)}.follow-button.on{color:var(--accent);background:#b5f36c10;border-color:#b5f36c55}.in-meeting .toolbar{height:46px;min-height:46px;padding:0 14px}.in-meeting .workspace{padding:9px 10px 8px}.language-static{border:1px solid var(--line);height:30px;color:var(--text);border-radius:6px;align-items:center;gap:7px;padding:0 10px;font-size:11px;display:flex}.viewer-running{color:var(--text-muted);align-items:center;gap:6px;font-size:11px;display:flex}.editor-waiting{height:100%;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:20px;font-size:11px;display:flex}.meeting-notice{justify-content:center;align-items:center}.remote-selection{background:#b5f36c2e}.remote-cursor{box-sizing:border-box;border-left:2px solid var(--accent);pointer-events:none;height:100%;position:absolute}.remote-name{background:var(--accent);color:#1b2412;font-family:var(--font-sans);white-space:nowrap;pointer-events:none;border-radius:4px 4px 4px 0;padding:0 6px;font-size:10px;font-weight:700;line-height:16px}@media (max-width:720px){.meeting-role,.connection-pill{display:none}}html[data-theme=light] .meeting-title{color:#1d1f27}html[data-theme=light] .meeting-bar{background:#fff}html[data-theme=light] .language-static{color:#1d1f27;background:#fff;border-color:#cfd2dc}html[data-theme=light] .remote-selection{background:#3f8f1229}html[data-theme=light] .remote-name{color:#fff}:root[data-skin=twyng]{--tw-page:#0d0d0d;--tw-bar:#171717;--tw-panel:#212121;--tw-raised:#2b2b2c;--tw-hover:#333335;--tw-inset:#181818;--tw-line:#34343a;--tw-line-soft:#29292d;--tw-text:#dcdce1;--tw-muted:#9c9ca9;--tw-dim:#727272;--tw-primary:#8c8aff;--tw-primary-text:#8c8aff;--tw-on-primary:#070828;--tw-primary-soft:#8c8aff24;--tw-danger:#fd4141;--tw-success:#6fd38a;--tw-success-soft:#6fd38a1f;--canvas:var(--tw-page);--surface:var(--tw-panel);--surface-raised:var(--tw-raised);--surface-hover:var(--tw-hover);--line:var(--tw-line);--line-subtle:var(--tw-line-soft);--text:var(--tw-text);--text-muted:var(--tw-muted);--text-dim:var(--tw-dim);--accent:var(--tw-primary);--accent-strong:#6260e4;--font-sans:"Sora", "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:var(--font-sans)}:root[data-skin=twyng][data-theme=light]{--tw-page:#eeeef5;--tw-bar:#fff;--tw-panel:#fff;--tw-raised:#f5f5f9;--tw-hover:#ebebf3;--tw-inset:#f8f8fb;--tw-line:#dadae6;--tw-line-soft:#e6e6ef;--tw-text:#070828;--tw-muted:#565662;--tw-dim:#9c9ca9;--tw-primary-text:#6260e4;--tw-primary-soft:#8c8aff1f;--tw-success:#1f9d4c;--tw-success-soft:#1f9d4c14}:root[data-skin=twyng] ::selection{background:var(--tw-primary-soft)}:root[data-skin=twyng] .topbar,:root[data-skin=twyng] .toolbar,:root[data-skin=twyng] .statusbar{background:var(--tw-bar);border-color:var(--tw-line-soft);color:var(--tw-dim)}:root[data-skin=twyng] .editor-pane,:root[data-skin=twyng] .side-pane{border-color:var(--tw-line-soft);background:var(--tw-panel);box-shadow:none;border-radius:12px}:root[data-skin=twyng] .pane-header,:root[data-skin=twyng] .editor-footer{background:var(--tw-panel);border-color:var(--tw-line-soft);color:var(--tw-dim)}:root[data-skin=twyng] .editor-container,:root[data-skin=twyng] .output-panel,:root[data-skin=twyng] .input-panel{background:var(--tw-panel)}:root[data-skin=twyng] .output-bottom,:root[data-skin=twyng] .result-meta,:root[data-skin=twyng] .result-footer{border-color:var(--tw-line-soft);color:var(--tw-dim)}:root[data-skin=twyng] .statusbar-separator,:root[data-skin=twyng] .resize-rail span,:root[data-skin=twyng] .menu-separator{background:var(--tw-line)}:root[data-skin=twyng] .resize-rail:hover span,:root[data-skin=twyng] .resize-rail.dragging span{background:var(--tw-primary)}:root[data-skin=twyng] .meeting-title,:root[data-skin=twyng] .brand,:root[data-skin=twyng] .file-tab,:root[data-skin=twyng] .side-tab.selected,:root[data-skin=twyng] .output-empty h2,:root[data-skin=twyng] .running-state h2,:root[data-skin=twyng] .input-panel-copy h2,:root[data-skin=twyng] .dialog-header h2,:root[data-skin=twyng] .help-section h3,:root[data-skin=twyng] .stdout-output{color:var(--tw-text)}:root[data-skin=twyng] .meeting-role,:root[data-skin=twyng] .connection-pill,:root[data-skin=twyng] .version-pill,:root[data-skin=twyng] .side-tab,:root[data-skin=twyng] .output-empty p,:root[data-skin=twyng] .running-state p,:root[data-skin=twyng] .input-panel-copy p,:root[data-skin=twyng] .footer-language,:root[data-skin=twyng] .viewer-running,:root[data-skin=twyng] .editor-waiting,:root[data-skin=twyng] .dialog-body,:root[data-skin=twyng] .status-online,:root[data-skin=twyng] .result-duration{color:var(--tw-muted)}:root[data-skin=twyng] .editor-hint,:root[data-skin=twyng] .input-footer,:root[data-skin=twyng] .running-caption,:root[data-skin=twyng] .footer-separator,:root[data-skin=twyng] .language-heading{color:var(--tw-dim)}:root[data-skin=twyng] .side-tab:hover{color:var(--tw-text)}:root[data-skin=twyng] .side-tab.selected:after,:root[data-skin=twyng] .active-file{background-color:var(--tw-primary);border-color:var(--tw-primary)}:root[data-skin=twyng] .active-file{background-color:#0000}:root[data-skin=twyng] .active-file svg,:root[data-skin=twyng] .bottom-privacy svg,:root[data-skin=twyng] .select-chevron{color:var(--tw-primary-text)}:root[data-skin=twyng] .brand-mark{background:var(--tw-primary);color:var(--tw-on-primary);border-radius:7px}:root[data-skin=twyng] .run-button{border:1px solid var(--tw-primary);background:var(--tw-primary);color:var(--tw-on-primary);box-shadow:none;border-radius:10px;font-weight:600}:root[data-skin=twyng] .run-button:hover:not(:disabled){background:var(--tw-primary);opacity:.9;transform:none}:root[data-skin=twyng] .run-button kbd{color:#070828b3;border-color:#07082833}:root[data-skin=twyng] .run-button.stop{border-color:var(--tw-danger);background:var(--tw-danger);color:#fff}:root[data-skin=twyng] .run-button.stop:hover:not(:disabled){background:var(--tw-danger)}:root[data-skin=twyng] .run-button.stop kbd{color:#fff;border-color:#ffffff59}:root[data-skin=twyng] .empty-run-button,:root[data-skin=twyng] .follow-button,:root[data-skin=twyng] .copy-button{border:1px solid var(--tw-line);color:var(--tw-text);background:0 0;border-radius:10px}:root[data-skin=twyng] .empty-run-button:hover,:root[data-skin=twyng] .follow-button:hover,:root[data-skin=twyng] .copy-button:hover{border-color:var(--tw-primary);color:var(--tw-primary-text)}:root[data-skin=twyng] .empty-run-button span{color:var(--tw-dim)}:root[data-skin=twyng] .follow-button.on{border-color:var(--tw-primary);background:var(--tw-primary-soft);color:var(--tw-primary-text)}:root[data-skin=twyng] .icon-button,:root[data-skin=twyng] .more-button,:root[data-skin=twyng] .tiny-icon,:root[data-skin=twyng] .clear-input{color:var(--tw-muted)}:root[data-skin=twyng] .icon-button:hover{background:var(--tw-hover);color:var(--tw-text)}:root[data-skin=twyng] .more-button:hover,:root[data-skin=twyng] .clear-input:hover:not(:disabled){color:var(--tw-text)}:root[data-skin=twyng] .language-select,:root[data-skin=twyng] .language-static{border:1px solid var(--tw-line);background:var(--tw-raised);color:var(--tw-text);border-radius:10px}:root[data-skin=twyng] .language-select:hover{border-color:var(--tw-primary)}:root[data-skin=twyng] .language-popover,:root[data-skin=twyng] .menu-popover,:root[data-skin=twyng] .dialog-panel{border-color:var(--tw-line);background:var(--tw-panel);color:var(--tw-text);border-radius:12px}:root[data-skin=twyng] .language-search,:root[data-skin=twyng] .dialog-header,:root[data-skin=twyng] .shortcut-table td{border-color:var(--tw-line-soft);color:var(--tw-muted)}:root[data-skin=twyng] .language-search input{color:var(--tw-text)}:root[data-skin=twyng] .language-search input::placeholder,:root[data-skin=twyng] .stdin-input::placeholder{color:var(--tw-dim)}:root[data-skin=twyng] .language-option,:root[data-skin=twyng] .menu-item,:root[data-skin=twyng] .setting-row{color:var(--tw-text)}:root[data-skin=twyng] .language-option.active,:root[data-skin=twyng] .menu-item:hover:not(:disabled),:root[data-skin=twyng] .menu-item:focus-visible{background:var(--tw-hover)}:root[data-skin=twyng] .language-option.current{color:var(--tw-primary-text)}:root[data-skin=twyng] .menu-item:disabled{color:var(--tw-dim)}:root[data-skin=twyng] .language-tag,:root[data-skin=twyng] .help-section code,:root[data-skin=twyng] .shortcut-keys kbd{border-color:var(--tw-line);background:var(--tw-raised);color:var(--tw-muted)}:root[data-skin=twyng] .setting-row select,:root[data-skin=twyng] .stepper button,:root[data-skin=twyng] .segmented button{border-color:var(--tw-line);background:var(--tw-raised);color:var(--tw-text)}:root[data-skin=twyng] .segmented{border-color:var(--tw-line);border-radius:10px}:root[data-skin=twyng] .segmented button.on{background:var(--tw-primary);color:var(--tw-on-primary)}:root[data-skin=twyng] .switch{border-color:var(--tw-line);background:var(--tw-raised)}:root[data-skin=twyng] .switch span{background:var(--tw-dim)}:root[data-skin=twyng] .switch.on{border-color:var(--tw-primary);background:var(--tw-primary-soft)}:root[data-skin=twyng] .switch.on span{background:var(--tw-primary)}:root[data-skin=twyng] .empty-illustration{border-color:var(--tw-line);background:var(--tw-raised);color:var(--tw-primary-text);box-shadow:none}:root[data-skin=twyng] .empty-illustration-glow{background:0 0}:root[data-skin=twyng] .running-orbit{border-color:var(--tw-line)}:root[data-skin=twyng] .running-orbit:before{border-color:var(--tw-primary-soft)}:root[data-skin=twyng] .running-orbit span{background:var(--tw-primary);box-shadow:none}:root[data-skin=twyng] .running-orbit span:nth-child(2){background:#fa8b9f}:root[data-skin=twyng] .running-orbit span:nth-child(3){background:#6260e4}:root[data-skin=twyng] .running-progress{background:var(--tw-raised)}:root[data-skin=twyng] .result-ok{color:var(--tw-success)}:root[data-skin=twyng] .result-check{background:var(--tw-success-soft);color:var(--tw-success)}:root[data-skin=twyng] .stdout-output{border-color:var(--tw-line-soft);background:0 0}:root[data-skin=twyng] .optional-tag{border-color:var(--tw-line);color:var(--tw-dim)}:root[data-skin=twyng] .stdin-input{border-color:var(--tw-line);background:var(--tw-inset);color:var(--tw-text);border-radius:10px}:root[data-skin=twyng] .stdin-input:focus{border-color:var(--tw-primary)}:root[data-skin=twyng] .gui-shot{border-color:var(--tw-line)}:root[data-skin=twyng] .remote-selection{background:#8c8aff40}:root[data-skin=twyng] .remote-cursor{border-left-color:var(--tw-primary)}:root[data-skin=twyng] .remote-name{background:var(--tw-primary);color:var(--tw-on-primary)}.result-ok.is-error,.result-footer .is-error{color:#e48a84}.result-ok.is-error .result-check,.result-footer .is-error .result-check{color:#e48a84;background:#3a2323}.stdout-output.is-error{color:#f0a29c}html[data-theme=light] .result-ok.is-error,html[data-theme=light] .result-footer .is-error,html[data-theme=light] .stdout-output.is-error{color:#b42318}html[data-theme=light] .result-ok.is-error .result-check,html[data-theme=light] .result-footer .is-error .result-check{color:#b42318;background:#fdecea}html[data-theme=light] .result-ok:not(.is-error){color:#237a12}html[data-theme=light] .result-check{color:#237a12;background:#e6f4e1}:root[data-skin=twyng] .result-ok.is-error,:root[data-skin=twyng] .result-footer .is-error,:root[data-skin=twyng] .stdout-output.is-error{color:#ff7b7b}:root[data-skin=twyng] .result-ok.is-error .result-check,:root[data-skin=twyng] .result-footer .is-error .result-check{color:#ff7b7b;background:#fd414124}:root[data-skin=twyng][data-theme=light] .result-ok.is-error,:root[data-skin=twyng][data-theme=light] .result-footer .is-error,:root[data-skin=twyng][data-theme=light] .stdout-output.is-error{color:#d92d2d}:root[data-skin=twyng][data-theme=light] .result-ok.is-error .result-check,:root[data-skin=twyng][data-theme=light] .result-footer .is-error .result-check{color:#d92d2d;background:#fd41411a}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}