/* attachment_upload */
.attachment-uploader{display:grid;gap:8px}.attachment-input{position:absolute;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none}.attachment-drop{display:grid;justify-items:start;gap:2px;padding:0;border:0;background:transparent;color:var(--text-muted);text-align:left;cursor:pointer}.attachment-drop strong{color:var(--text);font-size:var(--font-size-md);line-height:1.4}.attachment-drop span{font-size:var(--font-size-sm);line-height:1.45}.attachment-uploader:focus-within .attachment-drop,.attachment-drop:hover{background:transparent;color:var(--brand)}.attachment-field-muted>span{color:var(--text-subtle)}.attachment-field-muted .attachment-uploader{gap:6px}.attachment-field-muted .attachment-drop{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:0;border:0;background:transparent;color:var(--text-subtle)}.attachment-field-muted .attachment-drop strong{flex:0 0 auto;color:var(--text-muted);font-size:var(--font-size-sm);font-weight:500}.attachment-field-muted .attachment-drop span{min-width:0;font-size:11px}.attachment-field-muted .attachment-uploader:focus-within .attachment-drop,.attachment-field-muted .attachment-drop:hover{background:transparent;color:var(--text-muted)}.attachment-upload-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 10px;color:var(--text-subtle);font-size:11px}.attachment-upload-toolbar[hidden],.attachment-upload-list[hidden]{display:none}.attachment-upload-insert{min-height:28px;padding:4px 9px;font-size:var(--font-size-sm);white-space:nowrap}.attachment-upload-list{display:grid;gap:6px;margin-top:2px}.attachment-upload-item{display:grid;gap:6px;min-width:0;padding:8px 10px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--bg)}.attachment-upload-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0}.attachment-upload-name{min-width:0;overflow:hidden;color:var(--text);font-size:var(--font-size-sm);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.attachment-upload-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}.attachment-upload-status{max-width:220px;color:var(--text-subtle);font-size:11px;line-height:1.4;text-align:right;overflow-wrap:anywhere}.attachment-upload-head-actions .attachment-upload-remove{display:grid;place-items:center;justify-self:auto;width:20px;min-width:20px;min-height:20px;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-subtle);font-size:18px;line-height:1;box-shadow:none}.attachment-upload-remove:hover{background:var(--line-soft);color:var(--danger)}.attachment-upload-remove:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.attachment-upload-progress{display:block;width:100%;height:4px;overflow:hidden;border-radius:4px;background:var(--line)}.attachment-upload-progress>span{display:block;width:0;height:100%;border-radius:inherit;background:var(--brand);transition:width .15s ease}.attachment-upload-item[data-state="success"] .attachment-upload-status{color:var(--success)}.attachment-upload-item[data-state="success"] .attachment-upload-progress{display:none}.attachment-upload-item[data-state="success"][data-markdown]{cursor:pointer;transition:border-color .15s,background .15s}.attachment-upload-item[data-state="success"][data-markdown]:hover{border-color:var(--brand);background:var(--brand-soft)}.attachment-upload-item[data-state="success"][data-markdown]:focus-visible{border-color:var(--brand);outline:2px solid var(--focus-ring);outline-offset:1px}.attachment-upload-item[data-state="error"] .attachment-upload-status{color:var(--danger)}.attachment-upload-item[data-state="error"] .attachment-upload-progress>span{background:var(--danger)}
.attachment-upload-settings{max-width:none;gap:12px}.attachment-upload-settings-section{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.attachment-upload-settings-section>strong{font-size:12px}.attachment-upload-settings-section .grid{margin:0}.attachment-upload-settings-groups{display:grid;grid-template-columns:1fr;gap:10px}.attachment-upload-settings-groups .grid{grid-template-columns:minmax(90px,140px) minmax(0,1fr)}
@media(max-width:600px){.attachment-upload-settings-groups .grid{grid-template-columns:1fr}}
/* nb_checkin */
.nb-checkin-entry{display:inline-flex;align-items:center;flex:0 0 auto;gap:4px;min-height:26px;padding:0 10px;border:1px solid var(--brand);border-radius:999px;background:var(--brand);color:var(--inverse-text);font-size:var(--font-size-xs);font-weight:600;line-height:1;white-space:nowrap}.nb-checkin-entry:hover{border-color:var(--brand-hover);background:var(--brand-hover);color:var(--inverse-text)}.nb-checkin-entry:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.nb-checkin-entry-done{border-color:var(--line);background:var(--bg);color:var(--text-muted)}.nb-checkin-entry-done:hover{border-color:var(--line);background:var(--bg);color:var(--text)}.nb-checkin-entry-icon{flex:0 0 auto;width:13px;height:13px}.nb-checkin-entry-mini{min-height:22px;padding:0 6px;font-size:var(--font-size-xxs)}.user-wrap .user-header:has(>.nb-checkin-entry){gap:6px}.user-wrap .user-header:has(>.nb-checkin-entry) .user-header-info>div{min-width:0}.user-wrap .user-header:has(>.nb-checkin-entry) .user-rank{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-checkin-boot{display:none}.nb-checkin-drawer-user{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:10px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--bg)}.nb-checkin-drawer-avatar{display:block;flex:0 0 auto;width:40px;height:40px}.nb-checkin-drawer-avatar img{width:40px;height:40px;border-radius:50%}.nb-checkin-drawer-meta{flex:1;min-width:0}.nb-checkin-drawer-name{display:block;overflow:hidden;color:var(--text);font-size:var(--font-size-md);font-weight:600;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.nb-checkin-drawer-rank{margin-top:2px;color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.3}.nb-checkin-groups{display:flex;flex-wrap:wrap;gap:6px 14px;min-width:0}.nb-checkin-group{display:inline-flex;align-items:center;gap:6px;min-height:26px;color:var(--text);font-size:var(--font-size-sm);line-height:1.3;white-space:nowrap}.nb-checkin-group input{flex:0 0 auto;margin:0}.nb-checkin-group-empty{color:var(--text-subtle);font-size:var(--font-size-sm)}.nb-checkin-page{display:grid;gap:12px}.nb-checkin-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 10px;padding:18px 16px;border:1px solid var(--warning-soft);border-radius:var(--radius);background:var(--warning-soft);text-align:center}.nb-checkin-banner-text{color:var(--text);font-size:var(--font-size-lg);font-weight:600;line-height:1.4}.nb-checkin-banner-done{border-color:var(--brand-soft);background:var(--brand-soft)}.nb-checkin-banner-help{flex:0 0 100%;color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.4}.nb-checkin-actions{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.nb-checkin-actions .post-action-form{display:inline-flex;margin:0}.nb-checkin-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 16px;border:1px solid var(--brand-hover);border-radius:var(--radius-sm);background:var(--brand-hover);color:var(--inverse-text);font-size:var(--font-size-md);font-weight:700;line-height:1;white-space:nowrap}.nb-checkin-btn:hover{border-color:var(--brand);background:var(--brand);color:var(--inverse-text)}.nb-checkin-or{color:var(--text-subtle);font-size:var(--font-size-md)}.nb-checkin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.nb-checkin-stats>div{display:grid;gap:3px;padding:14px 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);text-align:center}.nb-checkin-stats strong{color:var(--text);font-size:var(--font-size-xl);line-height:1.2}.nb-checkin-stats span{color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.3}.nb-checkin-block{padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.nb-checkin-rank-title{display:flex;align-items:center;gap:8px;margin:0 0 6px;color:var(--text);font-size:var(--font-size-lg);font-weight:700;line-height:1.4}.nb-checkin-rank-title::before{content:"";flex:0 0 auto;width:4px;height:18px;border-radius:2px;background:var(--brand)}.nb-checkin-rank{margin:0;padding:0;list-style:none}.nb-checkin-rank-row{display:flex;align-items:center;gap:12px;min-height:46px;padding:6px 0;border-top:1px solid var(--line-soft)}.nb-checkin-rank-no{flex:0 0 24px;color:var(--text-muted);font-size:var(--font-size-md);font-weight:700;text-align:center}.nb-checkin-rank-no-1{color:var(--danger)}.nb-checkin-rank-no-2,.nb-checkin-rank-no-3{color:var(--warning)}.nb-checkin-rank-user{display:flex;align-items:center;gap:10px;flex:1;min-width:0;color:var(--text)}.nb-checkin-rank-user:hover .nb-checkin-rank-name{color:var(--brand)}.nb-checkin-rank-avatar{flex:0 0 auto;width:30px;height:30px;border-radius:var(--radius-sm)}.nb-checkin-rank-name{min-width:0;overflow:hidden;font-size:var(--font-size-md);text-overflow:ellipsis;white-space:nowrap}.nb-checkin-rank-points{flex:0 0 auto;color:var(--text);font-size:var(--font-size-md);font-weight:700}@media(max-width:700px){.nb-checkin-banner{padding:14px 12px}.nb-checkin-banner-text{font-size:var(--font-size-md)}.nb-checkin-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.nb-checkin-stats>div{padding:12px 4px}.nb-checkin-stats strong{font-size:var(--font-size-lg)}}
/* nb_editor */
.nb-editor-field{position:relative;display:grid;row-gap:0;margin:8px 0}
.reply-panel .nb-editor-field{margin:0}
.nb-editor-field>.grid{display:contents}
.nb-editor-field>.grid>span{order:1;margin-bottom:6px;padding-top:0}
.nb-editor-field>.nb-editor{order:2}
/* 正文框固定白底，和主题色工具栏拉开层次；高度仍交给核心按场景决定。 */
.nb-editor-field>.grid>textarea[name=body]{order:3;border-top:0;border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--panel);resize:vertical}
/* 分栏预览：左边写 Markdown，右边常驻渲染结果，随输入更新。 */
.nb-editor-field.nb-editor-live{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.nb-editor-field.nb-editor-live>.grid>span,.nb-editor-field.nb-editor-live>.nb-editor{grid-column:1/-1}
.nb-editor-field.nb-editor-live>.grid>textarea[name=body]{grid-column:1;border-bottom-right-radius:0}
.nb-editor-field.nb-editor-live>.nb-editor-preview{grid-column:2;max-height:60vh;overflow:auto;border-left:0;border-bottom-left-radius:0}
.nb-editor{min-width:0}
/* 工具栏跟随站点主题色，不写死中性灰。 */
.nb-editor-bar{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:4px 6px;border:1px solid var(--line);border-bottom:0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--brand-soft)}
.nb-editor-field:focus-within>.nb-editor>.nb-editor-bar{border-color:var(--brand)}
/* 选择器带上根容器，避免被 .reply-panel button 之类的核心规则按特异性压过。 */
.nb-editor .nb-editor-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;min-width:30px;min-height:28px;height:28px;padding:0;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--brand-hover);cursor:pointer}
.nb-editor .nb-editor-btn svg{width:16px;height:16px}
.nb-editor .nb-editor-btn:hover{border-color:var(--line);background:var(--panel);color:var(--brand-hover)}
.nb-editor .nb-editor-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}
.nb-editor .nb-editor-btn.nb-editor-btn-active{border-color:var(--brand);background:var(--panel);color:var(--brand-hover)}
.nb-editor-split{width:1px;height:16px;margin:0 4px;background:var(--line)}
.nb-editor-space{flex:1 1 auto;min-width:0}
/* 面板走文档流往下撑开，绝对定位会被 .main-panel 的 overflow:hidden 裁掉底部标签栏。 */
.nb-editor-panel{width:100%;border:1px solid var(--line);border-top:0;background:var(--panel);overflow:hidden}
.nb-editor-panel[hidden]{display:none}
.nb-editor-panel-title{padding:8px 12px 0;color:var(--text-subtle);font-size:var(--font-size-xs);line-height:1.4}
.nb-editor-items{display:flex;align-items:center;flex-wrap:wrap;gap:3px;max-height:186px;margin:0;padding:8px 10px;overflow-y:auto;list-style:none}
.nb-editor-items[hidden]{display:none}
.nb-editor-items li{padding:4px 7px;border-radius:var(--radius-sm);color:var(--text);font-size:var(--font-size-sm);line-height:1.4;cursor:pointer;user-select:none}
.nb-editor-items li:hover{background:var(--bg)}
.nb-editor-items-emoji li{padding:2px 5px;font-size:var(--font-size-xl)}
.nb-editor-tabs{display:flex;align-items:stretch;flex-wrap:wrap;border-top:1px solid var(--line);background:var(--brand-soft)}
.nb-editor .nb-editor-tab{min-width:0;min-height:34px;padding:0 12px;border:0;border-radius:0;background:transparent;color:var(--text-muted);font-size:var(--font-size-sm);font-weight:400;cursor:pointer}
.nb-editor .nb-editor-tab:hover{background:var(--panel);color:var(--text)}
.nb-editor .nb-editor-tab.nb-editor-tab-active{background:var(--panel);color:var(--brand-hover);font-weight:500}
/* 预览框借用核心 .post-content 的排版，但要去掉它的 margin-top，否则与正文框差 2px。 */
.nb-editor-preview{order:4;margin-top:0;min-height:120px;padding:12px 14px;border:1px solid var(--line);border-top:0;border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--panel)}
.nb-editor-preview[hidden]{display:none}
.nb-editor-preview-empty{color:var(--text-subtle);font-size:var(--font-size-sm)}
.nb-editor-field.nb-editor-full{position:fixed;inset:0;z-index:60;align-content:start;margin:0;padding:14px;background:var(--panel);overflow:auto}
.nb-editor-field.nb-editor-full>.grid>textarea[name=body]{min-height:calc(100vh - 120px)}
.nb-editor-field.nb-editor-full>.nb-editor-preview{min-height:calc(100vh - 120px)}
.nb-editor-field.nb-editor-full.nb-editor-live>.nb-editor-preview{max-height:none}
.nb-editor-dialog-field{display:grid;gap:5px;color:var(--text-muted);font-size:var(--font-size-sm)}
.nb-editor-dialog-field .prompt-input{box-sizing:border-box}
/* 窄屏放不下两栏，预览改到正文框下方，仍然实时更新。 */
@media(max-width:820px){
.nb-editor-field.nb-editor-live{grid-template-columns:minmax(0,1fr)}
.nb-editor-field.nb-editor-live>.grid>textarea[name=body]{grid-column:1;border-radius:0}
.nb-editor-field.nb-editor-live>.nb-editor-preview{grid-column:1;max-height:50vh;border-left:1px solid var(--line);border-radius:0 0 var(--radius-sm) var(--radius-sm)}
}
@media(max-width:480px){
.nb-editor-bar{gap:1px;padding:4px}
.nb-editor .nb-editor-btn{width:28px;min-width:28px}
.nb-editor-split{margin:0 2px}
}
/* paste_image_upload */
.paste-image-upload-hint{display:inline-flex;color:var(--text-subtle);font-size:11px}.paste-image-upload-toast{position:fixed;left:50%;bottom:24px;z-index:1100;transform:translateX(-50%);padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--inverse);color:var(--inverse-text);font-size:var(--font-size-sm);box-shadow:0 6px 22px var(--shadow-medium)}.paste-image-upload-toast[hidden]{display:none}@media(max-width:600px){.paste-image-upload-hint{display:block}}
/* 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}}
/* site_logo */
.brand{background-image:var(--site-logo-image,none);background-repeat:no-repeat;background-position:left center;background-size:contain;width:var(--site-logo-width,auto);max-width:100%;height:var(--site-logo-height,auto);font-size:var(--site-logo-brand-font-size,var(--font-size-lg))}.brand:before{background-image:var(--site-logo-icon-image,url("index.svg"));display:var(--site-logo-icon-display,inline-block)}.bar{grid-template-rows:var(--site-logo-bar-row,48px)}@media(prefers-color-scheme:dark){.brand{background-image:var(--site-logo-image-dark,var(--site-logo-image,none))}}html[data-site-logo-scheme="light"] .brand{background-image:var(--site-logo-image,none)}html[data-site-logo-scheme="dark"] .brand{background-image:var(--site-logo-image-dark,var(--site-logo-image,none))}@media(max-width:720px){.bar{height:var(--site-logo-bar-height,44px)}.brand{width:var(--site-logo-width-mobile,auto);height:var(--site-logo-height-mobile,auto)}.brand:before{display:none}}.site-logo-row{margin:0 0 18px}.site-logo-row:last-child{margin-bottom:0}.site-logo-field{min-width:0}.site-logo-thumb{position:relative;display:inline-flex;align-items:center;justify-content:center;width:120px;height:78px;padding:6px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}.site-logo-thumb-dark{border-color:var(--inverse-border);background:var(--inverse)}.site-logo-thumb-empty{color:var(--text-subtle);font-size:var(--font-size-sm)}.site-logo-thumb img{max-width:100%;max-height:100%}.site-logo-clear{position:absolute;top:-9px;right:-9px;display:inline-flex;align-items:center;justify-content:center;width:22px;min-width:22px;min-height:22px;padding:0;border:0;border-radius:50%;background:var(--danger);color:var(--inverse-text);font-size:var(--font-size-sm);line-height:1}.site-logo-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.site-logo-url{flex:1 1 240px;min-width:0;max-width:450px}.site-logo-controls button{flex:0 0 auto;min-width:64px}.site-logo-tip{display:block;margin-top:6px;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.6}
/* topic_quick_actions */
.topic-quick-actions-toggle{display:inline-flex;align-items:center;flex-shrink:0;gap:5px;color:var(--text-muted);font-size:var(--font-size-sm);white-space:nowrap;cursor:pointer}.topic-quick-actions-pick{display:inline-flex;align-items:center;flex-shrink:0;order:9;margin:10px 0 0 auto;cursor:pointer}.topic-quick-actions-toggle input[type=checkbox],.topic-quick-actions-pick input[type=checkbox]{position:absolute;width:1px;height:1px;margin:0;padding:0;border:0;opacity:0;pointer-events:none}.topic-quick-actions-box{position:relative;box-sizing:border-box;display:block;flex-shrink:0;width:16px;height:16px;border:1px solid var(--line);border-radius:4px;background:var(--panel);transition:border-color var(--transition-normal),background-color var(--transition-normal)}.topic-quick-actions-toggle:hover .topic-quick-actions-box,.topic-quick-actions-pick:hover .topic-quick-actions-box{border-color:var(--brand)}.topic-quick-actions-toggle input[type=checkbox]:checked+.topic-quick-actions-box,.topic-quick-actions-pick input[type=checkbox]:checked+.topic-quick-actions-box,.topic-quick-actions-toggle input[type=checkbox]:indeterminate+.topic-quick-actions-box{border-color:var(--brand);background:var(--brand)}.topic-quick-actions-toggle input[type=checkbox]:checked+.topic-quick-actions-box::after,.topic-quick-actions-pick input[type=checkbox]:checked+.topic-quick-actions-box::after{content:"";position:absolute;left:5px;top:1px;width:4px;height:8px;border:solid var(--inverse-text);border-width:0 2px 2px 0;transform:rotate(45deg)}.topic-quick-actions-toggle input[type=checkbox]:indeterminate+.topic-quick-actions-box::after{content:"";position:absolute;left:3px;top:6px;width:8px;height:2px;background:var(--inverse-text)}.topic-quick-actions-toggle input[type=checkbox]:focus-visible+.topic-quick-actions-box,.topic-quick-actions-pick input[type=checkbox]:focus-visible+.topic-quick-actions-box{outline:2px solid var(--focus-ring);outline-offset:2px}.topic-quick-actions-bar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:none;padding:10px 14px;border-top:1px solid var(--line);background:var(--panel);box-shadow:0 -6px 24px var(--shadow-medium)}.topic-quick-actions-bar.topic-quick-actions-open{display:block}.topic-quick-actions-inner{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;max-width:1120px;margin:0 auto}.topic-quick-actions-head{display:flex;align-items:center;gap:10px;min-width:0}.topic-quick-actions-count{color:var(--text);font-size:var(--font-size-sm);font-weight:600;white-space:nowrap}.topic-quick-actions-plain{min-height:0;padding:0;border:0;background:transparent;color:var(--text-muted);font-size:var(--font-size-sm);white-space:nowrap;cursor:pointer}.topic-quick-actions-plain:hover{background:transparent;color:var(--brand)}.topic-quick-actions-ops{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.topic-quick-actions-op{min-height:28px;padding:4px 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--text);font-size:var(--font-size-sm);line-height:1.4;white-space:nowrap;cursor:pointer;transition:border-color var(--transition-normal),color var(--transition-normal)}.topic-quick-actions-op:hover{border-color:var(--brand);background:var(--panel);color:var(--brand)}.topic-quick-actions-op.topic-quick-actions-danger:hover{border-color:var(--danger);color:var(--danger)}.topic-quick-actions-highlight{display:inline-flex;align-items:center;gap:6px;padding:3px 7px;border:1px solid var(--line-soft);border-radius:var(--radius)}.topic-quick-actions-swatch{width:18px;height:18px;min-height:18px;padding:0;border:2px solid transparent;border-radius:4px;box-shadow:none;cursor:pointer}.topic-quick-actions-swatch.active{border-color:var(--text)}.topic-quick-actions-swatch:hover{filter:brightness(.95)}@media(max-width:720px){.topic-quick-actions-bar{padding:8px 10px}.topic-quick-actions-inner{gap:6px 8px}.topic-quick-actions-op{padding:4px 8px}}@media(prefers-reduced-motion:reduce){.topic-quick-actions-op,.topic-quick-actions-box{transition:none}}