@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--ink: #1c2321;--ink-soft: #4c5652;--paper: #eef1ef;--panel: #ffffff;--line: #d7ddda;--accent: #b8712c;--accent-soft: #f2e2cd;--pine: #3f6659;--pine-soft: #e2ebe7;--danger: #a8432f;--radius: 3px;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}#app{height:100vh}.shell{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-bottom:1px solid var(--line);background:var(--panel)}.brand{display:flex;align-items:baseline;gap:8px;font-family:var(--mono)}.brand-mark{font-size:17px;font-weight:600;letter-spacing:-.01em}.brand-sep{color:var(--line)}.brand-sub{color:var(--ink-soft);font-size:14px}.topbar-actions{display:flex;gap:8px}.btn{font-family:var(--sans);font-size:13px;font-weight:500;padding:8px 14px;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}.btn-ghost:hover{border-color:var(--ink-soft)}.btn-primary{background:var(--accent);color:#fff8ef}.btn-primary:hover{background:#a3651f}.workspace{flex:1;display:grid;grid-template-columns:320px 340px 1fr;min-height:0}.pane{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line)}.pane:last-child{border-right:none}.pane-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line)}.pane-head h2{margin:0;font-size:13px;font-weight:600;color:var(--ink-soft)}.icon-btn{font-family:var(--mono);font-size:12px;background:var(--pine-soft);color:var(--pine);border:none;border-radius:var(--radius);padding:4px 8px;cursor:pointer}.icon-btn:hover{background:#d3e2db}.pane-tree{background:var(--panel)}.tree{overflow-y:auto;padding:6px 0;font-family:var(--mono);font-size:13px}.row{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;cursor:pointer;border-left:2px solid transparent}.row:hover{background:var(--paper)}.row-selected{background:var(--accent-soft);border-left-color:var(--accent)}.row-folder .row-label{color:var(--pine);font-weight:500}.row-file .row-label{color:var(--ink)}.row-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-actions{display:flex;gap:4px;opacity:0;transition:opacity .1s ease;flex-shrink:0}.row:hover .row-actions,.row-selected .row-actions{opacity:1}.row-btn{font-family:var(--mono);font-size:11px;border:1px solid var(--line);background:var(--panel);color:var(--ink-soft);border-radius:var(--radius);padding:1px 6px;cursor:pointer}.row-btn:hover{border-color:var(--ink-soft);color:var(--ink)}.pane-inspector{background:var(--panel)}.inspector{overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:5px}.field-label{font-size:12px;font-weight:600;color:var(--ink-soft)}.field-hint{font-size:11px;color:var(--ink-soft)}.note-mdnote-preview{display:block;font-family:var(--mono);font-size:11px;line-height:1.5;color:var(--ink-soft);background:var(--paper);border:1px dashed var(--line);border-radius:var(--radius);padding:6px 8px;word-break:break-all;white-space:pre-wrap;min-height:1.5em}.hint{font-size:12px;color:var(--ink-soft);line-height:1.5}input[type=text],input[type=number],select,textarea{font-family:var(--sans);font-size:13px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:7px 9px;width:100%}input[type=text]:focus,input[type=number]:focus,select:focus,textarea:focus{outline:2px solid var(--pine);outline-offset:1px}textarea{resize:vertical;font-family:var(--sans)}.checkbox-line{display:flex;align-items:center;gap:8px;font-size:13px}.size-fields{display:flex;flex-direction:column;gap:8px}.size-range{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pane-preview{background:#fff}.preview{margin:0;padding:16px;font-weight:700;overflow:auto;font-family:var(--mono);font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;color:#000}.rx-esc{color:#b35900;font-weight:600}.rx-class{color:#0550ae}.rx-quant{color:#b62324;font-weight:600}.rx-anchor{color:#8250df;font-weight:600}.rx-group{color:#b62324}.rx-alt{color:#b62324;font-weight:600}.hljs-string{color:#004cbd}.hljs-keyword{color:#ff7b72}.import-dialog{border:1px solid var(--line);border-radius:var(--radius);padding:0;width:min(560px,90vw)}.import-dialog::backdrop{background:#1c232159}.import-form{padding:20px;display:flex;flex-direction:column;gap:10px}.import-form h3{margin:0;font-size:15px}#import-text{font-family:var(--mono);font-size:12.5px}.import-error{margin:0;font-size:12px;color:var(--danger);min-height:16px}.import-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}@media(max-width:900px){.workspace{grid-template-columns:1fr;grid-auto-rows:minmax(220px,auto);overflow-y:auto}.pane{border-right:none;border-bottom:1px solid var(--line)}}