@charset "utf-8";
/* Actual uploaded xpresseditor family. Keep native sprite positions, color palette and handlers. */
html.cs-bronze #content .xpress-editor{background:transparent!important;color:var(--cs-text);min-width:0;clear:both}
html.cs-bronze #content .xpress-editor #smart_content{background:var(--cs-input)!important;border:1px solid #69705d!important;border-radius:3px;min-width:0;overflow:visible}
html.cs-bronze #content .xpress-editor .tool{background:#2a2d26!important;border-bottom:1px solid var(--cs-line)!important;padding:12px!important;min-height:48px;height:auto;box-sizing:border-box}
html.cs-bronze #content .xpress-editor .tool>ul{margin:0 8px 7px 0!important}
html.cs-bronze #content .xpress-editor .tool ul.type{height:auto!important;display:flex;flex-wrap:wrap;gap:4px}
html.cs-bronze #content .xpress-editor .tool ul.type li{display:block;float:none}
html.cs-bronze #content .xpress-editor .tool ul.type select{box-sizing:border-box;height:24px!important;min-height:24px!important;min-width:62px;padding:0 3px!important;font:11px/22px 'Malgun Gothic',sans-serif!important;background:#20231f!important;color:#ede9df!important;border:1px solid #69705d!important;border-radius:2px}
html.cs-bronze #content .xpress-editor .tool li button{box-sizing:content-box;padding:0!important;border:0!important;border-radius:0!important;min-height:0!important;line-height:normal!important;box-shadow:none!important;text-shadow:none!important}
/* Restoring the stock sprite image only; CSS retains all normal/hover/active coordinates. */
html.cs-bronze #content .xpress-editor .tool>ul>li>button{background-image:url(assets/editor-buttons.gif)!important;background-repeat:no-repeat!important;background-color:transparent!important;filter:sepia(.18) brightness(.95)}
html.cs-bronze #content .xpress-editor .tool li :where(.exButton,.html,.preview){color:var(--cs-text)}
html.cs-bronze #content .xpress-editor .tool li.extensions span.exButton,
html.cs-bronze #content .xpress-editor .tool li.html>span,
html.cs-bronze #content .xpress-editor .tool li.preview>span{background:none!important;height:auto!important}
html.cs-bronze #content .xpress-editor .tool li.extensions span.exButton button,
html.cs-bronze #content .xpress-editor .tool li.html span button,
html.cs-bronze #content .xpress-editor .tool li.preview span button{background:#353b30!important;background-image:none!important;color:#ede9df!important;border:1px solid #69705d!important;height:22px!important;padding:0 7px!important;line-height:22px!important;left:0;font:11px/22px 'Malgun Gothic',sans-serif!important}
html.cs-bronze #content .xpress-editor .tool .layer{background:#252a23!important;border:1px solid #69705d!important;color:#ede9df!important;box-shadow:0 8px 18px #0006;z-index:100}
html.cs-bronze #content .xpress-editor .tool .layer :where(label,p,h4,h5,legend){color:#ede9df!important}
html.cs-bronze #content .xpress-editor .tool .palette button{filter:none!important;border:1px solid #69705d!important;padding:0!important;box-sizing:border-box}
html.cs-bronze #content .xpress-editor .input_area{margin:14px!important;min-height:115px;background:var(--cs-input)!important}
html.cs-bronze #content .xpress-editor .input_area iframe{background:var(--cs-input)!important;color-scheme:dark;border:0!important;display:block;width:100%!important}
html.cs-bronze #content .xpress-editor .input_area textarea,
html.cs-bronze #content .xeTextEditor textarea{color:var(--cs-text)!important;background:var(--cs-input)!important;border-color:var(--cs-line)!important;font:14px/1.85 'Malgun Gothic',sans-serif}
html.cs-bronze #content .xpress-editor .input_control{background-color:var(--cs-panel)!important;border-color:var(--cs-line)!important;clear:both}
html.cs-bronze #content .xpress-editor .input_auto{border-color:var(--cs-line)!important}
html.cs-bronze #content .xpress-editor .input_auto label{color:var(--cs-muted)!important}
html.cs-bronze #content .xpress-editor .fileUploader{display:flow-root;clear:both;background:var(--cs-panel)!important;border:1px solid var(--cs-line)!important;padding:14px;color:var(--cs-muted)!important}
html.cs-bronze #content .xpress-editor :where(.fileList,.file_attach_info,.fileUploader .preview,.fileUploader .list){background-color:var(--cs-input)!important;border-color:var(--cs-line)!important;color:var(--cs-muted)!important}
html.cs-bronze #content .xpress-editor .fileUploader :where(button.text,input[type=button],.AXButton){height:auto;min-height:30px;padding:6px 12px!important;background:var(--cs-hover)!important;border:1px solid #69705d!important;color:var(--cs-text)!important;text-shadow:none!important;border-radius:2px}
html.cs-bronze #content .xpress-editor .fileUploader :where(button.text,input[type=button],.AXButton) *{visibility:visible}
html.cs-bronze :where(.AXUpload5QueueBox,.AXUpload5QueueBox .AXUploadItem,.AXUpload5QueueBox .AXUploadItem .AXUploadTit,.AXUpload5QueueBox .AXUploadItem .AXUploadLabel,.AXUpload5,.AXUpload5 .uploadDisplay){background-color:var(--cs-panel)!important;color:var(--cs-muted)!important;border-color:var(--cs-line)!important;text-shadow:none!important}
html.cs-bronze :where(.xefu-container,.xefu-dropzone,.xefu-file-list,.xefu-file,.xefu-progressbar,.xefu-act-selectfile,.xefu-act-delete,.xefu-act-insert){background-color:var(--cs-panel)!important;color:var(--cs-muted)!important;border-color:var(--cs-line)!important;text-shadow:none!important;box-shadow:none!important}
html.cs-bronze :where(.xefu-dropzone .text,.xefu-dropzone p,.xefu-container label,.AXUpload5QueueBox .AXUploadFileName,.AXUpload5 .uploadSelectTxt){color:var(--cs-muted)!important}
html.cs-bronze :where(.xefu-dropzone,.AXUpload5QueueBox){min-height:110px;border:1px dashed #69705d!important}
html.cs-bronze .xefu-dropzone:hover{background-color:var(--cs-hover)!important}
@media(max-width:760px){html.cs-bronze #content .xpress-editor .tool{padding:10px!important}html.cs-bronze #content .xpress-editor .input_area{margin:10px!important}html.cs-bronze #content .xpress-editor .tool ul.type{width:100%;margin-bottom:8px!important}html.cs-bronze #content .xpress-editor .fileUploader{padding:10px}}
html.cs-bronze #content .xpress-editor .tool .layer :where(input[type=text],input:not([type]),select){background:var(--cs-input)!important;color:var(--cs-text)!important;border:1px solid var(--cs-line)!important;box-shadow:none!important}

/* R4: readable vector/text toolbar faces; original XE buttons, titles and event handlers remain. */
html.cs-bronze #content .xpress-editor .tool:not(.disable){display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:14px!important}
html.cs-bronze #content .xpress-editor .tool>ul:not([style*="display:none"]):not([style*="display: none"]){display:flex!important;flex-wrap:wrap;align-items:center;float:none!important;width:auto!important;height:auto!important;margin:0!important;gap:3px}
html.cs-bronze #content .xpress-editor .tool>ul>li{float:none!important}
html.cs-bronze #content .xpress-editor .tool>ul>li>button{position:relative;display:block;box-sizing:border-box!important;width:30px!important;height:30px!important;min-height:30px!important;background:#22261f!important;background-image:none!important;border:1px solid #6e6d59!important;border-radius:4px!important;filter:none!important;color:#f3ead8!important;float:none!important}
html.cs-bronze #content .xpress-editor .tool>ul>li>button::after{content:var(--cs-editor-label,'');position:absolute;inset:3px;display:flex;align-items:center;justify-content:center;color:inherit;font:600 16px/1 Georgia,serif;letter-spacing:0;pointer-events:none;visibility:visible;background-image:var(--cs-editor-icon,none);background-position:center;background-repeat:no-repeat;background-size:21px 21px}
html.cs-bronze #content .xpress-editor .tool>ul>li>button:hover,
html.cs-bronze #content .xpress-editor .tool>ul>li>button.hover,
html.cs-bronze #content .xpress-editor .tool>ul>li>button:focus-visible{background:#3f3a2b!important;border-color:#d5b27c!important;box-shadow:0 0 0 2px #c9ac7e22!important;outline:0}
html.cs-bronze #content .xpress-editor .tool>ul>li>button.active{background:#665233!important;border-color:#e0bf88!important;box-shadow:inset 0 0 0 1px #e0bf8833!important}
html.cs-bronze #content .xpress-editor .tool>ul>li>button.off,
html.cs-bronze #content .xpress-editor .tool>ul>li>button:disabled,
html.cs-bronze #content .xpress-editor .tool.off>ul:not(.extra3)>li>button{opacity:.45;cursor:default}
html.cs-bronze #content .xpress-editor .tool ul.type select{height:30px!important;min-height:30px!important;font-size:12px!important;line-height:28px!important;border-color:#6e6d59!important;padding:0 5px!important}
html.cs-bronze #content .xpress-editor .tool li.extensions span.exButton button,
html.cs-bronze #content .xpress-editor .tool li.html span button,
html.cs-bronze #content .xpress-editor .tool li.preview span button{box-sizing:border-box!important;height:30px!important;line-height:28px!important;font-size:12px!important;padding:0 10px!important;border-radius:4px!important;border-color:#a18a63!important;color:#f5e6ca!important;background:#3a3528!important;text-indent:0!important;filter:none!important}
html.cs-bronze #content .xpress-editor .tool li.html span button{background:#c9ac7e!important;color:#171b16!important;font-weight:700!important;border-color:#e0bf88!important}
html.cs-bronze #content .xpress-editor .tool li.html span button:hover{background:#e2c699!important}
html.cs-bronze #content .xpress-editor .tool li.extensions span.exButton button:hover,
html.cs-bronze #content .xpress-editor .tool li.preview span button:hover{background:#50452f!important}
html.cs-bronze #content .xpress-editor .input_area textarea{font:14px/1.75 Consolas,'Malgun Gothic',monospace!important;color:#f1e6d0!important;caret-color:#efc98f}
html.cs-bronze #content .xpress-editor .tool>ul>li.bold>button{--cs-editor-label:"B"}
html.cs-bronze #content .xpress-editor .tool>ul>li.underline>button{--cs-editor-label:"U"}
html.cs-bronze #content .xpress-editor .tool>ul>li.italic>button{--cs-editor-label:"I"}
html.cs-bronze #content .xpress-editor .tool>ul>li.del>button{--cs-editor-label:"S"}
html.cs-bronze #content .xpress-editor .tool>ul>li.fcolor>button{--cs-editor-label:"A"}
html.cs-bronze #content .xpress-editor .tool>ul>li.bcolor>button{--cs-editor-label:"A"}
html.cs-bronze #content .xpress-editor .tool>ul>li.sup>button{--cs-editor-label:"x²"}
html.cs-bronze #content .xpress-editor .tool>ul>li.sub>button{--cs-editor-label:"x₂"}
html.cs-bronze #content .xpress-editor .tool>ul>li.blockquote>button{--cs-editor-label:"“"}
html.cs-bronze #content .xpress-editor .tool>ul>li.url>button{--cs-editor-label:"↗"}
html.cs-bronze #content .xpress-editor .tool>ul>li.character>button{--cs-editor-label:"Ω"}
html.cs-bronze #content .xpress-editor .tool li.underline>button::after{text-decoration:underline;text-underline-offset:3px}
html.cs-bronze #content .xpress-editor .tool li.italic>button::after{font-style:italic}
html.cs-bronze #content .xpress-editor .tool li.del>button::after{text-decoration:line-through}
html.cs-bronze #content .xpress-editor .tool li.fcolor>button::after{border-bottom:2px solid #e6ba75}
html.cs-bronze #content .xpress-editor .tool li.bcolor>button::after{background-color:#71603e;border-radius:2px}
html.cs-bronze #content .xpress-editor .tool>ul>li.undo>button{--cs-editor-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f3ead8%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%205%203%2010l5%205M3%2010h10a6%206%200%200%201%206%206v2%22%2F%3E%3C%2Fsvg%3E")}
html.cs-bronze #content .xpress-editor .tool>ul>li.redo>button{--cs-editor-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f3ead8%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m16%205%205%205-5%205m5-5H11a6%206%200%200%200-6%206v2%22%2F%3E%3C%2Fsvg%3E")}
html.cs-bronze #content .xpress-editor .tool>ul>li.left>button{--cs-editor-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f3ead8%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%205h18M3%2010h12M3%2015h18M3%2020h12%22%2F%3E%3C%2Fsvg%3E")}
html.cs-bronze #content .xpress-editor .tool>ul>li.center>button{--cs-editor-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f3ead8%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%205h18M6%2010h12M3%2015h18M6%2020h12%22%2F%3E%3C%2Fsvg%3E")}
html.cs-bronze #content .xpress-editor .tool>ul>li.right>button{--cs-editor-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f3ead8%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%205h18M9%2010h12M3%2015h18M9%2020h12%22%2F%3E%3C%2Fsvg%3E")}
html.cs-bronze #content .xpress-editor .tool>ul>li.justify>button{--cs-editor-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f3ead8%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%205h18M3%2010h18M3%2015h18M3%2020h18%22%2F%3E%3C%2Fsvg%3E")}
html.cs-bronze #content .xpress-editor .tool>ul>li.ol>button{--cs-editor-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f3ead8%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%205h12M9%2012h12M9%2019h12M3%203h1v5M2%2012q3-3%203%200l-3%203h3M2%2018h3l-2%202h2v2H2%22%2F%3E%3C%2Fsvg%3E")}
html.cs-bronze #content .xpress-editor .tool>ul>li.ul>button{--cs-editor-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f3ead8%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%205h12M9%2012h12M9%2019h12%22%2F%3E%3Ccircle%20cx%3D%224%22%20cy%3D%225%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%224%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%224%22%20cy%3D%2219%22%20r%3D%221%22%2F%3E%3C%2Fsvg%3E")}
html.cs-bronze #content .xpress-editor .tool>ul>li.outdent>button{--cs-editor-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f3ead8%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%204h18M11%209h10M11%2014h10M3%2020h18m3-12-3%204%203%204%22%2F%3E%3C%2Fsvg%3E")}
html.cs-bronze #content .xpress-editor .tool>ul>li.indent>button{--cs-editor-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f3ead8%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%204h18M11%209h10M11%2014h10M3%2020h18M3%208l3%204-3%204%22%2F%3E%3C%2Fsvg%3E")}
html.cs-bronze #content .xpress-editor .tool>ul>li.table>button{--cs-editor-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f3ead8%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M3%209h18M3%2015h18M9%203v18M15%203v18%22%2F%3E%3C%2Fsvg%3E")}
html.cs-bronze #content .xpress-editor .tool>ul>li.merge>button{--cs-editor-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f3ead8%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%203H3v18h5m8-18h5v18h-5M5%2012h14m-11-3%203%203-3%203m8-6-3%203%203%203%22%2F%3E%3C%2Fsvg%3E")}
html.cs-bronze #content .xpress-editor .tool>ul>li.splitCol>button{--cs-editor-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f3ead8%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M12%203v18M6%209v6M18%209v6%22%2F%3E%3C%2Fsvg%3E")}
html.cs-bronze #content .xpress-editor .tool>ul>li.splitRow>button{--cs-editor-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f3ead8%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M3%2012h18M9%206h6M9%2018h6%22%2F%3E%3C%2Fsvg%3E")}

html.cs-bronze #content .xpress-editor .tool.disable{display:none!important}

/* R7: palette, URL and table popovers stay reachable on narrow screens. */
html.cs-bronze #content .xpress-editor .tool .layer{box-sizing:border-box;max-width:calc(100vw - 32px);transform:translateX(var(--cs-editor-layer-shift,0px));overflow-x:auto}

/* R23 (2026-11-06): writer chrome only. Keep all board/content styles intact.
   The live board skin retains bgHeader.gif unless background-image is reset. */
html.cs-bronze #content .board_write {
    background:transparent!important;
    background-image:none!important;
}
html.cs-bronze #content .write_header {
    background:var(--cs-panel,#22261f)!important;
    background-image:none!important;
    border-color:var(--cs-line,#42493b)!important;
    color:var(--cs-text,#ede9df)!important;
    text-shadow:none!important;
}
html.cs-bronze #content .write_header label {
    color:#e9dfcb!important;
    text-shadow:none!important;
}
html.cs-bronze #content .write_header input[name=title],
html.cs-bronze #content .write_header select {
    background:var(--cs-input,#171b17)!important;
    background-image:none!important;
    color:var(--cs-text,#ede9df)!important;
    border-color:var(--cs-line,#42493b)!important;
    box-shadow:none!important;
}
html.cs-bronze #content .write_header input[type=checkbox] {
    accent-color:var(--cs-accent,#c9ac7e);
}