:root{--bg:#0b0c10;--panel:#11131a;--muted:#9aa4b2;--text:#e7ecf3;--border:#22263a;--btn:#1a1f33;--btnH:#252c46;--accent:#7aa2f7}
*{box-sizing:border-box}
html,body{height:100%;margin:0;overflow:hidden;touch-action:manipulation}
body{font:14px/1.5 system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);display:flex;flex-direction:column}

.topbar{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--panel);overflow-x:auto;white-space:nowrap}
.brand{font-weight:bold;color:var(--accent);margin-right:15px}
.actions{display:flex;align-items:center;gap:5px}
.btn{background:var(--btn);color:var(--text);border:1px solid var(--border);padding:6px 12px;border-radius:10px;cursor:pointer;font-size:12px;transition:0.2s;user-select:none;-moz-user-select:none}
.btn:hover{background:var(--btnH);border-color:var(--accent)}
.sep{width:1px;height:18px;background:var(--border);margin:0 4px}

.layout{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px;height:calc(100vh - 90px);flex:1}
@media (max-width: 800px){ .layout{grid-template-columns:1fr;grid-template-rows:1fr 1fr} .brand{display:none} }

.pane{background:var(--panel);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}
.paneTitle{padding:8px 15px;font-size:11px;color:var(--muted);background:rgba(255,255,255,0.02);border-bottom:1px solid var(--border)}
#editor{flex:1;background:transparent;color:var(--text);border:0;outline:none;padding:15px;resize:none;font-family:monospace;font-size:14px;line-height:1.6}
.status{padding:6px 15px;font-size:11px;color:var(--muted);border-top:1px solid var(--border);text-align:right}
.preview{padding:20px;overflow:auto;height:100%}

/* 核心优化：行内代码显式样式 */
.preview code {
  background: rgba(122, 162, 247, 0.15);
  color: var(--accent);
  padding: 2px 5px;
  margin: 0 2px;
  border-radius: 6px;
  font-family: monospace;
  font-size: 0.9em;
  border: 1px solid rgba(122, 162, 247, 0.2);
}

/* 预览渲染增强 */
.preview img{max-width:100%;border-radius:8px;border:1px solid var(--border);margin:10px 0}
.preview table{width:100%;border-collapse:collapse;margin:15px 0}
.preview th, .preview td{border:1px solid var(--border);padding:8px 12px}
.preview th{background:rgba(122,162,247,0.1);color:var(--accent)}
.preview del{color:var(--muted)}
.preview input[type="checkbox"]{margin-right:8px;vertical-align:middle}

/* Folder 折叠块样式适配 NodeSeek */
.preview details{border:1px solid var(--border);border-radius:12px;margin:15px 0;background:rgba(122, 162, 247, 0.05);overflow:hidden}
.preview summary{padding:10px 15px;cursor:pointer;font-weight:bold;color:var(--accent);list-style:none}
.preview summary::before{content:'▶';font-size:10px;margin-right:10px;display:inline-block;transition:0.2s}
.preview details[open] summary::before{transform:rotate(90deg)}
.preview .details-content{padding:15px;border-top:1px solid var(--border)}

/* Emoji 与 Footer 保留 */
.emoji-picker{position:absolute;top:55px;right:15px;width:320px;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,0.6);z-index:1000;display:flex;flex-direction:column;overflow:hidden}
.emoji-tabs{display:flex;background:var(--btn);border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}
.emoji-tab{padding:10px 15px;cursor:pointer;font-size:12px;color:var(--muted);white-space:nowrap}
.emoji-tab.active{color:var(--accent);background:var(--btnH);font-weight:bold}
.emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding:10px;max-height:240px;overflow-y:auto}
.emoji-item{display:flex;align-items:center;justify-content:center;font-size:22px;padding:8px;cursor:pointer;border-radius:8px;transition:0.2s}
.emoji-item:hover{background:var(--btnH);transform:scale(1.15)}
.footer{display:flex;align-items:center;justify-content:center;padding:8px;font-size:11px;color:var(--muted);background:var(--panel);border-top:1px solid var(--border);flex-shrink:0}
.footer a{color:var(--accent);text-decoration:none}