:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f7f8;--surface:#fff;--surface-2:#eef3f4;--text:#172023;--muted:#6b777c;--border:#d8e0e3;--accent:#0f9f9a;--accent-strong:#087c79;--warning:#d88a1d;--code-bg:#f6f8fa;--shadow:0 18px 42px #1a2b301a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111719;--surface:#192225;--surface-2:#202c30;--text:#eef5f4;--muted:#9fb0b5;--border:#344247;--accent:#35c7bf;--accent-strong:#7fe4dd;--warning:#f0ad47;--code-bg:#12191c;--shadow:0 18px 42px #0000003d}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-rows:auto auto 1fr auto;min-height:100vh;display:grid}.topbar,.searchbar,.statusbar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, var(--bg))}.topbar{grid-template-columns:minmax(220px,280px) 1fr auto;align-items:center;gap:18px;min-height:68px;padding:10px 18px;display:grid}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand svg{color:var(--accent);flex:none}.brand strong{font-size:15px;line-height:1.2;display:block}.brand span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;display:block;overflow:hidden}.command-group{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.command-group.right{justify-content:flex-end}.icon-button{width:34px;height:34px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover,.icon-button.is-active{color:var(--accent-strong);background:color-mix(in srgb, var(--accent) 12%, transparent);border-color:color-mix(in srgb, var(--accent) 28%, var(--border))}.divider{background:var(--border);width:1px;height:28px;margin:0 4px}.hidden-input{display:none}.searchbar{grid-template-columns:auto minmax(140px,260px) auto minmax(140px,260px) auto auto 1fr;align-items:center;gap:8px;padding:10px 18px;display:grid}.searchbar svg{color:var(--muted)}.searchbar input{border:1px solid var(--border);background:var(--surface);min-width:0;height:34px;color:var(--text);border-radius:7px;outline:none;padding:0 10px}.searchbar input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.searchbar button{border:1px solid var(--border);background:var(--surface);height:34px;color:var(--text);border-radius:7px;padding:0 12px;font-size:13px}.searchbar button:hover{border-color:var(--accent)}.searchbar span{color:var(--muted);font-size:13px}.workspace{grid-template-columns:236px 1fr;min-height:0;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--surface);min-width:0;padding:14px 10px}.sidebar-title{color:var(--muted);letter-spacing:0;padding:0 8px 8px;font-size:12px;font-weight:700}.tab-list{gap:5px;display:grid}.file-tab{min-height:38px;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:1fr auto auto;align-items:center;gap:6px;padding:0 8px;display:grid}.file-tab span{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.file-tab i{background:var(--warning);border-radius:50%;width:7px;height:7px}.file-tab svg{color:var(--muted)}.file-tab:hover,.file-tab.is-active{background:var(--surface-2);border-color:var(--border)}.editor-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;min-width:0;min-height:0;padding:12px;display:grid}.editor-grid.view-editor,.editor-grid.view-preview{grid-template-columns:minmax(0,1fr)}.pane{background:var(--surface);border:1px solid var(--border);min-width:0;min-height:0;box-shadow:var(--shadow);border-radius:8px;grid-template-rows:42px 1fr;display:grid;overflow:hidden}.pane-header{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 82%, var(--surface-2));justify-content:space-between;align-items:center;gap:12px;padding:0 14px;display:flex}.pane-header strong{font-size:13px}.pane-header span{color:var(--muted);font-size:12px}textarea{resize:none;background:var(--surface);width:100%;min-height:0;color:var(--text);tab-size:2;border:0;outline:none;padding:22px;font:15px/1.7 Cascadia Code,Consolas,SFMono-Regular,monospace}.preview-body{min-height:0;color:var(--text);padding:22px 28px 64px;font-size:16px;line-height:1.7;overflow:auto}.preview-body>:first-child{margin-top:0}.preview-body h1,.preview-body h2,.preview-body h3{margin:1.4em 0 .55em;line-height:1.25}.preview-body h1{border-bottom:1px solid var(--border);padding-bottom:.28em;font-size:32px}.preview-body h2{border-bottom:1px solid var(--border);padding-bottom:.22em;font-size:23px}.preview-body h3{font-size:19px}.preview-body p,.preview-body ul,.preview-body ol,.preview-body blockquote,.preview-body table,.preview-body pre{margin:0 0 16px}.preview-body a{color:var(--accent-strong)}.preview-body blockquote{border-left:4px solid var(--border);color:var(--muted);padding:0 0 0 16px}.preview-body code{background:var(--code-bg);border:1px solid var(--border);border-radius:5px;padding:.12em .34em;font-family:Cascadia Code,Consolas,monospace;font-size:.9em}.preview-body pre{background:var(--code-bg);border:1px solid var(--border);border-radius:8px;padding:34px 16px 14px;position:relative;overflow:auto}.preview-body pre[data-language]:before{content:attr(data-language);border:1px solid var(--border);background:var(--surface);min-width:28px;height:20px;color:var(--muted);text-transform:lowercase;border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-size:11px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:8px;right:10px}.preview-body pre code{background:0 0;border:0;padding:0}.context-menu{z-index:40;border:1px solid var(--border);background:var(--surface);border-radius:8px;width:210px;padding:5px;position:fixed;box-shadow:0 14px 34px #0f1f242e}.context-menu button{width:100%;min-height:34px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;padding:0 9px;font-size:13px;display:flex}.context-menu button:hover,.context-menu button:focus-visible{background:color-mix(in srgb, var(--accent) 13%, transparent);color:var(--accent-strong);outline:none}.color-menu{width:180px}.color-swatch{border-radius:3px;flex-shrink:0;width:14px;height:14px;display:inline-block}.rename-input{border:1px solid var(--accent);background:var(--surface);width:100%;min-width:0;height:26px;color:var(--text);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);border-radius:5px;outline:none;padding:0 6px;font-size:13px}.preview-body table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.preview-body th,.preview-body td{border:1px solid var(--border);padding:8px 10px}.preview-body th{background:var(--surface-2);font-weight:700}.statusbar{border-top:1px solid var(--border);min-height:34px;color:var(--muted);border-bottom:0;align-items:center;gap:16px;padding:0 18px;font-size:12px;display:flex}@media (width<=980px){.topbar{grid-template-columns:1fr;align-items:start}.command-group.right{justify-content:flex-start}.workspace{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border)}.tab-list{padding-bottom:2px;display:flex;overflow-x:auto}.file-tab{min-width:168px}.editor-grid{grid-template-columns:1fr}}@media (width<=720px){.searchbar{grid-template-columns:auto 1fr}.searchbar button,.searchbar span{grid-column:span 1}.statusbar{flex-wrap:wrap;padding:8px 12px}}