@charset "UTF-8";*{box-sizing:border-box}body{font-family:Inter,Segoe UI,Helvetica,Arial,sans-serif;margin:0;background:var(#f7f8fb);color:#0f172a}.app-root{display:block;min-height:100vh}.sidebar{width:220px;background:#fff;border-right:1px solid #eee;display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:40}.sidebar .brand{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee}.sidebar .brand .logo{font-size:22px;display:flex;align-items:center;gap:10px}.sidebar .brand .logo .brand-text{font-size:16px}.sidebar .brand .sidebar-close-btn{background:none;border:none;font-size:22px;cursor:pointer;color:#6b7280;line-height:0;padding:4px;display:flex;align-items:center;justify-content:center}.sidebar .brand .sidebar-close-btn:hover{color:#111}.sidebar .scroll-area{flex:1;overflow-y:auto;padding:8px 0}.sidebar .scroll-area::-webkit-scrollbar{width:6px}.sidebar .scroll-area::-webkit-scrollbar-thumb{background:#c9c9c9;border-radius:4px}.sidebar .nav ul{list-style:none;margin:0;padding:0}.sidebar .nav ul .feature-group .feature-title{display:flex;align-items:center;padding:8px 22px;font-weight:600;font-size:15px}.sidebar .nav ul .feature-group .feature-item{display:flex;align-items:center;gap:10px;padding:8px 30px;font-size:14px;cursor:pointer;color:#444}.sidebar .nav ul .feature-group .feature-item .f-icon{font-size:16px;opacity:.7}.sidebar .nav ul .feature-group .feature-item:hover{background:#00000014}.sidebar .sidebar-footer{padding:16px 20px;border-top:1px solid #eee}.sidebar .sidebar-footer .link-btn{width:100%;padding:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-weight:500;text-align:center;cursor:pointer}.sidebar .sidebar-footer .link-btn:hover{background:#f1f5f9}@media (max-width: 768px){.sidebar{transition:transform .3s ease;box-shadow:2px 0 8px #0000001a}.sidebar.closed{transform:translate(-100%)}.sidebar .brand{padding:8px 20px}.sidebar .brand .sidebar-close-btn{border:none!important;font-size:22px;padding:6px}.sidebar .brand .sidebar-close-btn:hover{color:#222}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:35;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.feature-item.active-feature{background:#2563eb20;border-left:4px solid #2563eb;font-weight:600;color:#2563eb}.feature-item:hover{background:#e5e7eb;cursor:pointer}.active-group>.feature-title{color:#2563eb;font-weight:700}.feature-item{padding:10px 12px;display:flex;align-items:center;gap:10px;border-left:4px solid transparent;transition:.2s}.feature-list{margin-left:8px}.feature-title{padding:12px 10px;font-size:14px;text-transform:uppercase;opacity:.7}.main-area{margin-left:220px;display:flex;flex-direction:column;height:100vh}@media (max-width: 768px){.main-area{padding:0;margin-left:0}}.main-area .topbar{height:64px;padding:0 20px;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:220px;right:0;z-index:30}.main-area .topbar .mobile-toggle-btn{display:none}@media (max-width: 768px){.main-area .topbar{left:0;height:50px}.main-area .topbar .mobile-toggle-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:6px 8px;cursor:pointer;border-radius:6px;transition:background .2s ease}.main-area .topbar .mobile-toggle-btn:hover{background:#00000012}.main-area .topbar .mobile-toggle-btn svg{width:22px;height:22px}}.main-area .topbar .top-actions{display:flex;align-items:center;gap:12px}.main-area .topbar .top-actions .upgrade{background:var(#4f46e5);color:#fff;padding:8px 12px;border-radius:8px}.main-area .topbar .top-actions .icon{background:#f8fafc;border:1px solid #e6eef8;padding:8px;border-radius:8px;line-height:0}.main-area .content{margin-top:2rem;padding:28px 36px 48px;height:calc(100vh - 64px);overflow:auto}@media (max-width: 768px){.main-area .content{padding:1.5rem}}.main-area .content .dashboard{display:flex;flex-direction:column;gap:28px}.upload-box{width:60%;margin:0 auto;padding:38px;border-radius:14px;border:2.5px dashed #d6d9e1;background:linear-gradient(180deg,#fff,#f7f9fc);display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .25s ease;position:relative}.upload-box:hover{border-color:var(#4f46e5);background:#f0f5ff}.upload-box:focus-visible{outline:none;border-color:var(#4f46e5);box-shadow:0 0 0 3px var(#4f46e5)}.upload-box.disabled{opacity:.6;cursor:not-allowed}.upload-box:hover .upload-highlight{opacity:1;transform:scale(1)}.upload-box .upload-highlight{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;pointer-events:none;border:2px dotted var(#4f46e5);opacity:0;transform:scale(.96);transition:all .25s ease}.upload-box .upload-icon{width:70px;height:70px;padding:14px;background:#eef2ff;color:var(#4f46e5);border-radius:50%;box-shadow:0 1px 4px #00000014;display:flex;justify-content:center;align-items:center;margin-bottom:14px;transition:transform .2s ease}.upload-box:hover .upload-box .upload-icon{transform:scale(1.08)}.upload-box .upload-title{font-size:20px;font-weight:600;color:#111}.upload-box .upload-subtext{margin-top:6px;font-size:14px;color:var(#6b7280)}@media (max-width: 600px){.upload-box{padding:28px;width:90%}.upload-box .upload-icon{width:58px;height:58px;padding:10px}.upload-box .upload-title{font-size:18px}.upload-box .upload-subtext{font-size:13px}}.pdf-editor .editor-grid{display:flex;gap:20px}.pdf-editor .left-col{width:220px;display:flex;flex-direction:column;gap:12px}.pdf-editor .left-col .upload-strip{display:flex;align-items:center;gap:8px}.pdf-editor .left-col .download-btn{background:#0b64d6;color:#fff;padding:8px 12px;border-radius:8px}.pdf-editor .left-col .thumb-list{max-height:calc(100vh - 180px);overflow:auto;padding-right:6px;display:flex;flex-direction:column;gap:10px}.pdf-editor .left-col .thumb-list .thumb-item{display:flex;gap:10px;align-items:center;padding:8px;border-radius:8px;border:1px solid transparent;cursor:pointer}.pdf-editor .left-col .thumb-list .thumb-item.selected{background:#eef2ff;border-color:#e5e7ff}.pdf-editor .left-col .thumb-list .thumb-item img{max-width:120px;width:100%;border-radius:6px}.pdf-editor .left-col .thumb-list .thumb-item .thumb-caption{font-size:13px;color:var(#6b7280)}.pdf-editor .right-col{flex:1;display:flex;flex-direction:column;gap:12px}.pdf-editor .right-col .preview-area{background:#fff;border-radius:8px;padding:12px;border:1px solid #eef2f7;display:flex;justify-content:center}.pdf-editor .right-col .preview-area.fixed{height:calc(100vh - 160px);max-height:900px;overflow:auto;align-items:center}.pdf-editor .right-col .preview-area canvas{max-width:100%;border-radius:4px}.pdf-editor .right-col .live-order{background:#fff;border-radius:8px;padding:12px;border:1px solid #eef2f7}.pdf-editor .right-col .live-order .live-grid{display:flex;gap:8px;align-items:center}.pdf-editor .right-col .live-order .live-grid .live-thumb{position:relative}.pdf-editor .right-col .live-order .live-grid .live-thumb img{width:84px;border-radius:6px}.pdf-editor .right-col .live-order .live-grid .live-thumb .live-label{position:absolute;right:6px;bottom:6px;background:#0009;color:#fff;padding:2px 6px;font-size:12px;border-radius:4px}.actions{display:flex;justify-content:start;gap:12px;margin-top:24px}.actions button{background:#4a6cf7;color:#fff;font-weight:600;padding:12px 16px;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:.25s ease;box-shadow:0 4px 10px #4a6cf733}.actions button:hover{background:#3d5be0;box-shadow:0 6px 14px #4a6cf752}.actions button:active{transform:scale(.97)}.actions button:disabled{background:#aab3d1;cursor:not-allowed;box-shadow:none}.page-list-grid{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}.page-list-grid.dragging{flex-wrap:nowrap!important}.page-list-list{display:flex;flex-direction:column;gap:12px;width:100%}.page-row{display:flex;align-items:center;gap:12px;background:#fff;padding:12px;border-radius:12px;border:1px solid #e4e6ec;transition:box-shadow .12s ease;touch-action:pan-y}.page-row{width:150px;flex-direction:column;text-align:center}.thumb{width:80%;object-fit:cover;border:1px solid black;margin:18px 0}@media (max-width: 768px){.page-row{width:100%;flex-direction:row;justify-content:space-between}.thumb{width:40px;height:auto;margin:5px}}.drag-handle{cursor:grab;font-size:18px;padding:6px}.page-row.dragging{transform:scale(1.02);box-shadow:0 8px 20px #0000001f}.page-actions{display:flex;align-items:center;gap:8px}.page-actions button{background:none;border:none;font-size:18px}.compress-wrapper{display:flex;gap:32px;padding:24px;height:85vh}@media (max-width: 768px){.compress-wrapper{flex-direction:column;gap:16px;padding:16px;height:auto}}.compress-preview{flex:1;background:#f9fafb;border-radius:14px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh}@media (max-width: 768px){.compress-preview{min-height:45vh}}.compress-canvas{border-radius:10px;box-shadow:0 4px 12px #00000014;max-width:70%;max-height:50vh;height:auto;width:auto}@media (max-width: 768px){.compress-canvas{max-width:100%;max-height:50vh}}.file-info{margin-top:16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px;text-align:center;width:60%;max-width:320px}.file-name{font-size:14px;font-weight:600}.file-size{font-size:12px;color:#64748b;margin-top:4px}.compress-controls{width:260px;display:flex;flex-direction:column;gap:16px}@media (max-width: 768px){.compress-controls{width:100%}}.btn-primary{background:#6366f1;color:#fff;border:none;border-radius:10px;padding:12px 16px;cursor:pointer;font-weight:600;transition:.2s}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary:hover:not(:disabled){background:#4f46e5}.compress-empty{text-align:center;margin-top:100px}.compress-empty h3{margin-bottom:8px;font-size:20px}.compress-empty p{color:#64748b}.recent-files-container{margin-top:20px;background:#f9fafb;padding:12px;border-radius:8px;box-shadow:0 2px 6px #0000000d}.recent-files-title{font-size:1rem;font-weight:600;margin-bottom:12px;color:#1e293b}.recent-files-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.recent-file-item{display:flex;align-items:center;gap:10px;background:#fff;padding:10px 14px;border-radius:6px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.recent-file-item:hover{background:#e0f2fe;border-color:#3b82f6}.recent-file-item.loading{opacity:.7;pointer-events:none}.file-icon{font-size:1.2rem}.file-info{display:flex;align-items:center;gap:6px;flex:1;justify-content:space-between}.file-name{font-size:.95rem;font-weight:500;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading-spinner{font-size:.9rem;color:#3b82f6}.recent-files-loading,.recent-files-empty{font-size:.95rem;color:#64748b;padding:10px;text-align:center}