:root {
--wtm-blue:   #2b579a;
--wtm-blue-d: #1e3f6f;
--wtm-blue-l: #3a6bbd;
--wtm-tab-bg: #d8e6f5;
--wtm-ribbon: #f3f3f3;
--wtm-border: #d0d0d0;
--wtm-doc:    #e0e0e0;
--wtm-f:      'Segoe UI', Tahoma, Verdana, sans-serif;
--wtm-btn-hover: #e5efff;
--wtm-btn-active: #cce0ff;
--wtm-btn-border-hover: #b0c8e8;
}
.wtm-root {
display: flex; flex-direction: column;
font-family: var(--wtm-f); font-size: 13px;
background: var(--wtm-doc); border: 1px solid #aaa;
border-radius: 4px; overflow: hidden; position: relative;
box-shadow: 0 4px 24px rgba(0,0,0,.18); box-sizing: border-box;
transition: zoom .15s ease-out;
transform-origin: top left;
height: auto;
min-height: 300px;
}
.wtm-root *, .wtm-root *::before, .wtm-root *::after { box-sizing: border-box; } .wtm-root.wtm-fullscreen {
border-radius:0!important;border:none!important;
width:100vw!important;height:100vh!important;
position:fixed!important;top:0!important;left:0!important;z-index:99999!important;
} .wtm-root:not(.wtm-fullscreen) {
position:relative!important;
} .wtm-tbar { background:var(--wtm-blue-d);height:30px;display:flex;align-items:center;padding:0 8px;flex-shrink:0; }
.wtm-tbar-title { flex:1;color:#fff;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.wtm-tbar-close { background:transparent;border:none;color:rgba(255,255,255,.7);cursor:pointer;font-size:14px;padding:0 4px;line-height:1; }
.wtm-tbar-close:hover { color:#fff;background:rgba(255,0,0,.5);border-radius:2px; } .wtm-qat {
background:var(--wtm-blue);min-height:30px;height:auto;
display:flex;align-items:center;padding:2px 6px;gap:1px;
flex-shrink:0;flex-wrap:wrap;overflow:hidden;
} .wtm-qb {
background:transparent;border:1px solid transparent;color:#fff;
min-width:26px;height:24px;border-radius:3px;cursor:pointer;
font-size:13px;display:flex;align-items:center;justify-content:center;
padding:0 4px;font-family:var(--wtm-f);line-height:1;white-space:nowrap;
transition:background .1s,border-color .1s;
}
.wtm-qb:hover { background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.3); }
.wtm-qb:active { background:rgba(255,255,255,.35); }
.wtm-qb.wtm-on { background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.4); }
.wtm-bold{font-weight:700}.wtm-italic{font-style:italic}.wtm-under{text-decoration:underline}
.wtm-qs { width:1px;height:16px;background:rgba(255,255,255,.3);margin:0 3px;flex-shrink:0; } .wtm-tabbar-wrap { background:linear-gradient(180deg,#2565b5,var(--wtm-blue));flex-shrink:0; }
.wtm-tabbar { display:flex;align-items:flex-end;min-height:32px;padding:4px 6px 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;gap:2px; }
.wtm-tabbar::-webkit-scrollbar { display:none; }
.wtm-tab { display:flex;align-items:center;height:26px;padding:0 5px 0 8px;border-radius:4px 4px 0 0;border:1px solid transparent;border-bottom:none;font-size:11.5px;cursor:pointer;white-space:nowrap;max-width:180px;min-width:80px;gap:4px;flex-shrink:0;user-select:none; }
.wtm-tab.wtm-active { background:#fff;border-color:#a8c0e8;color:#111;font-weight:500;height:28px;position:relative;z-index:3; }
.wtm-tab.wtm-inactive { background:var(--wtm-tab-bg);color:var(--wtm-blue); }
.wtm-tab.wtm-inactive:hover { background:#e4f0ff; }
.wtm-tab-name { flex:1;overflow:hidden;text-overflow:ellipsis; }
.wtm-tab-dot { color:#c00;font-size:10px; }
.wtm-tab-x { width:14px;height:14px;border:none;background:transparent;cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;border-radius:2px;opacity:0;flex-shrink:0;color:inherit;line-height:1;padding:0; }
.wtm-tab:hover .wtm-tab-x, .wtm-tab.wtm-active .wtm-tab-x { opacity:1; }
.wtm-tab-x:hover { background:rgba(180,0,0,.15);color:#c00; }
.wtm-btn-new-tab { min-width:24px;height:22px;border-radius:3px;border:none;background:transparent;color:rgba(255,255,255,.85);cursor:pointer;font-size:20px;font-weight:300;display:flex;align-items:center;justify-content:center;align-self:center;line-height:1;padding:0 4px;flex-shrink:0; }
.wtm-btn-new-tab:hover { background:rgba(255,255,255,.22);color:#fff; } .wtm-rtabs-bar { background:var(--wtm-ribbon);height:26px;display:flex;align-items:center;padding:0 4px;border-bottom:1px solid var(--wtm-border);flex-shrink:0;gap:0;overflow-x:auto;scrollbar-width:none; }
.wtm-rtabs-bar::-webkit-scrollbar{display:none} .wtm-ribbon-toggle {
display:flex;align-items:center;justify-content:center;
width:24px;height:22px;margin-right:4px;flex-shrink:0;
background:transparent;border:1px solid transparent;border-radius:3px;
color:#555;font-size:15px;cursor:pointer;line-height:1;
transition:background .15s,color .15s,transform .2s;
}
.wtm-ribbon-toggle:hover { background:rgba(43,87,154,.12);color:var(--wtm-blue);border-color:rgba(43,87,154,.2); }
.wtm-root[data-ribbon="0"] .wtm-ribbon-toggle { transform:rotate(90deg);color:var(--wtm-blue); } .wtm-rtab-settings { margin-left:auto;padding:0 7px;font-size:13px; } .wtm-rtab {
padding:4px 10px;font-size:11.5px;color:#444;cursor:pointer;
border-radius:3px 3px 0 0;border:1px solid transparent;border-bottom:none;
background:transparent;white-space:nowrap;font-family:var(--wtm-f);
transition:background .1s;
}
.wtm-rtab:hover { background:rgba(43,87,154,.09);color:#222; }
.wtm-rtab.wtm-on {
background:#fff;color:var(--wtm-blue);
border-color:var(--wtm-border);border-bottom-color:#fff;
font-weight:600;padding-bottom:5px;margin-bottom:-1px;
}  .wtm-rpanel {
background: linear-gradient(to bottom, #fafafa, #f0f0f0);
border-bottom: 2px solid var(--wtm-blue);
display: flex;
align-items: stretch;
padding: 2px 4px 0;
flex-shrink: 0;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: visible;
max-height: 200px;
transition: max-height .2s ease, opacity .15s ease, padding .2s ease, border .2s ease;
opacity: 1;
}
.wtm-root[data-ribbon="0"] .wtm-rpanel {
max-height: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
border-bottom-width: 0 !important;
opacity: 0;
pointer-events: none;
overflow: hidden !important;
}
.wtm-rpanel.wtm-hidden { display: none; } .wtm-cfg-lbl { font-size:11px;color:#555;min-width:72px;white-space:nowrap; } .wtm-cfg-apply-btn {
background: var(--wtm-blue) !important;
color: #fff !important;
font-weight: 600 !important;
padding: 4px 10px !important;
border-color: var(--wtm-blue-d) !important;
} .wtm-rg {
display: flex;
flex-direction: column;
padding: 3px 5px;
border-right: 1px solid #ddd;
flex-shrink: 0;
justify-content: center;
}
.wtm-rg:last-child { border-right: none; }
.wtm-rg-body {
display: flex;
align-items: flex-start;
gap: 2px;
flex-wrap: wrap;
align-content: flex-start;
padding-bottom: 1px;
}
.wtm-rg-lbl { display: none; }
.wtm-rcol { display:flex; flex-direction:column; gap:1px; }
.wtm-rrow { display:flex; gap:1px; align-items:center; flex-wrap:nowrap; } .wtm-rs {
display: inline-flex;
align-items: center;
justify-content: flex-start;
padding: 1px 5px;
border-radius: 3px;
border: 1px solid transparent;
background: transparent;
cursor: pointer;
font-size: 11px;
color: #1a1a1a;
white-space: nowrap;
min-height: 20px;
gap: 3px;
font-family: var(--wtm-f);
transition: background .1s, border-color .1s;
user-select: none;
line-height: 1.2;
}
.wtm-rs:hover { background: var(--wtm-btn-hover); border-color: var(--wtm-btn-border-hover); }
.wtm-rs:active { background: var(--wtm-btn-active); border-color: #8ab0d8; }
.wtm-rs.wtm-on { background: #dce6f7; border-color: #a8c0e8; color: var(--wtm-blue); font-weight: 600; }
.wtm-rs:disabled { opacity: .4; cursor: default; } .wtm-rs-sq {
min-width: 22px; width: 22px; height: 22px;
padding: 0; font-size: 12px; flex-shrink: 0;
justify-content: center;
} .wtm-rs-big {
flex-direction: column; width: 38px; height: 40px;
padding: 2px; font-size: 9px; gap: 1px;
border: 1px solid transparent;
align-self: center;
justify-content: center;
}
.wtm-rs-big .wtm-rs-ico { font-size: 16px; line-height: 1; }
.wtm-rs-big .wtm-rs-lbl { font-size: 9px; line-height: 1; }
.wtm-rs-big:hover { background: var(--wtm-btn-hover); border-color: var(--wtm-btn-border-hover); } .wtm-rsel {
font-size: 11px;
border: 1px solid #bbb;
border-radius: 3px;
height: 20px;
padding: 0 3px;
background: #fff;
cursor: pointer;
outline: none;
font-family: var(--wtm-f);
transition: border-color .1s;
}
.wtm-rsel:focus { border-color: var(--wtm-blue); }
.wtm-rsep { width: 1px; height: 14px; background: #ddd; margin: 0 1px; flex-shrink: 0; } .wtm-color-lbl { cursor:pointer; position:relative; flex-direction:column; gap:1px; }
.wtm-color-lbl input[type="color"] { position:absolute; width:0; height:0; opacity:0; pointer-events:none; }
.wtm-color-bar { display:block; width:13px; height:3px; border-radius:1px; } .wtm-swatch {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 1px 6px;
border-radius: 3px;
border: 1px solid #ddd;
background: #fff;
font-size: 11px;
cursor: pointer;
white-space: nowrap;
height: 20px;
transition: border-color .1s, background .1s;
font-family: var(--wtm-f);
}
.wtm-swatch:hover { border-color: var(--wtm-blue); background: #eef3fc; }
.wtm-swatch-h1 { font-weight:700; color:#2b579a; }
.wtm-swatch-h2 { font-weight:700; }
.wtm-swatch-h3 { font-weight:600; font-size:10.5px; }
.wtm-swatch-bq { font-style:italic; border-left:2px solid #aaa; padding-left:4px; }
.wtm-swatch-pre { font-family:monospace; background:#f4f4f4; font-size:10px; } .wtm-rg-font   { min-width: 250px; }
.wtm-rg-para   { min-width: 185px; }
.wtm-rg-styles { min-width: 140px; }
.wtm-rg-clip   { min-width: 110px; }
.wtm-rg-styles .wtm-rg-body { flex-wrap:wrap; align-content:flex-start; gap:2px; padding-top:1px; } .wtm-fullscreen .wtm-rpanel { flex-wrap:wrap; }
.wtm-fullscreen .wtm-rg { flex:1; min-width:80px; }  @media (max-width: 900px) {
.wtm-doc-area { padding: 20px 16px 40px; }
.wtm-editor-canvas.wtm-page,
.wtm-page {
width: 100%;
max-width: 794px;
padding: 60px 48px;
min-height: unset;
}
.wtm-page-break {
width: calc(100% + 96px) !important;
margin-left: -48px !important;
margin-right: -48px !important;
margin-top:    0 !important;
margin-bottom: 0 !important;
padding: 0 !important;
height: 16px !important;
background: #a5b5c8 !important;
}
.wtm-page-break + * { margin-top: 60px !important; }
.wtm-pb-before-break { margin-bottom: 60px !important; }
.wtm-page-break::before { left: 48px; right: 48px; }
.wtm-page-break::after  { left: 48px; right: 48px; }
}  .wtm-mob-hamburger {
display: none; align-items: center;
justify-content: center;
width: 44px; height: 44px;
background: transparent;
border: none;
cursor: pointer;
flex-shrink: 0;
padding: 0;
color: #fff;
font-size: 22px;
line-height: 1;
}
.wtm-mob-hamburger:hover { background: rgba(255,255,255,.15); border-radius: 4px; } .wtm-mob-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0,0,0,.45);
z-index: 8000;
}
.wtm-mob-overlay.wtm-mob-open { display: block; } .wtm-mob-drawer {
display: none;
position: fixed;
top: 0; left: 0; bottom: 0;
width: 280px;
background: #1e3f6f;
z-index: 8100;
flex-direction: column;
overflow-y: auto;
overflow-x: hidden;
transform: translateX(-100%);
transition: transform .25s ease;
box-shadow: 4px 0 24px rgba(0,0,0,.4);
}
.wtm-mob-drawer.wtm-mob-open {
transform: translateX(0);
} .wtm-mob-drawer-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 16px;
background: #1a3560;
border-bottom: 1px solid rgba(255,255,255,.12);
flex-shrink: 0;
}
.wtm-mob-drawer-title {
color: #fff;
font-size: 14px;
font-weight: 600;
font-family: var(--wtm-f);
}
.wtm-mob-drawer-close {
background: transparent;
border: none;
color: rgba(255,255,255,.8);
font-size: 22px;
cursor: pointer;
width: 36px; height: 36px;
display: flex; align-items: center; justify-content: center;
border-radius: 4px;
line-height: 1;
}
.wtm-mob-drawer-close:hover { background: rgba(255,0,0,.4); color: #fff; } .wtm-mob-section {
padding: 8px 0;
border-bottom: 1px solid rgba(255,255,255,.1);
flex-shrink: 0;
}
.wtm-mob-section:last-child { border-bottom: none; }
.wtm-mob-section-title {
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .8px;
color: rgba(255,255,255,.45);
padding: 4px 16px 6px;
font-family: var(--wtm-f);
} .wtm-mob-btn {
display: flex;
align-items: center;
gap: 12px;
width: 100%;
padding: 11px 16px;
background: transparent;
border: none;
color: rgba(255,255,255,.9);
font-size: 13px;
font-family: var(--wtm-f);
cursor: pointer;
text-align: left;
line-height: 1.2;
transition: background .12s;
}
.wtm-mob-btn:hover { background: rgba(255,255,255,.12); }
.wtm-mob-btn:active { background: rgba(255,255,255,.2); }
.wtm-mob-btn-ico { font-size: 18px; width: 24px; text-align: center; flex-shrink: 0; } .wtm-mob-fmt-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 4px;
padding: 6px 12px;
}
.wtm-mob-fmt-btn {
display: flex;
align-items: center;
justify-content: center;
height: 44px;
background: rgba(255,255,255,.08);
border: 1px solid rgba(255,255,255,.15);
border-radius: 6px;
color: #fff;
font-size: 15px;
cursor: pointer;
transition: background .1s;
font-family: var(--wtm-f);
}
.wtm-mob-fmt-btn:hover  { background: rgba(255,255,255,.2); }
.wtm-mob-fmt-btn:active { background: rgba(255,255,255,.3); }
.wtm-mob-fmt-btn.wtm-on { background: rgba(255,255,255,.25); border-color: rgba(255,255,255,.5); } .wtm-mob-select-row {
display: flex;
gap: 6px;
padding: 6px 12px;
align-items: center;
}
.wtm-mob-sel {
flex: 1;
height: 40px;
border: 1px solid rgba(255,255,255,.25);
border-radius: 6px;
background: rgba(255,255,255,.1);
color: #fff;
font-size: 13px;
padding: 0 8px;
font-family: var(--wtm-f);
cursor: pointer;
}
.wtm-mob-sel option { background: #1e3f6f; color: #fff; } .wtm-mob-tabs-list {
padding: 4px 12px;
display: flex;
flex-direction: column;
gap: 3px;
}
.wtm-mob-tab-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 10px;
background: rgba(255,255,255,.08);
border-radius: 6px;
border: 1px solid rgba(255,255,255,.12);
cursor: pointer;
color: rgba(255,255,255,.9);
font-size: 12px;
font-family: var(--wtm-f);
}
.wtm-mob-tab-item.wtm-active { background: rgba(255,255,255,.22); border-color: rgba(255,255,255,.4); font-weight: 600; }
.wtm-mob-tab-item:hover { background: rgba(255,255,255,.15); }
.wtm-mob-tab-x { background: transparent; border: none; color: rgba(255,255,255,.6); font-size: 16px; cursor: pointer; padding: 0 4px; }
.wtm-mob-tab-x:hover { color: #ff6b6b; } @media (max-width: 640px) { .wtm-qat          { display: none !important; }
.wtm-tabbar-wrap  { display: none !important; }
.wtm-rtabs-bar    { display: none !important; }
.wtm-rpanel       { display: none !important; } .wtm-mob-hamburger { display: flex !important; } .wtm-mob-drawer { display: flex !important; } .wtm-root {
border-radius: 0 !important;
border-left: none !important;
border-right: none !important;
} .wtm-tbar {
height: 48px !important;
padding: 0 4px 0 0 !important;
gap: 2px !important;
justify-content: flex-start !important;
}
.wtm-tbar > svg { display: none !important; } .wtm-tbar-title  { font-size: 13px !important; font-weight: 600 !important; }
.wtm-tbar-close  { display: none !important; } .wtm-doc-area {
background: #a5b5c8 !important;
padding: 12px 6px 32px !important;
}
.wtm-editor-canvas.wtm-page,
.wtm-page {
width: 100% !important;
max-width: 100% !important;
padding: 56px 20px !important;
min-height: 300px;
box-shadow:
0 0 0 1px rgba(100,130,170,.5),
0 2px 10px rgba(0,0,0,.22) !important;
border-radius: 0 !important;
font-size: 11pt !important;
line-height: 1.15 !important;
box-sizing: border-box;
}
.wtm-page-break {
width: calc(100% + 40px) !important;
margin-left: -20px !important;
margin-right: -20px !important;
margin-top:    0 !important;
margin-bottom: 0 !important;
padding: 0 !important;
height: 14px !important;
background: #a5b5c8 !important;
box-shadow: none !important;
}
.wtm-page-break + * { margin-top: 56px !important; }
.wtm-pb-before-break { margin-bottom: 56px !important; }
.wtm-page-break::before { left: 20px !important; right: 20px !important; }
.wtm-page-break::after  { left: 20px !important; right: 20px !important; } .wtm-statusbar { height: 26px !important; font-size: 10px !important; padding: 0 8px !important; }
.wtm-sb-r .wtm-zoom-sl { display: none !important; } .wtm-dlg-ov { align-items: flex-end !important; }
.wtm-dlg {
min-width: 100vw !important;
max-width: 100vw !important;
border-radius: 14px 14px 0 0;
max-height: 90vh;
overflow-y: auto;
}
.wtm-find-modal {
position: fixed !important;
top: auto !important; bottom: 0 !important;
left: 0 !important; right: 0 !important;
width: 100vw !important;
border-radius: 12px 12px 0 0;
}
.wtm-scroll-btn { width: 44px !important; height: 44px !important; font-size: 20px !important; }
} @media (max-width: 380px) {
.wtm-doc-area { padding: 8px 4px 24px !important; }
.wtm-editor-canvas.wtm-page,
.wtm-page {
padding: 48px 14px !important;
font-size: 10.5pt !important;
}
.wtm-page-break {
width: calc(100% + 28px) !important;
margin-left: -14px !important;
margin-right: -14px !important;
margin-top:    0 !important;
margin-bottom: 0 !important;
padding: 0 !important;
height: 12px !important;
}
.wtm-page-break + * { margin-top: 48px !important; }
.wtm-pb-before-break { margin-bottom: 48px !important; }
.wtm-page-break::before { left: 14px !important; right: 14px !important; }
.wtm-page-break::after  { left: 14px !important; right: 14px !important; }
.wtm-mob-drawer { width: 260px; }
} .wtm-root[data-compact="1"] .wtm-rg-lbl { display: none; }
.wtm-root[data-compact="1"] .wtm-rg { padding: 0 3px; }
.wtm-root[data-compact="1"] .wtm-rs { padding: 1px 4px; min-height: 18px; font-size: 10.5px; }
.wtm-root[data-compact="1"] .wtm-rsel { height: 18px; font-size: 10.5px; }
.wtm-root[data-compact="1"] [data-role="font"] { width: 90px !important; } .wtm-find-modal-overlay {
display: none; position: absolute; inset: 0;
z-index: 9000; pointer-events: none;
}
.wtm-find-modal-overlay.wtm-show { display: block; }
.wtm-find-modal {
position: absolute; top: 60px; right: 20px; width: 580px;
background: #f0f0f0; border: 1px solid #888;
border-radius: 3px; box-shadow: 4px 8px 24px rgba(0,0,0,.4);
font-family: var(--wtm-f); font-size: 12px;
pointer-events: all; overflow: visible;
}
.wtm-find-modal-title {
background: linear-gradient(to bottom, #5a8bd4, #3568b8);
color: #fff; padding: 5px 8px 5px 12px;
display: flex; align-items: center; justify-content: space-between;
font-size: 12.5px; font-weight: 600; cursor: move; user-select: none;
}
.wtm-find-modal-close {
background: transparent; border: 1px solid transparent;
color: #fff; cursor: pointer; font-size: 13px;
width: 22px; height: 22px; border-radius: 3px;
display: flex; align-items: center; justify-content: center;
}
.wtm-find-modal-close:hover { background: #e81123; } .wtm-find-modal-tabs {
display: flex; background: #d8d4cc;
border-bottom: 1px solid #aaa; padding: 4px 6px 0; gap: 2px;
flex-wrap: wrap;
}
.wtm-fmt {
padding: 3px 12px; border: 1px solid #aaa; border-bottom: none;
border-radius: 4px 4px 0 0; background: #c0bbb3; color: #333;
cursor: pointer; font-size: 11.5px; font-family: var(--wtm-f);
white-space: nowrap;
}
.wtm-fmt.wtm-fmt-on {
background: #f0f0f0; color: #000; font-weight: 600;
border-color: #888; margin-bottom: -1px; padding-bottom: 5px;
}
.wtm-fmt:hover:not(.wtm-fmt-on) { background: #ccc; } .wtm-npp-panel { padding: 10px 10px 0; display: flex; flex-direction: column; gap: 0; }
.wtm-find-modal-panel-hidden { display: none !important; } .wtm-npp-body { display: flex; gap: 10px; align-items: flex-start; }
.wtm-npp-left { flex: 1; display: flex; flex-direction: column; gap: 5px; }
.wtm-npp-right {
display: flex; flex-direction: column; gap: 4px;
min-width: 148px; flex-shrink: 0;
} .wtm-npp-row { display: flex; align-items: center; gap: 4px; }
.wtm-npp-lbl { font-size: 12px; color: #333; min-width: 84px; text-align: right; flex-shrink: 0; }
.wtm-npp-inp {
flex: 1; height: 22px; border: 1px solid #888; border-radius: 2px;
padding: 0 5px; font-size: 12px; font-family: var(--wtm-f);
background: #fff; outline: none; min-width: 0;
}
.wtm-npp-inp:focus { border-color: var(--wtm-blue); }
.wtm-npp-arrow {
width: 18px; height: 22px; border: 1px solid #888; border-radius: 2px;
background: linear-gradient(to bottom, #fff, #e0e0e0);
cursor: pointer; font-size: 9px; padding: 0; flex-shrink: 0;
display: flex; align-items: center; justify-content: center;
}
.wtm-npp-arrow:hover { background: #d0d8f0; } .wtm-npp-checks-row { display: flex; gap: 16px; padding-left: 88px; margin-top: 2px; }
.wtm-npp-checks-col { display: flex; flex-direction: column; gap: 3px; }
.wtm-npp-rep-insel { display: flex; flex-direction: column; gap: 3px; padding-top: 4px; }
.wtm-npp-chk {
display: flex; align-items: center; gap: 5px;
font-size: 11.5px; color: #222; cursor: pointer;
user-select: none;
}
.wtm-npp-chk input { cursor: pointer; margin: 0; } .wtm-npp-mode-box {
border: 1px solid #b0b0b0; border-radius: 3px; padding: 4px 8px 5px;
margin-top: 8px; display: flex; flex-direction: column; gap: 3px;
background: #fafafa;
}
.wtm-npp-mode-lbl {
font-size: 11px; color: #555; margin-bottom: 2px; font-weight: 600;
} .wtm-npp-btn {
width: 100%; padding: 3px 10px; border: 1px solid #888; border-radius: 3px;
background: linear-gradient(to bottom, #fff, #e4e4e4); color: #222;
cursor: pointer; font-size: 12px; font-family: var(--wtm-f);
white-space: nowrap; text-align: center; line-height: 1.4;
}
.wtm-npp-btn:hover { background: linear-gradient(to bottom, #e8f0fc, #d0ddf4); border-color: #7aabde; }
.wtm-npp-btn-primary {
background: linear-gradient(to bottom, #4e93d8, #2b6fc4);
color: #fff; border-color: #1a55a0; font-weight: 600;
}
.wtm-npp-btn-primary:hover { background: linear-gradient(to bottom, #5da3e8, #3b7fd4); }
.wtm-npp-btn-wide { line-height: 1.3; }
.wtm-npp-btn-row { display: flex; gap: 4px; align-items: center; }
.wtm-npp-mark-check { display: flex; align-items: center; } .wtm-npp-transp-row {
display: flex; align-items: center; gap: 12px;
padding: 6px 10px 4px; border-top: 1px solid #ccc; margin-top: 8px;
flex-wrap: wrap;
}
.wtm-npp-transp-opts { display: flex; align-items: center; gap: 10px; }
.wtm-npp-transp-sl { width: 80px; cursor: pointer; } .wtm-npp-status {
font-size: 11px; color: #0060a0; padding: 2px 10px 6px;
min-height: 18px; font-weight: 500;
}
.wtm-npp-status.wtm-not-found { color: #c00; } .wtm-fml-count { font-size: 11.5px; color: #555; min-width: 80px; display: block; text-align: center; }
.wtm-fml-count.wtm-not-found { color: #c00; font-weight: 600; } .wtm-npp-infiles-results { max-height: 80px; overflow-y: auto; } .wtm-doc-area {
flex: 1;
overflow: auto;
display: flex;
flex-direction: column;
align-items: center;
background: #a5b5c8;
padding: 20px 40px 60px;
gap: 0;
position: relative;
}
.wtm-doc-area::-webkit-scrollbar { width: 12px; }
.wtm-doc-area::-webkit-scrollbar-track { background: #8fa0b5; }
.wtm-doc-area::-webkit-scrollbar-thumb { background: #6a7e96; border-radius: 6px; border: 2px solid #8fa0b5; }
.wtm-doc-area.wtm-overview { flex-direction:row;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-content:center;gap:14px;padding:18px 14px; } .wtm-page-wrap { position: relative; flex-shrink: 0; }
.wtm-editor-canvas.wtm-page,
.wtm-page {
background: #ffffff;
width: 794px; min-height: 1123px;
height: auto;
max-height: none;
overflow: visible; box-shadow:
0 0 0 1px rgba(100,130,170,.6),
0 2px 8px rgba(0,0,0,.20),
0 8px 28px rgba(0,0,0,.15); padding: 96px 120px;
outline: none; font-size: 11pt;
font-family: 'Calibri', 'Segoe UI', Arial, sans-serif;
font-weight: 400;
line-height: 1.15;
color: #000;
word-wrap: break-word;
overflow-wrap: break-word;
box-sizing: border-box;
position: relative;
caret-color: #000;
flex-shrink: 0;
}
.wtm-editor-canvas.wtm-page:focus,
.wtm-page:focus {
outline: none;
box-shadow:
0 0 0 1px rgba(100,130,170,.6),
0 2px 8px rgba(0,0,0,.20),
0 8px 28px rgba(0,0,0,.15);
} .wtm-page-break {
display: block;
width: calc(100% + 240px); margin-left:  -120px; margin-right: -120px; height: 16px;
padding: 0;
margin-top:    0;
margin-bottom: 0;
background: #a5b5c8;
border: none;
box-sizing: border-box;
position: relative;
user-select: none;
cursor: default;
overflow: hidden;
} .wtm-page-break::before,
.wtm-page-break::after {
display: block !important;
content: '' !important;
position: absolute;
left: 120px; right: 120px; height: 6px;
pointer-events: none;
}
.wtm-page-break::before {
top: 0;
background: linear-gradient(to bottom, rgba(0,0,0,.22) 0%, transparent 100%);
}
.wtm-page-break::after {
bottom: 0;
background: linear-gradient(to top, rgba(0,0,0,.22) 0%, transparent 100%);
} .wtm-page-break + * {
margin-top: 96px !important; }
.wtm-pb-before-break {
margin-bottom: 96px !important; } .wtm-page-break + * {
margin-top: 0 !important; }
.wtm-pb-before-break {
margin-bottom: 96px !important; } .wtm-selall .wtm-editor-canvas,
.wtm-selall .wtm-page {
outline: 2px solid #2b6bd6 !important;
box-shadow:
0 2px 4px rgba(0,0,0,.20),
0 6px 20px rgba(0,0,0,.18),
0 0 0 3px rgba(43,107,214,.4) !important;
} .wtm-page-num { position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:10pt;color:#999;pointer-events:none; } .wtm-scroll-nav { position:sticky;bottom:calc(50% - 50px);align-self:flex-end;margin-right:10px;display:flex;flex-direction:column;gap:4px;z-index:200;pointer-events:all; }
.wtm-scroll-btn { width:32px;height:32px;border-radius:50%;background:rgba(43,87,154,.82);border:none;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.25);transition:background .15s;user-select:none; }
.wtm-scroll-btn:hover  { background:rgba(43,87,154,1); }
.wtm-scroll-btn:active { background:#1e3f6f; } .wtm-minimap-btn { width:28px;height:28px;border-radius:50%;background:rgba(43,87,154,.82);border:none;color:#fff;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.25);transition:background .15s; }
.wtm-minimap-btn:hover { background:rgba(43,87,154,1); }
.wtm-minimap-panel { position:absolute;right:42px;top:0;width:130px;background:#fff;border:1px solid #bbb;border-radius:4px;box-shadow:0 4px 18px rgba(0,0,0,.22);overflow:hidden;display:none;z-index:201; }
.wtm-minimap-panel.wtm-show { display:block; }
.wtm-minimap-canvas { width:130px;display:block;cursor:pointer; }
.wtm-minimap-vp { position:absolute;left:0;right:0;background:rgba(43,87,154,.15);border-top:1px solid rgba(43,87,154,.4);border-bottom:1px solid rgba(43,87,154,.4);pointer-events:none; } .wtm-page table        { border-collapse:collapse;width:100%;margin:8px 0; }
.wtm-page td,
.wtm-page th           { border:1px solid #bbb;padding:5px 8px;min-width:40px;vertical-align:top; }
.wtm-page th           { background:#d8e6f5;font-weight:600; }
.wtm-page img          { max-width:100%;height:auto; } .wtm-page a            { color:#2b579a;text-decoration:underline;cursor:pointer; }
.wtm-page a:hover      { color:#1e3f6f; }
.wtm-page h1           { font-size:20pt;color:#2b579a;margin:0 0 10px; }
.wtm-page h2           { font-size:15pt;margin:14px 0 6px; }
.wtm-page h3           { font-size:12pt;font-weight:600;margin:10px 0 4px; }
.wtm-page h4           { font-size:11pt;font-weight:600;font-style:italic;margin:8px 0 3px; }
.wtm-page blockquote   { border-left:3px solid #a8c0e8;padding-left:16px;font-style:italic;color:#555;margin:8px 0;background:#f5f8fd;padding:4px 4px 4px 16px; }
.wtm-page pre          { background:#f4f4f4;border:1px solid #ddd;border-radius:3px;padding:10px;font-family:monospace;white-space:pre-wrap;font-size:10pt; }
.wtm-page ul,
.wtm-page ol           { padding-left:24px; }
.wtm-page li           { margin:2px 0; }
.wtm-page hr           { border:none;border-top:2px solid #ccc;margin:12px 0; }
.wtm-page .wtm-toc     { border:1px solid #d0d0d0;padding:14px 18px;margin:12px 0;background:#fafbfd;border-radius:3px; }
.wtm-page .wtm-toc a:hover { text-decoration:underline; }
.wtm-page img:hover    { outline:2px solid rgba(43,87,154,.4);cursor:pointer; } .wtm-page font         { font-weight:inherit;text-decoration:none; } .wtm-statusbar {
background: var(--wtm-blue);
height: 26px; display: flex; align-items: center;
padding: 0 12px; font-size: 11px; color: rgba(255,255,255,.9);
gap: 14px; flex-shrink: 0;
}
.wtm-sb-r { margin-left:auto;display:flex;align-items:center;gap:8px; }
.wtm-sb-sep { width:1px;height:14px;background:rgba(255,255,255,.3);flex-shrink:0; }
.wtm-zoom-sl {
-webkit-appearance:none; width:80px; height:4px;
border-radius:3px; background:rgba(255,255,255,.35);
outline:none; cursor:pointer; flex-shrink:0;
}
.wtm-zoom-sl::-webkit-slider-thumb {
-webkit-appearance:none; width:14px; height:14px;
border-radius:50%; background:#fff; cursor:pointer;
box-shadow:0 1px 4px rgba(0,0,0,.3);
}
.wtm-zoom-sl::-moz-range-thumb {
width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer;border:none;
box-shadow:0 1px 4px rgba(0,0,0,.3);
}
.wtm-sb-reset-btn {
background: rgba(255,255,255,.18); border: 1px solid rgba(255,255,255,.35);
color: #fff; border-radius: 4px; cursor: pointer;
font-size: 13px; width: 22px; height: 18px;
display: flex; align-items: center; justify-content: center;
padding: 0; line-height: 1; transition: background .1s;
flex-shrink: 0;
}
.wtm-sb-reset-btn:hover { background: rgba(255,255,255,.35); } .wtm-ctx { position:absolute;background:#fff;border:1px solid #ccc;box-shadow:0 4px 18px rgba(0,0,0,.18);border-radius:3px;padding:3px 0;z-index:9999;min-width:190px;font-size:12px;display:none;font-family:var(--wtm-f); }
.wtm-ctx.wtm-show { display:block; }
.wtm-ci { padding:5px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;color:#222; }
.wtm-ci:hover { background:rgba(43,87,154,.08);color:var(--wtm-blue); }
.wtm-cred:hover { background:rgba(180,0,0,.08)!important;color:#c00!important; }
.wtm-csep { height:1px;background:#eee;margin:3px 0; } .wtm-toast { position:absolute;bottom:40px;left:50%;transform:translateX(-50%) translateY(8px);background:rgba(20,20,20,.9);color:#fff;padding:7px 18px;border-radius:5px;font-size:12px;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;z-index:99999;white-space:nowrap;font-family:var(--wtm-f); }
.wtm-toast.wtm-show { opacity:1;transform:translateX(-50%) translateY(0); } .wtm-dlg-ov { position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:10000;display:none;align-items:center;justify-content:center; }
.wtm-dlg-ov.wtm-show { display:flex; }
.wtm-dlg { background:#fff;border-radius:4px;box-shadow:0 8px 32px rgba(0,0,0,.28);padding:22px;min-width:300px;font-family:var(--wtm-f);max-height:80vh;overflow-y:auto; }
.wtm-dlg h3 { font-size:14px;color:var(--wtm-blue);margin:0 0 14px; }
.wtm-dlg label { font-size:12px;color:#444;display:block;margin-bottom:3px; }
.wtm-dlg input[type="text"],
.wtm-dlg input[type="number"],
.wtm-dlg input[type="password"] { width:100%;border:1px solid #bbb;border-radius:3px;padding:5px 8px;font-size:12px;outline:none;margin-bottom:10px;font-family:var(--wtm-f); }
.wtm-dlg input:focus { border-color:var(--wtm-blue); }
.wtm-dlg-btns { display:flex;gap:8px;justify-content:flex-end;margin-top:6px; }
.wtm-dbtn {
padding:5px 16px;border-radius:3px;border:1px solid #bbb;
background:linear-gradient(to bottom,#fff,#ececec);
cursor:pointer;font-size:12px;font-family:var(--wtm-f);
transition:background .1s;
}
.wtm-dbtn:hover { background:linear-gradient(to bottom,#f0f5ff,#e0e8f5);border-color:#a8c0e8; }
.wtm-dp { background:linear-gradient(to bottom,var(--wtm-blue-l),var(--wtm-blue));color:#fff;border-color:var(--wtm-blue); }
.wtm-dp:hover { background:linear-gradient(to bottom,#4a7ecd,var(--wtm-blue-l))!important; } .wtm-review-panel { background:#fff;border-top:2px solid var(--wtm-blue);flex-shrink:0; }
.wtm-review-header { display:flex;align-items:center;padding:6px 12px;background:var(--wtm-ribbon);border-bottom:1px solid var(--wtm-border);font-size:12px;font-weight:600;color:var(--wtm-blue);gap:8px; }
.wtm-review-stats { display:flex;flex-wrap:wrap;gap:5px;padding:8px 12px; }
.wtm-rev-row { display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f7f9fd;border:1px solid #e4ecf7;border-radius:4px;padding:4px 12px;font-size:11.5px;min-width:190px; }
.wtm-rev-row b { color:var(--wtm-blue);font-size:13px; }
.wtm-rev-accent { background:#dce6f7;border-color:#a8c0e8; }
.wtm-rev-accent b { font-size:14px; } .wtm-dl-menu .wtm-ci { font-size:12px; } .wtm-tab.wtm-drag-over { border-left:3px solid rgba(255,255,255,.7)!important; } .wtm-ruler-wrap {
position: relative;
flex-shrink: 0;
background: #c8c8c8;
border-bottom: 2px solid #a0a8b8;
height: 26px;
overflow: visible;
user-select: none;
cursor: default;
z-index: 50;
}
.wtm-ruler-wrap canvas {
position: absolute;
top: 0; left: 0;
height: 26px;
display: block;
} .wtm-ruler-marker {
position: absolute;
top: 0;
width: 14px;
height: 26px;
display: flex;
align-items: flex-end;
justify-content: center;
padding-bottom: 1px;
font-size: 10px;
line-height: 1;
cursor: ew-resize;
z-index: 10;
color: #2b579a;
text-shadow: 0 1px 2px rgba(0,0,0,.3);
transition: color .1s;
}
.wtm-ruler-marker:hover { color: #1e3f6f; transform: scaleY(1.2); }
.wtm-ruler-marker:active { color: #c00; } .wtm-ruler-tip {
display: none;
position: absolute;
top: 30px;
background: #ffffcc;
border: 1px solid #aaa;
padding: 2px 7px;
font-size: 11px;
font-family: var(--wtm-f);
white-space: nowrap;
pointer-events: none;
z-index: 200;
border-radius: 2px;
box-shadow: 0 2px 6px rgba(0,0,0,.2);
} .wtm-resize-handle {
position:absolute;bottom:0;left:0;right:0;
height:6px;cursor:ns-resize;z-index:100;
background:linear-gradient(to bottom,transparent,rgba(43,87,154,.18));
border-top:1px solid rgba(43,87,154,.25);
transition:background .15s;
}
.wtm-resize-handle:hover {
background:linear-gradient(to bottom,transparent,rgba(43,87,154,.45));
} .wtm-resize-handle::after {
content:'· · ·';
position:absolute;left:50%;top:50%;
transform:translate(-50%,-50%);
font-size:10px;letter-spacing:3px;
color:rgba(43,87,154,.5);line-height:1;
pointer-events:none;
} [data-role="email-suggestions"] div:hover { background:#e8f0fb; } .wtm-page { -webkit-spell-checking:false; }
.wtm-page[spellcheck="true"] { -webkit-spell-checking:true; }
wtm-sp {
text-decoration: underline wavy red;
text-decoration-skip-ink: none;
display: inline;
cursor: text;
}
wtm-sp:hover { background: rgba(255,0,0,.07); border-radius:2px; } .wtm-page-num {
position: absolute;
bottom: 8px;
left: 0;
right: 0;
display: block;
text-align: center;
font-size: 10pt;
color: #888;
font-family: 'Times New Roman', serif;
pointer-events: none;
user-select: none;
margin: 0;
padding: 0;
height: auto;
line-height: 1.4; } .wtm-vruler-wrap {
position:absolute; left:0; top:0; bottom:0;
width:22px; background:#c8c8c8;
border-right:2px solid #a0a8b8;
overflow:hidden; pointer-events:none;
user-select:none; z-index:10;
flex-shrink:0;
} [data-role="stat-modal"].wtm-dlg-ov { display:flex !important; }
[data-role="stat-modal"]:not(.wtm-show) { display:none !important; }
[data-role="stat-table"] tr:hover { background:#f4f7ff !important; }
[data-role="stat-table"] td { transition:background .12s; } .wtm-emoji-modal { font-family:sans-serif; }
.wtm-emoji-btn:hover { background:#e8f0fb !important; transform:scale(1.15); transition:transform .1s; }
.wtm-emoji-search:focus { border-color:#4a90d9 !important; box-shadow:0 0 0 2px rgba(74,144,217,.2); } .wtm-editor-canvas[style*="width:1122px"] {
min-height: 794px !important;
} .wtm-reader-overlay {
position: absolute;
inset: 0;
z-index: 500;
display: none;
flex-direction: column;
overflow: hidden;
background: #f5f0eb;
font-family: Georgia, 'Times New Roman', serif;
} .wtm-reader-overlay > * { flex-shrink: 0; } .wtm-reader-overlay .wtm-reader-body { flex-shrink: 0; }
.wtm-reader-toolbar {
display: flex;
align-items: center;
gap: 6px;
padding: 8px 14px;
background: #2b579a;
color: #fff;
flex-shrink: 0;
min-height: 44px;
font-family: var(--wtm-f, sans-serif);
font-size: 13px;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
position: relative;
z-index: 2;
}
.wtm-reader-title { font-weight:600; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:300px; }
.wtm-reader-tb-btn {
background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.3);
color:#fff; border-radius:4px; cursor:pointer; padding:4px 8px;
font-size:13px; transition:background .15s;
}
.wtm-reader-tb-btn:hover { background:rgba(255,255,255,.3); }
.wtm-reader-body { flex:1; overflow-y:auto; overflow-x:hidden; display:flex; justify-content:center; align-items:flex-start; background:#fff; }
.wtm-reader-content {
max-width:680px; width:100%; padding:40px 28px;
font-size:18px; line-height:1.6; color:#1a1a1a;
font-family:Georgia,'Times New Roman',serif;
word-wrap:break-word; box-sizing:border-box;
}
.wtm-reader-content h1,.wtm-reader-content h2,.wtm-reader-content h3 {
border-bottom:1px solid #e0e0e0; padding-bottom:8px; margin-top:2em;
}
.wtm-reader-content p { margin:0 0 1em; text-indent:1.5em; }
.wtm-reader-content p:first-child { text-indent:0; }
.wtm-reader-content blockquote { border-left:3px solid #ccc; margin:1em 0; padding:0.5em 1em; color:#666; font-style:italic; }
.wtm-reader-content pre { font-family:inherit; font-style:italic; white-space:pre-wrap; margin:1em 2em; }
.wtm-reader-content .wtm-reader-book-title { font-size:2em; text-align:center; border:none; margin:0 0 0.3em; }
.wtm-reader-content .wtm-reader-author { text-align:center; color:#666; margin-bottom:2em; }
.wtm-reader-content .wtm-reader-ch { text-align:center; }
.wtm-reader-footer {
display:flex; align-items:center; justify-content:space-between;
padding:8px 20px; border-top:1px solid rgba(0,0,0,0.12);
background:rgba(255,255,255,0.97); backdrop-filter:blur(4px);
flex-shrink:0; font-family:var(--wtm-f,sans-serif);
min-height:50px; box-sizing:border-box;
box-shadow:0 -2px 8px rgba(0,0,0,0.06);
}
.wtm-reader-nav-btn {
background:#2b579a; color:#fff;
border:none; border-radius:20px;
cursor:pointer; padding:8px 22px; font-size:13px; font-weight:600;
transition:all .15s; user-select:none;
box-shadow:0 2px 6px rgba(43,87,154,0.3);
}
.wtm-reader-nav-btn:hover { background:#1a3f7a; transform:scale(1.03); }
.wtm-reader-nav-btn:active { transform:scale(0.97); } .wtm-reader-qsettings {
position:absolute; top:48px; right:10px; z-index:700;
background:#1e2d40; color:#e8edf5;
border:1px solid #3a5070; border-radius:10px;
box-shadow:0 6px 28px rgba(0,0,0,.4); display:none;
font-family:var(--wtm-f,sans-serif);
min-width:230px;
}
.wtm-reader-qsettings * { color:#e8edf5; }
.wtm-reader-qsettings label, .wtm-reader-qsettings span { color:#b0bdd0 !important; }
.wtm-reader-qsettings button { color:#e8edf5 !important; }
.wtm-reader-theme-btn {
width:32px; height:32px; border-radius:6px; cursor:pointer;
font-size:16px; display:flex; align-items:center; justify-content:center;
transition: transform .1s;
}
.wtm-reader-theme-btn:hover { transform:scale(1.15); } .wtm-reader-toc-panel, .wtm-reader-bm-panel {
position:absolute; top:48px; left:0; z-index:700;
width:270px; max-height:calc(100% - 100px);
background:#1e2d40; color:#e8edf5;
border-right:1px solid #3a5070;
box-shadow:6px 0 24px rgba(0,0,0,.35);
display:none; flex-direction:column; overflow:hidden;
font-family:var(--wtm-f,sans-serif);
border-radius:0 0 10px 0;
}
.wtm-reader-toc-header {
display:flex; align-items:center; justify-content:space-between;
padding:12px 14px; background:#162030; border-bottom:1px solid #3a5070;
font-size:13px; font-weight:700; flex-shrink:0; color:#e8edf5;
}
.wtm-reader-toc-header b { color:#e8edf5; }
.wtm-reader-toc-header button { color:#aab8cc !important; }
.wtm-reader-toc-list, .wtm-reader-bm-list {
overflow-y:auto; flex:1;
}
.wtm-reader-toc-item { color:#ccd8e8 !important; border-bottom-color:#2a3f58 !important; }
.wtm-reader-bm-item  { color:#ccd8e8 !important; border-bottom-color:#2a3f58 !important; }
.wtm-reader-toc-item:hover, .wtm-reader-bm-item:hover { background:#2a4060 !important; } .wtm-reader-autoscroll-panel {
position:absolute; bottom:55px; right:10px; z-index:700;
background:#1e2d40; color:#e8edf5;
border:1px solid #3a5070; border-radius:10px;
box-shadow:0 6px 28px rgba(0,0,0,.4);
padding:14px 16px; min-width:240px;
font-family:var(--wtm-f,sans-serif);
font-size:13px;
}
.wtm-reader-as-active { background:#1b8a1b !important; border-color:#2db82d !important; }  .wtm-reader-overlay {
position: absolute;
inset: 0;
z-index: 500;
display: none;
flex-direction: column;
font-family: Georgia,'Times New Roman',serif;
overflow: hidden;
} .wtm-reader-overlay:fullscreen,
.wtm-reader-overlay:-webkit-full-screen {
position: fixed !important;
inset: 0 !important;
z-index: 2147483647 !important;
} .wtm-reader-content {
transition: opacity 0.2s ease, transform 0.2s ease;
will-change: transform, opacity;
}
@keyframes wtmPageExitLeft {
from { opacity:1; transform: translateX(0) scale(1); }
to   { opacity:0; transform: translateX(-8%) scale(0.97); }
}
@keyframes wtmPageExitRight {
from { opacity:1; transform: translateX(0) scale(1); }
to   { opacity:0; transform: translateX(8%) scale(0.97); }
}
@keyframes wtmPageEnterRight {
from { opacity:0; transform: translateX(6%) scale(0.97); }
to   { opacity:1; transform: translateX(0) scale(1); }
}
@keyframes wtmPageEnterLeft {
from { opacity:0; transform: translateX(-6%) scale(0.97); }
to   { opacity:1; transform: translateX(0) scale(1); }
}
.wtm-page-exit-left  { animation: wtmPageExitLeft  0.2s forwards ease-in; }
.wtm-page-exit-right { animation: wtmPageExitRight 0.2s forwards ease-in; }
.wtm-page-enter-right { animation: wtmPageEnterRight 0.35s forwards ease-out; }
.wtm-page-enter-left  { animation: wtmPageEnterLeft  0.35s forwards ease-out; } .wtm-reader-toolbar {
display: flex;
align-items: center;
gap: 6px;
padding: 8px 14px;
flex-shrink: 0;
min-height: 44px;
font-family: var(--wtm-f, sans-serif);
font-size: 13px;
transition: background 0.3s;
} .wtm-reader-tab-item {
background: linear-gradient(to bottom, #fff8f0, #ffe5c8) !important;
border-color: #d4781a !important;
color: #7a3a00 !important;
font-weight: 600 !important;
}
.wtm-reader-tab-item:hover {
background: linear-gradient(to bottom, #ffe5c8, #ffd5a0) !important;
}
.wtm-reader-tab-item.wtm-active {
background: linear-gradient(to bottom, #fff3e0, #ffe0b2) !important;
border-bottom-color: #fff3e0 !important;
} .wtm-reader-tab-item .wtm-tab-x { color: #7a3a00; }   .wtm-reader-tts-panel {
position: absolute;
bottom: 60px;
right: 20px;
z-index: 10001;
border-radius: 12px;
animation: wtmPageEnterRight 0.25s ease-out;
} .wtm-reader-open-dlg {
animation: wtmFadeIn 0.2s ease-out;
}
@keyframes wtmFadeIn {
from { opacity:0; }
to   { opacity:1; }
} .wtm-reader-search-btn {
background: linear-gradient(135deg, #4f8ef7, #6c47ff);
color: #fff;
border-radius: 6px;
font-weight: 600;
} .wtm-editor-canvas a {
text-decoration: underline;
color: #2b579a;
} .wtm-editor-canvas p,
.wtm-editor-canvas li,
.wtm-editor-canvas h1,
.wtm-editor-canvas h2,
.wtm-editor-canvas h3,
.wtm-editor-canvas h4,
.wtm-editor-canvas h5,
.wtm-editor-canvas h6,
.wtm-editor-canvas div {
text-decoration: none;
}