*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;height:100vh;max-height:100vh}body{font-family:Segoe UI,Noto Sans,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:#0f0f1a;color:#e2e2f0;-webkit-font-smoothing:antialiased;height:100vh;max-height:100vh;overflow:hidden}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}a{color:inherit;text-decoration:none}input,select,textarea{font:inherit}:root{--bg-deep: #0f0f1a;--bg-dark: #1a1a2e;--bg-mid: #252540;--bg-panel: #2d2d48;--bg-hover: rgba(99,102,241,.08);--border: #363654;--border-lite: rgba(255,255,255,.06);--text: #e2e2f0;--text-muted: #a0a0c0;--text-dim: #8888aa;--accent: #6366f1;--accent-glow: rgba(99,102,241,.25);--accent-soft: rgba(99,102,241,.12);--success: #22c55e;--error: #ef4444;--info: #3b82f6;--radius: 6px;--transition: .15s ease}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#app{display:flex;flex-direction:column;height:100vh;min-height:100vh;max-height:100vh;overflow:hidden}.title-bar{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#1e1e38 0%,var(--bg-dark) 100%);color:#fff;height:34px;padding:0 10px;-webkit-user-select:none;user-select:none;flex-shrink:0;border-bottom:1px solid var(--border)}.tb-left{display:flex;align-items:center;gap:2px}.tb-logo{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.tb-logo img{width:20px;height:20px;border-radius:4px}.qa-sep{width:1px;height:16px;background:#ffffff1f;margin:0 5px}.qa{background:none;border:none;color:#ffffffa6;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.qa--link{width:auto;padding:0 10px;font-size:11px;font-weight:600}.qa svg{width:21px;height:21px}.qa:hover{background:var(--accent-soft);color:var(--accent)}.qa:active{background:var(--accent-glow)}.qa:disabled,.pn:disabled,.zo:disabled,.rb-fbtn:disabled,.pg-sb-btn:disabled{opacity:.45;cursor:not-allowed}.tb-center{flex:1;text-align:center}.tb-fname{font-size:11.5px;font-weight:500;color:#ffffff8c;letter-spacing:.3px}.tb-right{display:flex;align-items:center;gap:4px}.ribbon{display:flex;align-items:stretch;gap:12px;background:var(--bg-mid);padding:6px 14px;border-bottom:1px solid var(--border);min-height:56px;flex-shrink:0;overflow-x:auto}.rb-group{display:flex;flex-direction:column;gap:2px;border-right:1px solid var(--border-lite);padding-right:12px}.rb-group:last-child{border-right:none;padding-right:0}.rb-group-label{font-size:9px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;text-align:center;padding:0 4px}.rb-group-row{display:flex;gap:2px;align-items:flex-start;flex:1}.rb{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:1px solid transparent;color:#ffffffb3;cursor:pointer;padding:6px 14px;border-radius:6px;min-width:58px;font-size:10px;transition:all .2s;position:relative}.rb svg{width:24px;height:24px;flex-shrink:0}.rb span{white-space:nowrap;font-weight:500}.rb:hover{background:var(--bg-hover);color:#fff;border-color:#6366f126;box-shadow:0 0 12px #6366f114}.rb:active{background:var(--accent-glow)}.rb--active{background:var(--accent-soft);color:var(--accent);border-color:#6366f14d;box-shadow:0 0 16px #6366f11a}.rb-sep{width:1px;height:56px;background:var(--border);margin:0 4px;flex-shrink:0;align-self:center}.rb-font-group{display:flex;flex-direction:column;gap:5px}.rb-select{background:var(--bg-dark);color:var(--text);border:1px solid var(--border);border-radius:5px;padding:4px 8px;font-size:11px;width:130px}.rb-font-row{display:flex;align-items:center;gap:4px}.rb-num{width:46px;background:var(--bg-dark);color:var(--text);border:1px solid var(--border);border-radius:5px;padding:4px;font-size:11px;text-align:center}.rb-fbtn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);color:var(--text);border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.rb-fbtn:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.rb-clr{display:flex}.rb-clr input[type=color]{width:28px;height:28px;border:1px solid var(--border);cursor:pointer;border-radius:4px;background:var(--bg-dark)}.doc-tabs{display:flex;align-items:center;background:var(--bg-dark);min-height:30px;padding:0 6px;border-bottom:1px solid var(--border);flex-shrink:0;overflow-x:auto}.doc-tab{display:flex;align-items:center;gap:6px;padding:5px 16px;font-size:11px;color:var(--text-muted);border-right:1px solid var(--border);cursor:pointer;white-space:nowrap;transition:all .2s;border-radius:4px 4px 0 0}.doc-tab--on{background:var(--bg-mid);color:#fff;border-bottom:2px solid var(--accent)}.doc-tab-icon{font-size:12px}.ws{flex:1;display:flex;overflow:hidden;min-height:0}.pg-sidebar{width:160px;background:var(--bg-deep);display:none;flex-shrink:0;border-right:1px solid var(--border);flex-direction:column;overflow:hidden;min-height:0}.pg-sidebar.pg-sb--on{display:flex}.pg-sb-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid var(--border)}.pg-sb-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.pg-sb-actions{display:flex;gap:4px}.pg-sb-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);color:var(--text-muted);border-radius:4px;cursor:pointer;transition:all .2s}.pg-sb-btn svg{width:16px;height:16px;pointer-events:none}.pg-sb-btn:hover{background:var(--bg-hover);color:var(--accent);border-color:var(--accent)}.pg-sb-list{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:8px}.pg-thumb{position:relative;cursor:grab;border:2px solid transparent;border-radius:4px;transition:all .2s}.pg-thumb:hover{border-color:#6366f166}.pg-thumb.pg-th--on{border-color:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.pg-thumb.pg-th--drag{opacity:.5;cursor:grabbing}.pg-thumb img,.pg-thumb canvas{width:100%;display:block;border-radius:2px}.pg-thumb-num{position:absolute;bottom:4px;left:50%;transform:translate(-50%);background:#0009;color:#fff;font-size:9px;padding:2px 6px;border-radius:3px}.pg-th--drop{border-color:var(--accent)!important;border-style:dashed}.pg-th--drop:before{content:"";position:absolute;top:-4px;left:0;right:0;height:3px;background:var(--accent);border-radius:2px}.sb-z-sep{width:1px;height:16px;background:var(--border);margin:0 4px}.sb{width:140px;background:var(--bg-deep);overflow-y:auto;display:none;flex-shrink:0;border-right:1px solid var(--border);padding:8px 4px}.th{cursor:pointer;border:2px solid transparent;border-radius:4px;margin-bottom:6px;transition:all .2s}.th:hover{border-color:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.th img,.th canvas{width:100%;border-radius:2px;display:block}.th--on{border-color:var(--accent)}.viewer{flex:1;overflow:auto;padding:20px;display:flex;flex-direction:column;align-items:center;gap:14px;min-height:0;background:#484860}.viewer.dz{outline:3px dashed var(--accent);outline-offset:-8px}.viewer.viewer--hand,.viewer.viewer--hand .pw,.viewer.viewer--hand .pc,.viewer.viewer--hand .hl,.viewer.viewer--hand .upper-canvas,.viewer.viewer--hand .lower-canvas{cursor:grab!important;touch-action:none}.viewer.viewer--hand .pw,.viewer.viewer--hand .pc,.viewer.viewer--hand .hl,.viewer.viewer--hand .upper-canvas,.viewer.viewer--hand .lower-canvas,.viewer.viewer--grabbing .pw,.viewer.viewer--grabbing .pc,.viewer.viewer--grabbing .hl,.viewer.viewer--grabbing .upper-canvas,.viewer.viewer--grabbing .lower-canvas{pointer-events:none!important}.viewer.viewer--grabbing,.viewer.viewer--grabbing .pw,.viewer.viewer--grabbing .pc,.viewer.viewer--grabbing .hl,.viewer.viewer--grabbing .upper-canvas,.viewer.viewer--grabbing .lower-canvas{cursor:grabbing!important;-webkit-user-select:none;user-select:none;touch-action:none}.welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:14px}.wlc-icon img{width:72px;height:72px;border-radius:14px;box-shadow:0 4px 24px #0000004d}.wlc-t{font-size:24px;font-weight:700;color:#fff;letter-spacing:-.5px}.wlc-s{font-size:13px;color:var(--text-muted)}.wlc-btn{margin-top:10px;padding:12px 32px;background:linear-gradient(135deg,var(--accent) 0%,#818cf8 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px var(--accent-glow)}.wlc-btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px #6366f159}.page-wrap{position:relative}.page-wrap canvas{display:block;box-shadow:0 2px 12px #0000004d}.ann-layer{position:absolute;top:0;left:0}.hit-layer{position:absolute;top:0;left:0;width:100%;height:100%}.hit{position:absolute;cursor:text;background:#6366f10d;border:1px solid transparent;pointer-events:none;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.hit:hover{border-color:#6366f166;background:#6366f11a}.hl.edit-active .hit{box-shadow:inset 0 0 0 1px #6366f10a}.sb-bar{display:flex;align-items:center;justify-content:space-between;background:var(--bg-dark);height:28px;padding:0 14px;font-size:11px;flex-shrink:0;border-top:1px solid var(--border)}.sb-pg{display:flex;align-items:center;gap:4px}.pg-input{width:36px;background:var(--bg-deep);color:var(--text);border:1px solid var(--border);border-radius:3px;padding:2px 4px;text-align:center;font-size:11px}.pg-of{color:var(--text-muted);font-size:11px}.pn{background:none;border:none;color:var(--text-muted);cursor:pointer;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.pn svg{width:14px;height:14px}.pn:hover{color:var(--accent)}.sb-fn{color:var(--text-muted);font-size:11px}.sb-z{display:flex;align-items:center;gap:4px}.zo{background:none;border:none;color:var(--text-muted);cursor:pointer;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:15px;border-radius:3px}.zo:hover{background:var(--bg-hover);color:var(--accent)}.zv{color:var(--text-muted);font-size:11px;min-width:36px;text-align:center}.zr{width:100px;accent-color:var(--accent)}.lw{position:relative}.lb{background:none;border:none;color:#ffffff8c;cursor:pointer;font-size:11px;padding:4px 8px;border-radius:4px;transition:all .2s}.lb:hover{background:var(--accent-soft);color:var(--accent)}.lm{position:absolute;top:100%;right:0;min-width:150px;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:4px;display:none;z-index:999;box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lm--on{display:block}.lo{padding:7px 12px;cursor:pointer;border-radius:5px;font-size:12px;color:var(--text-muted);transition:all .15s}.lo:hover{background:var(--bg-hover);color:#fff}.lo--on{background:var(--accent-soft);color:var(--accent)}.modal-bg{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:1000;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-bg.on,.modal-bg.modal-bg--open{display:flex}.modal{background:var(--bg-panel);border-radius:12px;padding:28px;width:min(440px,90vw);border:1px solid var(--border);box-shadow:0 16px 48px #00000080}.modal-t{font-size:17px;font-weight:700;color:#fff;margin-bottom:14px}.ml{font-size:12px;color:var(--text-muted);margin-bottom:6px}.m-inp{width:100%;padding:10px;background:var(--bg-dark);border:1px solid var(--border);color:#fff;border-radius:6px;font-size:13px;transition:border .2s}.m-inp:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-glow)}.modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.modal-field{margin-top:10px}.modal-label{display:block;margin-bottom:6px}.modal-select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal-note{margin-top:10px;line-height:1.45}.seg{display:flex;gap:8px}.seg-btn{flex:1;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-dark);color:var(--text-muted);font-size:12px;font-weight:600;transition:all .2s}.seg-btn:hover{border-color:#6366f159;color:#fff}.seg-btn--on{background:var(--accent-soft);border-color:#6366f173;color:#fff;box-shadow:0 0 0 1px #6366f133 inset}.sig-prev{min-height:40px;margin:8px 0;text-align:center;font-family:Brush Script MT,cursive;font-size:28px;color:#fff}.clr-btn{margin-top:6px;background:none;border:1px solid var(--border);color:var(--text-muted);padding:5px 14px;border-radius:5px;cursor:pointer;font-size:11px}.clr-btn:hover{border-color:var(--accent);color:var(--accent)}.m-act{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.m-btn{padding:9px 20px;border:none;border-radius:8px;font-size:13px;cursor:pointer;font-weight:600;transition:all .2s}.m-btn--g{background:var(--bg-dark);color:var(--text-muted);border:1px solid var(--border)}.m-btn--g:hover{background:var(--bg-mid);color:#fff}.m-btn--p{background:linear-gradient(135deg,var(--accent),#818cf8);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.m-btn--p:hover{box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-1px)}.toasts{position:fixed;bottom:40px;left:50%;transform:translate(-50%);z-index:2000;display:flex;flex-direction:column;gap:6px}.toast,.tst{padding:10px 24px;border-radius:8px;font-size:12px;color:#fff;font-weight:500;animation:tst-in .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-panel);border:1px solid var(--border)}.toast--ok,.tst-ok{background:#22c55ee6;border-color:var(--success)}.toast--err,.tst-err{background:#ef4444e6;border-color:var(--error)}.toast--info,.tst-info{background:#3b82f6e6;border-color:var(--info)}@keyframes tst-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.inline-edit{position:absolute;background:#fffffff2;color:#000;border:2px solid var(--accent);padding:2px 4px;font-size:14px;resize:none;z-index:50;outline:none;min-width:50px;overflow:hidden;border-radius:2px}.clippy-wrap{position:relative;display:inline-block;margin-bottom:10px}.clippy-bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#ffffff1f;color:#e2e2f0;padding:10px 16px;border-radius:12px;font-size:13px;line-height:1.4;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 20px #0000004d;animation:clippy-float 3s ease-in-out infinite;transition:opacity .3s}.clippy-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#ffffff1f}@keyframes clippy-float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-4px)}}#clippy-svg{transition:transform .2s}#clippy-svg:hover{transform:scale(1.08)}.clippy-pupil{transition:cx .08s,cy .08s}@media (max-width: 768px){.title-bar{height:30px;padding:0 6px}.qa{width:22px;height:22px}.qa svg{width:12px;height:12px}.tb-fname{font-size:10px}.ribbon{padding:4px 8px;min-height:50px;gap:8px}.rb{min-width:46px;padding:4px 8px;font-size:9px}.rb svg{width:20px;height:20px}.rb-font-group,.rb-group-label,.doc-tabs{display:none}.sb{width:80px}.viewer{padding:8px}.modal-grid{grid-template-columns:1fr}.clippy-bubble{font-size:11px;padding:8px 12px}}@media (max-width: 480px){.tb-center{display:none}.ribbon{padding:3px;min-height:54px}.rb{padding:3px 5px;min-width:38px}.clippy-bubble{display:none}}