.code-editor-module-scss-module__XGl13a__container{background:var(--card);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.code-editor-module-scss-module__XGl13a__editor{flex:1;overflow:hidden}@media (max-width:640px){.code-editor-module-scss-module__XGl13a__editor .cm-editor{font-size:13px}.code-editor-module-scss-module__XGl13a__editor .cm-content{padding:.5rem 0}.code-editor-module-scss-module__XGl13a__editor .cm-gutters{padding-left:.25rem}.code-editor-module-scss-module__XGl13a__editor .cm-lineNumbers .cm-gutterElement{min-width:2rem;padding:0 .25rem 0 0}}.code-editor-module-scss-module__XGl13a__statusBar{color:var(--muted-foreground);background:var(--muted);border-top:1px solid var(--border);justify-content:flex-end;align-items:center;padding:.25rem .75rem;font-size:.75rem;display:flex}.code-editor-module-scss-module__XGl13a__cursorPosition{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
.output-panel-module-scss-module__WpAEFG__container{flex-direction:column;height:100%;display:flex}.output-panel-module-scss-module__WpAEFG__header{border-bottom:1px solid var(--border);background:var(--card);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}@media (max-width:640px){.output-panel-module-scss-module__WpAEFG__header{padding:.5rem .75rem}}.output-panel-module-scss-module__WpAEFG__title{color:var(--muted-foreground);font-size:.875rem;font-weight:500}@media (max-width:640px){.output-panel-module-scss-module__WpAEFG__title{font-size:.75rem}}.output-panel-module-scss-module__WpAEFG__actions{gap:.5rem;display:flex}@media (max-width:640px){.output-panel-module-scss-module__WpAEFG__actions{gap:.25rem}}.output-panel-module-scss-module__WpAEFG__content{background:var(--card);flex:1;padding:1.5rem;overflow:auto}@media (max-width:640px){.output-panel-module-scss-module__WpAEFG__content{padding:.75rem}}.output-panel-module-scss-module__WpAEFG__output{height:100%}.output-panel-module-scss-module__WpAEFG__output .cm-editor{height:100%}@media (max-width:640px){.output-panel-module-scss-module__WpAEFG__output .cm-content{font-size:.75rem}}.output-panel-module-scss-module__WpAEFG__error{color:#f00026;color:lab(51.0185% 79.5015 53.9924)}.output-panel-module-scss-module__WpAEFG__placeholder{height:100%;color:var(--muted-foreground);justify-content:center;align-items:center;font-size:.875rem;display:flex}@media (max-width:640px){.output-panel-module-scss-module__WpAEFG__placeholder{font-size:.75rem}}.output-panel-module-scss-module__WpAEFG__loading{justify-content:center;align-items:center;height:100%;display:flex}.output-panel-module-scss-module__WpAEFG__spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite output-panel-module-scss-module__WpAEFG__spin}@keyframes output-panel-module-scss-module__WpAEFG__spin{to{transform:rotate(360deg)}}
.toolbar-module-scss-module__BvVIlG__container{border-bottom:1px solid var(--border);background:var(--card);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}@media (max-width:640px){.toolbar-module-scss-module__BvVIlG__container{gap:.5rem;padding:.5rem .75rem}}.toolbar-module-scss-module__BvVIlG__leftSection{align-items:center;gap:.75rem;display:flex}@media (max-width:640px){.toolbar-module-scss-module__BvVIlG__leftSection{flex:1;gap:.5rem}}.toolbar-module-scss-module__BvVIlG__formatSelector{align-items:center;gap:.5rem;display:flex}@media (max-width:480px){.toolbar-module-scss-module__BvVIlG__formatSelector{gap:.25rem}}.toolbar-module-scss-module__BvVIlG__formatLabel{color:var(--muted-foreground);font-size:.875rem}@media (max-width:480px){.toolbar-module-scss-module__BvVIlG__formatLabel{display:none}}.toolbar-module-scss-module__BvVIlG__formatButtons{border:1px solid var(--border);border-radius:.375rem;display:flex;overflow:hidden}.toolbar-module-scss-module__BvVIlG__formatButton{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .15s}.toolbar-module-scss-module__BvVIlG__formatButton:not(:last-child){border-right:1px solid var(--border)}.toolbar-module-scss-module__BvVIlG__formatButton:hover{background:var(--accent)}.toolbar-module-scss-module__BvVIlG__formatButton.toolbar-module-scss-module__BvVIlG__active{background:var(--primary);color:var(--primary-foreground)}@media (max-width:640px){.toolbar-module-scss-module__BvVIlG__formatButton{padding:.5rem .75rem}}.toolbar-module-scss-module__BvVIlG__shortcutHint{color:var(--muted-foreground);font-size:.75rem}@media (max-width:768px){.toolbar-module-scss-module__BvVIlG__shortcutHint{display:none}}.toolbar-module-scss-module__BvVIlG__kbd{background:var(--muted);border:1px solid var(--border);border-radius:.25rem;margin:0 .125rem;padding:.125rem .375rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.6875rem;display:inline-block}
.example-selector-module-scss-module__SGr91G__container{position:relative}.example-selector-module-scss-module__SGr91G__trigger{color:var(--card-foreground);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:.375rem;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.example-selector-module-scss-module__SGr91G__trigger:hover{background:var(--accent);border-color:var(--accent)}.example-selector-module-scss-module__SGr91G__icon{width:1rem;height:1rem}.example-selector-module-scss-module__SGr91G__chevron{width:.875rem;height:.875rem;transition:transform .2s}.example-selector-module-scss-module__SGr91G__chevron.example-selector-module-scss-module__SGr91G__open{transform:rotate(180deg)}.example-selector-module-scss-module__SGr91G__dropdown{z-index:50;background:var(--card);border:1px solid var(--border);border-radius:.5rem;min-width:280px;padding:.25rem;position:absolute;top:calc(100% + .25rem);left:0;box-shadow:0 4px 12px #00000026}.example-selector-module-scss-module__SGr91G__item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.375rem;flex-direction:column;align-items:flex-start;width:100%;padding:.625rem .75rem;transition:background .15s;display:flex}.example-selector-module-scss-module__SGr91G__item:hover{background:var(--accent)}.example-selector-module-scss-module__SGr91G__name{color:var(--card-foreground);font-size:.875rem;font-weight:500}.example-selector-module-scss-module__SGr91G__description{color:var(--muted-foreground);margin-top:.125rem;font-size:.75rem}
.theme-toggle-module-scss-module__5dwXZG__toggle{border:1px solid var(--border);cursor:pointer;width:2.25rem;height:2.25rem;color:var(--card-foreground);background:0 0;border-radius:.375rem;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.theme-toggle-module-scss-module__5dwXZG__toggle:hover{background:var(--accent);border-color:var(--accent)}.theme-toggle-module-scss-module__5dwXZG__icon{width:1.125rem;height:1.125rem}
.vague-playground-module-scss-module__L3Q2hG__container{background:var(--background);flex-direction:column;height:100dvh;display:flex}.vague-playground-module-scss-module__L3Q2hG__header{border-bottom:1px solid var(--border);background:var(--card);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}@media (max-width:640px){.vague-playground-module-scss-module__L3Q2hG__header{padding:.75rem 1rem}}.vague-playground-module-scss-module__L3Q2hG__logoSection{align-items:center;gap:.75rem;display:flex}@media (max-width:640px){.vague-playground-module-scss-module__L3Q2hG__logoSection{gap:.5rem}}.vague-playground-module-scss-module__L3Q2hG__logoImage{border-radius:50%;width:2.5rem;height:2.5rem}@media (max-width:640px){.vague-playground-module-scss-module__L3Q2hG__logoImage{width:2rem;height:2rem}}.vague-playground-module-scss-module__L3Q2hG__title{color:var(--card-foreground);font-size:1.25rem;font-weight:600}@media (max-width:640px){.vague-playground-module-scss-module__L3Q2hG__title{font-size:1rem}}.vague-playground-module-scss-module__L3Q2hG__subtitle{color:var(--muted-foreground);font-size:.875rem}@media (max-width:640px){.vague-playground-module-scss-module__L3Q2hG__subtitle{display:none}}.vague-playground-module-scss-module__L3Q2hG__headerActions{align-items:center;gap:.75rem;display:flex}@media (max-width:640px){.vague-playground-module-scss-module__L3Q2hG__headerActions{gap:.5rem}}.vague-playground-module-scss-module__L3Q2hG__docsLink{color:var(--muted-foreground);font-size:.875rem;text-decoration:none;transition:color .15s}.vague-playground-module-scss-module__L3Q2hG__docsLink:hover{color:var(--card-foreground)}@media (max-width:480px){.vague-playground-module-scss-module__L3Q2hG__docsLink{display:none}}.vague-playground-module-scss-module__L3Q2hG__main{flex:1;display:flex;overflow:hidden}@media (max-width:768px){.vague-playground-module-scss-module__L3Q2hG__main{flex-direction:column}}.vague-playground-module-scss-module__L3Q2hG__editorPanel{border-right:1px solid var(--border);flex-direction:column;width:50%;display:flex}@media (max-width:768px){.vague-playground-module-scss-module__L3Q2hG__editorPanel{border-right:none;border-bottom:1px solid var(--border);width:100%;height:50%;min-height:200px}}.vague-playground-module-scss-module__L3Q2hG__outputPanel{flex-direction:column;width:50%;display:flex}@media (max-width:768px){.vague-playground-module-scss-module__L3Q2hG__outputPanel{width:100%;height:50%;min-height:150px}}