.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}}.convert-root{padding-bottom:48px}.convert-board{display:grid;gap:18px}.convert-tabs{display:flex;flex-wrap:wrap;gap:8px}.convert-tabs button{min-height:38px;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-muted);color:var(--text-secondary);font-weight:850;padding:0 12px}.convert-tabs button.active{border-color:color-mix(in srgb,var(--accent) 38%,var(--panel-border));background:var(--panel-bg);color:var(--text-primary)}.convert-tabs.compact{display:grid;grid-template-columns:1fr}.convert-tabs.compact button{justify-content:flex-start;text-align:left}.compress-options-panel{display:grid;gap:14px}.compress-options-panel .compression-levels{grid-template-columns:1fr}.compress-option-note{margin:0;color:var(--text-secondary);font-size:12px;font-weight:760;line-height:1.4}.compress-option-note.warning{color:var(--danger)}.pdf-to-images-options{display:grid;gap:14px}.pdf-to-images-options fieldset{display:grid;gap:10px;min-width:0;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-muted);padding:12px}.pdf-to-images-options legend{color:var(--text-primary);font-size:13px;font-weight:850;padding:0 4px}.convert-segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.convert-segmented-control.three{grid-template-columns:repeat(3,minmax(0,1fr))}.convert-segmented-control button{min-height:38px;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-bg);color:var(--text-secondary);cursor:pointer;font-weight:850}.convert-segmented-control button.active{border-color:color-mix(in srgb,var(--accent) 46%,var(--panel-border));background:color-mix(in srgb,var(--accent) 10%,var(--panel-bg));color:var(--text-primary)}.convert-field{display:grid;gap:6px}.convert-field span{color:var(--text-secondary);font-size:12px;font-weight:820}.convert-field input{min-height:40px;min-width:0;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-bg);color:var(--text-primary);font:inherit;font-weight:760;padding:0 10px}.compression-levels.compact-options{grid-template-columns:1fr}.compression-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.compression-levels button{display:grid;min-height:74px;gap:5px;align-content:center;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-muted);color:var(--text-primary);padding:12px;text-align:left}.compression-levels button.active{border-color:color-mix(in srgb,var(--accent) 46%,var(--panel-border));background:var(--panel-bg)}.compression-levels button:disabled{cursor:not-allowed;opacity:.58}.compression-levels strong{font-size:14px;line-height:1.2}.compression-levels span{color:var(--text-secondary);font-size:12px;font-weight:720;line-height:1.35}.convert-tool-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-muted);padding:16px}.convert-tool-card h2{margin:0 0 6px}.convert-tool-card p{max-width:720px;margin:0;color:var(--text-secondary);line-height:1.45}.convert-tool-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.convert-primary-action{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:#fff;font-weight:850;padding:0 14px}.convert-primary-action:disabled{cursor:not-allowed;opacity:.55}.convert-source-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.convert-source-panel{display:grid;align-content:start;gap:10px;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-muted);padding:14px}.convert-source-panel h2{margin:0;font-size:18px}.convert-source-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.convert-source-list{display:grid;gap:10px}.convert-source-panel p{margin:0;color:var(--text-secondary)}.convert-page-preview-panel{display:grid;gap:12px;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-muted);padding:14px}.convert-page-preview-frame{min-height:260px;max-height:min(72vh,720px);overflow:auto;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-bg);padding:12px}.convert-source-row{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:9px;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-bg);color:var(--text-primary);font-weight:800;padding:10px}.convert-source-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-queue .recent-outputs-header p{margin:6px 0 0;color:var(--text-secondary)}.job-list{display:grid;gap:10px}.job-card{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(180px,1fr) auto;align-items:center;gap:14px;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-muted);padding:12px}.job-card div:first-child{display:grid;gap:4px}.job-card strong{font-weight:900}.job-card span{color:var(--text-secondary);font-size:13px;font-weight:780}.job-card.complete{border-color:#16a34a47}.job-card.failed,.job-card.cancelled{border-color:#dc262647}.job-progress{overflow:hidden;height:10px;border-radius:999px;background:var(--panel-bg)}.job-progress span{display:block;height:100%;border-radius:inherit;background:var(--accent)}.job-card button{display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:6px;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-bg);color:var(--text-primary);font-size:13px;font-weight:850;padding:0 10px}.job-card>svg{color:var(--privacy)}.job-card.failed>svg,.job-card.cancelled>svg{color:var(--danger)}.compress-processing{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid color-mix(in srgb,var(--accent) 36%,var(--panel-border));border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent),var(--panel-muted);padding:14px}.compress-processing-orbit{display:grid;width:48px;height:48px;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);box-shadow:0 0 color-mix(in srgb,var(--accent) 24%,transparent);animation:compress-orbit-pulse 1.6s ease-out infinite}.compress-processing-copy{display:grid;min-width:0;gap:5px}.compress-processing-copy strong{font-size:16px;font-weight:900}.compress-processing-copy span{color:var(--text-secondary);font-size:13px;font-weight:760;line-height:1.4}.compress-processing button{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:6px;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-bg);color:var(--text-primary);font-weight:850;padding:0 10px}.compress-progress-track{overflow:hidden;height:9px;border-radius:999px;background:var(--panel-bg)}.compress-progress-track span{display:block;width:calc(var(--progress, .04) * 100%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--privacy) 72%,var(--accent)));transition:width .24s ease}.compress-progress-track.indeterminate span{width:40%;transition:none;animation:compress-progress-slide 1.1s ease-in-out infinite}@keyframes compress-progress-slide{0%{transform:translate(-110%)}to{transform:translate(320%)}}@media(prefers-reduced-motion:reduce){.compress-progress-track.indeterminate span{animation-duration:0s}}.compress-result-hero{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;border:1px solid color-mix(in srgb,var(--privacy) 38%,var(--panel-border));border-radius:10px;background:color-mix(in srgb,var(--privacy) 8%,var(--panel-bg));padding:18px}.compress-result-hero h2,.compress-result-hero p{margin:0}.compress-result-hero h2{font-size:24px}.compress-result-hero p:not(.merge-eyebrow){color:var(--text-secondary);margin-top:5px}.compress-result-meter{position:relative;display:grid;width:118px;height:118px;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--privacy) 42%,var(--panel-border));border-radius:999px;background:var(--panel-bg);isolation:isolate}.compress-result-meter:before{position:absolute;inset:8px;border-radius:inherit;background:conic-gradient(var(--privacy) calc(var(--compression-ratio, .04) * 1turn),color-mix(in srgb,var(--privacy) 14%,transparent) 0);content:"";animation:compression-fill .72s ease-out both;z-index:-2}.compress-result-meter:after{position:absolute;inset:18px;border-radius:inherit;background:var(--panel-bg);content:"";z-index:-1}.compress-result-meter strong{font-size:27px;font-weight:950}.compress-result-meter small{margin-top:-22px;color:var(--text-secondary);font-size:12px;font-weight:850}@keyframes compress-orbit-pulse{70%{box-shadow:0 0 0 12px transparent}}@media(max-width:800px){.compression-levels,.convert-tool-card,.convert-source-grid,.job-card,.compress-processing,.compress-result-hero{grid-template-columns:1fr}.convert-tool-actions{justify-content:flex-start}.compress-source-preview{grid-template-columns:1fr;justify-items:center;text-align:center}}