:root{--bg-color: #1e1e24;--bg-secondary: #282830;--header-bg: rgba(35, 35, 42, .75);--toolbar-bg: rgba(45, 45, 54, .65);--sidebar-bg: rgba(30, 30, 38, .85);--text-main: #f0f0f5;--text-muted: #9a9ab0;--accent-color: #0a84ff;--accent-hover: #409cff;--accent-glow: rgba(10, 132, 255, .3);--border-color: rgba(255, 255, 255, .1);--border-subtle: rgba(255, 255, 255, .05);--shadow-main: 0 10px 30px rgba(0, 0, 0, .4);--shadow-page: 0 8px 24px rgba(0, 0, 0, .5);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--backdrop-blur: blur(24px) saturate(180%);--font-family: "SF Pro Display", "Inter", -apple-system, BlinkMacSystemFont, sans-serif}[data-theme=light]{--bg-color: #e8e8ed;--bg-secondary: #f5f5f7;--header-bg: rgba(250, 250, 252, .75);--toolbar-bg: rgba(240, 240, 245, .7);--sidebar-bg: rgba(245, 245, 250, .85);--text-main: #1d1d1f;--text-muted: #6e6e73;--accent-color: #0066cc;--accent-hover: #0077ed;--accent-glow: rgba(0, 102, 204, .2);--border-color: rgba(0, 0, 0, .1);--border-subtle: rgba(0, 0, 0, .05);--shadow-main: 0 10px 30px rgba(0, 0, 0, .15);--shadow-page: 0 6px 18px rgba(0, 0, 0, .15)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);overflow:hidden;height:100vh;width:100vw;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw}.app-container.is-pseudo-fullscreen{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:99999!important;background-color:var(--bg-color)}.mac-header{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 16px;background:var(--header-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--border-color);z-index:100}.header-left{display:flex;align-items:center;gap:16px}.traffic-lights{display:flex;gap:8px}.traffic-lights .light{width:12px;height:12px;border-radius:50%;display:inline-block}.traffic-lights .close{background-color:#ff5f56;border:.5px solid #e0443e}.traffic-lights .minimize{background-color:#ffbd2e;border:.5px solid #dea123}.traffic-lights .maximize{background-color:#27c93f;border:.5px solid #1aab29}.header-center{flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 20px}.doc-title{font-size:13px;font-weight:600;color:var(--text-main);opacity:.9}.header-right{display:flex;align-items:center;gap:10px}.mac-toolbar{display:flex;align-items:center;justify-content:center;gap:12px;height:48px;padding:0 16px;background:var(--toolbar-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--border-color);z-index:90;overflow-x:auto}.toolbar-group{display:flex;align-items:center;gap:6px}.toolbar-divider{width:1px;height:22px;background-color:var(--border-color);margin:0 4px}.segment-control{background:#00000026;padding:3px;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}[data-theme=light] .segment-control{background:#0000000f}.segment-btn{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--text-muted);padding:5px 10px;font-size:12px;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.segment-btn:hover{color:var(--text-main)}.segment-btn.active{background:var(--accent-color);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.segment-btn i{width:14px;height:14px}.icon-button{background:transparent;border:none;color:var(--text-main);width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,transform .1s ease}.icon-button:hover{background:#ffffff1a}[data-theme=light] .icon-button:hover{background:#00000014}.icon-button:active{transform:scale(.95)}.button{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;border:none}.primary-button{background:var(--accent-color);color:#fff}.primary-button:hover{background:var(--accent-hover);box-shadow:0 4px 12px var(--accent-glow)}.secondary-button{background:var(--bg-secondary);color:var(--text-main);border:1px solid var(--border-color)}.secondary-button:hover{background:#ffffff26}.page-indicator{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text-muted);background:#00000026;padding:3px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.page-indicator input{width:36px;background:transparent;border:none;color:var(--text-main);font-size:13px;font-weight:600;text-align:right;outline:none}.page-indicator input::-webkit-inner-spin-button,.page-indicator input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mac-select{background:#00000026;color:var(--text-main);border:1px solid var(--border-subtle);padding:5px 8px;font-size:12px;border-radius:var(--radius-sm);outline:none;cursor:pointer}[data-theme=light] .mac-select{background:#fff9}.toggle-control{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;color:var(--text-main)}.toggle-control input{display:none}.toggle-slider{width:34px;height:20px;background:#fff3;border-radius:20px;position:relative;transition:background .3s ease}[data-theme=light] .toggle-slider{background:#0003}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #0000004d}.toggle-control input:checked+.toggle-slider{background:var(--accent-color)}.toggle-control input:checked+.toggle-slider:before{transform:translate(14px)}.main-body{display:flex;flex:1;overflow:hidden;position:relative}.sidebar{width:260px;background:var(--sidebar-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:margin-left .3s cubic-bezier(.16,1,.3,1);z-index:80}.sidebar.collapsed{margin-left:-260px}.sidebar-tabs{display:flex;border-bottom:1px solid var(--border-color)}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:transparent;border:none;color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.tab-btn.active{color:var(--accent-color);border-bottom:2px solid var(--accent-color)}.sidebar-content{flex:1;overflow-y:auto;padding:12px}.tab-pane{display:none}.tab-pane.active{display:block}.thumbnails-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.thumb-item{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;padding:6px;border-radius:var(--radius-sm);transition:background .15s ease}.thumb-item:hover{background:#ffffff14}.thumb-item.active{background:var(--accent-glow);outline:2px solid var(--accent-color)}.thumb-item canvas{width:100%;height:auto;border-radius:4px;box-shadow:0 2px 8px #0003}.thumb-label{font-size:11px;color:var(--text-muted)}.outline-tree{font-size:13px;line-height:1.5}.outline-item{padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-main);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.outline-item:hover{background:#ffffff14}.viewer-container{flex:1;overflow:auto;position:relative;display:flex;align-items:flex-start;justify-content:center;padding:30px;background-color:var(--bg-color);scroll-behavior:smooth}.dropzone{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.dropzone-card{max-width:480px;padding:40px 30px;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-main);transition:border-color .2s ease,transform .2s ease}.dropzone.dragover .dropzone-card{border-color:var(--accent-color);transform:scale(1.02)}.dropzone-icon{width:64px;height:64px;margin:0 auto 16px;background:var(--accent-glow);color:var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center}.dropzone-icon i{width:32px;height:32px}.dropzone h2{font-size:20px;font-weight:600;margin-bottom:8px}.dropzone p{font-size:13px;color:var(--text-muted);margin-bottom:24px}.dropzone-actions{display:flex;justify-content:center;margin-bottom:24px}.feature-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.badge{display:flex;align-items:center;gap:4px;font-size:11px;padding:4px 8px;background:#ffffff0d;border-radius:12px;color:var(--text-muted)}.spread-viewport{display:flex;justify-content:center;align-items:center;min-height:100%;width:100%}.spread-viewport.hidden{display:none}.spread-pages-wrapper{display:flex;align-items:center;justify-content:center;gap:0;margin:auto;transition:transform .2s ease;box-shadow:var(--shadow-page);border-radius:2px;overflow:hidden}.page-container{position:relative;background:#fff;overflow:hidden}.page-container canvas{display:block}.page-number-badge{position:absolute;bottom:8px;right:8px;background:#000000a6;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.toast{position:fixed;bottom:20px;right:20px;background:var(--bg-secondary);color:var(--text-main);padding:10px 16px;border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-main);font-size:13px;z-index:200;transition:opacity .3s ease,transform .3s ease}.toast.hidden{opacity:0;transform:translateY(10px);pointer-events:none}.viewer-container{touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:relative}.tap-indicator{position:fixed;top:50%;transform:translateY(-50%);width:60px;height:60px;background:#0a84ff40;border:1px solid var(--accent-color);color:var(--text-main);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none;z-index:1000;opacity:0;transition:opacity .15s ease,transform .15s ease;box-shadow:0 0 20px var(--accent-glow)}.tap-indicator.left{left:20px}.tap-indicator.right{right:20px}.tap-indicator.active{opacity:1;transform:translateY(-50%) scale(1.1)}.app-container.ui-hidden .mac-header,.app-container.ui-hidden .mac-toolbar{display:none!important}.app-container.ui-hidden .main-body{height:100vh!important}.floating-ui-btn{position:fixed;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--sidebar-bg);color:var(--text-main);border:1px solid var(--border-color);border-radius:20px;box-shadow:var(--shadow-main);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);font-size:12px;font-weight:500;cursor:pointer;z-index:9999;transition:all .25s ease;opacity:.85}.floating-ui-btn:hover{opacity:1;transform:translate(-50%) scale(1.05);background:var(--bg-secondary);border-color:var(--accent-color)}.floating-ui-btn.hidden{opacity:0;pointer-events:none;transform:translate(-50%) translateY(-20px)}