.icon-editor{background:linear-gradient(145deg,#edc9bb,#b87e98);color:#fff8e9}.note-window{width:760px;height:570px;min-width:330px}.note-body{display:flex;flex-direction:column;min-height:0;flex:1;background:var(--paper)}.note-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 20px;border-bottom:1px solid var(--line);flex-shrink:0}.note-file-actions{display:flex;gap:7px}.note-file-actions :is(button,a){display:flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid var(--line);border-radius:8px;padding:8px 11px;font-size:11px;color:var(--ink);background:var(--paper)}.note-file-actions :is(button,a):hover{background:var(--sidebar)}.note-file-actions :is(button,a) svg{width:16px;height:16px}.note-file-actions .note-save{background:#4f7d6b;color:#fff;border-color:#4f7d6b}.note-file-actions .note-save:hover{background:#416d5b}.note-filename{font-size:9px;letter-spacing:.3px;color:var(--muted);display:flex;align-items:center;gap:8px;min-width:0}.note-filename input{font:inherit;font-size:11px;color:var(--ink);background:var(--sidebar);padding:8px 10px;border:1px solid var(--line);border-radius:7px;width:170px;min-width:0}.note-paper{--note-page:#fffaf0;--note-text:#50534b;--note-line:#d3baa226;--note-rule:#d3a79f50;margin:20px 22px 0;border:1px solid #e6d8c9;box-shadow:0 5px 17px #553b1610;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0;background:var(--note-page)}.note-window[data-paper=sage] .note-paper{--note-page:#f0f6ec;--note-line:#80a78a26;--note-rule:#9fbd9d60}.note-window[data-paper=rose] .note-paper{--note-page:#fff1f0;--note-line:#c191a126;--note-rule:#d39fab50}.note-paper-heading{display:flex;align-items:center;gap:8px;color:#8f7d69;padding:16px 19px 12px;font-size:11px;flex-shrink:0}.note-flower{font-size:21px;color:#cc9e77}.note-paper-options{margin-left:auto;display:flex;gap:7px}.note-paper-options button{width:15px;height:15px;border-radius:50%;border:1px solid #bba999;background:#fff2d8}.note-paper-options button[data-note-color=sage]{background:#c4d4b5}.note-paper-options button[data-note-color=rose]{background:#ebc0c3}.note-paper-options button[aria-pressed=true]{outline:1px solid #786f62;outline-offset:2px}.note-paper textarea{display:block;flex:1;min-height:0;width:100%;resize:none;border:0;padding:12px 28px 28px 45px;font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:29px;color:var(--note-text);caret-color:#b2738d;background:linear-gradient(to right,transparent 30px,var(--note-rule) 30px,var(--note-rule) 31px,transparent 31px),repeating-linear-gradient(to bottom,transparent 0,transparent 28px,var(--note-line) 28px,var(--note-line) 29px);background-position:0 0,0 12px;outline:none}.note-paper textarea::placeholder{color:#aca18f}.note-paper textarea:focus-visible{box-shadow:inset 0 0 0 2px #7f9c8940}.note-message{padding:12px 22px;font-size:10px;color:var(--muted);flex-shrink:0;line-height:1.5}.dark .note-paper{border-color:#6a685d}.dark .note-file-actions .note-save{color:white}.classic .note-paper,.classic .note-toolbar :is(button,a),.classic .note-filename input{border-radius:0}.classic .note-paper{border:2px inset white;box-shadow:none}.classic .note-paper textarea{font-family:'Courier New',monospace;font-size:15px}.classic .note-file-actions :is(button,a){border:2px outset white;background:#c4c4c4;color:#111}.classic .note-filename input{border:2px inset white;background:white;color:#111}.classic .note-paper-heading{font-family:'Courier New',monospace}
#note-discard-dialog{width:min(390px,calc(100vw - 32px));padding:26px;border:1px solid var(--line);border-radius:15px;background:var(--paper);color:var(--ink);box-shadow:0 20px 80px #0005}#note-discard-dialog::backdrop{background:#09262d66;backdrop-filter:blur(4px)}#note-discard-dialog small{font-size:9px;letter-spacing:2px;color:var(--muted)}#note-discard-dialog h2{font-size:23px;margin:13px 0}#note-discard-dialog p{font-size:12px;line-height:1.7;color:var(--muted)}#note-discard-dialog footer{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}#note-discard-dialog button{padding:10px 13px;border:1px solid var(--line);border-radius:7px;font-size:11px}#note-discard-dialog button[value=cancel]{background:#4f7d6b;color:white}.classic #note-discard-dialog,.classic #note-discard-dialog button{border-radius:0;border:2px outset white}
@media(max-width:760px){.note-toolbar{padding:12px;flex-wrap:wrap;gap:10px}.note-file-actions{flex:1;justify-content:space-between}.note-file-actions :is(button,a){padding:9px 10px}.note-filename{width:100%}.note-filename input{flex:1;width:auto}.note-paper{margin:12px 12px 0}.note-paper-heading{padding:12px;font-size:10px;gap:6px}.note-paper textarea{padding-left:36px;padding-right:17px;font-size:16px}.note-message{padding:10px 13px}.note-window .statusbar{font-size:9px}.note-window[data-mobile-mode=split] .note-paper-heading{display:none}.note-window[data-mobile-mode=split] .note-toolbar{padding:7px}.note-window[data-mobile-mode=split] .note-filename{display:none}}

.note-file-actions a{text-decoration:none;cursor:pointer}.note-file-actions a:focus-visible{outline:2px solid #5aa891;outline-offset:2px}