.tool--reorder{width:100%;max-width:1200px;margin:0 auto;padding:clamp(14px,2vw,18px);animation:in .35s ease-out both}@keyframes in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.reorderTop{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:12px}.reorderTitle{margin:0;font-size:18px;font-weight:950;letter-spacing:-.01em}.reorderSub{margin:6px 0 0;line-height:1.55;font-size:13px;max-width:70ch}.reorderTop__right{display:flex;gap:10px;align-items:center}.guideCard{border:1px solid var(--border);border-radius:18px;background:radial-gradient(880px 260px at 0% 0%,color-mix(in srgb,var(--p4) 14%,transparent),transparent),color-mix(in srgb,var(--card) 92%,transparent);padding:12px;margin-bottom:12px}.guideHead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:4px 4px 10px;border-bottom:1px solid color-mix(in srgb,var(--border) 80%,transparent)}.guideTitle{font-weight:950}.guideList{margin:10px 0 0;padding-left:18px;display:grid;gap:6px;color:var(--text);font-weight:650}.guideList li{color:color-mix(in srgb,var(--text) 92%,transparent);line-height:1.45;font-size:13px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--card) 96%,transparent);margin:12px 0 14px}.toolbar__left,.toolbar__right{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.btn--danger{border-color:color-mix(in srgb,var(--p5) 65%,var(--border));background:color-mix(in srgb,var(--p5) 35%,transparent)}.pageGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.pageCard{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:color-mix(in srgb,var(--card) 94%,transparent);box-shadow:var(--shadow);cursor:pointer;position:relative;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.pageCard:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--p1) 55%,var(--border))}.pageCard--selected{border-color:color-mix(in srgb,var(--p1) 72%,var(--border));box-shadow:0 18px 60px #809bce38}.pageThumb{aspect-ratio:3 / 4;background:color-mix(in srgb,var(--p4) 18%,transparent);display:flex;align-items:center;justify-content:center}.pageThumb img{width:100%;height:100%;object-fit:cover}.pageMeta{padding:10px}.pageLabel{font-weight:950;line-height:1.15}.pageTick{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:999px;display:grid;place-items:center;font-weight:950;background:color-mix(in srgb,var(--card) 85%,transparent);border:1px solid var(--border)}.blankThumb{width:100%;height:100%;display:grid;place-items:center;gap:6px}.blankThumb__icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:26px;font-weight:950;background:linear-gradient(135deg,var(--p3),var(--p5));color:#0c1222}.blankThumb__txt{font-weight:900;color:var(--muted)}.emptyState{grid-column:1 / -1;border:1px dashed var(--border);border-radius:18px;padding:22px;text-align:center;background:radial-gradient(900px 280px at 0% 0%,color-mix(in srgb,var(--p4) 18%,transparent),transparent),color-mix(in srgb,var(--card) 92%,transparent);display:grid;gap:8px;place-items:center}.emptyState__icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-weight:950;letter-spacing:.3px;background:color-mix(in srgb,var(--p4) 22%,transparent);border:1px solid var(--border)}.emptyState__title{font-weight:950;font-size:16px}.emptyState__btn{margin-top:6px;min-height:44px;border-radius:14px;padding-inline:16px}@media (max-width: 640px){.reorderTop__right{width:100%}.reorderTop__right .btn{flex:1;justify-content:center;min-height:44px}.toolbar{flex-direction:column;align-items:stretch}.toolbar__right .btn{flex:1;min-height:44px}.pageGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion: reduce){.tool--reorder{animation:none!important}.pageCard{transition:none!important}}