.structured-formatter{height:100dvh;min-height:580px;display:flex;flex-direction:column;background:#f5f6f8;color:#27272a;font-family:var(--font-sans),-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}.formatter-header{height:56px;flex-shrink:0;display:flex;align-items:center;gap:22px;border-bottom:1px solid #e4e4e7;padding:0 28px;background:#fff}.formatter-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:750;letter-spacing:-.6px}.formatter-brand img{height:28px;width:28px;object-fit:contain}.formatter-header-label{font-size:12px;color:#71717a;border-left:1px solid #e4e4e7;padding-left:22px}.formatter-header-actions{display:flex;align-items:center;gap:22px;margin-left:auto}.formatter-header-actions>button{white-space:nowrap}.formatter-version-button{border:1px solid #e4e4e7;border-radius:8px;padding:7px 12px;background:#ffffff;color:#52525b;font-size:12px;cursor:pointer}.formatter-version-button:hover{border-color:#2563eb;color:#2563eb}.formatter-text-button{font-size:12px;color:#71717a;text-align:left;cursor:pointer}.formatter-text-button:hover{color:#2563eb}.formatter-workspace{display:grid;grid-template-columns:minmax(0,1fr) 232px minmax(0,1fr);gap:12px;padding:14px;flex:1;min-height:0;max-width:1800px;width:100%;margin:0 auto}.formatter-sidebar{display:flex;flex-direction:column;min-height:0;background:#fff;border:1px solid #e4e4e7;border-radius:12px;overflow:hidden}.formatter-sidebar-heading{position:relative;padding:16px;border-bottom:1px solid #f0f0f2}.formatter-sidebar-heading h2{font-size:15px;font-weight:650}.formatter-sidebar-heading p{font-size:11px;line-height:1.8;color:#888;margin-top:6px}.formatter-style-list{padding:12px;overflow:auto;flex:1}.formatter-style-list>div{grid-template-columns:1fr;gap:8px}.formatter-style-list>div>div{padding:12px 14px;border-radius:8px}.formatter-style-list h3{font-family:inherit}.formatter-style-list p{font-size:11px;line-height:1.6}.formatter-sidebar-footer{padding:14px 18px;border-top:1px solid #eee;background:#fcfcfd}.formatter-sidebar-footer p{font-size:11px;line-height:1.8;color:#8b8b94;margin-bottom:8px}.formatter-main{display:flex;flex-direction:column;min-height:0;min-width:0;background:#fff;border:1px solid #e4e4e7;border-radius:12px;overflow:hidden;box-shadow:none}.formatter-document-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;min-height:68px;border-bottom:1px solid #eeeeef;flex-wrap:wrap;flex-shrink:0}.formatter-document-bar h1,.formatter-document-bar h2{font-size:16px;font-weight:650}.formatter-document-bar h1 span{font-size:11px;font-weight:400;border:1px solid #e4e4e7;color:#777;padding:3px 7px;border-radius:5px;margin-left:8px}.formatter-document-bar p{font-size:11px;color:#8a8a93;margin-top:5px}.formatter-document-actions{display:flex;align-items:center;gap:7px}.formatter-copy-button,.formatter-icon-button,.formatter-primary-button{height:35px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:7px;cursor:pointer;font-size:12px;font-weight:550;white-space:nowrap}.formatter-icon-button{width:31px;color:#71717a}.formatter-icon-button:hover{background:#f4f4f5}.formatter-primary-button{background:#2563eb;color:white;padding:0 14px;box-shadow:0 2px 3px #2563eb18}.formatter-primary-button:hover{background:#1d4ed8}.formatter-copy-button{background:#fff;border:1px solid #d4d4d8;padding:0 12px}.formatter-copy-button:hover{background:#fafafa}.formatter-document-actions svg{width:15px;height:15px}.structured-formatter button:disabled{opacity:.4;cursor:not-allowed}.editor-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:9px 12px;border-bottom:1px solid #e7e7eb;background:#fff;flex-shrink:0}.editor-tool-group{display:flex;align-items:center;gap:2px;padding-right:8px;margin-right:4px;border-right:1px solid #e8e8eb}.editor-tool-group:last-child{border:0}.editor-tool{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;cursor:pointer;color:#52525b;flex-shrink:0}.editor-tool svg{width:15px;height:15px;stroke-width:1.8}.editor-tool:hover{background:#f1f5f9}.editor-tool.is-active{background:#eff6ff;color:#2563eb}.editor-select{font-size:11px;border:1px solid #e4e4e7;border-radius:5px;background:#fff;height:28px;max-width:120px;padding:0 5px;color:#52525b}.editor-font-size{max-width:87px}.editor-color{position:relative;font-weight:700}.editor-color span{border-bottom:3px solid #2563eb;line-height:19px}.editor-color input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.formatter-paper-area{background:#f5f6f8;flex:1;overflow:auto;min-height:0;padding:20px}.article-editor{max-width:725px;margin:0 auto;background:#fff;box-shadow:0 2px 12px #18181b0a;border:1px solid #e8e8eb}.article-editor .tiptap{min-height:620px!important;padding:40px 34px!important;box-sizing:border-box;max-width:none!important}.article-editor .tiptap>:first-child{margin-top:0}.article-editor .tiptap p.is-editor-empty:first-child:before{color:#a1a1aa;content:attr(data-placeholder);float:left;height:0;pointer-events:none;white-space:pre-line;line-height:2}.article-editor .tiptap .ProseMirror-selectednode{outline:2px solid #93c5fd;outline-offset:3px}.article-editor .tiptap .selectedCell{background:#dbeafe!important}.article-editor .tiptap .article-image-missing{display:block;padding:30px 12px;border:1px dashed #d4d4d8;color:#a1a1aa;font-size:13px}.article-editor .tiptap [hidden]{display:none!important}.article-editor .tiptap figure [data-role=source]{font-size:12px;text-align:center;color:#888}.article-editor .tiptap td,.article-editor .tiptap th{position:relative;min-width:40px}.article-editor .tiptap .article-chart svg{width:100%;height:auto}.article-data-block{position:relative}.article-data-caption{font-size:14px;text-align:center;color:#52525b;padding:10px 0}.article-data-source{font-size:12px;color:#888;margin:6px 0}.article-data-review{font-size:11px;line-height:1.6;color:#927022;background:#fffbeb;border-radius:4px;padding:6px 10px;margin:6px 0}.brush-active .tiptap{cursor:crosshair}.formatter-notice,.formatter-progress{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#eff6ff;font-size:12px;line-height:1.7;color:#1e40af;border-bottom:1px solid #dbeafe}.formatter-notice svg,.formatter-progress svg{width:15px;height:15px;flex-shrink:0}.formatter-progress button{margin-left:auto;white-space:nowrap;text-decoration:underline}.formatter-notice{background:#fafaf9;color:#57534e;border-color:#e7e5e4}.formatter-notice button{margin-left:auto;cursor:pointer}.formatter-selection-actions{padding:6px 18px;background:#f8fafc;border-bottom:1px solid #eee}.formatter-selection-actions button{display:flex;align-items:center;gap:6px;color:#2563eb;font-size:11px;cursor:pointer}.formatter-selection-actions svg{width:13px;height:13px}.formatter-context-panel{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 18px;background:#f8fafc;border-bottom:1px solid #e4e4e7;font-size:11px;flex-shrink:0}.formatter-context-panel label{display:flex;align-items:center;gap:6px}.formatter-context-panel input{width:125px;min-width:60px;border:1px solid #e4e4e7;border-radius:4px;padding:5px 7px;background:white}.formatter-context-panel select{border:1px solid #e4e4e7;border-radius:4px;padding:4px;background:white}.formatter-context-panel button{display:inline-flex;align-items:center;gap:5px;border:1px solid #e4e4e7;padding:4px 8px;border-radius:4px;background:white;cursor:pointer}.formatter-context-panel button:hover{background:#eff6ff}.formatter-context-panel svg{width:13px;height:13px}.formatter-context-buttons{display:flex;gap:5px;flex-wrap:wrap}.formatter-statusbar{display:flex;justify-content:space-between;padding:9px 18px;border-top:1px solid #eeeeef;font-size:10px;color:#92929c;flex-shrink:0}.formatter-modal-backdrop{position:fixed;inset:0;background:#18181b55;z-index:60;display:flex;justify-content:center;align-items:center;padding:20px}.formatter-modal{background:white;border-radius:12px;box-shadow:0 20px 60px #0002;padding:24px;width:440px;max-width:100%;color:#333}.formatter-modal h2{font-size:17px;font-weight:650;margin-bottom:15px}.formatter-modal>input{border:1px solid #ddd;border-radius:5px;padding:10px;width:100%;font-size:14px}.formatter-modal>div:last-child{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}.formatter-modal button{cursor:pointer;font-size:13px}.formatter-modal form button{padding:8px 16px}.formatter-history{max-height:80vh;overflow:auto}.formatter-history-heading{display:flex;justify-content:space-between}.formatter-history p{font-size:12px;color:#888;margin-bottom:14px}.formatter-history-item{display:flex;flex-direction:column;gap:6px;text-align:left;width:100%;padding:14px 0;border-top:1px solid #eee}.formatter-history-item strong{font-size:13px;font-weight:500}.formatter-history-item span{font-size:11px;color:#888}.formatter-mobile-tabs{display:none}.formatter-edit-mode{display:flex;flex-shrink:0;gap:4px;padding:8px 16px;border-bottom:1px solid #f0f0f2}.formatter-edit-mode button{padding:7px 14px;border-radius:6px;font-size:12px;color:#71717a;cursor:pointer}.formatter-edit-mode button[aria-pressed=true]{background:#eff6ff;color:#2563eb;font-weight:600}.formatter-markdown-pane{display:flex;flex-direction:column;flex:1;min-height:0}.formatter-markdown-toolbar{display:flex;flex-shrink:0;gap:4px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid #f0f0f2}.formatter-markdown-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:4px 7px;border-radius:5px;color:#52525b;font-size:12px;cursor:pointer}.formatter-markdown-toolbar button:hover{background:#f4f4f5}.formatter-markdown-toolbar button span{color:#2563eb;font-family:monospace;font-size:13px}.formatter-markdown-input{flex:1;width:100%;min-height:140px;resize:none;padding:18px 22px;outline:none;border-top:1px solid #f0f0f2;border-bottom:1px solid #f0f0f2;background:#fff;color:#27272a;font-family:Menlo,Consolas,PingFang SC,monospace;font-size:14px;line-height:1.9;tab-size:2}.formatter-markdown-input:focus{box-shadow:inset 3px 0 #93c5fd}.formatter-markdown-input::placeholder{color:#a1a1aa}.formatter-markdown-error{padding:8px 18px;color:#92400e;background:#fffbeb;font-size:12px;line-height:1.7}.formatter-paper-area[hidden]{display:none}.formatter-markdown-error button{display:block;margin-top:6px;font-weight:600;text-decoration:underline}.formatter-template-pane{min-width:0}.formatter-input-pane .formatter-paper-area{background:#fff;padding:12px 20px}.formatter-input-pane .article-editor{border:0;box-shadow:none}.formatter-input-pane .article-editor .tiptap{padding:24px 12px!important}.formatter-input-pane .article-chart{display:none}.formatter-preview-area{flex:1;overflow:auto;min-height:0;padding:28px 24px;background:#f7f8fa}.article-preview{max-width:677px;margin:0 auto;padding:0 16px;background:#fff;box-sizing:border-box;box-shadow:none}.article-preview>section{min-height:620px}.article-preview img{max-width:100%;height:auto}.formatter-preview-empty{min-height:420px;max-width:677px;margin:0 auto;padding:80px 24px;text-align:center;background:#fff;border:1px dashed #dedee4;border-radius:8px;color:#8a8a93}.formatter-preview-empty>svg{width:36px;height:36px;color:#b4bac6;margin:0 auto 20px}.formatter-preview-empty h3{color:#52525b;font-size:16px;font-weight:550;margin-bottom:16px}.formatter-preview-empty p{font-size:12px;line-height:1.9;margin:5px 0}@media (max-width:1200px){.formatter-workspace{padding:12px;gap:12px}.formatter-document-bar{padding:12px;min-height:68px;align-content:center;gap:8px}.formatter-document-actions{gap:4px;flex-wrap:wrap}.formatter-copy-button,.formatter-primary-button{padding:0 9px}.formatter-preview-area{padding:16px}.formatter-header{padding:0 18px}.formatter-context-panel{max-height:140px;overflow:auto}.formatter-workspace{grid-template-columns:minmax(0,1fr) 200px minmax(0,1fr)}.formatter-sidebar-heading{min-height:68px;display:flex;flex-direction:column;justify-content:center;padding:12px}.editor-toolbar{max-height:145px;overflow:auto;flex-shrink:0}}@media (max-width:760px){.structured-formatter{min-height:640px}.formatter-header{height:55px;padding:0 14px}.formatter-header-label{display:none}.formatter-brand{font-size:18px}.formatter-header-actions{gap:12px}.formatter-mobile-tabs{display:flex;flex-shrink:0;margin:10px 10px 0;padding:3px;background:#e9ebef;border-radius:9px}.formatter-mobile-tabs button{flex:1;padding:8px;font-size:13px;color:#71717a;border-radius:7px;cursor:pointer}.formatter-mobile-tabs button[aria-selected=true]{color:#2563eb;background:white;box-shadow:0 1px 3px #18181b12;font-weight:600}.formatter-workspace{display:flex;flex-direction:column;padding:8px;gap:8px}.formatter-main,.formatter-template-pane{flex:1;border-radius:8px}.formatter-main[data-mobile-active=false],.formatter-template-pane[data-mobile-active=false]{display:none}.formatter-document-bar{padding:10px;gap:8px;min-height:68px}.formatter-document-bar h1,.formatter-document-bar h2{font-size:14px}.formatter-document-bar p{font-size:10px}.formatter-icon-button{width:25px}.formatter-copy-button,.formatter-primary-button{font-size:12px;height:32px}.editor-toolbar{max-height:115px;overflow:auto;padding:6px;gap:5px;flex-shrink:0}.editor-tool-group{margin-right:0;padding-right:4px}.formatter-input-pane .formatter-paper-area{padding:8px}.formatter-input-pane .article-editor .tiptap{padding:16px 12px!important}.formatter-preview-area{padding:12px}.formatter-statusbar{font-size:9px;padding:7px 10px}.formatter-preview-pane .formatter-statusbar span:last-child{display:none}.formatter-notice,.formatter-progress{font-size:11px;padding:8px 10px;max-height:100px;overflow:auto;flex-shrink:0}.formatter-sidebar-heading{min-height:78px}.formatter-style-list>div{grid-template-columns:repeat(2,minmax(0,1fr))}.formatter-style-list>div>div{padding:8px}.formatter-style-list h3{font-size:12px}.formatter-style-list p{display:none}}.structured-formatter .formatter-workspace{grid-template-columns:minmax(0,1fr) 176px minmax(0,1.15fr)}.formatter-template-strip{display:none;gap:16px;align-items:center;padding:10px 20px;flex-wrap:wrap;font-size:13px}.formatter-template-strip select{background:white;border:1px solid #ddd;border-radius:6px;padding:6px;max-width:230px}.formatter-template-strip span{color:#71717a}.formatter-block-panel{max-width:850px;width:calc(100vw - 24px);max-height:85vh;overflow:auto}.formatter-block-panel .article-editor{padding:16px}.structured-formatter .formatter-style-list>div{grid-template-columns:minmax(0,1fr);gap:4px}.structured-formatter .formatter-template-pane .formatter-sidebar-heading{display:flex;align-items:center;min-height:68px;padding:10px 16px}.structured-formatter .formatter-template-pane .formatter-sidebar-heading p{display:none}@media (max-width:1100px) and (min-width:761px){.structured-formatter .formatter-workspace{grid-template-columns:minmax(0,1fr) 160px minmax(0,1.15fr)}}@media (max-width:760px){.formatter-template-pane{display:none}.formatter-template-strip{display:flex;padding:8px 12px;gap:6px}.formatter-template-strip span{display:none}}.formatter-inline-tools{display:flex;flex-wrap:wrap;align-items:end;gap:8px;padding:10px 16px;border-bottom:1px solid #e4e4e7;font-size:12px}.formatter-inline-tools label{display:grid;gap:4px;flex:1 1 150px;min-width:0}.formatter-inline-tools input{width:100%;min-width:0;padding:6px 8px;border:1px solid #d4d4d8;border-radius:5px}.formatter-inline-tools button{padding:6px 8px;border:1px solid #d4d4d8;border-radius:5px;background:white;cursor:pointer}.structured-formatter .formatter-template-option{border:0;padding:0;border-radius:7px;background:transparent}.formatter-template-option:hover{background:#f5f6f8}.structured-formatter .formatter-template-option.is-selected{background:#eff6ff;color:#2563eb}.formatter-template-choice{display:flex;align-items:center;gap:9px;width:100%;min-height:40px;padding:9px 10px;text-align:left;font-size:13px;font-weight:550;cursor:pointer}.formatter-template-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.formatter-template-check{margin-left:auto;font-size:12px}.formatter-template-option>div{padding:0 10px 10px}.formatter-more-tools{font-size:12px;color:#52525b}.formatter-more-tools summary{cursor:pointer;padding:7px;border-radius:5px}.formatter-more-tools[open]{flex-basis:100%}.formatter-more-tools[open] summary{width:fit-content;background:#f4f4f5}.formatter-more-tools-content{display:flex;flex-wrap:wrap;gap:4px;padding-top:6px}.formatter-more-tools summary:focus-visible,.formatter-template-choice:focus-visible{outline:2px solid #2563eb;outline-offset:-2px}.structured-formatter .formatter-toast{position:fixed;z-index:50;top:64px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);border:1px solid #e4e4e7;border-radius:8px;background:#fff;box-shadow:0 4px 16px #18181b12}.formatter-toast button{padding:4px}@media (max-width:1100px){.formatter-document-bar{gap:6px;padding:10px 12px}.formatter-document-actions{gap:3px}}@media (max-width:760px){.formatter-document-bar{min-height:68px}}.formatter-phone-stage{display:flex;justify-content:center;align-items:flex-start;min-width:0;min-height:0;height:100%}.formatter-phone{width:280px;height:550px;flex-shrink:0;box-sizing:border-box}.formatter-clear-button{flex-shrink:0;padding:6px 8px;border-radius:6px;font-size:12px;color:#71717a;cursor:pointer}.formatter-clear-button:hover:not(:disabled){background:#f4f4f5;color:#18181b}.formatter-clear-button:disabled{opacity:.4;cursor:default}.formatter-phone-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;background:white}.formatter-phone-content{zoom:.55;padding:24px 20px;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;color:#333;background:#fff}.formatter-phone .article-preview{padding:0}.formatter-phone .article-preview>section{min-height:0}.formatter-phone-article-header{margin-bottom:24px;background:#fff;color:#888;font-size:12px;line-height:1.5}.formatter-phone-article-header h1{margin:0 0 16px;font-size:18px;line-height:1.4;font-weight:700;letter-spacing:-.5px;color:#333}.formatter-phone-audience,.formatter-phone-byline{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.formatter-phone-byline{margin-bottom:12px}.formatter-phone-original{background:#f0f0f0;border-radius:3px;padding:2px 5px;font-size:10px}.formatter-phone-account{color:#576b95;font-weight:600}.formatter-phone-audience,.formatter-phone-byline time{color:#b2b2b2}.formatter-phone-audience{gap:12px;font-size:13px}.structured-formatter .formatter-workspace{grid-template-columns:minmax(0,1.15fr) clamp(170px,15vw,250px) minmax(0,1fr);max-width:1920px;padding:16px 20px;gap:12px}.formatter-main,.formatter-sidebar{border-color:#e5e8ee;border-radius:8px}.formatter-header{height:60px}.formatter-document-bar,.structured-formatter .formatter-template-pane .formatter-sidebar-heading{height:64px;min-height:64px;padding:12px 18px;flex-wrap:nowrap;flex-direction:row}.formatter-document-bar h1,.formatter-document-bar h2{white-space:nowrap}.formatter-document-actions{flex-wrap:nowrap;gap:6px}.formatter-import-button{display:inline-flex;align-items:center;gap:6px;padding:8px;border-radius:6px;font-size:12px;color:#525a69;cursor:pointer}.formatter-import-button:hover{background:#f4f6f9}.formatter-copy-button{background:#2563eb;border-color:#2563eb;color:white}.formatter-copy-button:hover{background:#1d4ed8}.formatter-icon-button svg{width:16px;height:16px}.formatter-markdown-toolbar{height:48px;padding:7px 14px;gap:3px;flex-wrap:nowrap;align-items:center}.formatter-markdown-toolbar button{height:32px;min-width:30px;flex-shrink:0;color:#454d5c;padding:5px 6px;white-space:nowrap}.formatter-tool-divider{width:1px;height:18px;background:#e5e8ee;margin:0 5px;flex-shrink:0}.formatter-markdown-toolbar button[aria-pressed=true],.formatter-markdown-toolbar button[data-state=open]{color:#2563eb;background:#eff6ff}.formatter-markdown-input{padding:28px;border:0;font-family:inherit;font-size:15px;line-height:2;color:#343b49}.formatter-markdown-input:focus{box-shadow:none}.formatter-markdown-input::placeholder{color:#a1a7b2;font-size:14px}.formatter-statusbar{padding:10px 18px;min-height:36px}.formatter-menu{min-width:180px;padding:5px;color:#454d5c;background:white;border-color:#e5e8ee}.formatter-menu [role^=menuitem]{font-size:13px;min-height:34px;cursor:pointer}.formatter-menu [data-highlighted]{color:#2563eb;background:#eff6ff}.formatter-menu [data-disabled]{opacity:.4}.formatter-sidebar-heading{justify-content:space-between;flex-shrink:0}.formatter-sidebar-heading h2{font-size:16px}.formatter-template-browser{display:flex;flex:1;flex-direction:column;min-height:0}.formatter-template-filters{padding:12px;border-bottom:1px solid #f0f1f4}.formatter-segmented{display:flex;align-items:center;padding:3px;background:#f4f5f8;border-radius:6px;gap:2px}.formatter-segmented button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:28px;padding:3px 12px;border:1px solid transparent;border-radius:5px;color:#6b7280;font-size:12px;white-space:nowrap;cursor:pointer}.formatter-segmented button[aria-pressed=true]{background:#eff6ff;border-color:#c5d9ff;color:#2563eb;font-weight:550}.formatter-segmented button:hover{color:#2563eb}.formatter-category-button{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 8px;color:#626b7a;cursor:pointer}.formatter-category-button,.formatter-template-search{margin-top:10px;border:1px solid #e5e8ee;border-radius:5px;font-size:12px}.formatter-template-search{width:100%;min-width:0;padding:7px 9px;outline-color:#93b4ff}.formatter-template-results{flex:1;min-height:0;overflow:auto;padding:8px;scrollbar-width:thin;scrollbar-color:#d9dde5 transparent}.formatter-template-row{display:flex;align-items:center;border-radius:6px;margin-bottom:3px}.formatter-template-row:hover{background:#f6f7f9}.formatter-template-row.is-selected{color:#2563eb;background:#eff6ff}.formatter-template-row .formatter-template-choice{flex:1;min-width:0;min-height:44px;font-size:13px;font-weight:500;padding:10px 8px;gap:8px}.formatter-template-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.formatter-template-check{flex-shrink:0}.formatter-favorite-button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:36px;flex-shrink:0;color:#b2b8c3;border-radius:5px;cursor:pointer}.formatter-favorite-button:hover{color:#2563eb;background:#e3edff}.formatter-favorite-button[aria-pressed=true]{color:#2563eb}.formatter-template-empty{padding:30px 10px;text-align:center;color:#9ca3af;font-size:12px;line-height:1.8}.formatter-template-empty svg{margin:0 auto 12px}.formatter-template-empty p{color:#626b7a;margin-bottom:6px}.formatter-template-variants{padding:12px;border-top:1px solid #eef0f4}.formatter-template-variants>span{display:block;font-size:11px;color:#9299a6;margin-bottom:6px}.formatter-template-storage-note{font-size:11px;color:#92400e;padding:10px}.formatter-mobile-template-toggle{display:none}.formatter-preview-controls{height:48px;display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:8px;padding:7px 18px;border-bottom:1px solid #f0f1f4}.formatter-preview-controls>span{font-size:12px;color:#6b7280}.formatter-example-label{color:#9ca3af}.formatter-preview-body{padding:20px;background:#fafbfc}.formatter-preview-body .article-preview{padding:0;max-width:100%;min-height:100%}.formatter-preview-phone{padding:12px;overflow:hidden}.formatter-preview-pane .formatter-statusbar span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.structured-formatter button:focus-visible{outline:2px solid #93b4ff;outline-offset:2px}.formatter-markdown-toolbar[data-compact=true] .formatter-tool-secondary{display:none}@media (max-width:1399px){.structured-formatter .formatter-workspace{padding:12px;gap:10px}.formatter-document-bar,.structured-formatter .formatter-template-pane .formatter-sidebar-heading{padding:10px 12px}.formatter-document-actions{gap:2px}.formatter-markdown-input{padding:24px}}@media (min-width:761px) and (max-width:1100px){.structured-formatter .formatter-workspace{grid-template-columns:minmax(0,1.15fr) 170px minmax(0,1fr);padding:10px;gap:8px}.formatter-input-pane .formatter-import-button span{display:none}.formatter-input-pane .formatter-document-bar{flex-wrap:wrap;height:auto;min-height:64px}.formatter-markdown-toolbar{padding:7px 6px;gap:0}.formatter-markdown-toolbar button{min-width:26px;padding:4px}.formatter-tool-divider{margin:0 3px}.formatter-preview-body{padding:12px}}@media (max-width:760px){.structured-formatter{min-height:480px}.formatter-header{height:54px}.structured-formatter .formatter-workspace{padding:8px;gap:8px}.formatter-document-bar{height:56px;min-height:56px;padding:8px 10px}.formatter-document-actions{gap:2px}.formatter-import-button{padding:6px}.formatter-import-button span{display:none}.formatter-markdown-toolbar{padding:7px 10px;gap:2px}.formatter-markdown-toolbar button{min-width:28px}.formatter-tool-divider{margin:0 3px}.formatter-markdown-input{padding:20px;font-size:16px}.structured-formatter .formatter-template-pane{display:flex;order:-1;flex:0 0 auto;position:relative;overflow:visible;z-index:20}.structured-formatter .formatter-template-pane .formatter-sidebar-heading{height:42px;min-height:42px;padding:4px 12px;border-bottom:0;justify-content:flex-start;gap:12px}.formatter-sidebar-heading h2{font-size:12px;color:#8b93a1;font-weight:400}.formatter-mobile-template-toggle{display:inline-flex;align-items:center;gap:8px;flex:1;font-size:13px;text-align:left;cursor:pointer}.formatter-template-pane .formatter-template-browser{display:none;position:absolute;top:46px;right:0;left:0;max-height:min(430px,65dvh);border:1px solid #e5e8ee;border-radius:8px;background:white;box-shadow:0 12px 32px #1721351a;overflow:hidden}.formatter-template-pane[data-expanded=true] .formatter-template-browser{display:flex}.formatter-template-results{flex:1 1 auto}.formatter-preview-controls{padding:7px 12px}.formatter-preview-body{padding:12px}.formatter-statusbar{padding:9px 12px}}