.page-module__n8d5yq__container{padding:20px 0}.page-module__n8d5yq__uploadArea{width:100%}.page-module__n8d5yq__uploadLabel{cursor:pointer;width:100%;display:block}.page-module__n8d5yq__hiddenInput{display:none}.page-module__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}.page-module__n8d5yq__uploadBox:before{content:"";pointer-events:none;background:radial-gradient(at 100% 0,#ef44440a 0%,#0000 60%);position:absolute;inset:0}.page-module__n8d5yq__uploadBox:hover,.page-module__n8d5yq__uploadBox.page-module__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}.page-module__n8d5yq__uploadBox.page-module__n8d5yq__dragging{background:linear-gradient(135deg,#fff5f5 0%,#fff0f0 100%);border-style:solid}.page-module__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}.page-module__n8d5yq__uploadBox:hover .page-module__n8d5yq__uploadIcon{background:#ef44441f;border-color:#ef44444d;transform:scale(1.08)rotate(-4deg);box-shadow:0 8px 24px #ef444426}.page-module__n8d5yq__uploadTitle{font-family:var(--font-display);color:var(--color-text);letter-spacing:-.03em;margin-top:8px;font-size:1.75rem;font-weight:800}.page-module__n8d5yq__uploadSubtitle{color:var(--color-text-dim);margin-bottom:8px;font-size:1rem;line-height:1.5}.page-module__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}.page-module__n8d5yq__uploadBtn:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 8px 24px #ef444459}.page-module__n8d5yq__workspace{margin-top:20px}.page-module__n8d5yq__mainGrid{grid-template-columns:1fr 350px;gap:32px;display:grid}.page-module__n8d5yq__previewSection{background:#f8fafc;border:1.5px solid #ef44440f;border-radius:24px;padding:32px}.page-module__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}.page-module__n8d5yq__optionsSection{position:relative}.page-module__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}.page-module__n8d5yq__panelHeader{border-bottom:1px solid var(--color-border);padding-bottom:20px}.page-module__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}.page-module__n8d5yq__fileDetails{color:var(--color-text-dim);font-size:.8125rem}.page-module__n8d5yq__actions{flex-direction:column;gap:16px;display:flex}.page-module__n8d5yq__fileMeta{flex-direction:column;display:flex}.page-module__n8d5yq__fileName{color:var(--color-dark);letter-spacing:-.02em;font-size:1.1rem;font-weight:800}.page-module__n8d5yq__pageCount{color:var(--color-text-dim);font-size:.875rem;font-weight:500}.page-module__n8d5yq__toolbarActions{gap:12px;display:flex}.page-module__n8d5yq__gridWrapper{min-height:500px;padding-bottom:100px}.page-module__n8d5yq__pageGrid{grid-template-columns:repeat(2,1fr);gap:32px;padding:10px;display:grid}.page-module__n8d5yq__pageCard{cursor:grab;background:0 0;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.page-module__n8d5yq__pageCard:active{cursor:grabbing}.page-module__n8d5yq__landscape{grid-column:span 1}.page-module__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}.page-module__n8d5yq__landscape .page-module__n8d5yq__pagePreviewWrap{aspect-ratio:1.414}.page-module__n8d5yq__dragArea{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.page-module__n8d5yq__dragHandle{color:var(--color-primary);opacity:.3;z-index:5;transition:opacity .2s;position:absolute;top:12px;left:12px}.page-module__n8d5yq__pageCard:hover .page-module__n8d5yq__dragHandle{opacity:1}.page-module__n8d5yq__pageCard:hover .page-module__n8d5yq__pagePreviewWrap{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 0 0 4px #ef44441a,0 12px 24px #00000014}.page-module__n8d5yq__dragging .page-module__n8d5yq__pagePreviewWrap{opacity:.5;box-shadow:0 20px 40px #00000026}.page-module__n8d5yq__preview{object-fit:contain;justify-content:center;align-items:center;width:100%;max-width:100%;height:100%;max-height:100%;display:flex}.page-module__n8d5yq__isRotated90 .page-module__n8d5yq__preview{width:auto;max-width:100%;height:auto;max-height:100%}.page-module__n8d5yq__rotationWrapper{justify-content:center;align-items:center;width:100%;height:100%;transition:transform .3s;display:flex;position:relative}.page-module__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}.page-module__n8d5yq__pageCard:hover .page-module__n8d5yq__pageOverlay{opacity:1}.page-module__n8d5yq__overlayActions{pointer-events:auto;gap:12px;display:flex}.page-module__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}.page-module__n8d5yq__overlayBtn:hover{border-color:var(--color-primary);background:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 16px #ef444433}.page-module__n8d5yq__deleteBtn:hover{color:#fff;background:#dc2626;border-color:#dc2626}.page-module__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}.page-module__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}.page-module__n8d5yq__loadingGrid{grid-template-columns:repeat(2,1fr);gap:32px;padding:10px;display:grid}.page-module__n8d5yq__skeletonCard{flex-direction:column;gap:12px;display:flex;position:relative}.page-module__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 page-module__n8d5yq__shimmer}.page-module__n8d5yq__skeletonBadge{background:#f1f5f9;border-radius:99px;align-self:center;width:40px;height:20px;margin-top:-10px}@keyframes page-module__n8d5yq__shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.page-module__n8d5yq__hiddenPreview{display:none}@media (max-width:1024px){.page-module__n8d5yq__mainGrid{grid-template-columns:1fr}.page-module__n8d5yq__optionsSection{order:-1}.page-module__n8d5yq__stickyPanel{position:static}.page-module__n8d5yq__pageGrid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px}}@media (max-width:768px){.page-module__n8d5yq__toolbar{flex-direction:column;align-items:stretch;gap:16px;top:70px}.page-module__n8d5yq__toolbarActions{justify-content:space-between}.page-module__n8d5yq__pageGrid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width:640px){.page-module__n8d5yq__pageGrid,.page-module__n8d5yq__loadingGrid{grid-template-columns:1fr;gap:12px}.page-module__n8d5yq__previewCard{padding:10px}}.page-module__n8d5yq__promoCard{text-align:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;margin-top:32px;padding:24px}.page-module__n8d5yq__promoIcon{margin-bottom:12px;font-size:2rem}.page-module__n8d5yq__promoText{color:#475569;margin-bottom:16px;font-size:.875rem;font-weight:500;line-height:1.5}.page-module__n8d5yq__promoLink{color:#ef4444;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-block}.page-module__n8d5yq__promoLink:hover{text-decoration:underline}.page-module__n8d5yq__btn-success{color:#fff!important;background:#10b981!important;border-color:#10b981!important}