*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#1e1e1e;color:#d4d4d4;height:100dvh;display:flex;flex-direction:column;overflow:hidden}header{background:#2d2d30;padding:1rem 2rem;border-bottom:1px solid #3e3e42;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}h1{font-size:1.5rem;font-weight:600;color:#fff}.header-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.github-link{color:#d4d4d4;transition:color .2s}.github-link:hover{color:#fff}button{background:#0e639c;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s}button:hover{background:#17b}button:disabled{background:#454545;cursor:not-allowed}.container{flex:1;display:grid;grid-template-columns:1fr 400px;gap:1px;background:#3e3e42;overflow:hidden}@media (max-width: 900px){.container{grid-template-columns:1fr;grid-template-rows:auto auto;overflow-y:auto}.sidebar{order:-1}#editor{min-height:50vh}}.editor-container{display:flex;flex-direction:column;background:#1e1e1e}.editor-header{background:#2d2d30;padding:.5rem 1rem;border-bottom:1px solid #3e3e42;font-size:.85rem;font-weight:500}#editor{flex:1}.sidebar{background:#252526;display:flex;flex-direction:column;overflow:hidden}.panel-content{flex:1;padding:1rem;overflow-y:auto;font-size:.9rem}.type-info{background:#2d2d30;padding:.75rem;border-radius:4px;margin-bottom:1rem;border-left:3px solid #0e639c}.type-info-label{font-size:.75rem;text-transform:uppercase;color:#858585;margin-bottom:.25rem}.type-info-value{font-family:Consolas,Monaco,monospace;color:#4ec9b0;font-size:1rem}.error{background:#5a1d1d;border-left-color:#f48771}.error .type-info-value{color:#f48771}.success{border-left-color:#4ec9b0}.code-output{background:#1e1e1e;padding:1rem;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:.85rem;white-space:pre-wrap;word-break:break-all;max-height:300px;overflow-y:auto}.globals-panel{background:#2d2d30;padding:.75rem;border-radius:4px;margin-top:1rem;border-left:3px solid #0e639c}.globals-panel textarea{width:100%;background:#1e1e1e;color:#d4d4d4;border:1px solid #3e3e42;border-radius:4px;padding:.5rem;font-family:Consolas,Monaco,monospace;font-size:.85rem;resize:vertical;min-height:90px}.globals-controls{display:flex;gap:.5rem;margin-top:.5rem;align-items:center}.globals-controls label{color:#d4d4d4;font-size:.85rem}.globals-controls input{margin-left:.5rem;padding:.25rem .5rem;border-radius:4px;border:1px solid #3e3e42;background:#1e1e1e;color:#d4d4d4}.execution-result{background:#2d2d30;padding:.75rem;border-radius:4px;margin-top:1rem}.result-label{font-size:.75rem;text-transform:uppercase;color:#858585;margin-bottom:.5rem}.result-value{font-family:Consolas,Monaco,monospace;color:#ce9178}.examples{display:flex;flex-direction:column;gap:.5rem}.example-btn{background:#3e3e42;text-align:left;padding:.75rem;border-radius:4px;border:1px solid #3e3e42;color:#d4d4d4;transition:all .2s}.example-btn:hover{background:#505050;border-color:#0e639c}.example-title{font-weight:600;margin-bottom:.25rem}.example-desc{font-size:.8rem;color:#858585}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.5rem}.status-success{background:#4ec9b0}.status-error{background:#f48771}.tabs{display:flex;background:#2d2d30;border-bottom:1px solid #3e3e42;overflow-x:auto}.tab{padding:.5rem 1rem;cursor:pointer;border-bottom:2px solid transparent;font-size:.85rem;transition:all .2s;white-space:nowrap}.tab:hover{background:#3e3e42}.tab.active{border-bottom-color:#0e639c;color:#fff}.tab-content{display:none;flex:1;overflow-y:auto;padding:1rem}.tab-content.active{display:block}@media (max-width: 600px){h1{font-size:1.2rem}header{padding:.75rem 1rem}button{padding:.4rem .8rem;font-size:.8rem}.panel-content{padding:.75rem}.code-output{font-size:.8rem}}.mobile-toggle{display:none;background:#0e639c;color:#fff;border:none;padding:.5rem .75rem;border-radius:4px;font-size:1.2rem;cursor:pointer}.mobile-toggle:hover{background:#17b}.sidebar-wrapper{position:relative}.sidebar{background:#252526;display:flex;flex-direction:column;overflow:hidden;height:100%;transition:transform .3s ease}@media (max-width: 900px){.mobile-toggle{display:block}.sidebar-wrapper{position:fixed;top:0;right:0;width:80%;max-width:360px;height:100%;background:#252526;z-index:2000;transform:translate(100%);transition:transform .3s ease;box-shadow:-2px 0 8px #00000080}.sidebar-wrapper.active{transform:translate(0)}.sidebar-overlay{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1500;display:none}.sidebar-overlay.active{display:block}.container{grid-template-columns:1fr}.editor-container{z-index:1}}