.note-options-intro{margin:16px 0;color:var(--muted);font-size:13px;line-height:1.5}.note-presets{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.note-presets button{min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:#ffffff08;color:#cfe8ff;font:inherit;font-size:13px;cursor:pointer}.note-settings{min-width:0;margin:18px 0 0;padding:0;border:0}.note-settings:disabled{opacity:.55}.note-settings legend,.note-settings h3{margin:0 0 12px;color:#f5f5f7;font-size:14px;font-weight:650}.note-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.note-field{display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 12px;border:1px solid var(--line);border-radius:11px;background:#ffffff05;color:#e5e5ea;font-size:13px;line-height:1.4;cursor:pointer}.note-field input,.note-flag input{width:19px;height:19px;flex-shrink:0;accent-color:var(--blue,#0a84ff)}.note-presentation{margin-top:22px}.note-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.note-options-grid .field{min-width:0}.note-options-grid input,.note-options-grid select,.note-options-grid textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#202023;color:#f5f5f7;font:inherit;font-size:14px}.note-options-grid textarea{resize:vertical;min-height:86px}.note-custom{grid-column:1/-1}.note-flags{display:grid;gap:9px;margin-top:16px}.note-flag{display:flex;align-items:center;gap:10px;min-height:38px;color:#e5e5ea;font-size:13px}.note-order-help{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.note-order{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}.note-order-item{display:flex;align-items:center;gap:12px;box-sizing:border-box;min-height:56px;padding:5px 7px 5px 12px;border:1px solid var(--line);border-radius:12px;background:#ffffff06;color:#e5e5ea;font-size:13px}.note-order-number{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:8px;background:#0a84ff20;color:#a6d7ff;font-size:12px;font-variant-numeric:tabular-nums}.note-order-label{flex:1;min-width:0;overflow-wrap:anywhere;line-height:1.4}.note-order-handle{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:9px;background:transparent;color:#91cdff;font:inherit;font-size:29px;line-height:1;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.note-order-handle:hover{border-color:#5ac8fa40;background:#0a84ff18}.note-order-handle:active{cursor:grabbing}.note-order-handle:disabled{opacity:.35;cursor:default}.note-order-item.is-dragging{border-style:dashed;border-color:#79bdff;background:#0a84ff12;opacity:.45}.note-order-ghost{position:fixed;z-index:10000;margin:0;pointer-events:none;list-style:none;background:#222c38;border-color:#79bdff;box-shadow:0 12px 32px #0008;opacity:.96;will-change:transform}.note-order.is-reordering{user-select:none;-webkit-user-select:none}.note-order-empty{padding:12px 0;color:var(--muted);font-size:13px}.note-order-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.note-preview-panel{margin-top:20px;padding:15px;border:1px solid #5ac8fa40;border-radius:14px;background:#0a84ff0a}.note-preview-panel>b{color:#d0eaff;font-size:13px}.note-preview-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:10px 0;font-family:inherit;font-size:13px;line-height:1.65;color:#f5f5f7}.note-preview-panel small{color:var(--muted);font-size:12px}.note-settings button:focus-visible,.note-settings input:focus-visible,.note-settings select:focus-visible,.note-settings textarea:focus-visible,.note-presets button:focus-visible{outline:2px solid #79bdff;outline-offset:2px}@media(max-width:600px){.note-fields,.note-options-grid{grid-template-columns:1fr}.note-options-grid input,.note-options-grid select,.note-options-grid textarea{font-size:16px}.note-presets button{flex:1;min-height:44px}}

.note-separator{grid-column:1/-1}.note-presentation>div[hidden]+h3{margin-top:22px}