.arrange-board{display:grid;gap:14px;border:1px solid var(--panel-border);border-radius:12px;background:var(--panel-muted);padding:16px}.arrange-board__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}.arrange-board__title h2{margin:0;font-size:18px;letter-spacing:-.01em}.arrange-board__title p{margin:4px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.45}.arrange-board__tools{display:flex;flex-wrap:wrap;gap:8px}.arrange-tool-group{display:inline-flex;border:1px solid var(--panel-border);border-radius:10px;background:var(--panel-bg);box-shadow:var(--elev-1);overflow:hidden}.arrange-tool-group button,.arrange-select-all{display:inline-flex;align-items:center;gap:6px;min-height:36px;border:0;background:transparent;color:var(--text-secondary);cursor:pointer;padding:0 12px;font-size:13px;font-weight:700;white-space:nowrap;transition:background var(--dur-short) var(--ease-emphasized),color var(--dur-short) var(--ease-emphasized)}.arrange-tool-group button+button{border-left:1px solid var(--panel-border)}.arrange-tool-group button:hover:not(:disabled),.arrange-select-all:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--text-primary)}.arrange-select-all{border:1px solid var(--panel-border);border-radius:10px;background:var(--panel-bg);box-shadow:var(--elev-1)}.arrange-tool-group button:disabled,.arrange-select-all:disabled{cursor:not-allowed;opacity:.45}.arrange-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:12px;margin:0;border:1px solid var(--panel-border);border-radius:10px;background:var(--panel-bg);padding:12px;list-style:none}.arrange-grid.is-dragging{cursor:grabbing}.arrange-card{display:grid;grid-template-rows:auto 1fr auto auto;gap:8px;min-width:0;border:1px solid var(--panel-border);border-radius:10px;background:var(--panel-bg);box-shadow:var(--elev-1);padding:8px;transition:border-color var(--dur-short) var(--ease-emphasized),box-shadow var(--dur-short) var(--ease-emphasized),transform var(--dur-short) var(--ease-spring)}.arrange-card.is-selected{border-color:color-mix(in srgb,var(--privacy) 55%,var(--panel-border));box-shadow:0 0 0 2px color-mix(in srgb,var(--privacy) 26%,transparent),var(--elev-1)}.arrange-card.is-dragged{box-shadow:var(--elev-3);transform:scale(1.03);cursor:grabbing}.arrange-card__bar{display:flex;align-items:center;gap:6px}.arrange-handle{display:grid;width:26px;height:26px;place-items:center;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text-soft);cursor:grab;touch-action:none}.arrange-handle:hover:not(:disabled){border-color:var(--panel-border);background:var(--panel-muted);color:var(--text-primary)}.arrange-handle:active:not(:disabled){cursor:grabbing}.arrange-order{display:grid;min-width:20px;height:20px;place-items:center;border-radius:999px;background:var(--panel-muted);color:var(--text-secondary);padding:0 6px;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}.arrange-page-tag{color:var(--text-soft);font-size:10px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arrange-check{display:grid;width:22px;height:22px;flex-shrink:0;place-items:center;margin-left:auto;border:1.5px solid var(--panel-border);border-radius:6px;background:var(--panel-bg);color:transparent;cursor:pointer;transition:background var(--dur-short) var(--ease-emphasized),border-color var(--dur-short) var(--ease-emphasized)}.arrange-check.is-on{border-color:var(--privacy);background:var(--privacy);color:#fff}.arrange-card>*{min-width:0}.arrange-thumb{position:relative;display:grid;min-width:0;min-height:132px;place-items:center;border-radius:8px;background:var(--panel-muted);padding:8px;overflow:hidden}.arrange-thumb img{max-width:100%;max-height:128px;border-radius:4px;background:#fff;box-shadow:var(--elev-1);object-fit:contain;transition:transform var(--dur-medium) var(--ease-emphasized)}.arrange-thumb.is-quarter img{max-width:128px;max-height:128px}.arrange-thumb__pending{width:60%;height:84px;border-radius:6px;background:linear-gradient(100deg,var(--panel-border) 0%,color-mix(in srgb,var(--panel-bg) 70%,var(--panel-border)) 50%,var(--panel-border) 100%);background-size:220% 100%;animation:arrange-shimmer 1.3s linear infinite}@keyframes arrange-shimmer{0%{background-position:140% 0}to{background-position:-40% 0}}.arrange-enlarge{position:absolute;top:6px;right:6px;display:grid;width:26px;height:26px;place-items:center;border:1px solid var(--panel-border);border-radius:7px;background:color-mix(in srgb,var(--panel-bg) 88%,transparent);color:var(--text-secondary);cursor:pointer;opacity:0;transition:opacity var(--dur-short) var(--ease-emphasized)}.arrange-card:hover .arrange-enlarge,.arrange-enlarge:focus-visible{opacity:1}.arrange-name{min-width:0;margin:0;color:var(--text-soft);font-size:11.5px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arrange-card__actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.arrange-card__actions button{display:grid;min-height:32px;place-items:center;border:1px solid var(--panel-border);border-radius:7px;background:var(--panel-bg);color:var(--text-secondary);cursor:pointer;transition:background var(--dur-short) var(--ease-emphasized),border-color var(--dur-short) var(--ease-emphasized),color var(--dur-short) var(--ease-emphasized)}.arrange-card__actions button:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 40%,var(--panel-border));background:color-mix(in srgb,var(--accent) 10%,var(--panel-bg));color:var(--text-primary)}.arrange-card__actions button:disabled{cursor:not-allowed;opacity:.35}.arrange-card__actions .arrange-remove:hover:not(:disabled){border-color:color-mix(in srgb,var(--danger) 45%,var(--panel-border));background:color-mix(in srgb,var(--danger) 10%,var(--panel-bg));color:var(--danger)}.arrange-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.arrange-lightbox{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:#090c149e;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));backdrop-filter:blur(3px)}.arrange-lightbox__panel{display:grid;grid-template-rows:auto 1fr auto;gap:12px;width:min(880px,96vw);max-height:92vh;border:1px solid var(--panel-border);border-radius:14px;background:var(--panel-bg);box-shadow:var(--elev-3);padding:14px;animation:arrange-pop var(--dur-medium) var(--ease-spring) both}@keyframes arrange-pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.arrange-lightbox__panel header{display:flex;align-items:center;justify-content:space-between;gap:12px}.arrange-lightbox__panel header p{min-width:0;margin:0;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arrange-lightbox__panel header button{display:grid;width:36px;height:36px;flex-shrink:0;place-items:center;border:1px solid var(--panel-border);border-radius:9px;background:var(--panel-bg);color:var(--text-secondary);cursor:pointer}.arrange-lightbox__stage{display:grid;min-height:0;place-items:center;border-radius:10px;background:var(--panel-muted);padding:12px;overflow:hidden}.arrange-lightbox__stage.is-quarter img{max-width:min(58vh,620px);max-height:min(58vh,620px)}.arrange-lightbox__stage img{max-width:100%;max-height:min(66vh,720px);border-radius:6px;background:#fff;box-shadow:var(--elev-2);object-fit:contain;transition:transform var(--dur-medium) var(--ease-emphasized)}.arrange-lightbox__panel footer{display:flex;justify-content:center;gap:8px}.arrange-lightbox__panel footer button{display:inline-flex;align-items:center;gap:7px;min-height:44px;border:1px solid var(--panel-border);border-radius:10px;background:var(--panel-bg);color:var(--text-primary);cursor:pointer;padding:0 18px;font-size:14px;font-weight:700}.arrange-lightbox__panel footer button:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--panel-border));background:color-mix(in srgb,var(--accent) 10%,var(--panel-bg))}@media(max-width:640px){.arrange-board{padding:10px}.arrange-board__tools{width:100%}.arrange-tool-group{flex:1 1 auto}.arrange-tool-group button{flex:1 1 auto;justify-content:center;padding:0 8px}.arrange-select-all{flex:1 1 100%;justify-content:center}.arrange-grid{grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:8px;padding:8px}.arrange-thumb{min-height:116px;padding:6px}.arrange-thumb img{max-height:112px}.arrange-thumb.is-quarter img{max-width:112px;max-height:112px}.arrange-card__actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.arrange-card__actions button{min-height:38px}.arrange-enlarge{width:30px;height:30px;opacity:1}}@media(prefers-reduced-motion:reduce){.arrange-card,.arrange-check,.arrange-enlarge,.arrange-card__actions button,.arrange-tool-group button,.arrange-select-all,.arrange-thumb img,.arrange-lightbox__stage img{transition:none}.arrange-card.is-dragged{transform:none}.arrange-lightbox__panel,.arrange-thumb__pending{animation:none}}.itp-options{display:grid;gap:4px}.itp-preview{display:grid;gap:8px;justify-items:center;border:1px solid var(--panel-border);border-radius:12px;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 7%,transparent),transparent 62%),var(--panel-bg);padding:14px 12px 12px;margin-bottom:10px}.itp-preview__stage{display:grid;min-height:140px;place-items:center;width:100%}.itp-page__sheet{fill:#fff;stroke:color-mix(in srgb,var(--text-primary) 22%,transparent);stroke-width:3;paint-order:stroke}.itp-page__photo{fill:color-mix(in srgb,var(--accent) 58%,#ffffff);stroke:var(--accent);stroke-width:2;animation:itp-photo-in var(--dur-medium) var(--ease-decelerate) both}@keyframes itp-photo-in{0%{opacity:0}to{opacity:1}}.itp-preview__caption{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin:0;color:var(--text-secondary);font-size:12px;line-height:1.4;text-align:center}.itp-preview__caption strong{color:var(--text-primary);font-weight:800}.itp-group{display:grid;gap:7px;padding:11px 0}.itp-group+.itp-group{border-top:1px solid color-mix(in srgb,var(--panel-border) 70%,transparent)}.itp-group__label{margin:0;color:var(--text-primary);font-size:12px;font-weight:750;letter-spacing:.01em}.itp-group__note{margin:0;color:var(--text-soft);font-size:11.5px;font-weight:500;line-height:1.45}.itp-segmented{display:flex;gap:3px;border:1px solid var(--panel-border);border-radius:10px;background:var(--panel-muted);padding:3px}.itp-segmented button{flex:1 1 0;min-width:0;min-height:34px;border:0;border-radius:7px;background:transparent;color:var(--text-secondary);cursor:pointer;padding:0 5px;font-size:12px;font-weight:650;line-height:1.2;text-wrap:nowrap;transition:background var(--dur-short) var(--ease-emphasized),color var(--dur-short) var(--ease-emphasized),box-shadow var(--dur-short) var(--ease-emphasized)}.itp-segmented button:hover:not(.is-active){background:color-mix(in srgb,var(--text-primary) 5%,transparent);color:var(--text-primary)}.itp-segmented button.is-active{background:var(--panel-bg);color:var(--text-primary);box-shadow:var(--elev-1);font-weight:750}@media(max-width:640px){.itp-segmented button{min-height:40px}}@media(prefers-reduced-motion:reduce){.itp-segmented button,.itp-page__photo{transition:none;animation:none}}