.note-image-wrap { isolation:isolate; }
.note-image-wrap:focus-visible,.note-image-selected { outline:2px solid #d4af37; outline-offset:5px; }
.note-image-wrap[tabindex] { cursor:pointer; }
.note-image-wrap .note-image-move,.note-image-wrap .note-image-resize { position:absolute;z-index:2;width:30px;height:30px;min-height:30px;padding:0;line-height:28px;border:1px solid #ba9c51;border-radius:5px;background:#1a211c;color:#f2d58c;font-size:19px;touch-action:none;opacity:.65; }
.note-image-wrap:hover button,.note-image-selected button { opacity:1; }
.note-image-move { top:0;left:0;cursor:grab; }
.note-image-resize { bottom:0;right:0;cursor:nwse-resize; }
.note-image-panel { position:fixed;z-index:10020;bottom:16px;right:16px;width:330px;max-width:calc(100vw - 32px);max-height:65vh;overflow:auto;box-sizing:border-box;padding:14px;border:1px solid #a98b45;border-radius:12px;background:#18201bf5;color:#eee5cf;box-shadow:0 10px 40px #0008;font:13px/1.45 system-ui,sans-serif; }
.note-image-panel .ni-heading,.note-image-panel .ni-row {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;flex-wrap:wrap;}
.note-image-panel label {display:flex;align-items:center;gap:7px;font-size:12px;letter-spacing:0;text-transform:none;color:#eee5cf;}
.note-image-panel input,.note-image-panel select {box-sizing:border-box;min-width:0;width:auto;max-width:165px;min-height:32px;border:1px solid #58604c;border-radius:5px;background:#101811;color:#eee5cf;padding:4px;font:inherit;}
.note-image-panel input[type=range] {flex:1;max-width:none;accent-color:#d4af37;}
.note-image-panel input[type=number] {width:58px;}
.note-image-panel button {min-height:32px;cursor:pointer;border:1px solid #58604c;border-radius:5px;background:#283027;color:#eee5cf;padding:4px 8px;font:inherit;}
.note-image-panel button:hover,.note-image-panel button[aria-pressed=true] {border-color:#d4af37;background:#3e4228;}
.note-image-panel small {display:block;color:#b9bbaa;font-size:11px;margin-top:10px;}
.note-image-drop-marker {display:none;position:fixed;height:3px;background:#e5bd5f;box-shadow:0 0 8px #e5bd5f;pointer-events:none;z-index:10030;}
@media(max-width:600px) {.note-image-panel {bottom:8px;right:8px;max-width:calc(100vw - 16px);max-height:48vh;} .note-image-panel button {min-height:38px;} }

/* The same editable surface in the standalone sheet and React Vault. */
.note-visual-editor{border:1px solid var(--card-border,var(--goldline,#585139));border-radius:8px;background:rgba(0,0,0,.16);min-width:0}
.note-visual-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px;border-bottom:1px solid #585139;position:sticky;top:0;z-index:3;background:#1b241e;border-radius:8px 8px 0 0}
.note-visual-toolbar button{background:#283328;color:#ede8d6;border:1px solid #655e43;border-radius:4px;padding:5px 10px;cursor:pointer;font:inherit;font-size:12px}
.note-visual-toolbar button:hover{border-color:#d4af37}
.note-visual-toolbar span{font-size:11px;color:#bbb6a4;margin-left:auto}
.note-visual-content{padding:16px;min-height:230px;display:flow-root;outline:none;line-height:1.65;overflow-wrap:anywhere;white-space:pre-wrap}
.note-visual-content:focus{box-shadow:inset 0 0 0 1px #bba65d;border-radius:0 0 8px 8px}
.note-visual-content>div{min-height:1.65em}
.note-visual-content h1,.note-visual-content h2,.note-visual-content h3{clear:both;margin:8px 0;color:#d6bc73}
.note-visual-list{padding-left:22px;position:relative}
.note-visual-list:before{content:attr(data-prefix);position:absolute;left:0;color:#c5ae69}
.note-visual-quote{border-left:3px solid #8c7c48;padding-left:12px}
.note-visual-wiki,.note-visual-link{color:#d6bc73;text-decoration:underline;cursor:text}
.note-visual-protected{clear:both;border:1px dashed #72684b;padding:8px;margin:8px 0;border-radius:4px;white-space:normal}
.note-visual-protected small{color:#c5ae69}
.note-visual-protected pre{white-space:pre-wrap;font-size:12px;margin:4px 0}
@media(max-width:500px){.note-visual-content{padding:10px}.note-visual-toolbar span{width:100%;margin:0}.note-visual-toolbar button{padding:6px 8px}}