autumnnote 1.0.5 → 1.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1,1641 @@
1
- @charset "UTF-8";.an-container{display:flex;flex-direction:column;position:relative;border:1px solid #d1d5db;border-radius:6px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;box-sizing:border-box;background:#fff;contain:layout}.an-container *,.an-container *:before,.an-container *:after{box-sizing:border-box}.an-container.an-focused{border-color:var(--an-focus-color, #3b82f6);box-shadow:0 0 0 3px color-mix(in srgb,var(--an-focus-color, #3b82f6) 18%,transparent)}.an-container.an-disabled .an-toolbar{display:none}.an-container.an-disabled .an-editable{cursor:text;-webkit-user-select:text;user-select:text;background:#fafafa}.an-container.an-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9990;border-radius:0;border:none}.an-container.an-fullscreen .an-editable{flex:1;max-height:none!important}.an-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 8px;background:#f9fafb;border-bottom:1px solid #d1d5db;-webkit-user-select:none;user-select:none}.an-btn-group{display:flex;align-items:center;gap:2px}.an-btn-group+.an-btn-group{position:relative;padding-left:8px}.an-btn-group+.an-btn-group:before{content:"";position:absolute;left:0;top:15%;height:70%;width:1px;background:#d1d5db}.an-select{height:30px;padding:0 24px 0 8px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236b7280'/%3E%3C/svg%3E") no-repeat right 7px center;background-size:8px 5px;border:1px solid #d1d5db;border-radius:4px;font-family:inherit;font-size:12px;color:#111827;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;min-width:110px;max-width:160px;transition:border-color .15s ease,box-shadow .15s ease}.an-select:hover{border-color:#3b82f6}.an-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.an-select option{font-size:13px}.an-select-narrow{min-width:76px;max-width:90px;padding-right:20px}.an-select-style{min-width:80px;max-width:92px;padding-right:20px}.an-table-picker-wrap{position:relative;display:inline-flex}.an-table-picker-popup{display:none;position:absolute;top:calc(100% + 4px);left:0;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px;box-shadow:0 4px 16px #0000001f;z-index:1100;-webkit-user-select:none;user-select:none}.an-table-grid{display:grid;grid-template-columns:repeat(10,18px);gap:2px}.an-table-cell{width:18px;height:18px;border:1px solid #d1d5db;border-radius:2px;cursor:pointer;background:#fff;transition:background .15s ease,border-color .15s ease}.an-table-cell.active{background:#3b82f626;border-color:#3b82f6}.an-table-label{margin-top:6px;text-align:center;font-size:12px;color:#6b7280;min-height:16px}.an-context-table-grid-panel{padding:6px 8px 8px;border-top:1px solid #d1d5db}.an-color-picker-wrap{position:relative;display:inline-flex;align-items:stretch}.an-color-btn{flex-direction:column!important;gap:2px!important;padding:4px 6px 3px!important;height:auto!important;min-height:30px}.an-color-btn .an-color-strip{display:block;width:100%;min-width:14px;height:3px;border-radius:1px;flex-shrink:0}.an-color-arrow{padding:0 3px!important;min-width:unset!important;border-left:1px solid transparent}.an-color-arrow:hover{border-left-color:#d1d5db}.an-color-popup{position:fixed;z-index:1100;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px;box-shadow:0 4px 16px #0000001f;min-width:184px;-webkit-user-select:none;user-select:none}.an-color-swatches{display:grid;grid-template-columns:repeat(8,18px);gap:3px;margin-bottom:8px}.an-color-swatch{width:18px;height:18px;border-radius:2px;cursor:pointer;border:1px solid rgba(0,0,0,.12);transition:transform .1s ease;position:relative}.an-color-swatch:hover{transform:scale(1.25);z-index:1;outline:2px solid #3b82f6;outline-offset:1px}.an-color-custom{display:flex;align-items:center;gap:8px;padding-top:6px;border-top:1px solid #d1d5db}.an-color-custom input[type=color]{width:28px;height:22px;padding:1px 2px;border:1px solid #d1d5db;border-radius:3px;cursor:pointer;background:none;flex-shrink:0;-moz-appearance:none;appearance:none;-webkit-appearance:none}.an-color-custom input[type=color]::-webkit-color-swatch-wrapper{padding:0}.an-color-custom input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.an-color-custom input[type=color]:hover{border-color:#3b82f6}.an-color-custom span{font-size:11px;color:#6b7280;flex:1}.an-btn{display:inline-flex;align-items:center;justify-content:center;height:30px;min-width:30px;padding:0 8px;background:transparent;border:1px solid transparent;border-radius:4px;color:#111827;font-family:inherit;font-size:13px;line-height:1;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap;text-decoration:none}.an-btn svg{display:block;flex-shrink:0;pointer-events:none}.an-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#3b82f6}.an-btn:hover svg{stroke:#3b82f6}.an-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:1px}.an-btn.active{background:#dbeafe;border-color:#3b82f6;color:#2563eb}.an-btn.active svg{stroke:#2563eb}.an-btn.an-btn-primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.an-btn.an-btn-primary svg{stroke:#fff}.an-btn.an-btn-primary:hover{background:#2563eb;border-color:#2563eb}.an-editable{flex:1;padding:12px 14px;min-height:0;outline:none;line-height:1.6;color:#111827;overflow-y:auto;word-break:break-word}.an-editable.an-placeholder:not(:focus):before{content:attr(data-placeholder);color:#6b7280;pointer-events:none;float:left}.an-editable p{margin:0 0 .75em}.an-editable h1,.an-editable h2,.an-editable h3,.an-editable h4,.an-editable h5,.an-editable h6{margin:.5em 0;line-height:1.3}.an-editable ul,.an-editable ol{margin:0 0 .75em 1.5em;padding:0}.an-editable li{margin-bottom:.25em}.an-editable blockquote{margin:.5em 0 .5em 1em;padding:.5em 1em;border-left:4px solid #d1d5db;color:#6b7280}.an-editable pre,.an-editable code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9em;background:#f9fafb;border-radius:4px}.an-editable pre{padding:.75em 1em;overflow-x:auto}.an-editable code{padding:.1em .3em}.an-editable pre[class*=language-]{background:#2d2d2d;color:#ccc;border-radius:4px}.an-editable pre[class*=language-]>code[class*=language-]{background:transparent;color:inherit;padding:0}.an-editable a{color:#3b82f6}.an-editable hr{border:none;border-top:2px solid #d1d5db;margin:1em 0}.an-editable img.an-image{max-width:100%;height:auto;display:inline-block}.an-editable .an-video-wrapper{position:relative;display:block;max-width:100%;margin:4px 0}.an-editable .an-video-wrapper iframe,.an-editable .an-video-wrapper video{display:block;max-width:100%}.an-editable .an-video-wrapper .an-video-shield{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;cursor:default}.an-editable table,.an-editable .an-table{border-collapse:collapse;table-layout:fixed;width:100%;margin:.75em 0}.an-editable table td,.an-editable table th,.an-editable .an-table td,.an-editable .an-table th{border:1px solid #d1d5db;padding:6px 10px;min-width:40px;vertical-align:top;overflow-wrap:break-word;word-break:break-word}.an-editable table th,.an-editable .an-table th{background:#f9fafb;font-weight:600}.an-link-tooltip{position:fixed;z-index:1300;display:flex;align-items:center;gap:2px;height:30px;padding:0 6px;background:#fff;border:1px solid #d1d5db;border-radius:4px;box-shadow:0 2px 10px #0000001f;white-space:nowrap;pointer-events:all}.an-link-tooltip .an-link-tooltip-url{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#3b82f6;cursor:default;padding:0 4px}.an-link-tooltip .an-link-tooltip-sep{width:1px;height:18px;background:#d1d5db;flex-shrink:0;margin:0 2px}.an-link-tooltip-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:4px;background:transparent;color:#6b7280;cursor:pointer;flex-shrink:0}.an-link-tooltip-btn svg{stroke:currentColor;display:block}.an-link-tooltip-btn:hover{background:#f3f4f6;color:#111827}.an-link-tooltip-btn:active,.an-link-tooltip-btn.an-link-tooltip-btn--copied{background:#dbeafe;color:#3b82f6}.an-link-tooltip-btn.an-link-tooltip-btn--danger{color:#ef4444}.an-link-tooltip-btn.an-link-tooltip-btn--danger svg{stroke:#ef4444}.an-link-tooltip-btn.an-link-tooltip-btn--danger:hover{background:#ef444414;color:#dc2626}.an-link-tooltip-btn.an-link-tooltip-btn--danger:hover svg{stroke:#dc2626}.an-image-tooltip .an-link-tooltip-url{color:#111827;font-weight:500}.an-video-tooltip .an-link-tooltip-url{color:#7c3aed;font-weight:500}.an-table-tooltip .an-link-tooltip-url{color:#0369a1;font-weight:500}.an-code-tooltip .an-link-tooltip-url{color:#059669;font-weight:500;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:11px;letter-spacing:.02em}.an-size-popover{position:fixed;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:12px 14px;box-shadow:0 4px 20px #00000026;z-index:1200;min-width:200px}.an-size-popover .an-size-popover-title{font-size:12px;font-weight:600;color:#111827;margin-bottom:10px}.an-size-popover .an-size-popover-body{display:flex;align-items:center;gap:6px;margin-bottom:12px}.an-size-popover .an-size-input{width:80px;height:28px;padding:0 8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;font-family:inherit;color:#111827;outline:none}.an-size-popover .an-size-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.an-size-popover .an-size-unit{font-size:12px;color:#6b7280}.an-size-popover .an-size-popover-actions{display:flex;justify-content:flex-end;gap:6px}.an-codeview{flex:1;width:100%;min-height:200px;padding:12px 14px;border:none;outline:none;resize:vertical;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;line-height:1.5;background:#1e1e2e;color:#cdd6f4}.an-statusbar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;height:24px;padding:0 8px;background:#f9fafb;border-top:1px solid #d1d5db;font-size:11px;color:#6b7280;-webkit-user-select:none;user-select:none}.an-status-info{display:flex;gap:12px}.an-resize-handle{width:14px;height:14px;cursor:ns-resize;background:repeating-linear-gradient(-45deg,#d1d5db,#d1d5db 1px,transparent 1px,transparent 3px);border-radius:2px;flex-shrink:0}.an-resize-handle:hover{opacity:.7}.an-dialog-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#00000073;align-items:center;justify-content:center}.an-dialog-box{background:#fff;border-radius:8px;padding:24px;width:min(420px,95vw);box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;gap:10px}.an-dialog-title{margin:0 0 4px;font-size:16px;font-weight:600;color:#111827}.an-dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}.an-dialog-hint{margin:-4px 0 0;font-size:12px;color:#6b7280;min-height:16px}.an-align-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}.an-align-row input[type=radio]{accent-color:#3b82f6;cursor:pointer}.an-align-row .an-align-label{font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none}.an-label{display:block;font-size:13px;font-weight:500;color:#111827;margin-bottom:2px}.an-label.an-label-inline{display:flex;align-items:center;gap:6px;font-weight:400;cursor:pointer}.an-input{width:100%;padding:7px 10px;border:1px solid #d1d5db;border-radius:4px;font-family:inherit;font-size:14px;color:#111827;background:#fff;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.an-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.an-contextmenu{position:fixed;z-index:10050;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 8px 28px #00000024;min-width:180px;padding:5px 4px;display:none;-webkit-user-select:none;user-select:none}.an-context-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:7px 14px;background:transparent;border:none;border-radius:5px;font-size:13px;color:#111827;cursor:pointer;transition:background .12s,color .12s;line-height:1.4}.an-context-item:hover{background:#3b82f6;color:#fff}.an-context-item:hover .an-context-icon svg{stroke:#fff}.an-context-item:hover .an-context-chevron svg{stroke:#fff}.an-context-item:disabled{opacity:.38;cursor:default;pointer-events:none}.an-context-submenu .an-context-chevron{display:flex;align-items:center;margin-left:auto;color:#6b7280;flex-shrink:0}.an-context-submenu .an-context-chevron svg{display:block}.an-context-back{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:6px 14px 8px;background:transparent;border:none;border-bottom:1px solid #d1d5db;border-radius:5px 5px 0 0;font-size:12px;font-weight:600;color:#6b7280;cursor:pointer;margin-bottom:3px;transition:background .12s,color .12s}.an-context-back .an-context-icon svg{stroke:#6b7280}.an-context-back:hover{background:#f3f4f6;color:#111827}.an-context-back:hover .an-context-icon svg{stroke:#111827}.an-context-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;color:#6b7280;transition:color .12s}.an-context-icon svg{display:block;stroke:currentColor}.an-context-label{flex:1}.an-context-sep{height:1px;margin:5px 10px;background:#d1d5db}.an-image-resizer{position:absolute;z-index:10000;box-sizing:border-box;border:2px solid #3b82f6;pointer-events:none}.an-image-resizer .an-resize-handle{position:absolute;width:8px;height:8px;background:#3b82f6;border:1px solid #fff;border-radius:1px;box-sizing:border-box;pointer-events:all}.an-image-resizer .an-resize-nw{top:-4px;left:-4px;cursor:nw-resize}.an-image-resizer .an-resize-ne{top:-4px;right:-4px;cursor:ne-resize}.an-image-resizer .an-resize-se{bottom:-4px;right:-4px;cursor:se-resize}.an-image-resizer .an-resize-sw{bottom:-4px;left:-4px;cursor:sw-resize}.an-image-resizer .an-resize-n{top:-4px;left:calc(50% - 4px);cursor:n-resize}.an-image-resizer .an-resize-e{top:calc(50% - 4px);right:-4px;cursor:e-resize}.an-image-resizer .an-resize-s{bottom:-4px;left:calc(50% - 4px);cursor:s-resize}.an-image-resizer .an-resize-w{top:calc(50% - 4px);left:-4px;cursor:w-resize}.an-crop-scrim{transition:clip-path 0s}.an-crop-box{outline:none!important;box-shadow:0 0 0 9999px #00000073,inset 0 0 0 1px #ffffff40}.an-crop-handle:hover,.an-crop-handle:active{background:#74affa!important}.an-crop-toolbar{animation:an-crop-toolbar-in .12s ease}@keyframes an-crop-toolbar-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media print{.an-crop-scrim,.an-crop-box,.an-crop-toolbar{display:none!important}}.an-video-resizer{position:absolute;z-index:10000;box-sizing:border-box;border:2px solid #8b5cf6;pointer-events:none}.an-video-resizer .an-resize-handle{position:absolute;width:8px;height:8px;background:#8b5cf6;border:1px solid #fff;border-radius:1px;box-sizing:border-box;pointer-events:all}.an-video-resizer .an-resize-nw{top:-4px;left:-4px;cursor:nw-resize}.an-video-resizer .an-resize-ne{top:-4px;right:-4px;cursor:ne-resize}.an-video-resizer .an-resize-se{bottom:-4px;right:-4px;cursor:se-resize}.an-video-resizer .an-resize-sw{bottom:-4px;left:-4px;cursor:sw-resize}.an-video-resizer .an-resize-n{top:-4px;left:calc(50% - 4px);cursor:n-resize}.an-video-resizer .an-resize-e{top:calc(50% - 4px);right:-4px;cursor:e-resize}.an-video-resizer .an-resize-s{bottom:-4px;left:calc(50% - 4px);cursor:s-resize}.an-video-resizer .an-resize-w{top:calc(50% - 4px);left:-4px;cursor:w-resize}.an-icon-box{width:min(596px,95vw);gap:0;padding:20px}.an-icon-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.an-icon-title-row .an-dialog-title{margin:0}.an-icon-close{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;font-size:18px;line-height:1;background:none;border:none;border-radius:4px;cursor:pointer;color:#6b7280;flex-shrink:0}.an-icon-close:hover{background:#f3f4f6;color:#111827}.an-icon-search{width:100%;margin-bottom:10px;box-sizing:border-box}.an-icon-cats{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.an-icon-cat{height:26px;padding:0 10px;font-size:12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:none;border:1px solid #d1d5db;border-radius:13px;cursor:pointer;color:#6b7280;white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease}.an-icon-cat:hover{background:#f3f4f6;color:#111827}.an-icon-cat.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.an-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,56px);gap:3px;height:256px;overflow-y:auto;margin-bottom:10px;padding:4px;border:1px solid #d1d5db;border-radius:6px;background:#fff;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.an-icon-grid::-webkit-scrollbar{width:6px}.an-icon-grid::-webkit-scrollbar-track{background:transparent}.an-icon-grid::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.an-icon-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:56px;height:52px;padding:0;border:1px solid transparent;border-radius:4px;background:none;cursor:pointer;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:10px;color:#6b7280;transition:background .15s ease,border-color .15s ease;overflow:hidden;box-sizing:border-box}.an-icon-cell i{font-size:17px;color:#111827;line-height:1;pointer-events:none}.an-icon-cell span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:52px;pointer-events:none}.an-icon-cell:hover{background:#f3f4f6;border-color:#d1d5db}.an-icon-cell.active{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.an-icon-cell.active i{color:#3b82f6}.an-icon-empty{grid-column:1/-1;padding:24px 0;text-align:center;color:#6b7280;font-size:13px}.an-icon-options{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-bottom:10px}.an-icon-options .an-label{margin:0;font-size:12px;white-space:nowrap}.an-icon-option-select{height:30px;padding:0 6px;font-size:12px;width:auto}.an-icon-color{width:32px;height:30px;padding:2px;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;background:none}.an-icon-use-color{display:flex;align-items:center;gap:4px;font-size:12px;margin:0;cursor:pointer}.an-icon-use-color input[type=checkbox]{cursor:pointer}.an-icon-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:72px;margin-bottom:14px;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;background:#f9fafb}.an-icon-preview i{line-height:1}.an-icon-preview .an-icon-preview-hint{font-size:12px;color:#6b7280}.an-icon-preview-name{font-size:12px;color:#6b7280;font-family:monospace}.an-emoji-box{width:min(520px,95vw);gap:0;padding:20px}.an-emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,42px);gap:2px;height:288px;overflow-y:auto;margin-bottom:10px;padding:4px;border:1px solid #d1d5db;border-radius:6px;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.an-emoji-grid::-webkit-scrollbar{width:6px}.an-emoji-grid::-webkit-scrollbar-track{background:transparent}.an-emoji-grid::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.an-emoji-cell{width:42px;height:42px;padding:0;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;border:1px solid transparent;border-radius:4px;background:none;cursor:pointer;transition:background .15s ease,border-color .15s ease}.an-emoji-cell:hover{background:#f3f4f6;border-color:#d1d5db}.an-emoji-cell:active{background:#dbeafe}.an-sticky-toolbar{overflow:visible}.an-sticky-toolbar .an-toolbar{position:sticky;top:var(--an-sticky-top, 0px);z-index:100;border-radius:6px 6px 0 0;box-shadow:0 2px 8px #0000001a}.an-editable figure.an-figure{display:inline-block;max-width:100%;margin:.75em 0;text-align:center}.an-editable figure.an-figure img{display:block;max-width:100%}.an-editable figcaption.an-figcaption{font-size:.85em;font-style:italic;color:#6b7280;padding:4px 0 2px;text-align:center;line-height:1.4;min-width:60px;outline:none}.an-editable figcaption.an-figcaption:focus{background:#3b82f60f;border-radius:2px}.an-shortcuts-box{width:min(480px,95vw);max-height:80vh;overflow-y:auto}.an-shortcuts-cat{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;padding:8px 0 4px;border-bottom:1px solid #d1d5db;margin-bottom:2px}.an-shortcuts-cat+.an-shortcuts-table+.an-shortcuts-cat{margin-top:10px}.an-shortcuts-table{display:flex;flex-direction:column}.an-shortcuts-row{display:flex;align-items:center;justify-content:space-between;padding:5px 4px;border-radius:4px}.an-shortcuts-row:hover{background:#f3f4f6}.an-shortcuts-key{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;color:#111827;background:#f9fafb;border:1px solid #d1d5db;border-bottom-width:2px;border-radius:4px;padding:2px 8px;white-space:nowrap;flex-shrink:0}.an-shortcuts-action{font-size:13px;color:#111827;flex:1;padding-left:14px}.an-code-lang-select{height:22px;padding:0 20px 0 6px;border:1px solid #d1d5db;border-radius:4px;font-family:inherit;font-size:11px;color:#111827;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236b7280'/%3E%3C/svg%3E") no-repeat right 5px center;background-size:6px 4px;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.an-code-lang-select:focus{outline:none;border-color:#3b82f6}.an-code-lang-select:hover{border-color:#3b82f6}.an-theme-dark{border-color:#3f3f5f;background:#1e1e2e;color:#cdd6f4}.an-theme-dark.an-focused{border-color:#89b4fa;box-shadow:0 0 0 3px #89b4fa33}.an-theme-dark .an-toolbar{background:#181825;border-color:#3f3f5f}.an-theme-dark .an-btn{color:#cdd6f4}.an-theme-dark .an-btn:hover{background:#2a2a3e;border-color:#3f3f5f;color:#cdd6f4}.an-theme-dark .an-btn:hover svg{stroke:#cdd6f4}.an-theme-dark .an-btn.active{background:#1a3a5c;border-color:#89b4fa;color:#89b4fa}.an-theme-dark .an-btn.active svg{stroke:#89b4fa}.an-theme-dark .an-btn.an-btn-primary{background:#3b5bdb;border-color:#3b5bdb;color:#fff}.an-theme-dark .an-select{background-color:#1e1e2e;border-color:#3f3f5f;color:#cdd6f4}.an-theme-dark .an-select:hover,.an-theme-dark .an-select:focus{border-color:#89b4fa}.an-theme-dark .an-editable{background:#1e1e2e;color:#cdd6f4}.an-theme-dark .an-editable a{color:#89b4fa}.an-theme-dark .an-editable blockquote{border-color:#3f3f5f;color:#a6adc8}.an-theme-dark .an-editable pre:not([class*=language-]),.an-theme-dark .an-editable code:not([class*=language-]){background:#313244;color:#cdd6f4}.an-theme-dark .an-editable hr,.an-theme-dark .an-editable table td,.an-theme-dark .an-editable table th,.an-theme-dark .an-editable .an-table td,.an-theme-dark .an-editable .an-table th{border-color:#3f3f5f}.an-theme-dark .an-editable table th,.an-theme-dark .an-editable .an-table th{background:#313244}.an-theme-dark .an-editable.an-placeholder:before{color:#6c7086}.an-theme-dark .an-editable figcaption.an-figcaption{color:#6c7086}.an-theme-dark .an-statusbar{background:#181825;border-color:#3f3f5f;color:#6c7086}.an-theme-dark .an-link-tooltip,.an-theme-dark .an-contextmenu{background:#24273a;border-color:#3f3f5f;color:#cdd6f4}.an-theme-dark .an-link-tooltip-url{color:#89b4fa}.an-theme-dark .an-link-tooltip-btn{color:#a6adc8}.an-theme-dark .an-link-tooltip-btn:hover{background:#2a2a3e;color:#cdd6f4}.an-theme-dark .an-dialog-overlay{background:#000000a6}.an-theme-dark .an-dialog-box{background:#24273a;color:#cdd6f4;border:1px solid #3f3f5f}.an-theme-dark .an-dialog-title,.an-theme-dark .an-label{color:#cdd6f4}.an-theme-dark .an-input{background:#313244;border-color:#3f3f5f;color:#cdd6f4}.an-theme-dark .an-input:focus{border-color:#89b4fa;box-shadow:0 0 0 3px #89b4fa26}.an-theme-dark .an-shortcuts-key{background:#313244;border-color:#3f3f5f;color:#cdd6f4}.an-theme-dark .an-shortcuts-action{color:#cdd6f4}.an-theme-dark .an-shortcuts-row:hover{background:#2a2a3e}.an-theme-dark .an-shortcuts-cat{border-color:#3f3f5f;color:#a6adc8}.an-theme-dark .an-code-lang-select{background-color:#24273a;border-color:#3f3f5f;color:#cdd6f4}.an-theme-dark .an-color-popup,.an-theme-dark .an-table-picker-popup,.an-theme-dark .an-size-popover{background:#24273a;border-color:#3f3f5f;color:#cdd6f4}.an-theme-dark .an-table-cell{background:#24273a;border-color:#3f3f5f}.an-theme-dark .an-table-cell.active{background:#6366f14d;border-color:#6366f1}.an-theme-dark .an-context-item{color:#cdd6f4}.an-theme-dark .an-context-sep{background:#3f3f5f}.an-theme-dark .an-icon-cat{border-color:#3f3f5f;color:#a6adc8}.an-theme-dark .an-icon-cat.active{background:#3b5bdb;border-color:#3b5bdb;color:#fff}.an-theme-dark .an-icon-search{border-color:#3f3f5f;background:#313244;color:#cdd6f4}.an-theme-dark .an-icon-cell{color:#cdd6f4}.an-theme-dark .an-icon-cell:hover{background:#2a2a3e}.an-theme-dark .an-icon-close{color:#a6adc8}.an-theme-dark .an-icon-close:hover{background:#2a2a3e;color:#cdd6f4}.an-toolbar-overflow-scroll .an-toolbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.an-toolbar-overflow-scroll .an-toolbar::-webkit-scrollbar{height:4px}.an-toolbar-overflow-scroll .an-toolbar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.an-dir-rtl .an-toolbar{direction:rtl}.an-editable[dir=rtl]{text-align:right}.an-count-warn{color:#f59e0b;font-weight:600}.an-count-exceeded{color:#ef4444;font-weight:700}.an-editable ul.an-checklist{list-style:none;padding-left:0;margin:.5em 0}.an-editable ul.an-checklist li{position:relative;padding-left:22px;padding-top:1px;padding-bottom:1px;min-height:1.4em;line-height:inherit;font-size:inherit;font-family:inherit}.an-editable ul.an-checklist li input[type=checkbox]{position:absolute;left:0;top:.25em;width:14px;height:14px;margin:0;cursor:pointer;accent-color:#3b82f6}.an-editable ul.an-checklist li:has(input[type=checkbox]:checked){color:#6b7280;text-decoration:line-through}.an-theme-dark .an-editable ul.an-checklist li:has(input[type=checkbox]:checked){color:#6c7086}@media print{.an-container{border:none;box-shadow:none;contain:none}.an-toolbar,.an-statusbar{display:none!important}.an-editable{overflow:visible;height:auto!important;max-height:none!important;padding:0;color:#000;background:#fff}.an-video-wrapper .an-video-shield{display:none}.an-image-resizer,.an-video-resizer{display:none!important}}
1
+ @charset "UTF-8";
2
+ /**
3
+ * autumnnote.scss — Main stylesheet for the AutumnNote editor
4
+ * Inspired by Summernote — rewritten with cleaner, modern CSS
5
+ */
6
+ .an-container {
7
+ display: flex;
8
+ flex-direction: column;
9
+ position: relative;
10
+ border: 1px solid #d1d5db;
11
+ border-radius: 6px;
12
+ font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
13
+ font-size: 14px;
14
+ box-sizing: border-box;
15
+ background: #ffffff;
16
+ contain: layout;
17
+ }
18
+ .an-container *,
19
+ .an-container *::before,
20
+ .an-container *::after {
21
+ box-sizing: border-box;
22
+ }
23
+ .an-container.an-focused {
24
+ border-color: var(--an-focus-color, #3b82f6);
25
+ box-shadow: 0 0 0 3px color-mix(in srgb, var(--an-focus-color, #3b82f6) 18%, transparent);
26
+ }
27
+ .an-container.an-disabled .an-toolbar {
28
+ display: none;
29
+ }
30
+ .an-container.an-disabled .an-editable {
31
+ cursor: text;
32
+ user-select: text;
33
+ background: #fafafa;
34
+ }
35
+ .an-container.an-fullscreen {
36
+ position: fixed;
37
+ inset: 0;
38
+ z-index: 9990;
39
+ border-radius: 0;
40
+ border: none;
41
+ }
42
+ .an-container.an-fullscreen .an-editable {
43
+ flex: 1;
44
+ max-height: none !important;
45
+ }
46
+
47
+ .an-toolbar {
48
+ display: flex;
49
+ flex-wrap: wrap;
50
+ align-items: center;
51
+ gap: 4px;
52
+ padding: 6px 8px;
53
+ background: #f9fafb;
54
+ border-bottom: 1px solid #d1d5db;
55
+ user-select: none;
56
+ }
57
+
58
+ .an-btn-group {
59
+ display: flex;
60
+ align-items: center;
61
+ gap: 2px;
62
+ }
63
+ .an-btn-group + .an-btn-group {
64
+ position: relative;
65
+ padding-left: 8px;
66
+ }
67
+ .an-btn-group + .an-btn-group::before {
68
+ content: "";
69
+ position: absolute;
70
+ left: 0;
71
+ top: 15%;
72
+ height: 70%;
73
+ width: 1px;
74
+ background: #d1d5db;
75
+ }
76
+
77
+ .an-select {
78
+ height: 30px;
79
+ padding: 0 24px 0 8px;
80
+ background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236b7280'/%3E%3C/svg%3E") no-repeat right 7px center;
81
+ background-size: 8px 5px;
82
+ border: 1px solid #d1d5db;
83
+ border-radius: 4px;
84
+ font-family: inherit;
85
+ font-size: 12px;
86
+ color: #111827;
87
+ cursor: pointer;
88
+ appearance: none;
89
+ -webkit-appearance: none;
90
+ min-width: 110px;
91
+ max-width: 160px;
92
+ transition: border-color 0.15s ease, box-shadow 0.15s ease;
93
+ }
94
+ .an-select:hover {
95
+ border-color: #3b82f6;
96
+ }
97
+ .an-select:focus {
98
+ outline: none;
99
+ border-color: #3b82f6;
100
+ box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
101
+ }
102
+ .an-select option {
103
+ font-size: 13px;
104
+ }
105
+
106
+ .an-select-narrow {
107
+ min-width: 76px;
108
+ max-width: 90px;
109
+ padding-right: 20px;
110
+ }
111
+
112
+ .an-select-style {
113
+ min-width: 80px;
114
+ max-width: 92px;
115
+ padding-right: 20px;
116
+ }
117
+
118
+ .an-table-picker-wrap {
119
+ position: relative;
120
+ display: inline-flex;
121
+ }
122
+
123
+ .an-table-picker-popup {
124
+ display: none;
125
+ position: absolute;
126
+ top: calc(100% + 4px);
127
+ left: 0;
128
+ background: #ffffff;
129
+ border: 1px solid #d1d5db;
130
+ border-radius: 6px;
131
+ padding: 8px;
132
+ box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
133
+ z-index: 1100;
134
+ user-select: none;
135
+ }
136
+
137
+ .an-table-grid {
138
+ display: grid;
139
+ grid-template-columns: repeat(10, 18px);
140
+ gap: 2px;
141
+ }
142
+
143
+ .an-table-cell {
144
+ width: 18px;
145
+ height: 18px;
146
+ border: 1px solid #d1d5db;
147
+ border-radius: 2px;
148
+ cursor: pointer;
149
+ background: #ffffff;
150
+ transition: background 0.15s ease, border-color 0.15s ease;
151
+ }
152
+ .an-table-cell.active {
153
+ background: rgba(59, 130, 246, 0.15);
154
+ border-color: #3b82f6;
155
+ }
156
+
157
+ .an-table-label {
158
+ margin-top: 6px;
159
+ text-align: center;
160
+ font-size: 12px;
161
+ color: #6b7280;
162
+ min-height: 16px;
163
+ }
164
+
165
+ .an-context-table-grid-panel {
166
+ padding: 6px 8px 8px;
167
+ border-top: 1px solid #d1d5db;
168
+ }
169
+
170
+ .an-color-picker-wrap {
171
+ position: relative;
172
+ display: inline-flex;
173
+ align-items: stretch;
174
+ }
175
+
176
+ .an-color-btn {
177
+ flex-direction: column !important;
178
+ gap: 2px !important;
179
+ padding: 4px 6px 3px !important;
180
+ height: auto !important;
181
+ min-height: 30px;
182
+ }
183
+ .an-color-btn .an-color-strip {
184
+ display: block;
185
+ width: 100%;
186
+ min-width: 14px;
187
+ height: 3px;
188
+ border-radius: 1px;
189
+ flex-shrink: 0;
190
+ }
191
+
192
+ .an-color-arrow {
193
+ padding: 0 3px !important;
194
+ min-width: unset !important;
195
+ border-left: 1px solid transparent;
196
+ }
197
+ .an-color-arrow:hover {
198
+ border-left-color: #d1d5db;
199
+ }
200
+
201
+ .an-color-popup {
202
+ position: fixed;
203
+ z-index: 1100;
204
+ background: #ffffff;
205
+ border: 1px solid #d1d5db;
206
+ border-radius: 6px;
207
+ padding: 8px;
208
+ box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
209
+ min-width: 184px;
210
+ user-select: none;
211
+ }
212
+
213
+ .an-color-swatches {
214
+ display: grid;
215
+ grid-template-columns: repeat(8, 18px);
216
+ gap: 3px;
217
+ margin-bottom: 8px;
218
+ }
219
+
220
+ .an-color-swatch {
221
+ width: 18px;
222
+ height: 18px;
223
+ border-radius: 2px;
224
+ cursor: pointer;
225
+ border: 1px solid rgba(0, 0, 0, 0.12);
226
+ transition: transform 0.1s ease;
227
+ position: relative;
228
+ }
229
+ .an-color-swatch:hover {
230
+ transform: scale(1.25);
231
+ z-index: 1;
232
+ outline: 2px solid #3b82f6;
233
+ outline-offset: 1px;
234
+ }
235
+
236
+ .an-color-custom {
237
+ display: flex;
238
+ align-items: center;
239
+ gap: 8px;
240
+ padding-top: 6px;
241
+ border-top: 1px solid #d1d5db;
242
+ }
243
+ .an-color-custom input[type=color] {
244
+ width: 28px;
245
+ height: 22px;
246
+ padding: 1px 2px;
247
+ border: 1px solid #d1d5db;
248
+ border-radius: 3px;
249
+ cursor: pointer;
250
+ background: none;
251
+ flex-shrink: 0;
252
+ appearance: none;
253
+ -webkit-appearance: none;
254
+ }
255
+ .an-color-custom input[type=color]::-webkit-color-swatch-wrapper {
256
+ padding: 0;
257
+ }
258
+ .an-color-custom input[type=color]::-webkit-color-swatch {
259
+ border: none;
260
+ border-radius: 2px;
261
+ }
262
+ .an-color-custom input[type=color]:hover {
263
+ border-color: #3b82f6;
264
+ }
265
+ .an-color-custom span {
266
+ font-size: 11px;
267
+ color: #6b7280;
268
+ flex: 1;
269
+ }
270
+
271
+ .an-btn {
272
+ display: inline-flex;
273
+ align-items: center;
274
+ justify-content: center;
275
+ height: 30px;
276
+ min-width: 30px;
277
+ padding: 0 8px;
278
+ background: transparent;
279
+ border: 1px solid transparent;
280
+ border-radius: 4px;
281
+ color: #111827;
282
+ font-family: inherit;
283
+ font-size: 13px;
284
+ line-height: 1;
285
+ cursor: pointer;
286
+ transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
287
+ white-space: nowrap;
288
+ text-decoration: none;
289
+ }
290
+ .an-btn svg {
291
+ display: block;
292
+ flex-shrink: 0;
293
+ pointer-events: none;
294
+ }
295
+ .an-btn:hover {
296
+ background: #f3f4f6;
297
+ border-color: #d1d5db;
298
+ color: #3b82f6;
299
+ }
300
+ .an-btn:hover svg {
301
+ stroke: #3b82f6;
302
+ }
303
+ .an-btn:focus-visible {
304
+ outline: 2px solid #3b82f6;
305
+ outline-offset: 1px;
306
+ }
307
+ .an-btn.active {
308
+ background: #dbeafe;
309
+ border-color: #3b82f6;
310
+ color: #2563eb;
311
+ }
312
+ .an-btn.active svg {
313
+ stroke: #2563eb;
314
+ }
315
+ .an-btn.an-btn-primary {
316
+ background: #3b82f6;
317
+ border-color: #3b82f6;
318
+ color: #fff;
319
+ }
320
+ .an-btn.an-btn-primary svg {
321
+ stroke: #fff;
322
+ }
323
+ .an-btn.an-btn-primary:hover {
324
+ background: #2563eb;
325
+ border-color: #2563eb;
326
+ }
327
+
328
+ .an-editable {
329
+ flex: 1;
330
+ padding: 12px 14px;
331
+ min-height: 0;
332
+ outline: none;
333
+ line-height: 1.6;
334
+ color: #111827;
335
+ overflow-y: auto;
336
+ word-break: break-word;
337
+ }
338
+ .an-editable.an-placeholder:not(:focus)::before {
339
+ content: attr(data-placeholder);
340
+ color: #6b7280;
341
+ pointer-events: none;
342
+ float: left;
343
+ }
344
+ .an-editable p {
345
+ margin: 0 0 0.75em;
346
+ }
347
+ .an-editable h1, .an-editable h2, .an-editable h3, .an-editable h4, .an-editable h5, .an-editable h6 {
348
+ margin: 0.5em 0;
349
+ line-height: 1.3;
350
+ }
351
+ .an-editable ul, .an-editable ol {
352
+ margin: 0 0 0.75em 1.5em;
353
+ padding: 0;
354
+ }
355
+ .an-editable li {
356
+ margin-bottom: 0.25em;
357
+ }
358
+ .an-editable blockquote {
359
+ margin: 0.5em 0 0.5em 1em;
360
+ padding: 0.5em 1em;
361
+ border-left: 4px solid #d1d5db;
362
+ color: #6b7280;
363
+ }
364
+ .an-editable pre, .an-editable code {
365
+ font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
366
+ font-size: 0.9em;
367
+ background: #f9fafb;
368
+ border-radius: 4px;
369
+ }
370
+ .an-editable pre {
371
+ padding: 0.75em 1em;
372
+ overflow-x: auto;
373
+ }
374
+ .an-editable code {
375
+ padding: 0.1em 0.3em;
376
+ }
377
+ .an-editable pre[class*=language-] {
378
+ background: #2d2d2d;
379
+ color: #ccc;
380
+ border-radius: 4px;
381
+ }
382
+ .an-editable pre[class*=language-] > code[class*=language-] {
383
+ background: transparent;
384
+ color: inherit;
385
+ padding: 0;
386
+ }
387
+ .an-editable a {
388
+ color: #3b82f6;
389
+ }
390
+ .an-editable hr {
391
+ border: none;
392
+ border-top: 2px solid #d1d5db;
393
+ margin: 1em 0;
394
+ }
395
+ .an-editable img.an-image {
396
+ max-width: 100%;
397
+ height: auto;
398
+ display: inline-block;
399
+ }
400
+ .an-editable .an-video-wrapper {
401
+ position: relative;
402
+ display: block;
403
+ max-width: 100%;
404
+ margin: 4px 0;
405
+ }
406
+ .an-editable .an-video-wrapper iframe,
407
+ .an-editable .an-video-wrapper video {
408
+ display: block;
409
+ max-width: 100%;
410
+ }
411
+ .an-editable .an-video-wrapper .an-video-shield {
412
+ position: absolute;
413
+ inset: 0;
414
+ z-index: 2;
415
+ cursor: default;
416
+ }
417
+ .an-editable table, .an-editable .an-table {
418
+ border-collapse: collapse;
419
+ table-layout: fixed;
420
+ width: 100%;
421
+ margin: 0.75em 0;
422
+ }
423
+ .an-editable table td, .an-editable table th, .an-editable .an-table td, .an-editable .an-table th {
424
+ border: 1px solid #d1d5db;
425
+ padding: 6px 10px;
426
+ min-width: 40px;
427
+ vertical-align: top;
428
+ overflow-wrap: break-word;
429
+ word-break: break-word;
430
+ }
431
+ .an-editable table th, .an-editable .an-table th {
432
+ background: #f9fafb;
433
+ font-weight: 600;
434
+ }
435
+
436
+ .an-link-tooltip {
437
+ position: fixed;
438
+ z-index: 1300;
439
+ display: flex;
440
+ align-items: center;
441
+ gap: 2px;
442
+ height: 30px;
443
+ padding: 0 6px;
444
+ background: #ffffff;
445
+ border: 1px solid #d1d5db;
446
+ border-radius: 4px;
447
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
448
+ white-space: nowrap;
449
+ pointer-events: all;
450
+ }
451
+ .an-link-tooltip .an-link-tooltip-url {
452
+ max-width: 200px;
453
+ overflow: hidden;
454
+ text-overflow: ellipsis;
455
+ white-space: nowrap;
456
+ font-size: 12px;
457
+ color: #3b82f6;
458
+ cursor: default;
459
+ padding: 0 4px;
460
+ }
461
+ .an-link-tooltip .an-link-tooltip-sep {
462
+ width: 1px;
463
+ height: 18px;
464
+ background: #d1d5db;
465
+ flex-shrink: 0;
466
+ margin: 0 2px;
467
+ }
468
+
469
+ .an-link-tooltip-btn {
470
+ display: flex;
471
+ align-items: center;
472
+ justify-content: center;
473
+ width: 24px;
474
+ height: 24px;
475
+ padding: 0;
476
+ border: none;
477
+ border-radius: 4px;
478
+ background: transparent;
479
+ color: #6b7280;
480
+ cursor: pointer;
481
+ flex-shrink: 0;
482
+ }
483
+ .an-link-tooltip-btn svg {
484
+ stroke: currentColor;
485
+ display: block;
486
+ }
487
+ .an-link-tooltip-btn:hover {
488
+ background: #f3f4f6;
489
+ color: #111827;
490
+ }
491
+ .an-link-tooltip-btn:active, .an-link-tooltip-btn.an-link-tooltip-btn--copied {
492
+ background: #dbeafe;
493
+ color: #3b82f6;
494
+ }
495
+ .an-link-tooltip-btn.an-link-tooltip-btn--danger {
496
+ color: #ef4444;
497
+ }
498
+ .an-link-tooltip-btn.an-link-tooltip-btn--danger svg {
499
+ stroke: #ef4444;
500
+ }
501
+ .an-link-tooltip-btn.an-link-tooltip-btn--danger:hover {
502
+ background: rgba(239, 68, 68, 0.08);
503
+ color: #dc2626;
504
+ }
505
+ .an-link-tooltip-btn.an-link-tooltip-btn--danger:hover svg {
506
+ stroke: #dc2626;
507
+ }
508
+
509
+ .an-image-tooltip .an-link-tooltip-url {
510
+ color: #111827;
511
+ font-weight: 500;
512
+ }
513
+
514
+ .an-video-tooltip .an-link-tooltip-url {
515
+ color: #7c3aed;
516
+ font-weight: 500;
517
+ }
518
+
519
+ .an-table-tooltip .an-link-tooltip-url {
520
+ color: #0369a1;
521
+ font-weight: 500;
522
+ }
523
+
524
+ .an-code-tooltip .an-link-tooltip-url {
525
+ color: #059669;
526
+ font-weight: 500;
527
+ font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
528
+ font-size: 11px;
529
+ letter-spacing: 0.02em;
530
+ }
531
+
532
+ .an-size-popover {
533
+ position: fixed;
534
+ background: #ffffff;
535
+ border: 1px solid #d1d5db;
536
+ border-radius: 8px;
537
+ padding: 12px 14px;
538
+ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
539
+ z-index: 1200;
540
+ min-width: 200px;
541
+ }
542
+ .an-size-popover .an-size-popover-title {
543
+ font-size: 12px;
544
+ font-weight: 600;
545
+ color: #111827;
546
+ margin-bottom: 10px;
547
+ }
548
+ .an-size-popover .an-size-popover-body {
549
+ display: flex;
550
+ align-items: center;
551
+ gap: 6px;
552
+ margin-bottom: 12px;
553
+ }
554
+ .an-size-popover .an-size-input {
555
+ width: 80px;
556
+ height: 28px;
557
+ padding: 0 8px;
558
+ border: 1px solid #d1d5db;
559
+ border-radius: 4px;
560
+ font-size: 13px;
561
+ font-family: inherit;
562
+ color: #111827;
563
+ outline: none;
564
+ }
565
+ .an-size-popover .an-size-input:focus {
566
+ border-color: #3b82f6;
567
+ box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
568
+ }
569
+ .an-size-popover .an-size-unit {
570
+ font-size: 12px;
571
+ color: #6b7280;
572
+ }
573
+ .an-size-popover .an-size-popover-actions {
574
+ display: flex;
575
+ justify-content: flex-end;
576
+ gap: 6px;
577
+ }
578
+
579
+ .an-codeview {
580
+ flex: 1;
581
+ width: 100%;
582
+ min-height: 200px;
583
+ padding: 12px 14px;
584
+ border: none;
585
+ outline: none;
586
+ resize: vertical;
587
+ font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
588
+ font-size: 13px;
589
+ line-height: 1.5;
590
+ background: #1e1e2e;
591
+ color: #cdd6f4;
592
+ }
593
+
594
+ .an-statusbar {
595
+ display: flex;
596
+ align-items: center;
597
+ justify-content: space-between;
598
+ flex-shrink: 0;
599
+ height: 24px;
600
+ padding: 0 8px;
601
+ background: #f9fafb;
602
+ border-top: 1px solid #d1d5db;
603
+ font-size: 11px;
604
+ color: #6b7280;
605
+ user-select: none;
606
+ }
607
+
608
+ .an-status-info {
609
+ display: flex;
610
+ gap: 12px;
611
+ }
612
+
613
+ .an-resize-handle {
614
+ width: 14px;
615
+ height: 14px;
616
+ cursor: ns-resize;
617
+ background: repeating-linear-gradient(-45deg, #d1d5db, #d1d5db 1px, transparent 1px, transparent 3px);
618
+ border-radius: 2px;
619
+ flex-shrink: 0;
620
+ }
621
+ .an-resize-handle:hover {
622
+ opacity: 0.7;
623
+ }
624
+
625
+ .an-dialog-overlay {
626
+ display: none;
627
+ position: fixed;
628
+ inset: 0;
629
+ z-index: 9999;
630
+ background: rgba(0, 0, 0, 0.45);
631
+ align-items: center;
632
+ justify-content: center;
633
+ }
634
+
635
+ .an-dialog-box {
636
+ background: #ffffff;
637
+ border-radius: 8px;
638
+ padding: 24px;
639
+ width: min(420px, 95vw);
640
+ box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
641
+ display: flex;
642
+ flex-direction: column;
643
+ gap: 10px;
644
+ }
645
+
646
+ .an-dialog-title {
647
+ margin: 0 0 4px;
648
+ font-size: 16px;
649
+ font-weight: 600;
650
+ color: #111827;
651
+ }
652
+
653
+ .an-dialog-actions {
654
+ display: flex;
655
+ gap: 8px;
656
+ justify-content: flex-end;
657
+ margin-top: 6px;
658
+ }
659
+
660
+ .an-dialog-hint {
661
+ margin: -4px 0 0;
662
+ font-size: 12px;
663
+ color: #6b7280;
664
+ min-height: 16px;
665
+ }
666
+
667
+ .an-align-row {
668
+ display: flex;
669
+ flex-wrap: wrap;
670
+ gap: 12px;
671
+ margin-bottom: 10px;
672
+ }
673
+ .an-align-row input[type=radio] {
674
+ accent-color: #3b82f6;
675
+ cursor: pointer;
676
+ }
677
+ .an-align-row .an-align-label {
678
+ font-size: 13px;
679
+ cursor: pointer;
680
+ user-select: none;
681
+ }
682
+
683
+ .an-label {
684
+ display: block;
685
+ font-size: 13px;
686
+ font-weight: 500;
687
+ color: #111827;
688
+ margin-bottom: 2px;
689
+ }
690
+ .an-label.an-label-inline {
691
+ display: flex;
692
+ align-items: center;
693
+ gap: 6px;
694
+ font-weight: normal;
695
+ cursor: pointer;
696
+ }
697
+
698
+ .an-input {
699
+ width: 100%;
700
+ padding: 7px 10px;
701
+ border: 1px solid #d1d5db;
702
+ border-radius: 4px;
703
+ font-family: inherit;
704
+ font-size: 14px;
705
+ color: #111827;
706
+ background: #ffffff;
707
+ outline: none;
708
+ transition: border-color 0.15s ease, box-shadow 0.15s ease;
709
+ }
710
+ .an-input:focus {
711
+ border-color: #3b82f6;
712
+ box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
713
+ }
714
+
715
+ .an-contextmenu {
716
+ position: fixed;
717
+ z-index: 10050;
718
+ background: #ffffff;
719
+ border: 1px solid #d1d5db;
720
+ border-radius: 8px;
721
+ box-shadow: 0 8px 28px rgba(0, 0, 0, 0.14);
722
+ min-width: 180px;
723
+ padding: 5px 4px;
724
+ display: none;
725
+ user-select: none;
726
+ }
727
+
728
+ .an-context-item {
729
+ display: flex;
730
+ align-items: center;
731
+ gap: 10px;
732
+ width: 100%;
733
+ text-align: left;
734
+ padding: 7px 14px;
735
+ background: transparent;
736
+ border: none;
737
+ border-radius: 5px;
738
+ font-size: 13px;
739
+ color: #111827;
740
+ cursor: pointer;
741
+ transition: background 0.12s, color 0.12s;
742
+ line-height: 1.4;
743
+ }
744
+ .an-context-item:hover {
745
+ background: #3b82f6;
746
+ color: #fff;
747
+ }
748
+ .an-context-item:hover .an-context-icon svg {
749
+ stroke: #fff;
750
+ }
751
+ .an-context-item:hover .an-context-chevron svg {
752
+ stroke: #fff;
753
+ }
754
+ .an-context-item:disabled {
755
+ opacity: 0.38;
756
+ cursor: default;
757
+ pointer-events: none;
758
+ }
759
+
760
+ .an-context-submenu .an-context-chevron {
761
+ display: flex;
762
+ align-items: center;
763
+ margin-left: auto;
764
+ color: #6b7280;
765
+ flex-shrink: 0;
766
+ }
767
+ .an-context-submenu .an-context-chevron svg {
768
+ display: block;
769
+ }
770
+
771
+ .an-context-back {
772
+ display: flex;
773
+ align-items: center;
774
+ gap: 8px;
775
+ width: 100%;
776
+ text-align: left;
777
+ padding: 6px 14px 8px;
778
+ background: transparent;
779
+ border: none;
780
+ border-bottom: 1px solid #d1d5db;
781
+ border-radius: 5px 5px 0 0;
782
+ font-size: 12px;
783
+ font-weight: 600;
784
+ color: #6b7280;
785
+ cursor: pointer;
786
+ margin-bottom: 3px;
787
+ transition: background 0.12s, color 0.12s;
788
+ }
789
+ .an-context-back .an-context-icon svg {
790
+ stroke: #6b7280;
791
+ }
792
+ .an-context-back:hover {
793
+ background: #f3f4f6;
794
+ color: #111827;
795
+ }
796
+ .an-context-back:hover .an-context-icon svg {
797
+ stroke: #111827;
798
+ }
799
+
800
+ .an-context-icon {
801
+ display: flex;
802
+ align-items: center;
803
+ justify-content: center;
804
+ flex-shrink: 0;
805
+ width: 16px;
806
+ color: #6b7280;
807
+ transition: color 0.12s;
808
+ }
809
+ .an-context-icon svg {
810
+ display: block;
811
+ stroke: currentColor;
812
+ }
813
+
814
+ .an-context-label {
815
+ flex: 1;
816
+ }
817
+
818
+ .an-context-sep {
819
+ height: 1px;
820
+ margin: 5px 10px;
821
+ background: #d1d5db;
822
+ }
823
+
824
+ .an-image-resizer {
825
+ position: absolute;
826
+ z-index: 10000;
827
+ box-sizing: border-box;
828
+ border: 2px solid #3b82f6;
829
+ pointer-events: none;
830
+ }
831
+ .an-image-resizer .an-resize-handle {
832
+ position: absolute;
833
+ width: 8px;
834
+ height: 8px;
835
+ background: #3b82f6;
836
+ border: 1px solid #fff;
837
+ border-radius: 1px;
838
+ box-sizing: border-box;
839
+ pointer-events: all;
840
+ }
841
+ .an-image-resizer .an-resize-nw {
842
+ top: -4px;
843
+ left: -4px;
844
+ cursor: nw-resize;
845
+ }
846
+ .an-image-resizer .an-resize-ne {
847
+ top: -4px;
848
+ right: -4px;
849
+ cursor: ne-resize;
850
+ }
851
+ .an-image-resizer .an-resize-se {
852
+ bottom: -4px;
853
+ right: -4px;
854
+ cursor: se-resize;
855
+ }
856
+ .an-image-resizer .an-resize-sw {
857
+ bottom: -4px;
858
+ left: -4px;
859
+ cursor: sw-resize;
860
+ }
861
+ .an-image-resizer .an-resize-n {
862
+ top: -4px;
863
+ left: calc(50% - 4px);
864
+ cursor: n-resize;
865
+ }
866
+ .an-image-resizer .an-resize-e {
867
+ top: calc(50% - 4px);
868
+ right: -4px;
869
+ cursor: e-resize;
870
+ }
871
+ .an-image-resizer .an-resize-s {
872
+ bottom: -4px;
873
+ left: calc(50% - 4px);
874
+ cursor: s-resize;
875
+ }
876
+ .an-image-resizer .an-resize-w {
877
+ top: calc(50% - 4px);
878
+ left: -4px;
879
+ cursor: w-resize;
880
+ }
881
+
882
+ .an-crop-scrim {
883
+ transition: clip-path 0s;
884
+ }
885
+
886
+ .an-crop-box {
887
+ outline: none !important;
888
+ box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.45), inset 0 0 0 1px rgba(255, 255, 255, 0.25);
889
+ }
890
+
891
+ .an-crop-handle:hover, .an-crop-handle:active {
892
+ background: #74affa !important;
893
+ }
894
+
895
+ .an-crop-toolbar {
896
+ animation: an-crop-toolbar-in 0.12s ease;
897
+ }
898
+
899
+ @keyframes an-crop-toolbar-in {
900
+ from {
901
+ opacity: 0;
902
+ transform: translateY(4px);
903
+ }
904
+ to {
905
+ opacity: 1;
906
+ transform: translateY(0);
907
+ }
908
+ }
909
+ @media print {
910
+ .an-crop-scrim,
911
+ .an-crop-box,
912
+ .an-crop-toolbar {
913
+ display: none !important;
914
+ }
915
+ }
916
+ .an-video-resizer {
917
+ position: absolute;
918
+ z-index: 10000;
919
+ box-sizing: border-box;
920
+ border: 2px solid #8b5cf6;
921
+ pointer-events: none;
922
+ }
923
+ .an-video-resizer .an-resize-handle {
924
+ position: absolute;
925
+ width: 8px;
926
+ height: 8px;
927
+ background: #8b5cf6;
928
+ border: 1px solid #fff;
929
+ border-radius: 1px;
930
+ box-sizing: border-box;
931
+ pointer-events: all;
932
+ }
933
+ .an-video-resizer .an-resize-nw {
934
+ top: -4px;
935
+ left: -4px;
936
+ cursor: nw-resize;
937
+ }
938
+ .an-video-resizer .an-resize-ne {
939
+ top: -4px;
940
+ right: -4px;
941
+ cursor: ne-resize;
942
+ }
943
+ .an-video-resizer .an-resize-se {
944
+ bottom: -4px;
945
+ right: -4px;
946
+ cursor: se-resize;
947
+ }
948
+ .an-video-resizer .an-resize-sw {
949
+ bottom: -4px;
950
+ left: -4px;
951
+ cursor: sw-resize;
952
+ }
953
+ .an-video-resizer .an-resize-n {
954
+ top: -4px;
955
+ left: calc(50% - 4px);
956
+ cursor: n-resize;
957
+ }
958
+ .an-video-resizer .an-resize-e {
959
+ top: calc(50% - 4px);
960
+ right: -4px;
961
+ cursor: e-resize;
962
+ }
963
+ .an-video-resizer .an-resize-s {
964
+ bottom: -4px;
965
+ left: calc(50% - 4px);
966
+ cursor: s-resize;
967
+ }
968
+ .an-video-resizer .an-resize-w {
969
+ top: calc(50% - 4px);
970
+ left: -4px;
971
+ cursor: w-resize;
972
+ }
973
+
974
+ .an-icon-box {
975
+ width: min(596px, 95vw);
976
+ gap: 0;
977
+ padding: 20px;
978
+ }
979
+
980
+ .an-icon-title-row {
981
+ display: flex;
982
+ align-items: center;
983
+ justify-content: space-between;
984
+ margin-bottom: 14px;
985
+ }
986
+ .an-icon-title-row .an-dialog-title {
987
+ margin: 0;
988
+ }
989
+
990
+ .an-icon-close {
991
+ display: flex;
992
+ align-items: center;
993
+ justify-content: center;
994
+ width: 26px;
995
+ height: 26px;
996
+ padding: 0;
997
+ font-size: 18px;
998
+ line-height: 1;
999
+ background: none;
1000
+ border: none;
1001
+ border-radius: 4px;
1002
+ cursor: pointer;
1003
+ color: #6b7280;
1004
+ flex-shrink: 0;
1005
+ }
1006
+ .an-icon-close:hover {
1007
+ background: #f3f4f6;
1008
+ color: #111827;
1009
+ }
1010
+
1011
+ .an-icon-search {
1012
+ width: 100%;
1013
+ margin-bottom: 10px;
1014
+ box-sizing: border-box;
1015
+ }
1016
+
1017
+ .an-icon-cats {
1018
+ display: flex;
1019
+ flex-wrap: wrap;
1020
+ gap: 4px;
1021
+ margin-bottom: 10px;
1022
+ }
1023
+
1024
+ .an-icon-cat {
1025
+ height: 26px;
1026
+ padding: 0 10px;
1027
+ font-size: 12px;
1028
+ font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
1029
+ background: none;
1030
+ border: 1px solid #d1d5db;
1031
+ border-radius: 13px;
1032
+ cursor: pointer;
1033
+ color: #6b7280;
1034
+ white-space: nowrap;
1035
+ transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
1036
+ }
1037
+ .an-icon-cat:hover {
1038
+ background: #f3f4f6;
1039
+ color: #111827;
1040
+ }
1041
+ .an-icon-cat.active {
1042
+ background: #3b82f6;
1043
+ border-color: #3b82f6;
1044
+ color: #fff;
1045
+ }
1046
+
1047
+ .an-icon-grid {
1048
+ display: grid;
1049
+ grid-template-columns: repeat(auto-fill, 56px);
1050
+ gap: 3px;
1051
+ height: 256px;
1052
+ overflow-y: auto;
1053
+ margin-bottom: 10px;
1054
+ padding: 4px;
1055
+ border: 1px solid #d1d5db;
1056
+ border-radius: 6px;
1057
+ background: #ffffff;
1058
+ scrollbar-width: thin;
1059
+ scrollbar-color: #d1d5db transparent;
1060
+ }
1061
+ .an-icon-grid::-webkit-scrollbar {
1062
+ width: 6px;
1063
+ }
1064
+ .an-icon-grid::-webkit-scrollbar-track {
1065
+ background: transparent;
1066
+ }
1067
+ .an-icon-grid::-webkit-scrollbar-thumb {
1068
+ background: #d1d5db;
1069
+ border-radius: 3px;
1070
+ }
1071
+
1072
+ .an-icon-cell {
1073
+ display: flex;
1074
+ flex-direction: column;
1075
+ align-items: center;
1076
+ justify-content: center;
1077
+ gap: 3px;
1078
+ width: 56px;
1079
+ height: 52px;
1080
+ padding: 0;
1081
+ border: 1px solid transparent;
1082
+ border-radius: 4px;
1083
+ background: none;
1084
+ cursor: pointer;
1085
+ font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
1086
+ font-size: 10px;
1087
+ color: #6b7280;
1088
+ transition: background 0.15s ease, border-color 0.15s ease;
1089
+ overflow: hidden;
1090
+ box-sizing: border-box;
1091
+ }
1092
+ .an-icon-cell i {
1093
+ font-size: 17px;
1094
+ color: #111827;
1095
+ line-height: 1;
1096
+ pointer-events: none;
1097
+ }
1098
+ .an-icon-cell span {
1099
+ overflow: hidden;
1100
+ text-overflow: ellipsis;
1101
+ white-space: nowrap;
1102
+ max-width: 52px;
1103
+ pointer-events: none;
1104
+ }
1105
+ .an-icon-cell:hover {
1106
+ background: #f3f4f6;
1107
+ border-color: #d1d5db;
1108
+ }
1109
+ .an-icon-cell.active {
1110
+ background: rgba(59, 130, 246, 0.1);
1111
+ border-color: #3b82f6;
1112
+ color: #3b82f6;
1113
+ }
1114
+ .an-icon-cell.active i {
1115
+ color: #3b82f6;
1116
+ }
1117
+
1118
+ .an-icon-empty {
1119
+ grid-column: 1/-1;
1120
+ padding: 24px 0;
1121
+ text-align: center;
1122
+ color: #6b7280;
1123
+ font-size: 13px;
1124
+ }
1125
+
1126
+ .an-icon-options {
1127
+ display: flex;
1128
+ align-items: center;
1129
+ flex-wrap: wrap;
1130
+ gap: 6px 10px;
1131
+ margin-bottom: 10px;
1132
+ }
1133
+ .an-icon-options .an-label {
1134
+ margin: 0;
1135
+ font-size: 12px;
1136
+ white-space: nowrap;
1137
+ }
1138
+
1139
+ .an-icon-option-select {
1140
+ height: 30px;
1141
+ padding: 0 6px;
1142
+ font-size: 12px;
1143
+ width: auto;
1144
+ }
1145
+
1146
+ .an-icon-color {
1147
+ width: 32px;
1148
+ height: 30px;
1149
+ padding: 2px;
1150
+ border: 1px solid #d1d5db;
1151
+ border-radius: 4px;
1152
+ cursor: pointer;
1153
+ background: none;
1154
+ }
1155
+
1156
+ .an-icon-use-color {
1157
+ display: flex;
1158
+ align-items: center;
1159
+ gap: 4px;
1160
+ font-size: 12px;
1161
+ margin: 0;
1162
+ cursor: pointer;
1163
+ }
1164
+ .an-icon-use-color input[type=checkbox] {
1165
+ cursor: pointer;
1166
+ }
1167
+
1168
+ .an-icon-preview {
1169
+ display: flex;
1170
+ flex-direction: column;
1171
+ align-items: center;
1172
+ justify-content: center;
1173
+ gap: 6px;
1174
+ min-height: 72px;
1175
+ margin-bottom: 14px;
1176
+ padding: 10px 12px;
1177
+ border: 1px solid #d1d5db;
1178
+ border-radius: 6px;
1179
+ background: #f9fafb;
1180
+ }
1181
+ .an-icon-preview i {
1182
+ line-height: 1;
1183
+ }
1184
+ .an-icon-preview .an-icon-preview-hint {
1185
+ font-size: 12px;
1186
+ color: #6b7280;
1187
+ }
1188
+
1189
+ .an-icon-preview-name {
1190
+ font-size: 12px;
1191
+ color: #6b7280;
1192
+ font-family: monospace;
1193
+ }
1194
+
1195
+ .an-emoji-box {
1196
+ width: min(520px, 95vw);
1197
+ gap: 0;
1198
+ padding: 20px;
1199
+ }
1200
+
1201
+ .an-emoji-grid {
1202
+ display: grid;
1203
+ grid-template-columns: repeat(auto-fill, 42px);
1204
+ gap: 2px;
1205
+ height: 288px;
1206
+ overflow-y: auto;
1207
+ margin-bottom: 10px;
1208
+ padding: 4px;
1209
+ border: 1px solid #d1d5db;
1210
+ border-radius: 6px;
1211
+ scrollbar-width: thin;
1212
+ scrollbar-color: #d1d5db transparent;
1213
+ }
1214
+ .an-emoji-grid::-webkit-scrollbar {
1215
+ width: 6px;
1216
+ }
1217
+ .an-emoji-grid::-webkit-scrollbar-track {
1218
+ background: transparent;
1219
+ }
1220
+ .an-emoji-grid::-webkit-scrollbar-thumb {
1221
+ background: #d1d5db;
1222
+ border-radius: 3px;
1223
+ }
1224
+
1225
+ .an-emoji-cell {
1226
+ width: 42px;
1227
+ height: 42px;
1228
+ padding: 0;
1229
+ display: flex;
1230
+ align-items: center;
1231
+ justify-content: center;
1232
+ font-size: 22px;
1233
+ line-height: 1;
1234
+ border: 1px solid transparent;
1235
+ border-radius: 4px;
1236
+ background: none;
1237
+ cursor: pointer;
1238
+ transition: background 0.15s ease, border-color 0.15s ease;
1239
+ }
1240
+ .an-emoji-cell:hover {
1241
+ background: #f3f4f6;
1242
+ border-color: #d1d5db;
1243
+ }
1244
+ .an-emoji-cell:active {
1245
+ background: #dbeafe;
1246
+ }
1247
+
1248
+ .an-sticky-toolbar {
1249
+ overflow: visible;
1250
+ }
1251
+ .an-sticky-toolbar .an-toolbar {
1252
+ position: sticky;
1253
+ top: var(--an-sticky-top, 0px);
1254
+ z-index: 100;
1255
+ border-radius: 6px 6px 0 0;
1256
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
1257
+ }
1258
+
1259
+ .an-editable figure.an-figure {
1260
+ display: inline-block;
1261
+ max-width: 100%;
1262
+ margin: 0.75em 0;
1263
+ text-align: center;
1264
+ }
1265
+ .an-editable figure.an-figure img {
1266
+ display: block;
1267
+ max-width: 100%;
1268
+ }
1269
+ .an-editable figcaption.an-figcaption {
1270
+ font-size: 0.85em;
1271
+ font-style: italic;
1272
+ color: #6b7280;
1273
+ padding: 4px 0 2px;
1274
+ text-align: center;
1275
+ line-height: 1.4;
1276
+ min-width: 60px;
1277
+ outline: none;
1278
+ }
1279
+ .an-editable figcaption.an-figcaption:focus {
1280
+ background: rgba(59, 130, 246, 0.06);
1281
+ border-radius: 2px;
1282
+ }
1283
+
1284
+ .an-shortcuts-box {
1285
+ width: min(480px, 95vw);
1286
+ max-height: 80vh;
1287
+ overflow-y: auto;
1288
+ }
1289
+
1290
+ .an-shortcuts-cat {
1291
+ font-size: 11px;
1292
+ font-weight: 600;
1293
+ text-transform: uppercase;
1294
+ letter-spacing: 0.06em;
1295
+ color: #6b7280;
1296
+ padding: 8px 0 4px;
1297
+ border-bottom: 1px solid #d1d5db;
1298
+ margin-bottom: 2px;
1299
+ }
1300
+ .an-shortcuts-cat + .an-shortcuts-table + .an-shortcuts-cat {
1301
+ margin-top: 10px;
1302
+ }
1303
+
1304
+ .an-shortcuts-table {
1305
+ display: flex;
1306
+ flex-direction: column;
1307
+ }
1308
+
1309
+ .an-shortcuts-row {
1310
+ display: flex;
1311
+ align-items: center;
1312
+ justify-content: space-between;
1313
+ padding: 5px 4px;
1314
+ border-radius: 4px;
1315
+ }
1316
+ .an-shortcuts-row:hover {
1317
+ background: #f3f4f6;
1318
+ }
1319
+
1320
+ .an-shortcuts-key {
1321
+ font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
1322
+ font-size: 12px;
1323
+ color: #111827;
1324
+ background: #f9fafb;
1325
+ border: 1px solid #d1d5db;
1326
+ border-bottom-width: 2px;
1327
+ border-radius: 4px;
1328
+ padding: 2px 8px;
1329
+ white-space: nowrap;
1330
+ flex-shrink: 0;
1331
+ }
1332
+
1333
+ .an-shortcuts-action {
1334
+ font-size: 13px;
1335
+ color: #111827;
1336
+ flex: 1;
1337
+ padding-left: 14px;
1338
+ }
1339
+
1340
+ .an-code-lang-select {
1341
+ height: 22px;
1342
+ padding: 0 20px 0 6px;
1343
+ border: 1px solid #d1d5db;
1344
+ border-radius: 4px;
1345
+ font-family: inherit;
1346
+ font-size: 11px;
1347
+ color: #111827;
1348
+ background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236b7280'/%3E%3C/svg%3E") no-repeat right 5px center;
1349
+ background-size: 6px 4px;
1350
+ appearance: none;
1351
+ -webkit-appearance: none;
1352
+ cursor: pointer;
1353
+ }
1354
+ .an-code-lang-select:focus {
1355
+ outline: none;
1356
+ border-color: #3b82f6;
1357
+ }
1358
+ .an-code-lang-select:hover {
1359
+ border-color: #3b82f6;
1360
+ }
1361
+
1362
+ .an-theme-dark {
1363
+ border-color: #3f3f5f;
1364
+ background: #1e1e2e;
1365
+ color: #cdd6f4;
1366
+ }
1367
+ .an-theme-dark.an-focused {
1368
+ border-color: #89b4fa;
1369
+ box-shadow: 0 0 0 3px rgba(137, 180, 250, 0.2);
1370
+ }
1371
+ .an-theme-dark .an-toolbar {
1372
+ background: #181825;
1373
+ border-color: #3f3f5f;
1374
+ }
1375
+ .an-theme-dark .an-btn {
1376
+ color: #cdd6f4;
1377
+ }
1378
+ .an-theme-dark .an-btn:hover {
1379
+ background: #2a2a3e;
1380
+ border-color: #3f3f5f;
1381
+ color: #cdd6f4;
1382
+ }
1383
+ .an-theme-dark .an-btn:hover svg {
1384
+ stroke: #cdd6f4;
1385
+ }
1386
+ .an-theme-dark .an-btn.active {
1387
+ background: #1a3a5c;
1388
+ border-color: #89b4fa;
1389
+ color: #89b4fa;
1390
+ }
1391
+ .an-theme-dark .an-btn.active svg {
1392
+ stroke: #89b4fa;
1393
+ }
1394
+ .an-theme-dark .an-btn.an-btn-primary {
1395
+ background: #3b5bdb;
1396
+ border-color: #3b5bdb;
1397
+ color: #fff;
1398
+ }
1399
+ .an-theme-dark .an-select {
1400
+ background-color: #1e1e2e;
1401
+ border-color: #3f3f5f;
1402
+ color: #cdd6f4;
1403
+ }
1404
+ .an-theme-dark .an-select:hover, .an-theme-dark .an-select:focus {
1405
+ border-color: #89b4fa;
1406
+ }
1407
+ .an-theme-dark .an-editable {
1408
+ background: #1e1e2e;
1409
+ color: #cdd6f4;
1410
+ }
1411
+ .an-theme-dark .an-editable a {
1412
+ color: #89b4fa;
1413
+ }
1414
+ .an-theme-dark .an-editable blockquote {
1415
+ border-color: #3f3f5f;
1416
+ color: #a6adc8;
1417
+ }
1418
+ .an-theme-dark .an-editable pre:not([class*=language-]),
1419
+ .an-theme-dark .an-editable code:not([class*=language-]) {
1420
+ background: #313244;
1421
+ color: #cdd6f4;
1422
+ }
1423
+ .an-theme-dark .an-editable hr {
1424
+ border-color: #3f3f5f;
1425
+ }
1426
+ .an-theme-dark .an-editable table td, .an-theme-dark .an-editable table th, .an-theme-dark .an-editable .an-table td, .an-theme-dark .an-editable .an-table th {
1427
+ border-color: #3f3f5f;
1428
+ }
1429
+ .an-theme-dark .an-editable table th, .an-theme-dark .an-editable .an-table th {
1430
+ background: #313244;
1431
+ }
1432
+ .an-theme-dark .an-editable.an-placeholder::before {
1433
+ color: #6c7086;
1434
+ }
1435
+ .an-theme-dark .an-editable figcaption.an-figcaption {
1436
+ color: #6c7086;
1437
+ }
1438
+ .an-theme-dark .an-statusbar {
1439
+ background: #181825;
1440
+ border-color: #3f3f5f;
1441
+ color: #6c7086;
1442
+ }
1443
+ .an-theme-dark .an-link-tooltip,
1444
+ .an-theme-dark .an-contextmenu {
1445
+ background: #24273a;
1446
+ border-color: #3f3f5f;
1447
+ color: #cdd6f4;
1448
+ }
1449
+ .an-theme-dark .an-link-tooltip-url {
1450
+ color: #89b4fa;
1451
+ }
1452
+ .an-theme-dark .an-link-tooltip-btn {
1453
+ color: #a6adc8;
1454
+ }
1455
+ .an-theme-dark .an-link-tooltip-btn:hover {
1456
+ background: #2a2a3e;
1457
+ color: #cdd6f4;
1458
+ }
1459
+ .an-theme-dark .an-dialog-overlay {
1460
+ background: rgba(0, 0, 0, 0.65);
1461
+ }
1462
+ .an-theme-dark .an-dialog-box {
1463
+ background: #24273a;
1464
+ color: #cdd6f4;
1465
+ border: 1px solid #3f3f5f;
1466
+ }
1467
+ .an-theme-dark .an-dialog-title {
1468
+ color: #cdd6f4;
1469
+ }
1470
+ .an-theme-dark .an-label {
1471
+ color: #cdd6f4;
1472
+ }
1473
+ .an-theme-dark .an-input {
1474
+ background: #313244;
1475
+ border-color: #3f3f5f;
1476
+ color: #cdd6f4;
1477
+ }
1478
+ .an-theme-dark .an-input:focus {
1479
+ border-color: #89b4fa;
1480
+ box-shadow: 0 0 0 3px rgba(137, 180, 250, 0.15);
1481
+ }
1482
+ .an-theme-dark .an-shortcuts-key {
1483
+ background: #313244;
1484
+ border-color: #3f3f5f;
1485
+ color: #cdd6f4;
1486
+ }
1487
+ .an-theme-dark .an-shortcuts-action {
1488
+ color: #cdd6f4;
1489
+ }
1490
+ .an-theme-dark .an-shortcuts-row:hover {
1491
+ background: #2a2a3e;
1492
+ }
1493
+ .an-theme-dark .an-shortcuts-cat {
1494
+ border-color: #3f3f5f;
1495
+ color: #a6adc8;
1496
+ }
1497
+ .an-theme-dark .an-code-lang-select {
1498
+ background-color: #24273a;
1499
+ border-color: #3f3f5f;
1500
+ color: #cdd6f4;
1501
+ }
1502
+ .an-theme-dark .an-color-popup,
1503
+ .an-theme-dark .an-table-picker-popup,
1504
+ .an-theme-dark .an-size-popover {
1505
+ background: #24273a;
1506
+ border-color: #3f3f5f;
1507
+ color: #cdd6f4;
1508
+ }
1509
+ .an-theme-dark .an-table-cell {
1510
+ background: #24273a;
1511
+ border-color: #3f3f5f;
1512
+ }
1513
+ .an-theme-dark .an-table-cell.active {
1514
+ background: rgba(99, 102, 241, 0.3);
1515
+ border-color: #6366f1;
1516
+ }
1517
+ .an-theme-dark .an-context-item {
1518
+ color: #cdd6f4;
1519
+ }
1520
+ .an-theme-dark .an-context-sep {
1521
+ background: #3f3f5f;
1522
+ }
1523
+ .an-theme-dark .an-icon-cat {
1524
+ border-color: #3f3f5f;
1525
+ color: #a6adc8;
1526
+ }
1527
+ .an-theme-dark .an-icon-cat.active {
1528
+ background: #3b5bdb;
1529
+ border-color: #3b5bdb;
1530
+ color: #fff;
1531
+ }
1532
+ .an-theme-dark .an-icon-search {
1533
+ border-color: #3f3f5f;
1534
+ background: #313244;
1535
+ color: #cdd6f4;
1536
+ }
1537
+ .an-theme-dark .an-icon-cell {
1538
+ color: #cdd6f4;
1539
+ }
1540
+ .an-theme-dark .an-icon-cell:hover {
1541
+ background: #2a2a3e;
1542
+ }
1543
+ .an-theme-dark .an-icon-close {
1544
+ color: #a6adc8;
1545
+ }
1546
+ .an-theme-dark .an-icon-close:hover {
1547
+ background: #2a2a3e;
1548
+ color: #cdd6f4;
1549
+ }
1550
+
1551
+ .an-toolbar-overflow-scroll .an-toolbar {
1552
+ flex-wrap: nowrap;
1553
+ overflow-x: auto;
1554
+ scrollbar-width: thin;
1555
+ }
1556
+ .an-toolbar-overflow-scroll .an-toolbar::-webkit-scrollbar {
1557
+ height: 4px;
1558
+ }
1559
+ .an-toolbar-overflow-scroll .an-toolbar::-webkit-scrollbar-thumb {
1560
+ background: #d1d5db;
1561
+ border-radius: 2px;
1562
+ }
1563
+
1564
+ .an-dir-rtl .an-toolbar {
1565
+ direction: rtl;
1566
+ }
1567
+
1568
+ .an-editable[dir=rtl] {
1569
+ text-align: right;
1570
+ }
1571
+
1572
+ .an-count-warn {
1573
+ color: #f59e0b;
1574
+ font-weight: 600;
1575
+ }
1576
+
1577
+ .an-count-exceeded {
1578
+ color: #ef4444;
1579
+ font-weight: 700;
1580
+ }
1581
+
1582
+ .an-editable ul.an-checklist {
1583
+ list-style: none;
1584
+ padding-left: 0;
1585
+ margin: 0.5em 0;
1586
+ }
1587
+ .an-editable ul.an-checklist li {
1588
+ position: relative;
1589
+ padding-left: 22px;
1590
+ padding-top: 1px;
1591
+ padding-bottom: 1px;
1592
+ min-height: 1.4em;
1593
+ line-height: inherit;
1594
+ font-size: inherit;
1595
+ font-family: inherit;
1596
+ }
1597
+ .an-editable ul.an-checklist li input[type=checkbox] {
1598
+ position: absolute;
1599
+ left: 0;
1600
+ top: 0.25em;
1601
+ width: 14px;
1602
+ height: 14px;
1603
+ margin: 0;
1604
+ cursor: pointer;
1605
+ accent-color: #3b82f6;
1606
+ }
1607
+ .an-editable ul.an-checklist li:has(input[type=checkbox]:checked) {
1608
+ color: #6b7280;
1609
+ text-decoration: line-through;
1610
+ }
1611
+
1612
+ .an-theme-dark .an-editable ul.an-checklist li:has(input[type=checkbox]:checked) {
1613
+ color: #6c7086;
1614
+ }
1615
+
1616
+ @media print {
1617
+ .an-container {
1618
+ border: none;
1619
+ box-shadow: none;
1620
+ contain: none;
1621
+ }
1622
+ .an-toolbar,
1623
+ .an-statusbar {
1624
+ display: none !important;
1625
+ }
1626
+ .an-editable {
1627
+ overflow: visible;
1628
+ height: auto !important;
1629
+ max-height: none !important;
1630
+ padding: 0;
1631
+ color: #000;
1632
+ background: #fff;
1633
+ }
1634
+ .an-video-wrapper .an-video-shield {
1635
+ display: none;
1636
+ }
1637
+ .an-image-resizer,
1638
+ .an-video-resizer {
1639
+ display: none !important;
1640
+ }
1641
+ }/*$vite$:1*/