/* markdown_textarea */
.markdown-textarea[data-markdown-textarea]{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)}
.markdown-textarea[data-markdown-textarea] button{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:28px;padding:0 7px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font:600 13px/1 var(--font-sans,inherit);cursor:pointer}
.markdown-textarea[data-markdown-textarea] button[data-markdown-action=emoji]{font-size:16px}
.markdown-textarea-emoji-icon{display:block;transform:translateY(-1px)}
.markdown-textarea[data-markdown-textarea] button:hover{border-color:var(--line);background:var(--panel);color:var(--text)}
.markdown-textarea[data-markdown-textarea] button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}
.markdown-textarea-dialog-field{display:grid;gap:5px;color:var(--text-muted);font-size:var(--font-size-sm)}
.markdown-textarea-dialog-field .prompt-input{box-sizing:border-box}
.markdown-textarea-emoji-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}
.markdown-textarea-emoji-grid button{display:grid;place-items:center;min-width:0;height:36px;padding:0;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;font-size:20px;line-height:1;cursor:pointer}
.markdown-textarea-emoji-grid button:hover,.markdown-textarea-emoji-grid button:focus-visible{border-color:var(--line);background:var(--brand-soft);outline:0}
.markdown-table-wrap{box-sizing:border-box;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--line) transparent;scrollbar-gutter:stable}
.markdown-table-wrap table{width:100%;min-width:0;table-layout:auto}
.markdown-table-wrap::-webkit-scrollbar{height:8px}
.markdown-table-wrap::-webkit-scrollbar-track{background:transparent}
.markdown-table-wrap::-webkit-scrollbar-thumb{border-radius:4px;background:var(--line)}
@media(max-width:720px){.markdown-table-wrap table{min-width:max-content}}
.form-panel .markdown-textarea-field{display:grid;row-gap:0;margin:0 0 8px}
.reply-panel .markdown-textarea-field{display:grid;row-gap:0;margin:0}
.markdown-textarea-field>span{margin-bottom:6px;color:var(--text-muted);font-size:var(--font-size-sm)}
.markdown-textarea-field>span>small{display:block}
.reply-panel .markdown-textarea-field>span{display:none}
.markdown-textarea-field>[data-markdown-textarea]{border-bottom:0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--bg)}
.markdown-textarea-field>textarea[name=body]{border-top:0;border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--panel)}
.markdown-textarea-field:focus-within [data-markdown-textarea]{border-color:var(--brand)}
@media(max-width:480px){.markdown-textarea[data-markdown-textarea]{flex-wrap:nowrap;gap:0;padding:0;overflow-x:auto;scrollbar-width:none}.markdown-textarea[data-markdown-textarea]::-webkit-scrollbar{display:none}.markdown-textarea[data-markdown-textarea] button{flex:0 0 auto;min-width:28px;height:28px;padding:0 6px}}
/* seo_suite */
.seo-suite-form{width:100%;max-width:none}.seo-suite-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}.seo-suite-section{display:grid;align-content:start;gap:10px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.seo-suite-section h3{margin:0;color:var(--text);font-size:13px}.seo-suite-section .grid{gap:5px}.seo-suite-form input:not([type=checkbox]),.seo-suite-form select,.seo-suite-form textarea{width:100%;max-width:none;box-sizing:border-box}.seo-suite-form textarea{min-height:104px;resize:vertical}.seo-suite-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.seo-suite-actions form{margin:0}.seo-suite-tools{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.seo-suite-status{overflow-wrap:anywhere}@media(max-width:600px){.seo-suite-grid,.seo-suite-tools{grid-template-columns:1fr}.seo-suite-section{padding:12px}}
/* seo_tdk */
.seo-tdk-panel{display:grid;gap:14px;width:100%;min-width:0}.seo-tdk-status{display:grid;gap:6px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.seo-tdk-status-row{display:flex;gap:12px;justify-content:space-between;align-items:baseline;font-size:var(--font-size-sm)}.seo-tdk-status-row span{color:var(--text-muted);white-space:nowrap}.seo-tdk-status-row strong{color:var(--text);font-weight:600;text-align:right;overflow-wrap:anywhere}.seo-tdk-form{width:100%;max-width:none}.seo-tdk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}.seo-tdk-section{display:grid;align-content:start;gap:10px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.seo-tdk-section h3{margin:0;color:var(--text);font-size:var(--font-size-sm)}.seo-tdk-section .grid{gap:5px}.seo-tdk-form input:not([type=checkbox]),.seo-tdk-form select,.seo-tdk-form textarea{width:100%;max-width:none;box-sizing:border-box}.seo-tdk-form textarea{resize:vertical}.seo-tdk-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.seo-tdk-actions form{margin:0}.seo-tdk-inline-actions{margin-top:0}.seo-tdk-actions .seo-tdk-danger{background:var(--danger-soft);color:var(--danger);border-color:var(--danger-soft)}.seo-tdk-tools{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.seo-tdk-edit-head{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.seo-tdk-edit-head strong{display:block;color:var(--text);overflow-wrap:anywhere}.seo-tdk-edit-head span{color:var(--text-muted);font-size:var(--font-size-xs)}.seo-tdk-back{color:var(--brand);font-size:var(--font-size-sm)}.seo-tdk-preview{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--line-soft);border-radius:8px;background:var(--panel);font-size:var(--font-size-sm)}.seo-tdk-preview strong{color:var(--text)}.seo-tdk-preview span{color:var(--text-muted);overflow-wrap:anywhere}.seo-tdk-toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap}.seo-tdk-filters{display:flex;gap:6px;flex-wrap:wrap}.seo-tdk-filter{padding:4px 10px;border:1px solid var(--line);border-radius:999px;color:var(--text-muted);font-size:var(--font-size-xs)}.seo-tdk-filter.active{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.seo-tdk-search{display:flex;gap:6px;margin:0}.seo-tdk-search input{min-width:0;width:180px;box-sizing:border-box}.seo-tdk-list{display:grid;gap:8px;min-width:0}.seo-tdk-item{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.seo-tdk-item-main{display:grid;gap:3px;min-width:0;flex:1 1 260px}.seo-tdk-item-main strong{color:var(--text);font-size:var(--font-size-sm);overflow-wrap:anywhere}.seo-tdk-item-main span{color:var(--text-muted);font-size:var(--font-size-xs);overflow-wrap:anywhere}.seo-tdk-item-side{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.seo-tdk-tag{padding:2px 8px;border-radius:999px;background:var(--line-soft);color:var(--text-subtle);font-size:var(--font-size-xs)}.seo-tdk-tag.on{background:var(--success-soft);color:var(--success)}.seo-tdk-link{color:var(--brand);font-size:var(--font-size-sm)}.seo-tdk-empty{padding:18px;border:1px dashed var(--line);border-radius:8px;color:var(--text-muted);font-size:var(--font-size-sm);text-align:center}.seo-tdk-action:before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2711%27 cy=%2711%27 r=%277%27/%3E%3Cpath d=%27M20 20l-3.5-3.5%27/%3E%3C/svg%3E") center/14px 14px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2711%27 cy=%2711%27 r=%277%27/%3E%3Cpath d=%27M20 20l-3.5-3.5%27/%3E%3C/svg%3E") center/14px 14px no-repeat}@media(max-width:600px){.seo-tdk-grid,.seo-tdk-tools{grid-template-columns:1fr}.seo-tdk-section{padding:12px}.seo-tdk-search input{width:100%}.seo-tdk-search{width:100%}}
