autumnnote 1.0.5 → 1.0.7

package/dist/autumnnote.css

@@ -1 +1,1769 @@
-@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}}
+@charset "UTF-8";
+/**
+ * autumnnote.scss — Main stylesheet for the AutumnNote editor
+ * Inspired by Summernote — rewritten with cleaner, modern CSS
+ */
+.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: #ffffff;
+  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;
+  user-select: text;
+  background: #fafafa;
+}
+.an-container.an-disabled .an-editable ul.an-checklist input[type=checkbox] {
+  pointer-events: none;
+  cursor: default;
+}
+.an-container.an-disabled .an-editable img,
+.an-container.an-disabled .an-editable .an-video-wrapper {
+  -webkit-user-drag: none;
+  user-drag: none;
+  pointer-events: none;
+}
+.an-container.an-fullscreen {
+  position: fixed;
+  inset: 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;
+  user-select: none;
+}
+
+.an-btn-group {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+}
+.an-btn-group > .an-btn {
+  padding: 0;
+}
+.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: #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;
+  background-size: 8px 5px;
+  border: 1px solid #d1d5db;
+  border-radius: 4px;
+  font-family: inherit;
+  font-size: 12px;
+  color: #111827;
+  cursor: pointer;
+  appearance: none;
+  -webkit-appearance: none;
+  min-width: 110px;
+  max-width: 160px;
+  transition: border-color 0.15s ease, box-shadow 0.15s ease;
+}
+.an-select:hover {
+  border-color: #3b82f6;
+}
+.an-select:focus {
+  outline: none;
+  border-color: #3b82f6;
+  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
+}
+.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: #ffffff;
+  border: 1px solid #d1d5db;
+  border-radius: 6px;
+  padding: 8px;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
+  z-index: 1100;
+  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: #ffffff;
+  transition: background 0.15s ease, border-color 0.15s ease;
+}
+.an-table-cell.active {
+  background: rgba(59, 130, 246, 0.15);
+  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: #ffffff;
+  border: 1px solid #d1d5db;
+  border-radius: 6px;
+  padding: 8px;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
+  min-width: 184px;
+  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, 0.12);
+  transition: transform 0.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;
+  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 0.15s ease, border-color 0.15s ease, color 0.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 {
+  position: relative;
+  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;
+  position: absolute;
+  top: 12px;
+  left: 14px;
+  right: 14px;
+}
+.an-editable p {
+  margin: 0 0 0.75em;
+}
+.an-editable h1, .an-editable h2, .an-editable h3, .an-editable h4, .an-editable h5, .an-editable h6 {
+  margin: 0.5em 0;
+  line-height: 1.3;
+}
+.an-editable ul, .an-editable ol {
+  margin: 0 0 0.75em 1.5em;
+  padding: 0;
+}
+.an-editable li {
+  margin-bottom: 0.25em;
+}
+.an-editable blockquote {
+  margin: 0.5em 0 0.5em 1em;
+  padding: 0.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: 0.9em;
+  background: #f9fafb;
+  border-radius: 4px;
+}
+.an-editable pre {
+  padding: 0.75em 1em;
+  overflow-x: auto;
+}
+.an-editable code {
+  padding: 0.1em 0.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;
+  inset: 0;
+  z-index: 2;
+  cursor: default;
+  pointer-events: all;
+}
+.an-video-wrapper .an-video-shield {
+  position: absolute;
+  inset: 0;
+  z-index: 2;
+  cursor: default;
+  pointer-events: all;
+}
+
+.an-editable table, .an-editable .an-table {
+  border-collapse: collapse;
+  table-layout: fixed;
+  width: 100%;
+  margin: 0.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: #ffffff;
+  border: 1px solid #d1d5db;
+  border-radius: 4px;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
+  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: rgba(239, 68, 68, 0.08);
+  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: 0.02em;
+}
+
+.an-size-popover {
+  position: fixed;
+  background: #ffffff;
+  border: 1px solid #d1d5db;
+  border-radius: 8px;
+  padding: 12px 14px;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
+  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 rgba(59, 130, 246, 0.15);
+}
+.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;
+  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: 0.7;
+}
+
+.an-dialog-overlay {
+  display: none;
+  position: fixed;
+  inset: 0;
+  z-index: 9999;
+  background: rgba(0, 0, 0, 0.45);
+  align-items: center;
+  justify-content: center;
+}
+
+.an-dialog-box {
+  background: #ffffff;
+  border-radius: 8px;
+  padding: 24px;
+  width: min(420px, 95vw);
+  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
+  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;
+  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: normal;
+  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: #ffffff;
+  outline: none;
+  transition: border-color 0.15s ease, box-shadow 0.15s ease;
+}
+.an-input:focus {
+  border-color: #3b82f6;
+  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
+}
+
+.an-contextmenu {
+  position: fixed;
+  z-index: 10050;
+  background: #ffffff;
+  border: 1px solid #d1d5db;
+  border-radius: 8px;
+  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.14);
+  min-width: 180px;
+  padding: 5px 4px;
+  display: 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 0.12s, color 0.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: 0.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 0.12s, color 0.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 0.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-context-icon--color {
+  flex-direction: column;
+  gap: 2px;
+  width: 16px;
+  align-items: center;
+}
+.an-context-icon--color .an-context-icon-svg {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 0;
+}
+
+.an-context-color-strip {
+  display: block;
+  width: 100%;
+  height: 3px;
+  border-radius: 1px;
+  flex-shrink: 0;
+}
+
+.an-context-color-palette {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 3px;
+  padding: 6px 12px 2px;
+}
+
+.an-context-color-swatch {
+  width: 15px;
+  height: 15px;
+  border-radius: 3px;
+  border: 1px solid rgba(0, 0, 0, 0.12);
+  cursor: pointer;
+  flex-shrink: 0;
+  position: relative;
+  transition: transform 0.1s;
+}
+.an-context-color-swatch:hover {
+  transform: scale(1.28);
+  z-index: 1;
+  border-color: rgba(0, 0, 0, 0.4);
+}
+
+.an-context-color-none {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #fff !important;
+  color: #999;
+}
+.an-context-color-none svg {
+  display: block;
+}
+.an-context-color-none:hover {
+  color: #333;
+}
+
+.an-context-color-custom {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 4px 12px 8px;
+  font-size: 12px;
+  color: #6b7280;
+  cursor: pointer;
+}
+.an-context-color-custom input[type=color] {
+  width: 18px;
+  height: 18px;
+  padding: 0;
+  border: 1px solid #d1d5db;
+  border-radius: 3px;
+  cursor: pointer;
+  background: transparent;
+  -webkit-appearance: none;
+  appearance: none;
+}
+.an-context-color-custom span {
+  flex: 1;
+}
+.an-context-color-custom:hover span {
+  color: #111827;
+}
+
+.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 rgba(0, 0, 0, 0.45), inset 0 0 0 1px rgba(255, 255, 255, 0.25);
+}
+
+.an-crop-handle:hover, .an-crop-handle:active {
+  background: #74affa !important;
+}
+
+.an-crop-toolbar {
+  animation: an-crop-toolbar-in 0.12s ease;
+}
+
+@keyframes an-crop-toolbar-in {
+  from {
+    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 0.15s ease, color 0.15s ease, border-color 0.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: #ffffff;
+  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 0.15s ease, border-color 0.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: rgba(59, 130, 246, 0.1);
+  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 0.15s ease, border-color 0.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 rgba(0, 0, 0, 0.1);
+}
+
+.an-editable figure.an-figure {
+  display: inline-block;
+  max-width: 100%;
+  margin: 0.75em 0;
+  text-align: center;
+}
+.an-editable figure.an-figure img {
+  display: block;
+  max-width: 100%;
+  margin: 0 auto;
+}
+.an-editable figcaption.an-figcaption {
+  font-size: 0.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: rgba(59, 130, 246, 0.06);
+  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: 0.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: #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;
+  background-size: 6px 4px;
+  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 rgba(137, 180, 250, 0.2);
+}
+.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 {
+  border-color: #3f3f5f;
+}
+.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: rgba(0, 0, 0, 0.65);
+}
+.an-theme-dark .an-dialog-box {
+  background: #24273a;
+  color: #cdd6f4;
+  border: 1px solid #3f3f5f;
+}
+.an-theme-dark .an-dialog-title {
+  color: #cdd6f4;
+}
+.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 rgba(137, 180, 250, 0.15);
+}
+.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: rgba(99, 102, 241, 0.3);
+  border-color: #6366f1;
+}
+.an-theme-dark .an-context-item {
+  color: #cdd6f4;
+}
+.an-theme-dark .an-context-sep {
+  background: #3f3f5f;
+}
+.an-theme-dark .an-context-color-swatch {
+  border-color: rgba(255, 255, 255, 0.15);
+}
+.an-theme-dark .an-context-color-swatch:hover {
+  border-color: rgba(255, 255, 255, 0.5);
+}
+.an-theme-dark .an-context-color-none {
+  background: #1e1e2e !important;
+  color: #888;
+}
+.an-theme-dark .an-context-color-none:hover {
+  color: #ccc;
+}
+.an-theme-dark .an-context-color-custom input[type=color] {
+  border-color: #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: 0.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: 0.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;
+  }
+}/*$vite$:1*/