[hidden]{display:none!important}body{background:#f6f7fa}.compiler-page{max-width:1560px;margin:0 auto;padding:26px 24px 50px}.compiler-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.compiler-heading h1{font-size:clamp(28px,3vw,38px);line-height:1.1;margin:7px 0 5px}.compiler-heading p{margin:0;color:#667085}.compiler-heading #catalogStatus{font-size:13px;color:#667085;text-align:right}.ide{background:#fff;border:1px solid #dfe4eb;border-radius:18px;box-shadow:0 16px 45px #1b25400a;overflow:hidden}.ide-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid #e6e9ee;background:#fff}.language-picker{display:flex;align-items:end;gap:8px;min-width:280px}.language-picker label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:800;color:#475467}.language-picker select{min-width:185px;max-width:240px;height:39px;border:1px solid #cbd5e1;border-radius:9px;padding:0 30px 0 11px;background:#fff;color:#172033;font-size:14px;font-weight:600;font-family:inherit}.ide-toolbar button,.dialog-actions button,.custom-theme button{height:39px;border:1px solid #d5dce6;border-radius:9px;background:#fff;padding:0 12px;color:#263244;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap}.ide-toolbar button:hover,.dialog-actions button:hover,.custom-theme button:hover{border-color:#ff5a0a;color:#d74b00}.ide-toolbar .primary-action{background:#ff5a0a;border-color:#ff5a0a;color:white;font-weight:800;padding:0 19px}.ide-toolbar .primary-action:hover{background:#db4c06;color:white}.ide-toolbar button:disabled{opacity:.55;cursor:wait}.toolbar-actions{display:flex;gap:7px;flex-wrap:wrap}.ide-tabs{display:flex;gap:2px;padding:0 17px;border-bottom:1px solid #e6e9ee;background:#fcfcfd}.ide-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;padding:13px 18px 10px;color:#667085;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer}.ide-tabs button[aria-selected=true]{color:#dd4d08;border-bottom-color:#ff5a0a}.ide-body{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);height:min(72vh,760px);min-height:550px}.editor-pane,.console-pane{min-width:0;display:flex;flex-direction:column}.editor-pane{border-right:1px solid #e4e8ed}.pane-title{display:flex;justify-content:space-between;align-items:center;min-height:42px;padding:0 15px;background:#f8fafc;border-bottom:1px solid #e5e9ef;color:#344054;font-weight:700;font-size:13px}.pane-title span{color:#7a8492;font-weight:500;font-family:Consolas,monospace}.editor-wrap{position:relative;flex:1;min-height:0;overflow:hidden}.CodeMirror{height:100%;font:14px/1.55 Consolas,Monaco,monospace}.CodeMirror-gutters{border-right:1px solid #edf0f4;background:#f8fafc}.CodeMirror-focused{outline:0}.suggestions{position:absolute;z-index:20;left:34px;top:35px;max-height:200px;overflow:auto;width:min(320px,80%);background:#fff;border:1px solid #cad3df;box-shadow:0 12px 30px #0002;border-radius:9px}.suggestions button{display:block;width:100%;text-align:left;border:0;background:white;padding:7px 10px;font:13px Consolas,monospace;cursor:pointer}.suggestions button:hover,.suggestions button.active{background:#fff0e7}.stdin-block{border-top:1px solid #e5e9ef;padding:10px 13px;background:#fbfcfd}.stdin-block label{display:block;margin-bottom:6px;font-size:13px;font-weight:700;color:#344054}.stdin-block small{color:#98a2b3;font-weight:500}.stdin-block textarea{width:100%;min-height:66px;border:1px solid #e2e7ed;border-radius:9px;padding:10px;font:13px Consolas,monospace;resize:vertical;background:#fff}.console-pane pre{flex:1;margin:0;padding:16px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.5 Consolas,monospace;color:#344054}.console-pane #errors{flex:0 0 27%;min-height:110px;color:#b42318}.error-title{border-top:1px solid #e5e9ef}.extensions-panel{padding:24px;min-height:550px}.extensions-heading{display:flex;justify-content:space-between;gap:16px}.extensions-heading h2{margin:0 0 5px;font-size:23px}.extensions-heading p{margin:0 0 23px;color:#667085}.extensions-heading #preferencesStatus{font-size:13px;color:#047857}.extension-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.extension-card{border:1px solid #dfe4eb;border-radius:13px;padding:17px;background:#fff}.extension-card h3{margin:0 0 5px;font-size:16px}.extension-card p{min-height:40px;margin:0 0 12px;color:#667085;font-size:13px;line-height:1.45}.extension-card .extension-state{display:block;font-size:12px;font-weight:700;color:#667085;margin-bottom:12px}.extension-card button{border:1px solid #ff5a0a;background:#fff7f2;color:#ce4c0d;border-radius:8px;padding:8px 12px;font-weight:700;cursor:pointer}.extension-card button.remove{border-color:#d7dce3;background:#fff;color:#667085;margin-left:6px}.custom-theme{margin-top:26px;padding:18px;border:1px solid #dfe4eb;border-radius:13px;display:flex;gap:12px;flex-wrap:wrap;align-items:end}.custom-theme h3{width:100%;margin:0 0 4px;font-size:17px}.custom-theme label{display:flex;flex-direction:column;gap:5px;color:#475467;font-size:12px;font-weight:700}.custom-theme input[type=text],.custom-theme input:not([type]){height:38px;padding:7px 10px;border:1px solid #cbd5e1;border-radius:8px}.custom-theme input[type=color]{width:60px;height:38px;border:1px solid #cbd5e1;border-radius:8px;padding:3px}.custom-theme button{background:#ff5a0a;color:white;border-color:#ff5a0a}.storage-note{font-size:12px;color:#667085;margin:16px 0 0}dialog{border:1px solid #dfe4eb;border-radius:16px;padding:22px;width:min(720px,94vw);max-height:86vh;box-shadow:0 25px 70px #0003}dialog::backdrop{background:#1720338a}.dialog-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.dialog-heading h2{margin:4px 0 14px;font-size:25px}.dialog-heading button{border:0;background:transparent;font-size:27px;line-height:1;cursor:pointer;color:#667085}#languageDialog{width:min(970px,94vw)}#languageSearch{width:100%;height:43px;border:1px solid #cbd5e1;border-radius:10px;padding:0 13px;font:inherit}.catalog-note{font-size:12px;color:#667085}.language-catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px;margin:12px 0}.language-catalog h2{grid-column:1/-1;margin:16px 0 3px;font-size:17px;color:#344054}.language-card{border:1px solid #e1e6ee;border-radius:10px;background:#fff;padding:13px;text-align:left;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer}.language-card:hover,.language-card:focus-visible{border-color:#ff5a0a;background:#fff7f2}.toggle-row{display:flex;align-items:center;gap:8px;font-weight:700}#shortcutList{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center;margin:18px 0}#shortcutList button{min-width:135px;padding:7px 10px;border:1px solid #d2dbe5;border-radius:8px;background:#fff;cursor:pointer}.dialog-actions{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.dialog-actions #doneSettings{background:#ff5a0a;border-color:#ff5a0a;color:white}.ide.cm-dark .CodeMirror{background:#18212f;color:#e5edf7}.ide.cm-dark .CodeMirror-gutters{background:#151e2b;border-color:#28374b;color:#98a2b3}.ide.cm-dark .CodeMirror-cursor{border-left-color:#fff}.ide.cm-dark .cm-keyword{color:#d4a8ff}.ide.cm-dark .cm-string{color:#a6e3a1}.ide.cm-dark .cm-number{color:#f9c784}.ide.cm-custom .CodeMirror{background:var(--custom-bg);color:var(--custom-fg)}.ide.cm-custom .CodeMirror-gutters{background:var(--custom-bg);color:var(--custom-fg)}.ide.cm-custom .cm-keyword,.ide.cm-custom .cm-atom{color:var(--custom-accent)}.ide.cm-large .CodeMirror{font-size:17px}@media(max-width:1000px){.ide-body{grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr)}.compiler-heading #catalogStatus{display:none}}@media(max-width:720px){.compiler-page{padding:18px 12px 36px}.ide-toolbar{padding:12px}.toolbar-actions{width:100%}.toolbar-actions button{flex:1}.language-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;min-width:0}.language-picker label{grid-column:1/-1}.language-picker select{grid-column:1;min-width:0;max-width:none;width:100%}.language-picker button{grid-column:2}.ide-body{display:flex;flex-direction:column;height:auto;min-height:0}.editor-pane{height:500px;border-right:0;border-bottom:1px solid #e5e9ef}.console-pane{height:330px}.console-pane #errors{min-height:80px}.extensions-panel{padding:16px}.custom-theme{align-items:stretch}}


.compiler-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#172033;font-size:25px;font-weight:750;letter-spacing:-.04em;white-space:nowrap}.compiler-brand strong{color:#ff5a0a}.compiler-brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#ff5a0a;color:#fff;font:800 14px Consolas,monospace;letter-spacing:-.08em}.dark-mode-button{display:flex;align-items:center;gap:7px;border:1px solid #d5dce6;border-radius:9px;background:#fff;color:#344054;padding:8px 11px;font-size:13px;font-weight:700;cursor:pointer}.dark-mode-button:hover{border-color:#ff5a0a;color:#ce4c0d}body.compiler-dark{--bg:#111827;--surface:#182231;--ink:#edf2f7;--muted:#a6b2c2;--line:#354253;--orange-soft:#35251e;background:#111827;color:#edf2f7}body.compiler-dark .site-header{background:#182231eb;border-color:#334155}body.compiler-dark .compiler-brand{color:#f8fafc}body.compiler-dark .main-nav a{color:#d4dce7}body.compiler-dark .dark-mode-button{background:#263447;border-color:#415168;color:#f1f5f9}body.compiler-dark .ide{background:#182231;border-color:#3b495b;box-shadow:0 16px 45px #0002}body.compiler-dark .compiler-heading p,body.compiler-dark .compiler-heading #catalogStatus{color:#a6b2c2}body.compiler-dark .ide-toolbar,body.compiler-dark .ide-tabs,body.compiler-dark .pane-title{background:#1d2a3b;border-color:#3b495b;color:#e6edf5}body.compiler-dark .language-picker label{color:#c5d0df}body.compiler-dark .language-picker select,body.compiler-dark .ide-toolbar button:not(.primary-action){background:#263447;border-color:#415168;color:#f1f5f9}body.compiler-dark .ide-tabs button{color:#a6b2c2}body.compiler-dark .ide-tabs button[aria-selected=true]{color:#ff9d6c}body.compiler-dark .editor-pane,body.compiler-dark .stdin-block,body.compiler-dark .error-title{border-color:#3b495b}body.compiler-dark .console-pane pre{background:#172131;color:#dbe6f3}body.compiler-dark .console-pane #errors{color:#fda29b}body.compiler-dark .stdin-block{background:#1d2a3b}body.compiler-dark .stdin-block label{color:#e6edf5}body.compiler-dark .stdin-block textarea{background:#142032;border-color:#415168;color:#f1f5f9}body.compiler-dark .extensions-panel{background:#182231}body.compiler-dark .extensions-heading p,body.compiler-dark .extension-card p,body.compiler-dark .storage-note{color:#a6b2c2}body.compiler-dark .extension-card,body.compiler-dark .custom-theme{background:#1d2a3b;border-color:#415168}body.compiler-dark .extension-card .extension-state,body.compiler-dark .custom-theme label{color:#c5d0df}body.compiler-dark .extension-card button{background:#33291f;color:#ffac83}body.compiler-dark .extension-card button.remove{background:#263447;color:#cbd5e1;border-color:#415168}body.compiler-dark .custom-theme input:not([type=color]){background:#263447;color:#f1f5f9;border-color:#415168}body.compiler-dark dialog{background:#182231;border-color:#415168;color:#edf2f7}body.compiler-dark .dialog-heading button{color:#d4dce7}body.compiler-dark #languageSearch,body.compiler-dark #shortcutList button,body.compiler-dark .language-card,body.compiler-dark .dialog-actions button:not(#doneSettings){background:#263447;border-color:#415168;color:#edf2f7}body.compiler-dark .language-catalog h2,body.compiler-dark .catalog-note{color:#a6b2c2}body.compiler-dark .language-card:hover{background:#3d2b24;border-color:#ff5a0a}body.compiler-dark .seo-content{background:#182231;border-color:#415168;color:#edf2f7}body.compiler-dark .seo-content>p,body.compiler-dark .seo-faq details p{color:#a6b2c2}body.compiler-dark .seo-tags span{background:#3d2b24;border-color:#71452f;color:#ffc5a8}body.compiler-dark .seo-links a{background:#263447;border-color:#415168;color:#dce5ef}body.compiler-dark .seo-faq,body.compiler-dark .seo-faq details{border-color:#415168}body.compiler-dark .site-footer{background:#182231;border-color:#415168;color:#dce5ef}body.compiler-dark .site-footer .developer-credit{color:#dce5ef}@media(max-width:620px){.compiler-brand{font-size:20px}.compiler-brand-mark{width:30px;height:30px;font-size:12px}.dark-mode-button span{display:none}.compiler-header{gap:10px}.compiler-header .main-nav{gap:10px}}
.ide.cm-dark .cm-builtin,.ide.cm-dark .cm-def,.ide.cm-dark .cm-variable-2{color:#8ab4ff}.ide.cm-dark .cm-operator{color:#f5d27a}.ide.cm-dark .cm-comment{color:#8c9aab}.ide.cm-dark .cm-tag{color:#ff9e8f}@media(max-width:620px){.compiler-header .main-nav{display:flex}.compiler-header .main-nav>a{display:none}}