:root[data-shell=desktop]{--font-sans: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display: "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--bg-app: #1b1c21;--bg-white: #24252c;--bg-card: #24252c;--bg-card-hover: #2a2b33;--color-primary: #e8e9ec;--color-secondary: #b7bac3;--color-muted: #a3a8b3;--color-muted-decor: #8f95a3;--accent-coral: #e5484d;--accent-coral-hover: #ef5a5f;--accent-coral-light: rgba(229, 72, 77, .14);--accent-coral-vivid: #f2555a;--accent-coral-text: #ff8a8e;--accent-coral-solid: #c9393f;--accent-coral-solid-hover: #d4444a;--border-card: #34363f;--border-focus: #e5484d;--focus-ring: #e8e9ec;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .35);--shadow-md: 0 4px 8px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 24px -6px rgba(0, 0, 0, .5);--shadow-hover: 0 12px 24px -6px rgba(0, 0, 0, .55)}:root[data-shell=desktop] .navbar{background-color:#191a1e;box-shadow:none}:root[data-shell=desktop] ::-webkit-scrollbar{width:10px;height:10px}:root[data-shell=desktop] ::-webkit-scrollbar-thumb{background:#3a3d46;border-radius:5px;border:2px solid var(--bg-app)}:root[data-shell=desktop] ::-webkit-scrollbar-thumb:hover{background:#4a4d57}:root[data-shell=desktop] ::-webkit-scrollbar-track{background:transparent}.dt-home{display:flex;flex-direction:column;flex-grow:1;min-height:0}.dt-body{display:flex;flex:1;min-height:0}.dt-side{width:216px;flex:none;background:#1f20268c;border-right:1px solid var(--border-card);padding:14px 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.dt-side-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:0;border-radius:7px;background:none;color:var(--color-secondary);font-family:inherit;font-size:.85rem;font-weight:500;text-align:left;cursor:pointer}.dt-side-item:hover{background:#2a2b33;color:var(--color-primary)}.dt-side-item.active{background:#2c2d35;color:var(--color-primary);box-shadow:inset 2px 0 0 var(--accent-coral)}.dt-side-item svg{flex:none}.dt-side-label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--color-muted-decor);padding:14px 12px 4px}.dt-main{flex:1;min-width:0;overflow-y:auto;padding:24px 30px 36px;display:flex;flex-direction:column;gap:20px}.dt-cards{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:14px}.dt-card{background:var(--bg-white);border:1px solid var(--border-card);border-radius:10px;padding:16px 18px;min-width:0}.dt-card>h2{font-size:.95rem;font-weight:650;color:var(--color-primary);margin-bottom:10px}.dt-reco-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px}.dt-reco{display:flex;gap:12px;align-items:flex-start;padding:9px 10px;border:0;border-radius:8px;background:none;font-family:inherit;text-align:left;cursor:pointer;min-width:0}.dt-reco:hover{background:var(--bg-card-hover)}.dt-reco-icon{width:34px;height:34px;flex:none;border-radius:8px;display:grid;place-items:center;background:var(--accent-coral-light);color:var(--accent-coral)}.dt-reco b{display:block;font-size:.85rem;font-weight:600;color:var(--color-primary)}.dt-row-text{display:flex;flex-direction:column;min-width:0}.dt-row-desc{margin-top:2px;font-size:.75rem;line-height:1.45;color:var(--color-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dt-open-drop{border:1.5px dashed #4a4d57;border-radius:8px;padding:18px 14px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:var(--color-muted);font-size:.78rem;line-height:1.45}.dt-open-drop.drag-over{border-color:var(--accent-coral);background:var(--accent-coral-light)}.dt-btn{background:var(--accent-coral-solid);color:#fff;border:0;border-radius:7px;padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer}.dt-btn:hover{background:var(--accent-coral-solid-hover)}.dt-local{display:flex;gap:9px;align-items:flex-start;margin-top:12px;font-size:.76rem;line-height:1.5;color:var(--color-muted)}.dt-local svg{flex:none;color:#4cb05e;margin-top:1px}.dt-recent{border:1px solid var(--border-card);border-radius:10px;overflow:hidden;background:var(--bg-white)}.dt-recent table{width:100%;border-collapse:collapse;font-size:.85rem}.dt-recent th{text-align:left;padding:9px 16px;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--color-muted-decor);border-bottom:1px solid var(--border-card);background:#212228}.dt-recent td{padding:10px 16px;border-bottom:1px solid #2b2d34;color:var(--color-secondary)}.dt-recent tbody tr:last-child td{border-bottom:0}.dt-recent tbody tr:hover td{background:var(--bg-card-hover)}.dt-recent .dt-file svg{flex:none;color:var(--accent-coral)}.dt-recent .dt-meta{color:var(--color-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.dt-row-open{display:flex;align-items:center;gap:10px;width:100%;min-width:0;padding:0;border:0;background:none;font:inherit;font-weight:550;color:var(--color-primary);cursor:pointer;text-align:left}.dt-row-open:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:4px}.dt-row-name{min-width:0}.dt-orig{display:block;font-size:.72rem;font-weight:400;color:var(--color-muted)}.dt-recent th.dt-actions,.dt-recent td.dt-actions{width:1%;text-align:right;padding-block:6px}.dt-rename{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:0;border-radius:6px;background:none;color:var(--color-muted);cursor:pointer;opacity:0}.dt-recent tbody tr:hover .dt-rename,.dt-recent tbody tr:focus-within .dt-rename,.dt-recent-card:hover .dt-rename,.dt-recent-card:focus-within .dt-rename,.dt-rename:focus-visible{opacity:1}.dt-rename:hover{background:var(--bg-card-hover);color:var(--color-primary)}.dt-rename:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.dt-rename-form{display:flex;align-items:center;gap:6px;width:100%;min-width:0}.dt-rename-input{flex:1;min-width:0;padding:6px 9px;font:inherit;font-size:.85rem;color:var(--color-primary);background:var(--bg-card-hover);border:1px solid var(--border-card);border-radius:6px}.dt-rename-input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.dt-rename-act{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:none;border:0;border-radius:6px;background:none;color:var(--color-muted);cursor:pointer}.dt-rename-act:hover{background:var(--bg-card-hover);color:var(--color-primary)}.dt-rename-act:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.dt-empty{padding:26px;text-align:center;color:var(--color-muted);font-size:.85rem}.dt-tool-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px}.dt-tool-row{display:flex;gap:13px;align-items:flex-start;padding:16px 18px;min-width:0;background:var(--bg-white);border:1px solid var(--border-card);border-radius:9px;font-family:inherit;text-align:left;cursor:pointer;color:var(--color-secondary)}.dt-tool-row:hover{border-color:#4a4d57;background:var(--bg-card-hover)}.dt-tool-row b{display:block;font-size:.9rem;font-weight:600;color:var(--color-primary);margin-bottom:3px}.dt-tool-row .dt-row-desc{display:block;-webkit-line-clamp:unset;overflow:visible;font-size:.8rem;line-height:1.5}.dt-statusbar{height:27px;flex:none;display:flex;align-items:center;gap:18px;padding:0 14px;background:#191a1e8c;border-top:1px solid var(--border-card);font-size:.72rem;color:var(--color-muted-decor);font-variant-numeric:tabular-nums}.dt-statusbar .dt-ok{color:#4cb05e;display:flex;align-items:center;gap:5px}.dt-statusbar .dt-right{margin-left:auto;display:flex;gap:18px}:root[data-shell=desktop],:root[data-shell=desktop] body{background:#1b1c21d1}.dt-topbar{height:44px;flex:none;display:flex;align-items:center;gap:4px;background:#191a1e8c;border-bottom:1px solid var(--border-card);padding:0 0 0 10px;position:sticky;top:0;z-index:100}.dt-wincontrols{display:flex;align-items:stretch;align-self:stretch;margin-left:6px;flex:none}.dt-wc{width:46px;display:grid;place-items:center;border:0;background:none;color:var(--color-secondary);cursor:pointer;padding:0}.dt-wc:hover{background:#ffffff14;color:var(--color-primary)}.dt-wc:active{background:#ffffff0d}.dt-wc-close:hover{background:#c42b1c;color:#fff}.dt-wc-close:active{background:#b12a1b;color:#fff}.dt-wc:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-3px}.dt-top-logo{display:flex;align-items:center;gap:8px;background:none;border:0;cursor:pointer;padding:5px 8px;border-radius:6px;font-family:inherit}.dt-top-logo:hover{background:#24252c}.dt-top-mark{width:20px;height:20px;border-radius:5px;background:#c81e24;color:#fff;font-weight:800;font-size:12px;display:grid;place-items:center}.dt-top-name{font-size:.85rem;font-weight:500;color:var(--color-primary)}.dt-top-name b{font-weight:700}.dt-top-btn{display:flex;align-items:center;gap:7px;padding:6px 10px;border:0;border-radius:6px;background:none;cursor:pointer;color:var(--color-secondary);font-family:inherit;font-size:.82rem;font-weight:500;text-decoration:none}.dt-top-btn:hover{background:#24252c;color:var(--color-primary)}.dt-top-icon{padding:6px 8px}.dt-top-create{border:1px solid #4a4d57;border-radius:7px;padding:5px 12px 5px 9px;color:var(--color-primary)}.dt-top-create:hover{border-color:#5d616c}.dt-menu-wrap{position:relative}.dt-menu-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:300;min-width:220px;padding:5px;background:#26272e;border:1px solid var(--border-card);border-radius:9px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:1px}.dt-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:6px;background:none;color:var(--color-secondary);font-family:inherit;font-size:.84rem;text-align:left;cursor:pointer;text-decoration:none}.dt-menu-item:hover{background:#2f313a;color:var(--color-primary)}.dt-menu-sep{height:1px;background:var(--border-card);margin:4px 6px}.dt-search{margin-left:auto;display:flex;align-items:center;gap:7px;background:#24252c;border:1px solid var(--border-card);border-radius:7px;padding:5px 10px;width:min(250px,30vw);color:var(--color-muted-decor)}.dt-search:focus-within{border-color:#5d616c}.dt-search input{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--color-primary);font-family:inherit;font-size:.82rem}.dt-search input::placeholder{color:var(--color-muted-decor)}.dt-lang{background:#24252c;border:1px solid var(--border-card);border-radius:6px;color:var(--color-secondary);font-family:inherit;font-size:.78rem;padding:5px 6px;cursor:pointer}.dt-recent-head{display:flex;align-items:center;gap:8px;padding:0 2px 8px}.dt-recent-actions{margin-left:auto;display:flex;align-items:center;gap:4px}.dt-toggle{display:grid;place-items:center;width:28px;height:26px;border:0;border-radius:6px;background:none;cursor:pointer;color:var(--color-muted-decor)}.dt-toggle:hover{background:var(--bg-card-hover);color:var(--color-primary)}.dt-toggle.on{background:var(--bg-white);color:var(--accent-coral-text);border:1px solid var(--border-card)}.dt-clear{display:flex;align-items:center;gap:6px;margin-left:8px;border:0;border-radius:6px;background:none;cursor:pointer;color:var(--color-muted-decor);font-family:inherit;font-size:.74rem;font-weight:500;padding:5px 8px}.dt-clear:hover{background:var(--bg-card-hover);color:var(--accent-coral-text)}.dt-recent-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.dt-recent-card{position:relative;display:flex;min-width:0;background:var(--bg-white);border:1px solid var(--border-card);border-radius:9px}.dt-recent-card:hover{border-color:#4a4d57;background:var(--bg-card-hover)}.dt-card-open{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;min-width:0;padding:14px;border:0;border-radius:9px;background:none;cursor:pointer;font-family:inherit;text-align:left;color:var(--accent-coral)}.dt-card-open:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.dt-recent-card b{font-size:.82rem;font-weight:600;color:var(--color-primary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-card-open span{font-size:.72rem;color:var(--color-muted);font-variant-numeric:tabular-nums}.dt-recent-card>.dt-rename{position:absolute;top:8px;right:8px;background:var(--bg-white)}.dt-recent-card .dt-rename-form{padding:14px}.dt-reco-use{display:inline-block;margin-top:6px;font-size:.76rem;font-weight:600;color:var(--accent-coral-text)}.dt-reco:hover .dt-reco-use{text-decoration:underline}.dt-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#0a0b0e99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:1.5rem}.dt-modal{position:relative;width:100%;max-width:430px;background:var(--bg-white);border:1px solid var(--border-card);border-radius:12px;box-shadow:var(--shadow-lg);padding:26px 26px 22px;display:flex;flex-direction:column;gap:12px}.dt-modal-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:7px;background:none;color:var(--color-muted);cursor:pointer}.dt-modal-close:hover{background:var(--bg-card-hover);color:var(--color-primary)}.dt-modal-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:var(--accent-coral-light);color:var(--accent-coral)}.dt-modal-title{font-size:1.05rem;font-weight:650;color:var(--color-primary)}.dt-modal-text{font-size:.85rem;line-height:1.55;color:var(--color-secondary)}.dt-modal-form{display:flex;flex-direction:column;gap:7px;margin-top:4px}.dt-modal-label{font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-muted-decor)}.dt-modal-input{background:var(--bg-app);border:1px solid var(--border-card);border-radius:7px;padding:10px 12px;font-family:inherit;font-size:.85rem;color:var(--color-primary);letter-spacing:.02em}.dt-modal-input:focus{outline:none;border-color:var(--accent-coral)}.dt-modal-input::placeholder{color:var(--color-muted-decor)}.dt-modal-error{font-size:.78rem;color:var(--accent-coral);font-weight:500}.dt-modal-primary{margin-top:4px;background:var(--accent-coral);color:#fff;border:0;border-radius:7px;padding:10px 16px;font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer}.dt-modal-primary:hover:not(:disabled){background:var(--accent-coral-hover)}.dt-modal-primary:disabled{opacity:.5;cursor:not-allowed}.dt-modal-secondary{background:var(--bg-app);color:var(--color-secondary);border:1px solid var(--border-card);border-radius:7px;padding:9px 16px;font-family:inherit;font-size:.82rem;font-weight:600;cursor:pointer}.dt-modal-secondary:hover{border-color:var(--accent-coral);color:var(--accent-coral)}.dt-modal-hint{font-size:.75rem;line-height:1.5;color:var(--color-muted)}.dt-modal-link{color:var(--accent-coral);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:3px}.dt-modal-link:hover{text-decoration:underline}.dt-license-btn{display:flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid var(--border-card);border-radius:7px;background:var(--bg-white);color:var(--color-secondary);font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap}.dt-license-btn:hover{border-color:#5d616c;color:var(--color-primary)}.dt-license-btn.active{color:#4cb05e;border-color:#4cb05e66}.dt-license-btn svg{flex:none}@media (max-width: 900px){.dt-cards{grid-template-columns:1fr}.dt-side{width:176px}.dt-search{width:160px}.dt-top-name{display:none}}.dt-apuri-chip{color:#4cb05e}.dt-apuri-chip:hover{border-color:#4cb05e80;color:#5ec972}.dt-apuri-chip svg{color:inherit}.dt-mm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:950;background:#0a0b0e9e;display:flex;align-items:flex-start;justify-content:center;padding:9vh 16px 16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dt-mm{width:min(640px,100%);max-height:80vh;overflow:auto;background:#1e1f24;border:1px solid #2c3038;border-radius:12px;padding:16px 18px 18px;color:#e5e7ec;box-shadow:0 30px 70px -20px #000000bf}.dt-mm-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.dt-mm-title{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.98rem}.dt-mm-title svg{color:#4cb05e}.dt-mm-x{background:none;border:1px solid transparent;border-radius:6px;color:#9aa0ab;cursor:pointer;padding:5px;display:inline-flex}.dt-mm-x:hover{color:#e5e7ec;border-color:#2c3038}.dt-mm-local{display:flex;gap:8px;align-items:flex-start;font-size:.82rem;color:#b7ddc0;background:#4cb05e14;border:1px solid rgba(76,176,94,.25);border-radius:8px;padding:8px 10px;margin:0 0 8px}.dt-mm-local svg{flex:none;margin-top:2px}.dt-mm-endpoint{font-size:.72rem;color:#8b90a0;margin:0 0 12px;overflow-wrap:anywhere}.dt-mm-endpoint code{color:#aab0bf}.dt-mm-note{font-size:.85rem;color:#aab0bf;margin:12px 0}.dt-mm-warn{color:#f0b26b;display:inline-flex;gap:6px;align-items:center}.dt-mm-ok{color:#6fcf8a}.dt-mm-list{display:flex;flex-direction:column;gap:10px}.dt-mm-row{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;background:#24252c;border:1px solid #2c3038;border-radius:10px;padding:12px 14px}.dt-mm-row-main{display:flex;flex-direction:column;gap:4px;min-width:0}.dt-mm-row-main b{font-size:.9rem}.dt-mm-meta{font-size:.75rem;color:#8b90a0}.dt-mm-license{color:inherit;text-decoration:underline}.dt-mm-license:hover,.dt-mm-license:focus-visible{color:#c9cede}.dt-mm-badge{align-self:flex-start;font-size:.7rem;font-weight:700;color:#6fcf8a;background:#4cb05e1f;border:1px solid rgba(76,176,94,.3);padding:2px 8px;border-radius:999px;margin-top:2px}.dt-mm-hw{font-size:.75rem;color:#c8cdd8;margin-top:2px}.dt-mm-overridden{color:#f0b26b}.dt-mm-linkbtn{background:none;border:none;color:#7db4ff;cursor:pointer;font:inherit;font-size:.75rem;padding:0;margin-left:8px;text-decoration:underline}.dt-mm-prog{position:relative;display:block;height:18px;margin-top:6px;min-width:240px;background:#1a1b20;border:1px solid #2c3038;border-radius:999px;overflow:hidden}.dt-mm-prog i{position:absolute;inset:0 auto 0 0;background:#3f6f4a;display:block}.dt-mm-prog em{position:relative;z-index:1;font-style:normal;font-size:.68rem;color:#d7dbe4;display:flex;align-items:center;justify-content:center;height:100%}.dt-mm-row-actions{display:flex;flex-direction:column;gap:6px;flex:none}.dt-mm-btn{display:inline-flex;align-items:center;gap:6px;justify-content:center;background:#2a2b32;border:1px solid #3a3d46;border-radius:7px;color:#d7dbe4;font-family:inherit;font-size:.76rem;font-weight:600;padding:6px 10px;cursor:pointer;white-space:nowrap}.dt-mm-btn:hover{border-color:#565b66}.dt-mm-btn:disabled{opacity:.45;cursor:not-allowed}.dt-mm-primary{background:#b91c1c;border-color:#b91c1c;color:#fff}.dt-mm-primary:hover{background:#c93030}.dt-mm-primary:disabled:hover{background:#b91c1c}@media (max-width: 620px){.dt-mm-row{flex-direction:column}.dt-mm-row-actions{flex-direction:row;flex-wrap:wrap}}.reader-container{display:flex;flex-direction:column;flex:1 1 0;min-height:320px;outline:none}.reader{flex:1;display:flex;flex-direction:column;min-height:0;background-color:var(--bg-app)}.reader-toolbar{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;padding:.45rem .75rem;background-color:var(--bg-white);border-bottom:1px solid var(--border-card)}.reader-tbtn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid transparent;border-radius:8px;background:none;color:var(--color-secondary);cursor:pointer}.reader-tbtn:hover:not(:disabled){background-color:var(--accent-coral-light);color:var(--color-primary)}.reader-tbtn.active{background-color:var(--accent-coral-light);border-color:var(--border-focus);color:var(--accent-coral)}.reader-tbtn:disabled{opacity:.45;cursor:default}.reader-filename{font-size:.85rem;font-weight:600;color:var(--color-primary);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:.5rem}.reader-tgroup{display:flex;align-items:center;gap:.25rem}.reader-tgroup-end{margin-left:auto}.reader-page-input{width:3.2rem;min-height:32px;text-align:center;font-size:.85rem;border:1px solid var(--border-card);border-radius:6px;background-color:var(--bg-white);color:var(--color-primary)}.reader-page-total{font-size:.85rem;color:var(--color-secondary);white-space:nowrap}.reader-zoom-value{font-size:.82rem;color:var(--color-secondary);min-width:3.4rem;text-align:center;font-variant-numeric:tabular-nums}.reader-print-progress{font-size:.8rem;color:var(--color-secondary);white-space:nowrap}.reader-searchbar{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background-color:var(--bg-white);border-bottom:1px solid var(--border-card)}.reader-search-input{flex:0 1 320px;min-height:34px;padding:0 .6rem;font-size:.9rem;border:1px solid var(--border-card);border-radius:6px;background-color:var(--bg-white);color:var(--color-primary)}.reader-search-count{font-size:.82rem;color:var(--color-secondary)}.reader-body{flex:1;display:flex;min-height:0;position:relative}.reader-sidebar{width:232px;flex-shrink:0;display:flex;flex-direction:column;min-height:0;background-color:var(--bg-white);border-right:1px solid var(--border-card)}.reader-tabs{display:flex;border-bottom:1px solid var(--border-card)}.reader-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:.5rem .25rem;font-size:.68rem;font-weight:600;border:none;border-bottom:2px solid transparent;background:none;color:var(--color-secondary);cursor:pointer}.reader-tab.active{color:var(--accent-coral);border-bottom-color:var(--accent-coral)}.reader-panel{flex:1;overflow-y:auto;padding:.6rem;display:flex;flex-direction:column;gap:.5rem}.reader-panel[hidden]{display:none}.reader-panel-empty,.reader-panel-hint{font-size:.8rem;color:var(--color-secondary);line-height:1.45;margin:.25rem .15rem}.reader-thumb{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.4rem;border:1px solid transparent;border-radius:8px;background:none;cursor:pointer}.reader-thumb:hover{background-color:var(--bg-card-hover)}.reader-thumb.current{border-color:var(--accent-coral);background-color:var(--accent-coral-light)}.reader-thumb-frame{display:block;width:120px;background-color:#fff;border:1px solid var(--border-card);box-shadow:var(--shadow-sm)}.reader-thumb-frame img{display:block;width:100%;height:100%}.reader-thumb-num{font-size:.72rem;color:var(--color-secondary)}.reader-outline-item{display:block;width:100%;text-align:left;padding:.4rem .75rem;font-size:.82rem;line-height:1.35;border:none;border-radius:6px;background:none;color:var(--color-primary);cursor:pointer}.reader-outline-item:hover{background-color:var(--accent-coral-light)}.reader-tool-item{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;padding:.45rem .5rem;font-size:.82rem;font-weight:600;border:1px solid var(--border-card);border-radius:8px;background-color:var(--bg-white);color:var(--color-primary);cursor:pointer}.reader-tool-item:hover{border-color:var(--border-focus);background-color:var(--accent-coral-light)}@media (max-width: 760px){.reader-sidebar{position:absolute;top:0;left:0;bottom:0;z-index:30;box-shadow:var(--shadow-lg)}}.reader-scroll{flex:1;overflow:auto;min-height:0}.reader-pages{display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px 16px 48px}.reader-page{position:relative;background-color:#fff;box-shadow:var(--shadow-md);--scale-round-x: 1px;--scale-round-y: 1px}.reader-page>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-user-select:none;user-select:none;pointer-events:none}.reader-status{margin:3rem auto;max-width:420px;text-align:center;font-size:.95rem;color:var(--color-secondary);padding:0 1rem}.reader-status-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}.reader-btn-muted{background-color:#475569;box-shadow:none}.reader-page .textLayer{color-scheme:only light;position:absolute;text-align:initial;top:0;right:0;bottom:0;left:0;overflow:clip;opacity:1;line-height:1;letter-spacing:normal;word-spacing:normal;-webkit-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;caret-color:CanvasText;z-index:2;--min-font-size: 1;--text-scale-factor: calc(var(--total-scale-factor) * var(--min-font-size));--min-font-size-inv: calc(1 / var(--min-font-size))}.reader-page .textLayer span,.reader-page .textLayer br{color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0% 0%;-webkit-user-select:text;user-select:text}.reader-page .textLayer>:not(.markedContent),.reader-page .textLayer .markedContent span:not(.markedContent){z-index:1;--font-height: 0;font-size:calc(var(--text-scale-factor) * var(--font-height));--scale-x: 1;--rotate: 0deg;transform:rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv))}.reader-page .textLayer .markedContent{display:contents}.reader-page .textLayer span[role=img]{-webkit-user-select:none;user-select:none;cursor:default}.reader-page [data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}.reader-page [data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}.reader-page [data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.reader-page .textLayer ::selection{background:#005ac84d}.reader-page .textLayer mark.reader-hit{color:transparent;background-color:#facc1573;border-radius:2px;padding:0;mix-blend-mode:multiply}.reader-page .textLayer mark.reader-hit-current{background-color:#ea580c8c}.reader-anntoolbar{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;padding:.35rem .75rem;background-color:var(--bg-white);border-bottom:1px solid var(--border-card)}.reader-anncolors{display:inline-flex;gap:.3rem;margin:0 .4rem}.reader-annswatch{width:22px;height:22px;border-radius:50%;border:2px solid var(--border-card);cursor:pointer;padding:0}.reader-annswatch.active{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--bg-white),0 0 0 3px var(--color-primary)}.reader-annauthor input{min-height:32px;width:11rem;padding:0 .55rem;font-size:.82rem;border:1px solid var(--border-card);border-radius:6px;background-color:var(--bg-white);color:var(--color-primary)}.reader-annsave{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;padding:.45rem .9rem;margin-left:auto}.reader-annoverlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:3;touch-action:none}.reader-annshape.selected{outline:none;filter:drop-shadow(0 0 2px rgba(21,101,192,.9))}.reader-comment-save{justify-content:center;margin-bottom:.25rem}.reader-comment{border:1px solid var(--border-card);border-radius:8px;background-color:var(--bg-white);padding:.45rem .55rem;display:flex;flex-direction:column;gap:.3rem}.reader-comment.selected{border-color:var(--accent-coral)}.reader-comment.deleted{opacity:.65}.reader-comment-head{display:flex;align-items:center;gap:.4rem;border:none;background:none;padding:0;cursor:pointer;text-align:left;color:var(--color-primary)}.reader-comment-title{font-size:.78rem;font-weight:700}.reader-comment-meta{display:flex;flex-wrap:wrap;gap:.35rem;font-size:.7rem;color:var(--color-secondary)}.reader-comment-badge{border:1px solid var(--border-card);border-radius:999px;padding:0 .4rem;background-color:var(--bg-app)}.reader-comment-badge.warn{color:var(--accent-coral);border-color:var(--border-focus)}.reader-comment-text{font-size:.78rem;color:var(--color-primary);margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.reader-comment-edit textarea{width:100%;font-size:.8rem;font-family:var(--font-sans);border:1px solid var(--border-card);border-radius:6px;padding:.35rem .45rem;background-color:var(--bg-white);color:var(--color-primary);resize:vertical}.reader-comment-done{font-size:.72rem;padding:.3rem .7rem;margin-top:.3rem}.reader-comment-actions{display:flex;gap:.5rem}.reader-comment-btn{display:inline-flex;align-items:center;gap:.25rem;border:none;background:none;padding:.15rem .2rem;font-size:.72rem;font-weight:600;color:var(--color-secondary);cursor:pointer;border-radius:4px}.reader-comment-btn:hover{color:var(--color-primary);background-color:var(--accent-coral-light)}.reader-comment-btn.danger:hover{color:var(--accent-coral)}.reader-print-root{display:none}@media print{@page{size:auto;margin:0}body.reader-printing>*:not(.reader-print-root){display:none!important}body.reader-printing .reader-print-root{display:block!important}body.reader-printing .reader-print-root img{display:block;width:100%;page-break-after:always;break-after:page}body.reader-printing .reader-print-root img:last-child{page-break-after:auto;break-after:auto}}