.pdf-tool{min-width:0}.pdf-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);align-items:start}.pdf-col-main,.pdf-col-side{min-width:0}.pdf-grid.pdf-areas>.panel{margin-top:0}.pdf-grid.pdf-areas>.pdf-a{grid-area:a}.pdf-grid.pdf-areas>.pdf-b{grid-area:b}.pdf-grid.pdf-areas>.pdf-c{grid-area:c}.pdf-grid.pdf-areas{grid-template-areas:"a" "b" "c"}.pdf-grid .pdf-col-side>.panel+.panel{margin-top:12px}.pdf-empty .pdf-col-side,.pdf-empty .pdf-areas>.pdf-b,.pdf-empty .pdf-areas>.pdf-c{display:none}@media(min-width:900px){.pdf-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr)}.pdf-grid.pdf-areas{grid-template-areas:"a b" "c b";grid-template-rows:auto 1fr}.pdf-empty .pdf-grid{grid-template-columns:minmax(0,1fr)}.pdf-col-side{position:sticky;top:calc(var(--header-h, 58px) + 12px);max-height:calc(100vh - var(--header-h, 58px) - 24px);overflow-y:auto;padding:2px;margin:-2px}.pdf-areas>.pdf-b{position:sticky;top:calc(var(--header-h, 58px) + 12px)}}.pdf-tool.pdf-dragover{outline:3px dashed var(--brand);outline-offset:4px;border-radius:14px}.pdf-tool.pdf-dragover .dropzone{border-color:var(--brand);background:var(--brand-l)}.dropzone.pdf-more{padding:10px 12px;margin:10px 0;border-width:2px;font-size:.95rem}.dropzone.pdf-more strong{display:inline;margin:0;color:var(--brand-d)}.dropzone:focus-visible{outline:3px solid #93b4f5;outline-offset:2px}.pdf-locked .dropzone{opacity:.5;pointer-events:none}.pdf-summary{margin:10px 0 6px;font-size:.93rem;color:var(--muted)}.pdf-tool .pdf-rangehint{margin:0 0 10px}.pdf-tool .pdf-state{margin:8px 0 0}.pdf-tool .pdf-first{margin:0 0 12px}.pdf-listwrap{position:relative;min-width:0}.pdf-list{list-style:none;margin:0;padding:0;display:grid;row-gap:8px}.pdf-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:6px 8px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px 8px 6px 4px;position:relative;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;user-select:none;-webkit-user-select:none;min-width:0}.pdf-list.no-anim .pdf-row{transition:none}.pdf-row.is-drag{z-index:3;transition:box-shadow .16s ease;box-shadow:0 10px 28px #0f172a40;border-color:var(--brand);cursor:grabbing}.pdf-row.is-bad{border-color:var(--danger);background:#fff8f8}.pdf-busy .pdf-row{opacity:.8}.pdf-grip{-webkit-appearance:none;appearance:none;border:0;background:transparent;width:42px;min-height:58px;align-self:stretch;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--muted);cursor:grab;touch-action:none;border-radius:10px;font:inherit}.pdf-grip:hover:not([disabled]){background:var(--brand-l);color:var(--brand-d)}.pdf-grip:focus-visible,.pdf-iconbtn:focus-visible,.pdf-notice-x:focus-visible{outline:3px solid #93b4f5;outline-offset:1px}.pdf-grip[disabled]{cursor:default;opacity:.5}.pdf-num{font-weight:800;font-size:.92rem;color:var(--ink);min-width:1.6em;text-align:center;line-height:1}.pdf-ico{display:inline-flex;line-height:0}.pdf-main{display:flex;align-items:center;gap:10px;min-width:0}.pdf-thumb{flex:none;width:48px;height:62px;border:1px solid var(--line);border-radius:6px;background:#f1f5fb;display:grid;place-items:center;overflow:hidden}.pdf-thumb canvas{width:100%;height:100%;object-fit:contain;display:block}.pdf-thumb-none{font-size:.7rem;font-weight:800;color:var(--muted)}.pdf-info{min-width:0;flex:1}.pdf-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-meta{font-size:.85rem;color:var(--muted);overflow-wrap:anywhere}.pdf-pages{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin-top:6px;font-size:.88rem;font-weight:600}.pdf-pages .pdf-range{width:9.5em;padding:6px 9px;font-size:.92rem;border-radius:8px;user-select:text;-webkit-user-select:text}.pdf-pages .pdf-range[aria-invalid=true],.pdf-customrow .pdf-custom[aria-invalid=true]{border-color:var(--danger);outline:2px solid #fecaca}.pdf-take{color:var(--ok);font-weight:600}.pdf-err{color:var(--danger);font-size:.88rem;margin-top:4px;font-weight:600;overflow-wrap:anywhere}.pdf-err:before{content:"! ";font-weight:800}.pdf-actions{display:flex;gap:4px}.pdf-iconbtn{-webkit-appearance:none;appearance:none;border:1px solid var(--line);background:#fff;color:var(--ink);width:38px;height:38px;padding:0;border-radius:10px;display:grid;place-items:center;cursor:pointer}.pdf-iconbtn:hover:not([disabled]){border-color:#9db9f2;background:var(--brand-l);color:var(--brand-d)}.pdf-iconbtn[disabled]{opacity:.35;cursor:not-allowed}.pdf-remove:hover:not([disabled]){border-color:var(--danger);background:#fef2f2;color:var(--danger)}@media(pointer:coarse){.pdf-iconbtn{width:44px;height:44px}}.pdf-narrow .pdf-row{grid-template-columns:46px minmax(0,1fr)}.pdf-narrow .pdf-grip{grid-row:1 / span 2}.pdf-narrow .pdf-actions{grid-column:2;justify-content:flex-start;flex-wrap:wrap}.pdf-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.pdf-radios{border:0;margin:0;padding:0;min-width:0;display:grid;gap:8px}.pdf-radio{display:block;position:relative;cursor:pointer}.pdf-radio-input{position:absolute;opacity:0;width:1px;height:1px;left:20px;top:20px;margin:0}.pdf-radio-body{display:block;position:relative;border:2px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px 10px 44px;transition:border-color .12s,background .12s}.pdf-radio-body:before{content:"";position:absolute;left:13px;top:13px;width:18px;height:18px;border-radius:50%;border:2px solid #8b9ab3;background:#fff}.pdf-radio:hover .pdf-radio-body{border-color:#9db9f2}.pdf-radio-input:checked+.pdf-radio-body{border-color:var(--brand);background:var(--brand-l)}.pdf-radio-input:checked+.pdf-radio-body:before{border-color:var(--brand);background:radial-gradient(circle,var(--brand) 0 44%,#fff 48%)}.pdf-radio-input:focus-visible+.pdf-radio-body{outline:3px solid #93b4f5;outline-offset:2px}.pdf-radio-title{display:block;font-weight:700}.pdf-radio-hint{display:block;color:var(--muted);font-size:.88rem;margin-top:2px}.pdf-radios:disabled .pdf-radio{opacity:.6;cursor:not-allowed}.pdf-check{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:10px 12px;border:2px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}.pdf-check:focus-within{outline:3px solid #93b4f5;outline-offset:2px}.pdf-check-input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--brand)}.pdf-check-body{display:block;min-width:0}.pdf-check-title{display:block;font-weight:700}.pdf-check-hint{display:block;color:var(--muted);font-size:.88rem;margin-top:2px}.pdf-filecard{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 10px}.pdf-target{margin:12px 0 0;padding:12px;background:#fff;border:1px solid var(--line);border-radius:12px}.pdf-radios~.btn.block{margin-top:14px}.pdf-target-title{font-weight:700;margin-bottom:8px}.pdf-target .chip{min-height:38px}.pdf-customrow{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin-top:10px;font-weight:600;font-size:.93rem}.pdf-customrow .pdf-custom{width:9.5em;padding:7px 10px}.pdf-target .hint{margin-top:10px}.pdf-progress{margin:12px 0 4px}.pdf-ptext{margin:0 0 2px;color:var(--ink)}.pdf-notice{border-radius:10px;padding:8px 12px 10px;margin:10px 0;border:1px solid}.pdf-notice.is-error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.pdf-notice.is-warn{background:var(--warn-l);border-color:#f3d9a4;color:var(--warn)}.pdf-notice-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.pdf-notice-x{-webkit-appearance:none;appearance:none;border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer;color:inherit;min-width:36px;min-height:36px;border-radius:8px}.pdf-notice p{margin:.2em 0 0;font-size:.93rem;overflow-wrap:anywhere}.pdf-result{border:2px solid var(--ok);background:var(--ok-l);border-radius:14px;padding:14px;margin-top:12px}.pdf-result.is-warn{border-color:#d9a441;background:var(--warn-l)}.pdf-result:focus{outline:none}.pdf-result:focus-visible{outline:3px solid #93b4f5;outline-offset:2px}.pdf-result-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:1.05rem}.step-badge.warn{background:#b45309}.pdf-result-line{margin:0 0 10px;font-weight:600;overflow-wrap:anywhere}.pdf-result-line .pdf-nowrap{white-space:nowrap}.pdf-result p{margin:0 0 .7em}.pdf-result .hint{margin:8px 0 0}.pdf-download{margin-top:6px}.pdf-saved{font-weight:700;color:var(--ok)}.pdf-bars{display:grid;gap:6px;margin:6px 0 10px}.pdf-bar-row{display:grid;grid-template-columns:3.4em minmax(0,1fr) auto;align-items:center;gap:8px}.pdf-bar-label{font-size:.9rem;color:var(--muted)}.pdf-bar-track{display:block;height:12px;border-radius:99px;background:#dfe7f3;overflow:hidden}.pdf-bar{display:block;height:100%;border-radius:99px}.pdf-bar.old{background:#94a3b8}.pdf-bar.new{background:var(--ok)}.pdf-bar-size{min-width:5.6em;text-align:right;font-variant-numeric:tabular-nums}.pdf-warning{background:#fff;border:1px solid #f3d9a4;color:var(--warn);border-radius:10px;padding:8px 12px;font-size:.93rem}.pdf-more-opts{border-top:1px dashed #b9c6dc;margin-top:12px;padding-top:10px}.pdf-more-opts .hint{margin:0 0 8px}.btn.pdf-strong{margin-top:4px}@media(prefers-reduced-motion:reduce){.pdf-row,.pdf-radio-body{transition:none}}.tool-card[data-tool=pdf-pages]{--h: 8}.pt-filecard{margin-bottom:10px}.pt-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:4px 0 6px}.pt-tb-group{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.pt-tb-label{font-size:.9rem;font-weight:600;color:var(--muted)}.pt-tb-numbers label{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem;flex-wrap:wrap}.pt-tb-numbers .pt-numbers{width:13em;max-width:100%;padding:6px 9px;font-size:.92rem;border-radius:8px}.pt-tb-numbers .pt-numbers[aria-invalid=true],.pt-split-input[aria-invalid=true]{border-color:var(--danger);outline:2px solid #fecaca}.pt-tb-numbers .pdf-err{margin-top:2px}.pt-tb-rot{gap:6px}.pt-tb-rot .pdf-ico svg{width:18px;height:18px}.pt-flip .pdf-ico svg{transform:scaleX(-1)}.pt-tool .pt-gridhint{margin:2px 0 10px}.pt-gridwrap{position:relative;min-width:0}.pt-grid{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(136px,1fr))}.pt-card{position:relative;background:#fff;border:2px solid var(--line);border-radius:12px;padding:6px;min-width:0;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;user-select:none;-webkit-user-select:none}.pt-grid.no-anim .pt-card{transition:none}.pt-card.is-drag{z-index:5;transition:box-shadow .16s ease;box-shadow:0 12px 30px #0f172a47;border-color:var(--brand);cursor:grabbing}.pt-grid.is-dragging,.pt-grid.is-dragging *{cursor:grabbing}.pt-thumb{display:block;position:relative;cursor:pointer;border-radius:8px}.pt-check{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}.pt-check:focus-visible~.pt-img{outline:3px solid #93b4f5;outline-offset:2px}.pt-img{display:grid;place-items:center;aspect-ratio:3 / 4;background:#eef2f9;border-radius:6px;overflow:hidden;position:relative;font-size:.8rem;color:var(--muted)}.pt-img canvas{width:100%;height:100%;object-fit:contain;display:block}.pt-img.no-img{text-align:center;padding:6px}.pt-tick{position:absolute;left:6px;top:6px;width:28px;height:28px;border-radius:50%;background:#fff;border:2px solid #aab7cf;display:grid;place-items:center;color:#fff;pointer-events:none;z-index:2;box-shadow:0 1px 4px #0f172a33}.pt-tick svg{opacity:0}.pt-grip{position:absolute;right:10px;top:10px;width:38px;height:38px;padding:0;z-index:3;touch-action:none;-webkit-appearance:none;appearance:none;border:1px solid var(--line);background:#fffffff0;color:var(--muted);border-radius:10px;display:grid;place-items:center;cursor:grab;box-shadow:0 1px 4px #0f172a2e}.pt-grip:hover:not([disabled]){background:var(--brand-l);color:var(--brand-d);border-color:#9db9f2}.pt-grip[disabled]{cursor:default;opacity:.5}.pt-grip:focus-visible,.pt-rot:focus-visible{outline:3px solid #93b4f5;outline-offset:1px}.pt-foot{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:6px}.pt-label{text-align:center;line-height:1.15;font-weight:800;min-width:0}.pt-was{display:block;font-weight:600;font-size:.74rem;color:var(--muted)}.pt-rot{-webkit-appearance:none;appearance:none;border:1px solid var(--line);background:#fff;color:var(--ink);width:38px;height:38px;padding:0;flex:none;border-radius:10px;display:grid;place-items:center;cursor:pointer}.pt-rot:hover:not([disabled]){border-color:#9db9f2;background:var(--brand-l);color:var(--brand-d)}.pt-rot[disabled]{opacity:.4;cursor:not-allowed}.pt-rot-l .pdf-ico svg{transform:scaleX(-1)}.pt-busy .pt-card{opacity:.85}@media(pointer:coarse){.pt-grip,.pt-rot{width:44px;height:44px}.pt-toolbar .btn.sm{min-height:40px}}.is-marked .pt-tick svg{opacity:1}.is-marked .pt-tick{background:var(--brand);border-color:var(--brand)}.is-marked{border-color:var(--brand)}.pt-mode-delete .is-marked{border-color:var(--danger);background:#fff8f8}.pt-mode-delete .is-marked .pt-tick{background:var(--danger);border-color:var(--danger)}.pt-mode-delete .is-marked .pt-img canvas{filter:grayscale(1);opacity:.45}.pt-mode-delete .is-marked .pt-img:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(220,38,38,.16) 0 6px,transparent 6px 12px)}.pt-mode-extract .is-marked{border-color:var(--ok);background:var(--ok-l)}.pt-mode-extract .is-marked .pt-tick{background:var(--ok);border-color:var(--ok)}.pt-mode-extract.pt-any .pt-card:not(.is-marked) .pt-img canvas{opacity:.4}.pt-mode-split .pt-tick{display:none}.pt-mode-split .is-marked{border-color:var(--line);background:#fff}.pt-modes{margin-bottom:4px}.pt-split{margin-top:12px;padding-top:12px;border-top:1px dashed #b9c6dc}.pt-split .pdf-radios{gap:6px}.pt-field{display:block;margin-top:10px;font-weight:600;font-size:.93rem}.pt-field .pt-split-input{margin-top:4px}.pt-field .pt-every{width:8em}.pt-split .hint{margin:6px 0 0}.pt-parts{margin:10px 0 0;padding-left:1.3em;font-size:.9rem}.pt-parts li{margin:2px 0}.pt-dock{margin-top:12px}.pt-summary{margin:0 0 2px;font-weight:700}.pt-tool .pt-note{margin:0 0 10px}.pt-tool .pt-note.is-bad{color:var(--danger);font-weight:600}.pt-run{margin-top:2px}.pt-result-parts{margin:0 0 10px;padding-left:1.2em;font-size:.9rem;overflow-wrap:anywhere}@media(max-width:899px){.pt-tool.pt-has-file .pt-col-side{display:contents}.pt-tool.pt-has-file .pt-col-side>.panel:not(.pt-dock){order:1}.pt-tool.pt-has-file .pt-col-main{order:2}.pt-tool.pt-has-file .pt-dock{order:3;position:sticky;bottom:8px;z-index:20;margin:0;box-shadow:0 -4px 22px #0f172a2e;padding:10px 12px;background:#fff}.pt-tool.pt-has-file .pt-result-box,.pt-tool.pt-has-file .pt-col-side>.pdf-result{order:4}.pt-dock .pt-summary{display:none}.pt-tool .pt-dock .pt-note{font-size:.85rem;margin-bottom:6px}.pt-modes{grid-template-columns:1fr 1fr}.pt-modes .pdf-radio-hint{display:none}.pt-modes .pdf-radio-body{padding:8px 8px 8px 38px;font-size:.92rem}.pt-modes .pdf-radio-body:before{left:10px;top:10px}.pt-modes .pdf-radio-input{left:16px;top:16px}.pt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:560px)and (max-width:899px){.pt-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media(prefers-reduced-motion:reduce){.pt-card{transition:none}}.ph-tool{min-width:0;--ph-maxh: 42vh}.ph-grid{display:grid;gap:14px;grid-template-columns:minmax(0,1fr);align-items:start}.ph-preview{min-width:0}.ph-controls{min-width:0;display:grid;gap:12px}.ph-tool .ph-controls>.panel{margin-top:0}.ph-tool.is-empty .ph-controls>.panel:not(:first-child){display:none}@media(max-width:899px){.ph-tool.is-empty .ph-preview{display:none}.ph-tool:not(.is-empty) .ph-preview{position:sticky;top:0;z-index:14;margin:-14px -14px 0;padding:8px 14px;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 6px 14px #0f172a14}}@media(min-width:760px)and (max-width:899px){.ph-tool:not(.is-empty) .ph-preview{top:var(--header-h, 58px);margin:0 0 6px;border-radius:12px}}@media(min-width:900px){.ph-tool{--ph-maxh: calc(100vh - var(--header-h, 58px) - 70px)}.ph-grid{grid-template-columns:minmax(340px,.95fr) minmax(0,1.05fr);grid-template-areas:"controls preview";gap:18px}.ph-controls{grid-area:controls}.ph-preview{grid-area:preview;position:sticky;top:calc(var(--header-h, 58px) + 12px)}}.ph-stagebox{display:grid;place-items:center;min-width:0}.ph-stage{position:relative;--ph-ar: .7778;width:min(100%,calc(var(--ph-maxh) * var(--ph-ar)));aspect-ratio:var(--ph-ar);line-height:0;background:#fff;border-radius:4px;box-shadow:0 2px 14px #0f172a38;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;overflow:hidden}.ph-stage.is-drag{cursor:grabbing}.ph-stage.is-empty,.ph-stage.is-busy{cursor:default}.ph-stage.is-pick{cursor:crosshair;outline:3px solid var(--brand);outline-offset:-3px}.ph-stage:focus-visible{outline:3px solid #93b4f5;outline-offset:3px}.ph-tool .ph-canvas{display:block;width:100%;height:100%;max-width:none}.ph-guides{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 0 1.5px rgba(255,255,255,.95))}.ph-guides.is-off{display:none}.ph-band{fill:#2563eb29}.ph-gl{stroke:#2563eb;stroke-width:1.5;stroke-dasharray:7 5;vector-effect:non-scaling-stroke}.ph-gl-eye{stroke:#0f766e}.ph-gl-mid{opacity:.45}.ph-oval{fill:none;stroke:#2563eb;stroke-width:2;vector-effect:non-scaling-stroke}.ph-gt{fill:#1d4ed8;font-weight:700;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round;font-family:inherit}.ph-empty-text{position:absolute;left:0;right:0;bottom:12px;margin:0;padding:0 14px;text-align:center;color:var(--muted);font-size:.9rem;line-height:1.35;z-index:2}.ph-stage.is-empty .ph-canvas{background:#eef2f8}.ph-hint{position:absolute;left:50%;bottom:10px;transform:translate(-50%);z-index:2;margin:0;padding:6px 12px;width:max-content;max-width:calc(100% - 20px);border-radius:999px;background:#0f172abd;color:#fff;font-size:.82rem;line-height:1.3;text-align:center;pointer-events:none}.ph-veil{position:absolute;inset:0;z-index:3;display:grid;place-content:center;justify-items:center;gap:10px;padding:16px;text-align:center;line-height:1.4;font-weight:600;background:#ffffffd6}.ph-veil-text{margin:0;max-width:24em}.ph-tool .ph-veil-bar{width:min(260px,80%);margin:0}.ph-tool .ph-veil-bar.is-wait>i{animation:ph-wait 1.3s ease-in-out infinite}@keyframes ph-wait{0%,to{margin-left:0}50%{margin-left:65%}}.ph-tool .panel{padding:14px}.ph-tool .ph-locked .dropzone{opacity:.5;pointer-events:none}.ph-tool .ph-start .dropzone{padding:26px 14px}.ph-tool .btn{min-height:44px}.ph-tool .btn.sm{min-height:40px}.ph-tool .ph-cam{margin-top:10px;min-height:46px}.ph-tool .ph-note{margin:10px 0 0}.ph-tool .ph-loaded .file-chip{margin-bottom:8px}.ph-tool .ph-another{padding:10px;font-size:.95rem}.ph-tool .ph-another strong{display:inline;margin:0;color:var(--brand-d)}.ph-tool .ph-status{margin:8px 0 0}.ph-tool .ph-status:empty{display:none}.ph-tool .status.ok{color:var(--ok)}.ph-tool .chip{min-height:40px;display:inline-flex;align-items:center;gap:8px}.ph-tool .chips{margin:0}.ph-dot{width:18px;height:18px;border-radius:50%;border:1px solid rgba(15,23,42,.28);display:inline-block;flex:none}.ph-tool .ph-custom-color{margin-top:8px;cursor:pointer;padding-right:8px}.ph-tool .ph-custom-color.on{border-color:var(--brand);background:var(--brand-l)}.ph-picker{width:30px;height:30px;padding:0;border:0;background:none;cursor:pointer}.ph-tool .ph-usual{margin-top:10px}.ph-custom{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:end;margin-top:10px}.ph-custom label{display:grid;gap:4px;font-size:.85rem;font-weight:600}.ph-custom .ph-x{padding-bottom:12px;color:var(--muted)}.ph-custom .ph-customerr{grid-column:1 / -1;margin:0}.ph-custom .ph-customerr:empty{display:none}.ph-fieldlabel{font-weight:700;font-size:.93rem;margin:12px 0 6px}.ph-tool .ph-panel>.ph-fieldlabel:first-of-type{margin-top:0}.ph-warns{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px}.ph-warns li{display:flex;gap:8px;align-items:flex-start;background:var(--warn-l);color:var(--warn);border-radius:10px;padding:8px 10px;font-size:.92rem;line-height:1.35}.ph-warn-ico{flex:none;width:20px;height:20px;border-radius:50%;background:var(--warn);color:#fff;font-weight:800;display:grid;place-items:center;font-size:.8rem;margin-top:1px}.ph-tool .ph-headline{margin:0 0 6px}.ph-tool .ph-fitnote{margin:0 0 10px}.ph-tool input[type=range]{height:40px}.ph-nudge{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ph-tool .ph-arrow{min-height:44px;padding:0;font-size:1.25rem;touch-action:manipulation}.ph-tool .ph-fitrow{margin-top:14px;gap:8px}.ph-tool .ph-fitrow .btn{min-height:40px;flex:1 1 auto}.ph-check{display:flex;align-items:center;gap:10px;min-height:40px;cursor:pointer;font-weight:600}.ph-check input{width:22px;height:22px;flex:none;accent-color:var(--brand)}.ph-tone{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.ph-tone .btn,.ph-kb{margin-top:8px}.ph-kb label{display:grid;gap:4px;font-size:.85rem;font-weight:600;max-width:12em}.ph-limit{margin-top:4px}.ph-limit.is-off{opacity:.55}.ph-tool .ph-dl{margin-top:14px;min-height:48px;font-size:1.02rem}.ph-tool .ph-result{margin:8px 0 0}.ph-tool .ph-result:empty{display:none}.ph-tool .ph-warnnote{margin:6px 0 0}.ph-tool .ph-access{margin:10px 0 0}.ph-tool .ph-access:empty{display:none}.ph-subtitle{font-size:1.05rem;margin:20px 0 6px;padding-top:14px;border-top:1px solid var(--line)}.ph-copiesrow{gap:8px;margin:12px 0 4px}.ph-copiesrow .ph-fieldlabel{margin:0 auto 0 0}.ph-tool .ph-step{min-width:44px;min-height:44px;padding:0;font-size:1.3rem}.ph-copies{min-width:5.5em;text-align:center;font-weight:700}.ph-sheetprev{padding:10px;display:grid;place-items:center;margin:10px 0;background:#e8ecf2;border-radius:10px}.ph-sheetprev canvas{display:block;max-width:100%;height:auto;box-shadow:0 1px 6px #0f172a40;background:#fff}.ph-sheetbtns{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:4px}@media(max-width:430px){.ph-sheetbtns{grid-template-columns:1fr}}.ph-tool .ph-sheetinfo{margin:8px 0 0}.ph-tool .ph-busy .ph-dl{cursor:progress}.prose .ph-tablewrap{overflow-x:auto;margin:12px 0 16px;border:1px solid var(--line);border-radius:10px;-webkit-overflow-scrolling:touch}.prose .ph-sizes{width:100%;border-collapse:collapse;font-size:.95rem}.prose .ph-sizes th,.prose .ph-sizes td{padding:9px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.prose .ph-sizes th{background:#f1f5fb;font-weight:700;white-space:nowrap}.prose .ph-sizes tbody tr:last-child td{border-bottom:0}.prose .ph-sizes td:nth-child(1),.prose .ph-sizes td:nth-child(2){white-space:nowrap}@media(max-width:520px){.prose .ph-sizes{font-size:.82rem}.prose .ph-sizes th,.prose .ph-sizes td{padding:8px 7px}.prose .ph-sizes th{white-space:normal}.prose .ph-sizes td:nth-child(1){white-space:normal}}.bg-tool{min-width:0}.bg-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);align-items:start}.bg-view,.bg-side{min-width:0}.bg-side{display:flex;flex-direction:column;gap:12px}.bg-tool .bg-side>.panel{margin:0}.bg-empty .bg-side,.bg-empty .bg-stagebox,.bg-empty .bg-viewbar,.bg-photo .bg-emptybox{display:none}.bg-emptybox{max-width:760px;margin:0 auto}.bg-emptybox .dropzone{padding:44px 16px}.bg-emptybox .dropzone strong{font-size:1.15rem}.bg-emptybox .bg-row{justify-content:center;margin-top:12px}@media(max-width:879px){.bg-done .bg-dl{order:-2}.bg-done .bg-edge{order:-1}}@media(min-width:880px){.bg-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr)}.bg-empty .bg-grid{grid-template-columns:minmax(0,1fr)}.bg-photo .bg-view{position:sticky;top:calc(var(--header-h, 58px) + 12px)}}.bg-tool.bg-dragover{outline:3px dashed var(--brand);outline-offset:4px;border-radius:14px}.bg-tool.bg-dragover .dropzone{border-color:var(--brand);background:var(--brand-l)}.bg-locked .dropzone{opacity:.5;pointer-events:none}.bg-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.bg-lbl{font-weight:700;font-size:.93rem}.bg-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.bg-stagebox{display:grid;justify-items:center}.bg-stage{position:relative;width:min(100%,calc(62vh * var(--ar, 1.3)));aspect-ratio:var(--ar, 1.3);overflow:hidden;border-radius:12px;background-color:#e8edf5;box-shadow:0 2px 14px #0f172a2e;user-select:none;-webkit-user-select:none}@media(min-width:880px){.bg-stage{width:min(100%,calc((100vh - 250px) * var(--ar, 1.3)));min-width:min(100%,260px)}}.bg-stage.checker{border:0;border-radius:12px}.bg-stage canvas{position:absolute;left:0;top:0;width:100%;height:100%;display:block}.bg-after{display:none}.bg-stage[data-state=result] .bg-after{display:block}.bg-stage[data-state=result][data-mode=result] .bg-before{display:none}.bg-stage[data-state=result][data-mode=compare]{cursor:ew-resize;touch-action:pan-y}.bg-stage[data-state=result][data-mode=compare] .bg-before{clip-path:inset(0 calc(100% - var(--pos, 50%)) 0 0)}.bg-handle{position:absolute;top:0;bottom:0;left:var(--pos, 50%);width:44px;margin-left:-22px;display:none;cursor:ew-resize;touch-action:pan-y}.bg-stage[data-state=result][data-mode=compare] .bg-handle{display:block}.bg-handle:before{content:"";position:absolute;left:21px;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 0 1px #0f172a59}.bg-grip{position:absolute;left:4px;top:50%;width:36px;height:36px;margin-top:-18px;border-radius:50%;background:#fff;border:2px solid var(--brand);box-shadow:0 1px 6px #0f172a59;display:grid;place-items:center;color:var(--brand-d);font-weight:800;font-size:1.05rem;line-height:1}.bg-handle:focus-visible{outline:none}.bg-handle:focus-visible .bg-grip{outline:3px solid #93b4f5;outline-offset:2px}.bg-tag{position:absolute;top:8px;padding:2px 10px;border-radius:99px;background:#0f172a9e;color:#fff;font-size:.8rem;font-weight:700;display:none;pointer-events:none}.bg-tag.l{left:8px}.bg-tag.r{right:8px}.bg-stage[data-state=result][data-mode=compare] .bg-tag{display:block}.bg-stage.is-updating:after{content:"\41e\431\43d\43e\432\43b\44f\435\43c\2026";position:absolute;right:8px;bottom:8px;padding:3px 10px;border-radius:99px;background:#0f172ab3;color:#fff;font-size:.82rem;font-weight:600}.bg-stage.is-busy canvas{opacity:.55;transition:opacity .2s}.bg-viewbar{margin-top:12px;display:grid;gap:10px}.bg-viewbar[hidden]{display:none}.bg-viewrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.bg-viewrow .seg{margin:0}.bg-viewrow .seg button{padding:7px 14px;white-space:nowrap}.bg-bgpick{display:flex;flex-wrap:wrap;gap:6px}.bg-sw{position:relative;display:inline-flex;align-items:center;gap:7px;-webkit-appearance:none;appearance:none;border:1px solid var(--line);background:#fff;font:inherit;font-weight:600;padding:5px 12px 5px 6px;border-radius:999px;cursor:pointer;color:var(--ink);line-height:1.2;min-height:36px}.bg-sw[aria-pressed=true],.bg-sw.is-on{border-color:var(--brand);background:var(--brand-l);color:var(--brand-d)}.bg-sw:focus-visible,.bg-sw:focus-within{outline:3px solid #93b4f5;outline-offset:2px}.bg-dot{width:22px;height:22px;border-radius:50%;border:1px solid #aab6cb;flex:none;display:block}.bg-dot.checker{border-radius:50%;background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0}.bg-sw-custom input[type=color]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0;border:0}.bg-file{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#fff;border:1px solid var(--line);border-radius:10px;font-size:.92rem;min-width:0}.bg-file b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600}.bg-file span{color:var(--muted);white-space:nowrap}.bg-more{margin-top:10px}.bg-more .dropzone{padding:10px 12px;border-width:2px;font-size:.93rem}.bg-more .dropzone strong{display:inline;margin:0;color:var(--brand-d)}.bg-more .bg-row{margin-top:8px}.bg-mode{margin:14px 0 6px}.bg-mode .seg{margin-bottom:4px}.bg-tool .bg-modehint{margin:0 0 12px}.bg-tool .bg-note{margin:8px 0 0}.bg-run{margin-top:2px}.bg-progress{margin:12px 0 2px}.bg-ptext{margin:0 0 4px;display:flex;align-items:center;gap:8px;font-weight:600}.bg-ptext .spinner{flex:none}.bg-progress .progress{margin:6px 0 8px}.bg-progress .progress.indet>i{width:36%;animation:bg-slide 1.3s ease-in-out infinite;transition:none}@keyframes bg-slide{0%{margin-left:-36%}to{margin-left:100%}}.bg-notice{margin:12px 0 0;padding:10px 14px;border-radius:10px;background:var(--warn-l);color:var(--warn);border:1px solid #f3d9a4}.bg-notice.err{background:#fef2f2;border-color:#fecaca;color:#991b1b}.bg-notice.info{background:var(--brand-l);border-color:#c7d9fb;color:var(--brand-d)}.bg-notice p{margin:0;font-size:.95rem;overflow-wrap:anywhere}.bg-notice .btn{margin-top:8px}.bg-edge .field label{gap:8px}.bg-edge .hint{margin:2px 0 0}.bg-edge .bg-row{margin-top:12px}.bg-dl .btn{margin-top:8px;flex-direction:column;gap:2px;padding:10px 14px}.bg-dl .btn:first-of-type{margin-top:0}.bg-dl .btn small{font-weight:500;opacity:.85;font-size:.82rem}.bg-dl .status{margin:10px 0 0}.bg-dl .status:empty{min-height:0;margin:0}.bg-dl .hint{margin:8px 0 0}.bg-tool .btn.sm{min-height:40px}@media(pointer:coarse){.bg-tool .btn.sm{min-height:44px}}@media(prefers-reduced-motion:reduce){.bg-progress .progress.indet>i{animation:none;width:100%;opacity:.5}.bg-stage.is-busy canvas{transition:none}}.bg-zoom{position:absolute;inset:0;transform-origin:0 0}.bg-stage[data-state=result][data-mode=result][data-tool=erase],.bg-stage[data-state=result][data-mode=result][data-tool=restore]{cursor:none;touch-action:none}.bg-stage[data-state=result][data-mode=result][data-tool=hand][data-zoomed="1"]{cursor:grab;touch-action:none}.bg-stage[data-state=result][data-mode=result][data-tool=hand][data-zoomed="1"]:active{cursor:grabbing}.bg-cursor{position:absolute;z-index:3;border-radius:50%;pointer-events:none;box-sizing:border-box;border:2px solid #fff;box-shadow:0 0 0 1px #0f172abf,inset 0 0 0 1px #0f172a8c}.bg-cursor[hidden]{display:none}.bg-stage[data-tool=erase] .bg-cursor{background:#ef444433}.bg-stage[data-tool=restore] .bg-cursor{background:#22c55e38}.bg-brushbar{display:grid;gap:10px}.bg-brushopts{display:grid;gap:4px 18px;grid-template-columns:minmax(0,1fr)}.bg-brushopts[hidden]{display:none}.bg-brushopts .field{margin:0}@media(min-width:560px){.bg-brushopts{grid-template-columns:repeat(2,minmax(0,1fr))}}.bg-zoomval{min-width:3.6em;text-align:center;font-weight:600;font-variant-numeric:tabular-nums;color:var(--muted)}.bg-brushbar .bg-hint{margin:0}.bg-brushbar .btn[disabled]{opacity:.5}:root{--bg: #f4f6fb;--surface: #ffffff;--ink: #0f172a;--muted: #5b6578;--line: #e2e8f0;--brand: #2563eb;--brand-d: #1d4ed8;--brand-l: #eaf1ff;--ok: #15803d;--ok-l: #e8f6ee;--warn: #92400e;--warn-l: #fff4e0;--danger: #dc2626;--radius: 14px;--shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 6px 20px rgba(15, 23, 42, .06);color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}img,svg,canvas{max-width:100%}a{color:var(--brand)}a:hover{color:var(--brand-d)}h1,h2,h3{line-height:1.25;margin:0 0 .6em;letter-spacing:-.01em}h1{font-size:clamp(1.7rem,4.6vw,2.4rem)}h2{font-size:clamp(1.25rem,3vw,1.6rem);margin-top:1.6em}h3{font-size:1.1rem}p{margin:0 0 1em}.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 16px}.center{text-align:center}[hidden]{display:none!important}.site-header{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.head-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;padding-bottom:10px;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:800;font-size:1.15rem}.main-nav{display:flex;gap:4px;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.main-nav a{color:var(--ink);text-decoration:none;padding:7px 12px;border-radius:10px;font-weight:600;font-size:.95rem;white-space:nowrap}.main-nav a:hover{background:var(--brand-l)}.main-nav a[aria-current=page]{background:var(--brand-l);color:var(--brand-d)}.site-footer{margin-top:56px;background:#0f172a;color:#cbd5e1;padding:32px 0 24px;font-size:.93rem}.site-footer a{color:#e2e8f0}.foot-grid{display:grid;gap:22px;grid-template-columns:1fr}.foot-title{color:#fff;font-weight:700;margin-bottom:8px}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin:4px 0}.foot-small{margin:0;line-height:1.6}.foot-note{margin-top:22px;padding-top:16px;border-top:1px solid #1e293b;color:#94a3b8;font-size:.85rem}.foot-copy{margin-top:10px;color:#64748b;font-size:.85rem}.hero{padding:38px 0 18px}.lead{font-size:1.1rem;color:var(--muted);max-width:46em}.hero-points{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin:18px 0 0;color:var(--ok);font-weight:600}.hero-points li:before{content:"\2713  "}.card-grid{display:grid;gap:14px;grid-template-columns:1fr}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.tool-card{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--ink);transition:transform .12s,border-color .12s}.tool-card:hover{transform:translateY(-2px);border-color:var(--brand);color:var(--ink)}.tool-ico{width:46px;height:46px;border-radius:12px;background:var(--brand-l);color:var(--brand);display:grid;place-items:center}.tool-name{font-weight:800;font-size:1.08rem;margin-top:6px}.tool-blurb{color:var(--muted);font-size:.95rem}.tool-card.soon{opacity:.62;cursor:default}.tool-card.soon:hover{transform:none;border-color:var(--line)}.soon-badge{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;background:var(--brand-l);color:var(--brand);font-size:.72rem;font-weight:700;vertical-align:middle;white-space:nowrap}.feature-grid{display:grid;gap:18px;grid-template-columns:1fr}.feature-grid>div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.feature-grid h3{margin-bottom:.3em}.feature-grid p{margin:0;color:var(--muted)}.related{margin-top:40px}.prose{max-width:880px}.prose.wrap{max-width:1120px}.prose>*{max-width:820px}.prose ul,.prose ol{padding-left:1.3em;margin:0 0 1em}.prose li{margin:.35em 0}.steps-list{counter-reset:s;list-style:none;padding-left:0!important}.steps-list li{counter-increment:s;position:relative;padding-left:40px;margin:.8em 0}.steps-list li:before{content:counter(s);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--brand);color:#fff;font-weight:700;display:grid;place-items:center;font-size:.9rem}.crumbs{font-size:.88rem;color:var(--muted);margin:18px 0 8px}.crumbs a{color:var(--muted)}.tool-head{padding-bottom:6px}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:0 16px;margin:8px 0;max-width:820px}.faq summary{cursor:pointer;padding:13px 0;font-weight:700}.faq details p{color:var(--muted)}.notice-card{background:var(--warn-l);border:1px solid #f3d9a4;color:var(--warn);border-radius:12px;padding:14px 16px;margin:1.4em 0}.notice{background:var(--warn-l);border-radius:10px;padding:10px 14px;color:var(--warn)}.legal{padding-top:10px}.legal table{border-collapse:collapse;margin:1em 0}.legal td{border:1px solid var(--line);padding:8px 12px;vertical-align:top}.legal th{border:1px solid var(--line);padding:8px 12px;vertical-align:top;text-align:left;background:#f1f5fb}.legal hr{border:0;border-top:1px solid var(--line);margin:1.6em 0}.btn{-webkit-appearance:none;appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-weight:700;padding:11px 18px;border-radius:12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.2}.btn:hover{border-color:#b8c4d8;color:var(--ink)}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:hover{background:var(--brand-d);border-color:var(--brand-d);color:#fff}.btn.ok{background:var(--ok);border-color:var(--ok);color:#fff}.btn.ghost{background:transparent}.btn.danger{color:var(--danger)}.btn.sm{padding:7px 12px;font-size:.9rem;border-radius:10px}.btn.block{display:flex;width:100%}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn:focus-visible,.chip:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #93b4f5;outline-offset:2px}.tool{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:14px;margin:14px 0 6px}.tool-loading{padding:40px 10px;text-align:center;color:var(--muted)}.tool-grid{display:grid;gap:16px;grid-template-columns:1fr}.panel{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fbfcfe}.panel+.panel{margin-top:12px}.panel-title{display:flex;align-items:center;gap:10px;font-weight:800;margin-bottom:10px}.step-badge{width:26px;height:26px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:.85rem;flex:none}.step-badge.done{background:var(--ok)}.hint{color:var(--muted);font-size:.9rem;margin:6px 0 0}.cta{margin:12px 0 4px}.dropzone{border:2px dashed #b9c6dc;border-radius:14px;background:#fff;padding:22px 14px;text-align:center;cursor:pointer;color:var(--muted);transition:border-color .12s,background .12s}.dropzone:hover,.dropzone.drag{border-color:var(--brand);background:var(--brand-l)}.dropzone strong{color:var(--ink);display:block;margin-bottom:4px}.file-chip{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#fff;border:1px solid var(--line);border-radius:10px;font-size:.92rem}.file-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.seg{display:flex;background:#e9eef7;border-radius:12px;padding:3px;gap:3px;margin-bottom:10px}.seg button{flex:1;-webkit-appearance:none;appearance:none;border:0;background:transparent;font:inherit;font-weight:700;padding:8px 6px;border-radius:10px;cursor:pointer;color:var(--muted)}.seg button[aria-pressed=true]{background:#fff;color:var(--brand-d);box-shadow:0 1px 3px #0f172a26}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{-webkit-appearance:none;appearance:none;border:1px solid var(--line);background:#fff;font:inherit;font-weight:600;padding:6px 12px;border-radius:999px;cursor:pointer}.chip[aria-pressed=true]{border-color:var(--brand);background:var(--brand-l);color:var(--brand-d)}.field{margin:10px 0 0}.field label{display:flex;justify-content:space-between;font-weight:600;font-size:.93rem;margin-bottom:2px}.field label output{color:var(--muted);font-weight:500}input[type=range]{width:100%;accent-color:var(--brand);height:28px}input[type=text],input[type=number],select,textarea{font:inherit;padding:9px 11px;border:1px solid var(--line);border-radius:10px;width:100%;background:#fff}.checker{background-color:#fff;background-image:linear-gradient(45deg,#e6ebf3 25%,transparent 25%),linear-gradient(-45deg,#e6ebf3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e6ebf3 75%),linear-gradient(-45deg,transparent 75%,#e6ebf3 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;border:1px solid var(--line);border-radius:10px}.ink-preview{display:grid;place-items:center;min-height:110px;padding:8px;margin-top:10px}.ink-preview canvas{max-height:140px;width:auto;height:auto}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.row.between{justify-content:space-between}.draw-pad{width:100%;height:170px;touch-action:none;background:#fff;border:1px solid var(--line);border-radius:12px;display:block;cursor:crosshair}.stage-wrap{min-width:0}.stage-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}.pager{display:inline-flex;align-items:center;gap:8px;font-weight:700}.stage{position:relative;background:#e8edf5;border:1px solid var(--line);border-radius:14px;padding:10px;display:grid;place-items:center;min-height:260px;overflow:hidden}.stage-empty{color:var(--muted);text-align:center;padding:50px 14px}.stage-inner{position:relative;line-height:0;box-shadow:0 2px 14px #0f172a38;background:#fff;user-select:none;-webkit-user-select:none}.stage-inner canvas.page-canvas{display:block;width:100%;height:auto}.ov{position:absolute;left:0;top:0;transform-origin:center center;cursor:grab;touch-action:none}.ov img{width:100%;height:100%;display:block;pointer-events:none;-webkit-user-drag:none}.ov.sel{outline:2px dashed var(--brand);outline-offset:3px;cursor:grabbing}.ov .h{position:absolute;width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid var(--brand);box-shadow:0 1px 4px #0000004d;display:none;touch-action:none}.ov.sel .h{display:block}.ov .h-rs{right:-15px;bottom:-15px;cursor:nwse-resize}.ov .h-rt{left:50%;top:-34px;margin-left:-13px;cursor:crosshair}.ov .h-del{right:-15px;top:-15px;background:var(--danger);border-color:var(--danger);color:#fff;line-height:22px;text-align:center;font-weight:800;font-size:15px;cursor:pointer}.item-bar{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.progress{height:8px;background:#e6ecf6;border-radius:99px;overflow:hidden;margin:10px 0}.progress>i{display:block;height:100%;width:0;background:var(--brand);transition:width .15s}.status{font-size:.93rem;color:var(--muted);min-height:1.4em}.status.err{color:var(--danger)}.export-bar{margin-top:14px;display:grid;gap:8px}.badge-free{display:inline-block;background:var(--ok-l);color:var(--ok);font-weight:700;font-size:.8rem;padding:2px 8px;border-radius:99px}.modal-backdrop{position:fixed;inset:0;background:#0f172a8c;z-index:100;display:grid;place-items:center;padding:14px;overflow-y:auto}.modal-card{background:#fff;border-radius:18px;padding:20px;width:100%;max-width:480px;box-shadow:0 20px 60px #00000059;position:relative}.modal-card h2{margin-top:0;font-size:1.3rem}.modal-x{position:absolute;right:10px;top:8px;-webkit-appearance:none;appearance:none;border:0;background:transparent;font-size:26px;cursor:pointer;color:var(--muted);line-height:1;padding:6px 10px}.plan-grid{display:grid;gap:10px;margin:14px 0}.plan{border:2px solid var(--line);border-radius:14px;padding:12px 14px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;font:inherit;text-align:left;width:100%}.plan:hover{border-color:#9db9f2}.plan[aria-pressed=true]{border-color:var(--brand);background:var(--brand-l)}.plan b{font-size:1.15rem}.plan>b{flex:none;white-space:nowrap}.plan small{color:var(--muted);display:block;font-weight:500}.qr-box{display:grid;place-items:center;gap:10px;margin:12px 0}.qr-box img{width:210px;height:210px;image-rendering:pixelated;background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px}.key-box{word-break:break-all;font:.8rem/1.4 ui-monospace,Menlo,Consolas,monospace;background:#f1f5fb;border-radius:10px;padding:10px;-webkit-user-select:all;user-select:all}.toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%);background:#0f172a;color:#fff;padding:10px 16px;border-radius:12px;z-index:120;max-width:92vw;font-size:.95rem;box-shadow:0 8px 30px #0000004d}.spinner{width:18px;height:18px;border-radius:50%;border:3px solid #cbd5e1;border-top-color:var(--brand);animation:spin .8s linear infinite;display:inline-block;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:760px){.card-grid,.feature-grid{grid-template-columns:repeat(3,1fr)}.foot-grid{grid-template-columns:1.1fr 1fr 1.4fr}.tool{padding:20px}.tool-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);align-items:start}.tool-grid .col-side{position:sticky;top:76px}.hero{padding:54px 0 26px}}@media(min-width:1000px){.card-grid.quad{grid-template-columns:repeat(4,1fr)}}.stage-inner{width:min(100%,calc(88vh * var(--aspect, .7)));aspect-ratio:var(--aspect, .7);margin:0 auto}.ov canvas{width:100%;height:100%;display:block;pointer-events:none}.ov:focus-visible{outline:2px dashed var(--brand);outline-offset:3px}.item-panel{margin-top:12px}.panel details{margin-top:12px}.panel details summary{cursor:pointer;font-weight:700;padding:6px 0}:root{--header-h: 58px}.tool-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);grid-template-areas:"side" "main" "export"}.col-side{grid-area:side;min-width:0}.col-main{grid-area:main;min-width:0}.col-export{grid-area:export;min-width:0}.stage-bar{min-height:46px}.stage-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.stage-hint{margin:0 0 8px}.export-panel{margin-top:14px}@media(min-width:760px){.tool-grid{grid-template-columns:minmax(300px,1fr) minmax(0,1.7fr);grid-template-areas:"side main"}.tool-grid .col-side{position:static}.stage-bar{position:sticky;top:var(--header-h);z-index:12;background:var(--surface);padding:8px 0 6px;margin:-8px 0 4px}}@media(max-width:759px){.site-header{position:static}}.quick-links{margin:4px 0 0;color:var(--muted,#5b6472);font-size:15px}.quick-links a{white-space:nowrap}:root{--bg: #f5f7fd;--brand-2: #7c3aed;--grad: linear-gradient(135deg, #2563eb, #7c3aed);--ink-grad: linear-gradient(100deg, #0f172a 0%, #1e3a8a 58%, #5b21b6 100%);--shadow-lg: 0 1px 2px rgba(15, 23, 42, .04), 0 22px 54px rgba(37, 78, 200, .12)}body{overflow-x:clip}main{position:relative;isolation:isolate}main:before{content:"";position:absolute;left:0;right:0;top:0;height:620px;z-index:-1;pointer-events:none;background:radial-gradient(55% 75% at 10% 0%,rgba(99,102,241,.17),transparent 70%),radial-gradient(48% 70% at 92% 6%,rgba(14,165,233,.17),transparent 70%),radial-gradient(38% 55% at 55% 0%,rgba(236,72,153,.08),transparent 70%)}main:after{content:"";position:absolute;left:0;right:0;top:0;height:460px;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(30,58,138,.11) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:linear-gradient(#000,transparent 90%);mask-image:linear-gradient(#000,transparent 90%)}.site-header{background:#ffffffd1;-webkit-backdrop-filter:saturate(170%) blur(14px);backdrop-filter:saturate(170%) blur(14px);border-bottom-color:#cbd5e1b3}.brand{letter-spacing:-.01em}.logo-mark{filter:drop-shadow(0 4px 8px rgba(91,70,230,.35))}.main-nav a{transition:background .12s,color .12s}.main-nav a:hover{background:#eef2ff;color:var(--brand-d)}.main-nav a[aria-current=page]{background:var(--grad);color:#fff}h1{font-weight:800;letter-spacing:-.025em}.tool-head h1,.hero h1{padding-bottom:.12em;background:var(--ink-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.prose>h2:before{content:"";display:inline-block;width:6px;height:.95em;border-radius:3px;background:var(--grad);margin-right:10px;vertical-align:-.12em}.lead{color:#475569}.hero{padding:40px 0 14px}.hero h1{font-size:clamp(2rem,5.6vw,3.3rem);line-height:1.12;letter-spacing:-.03em;padding-bottom:.14em}.hero .lead{font-size:1.15rem}.hero-grid{display:grid;gap:18px;align-items:center}.hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 0}.btn.lg{padding:14px 24px;font-size:1.05rem;border-radius:14px}.hero-points{gap:8px 10px;margin-top:20px}.hero-points li{background:#ffffffd9;border:1px solid #c9e8d4;border-radius:999px;padding:5px 13px;font-size:.93rem}.hero-art{display:none}.hero-art svg{width:100%;height:auto;display:block;overflow:visible}.art-chip{animation:floaty 5.5s ease-in-out infinite;filter:drop-shadow(0 8px 14px rgba(15,23,42,.14))}.art-chip.c2{animation-delay:-1.8s}.art-chip.c3{animation-delay:-3.4s}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.tool-card{--h: 221;position:relative;overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s}.tool-card[data-tool=signature]{--h: 221}.tool-card[data-tool=photo]{--h: 262}.tool-card[data-tool=bgremove]{--h: 330}.tool-card[data-tool=pdf-compress]{--h: 152}.tool-card[data-tool=jpg2pdf]{--h: 26}.tool-card[data-tool=pdf-merge]{--h: 190}.tool-card:before{content:"";position:absolute;right:-40px;top:-40px;width:130px;height:130px;border-radius:50%;background:radial-gradient(closest-side,hsl(var(--h) 90% 60% / .16),transparent);pointer-events:none}.tool-card:hover{transform:translateY(-4px);border-color:hsl(var(--h) 75% 72%);box-shadow:0 2px 4px #0f172a0d,0 20px 42px hsl(var(--h) 80% 42% / .2)}.tool-ico{width:54px;height:54px;border-radius:16px;color:#fff;background:linear-gradient(135deg,hsl(var(--h) 92% 62%),hsl(calc(var(--h) + 30) 82% 50%));box-shadow:0 8px 18px hsl(var(--h) 80% 45% / .36)}.tool-card:after{content:"\2192";position:absolute;right:18px;top:20px;font-weight:800;color:hsl(var(--h) 70% 48%);opacity:0;transform:translate(-8px);transition:opacity .18s,transform .18s}.tool-card:hover:after{opacity:1;transform:none}.tool-card.soon:after,.tool-card.soon:before{display:none}.tool-name{font-size:1.1rem;margin-top:8px}.soon-badge{background:hsl(var(--h) 90% 94%);color:hsl(var(--h) 70% 38%)}.feature-grid>div{box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s}.feature-grid>div:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.feat-ico{width:46px;height:46px;padding:10px;border-radius:14px;background:#eef2ff;color:var(--brand);margin-bottom:10px;display:block}.feature-grid>div:nth-child(2) .feat-ico{background:#f3e8ff;color:#7c3aed}.feature-grid>div:nth-child(3) .feat-ico{background:#dcfce7;color:#15803d}.cta-band{margin-top:38px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:26px 28px;border-radius:22px;color:#fff;background:radial-gradient(70% 140% at 100% 0%,rgba(236,72,153,.45),transparent 60%),linear-gradient(120deg,#1d4ed8,#6d28d9);box-shadow:0 20px 44px #4338ca47}.cta-band h2{margin:0 0 6px;color:#fff;font-size:1.45rem}.cta-band p{margin:0;color:#dbeafe}.cta-band .cta-btn{background:#fff;color:#3730a3;border-color:#fff;box-shadow:0 8px 20px #0f172a38}.cta-band .cta-btn:hover{background:#eef2ff;color:#3730a3;transform:translateY(-1px)}.btn{transition:transform .12s,box-shadow .12s,background .12s,border-color .12s}.btn:hover:not([disabled]){box-shadow:0 6px 16px #0f172a1a}.btn.primary{background:linear-gradient(180deg,#3b82f6,#2563eb);border-color:#2563eb;box-shadow:0 6px 16px #2563eb4d}.btn.primary:hover:not([disabled]){background:linear-gradient(180deg,#2f74ee,#1d4ed8);box-shadow:0 10px 22px #2563eb61;transform:translateY(-1px)}.btn.ok{background:linear-gradient(180deg,#22a559,#15803d);box-shadow:0 6px 16px #15803d47}.tool{border-radius:22px;border-color:#cbd5e1bf;box-shadow:var(--shadow-lg);position:relative}.tool:before{content:"";position:absolute;left:28px;right:28px;top:-1px;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#2563eb,#7c3aed,#ec4899)}.panel{border-radius:16px;background:linear-gradient(180deg,#fbfcff,#f6f8fd)}.step-badge,.steps-list li:before{background:var(--grad);box-shadow:0 3px 8px #5b46e659}.step-badge.done{background:linear-gradient(135deg,#22a559,#15803d);box-shadow:0 3px 8px #15803d4d}.dropzone{border-color:#aebfe0;background:linear-gradient(180deg,#fff,#f7f9ff)}.dropzone:before{content:"";display:block;width:40px;height:40px;margin:0 auto 8px;border-radius:13px;background:#eaf0ff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(37,99,235)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 16V5M7.5 9.5L12 5l4.5 4.5M5 19h14'/></svg>") center / 22px no-repeat}.dropzone:hover:before,.dropzone.drag:before{background-color:#dbe7ff}.stage{background:linear-gradient(180deg,#e9eef9,#e2e9f6)}.faq details{transition:border-color .15s,box-shadow .15s}.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#eef2ff;color:var(--brand);font-size:1.25rem;font-weight:700;line-height:1}.faq details[open]{border-color:#c3d3f6;box-shadow:var(--shadow)}.faq details[open] summary:after{content:"\2212";background:var(--grad);color:#fff}.site-footer{background:radial-gradient(60% 120% at 0% 0%,rgba(79,70,229,.22),transparent 60%),linear-gradient(180deg,#0f172a,#0a1022);border-top:3px solid transparent;border-image:linear-gradient(90deg,#2563eb,#7c3aed,#ec4899) 1}.modal-card{border-radius:22px}.plan{border-radius:16px;transition:border-color .12s,box-shadow .12s}.plan[aria-pressed=true]{box-shadow:0 8px 22px #2563eb2e}@media(min-width:900px){.hero{padding:56px 0 24px}.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:30px}.hero-art{display:block}}@media(prefers-reduced-motion:reduce){.art-chip{animation:none}.tool-card,.btn,.feature-grid>div{transition:none}}.prose>.feature-grid{max-width:none}