.actions button{padding:7px 10px;border:1px solid #293750!important;border-radius:7px!important;color:#a9b7ce}.detail article mark{background:transparent;color:#62dbff}.detail article code,.editor-preview code{padding:2px 5px;border-radius:4px;background:#192235;color:#86e7ff}.detail article pre,.editor-preview pre{padding:12px;border:1px solid #26344c;border-radius:8px;background:#080c14;overflow:auto}.editor-overlay{position:fixed;inset:0;z-index:50;display:grid;grid-template:78px 50px 1fr 70px/1fr;background:#080c14}.editor-head{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;border-bottom:1px solid var(--line);background:#0b111c}.editor-head small,.editor-preview>small{color:#49d9ff;letter-spacing:.18em}.editor-head h1{margin:4px 0;font-size:22px}.editor-head button{width:36px;height:36px;border:1px solid #2c3a52;border-radius:8px;background:#111827;cursor:pointer}.editor-tabs{display:flex;gap:4px;padding:7px 28px;border-bottom:1px solid var(--line);background:#0b111c}.editor-tabs button{padding:7px 14px;border:0;border-radius:7px;background:transparent;color:#7d89a2;cursor:pointer}.editor-tabs button.on{background:#17263b;color:#fff}.editor-body{display:grid;grid-template-columns:minmax(460px,1.12fr) minmax(340px,.88fr);min-height:0}.editor-form{padding:24px 28px;overflow:auto}.editor-form.hidden{display:none}.editor-form label{display:block;margin-bottom:17px;color:#aab6ca;font-size:11px;font-weight:700}.editor-form input,.editor-form select,.editor-form textarea{display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid #2a3851;border-radius:8px;background:#0b111c;outline:0}.editor-form input:focus,.editor-form select:focus,.editor-form textarea:focus{border-color:#3cbde1;box-shadow:0 0 0 3px #49d9ff12}.editor-form textarea{min-height:100px;resize:vertical;line-height:1.55}.editor-form textarea.raw{min-height:480px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.relations{margin-top:24px;padding:18px;border:1px solid #243149;border-radius:12px;background:#0a0f19}.chips{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.chips button{padding:6px 9px;border:1px solid #2c6f82;border-radius:999px;background:#102836;color:#73e3ff;cursor:pointer}.relation-list{display:grid;gap:6px}.relation-list>button{display:grid;grid-template-columns:1fr auto;padding:10px 12px;border:1px solid #222f45;border-radius:8px;background:#0e1521;text-align:left;cursor:pointer}.relation-list>button:hover{border-color:#3e7890}.relation-list b{font-size:12px}.relation-list small{grid-row:2;color:#748198;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.relation-list i{grid-column:2;grid-row:1/3;align-self:center;color:#49d9ff}.editor-preview{padding:25px;border-left:1px solid var(--line);background:radial-gradient(circle at 50% 20%,#101b2e,#090d15 62%);overflow:auto}.editor-preview article{margin-top:18px;color:#b7c2d5;font-size:12px;line-height:1.7}.editor-preview h2{font-size:22px;color:#fff}.editor-preview h3{margin-top:25px;color:#fff}.editor-preview mark{background:transparent;color:#5fdcff}.editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:13px 28px;border-top:1px solid var(--line);background:#0b111c}.editor-actions span{margin-right:auto;color:#ff7288}.editor-actions button{padding:10px 17px;border:1px solid #2b3950;border-radius:8px;background:#111827;cursor:pointer}.editor-actions .save-note{border:0;background:linear-gradient(135deg,#29bee4,#446cff);font-weight:800}.md-toolbar{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.md-toolbar button{padding:6px 9px;border:1px solid #2b3950;border-radius:6px;background:#111928;color:#aebbd0;cursor:pointer}
@media(max-width:850px){.editor-body{display:block;overflow:auto}.editor-form,.editor-preview{overflow:visible}.editor-preview{border-left:0;border-top:1px solid var(--line)}.form-row{grid-template-columns:1fr}.editor-overlay{grid-template-rows:72px 48px 1fr 66px}.editor-tabs,.editor-head,.editor-form,.editor-preview,.editor-actions{padding-left:15px;padding-right:15px}.editor-head h1{font-size:18px}}