body .board-hub-header{max-width:none;width:100%;margin:0;padding:18px 24px;background:var(--paper);border-bottom:1px solid var(--line)}.board-hub-inner{width:100%;max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.board-hub-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.board-hub-brand img{width:42px;height:42px;object-fit:contain;padding:3px;border-radius:10px;background:#fff;border:1px solid #dbe4ef}.board-hub-brand strong{font-size:18px;letter-spacing:-.5px}.board-hub-brand em{font-style:normal;color:#4384ef}.board-hub-brand small{font-size:10px;color:var(--muted)}.board-hub-header nav{gap:24px;font-size:14px;flex-wrap:wrap}.board-hub-contact{padding:9px 14px;border-radius:7px;background:#2864d7;color:white;font-size:13px;white-space:nowrap}.board-account-nav{max-width:1120px;margin:20px auto;padding:16px 24px;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:16px;font-size:13px}.board-account-nav form{margin:0}.admin-layout>.board-account-nav{display:none}body .board-hub-footer{max-width:none;width:100%;margin:0;padding:36px 24px;background:#111c2e;color:#b9c7da;border:0}.board-hub-footer .board-hub-brand strong{color:#fff}.board-hub-footer p{font-size:13px;line-height:1.8;margin:16px 0 0}.board-hub-footer nav{display:flex;flex-direction:column;align-items:flex-end;gap:14px;font-size:13px}.board-hub-footer nav>div{display:flex;gap:18px}.board-hub-footer nav>a{color:#91baff}.board-layout-settings{padding:20px;border:1px solid var(--line);border-radius:8px;margin:0 0 24px}.board-layout-settings legend{font-weight:700}.admin-login-layout{--ink:#1b2b45;--muted:#65758f;--accent:#2864d7;--bg:#f4f7fc;background:var(--bg);min-height:100dvh}.admin-login-layout>main{max-width:520px;padding:64px 20px 20px}.admin-login-layout .tabs{display:none}.admin-login-layout .account{padding:32px;margin:0;border-color:#dce5f1;box-shadow:0 12px 40px #1b2b4508}.admin-login-brand{display:flex;gap:12px;align-items:center;margin-bottom:24px}.admin-login-brand>span{display:grid;place-items:center;background:#eaf2ff;color:#2864d7;width:44px;height:44px;border-radius:10px;font-size:24px;font-weight:800}.admin-login-brand strong{font-size:20px}.admin-login-brand small{font-size:9px;letter-spacing:1.6px}.admin-login-intro{color:var(--muted);font-size:13px}.admin-login-layout .account h2{font-size:24px;margin:8px 0 24px}.admin-login-layout .primary{background:#2864d7;border-color:#2864d7;width:100%;color:#fff}.admin-login-layout .board-account-nav{justify-content:center}.admin-login-layout input{border-color:#bccce4}.admin-login-layout input:focus-visible{outline-color:#4384ef}html[data-admin-theme=dark] .admin-login-layout{--bg:#101827;--paper:#192338;--ink:#e4eaf6;--muted:#a7b5cc;--line:#303e57;background:var(--bg)}html[data-admin-theme=dark] .admin-login-layout .account{background:var(--paper);border-color:var(--line)}html[data-admin-theme=dark] .admin-login-layout input{background:#111c2e;color:var(--ink);border-color:#536681}@media(max-width:700px){.board-hub-inner{flex-wrap:wrap;gap:16px}.board-hub-header nav{order:3;width:100%;justify-content:center;font-size:13px}.board-hub-brand small{display:none}.board-hub-brand strong{font-size:16px}.board-hub-brand img{width:34px;height:34px}.board-hub-contact{font-size:11px;padding:8px 10px}.board-hub-footer .board-hub-inner{align-items:flex-start}.board-hub-footer nav{align-items:flex-start}.admin-login-layout>main{padding-top:36px}.admin-login-layout .account{padding:24px}.board-layout-settings{padding:16px}.board-account-nav{padding:16px;gap:12px}}
body.skin-enabled .board-hub-header,body.skin-enabled .board-hub-footer{max-width:none;width:100%;margin:0}
.board-write-fab{display:inline-flex;align-items:center;gap:8px;border-radius:999px!important;padding:10px 20px!important;min-height:48px;font-weight:700;box-shadow:0 4px 14px #10182718}.board-write-icon{display:inline-block;width:20px;height:20px;background:currentColor;mask:url('admin-icons/pencil.svg') center/contain no-repeat}.layout-visual{display:grid;grid-template-columns:minmax(220px,360px) minmax(0,1fr);gap:24px;align-items:center;margin:8px 0 24px}.layout-visual>p{font-size:12px;color:var(--muted);line-height:1.8}.layout-wireframe{border:2px solid #2864d7;border-radius:9px;padding:12px;background:#f5f9ff;display:grid;gap:10px;min-width:0}.layout-wireframe [data-layout-preview=header],.layout-wireframe [data-layout-preview=footer]{background:#dceaff;padding:10px;border-radius:5px;font-size:11px;color:#365781}.layout-preview-intro{display:grid;gap:5px;padding:8px 4px}.layout-preview-intro strong{font-size:15px;overflow-wrap:anywhere}.layout-preview-intro span{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.layout-preview-list{display:grid;gap:8px;padding:12px;background:#fff;border:1px solid #dce4ef;border-radius:6px}.layout-preview-list small{font-size:10px;color:#2864d7;overflow-wrap:anywhere}.layout-preview-list strong{font-size:12px}.layout-preview-list>span{height:7px;background:#e4edfa;border-radius:3px}.layout-preview-list>span:last-child{width:75%}html[data-admin-theme=dark] .layout-wireframe{background:#152338;border-color:#86b5ff}html[data-admin-theme=dark] .layout-wireframe [data-layout-preview=header],html[data-admin-theme=dark] .layout-wireframe [data-layout-preview=footer]{background:#263d60;color:#bed7ff}html[data-admin-theme=dark] .layout-preview-list{background:#192b43;border-color:#45638b}html[data-admin-theme=dark] .layout-preview-list>span{background:#2e476b}html[data-admin-theme=dark] .layout-preview-list small{color:#86b5ff}.guest-scrap-list{width:min(520px,calc(100vw - 32px));background:var(--paper);color:var(--ink);border-color:var(--line)}.guest-scrap-list a{display:block;padding:12px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.guest-scrap-list::backdrop{background:#10182788}.guest-scrap-list h2{font-size:20px}.guest-scrap-list p{font-size:12px;color:var(--muted)}@media(max-width:700px){.layout-visual{grid-template-columns:1fr;gap:10px}.board-write-fab{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:35;padding:12px 20px!important;min-height:52px}.skin-list:has(.board-write-fab) .skin-heading{padding-right:0}body:has(.board-write-fab){padding-bottom:88px}}@media(prefers-reduced-motion:reduce){.board-write-fab{transition:none}}
.board-write-fab{transition:transform .18s ease,box-shadow .18s ease}.board-write-icon{transition:transform .18s ease}@media(hover:hover){.board-write-fab:hover{transform:translateY(-3px);box-shadow:0 8px 22px #10182730;text-decoration:none}.board-write-fab:hover .board-write-icon{transform:rotate(-12deg) translateY(-1px)}}.board-write-fab:active{transform:translateY(0) scale(.98)}.board-write-fab:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media(prefers-reduced-motion:reduce){.board-write-fab,.board-write-icon{transition:none!important;transform:none!important}}

.board-operation-settings{padding:20px;border:1px solid var(--line);border-radius:8px;margin:0 0 24px}.board-operation-settings legend{font-weight:700}.board-operation-guide{padding:16px;background:#f1f6ff;border:1px solid #d5e4ff;border-radius:8px;margin-bottom:24px}.board-operation-guide>strong{font-size:14px}.board-operation-guide p{font-size:12px;color:var(--muted);line-height:1.8}.operation-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.operation-preview>span{display:grid;gap:4px;padding:10px;background:var(--paper);border:1px solid var(--line);border-radius:6px;font-size:11px;color:var(--muted)}.operation-preview b{font-size:13px;color:var(--ink);overflow-wrap:anywhere}html[data-admin-theme=dark] .board-operation-guide{background:#1b2f4b;border-color:#45638b}@media(max-width:640px){.board-operation-settings{padding:16px}.operation-preview{grid-template-columns:1fr}}

.field-guide-inline{font-size:11px;font-weight:400;color:var(--muted);margin-left:8px}.category-guide,.board-option-guide{background:var(--bg);border:1px solid var(--line);padding:14px;border-radius:8px;margin-bottom:18px;font-size:12px}.category-guide p,.board-option-guide p{margin:6px 0;color:var(--muted);line-height:1.8}[data-category-preview]{display:flex;flex-wrap:wrap;gap:6px}[data-category-preview]>span{padding:4px 9px;background:var(--soft,#eaf2ff);border:1px solid var(--line);border-radius:5px}.post-action-row{display:flex;gap:10px;flex-wrap:wrap;padding-top:20px}.post-action-row details{border:0;margin:0;padding:0;flex:1;min-width:0}.post-action-pill{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:9px 14px;min-height:44px;font-size:13px;white-space:nowrap;cursor:pointer}.post-action-pill::-webkit-details-marker{display:none}.post-icon{width:18px;height:18px;display:inline-block;background:currentColor;mask:center/contain no-repeat}.icon-edit{mask-image:url('admin-icons/pencil.svg')}.icon-delete{mask-image:url('admin-icons/database.svg')}.icon-report{mask-image:url('admin-icons/flag.svg')}.icon-comment{mask-image:url('admin-icons/message-circle.svg')}.comment-submit-center{display:flex;justify-content:center}.post-action-row details form{margin-top:16px}@media(max-width:360px){.post-action-pill{font-size:11px;padding:8px 6px;gap:4px}}

/* Compact action buttons with consistent padding and motion. */
.comment-submit-center .post-action-pill{padding:9px 14px}.post-action-row{justify-content:center}.post-action-row details{flex:0 1 auto}.post-action-row .post-action-pill{padding:9px 24px}.post-action-pill{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.post-action-pill .post-icon{transition:transform .18s ease}@media(hover:hover){.post-action-pill:hover{transform:translateY(-3px);box-shadow:0 7px 18px #10182720;border-color:var(--accent)}.post-action-pill:hover .post-icon{transform:rotate(-9deg) translateY(-1px)}}.post-action-pill:active{transform:translateY(0) scale(.98)}@media(max-width:360px){.post-action-row{gap:6px}.post-action-row .post-action-pill{padding:9px 18px}.comment-submit-center .post-action-pill{padding:9px 8px}}@media(prefers-reduced-motion:reduce){.post-action-pill,.post-action-pill .post-icon{transition:none!important;transform:none!important}}

.post-action-row form{margin:0}.post-action-dialog{width:min(480px,calc(100vw - 32px));padding:24px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:12px}.post-action-dialog h2{font-size:21px;margin:0 0 20px}.post-action-dialog::backdrop{background:#10182799}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.dialog-actions button{min-width:84px}.list-option-wireframe{border:2px solid #2864d7;border-radius:8px;padding:14px;background:#f6f9ff;color:#1b2b45}.list-demo-heading{font-size:12px;font-weight:700}.list-demo-row{display:flex;align-items:center;gap:10px;padding:18px 0;border-bottom:1px solid #d5e4ff}.list-demo-row>div{min-width:0}.list-demo-row strong{font-size:12px}.list-demo-row small{font-size:10px;color:#61718a}.list-demo-row b{font-size:9px;background:#dceaff;color:#2864d7;padding:3px;border-radius:3px}.list-demo-image{width:48px;height:40px;background:#bcd3f6;border-radius:5px;flex-shrink:0}.demo-compact .list-demo-row{padding:8px 0}.demo-dark{background:#171c26;color:#e9edf5;border-color:#91baff}.demo-dark .list-demo-row{border-color:#354258}.demo-dark small{color:#a6b2c5}.demo-dark .list-demo-image{background:#334b70}

.list-option-controls{min-width:0}.list-option-controls .fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.list-option-controls .check{margin-bottom:12px}.list-demo-states{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.list-demo-states>span{padding:4px 6px;border-radius:4px;font-size:10px;border:1px solid #bfd3f1}.list-demo-states .is-on{background:#e3efff;color:#285ca5}.list-demo-states .is-off{background:#f1f2f5;color:#697587;border:1px dashed #a1adbe}.demo-dark .is-on{background:#2b466c;color:#c5dcff}.demo-dark .is-off{background:#242a36;color:#b6becb;border-color:#697587}@media(max-width:700px){.list-option-controls .fields{grid-template-columns:1fr}}

.board-layout-settings>.layout-visual{align-items:start;grid-template-columns:minmax(240px,360px) minmax(0,1fr)}
.layout-setting-controls{min-width:0}
.layout-setting-hint{padding:14px 16px;margin-bottom:20px;background:#eef5ff;border:1px solid #d3e2fa;border-radius:8px}
.layout-setting-hint p{margin:0;font-size:12px;line-height:1.8;color:var(--muted)}
.skin-options-divider{border:0;border-top:1px solid var(--line);margin:28px 0}
.list-option-wireframe [hidden],.layout-wireframe [hidden]{display:none!important}
html[data-admin-theme=dark] .layout-setting-hint{background:#1b2f4b;border-color:#45638b}
@media(max-width:900px){.board-layout-settings>.layout-visual{grid-template-columns:1fr}.layout-wireframe{width:100%;max-width:420px}}

.board-layout-settings>.layout-visual{align-items:stretch}
.board-layout-settings .layout-wireframe{grid-template-rows:auto auto minmax(100px,1fr) auto;align-content:stretch}
.board-layout-settings .layout-preview-list{align-content:start}
.round-toggle-row{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 20px}
.round-toggle{position:relative;display:inline-flex!important;margin:0!important;cursor:pointer}
.round-toggle input{position:absolute;opacity:0;width:1px;height:1px}
.round-toggle span{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--muted);font-weight:600;transition:background .18s,border-color .18s,color .18s}
.round-toggle span:before{content:'−';font-size:14px}
.round-toggle:has(input:checked) span{background:#e8f0ff;border-color:#2864d7;color:#1d55bc}
.round-toggle:has(input:checked) span:before{content:'✓'}
.round-toggle:has(input:focus-visible) span{outline:3px solid #86b5ff;outline-offset:3px}
html[data-admin-theme=dark] .round-toggle:has(input:checked) span{background:#263d60;border-color:#86b5ff;color:#c6ddff}
.board-state-toggles{margin-top:24px}
.board-settings-save{display:flex;justify-content:center;margin-top:24px}
.board-settings-save .primary{padding-left:46px;padding-right:46px}
@media(max-width:900px){.board-layout-settings .layout-wireframe{min-height:320px;grid-template-rows:auto auto minmax(100px,1fr) auto}}
@media(prefers-reduced-motion:reduce){.round-toggle span{transition:none}}

/* Keep preview sections in their own rows when adjacent sections are hidden. */
.board-layout-settings .layout-wireframe>[data-layout-preview=header]{grid-row:1}
.board-layout-settings .layout-wireframe>.layout-preview-intro{grid-row:2}
.board-layout-settings .layout-wireframe>.layout-preview-list{grid-row:3}
.board-layout-settings .layout-wireframe>[data-layout-preview=footer]{grid-row:4;align-self:end}
.list-display-toggles{gap:10px;margin-top:18px}
.list-display-toggles .round-toggle span{padding:10px 14px;white-space:nowrap}
@media(min-width:1200px){.list-display-toggles{flex-wrap:nowrap}}

.board-operation-layout{display:grid;grid-template-columns:minmax(240px,360px) minmax(0,1fr);gap:24px;align-items:start}
.board-operation-layout .board-operation-guide{margin-bottom:0}
.board-operation-controls{min-width:0}
.board-operation-layout .operation-preview{grid-template-columns:1fr}
@media(max-width:900px){.board-operation-layout{grid-template-columns:1fr}.board-operation-layout .operation-preview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.board-operation-layout .operation-preview{grid-template-columns:1fr}}

#image-dialog .image-dialog-actions{display:flex;justify-content:center;margin-top:14px}
#image-dialog>img{display:block;max-width:100%;max-height:calc(100dvh - 150px);object-fit:contain;margin:0 auto}

[data-guest-scrap]+.guest-scrap-open{margin-left:30px}
.skin-heading h2 small{font-size:13px;font-weight:400;color:var(--muted);margin-left:12px;white-space:nowrap}

.post-view-card{padding-right:30px}
.post-actions-with-list{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}
.post-management-actions{grid-column:2;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.post-list-button{grid-column:3;justify-self:end;white-space:nowrap;text-decoration:none}
@media(max-width:700px){.post-actions-with-list{grid-template-columns:1fr}.post-management-actions{grid-column:1}.post-list-button{grid-column:1;justify-self:end}}

.editor-image-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0}
.editor-image-tools label{margin:0}.sun-editor{max-width:100%;min-width:0}.sun-editor input,.sun-editor textarea{margin-top:0}.sun-editor button{min-height:0}.sun-editor-editable{font-family:system-ui,sans-serif;line-height:1.7}
.body-content table{border-collapse:collapse;max-width:100%;display:block;overflow:auto}.body-content td,.body-content th{border:1px solid var(--line);padding:8px;min-width:45px}.body-content h1,.body-content h2,.body-content h3{line-height:1.4}.sun-editor-editable img{max-width:100%;height:auto}
@media(max-width:600px){.sun-editor .se-toolbar button{min-height:36px}.sun-editor .se-wrapper-wysiwyg{min-height:300px!important}}

#post-form .image-button{background:var(--paper);color:var(--ink);border-color:var(--line)}
#post-form .sun-editor .sun-editor-editable{background:var(--paper);color:var(--ink)}
#post-form .sun-editor .se-toolbar{background:var(--paper);border-color:var(--line)}
#post-form .sun-editor button{background:var(--paper);color:var(--ink);border-color:var(--line)}
#post-form .sun-editor .se-btn-select,#post-form .sun-editor .se-btn-module-border{border-color:var(--line)}
#post-form .sun-editor{border-color:var(--line)}
#post-form .sun-editor .se-menu-list,#post-form .sun-editor .se-dialog-content{color:#172438}
@media(max-width:700px){.sun-editor .se-tooltip{display:none!important}}

.editor-image-selected{outline:2px solid #2864d7;outline-offset:2px}
.editor-image-resize-handle{position:fixed;z-index:1000;width:28px;height:28px;min-height:28px;padding:0;background:#2864d7!important;color:#fff!important;border:2px solid white;border-radius:5px;cursor:nwse-resize;touch-action:none}
.editor-image-resize-handle[hidden]{display:none!important}
#image-description-dialog{max-width:calc(100vw - 32px)}

.editor-image-align-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.editor-image-align-tools>span{font-size:12px;color:var(--muted);margin-left:8px}
.body-content img.board-image-align-left{margin-left:0;margin-right:auto}.body-content img.board-image-align-center{margin-left:auto;margin-right:auto}.body-content img.board-image-align-right{margin-left:auto;margin-right:0}

/* Inline images follow paragraph text alignment and allow text on either side. */
#post-form .sun-editor-editable img{display:inline-block!important;vertical-align:middle;margin:8px 0;max-width:100%;height:auto}
.body-content img{display:inline-block;vertical-align:middle;margin:12px 0;max-width:100%;height:auto}
.body-content img[data-align]{display:block}

.body-content img[data-align]{display:inline-block;margin-left:0;margin-right:0}

.write-submit-actions{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:24px;flex-wrap:wrap}
.write-submit-actions .post-action-pill{padding:10px 30px;min-height:46px;min-width:120px;text-decoration:none}
.write-submit-actions a{background:var(--paper);color:var(--ink)}
.icon-write-save{mask-image:url('admin-icons/device-floppy.svg')}.icon-write-cancel{mask-image:url('admin-icons/x.svg')}
.write-option-toggles{gap:12px;margin-top:20px;flex-wrap:nowrap}
.write-option-toggles .round-toggle span{white-space:nowrap}
@media(max-width:360px){.write-option-toggles{gap:8px}.write-option-toggles .round-toggle span{padding:10px 12px;font-size:12px}.write-submit-actions .post-action-pill{padding:10px 24px}}
.global-option-toggles .round-toggle span{white-space:nowrap;padding:10px 16px}
.global-save-actions{display:flex;justify-content:center;margin-top:28px}
.global-save-actions .post-action-pill{padding-left:30px;padding-right:30px}
.member-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.member-list-heading h2{font-size:16px;margin:0}
.member-list-heading>span{font-size:12px;color:var(--muted)}
.admin-member-list{display:grid;gap:16px}
.admin-member-card{border:1px solid var(--line);border-radius:10px;padding:20px;min-width:0;background:var(--paper)}
.member-card-main{display:flex;align-items:center;justify-content:space-between;gap:20px}
.member-identity{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:wrap}
.member-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--bg);color:var(--accent)}
.member-identity h3{margin:0 0 4px;font-size:16px;overflow-wrap:anywhere}
.member-identity p{margin:0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.admin-layout .member-state-form{display:flex;align-items:center;gap:10px;margin:0;flex-wrap:wrap}
.member-state-form label{margin:0;font-size:12px;color:var(--muted)}
.member-state-form select{width:auto;min-width:100px}
.member-state-form button{white-space:nowrap}
.member-password-settings{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.member-password-settings summary{cursor:pointer;color:var(--muted);font-size:13px}
.member-password-settings form{margin-top:18px}
.member-reset-actions{display:flex;justify-content:flex-end}
.member-empty{padding:30px;text-align:center;color:var(--muted)}
@media(max-width:1000px){.member-card-main{align-items:flex-start;flex-direction:column}.member-state-form{width:100%}}
@media(max-width:480px){.admin-member-card{padding:16px}.member-list-heading{align-items:flex-start;flex-direction:column}.member-state-form label{width:100%}.member-state-form select{flex:1}.global-option-toggles{gap:10px}}

.admin-layout .admin-member-card{margin:0}
.admin-post-preview{width:min(900px,calc(100vw - 32px));max-height:85vh;overflow:auto;color:var(--ink);background:var(--paper)}
.admin-post-preview .body-content{margin:20px 0 28px;padding-bottom:20px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.admin-post-preview .body-content img{max-width:100%;height:auto}
.admin-post-preview .dialog-actions{justify-content:center;gap:12px}
.admin-post-preview .fields{margin:0 0 20px}