*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1a1610;--surface:#211c14;--border:#333;--text:#f5f0e8;--muted:#f5f0e880;--accent:#f0c040;--font-ui:"DM Mono", monospace;--font-body:Georgia, "Times New Roman", serif}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);flex-direction:column;height:100vh;display:flex}#layout{flex-direction:column;width:100%;height:100vh}#topbar{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:48px;padding:0 20px;display:flex}#topbar-left{flex-shrink:0}.logo{letter-spacing:-.01em;font-size:14px;font-weight:500}.logo .accent{color:var(--accent)}.logo .tm{opacity:.5;vertical-align:super;font-size:8px}#topbar-center{flex:1;max-width:600px}#doc-title{width:100%;color:var(--text);font-family:var(--font-ui);text-align:center;background:0 0;border:none;border-bottom:1px solid #0000;outline:none;padding:4px 0;font-size:13px;transition:border-color .15s}#doc-title:focus{border-bottom-color:var(--accent)}#doc-title::placeholder{color:var(--muted)}#topbar-right{flex-shrink:0;align-items:center;gap:12px;display:flex}#word-count{opacity:.4;letter-spacing:.05em;font-size:11px}#export-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;font-family:var(--font-ui);opacity:.6;background:0 0;border-radius:4px;padding:4px 10px;font-size:13px;transition:opacity .15s}#export-btn:hover{opacity:1}#bg-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;opacity:.5;background:0 0;border-radius:4px;padding:4px 8px;font-size:14px;transition:opacity .15s}#bg-btn:hover{opacity:1}.panel-text{white-space:pre-wrap;font-size:11px;line-height:1.7;font-family:var(--font-ui);opacity:.8;margin:0}#source-view{width:100%;min-height:60vh;color:var(--text);font-family:var(--font-ui);resize:none;background:0 0;border:none;outline:none;font-size:14px;line-height:1.8}#source-view::placeholder{color:var(--muted)}#view-toggle{border:1px solid var(--border);border-radius:4px;display:flex;overflow:hidden}.view-btn{color:var(--text);cursor:pointer;font-family:var(--font-ui);opacity:.4;letter-spacing:.05em;background:0 0;border:none;padding:4px 10px;font-size:11px;transition:all .15s}.view-btn:first-child{border-right:1px solid var(--border)}.view-btn.active{opacity:1;color:var(--accent);background:#f0c0401a}.view-btn:hover:not(.active){opacity:.7}#format-toggle{border:1px solid var(--border);border-radius:4px;display:flex;overflow:hidden}.format-btn{color:var(--text);cursor:pointer;font-family:var(--font-ui);opacity:.4;letter-spacing:.05em;background:0 0;border:none;padding:4px 10px;font-size:11px;transition:all .15s}.format-btn:first-child{border-right:1px solid var(--border)}.format-btn.active{opacity:1;color:var(--accent);background:#f0c0401a}.format-btn:hover:not(.active){opacity:.7}#main{flex:1;display:flex;overflow:hidden}.page-margin{background:color-mix(in srgb, var(--bg) 85%, var(--text) 15%);flex-shrink:0;width:25%;min-width:120px;max-width:40%;overflow-y:auto}.resizer{background:var(--border);cursor:col-resize;flex-shrink:0;width:4px;transition:background .15s}.resizer:hover,.resizer.dragging{background:var(--accent)}#editor-wrapper{background:var(--bg);flex:1;min-width:200px;padding:48px 40px;overflow-y:auto}.aiuda-editor{font-family:var(--font-body);color:var(--text);outline:none;min-height:60vh;font-size:17px;line-height:1.8}.aiuda-editor p{margin-bottom:1em}.aiuda-editor h1{font-size:28px;font-weight:400;font-family:var(--font-body);color:var(--accent);border-bottom:1px solid var(--border);margin:1.5em 0 .5em;padding-bottom:8px}.aiuda-editor h2{font-size:22px;font-weight:400;font-family:var(--font-body);opacity:.9;margin:1.2em 0 .4em}.aiuda-editor h3{font-size:18px;font-style:italic;font-weight:400;font-family:var(--font-body);opacity:.8;margin:1em 0 .3em}.aiuda-editor strong{color:var(--accent);font-weight:600}.aiuda-editor em{opacity:.9;font-style:italic}.aiuda-editor ul,.aiuda-editor ol{margin:.5em 0 1em 1.5em}.aiuda-editor li{margin-bottom:.3em}.aiuda-editor blockquote{border-left:3px solid var(--accent);opacity:.8;margin:1em 0;padding-left:16px;font-style:italic}.aiuda-editor code{font-family:var(--font-ui);background:#ffffff0f;border-radius:3px;padding:1px 5px;font-size:14px}.aiuda-editor hr{border:none;border-top:1px solid var(--border);margin:2em 0}.aiuda-editor p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--muted);pointer-events:none;height:0;font-family:var(--font-ui);font-size:14px;font-style:normal}