.n8d5yq_container{padding:20px 0}.n8d5yq_uploadArea{width:100%}.n8d5yq_uploadLabel{cursor:pointer;width:100%;display:block}.n8d5yq_hiddenInput{display:none}.n8d5yq_uploadBox{text-align:center;background:linear-gradient(135deg,#fefefe 0%,#fef8f8 100%);border:2px dashed #ef444440;border-radius:24px;flex-direction:column;align-items:center;gap:8px;padding:80px 48px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.n8d5yq_uploadBox:before{content:"";pointer-events:none;background:radial-gradient(at 100% 0,#ef44440a 0%,#0000 60%);position:absolute;inset:0}.n8d5yq_uploadBox:hover,.n8d5yq_uploadBox.n8d5yq_dragging{border-color:var(--color-primary);background:linear-gradient(135deg,#fff 0%,#fff5f5 100%);transform:translateY(-6px);box-shadow:0 24px 60px #ef44441a,0 0 0 1px #ef444414}.n8d5yq_uploadBox.n8d5yq_dragging{background:linear-gradient(135deg,#fff5f5 0%,#fff0f0 100%);border-style:solid}.n8d5yq_uploadIcon{width:72px;height:72px;color:var(--color-primary);background:#ef444414;border:1.5px solid #ef444426;border-radius:20px;justify-content:center;align-items:center;margin-bottom:8px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.n8d5yq_uploadBox:hover .n8d5yq_uploadIcon{background:#ef44441f;border-color:#ef44444d;transform:scale(1.08)rotate(-4deg);box-shadow:0 8px 24px #ef444426}.n8d5yq_uploadTitle{font-family:var(--font-display);color:var(--color-text);letter-spacing:-.03em;margin-top:8px;font-size:1.75rem;font-weight:800}.n8d5yq_uploadSubtitle{color:var(--color-text-dim);margin-bottom:8px;font-size:1rem;line-height:1.5}.n8d5yq_uploadBtn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;margin-top:16px;padding:12px 40px;font-size:1rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #ef444440}.n8d5yq_uploadBtn:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 8px 24px #ef444459}.n8d5yq_workspace{margin-top:20px}.n8d5yq_mainGrid{grid-template-columns:1fr 350px;gap:32px;display:grid}.n8d5yq_previewSection{background:#f8fafc;border:1.5px solid #ef44440f;border-radius:24px;padding:32px}.n8d5yq_hintBanner{color:var(--color-primary);background:#fff;border:1px solid #ef44441a;border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:12px 20px;font-size:.875rem;font-weight:600;display:flex;box-shadow:0 2px 8px #0000000a}.n8d5yq_optionsSection{position:relative}.n8d5yq_stickyPanel{background:#fff;border:1.5px solid #ef44441a;border-radius:24px;flex-direction:column;gap:24px;padding:32px;display:flex;position:sticky;top:100px;box-shadow:0 8px 32px #0000000d}.n8d5yq_panelHeader{border-bottom:1px solid var(--color-border);padding-bottom:20px}.n8d5yq_fileNameDisplay{color:var(--color-primary);overflow-wrap:break-word;word-break:break-word;margin-bottom:6px;font-size:1rem;font-weight:700;line-height:1.4}.n8d5yq_fileDetails{color:var(--color-text-dim);font-size:.8125rem}.n8d5yq_actions{flex-direction:column;gap:16px;display:flex}.n8d5yq_fileMeta{flex-direction:column;display:flex}.n8d5yq_fileName{color:var(--color-dark);letter-spacing:-.02em;font-size:1.1rem;font-weight:800}.n8d5yq_pageCount{color:var(--color-text-dim);font-size:.875rem;font-weight:500}.n8d5yq_toolbarActions{gap:12px;display:flex}.n8d5yq_gridWrapper{min-height:500px;padding-bottom:100px}.n8d5yq_pageGrid{grid-template-columns:repeat(2,1fr);gap:32px;padding:10px;display:grid}.n8d5yq_pageCard{cursor:grab;background:0 0;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.n8d5yq_pageCard:active{cursor:grabbing}.n8d5yq_landscape{grid-column:span 1}.n8d5yq_pagePreviewWrap{aspect-ratio:1/1.414;border:1.5px solid var(--color-border);background:#fff;border-radius:16px;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000000a}.n8d5yq_landscape .n8d5yq_pagePreviewWrap{aspect-ratio:1.414}.n8d5yq_dragArea{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.n8d5yq_dragHandle{color:var(--color-primary);opacity:.3;z-index:5;transition:opacity .2s;position:absolute;top:12px;left:12px}.n8d5yq_pageCard:hover .n8d5yq_dragHandle{opacity:1}.n8d5yq_pageCard:hover .n8d5yq_pagePreviewWrap{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 0 0 4px #ef44441a,0 12px 24px #00000014}.n8d5yq_dragging .n8d5yq_pagePreviewWrap{opacity:.5;box-shadow:0 20px 40px #00000026}.n8d5yq_preview{object-fit:contain;justify-content:center;align-items:center;width:100%;max-width:100%;height:100%;max-height:100%;display:flex}.n8d5yq_isRotated90 .n8d5yq_preview{width:auto;max-width:100%;height:auto;max-height:100%}.n8d5yq_rotationWrapper{justify-content:center;align-items:center;width:100%;height:100%;transition:transform .3s;display:flex;position:relative}.n8d5yq_pageOverlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;z-index:10;background:#0006;flex-direction:column;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.n8d5yq_pageCard:hover .n8d5yq_pageOverlay{opacity:1}.n8d5yq_overlayActions{pointer-events:auto;gap:12px;display:flex}.n8d5yq_overlayBtn{width:42px;height:42px;color:var(--color-primary);cursor:pointer;background:#fff;border:1.5px solid #ef44441a;border-radius:12px;justify-content:center;align-items:center;font-size:1.2rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #00000014}.n8d5yq_overlayBtn:hover{border-color:var(--color-primary);background:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 16px #ef444433}.n8d5yq_deleteBtn:hover{color:#fff;background:#dc2626;border-color:#dc2626}.n8d5yq_pageNumberBadge{background:var(--color-primary);color:#fff;pointer-events:auto;z-index:10;border-radius:99px;padding:4px 12px;font-size:.75rem;font-weight:800;position:absolute;bottom:-10px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #ef44444d}.n8d5yq_rotationInfo{color:#fff;background:var(--color-primary);z-index:10;border-radius:6px;padding:3px 8px;font-size:.65rem;font-weight:800;position:absolute;top:-8px;right:-8px;box-shadow:0 4px 8px #ef444440}.n8d5yq_loadingGrid{grid-template-columns:repeat(2,1fr);gap:32px;padding:10px;display:grid}.n8d5yq_skeletonCard{flex-direction:column;gap:12px;display:flex;position:relative}.n8d5yq_skeletonPreview{aspect-ratio:1/1.414;background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:16px;width:100%;animation:1.5s infinite n8d5yq_shimmer}.n8d5yq_skeletonBadge{background:#f1f5f9;border-radius:99px;align-self:center;width:40px;height:20px;margin-top:-10px}@keyframes n8d5yq_shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.n8d5yq_hiddenPreview{display:none}@media (max-width:1024px){.n8d5yq_mainGrid{grid-template-columns:1fr}.n8d5yq_optionsSection{order:-1}.n8d5yq_stickyPanel{position:static}.n8d5yq_pageGrid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px}}@media (max-width:768px){.n8d5yq_toolbar{flex-direction:column;align-items:stretch;gap:16px;top:70px}.n8d5yq_toolbarActions{justify-content:space-between}.n8d5yq_pageGrid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width:640px){.n8d5yq_pageGrid,.n8d5yq_loadingGrid{grid-template-columns:1fr;gap:12px}.n8d5yq_previewCard{padding:10px}}.n8d5yq_promoCard{text-align:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;margin-top:32px;padding:24px}.n8d5yq_promoIcon{margin-bottom:12px;font-size:2rem}.n8d5yq_promoText{color:#475569;margin-bottom:16px;font-size:.875rem;font-weight:500;line-height:1.5}.n8d5yq_promoLink{color:#ef4444;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-block}.n8d5yq_promoLink:hover{text-decoration:underline}.n8d5yq_btn-success{color:#fff!important;background:#10b981!important;border-color:#10b981!important}