#sub020305 { --ltm-blue-50:#eff6ff; --ltm-blue-100:#dbeafe; --ltm-blue-600:#2563eb; --ltm-blue-700:#1d4ed8; --ltm-blue-800:#1e40af; --ltm-ink:#172033; --ltm-muted:#667085; --ltm-line:#e4e9f1; --ltm-surface:#f7f9fc; padding:34px 0 70px; color:var(--ltm-ink); }
#sub020305 * { box-sizing:border-box; }
#sub020305 .ltm-sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0, 0, 0, 0); white-space:nowrap; border:0; }
#sub020305 .ltm-section-label { margin:0; color:var(--ltm-blue-600); font-size:11px; font-weight:800; letter-spacing:.13em; }
#sub020305 .ltm-folderbar { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:66px; padding:11px 14px; border:1px solid var(--ltm-line); border-bottom:0; border-radius:14px 14px 0 0; background:#fff; }
#sub020305 .ltm-folderbar-main { display:flex; min-width:0; align-items:center; gap:10px; }
#sub020305 .ltm-folderbar-icon { display:grid; place-items:center; width:36px; height:36px; flex:0 0 auto; border-radius:9px; background:var(--ltm-blue-50); color:var(--ltm-blue-600); }
#sub020305 .ltm-folderbar-icon svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.7; }
#sub020305 #selectedDirs { display:flex; min-width:0; align-items:center; gap:7px; overflow-x:auto; scrollbar-width:thin; }
#sub020305 #selectedDirs .jw-button { max-width:180px; height:34px; padding:0 12px; overflow:hidden; border:1px solid var(--ltm-line); border-radius:8px; background:#fff; color:#475467; font-size:12px; font-weight:650; text-overflow:ellipsis; white-space:nowrap; }
#sub020305 #selectedDirs .jw-button:hover { border-color:#bfdbfe; background:var(--ltm-blue-50); color:var(--ltm-blue-700); }
#sub020305 #selectedDirs .jw-button.is-active { border-color:var(--ltm-blue-600); background:var(--ltm-blue-600); color:#fff; }
#sub020305 .jw-button { appearance:none; cursor:pointer; transition:border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease; }
#sub020305 .jw-button:active { transform:translateY(1px); }
#sub020305 .jw-button:focus-visible, #sub020305 .editor-btn:focus-visible, #sub020305 .background-color:focus-visible, #sub020305 .inputFile:focus-within, #sub020305 input:focus-visible, #sub020305 select:focus-visible { outline:3px solid rgba(37, 99, 235, .16); outline-offset:2px; }
#sub020305 .ltm-btn-pick { height:36px; padding:0 14px; flex:0 0 auto; border:0; border-radius:8px; background:var(--ltm-blue-600); color:#fff; font-size:12px; font-weight:700; }
#sub020305 .ltm-btn-pick:hover { background:var(--ltm-blue-700); }
#sub020305 .ltm-scroll-check { flex:0 0 auto; color:#667085; font-size:11px; }
#sub020305 .ltm-grid { display:grid; grid-template-columns:330px minmax(0, 1fr); min-height:660px; overflow:hidden; border:1px solid var(--ltm-line); border-radius:0 0 14px 14px; background:#fff; box-shadow:0 18px 50px rgba(30, 64, 175, .07); }
#sub020305 .ltm-side { display:flex; min-width:0; height:660px; flex-direction:column; padding:28px 24px; border-right:1px solid var(--ltm-line); background:var(--ltm-surface); }
#sub020305 .ltm-side-head, #sub020305 .ltm-main-head { display:flex; align-items:center; justify-content:space-between; gap:16px; }
#sub020305 .ltm-side-head h3, #sub020305 .ltm-main-head h3 { margin:6px 0 0; font-size:20px; line-height:1.2; letter-spacing:-.04em; }
#sub020305 .ltm-side-head h3 span { display:inline-grid; min-width:21px; height:21px; place-items:center; margin-left:4px; border-radius:6px; background:var(--ltm-blue-100); color:var(--ltm-blue-700); font-size:10px; vertical-align:2px; }
#sub020305 .ltm-btn-icon { display:grid; width:36px; height:36px; padding:0; place-items:center; flex:0 0 auto; border:1px solid var(--ltm-line); border-radius:8px; background:#fff; color:#667085; }
#sub020305 .ltm-btn-icon:hover { border-color:#bfdbfe; background:var(--ltm-blue-50); color:var(--ltm-blue-700); }
#sub020305 .ltm-btn-icon svg { width:17px; height:17px; }
#sub020305 .ltm-btn-dir-delete:hover, #sub020305 .ltm-btn-file-delete:hover { border-color:#fecdd3; background:#fff1f2; color:#be123c; }
#sub020305 .ltm-hint { min-height:18px; margin:12px 0 0; overflow:hidden; color:var(--ltm-muted); font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
#sub020305 .ltm-field { display:grid; grid-template-columns:minmax(0, 1fr) auto auto; gap:7px; margin-top:18px; }
#sub020305 .ltm-name-input { position:relative; min-width:0; }
#sub020305 .ltm-name-input svg { position:absolute; top:50%; left:12px; width:17px; height:17px; color:#98a2b3; transform:translateY(-50%); }
#sub020305 #txtName { width:100%; height:40px; padding:0 10px 0 37px; border:1px solid #d7dee9; border-radius:8px; outline:0; background:#fff; color:var(--ltm-ink); font-size:12px; }
#sub020305 #txtName::placeholder { color:#a4acb9; }
#sub020305 #txtName:focus { border-color:var(--ltm-blue-600); box-shadow:0 0 0 3px rgba(37, 99, 235, .1); }
#sub020305 .ltm-btn-new { height:40px; padding:0 12px; border:1px solid var(--ltm-blue-100); border-radius:8px; background:var(--ltm-blue-50); color:var(--ltm-blue-700); font-size:11px; font-weight:700; }
#sub020305 .ltm-btn-new:hover { border-color:#bfdbfe; background:var(--ltm-blue-100); }
#sub020305 .ltm-field .ltm-btn-icon { width:40px; height:40px; }
#sub020305 .ltm-msg { min-height:20px; margin:9px 2px 0; color:var(--ltm-muted); font-size:11px; line-height:1.5; }
#sub020305 .ltm-msg.is-ok { color:var(--ltm-blue-700); }
#sub020305 .ltm-msg.is-bad { color:#c2414d; }
#sub020305 .ltm-list { position:relative; min-height:0; flex:1; margin-top:8px; overflow:auto; border:1px solid var(--ltm-line); border-radius:10px; background:#fff; scrollbar-color:#cbd5e1 transparent; scrollbar-width:thin; }
#sub020305 #fileList { display:flex; flex-direction:column; gap:5px; margin:0; padding:8px; list-style:none; }
#sub020305 #fileList li { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:43px; padding:9px 10px; border:1px solid transparent; border-radius:8px; cursor:pointer; transition:border-color .18s ease, background-color .18s ease; }
#sub020305 #fileList li:hover { border-color:var(--ltm-blue-100); background:var(--ltm-blue-50); }
#sub020305 #fileList li.is-active { border-color:#bfdbfe; background:var(--ltm-blue-100); }
#sub020305 #fileList .name { overflow:hidden; color:var(--ltm-ink); font-size:12px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
#sub020305 #fileList .meta { flex:0 0 auto; color:var(--ltm-muted); font-size:9px; font-variant-numeric:tabular-nums; }
#sub020305 .ltm-empty { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; flex-direction:column; padding:24px; color:#98a2b3; text-align:center; pointer-events:none; }
#sub020305 .ltm-empty-ico { display:grid; width:58px; height:58px; place-items:center; border-radius:50%; background:var(--ltm-blue-50); color:#7aa6f8; }
#sub020305 .ltm-empty-ico svg { width:27px; height:27px; }
#sub020305 .ltm-empty strong { margin-top:15px; color:#667085; font-size:12px; }
#sub020305 .ltm-empty p { margin:5px 0 0; font-size:9px; line-height:1.5; }
#sub020305 .ltm-main { display:flex; min-width:0; height:660px; flex-direction:column; padding:28px 30px 22px; background:#fff; }
#sub020305 .ltm-main-head { min-height:50px; margin-bottom:18px; }
#sub020305 .ltm-main-tools { display:flex; align-items:center; gap:10px; }
#sub020305 #ltmFileDate { color:var(--ltm-muted); font-size:10px; font-variant-numeric:tabular-nums; }
#sub020305 .jw-editor { position:relative; display:flex; min-height:0; flex:1; flex-direction:column; overflow:visible; border:1px solid #dce3ed; border-radius:10px; background:#fff; transition:border-color .18s ease, box-shadow .18s ease; }
#sub020305 .jw-editor.on { border-color:var(--ltm-blue-600); box-shadow:0 0 0 3px rgba(37, 99, 235, .1); }
#sub020305 .custom-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:7px; min-height:54px; padding:9px 11px; border-bottom:1px solid var(--ltm-line); border-radius:10px 10px 0 0; background:var(--ltm-surface); }
#sub020305 .custom-toolbar .group { display:flex; align-items:center; gap:3px; padding-right:8px; border-right:1px solid #dfe5ed; }
#sub020305 .custom-toolbar .group:last-child { padding-right:0; border-right:0; }
#sub020305 .editor-btn, #sub020305 .background-color { position:relative; display:grid; width:30px; height:30px; padding:0; place-items:center; border:1px solid transparent; border-radius:6px; background:transparent; color:#344054; cursor:pointer; transition:border-color .16s ease, background-color .16s ease, color .16s ease; }
#sub020305 .editor-btn:hover, #sub020305 .background-color:hover, #sub020305 .editor-btn.ql-active { border-color:#cbdcfb; background:var(--ltm-blue-50); color:var(--ltm-blue-700); }
#sub020305 .editor-btn img { width:15px; height:15px; opacity:.72; }
#sub020305 .editor-btn:hover img, #sub020305 .editor-btn.ql-active img { opacity:1; }
#sub020305 .font-color { font-size:14px; font-weight:750; }
#sub020305 .background-color { width:22px; height:22px; margin:0 4px; border:3px solid #fff; border-radius:5px; background:#111827; box-shadow:0 0 0 1px #cfd7e3; }
#sub020305 .fontSize { height:30px; padding:0 25px 0 9px; border:1px solid #d7dee9; border-radius:6px; outline:0; background:#fff; color:#475467; font-size:11px; }
#sub020305 .ltm-html-btn { width:42px; font-size:9px; font-weight:800; letter-spacing:.04em; }
#sub020305 .inputFile { position:relative; display:inline-flex; height:30px; align-items:center; padding:0 10px; border:1px solid #d7dee9; border-radius:6px; background:#fff; color:#475467; font-size:10px; font-weight:650; cursor:pointer; transition:border-color .16s ease, background-color .16s ease, color .16s ease; }
#sub020305 .inputFile:hover { border-color:#bfdbfe; background:var(--ltm-blue-50); color:var(--ltm-blue-700); }
#sub020305 .inputFile input { position:absolute; width:1px; height:1px; overflow:hidden; opacity:0; }
#sub020305 .inputFile .progress { position:absolute; right:0; bottom:0; left:0; height:2px; overflow:hidden; border-radius:0 0 6px 6px; }
#sub020305 .jweditor, #sub020305 .ql-container { min-height:0; flex:1; }
#sub020305 .ql-container.ql-snow { border:0; border-radius:0 0 10px 10px; color:var(--ltm-ink); font-family:inherit; font-size:14px; }
#sub020305 .ql-editor { min-height:100%; padding:24px 26px; overflow-y:auto; line-height:1.75; scrollbar-color:#cbd5e1 transparent; scrollbar-width:thin; }
#sub020305 .ql-editor:focus { background:#fff; }
#sub020305 .ql-editor img { max-width:100%; height:auto; }
#sub020305 .colorBox { position:absolute; top:34px; left:0; z-index:5; display:grid; width:142px; grid-template-columns:repeat(6, 1fr); gap:5px; padding:10px; border:1px solid var(--ltm-line); border-radius:9px; background:#fff; box-shadow:0 14px 34px rgba(30, 64, 175, .14); }
#sub020305 .colorBox button { width:15px; height:15px; padding:0; border:1px solid rgba(15, 23, 42, .16); border-radius:3px; cursor:pointer; }
#sub020305 .ltm-editor-foot { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:16px; }
#sub020305 .ltm-stats { display:flex; align-items:center; gap:15px; color:var(--ltm-muted); font-size:11px; }
#sub020305 .ltm-stats span { display:inline-flex; align-items:center; gap:4px; }
#sub020305 .ltm-stats b { color:var(--ltm-ink); font-weight:750; font-variant-numeric:tabular-nums; }
#sub020305 .ltm-btn-save { height:42px; padding:0 22px; border:0; border-radius:8px; background:var(--ltm-blue-600); color:#fff; font-size:12px; font-weight:750; }
#sub020305 .ltm-btn-save:hover { background:var(--ltm-blue-700); }
#sub020305 .ltm-ico { display:block; width:16px; height:16px; }
#sub020305 .ltm-browser-note { display:flex; align-items:center; gap:7px; margin:13px 2px 0; color:var(--ltm-muted); font-size:10px; }
#sub020305 .ltm-browser-note svg { width:15px; height:15px; color:var(--ltm-blue-600); }
#sub020305 ::-webkit-scrollbar { width:8px; height:8px; }
#sub020305 ::-webkit-scrollbar-track { background:transparent; }
#sub020305 ::-webkit-scrollbar-thumb { border:2px solid transparent; border-radius:8px; background:#cbd5e1; background-clip:padding-box; }
body.is-scroll-lock { overflow:hidden; }

@media (max-width:980px) {
	#sub020305 .ltm-grid { grid-template-columns:1fr; }
	#sub020305 .ltm-side { height:430px; border-right:0; border-bottom:1px solid var(--ltm-line); }
	#sub020305 .ltm-main { height:650px; }
}

@media (max-width:768px) {
	#sub020305 { padding:22px 0 48px; }
	#sub020305 .ltm-folderbar { align-items:flex-start; flex-direction:column; border-radius:11px 11px 0 0; }
	#sub020305 .ltm-folderbar-main { width:100%; flex-wrap:wrap; }
	#sub020305 #selectedDirs { max-width:calc(100% - 46px); }
	#sub020305 .ltm-scroll-check { align-self:flex-end; }
	#sub020305 .ltm-grid { border-radius:0 0 11px 11px; }
	#sub020305 .ltm-side, #sub020305 .ltm-main { padding:24px 20px; }
	#sub020305 .custom-toolbar { align-items:flex-start; }
}

@media (max-width:520px) {
	#sub020305 .ltm-folderbar-icon { display:none; }
	#sub020305 #selectedDirs { max-width:100%; width:100%; }
	#sub020305 .ltm-btn-pick { width:100%; }
	#sub020305 .ltm-field { grid-template-columns:minmax(0, 1fr) auto; }
	#sub020305 .ltm-field .ltm-btn-icon { grid-column:2; }
	#sub020305 .ltm-main { height:680px; }
	#sub020305 .ltm-main-head { align-items:flex-start; }
	#sub020305 #ltmFileDate { display:none; }
	#sub020305 .ql-editor { padding:19px 17px; }
	#sub020305 .ltm-editor-foot { align-items:stretch; flex-direction:column; }
	#sub020305 .ltm-btn-save { width:100%; }
}