:root{--bg:#fff;--surface:#fff;--text:#111;--muted:#555;--border:#d6d6d6;--accent:#0a64ad;--accent-strong:#084f89;--preview-bg:#fff;--control-bg:#fff;--control-text:#111;--control-hover:#f2f2f2;--panel-head-bg:#fafafa;--code-bg:#f8f8f8;--completion-hover:#eef4fb}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Tahoma,"MS Sans Serif",Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100%}button,input,select,textarea{font:inherit}.app-shell{max-width:1320px;margin:0 auto;padding:.75rem;display:grid;grid-gap:.75rem;gap:.75rem}.header{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);padding:.5rem}.brand{font-size:1rem;font-weight:700}.header-actions{display:flex;flex-wrap:wrap;gap:.5rem}.style-picker{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--border);padding:.3rem .4rem;background:var(--surface)}.style-picker select{padding:.15rem .35rem}.btn,.style-picker select{border:1px solid var(--border);background:var(--control-bg);color:var(--control-text)}.btn{padding:.35rem .65rem;text-decoration:none;cursor:pointer}.btn:hover{background:var(--control-hover)}.btn-accent{border-color:var(--accent-strong);background:var(--accent);color:#fff}.workspace{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem;min-height:72vh}.panel{background:var(--surface);border:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:.45rem .55rem;border-bottom:1px solid var(--border);background:var(--panel-head-bg)}.panel-body{position:relative;flex:1 1;min-height:0}.editor-wrap{height:100%;display:grid;grid-template-columns:auto 1fr;position:relative}.line-col{-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--panel-head-bg);border-right:1px solid var(--border);padding:.6rem .45rem;color:var(--muted);text-align:right;min-width:2.8rem;overflow:hidden}.line-col pre{margin:0;line-height:1.5;font-family:Consolas,Courier New,monospace}.editor-host{height:100%;overflow:auto}.editor-host pre,.editor-host textarea{margin:0!important;min-height:100%!important;font-family:Consolas,Courier New,monospace!important;font-size:.92rem!important;line-height:1.45!important;padding:.6rem!important}.editor-host textarea{outline:none}.completion-menu{position:absolute;right:.5rem;bottom:.5rem;width:min(330px,calc(100% - 1rem));border:1px solid var(--border);background:var(--surface);display:grid;grid-gap:.2rem;gap:.2rem;padding:.3rem;z-index:10}.completion-item{border:1px solid transparent;background:transparent;color:var(--text);text-align:left;padding:.3rem .4rem;display:flex;justify-content:space-between;gap:.45rem;cursor:pointer}.completion-item small{color:var(--muted)}.completion-item.is-active,.completion-item:hover{border-color:var(--accent);background:var(--completion-hover)}.preview{overflow:auto;padding:.7rem;background:var(--preview-bg)}.preview pre{overflow-x:auto;padding:.5rem;border:1px solid var(--border);background:var(--code-bg)}.preview code{font-family:Consolas,Courier New,monospace}.token.important,.token.title{color:#005f8c}.token.bold{font-weight:700}.token.italic{font-style:italic}.token.link,.token.url{color:#8c3b00}.token.blockquote,.token.code{color:#4d3f91}.preview table{border-collapse:collapse;width:100%}.preview td,.preview th{border:1px solid var(--border);padding:.35rem}.status{color:var(--muted);font-size:.82rem}.mobile-tabs{display:none;gap:.5rem}.wiki-page{display:grid;grid-gap:.6rem;gap:.6rem}.wiki-toolbar{display:flex;gap:.6rem;align-items:center;justify-content:space-between;background:var(--surface);padding:.45rem}.wiki-search,.wiki-toolbar{border:1px solid var(--border)}.wiki-search{width:100%;background:var(--control-bg);color:var(--control-text);padding:.4rem}.wiki-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:.6rem;gap:.6rem}.wiki-card{background:var(--surface);padding:.55rem;display:grid;grid-gap:.4rem;gap:.4rem}.wiki-card,.wiki-card pre{border:1px solid var(--border)}.wiki-card pre{margin:0;padding:.5rem;overflow:auto;font-family:Consolas,Courier New,monospace;font-size:.84rem;background:var(--code-bg)}.drop-active{outline:1px dashed var(--accent);outline-offset:-4px}@media (max-width:900px){.workspace{grid-template-columns:1fr}.mobile-tabs{display:flex}.workspace.mobile-editor .preview-panel,.workspace.mobile-preview .editor-panel{display:none}.wiki-toolbar{flex-direction:column;align-items:stretch}}