:root{--bg: #ffffff;--bg-secondary: #f5f5f7;--text: #1d1d1f;--text-secondary: #6e6e73;--accent: #0071e3;--accent-hover: #0077ed;--border: #d2d2d7;--toggle-bg: #e5e5e5;--toggle-knob: #ffffff;--tool-gradient-start: #f5a623;--tool-gradient-end: #e49512;--danger: #ff3b30;--danger-hover: #ff453a;--success: #34c759;--card-bg: #ffffff;--card-shadow: 0 2px 8px rgba(0, 0, 0, .1);--selected-border: var(--accent)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #000000;--bg-secondary: #1c1c1e;--text: #f5f5f7;--text-secondary: #98989d;--accent: #2997ff;--accent-hover: #40a9ff;--border: #38383a;--toggle-bg: #3a3a3c;--toggle-knob: #ffffff;--card-bg: #1c1c1e;--card-shadow: 0 2px 8px rgba(0, 0, 0, .3)}}[data-theme=dark]{--bg: #000000;--bg-secondary: #1c1c1e;--text: #f5f5f7;--text-secondary: #98989d;--accent: #2997ff;--accent-hover: #40a9ff;--border: #38383a;--toggle-bg: #3a3a3c;--toggle-knob: #ffffff;--card-bg: #1c1c1e;--card-shadow: 0 2px 8px rgba(0, 0, 0, .3)}[data-theme=light]{--bg: #ffffff;--bg-secondary: #f5f5f7;--text: #1d1d1f;--text-secondary: #6e6e73;--accent: #0071e3;--accent-hover: #0077ed;--border: #d2d2d7;--toggle-bg: #e5e5e5;--toggle-knob: #ffffff;--card-bg: #ffffff;--card-shadow: 0 2px 8px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.header-left{display:flex;align-items:center;gap:.75rem}.tool-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--tool-gradient-start),var(--tool-gradient-end))}.tool-icon svg{width:24px;height:24px}.tool-name{font-size:1.25rem;font-weight:600}.header-right{display:flex;align-items:center;gap:1.5rem}.back-link{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s ease}.back-link:hover{color:var(--accent)}.theme-toggle{display:flex;align-items:center;gap:.5rem}.theme-toggle svg{width:16px;height:16px;stroke:var(--text-secondary);fill:none;stroke-width:2}.toggle-switch{position:relative;width:44px;height:24px;background:var(--toggle-bg);border-radius:12px;cursor:pointer;transition:background .2s ease}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--toggle-knob);border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .2s ease}[data-theme=dark] .toggle-switch:after,:root:not([data-theme=light]) .toggle-switch:after{transform:translate(20px)}@media (prefers-color-scheme: light){:root:not([data-theme=dark]) .toggle-switch:after{transform:translate(0)}}main{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:2rem 1.5rem}.content{width:100%}.hidden{display:none!important}.drop-zone{border:2px dashed var(--border);border-radius:16px;padding:4rem 2rem;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--bg-secondary)}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--accent);background:var(--bg)}.drop-zone.drag-over{transform:scale(1.01)}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.drop-icon{width:64px;height:64px;color:var(--text-secondary)}.drop-text{font-size:1.1rem;font-weight:500;color:var(--text)}.drop-hint{font-size:.9rem;color:var(--text-secondary)}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-secondary);border-radius:12px;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.toolbar-divider{width:1px;height:24px;background:var(--border);margin:0 .5rem}.tool-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--card-bg);color:var(--text);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tool-btn svg{width:18px;height:18px}.tool-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.tool-btn:disabled{opacity:.5;cursor:not-allowed}.tool-btn.primary{background:linear-gradient(135deg,var(--tool-gradient-start),var(--tool-gradient-end));border-color:transparent;color:#fff}.tool-btn.primary:hover:not(:disabled){opacity:.9;color:#fff}.tool-btn.secondary{background:transparent}.tool-btn.danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.5rem;padding:1rem 0}.page-card{position:relative;background:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:var(--card-shadow);cursor:grab;transition:all .2s ease;border:2px solid transparent}.page-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.page-card.selected{border-color:var(--selected-border)}.page-card.dragging{opacity:.5;cursor:grabbing}.page-card.drag-over{border-color:var(--accent);transform:scale(1.02)}.page-thumbnail{width:100%;aspect-ratio:8.5 / 11;display:flex;align-items:center;justify-content:center;background:#f0f0f0;overflow:hidden}[data-theme=dark] .page-thumbnail,:root:not([data-theme=light]) .page-thumbnail{background:#2c2c2e}@media (prefers-color-scheme: light){:root:not([data-theme=dark]) .page-thumbnail{background:#f0f0f0}}.page-thumbnail canvas{max-width:100%;max-height:100%;object-fit:contain}.page-info{padding:.75rem;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border)}.page-number{font-size:.85rem;font-weight:500;color:var(--text)}.page-source{font-size:.75rem;color:var(--text-secondary);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-checkbox{position:absolute;top:8px;left:8px;width:24px;height:24px;border-radius:50%;background:#ffffffe6;border:2px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.page-checkbox:hover{border-color:var(--accent)}.page-card.selected .page-checkbox{background:var(--accent);border-color:var(--accent)}.page-checkbox svg{width:14px;height:14px;stroke:#fff;stroke-width:3;opacity:0}.page-card.selected .page-checkbox svg{opacity:1}.rotation-badge{position:absolute;top:8px;right:8px;padding:2px 6px;background:#0009;color:#fff;font-size:.7rem;border-radius:4px}.progress-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.progress-content{background:var(--card-bg);padding:2rem 3rem;border-radius:16px;text-align:center;box-shadow:0 8px 32px #0000004d}.spinner{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--tool-gradient-start);border-radius:50%;margin:0 auto 1rem;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#progressText{font-size:1rem;color:var(--text)}@media (max-width: 640px){.tool-name{font-size:1.1rem}.header-right{gap:1rem}.back-link{font-size:.8rem}.toolbar{flex-direction:column;align-items:stretch}.toolbar-left,.toolbar-right{justify-content:center}.toolbar-divider,.tool-btn span{display:none}.tool-btn{padding:.5rem}.page-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.drop-zone{padding:2rem 1rem}.drop-icon{width:48px;height:48px}}