:root{--color-bg: #0d1117;--color-panel: #161b22;--color-surface: #21262d;--color-border: #30363d;--color-text: #e6edf3;--color-muted: #8b949e;--color-accent: #58a6ff;--color-error: #da3633;--color-codebg: #0d1117;--color-preview: #ffffff;--color-activebtn: #21262d}[data-theme=light]{--color-bg: #DFDEDC;--color-panel: #ffffff;--color-surface: #DFDEDC;--color-border: #A6A7A2;--color-text: #000000;--color-muted: #464545;--color-accent: #00ACAC;--color-error: #cf222e;--color-codebg: #DFDEDC;--color-preview: #ffffff;--color-activebtn: #A6A7A2}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.nav-link{font-weight:500;text-decoration:none;padding:0 16px;display:flex;align-items:center;align-self:stretch}.nav-link:hover,.nav-link.active{background:var(--color-activebtn)}.inspector-row{color:var(--color-muted)}.inspector-row:hover{background:var(--color-activebtn)}.inspector-row.selected{background:var(--color-activebtn);border-left-color:#f59e0b}.inspector-row:hover .kind-badge,.inspector-row.selected .kind-badge{color:var(--color-activebtn)!important}.editor-toolbar{width:44px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:6px 0;gap:2px}.toolbar-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:background .15s,opacity .15s}.toolbar-btn:hover:not(:disabled){background:var(--color-activebtn)}.toolbar-btn:disabled{cursor:default}.toolbar-sep{width:24px;border-top:1px solid var(--color-border);margin:4px 0}.editor-inspector{width:320px;flex-shrink:0;overflow:hidden}@media (max-width: 767px){.editor-overlay{flex-direction:column!important}.editor-toolbar{order:-1;width:100%;flex-direction:row;padding:0 8px;height:44px;border-bottom:1px solid var(--color-border);border-left:none!important}.toolbar-sep{width:0;height:24px;border-top:none;border-left:1px solid var(--color-border);margin:0 4px}.editor-inspector{order:1;width:100%;height:260px;border-top:1px solid var(--color-border);border-left:none!important}}.split-panel{display:flex;flex:1;overflow:hidden;flex-direction:row}@media (max-width: 767px){.split-panel{flex-direction:column}.split-panel>*{border-right:none!important;border-bottom:1px solid var(--color-border)}.toolbar-hint{display:none}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}