:root{--theme-color: #ff6d3cff;--dropdown-color: #c0a0a0ff}.material-icons{font-family:Google Material Icons}.toolbar-flags,.toolbar-codegen-tracing{display:flex;align-items:center}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5}@media (prefers-color-scheme: dark){html{background:#1e1e1e}}button,input,select{font-family:inherit;font-size:100%}body{margin:0}.cursor-wait,.cursor-wait *{cursor:wait!important}app-root,app-main,app-embed{display:flex;flex-direction:column;height:100vh;width:100vw;padding:0;margin:0}header{padding:.5rem;display:flex;background:oklch(from var(--theme-color) calc(l - .09) calc(c + .018) h);color:#fff}header h1{margin:0 .5rem;font-size:1.25rem;font-weight:700;flex-grow:1}header h1 .build-label{font-size:.75rem;font-weight:300}header .toolbar{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;padding:0 .5rem;align-items:center;justify-content:flex-end}header .toolbar>label{font-size:.875rem}header .toolbar>label input,header .toolbar>label select{margin:0 .5rem;font-size:1rem;display:inline-block}header .toolbar button.share-button{appearance:none;cursor:pointer;background:oklch(from var(--theme-color) calc(l - .24) calc(c - .008) h);color:#fff;border:1px solid oklch(from var(--theme-color) calc(l - .36) c h);border-radius:4px;padding:.25rem .75rem;font-size:.875rem;font-weight:500;transition:background-color .15s ease}header .toolbar button.share-button:hover{background:oklch(from var(--theme-color) calc(l - .15) calc(c - .008) h)}app-shortn{display:inline-flex;align-items:center}app-shortn button{appearance:none;cursor:pointer;background:none;border:0;color:inherit}app-shortn .shortn-popup{position:absolute;top:1.5rem;right:1.5rem;display:flex;flex-direction:row;align-items:center;background:#fff;color:#000;border:2px solid oklch(from var(--theme-color) calc(l - .36) c h);font-size:1.25rem;padding:.5rem}.tab-bar{width:100%;display:flex;color:#fff;background:oklch(from var(--theme-color) calc(l - .24) calc(c - .008) h);padding:.5rem 0 0;margin:0 0 .5rem}.tab-bar .app-tabs{display:inline-block}.tab-bar .app-tabs .tab{display:inline-block;cursor:default;border:2px solid oklch(from var(--theme-color) calc(l - .27) calc(c - .009) h);border-bottom-width:0;border-top-left-radius:.5rem;border-top-right-radius:.5rem;padding:.5rem;vertical-align:middle;font-size:.875rem;background:oklch(from var(--theme-color) calc(l - .24) calc(c - .008) h)}.tab-bar .app-tabs .tab.selected{background:oklch(from var(--theme-color) calc(l - .09) calc(c - .009) h)}.tab-bar .app-tabs .tab:hover,.tab-bar .app-tabs .tab.selected:hover{background:var(--theme-color)}.tab-bar .app-tabs .tab span{display:inline-block}.tab-bar .app-tabs .tab span.icon{padding-left:.5rem;cursor:pointer;vertical-align:middle;font-size:.875rem}.dropdown{display:inline-flex;align-items:center;position:relative}.dropdown button{appearance:none;color:inherit;background:none;cursor:pointer;border:0;opacity:.5;padding:0 .5rem}.dropdown .dropdown-content{position:absolute;z-index:10;top:2rem;left:0;display:none}.dropdown .dropdown-content>div{padding:.5rem;font-size:.875rem;color:#000;background:oklch(from var(--dropdown-color) calc(l + .18) calc(c - .018) h);cursor:pointer}.dropdown .dropdown-content>div.header{cursor:default;font-size:.75rem;color:var(--dropdown-color)}.dropdown .dropdown-content>div.highlight{background:oklch(from var(--dropdown-color) calc(l + .21) calc(c - .021) h)}.dropdown:hover .dropdown-content{display:inline-block}main{display:grid;flex-grow:1;grid-template-columns:4fr 4px 6fr;min-height:0;overflow:hidden}main .pane{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.editor-container{flex:1 1 0;min-height:0;position:relative}main .pane>monaco-editor{display:block;flex-grow:1;position:relative}main .pane>monaco-editor>.monaco-editor{position:absolute}main .resizer{background:oklch(from var(--theme-color) calc(l + .18) calc(c - .018) h);cursor:col-resize}.doxygen-section{height:250px;min-height:0;flex-shrink:0;overflow:hidden;border-top:1px solid #ccc;padding:10px;background:#f9f9f9;font-family:monospace;color:#000;display:flex;flex-direction:column;box-sizing:border-box;transition:height .2s ease-in-out}.doxygen-section.collapsed{height:40px;overflow:hidden;padding-bottom:0}.doxygen-header-container{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #ddd;padding-bottom:5px;margin-bottom:10px}.doxygen-section.collapsed .doxygen-header-container{border-bottom:none;margin-bottom:0;padding-bottom:0}.doxygen-header{margin:0;color:#333;font-size:1rem}.doxygen-panel-toggle-icon{color:#666;font-size:20px!important;display:inline-flex;align-items:center;justify-content:center}.doxygen-content{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column}.doxygen-error{color:red;padding:5px;background:#fee;border:1px solid #fdd;margin-bottom:10px}.doxygen-empty{color:#666;font-style:italic}.symbol-tree-container{display:flex;flex-direction:column;gap:2px}.symbol-tree-row{display:flex;align-items:center;padding:4px 8px;cursor:pointer;border-radius:4px;-webkit-user-select:none;user-select:none;transition:background-color .1s ease}.symbol-tree-row:hover{background-color:#f0f0f0}.symbol-tree-row.selected{background-color:#e0e0e0}.symbol-toggle-icon{font-size:16px!important;margin-right:4px;color:#666;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}.symbol-kind-badge{font-size:.75rem;padding:1px 5px;border-radius:3px;margin-right:8px;font-weight:600;text-transform:uppercase;display:inline-block;min-width:65px;text-align:center}.symbol-name{color:#111;font-weight:700}.symbol-location{color:#666;font-size:.85em;margin-left:auto;font-family:monospace}.symbol-kind-badge[data-kind=namespace]{background-color:#e1f5fe;color:#0288d1}.symbol-kind-badge[data-kind=class]{background-color:#efebe9;color:#5d4037}.symbol-kind-badge[data-kind=struct]{background-color:#ede7f6;color:#5e35b1}.symbol-kind-badge[data-kind=function]{background-color:#e8f5e9;color:#2e7d32}.symbol-kind-badge[data-kind=variable]{background-color:#fff3e0;color:#ef6c00}.symbol-kind-badge[data-kind=typedef]{background-color:#fce4ec;color:#c2185b}.symbol-kind-badge[data-kind=union]{background-color:#fffde7;color:#f57f17}.symbol-kind-badge[data-kind=enum]{background-color:#e0f2f1;color:#004d40}@media (prefers-color-scheme: dark){.doxygen-section{background:#1e1e1e;border-top:1px solid #444;color:#fff}.doxygen-header-container{border-bottom:1px solid #444}.doxygen-section.collapsed .doxygen-header-container{border-bottom:none}.doxygen-header{color:#eee}.doxygen-panel-toggle-icon,.doxygen-empty{color:#aaa}.symbol-tree-row:hover{background-color:#2d2d2d}.symbol-tree-row.selected{background-color:#383838}.symbol-name{color:#eee}.symbol-location{color:#aaa}.symbol-kind-badge[data-kind=namespace]{background-color:#0b2f44;color:#4fc3f7}.symbol-kind-badge[data-kind=class]{background-color:#2d2421;color:#d7ccc8}.symbol-kind-badge[data-kind=struct]{background-color:#241933;color:#d1c4e9}.symbol-kind-badge[data-kind=function]{background-color:#1b301c;color:#81c784}.symbol-kind-badge[data-kind=variable]{background-color:#321;color:#ffb74d}.symbol-kind-badge[data-kind=typedef]{background-color:#331420;color:#f48fb1}.symbol-kind-badge[data-kind=union]{background-color:#333111;color:#fff176}.symbol-kind-badge[data-kind=enum]{background-color:#0d2d2a;color:#4db6ac}}.embed-container{display:flex;flex-direction:column;height:100vh;width:100vw;box-sizing:border-box;background:#f5f5f5}.embed-header{display:flex;align-items:center;justify-content:space-between;padding:.35rem .75rem;background:oklch(from var(--theme-color) calc(l - .09) calc(c + .018) h);color:#fff;font-size:.875rem}.embed-header .embed-title{display:flex;align-items:center;gap:.5rem;font-weight:600}.embed-header .badge{background:#fff3;padding:.1rem .4rem;border-radius:3px;font-size:.75rem;font-family:monospace}.embed-header button.mode-badge-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.15rem .5rem;border-radius:3px;font-size:.75rem;font-family:inherit;cursor:pointer;transition:all .15s ease}.embed-header button.mode-badge-btn.is-editable{background:#2e7d32;border-color:#1b5e20;color:#fff;font-weight:600}.embed-header .embed-actions{display:flex;align-items:center;gap:.75rem}.view-mode-toggle{display:flex;background:#0003;border-radius:4px;padding:2px}.view-mode-toggle button{background:none;border:none;color:#fff;font-size:.75rem;padding:.15rem .5rem;cursor:pointer;border-radius:3px;opacity:.8}.view-mode-toggle button.active{background:#fff;color:#111;opacity:1;font-weight:600}.open-external-btn{background:none;border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:4px;padding:.2rem .5rem;font-size:.75rem;cursor:pointer;text-decoration:none;display:inline-block;transition:background .15s ease}.open-external-btn:hover{background:#ffffff26}.embed-main{display:flex;flex:1 1 0;min-height:0;height:calc(100vh - 40px)}.embed-main.view-split .embed-pane{flex:1 1 0;width:50%}.embed-main.view-input .embed-pane.input-pane,.embed-main.view-output .embed-pane.output-pane{flex:1 1 0;width:100%}.embed-pane{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;border-right:1px solid #ddd}.embed-pane.hidden{display:none!important}.pane-tab-bar{display:flex;background:oklch(from var(--theme-color) calc(l - .24) calc(c - .008) h);color:#fff;padding:.25rem .5rem 0;font-size:.75rem}.pane-tab{padding:.3rem .6rem;border-top-left-radius:4px;border-top-right-radius:4px;background:oklch(from var(--theme-color) calc(l - .24) calc(c - .008) h);cursor:pointer}.pane-tab.selected{background:oklch(from var(--theme-color) calc(l - .09) calc(c - .009) h);font-weight:600}@media (prefers-color-scheme: dark){.embed-container{background:#1e1e1e}.embed-pane{border-right-color:#333}}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card{background:#fff;color:#111;border-radius:8px;width:90%;max-width:560px;box-shadow:0 10px 25px #00000040;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:oklch(from var(--theme-color) calc(l - .09) calc(c + .018) h);color:#fff}.modal-header h2{margin:0;font-size:1.1rem;font-weight:600}.modal-close-btn{background:none;border:none;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;opacity:.8}.modal-close-btn:hover{opacity:1}.modal-body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.share-section{display:flex;flex-direction:column;gap:.5rem}.share-section-title-row{display:flex;align-items:center;justify-content:space-between}.share-label{font-weight:600;font-size:.875rem}.editable-toggle-label{display:flex;align-items:center;gap:.35rem;font-size:.8rem;cursor:pointer}.share-sublabel{font-size:.8rem;color:#555;font-weight:500}.embed-options-row{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.view-mode-selector,.view-mode-toggle{display:inline-flex;background:#e0e0e0;border:1px solid #ccc;border-radius:6px;padding:2px;gap:2px}.view-mode-selector button,.view-mode-toggle button{appearance:none;border:none;background:transparent;color:#555;font-size:.8rem;font-weight:500;padding:.2rem .6rem;border-radius:4px;cursor:pointer;transition:all .15s ease}.view-mode-selector button:hover,.view-mode-toggle button:hover{color:#111;background:#ffffff80}.view-mode-selector button.active,.view-mode-selector button.selected,.view-mode-toggle button.active,.view-mode-toggle button.selected{background:oklch(from var(--theme-color) calc(l - .09) calc(c + .018) h)!important;color:#fff!important;font-weight:700;box-shadow:0 1px 3px #00000040;opacity:1!important}.share-input-group{display:flex;gap:.5rem}.share-input-group.vertical{flex-direction:column}.share-input-group input[type=text],.share-input-group textarea{flex:1;padding:.4rem .6rem;border:1px solid #ccc;border-radius:4px;font-family:monospace;font-size:.85rem;background:#f9f9f9}.share-input-group button{appearance:none;background:oklch(from var(--theme-color) calc(l - .24) calc(c - .008) h);color:#fff;border:none;border-radius:4px;padding:.4rem .8rem;font-size:.85rem;cursor:pointer;white-space:nowrap}.share-divider{border:0;border-top:1px solid #eee;margin:.25rem 0}@media (prefers-color-scheme: dark){.modal-card{background:#252526;color:#eee}.share-input-group input[type=text],.share-input-group textarea{background:#1e1e1e;color:#fff;border-color:#444}.share-divider{border-top-color:#3c3c3c}}
