.tool-page{--accent:var(--tool-ink);--accent-on-card:var(--tool-ink);--accent-fill:var(--tool-fill)}.tool [hidden]{display:none !important}.tool section{padding-block:0}.tool-icon{flex:none;display:block;width:24px;height:24px}.tool-file{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;opacity:0}.tool{position:relative;isolation:isolate;padding:20px var(--pad) clamp(40px,6vw,72px);background:radial-gradient(60% 70% at 92% -10%,color-mix(in srgb,var(--tool) 20%,transparent),transparent 70%),radial-gradient(50% 60% at -5% 105%,color-mix(in srgb,var(--tool) 9%,transparent),transparent 70%),var(--bg);border-bottom:1px solid var(--line)}.tool p{margin:0}.tool-app{max-width:var(--wrap);margin:0 auto;display:grid;gap:22px;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "stage" "start" "work" "trust"}.tool-head{grid-area:head}.tool-stage{grid-area:stage}.tool-start{grid-area:start}.tool-work{grid-area:work}.tool-trust{grid-area:trust}@media (min-width:900px){.tool-app{grid-template-columns:minmax(0,1fr) minmax(360px,440px);grid-template-rows:auto auto 1fr;column-gap:clamp(28px,3.4vw,48px);row-gap:26px;align-items:start;grid-template-areas:"stage head" "stage start" "stage trust"}.tool.is-open .tool-app{grid-template-areas:"stage head" "stage work" "stage trust"}.tool-head{padding-top:12px}.tool.is-open .tool-stage{position:sticky;top:88px}}.tool-head h1{margin:0;font-size:clamp(32px,3.6vw,48px);line-height:var(--lh-display);letter-spacing:var(--track-display);font-weight:800;text-wrap:balance;transition:font-size 0.35s var(--ease-out)}.tool .tool-sub{margin-top:14px;font-size:clamp(17px,1.5vw,19px);line-height:1.45;color:var(--fg-secondary);text-wrap:pretty}.tool-rating{display:flex;flex-wrap:wrap;align-items:center;gap:4px 7px;margin:0;font-size:15px;line-height:1.3;color:var(--fg-secondary);font-variant-numeric:tabular-nums}.tool .tool-rating{margin-top:12px}.tool-rating .star-meter svg{width:17px;height:17px}.tool-rating .star-meter-off svg{fill:color-mix(in srgb,var(--fg) 16%,transparent)}.tool-rating .star-meter-on svg{fill:#ff9f0a}.tool-rating strong{margin-inline-start:2px;font-weight:700;color:var(--fg)}.tool-rating-link{display:inline-flex;flex-wrap:wrap;align-items:center;gap:inherit;color:inherit;text-decoration:none;border-radius:6px}.tool-rating-link .tool-rating-count{text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-underline-offset:3px}.tool-rating-link:hover .tool-rating-count{text-decoration-color:currentColor}.tool-rating-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (min-width:900px){.tool .tool-rating{margin-top:16px}.tool-rating{font-size:16px}.tool-rating .star-meter svg{width:18px;height:18px}}.tool-head .review-rate{margin-top:14px}.tool.is-open .tool-head h1{font-size:clamp(24px,2.3vw,30px);letter-spacing:var(--track-title)}.tool.is-open .tool-sub{display:none}.tool-stage{position:relative;display:grid;place-items:center;overflow:hidden;isolation:isolate;min-height:clamp(300px,62vw,440px);padding:clamp(28px,5vw,56px) clamp(20px,4vw,48px);border-radius:var(--radius-lg);background:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--fg) 13%,transparent) 1px,transparent 1.4px) 0 0 / 22px 22px,radial-gradient(90% 80% at 50% 38%,color-mix(in srgb,var(--tool) 14%,var(--bg-elevated)),var(--bg-elevated) 72%);box-shadow:inset 0 0 0 1px var(--line)}@media (min-width:900px){.tool-stage{min-height:clamp(480px,66vh,640px)}}@media (max-width:899px){.tool{padding-top:14px}.tool-app{gap:16px}.tool-head h1{font-size:clamp(27px,7.4vw,34px)}.tool .tool-sub{margin-top:10px;font-size:16px}.tool-stage{min-height:clamp(200px,56vw,440px);padding:22px 18px}}.tool-stage{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.tool-stage :is(img,canvas){-webkit-user-drag:none}.tool-desk{position:relative;width:min(100%,560px)}.tool-desk > picture,.tool-specimen{display:block;width:100%;height:auto}.tool-specimen{border-radius:10px;background:#fff;box-shadow:0 34px 60px -26px rgba(20,16,46,0.5),0 10px 20px -10px rgba(20,16,46,0.3),0 0 0 0.5px rgba(0,0,0,0.08)}.tool.is-open .tool-desk{display:none}.tool-drop-cue{position:absolute;inset:10px;z-index:5;display:grid;place-items:center;pointer-events:none;border-radius:calc(var(--radius-lg) - 8px);border:2px dashed var(--tool-ink);background:color-mix(in srgb,var(--tool) 16%,color-mix(in srgb,var(--bg) 70%,transparent));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--tool-ink);font:750 clamp(20px,2.4vw,26px)/1.2 var(--font);letter-spacing:-0.01em;text-align:center;opacity:0;transition:opacity 0.2s ease}.tool.is-dragging .tool-drop-cue{opacity:1}.tool.is-dragging .tool-drop-cue span{animation:cue-in 0.35s var(--ease-spring)}@keyframes cue-in{from{transform:scale(0.9)}}.tool-start{display:grid;gap:14px;align-content:start}.tool-pick{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:14px 28px;border-radius:999px;cursor:pointer;background:var(--tool-fill);color:#fff;font:650 18px/1.2 var(--font);letter-spacing:-0.005em;box-shadow:0 16px 32px -14px color-mix(in srgb,var(--tool-fill) 80%,transparent),inset 0 1px 0 rgba(255,255,255,0.18);transition:transform 0.2s var(--ease-out),box-shadow 0.2s ease,filter 0.2s ease}.tool-pick .tool-icon{width:22px;height:22px}.tool-pick:hover{transform:translateY(-1px);filter:brightness(1.06)}.tool-pick:active{transform:scale(0.98)}.tool-pick:focus-within{outline:3px solid var(--tool-ink);outline-offset:3px}.tool-sample{justify-self:center;min-height:44px;padding:10px 20px;border-radius:999px;cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--tool-ink);font:600 15.5px/1.2 var(--font);box-shadow:var(--shadow-sm);transition:border-color 0.2s ease,transform 0.2s var(--ease-out)}.tool-sample:hover{border-color:var(--tool-ink)}.tool-sample:active{transform:scale(0.98)}.tool-start .tool-hint{text-align:center;text-wrap:balance}.tool-trust{position:relative;padding:14px 16px;padding-inline-start:50px;border-radius:var(--radius);background:var(--card);box-shadow:0 0 0 1px var(--line);font-size:14.5px;line-height:1.5;color:var(--fg-secondary)}.tool-trust::before{content:"";position:absolute;inset-inline-start:16px;top:15px;width:22px;height:22px;border-radius:7px;background:#248a3d center / 15px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='11' width='12' height='9' rx='2'/%3E%3Cpath d='M9 11V8a3 3 0 0 1 6 0v3'/%3E%3C/svg%3E")}.tool .tool-trust-offline{color:var(--fg);font-weight:600}.tool-status{font-size:14.5px;line-height:1.45;color:var(--fg-secondary)}.tool-status:empty{display:none}.tool-start .tool-status{text-align:center;font-weight:600;color:var(--fg)}.tool-view{display:grid;justify-items:center;gap:16px;width:100%;animation:view-in 0.5s var(--ease-spring) both}@keyframes view-in{from{opacity:0;transform:scale(0.96)}}.tool-canvas-wrap{position:relative;display:inline-block;max-width:100%;line-height:0}.tool-preview{display:block;max-width:100%;max-height:min(64vh,600px);width:auto;height:auto;border-radius:6px;background:#fff;box-shadow:0 30px 60px -28px rgba(20,16,46,0.5),0 8px 18px -8px rgba(20,16,46,0.25),0 0 0 0.5px rgba(0,0,0,0.08)}.tool-overlay{position:absolute;inset:0}.tool-overlay.is-drawing{touch-action:none;cursor:crosshair}.tool-overlay.is-drawing:focus-visible{outline:2px solid var(--tool-ink);outline-offset:3px;border-radius:6px}.tool-canvas-wrap .wm-apply{border-radius:6px}.tool-sides{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:4px;border-radius:18px;background:color-mix(in srgb,var(--card) 80%,transparent);box-shadow:0 0 0 1px var(--line),var(--shadow-sm);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.tool-side-wrap{position:relative}.tool-side{display:flex;align-items:center;gap:8px;min-height:44px;padding:5px 12px 5px 6px;border-radius:14px;border:0;background:transparent;color:var(--fg-secondary);font:600 13.5px/1.2 var(--font);cursor:pointer}.tool-side canvas{max-width:52px;max-height:34px;border-radius:4px;box-shadow:0 0 0 1px var(--line)}.tool-side[aria-selected="true"]{background:var(--card);color:var(--fg);box-shadow:0 1px 3px rgba(0,0,0,0.14)}.tool-side-add{position:relative;color:var(--tool-ink);padding-inline:12px}.tool-side-add:focus-within{outline:2px solid var(--tool-ink);outline-offset:-2px}.tool-plus{font-size:20px;line-height:1}.tool-side-remove{position:absolute;top:-6px;inset-inline-end:-6px;width:22px;height:22px;border-radius:50%;border:0;background:var(--fg-secondary);color:var(--bg);font:700 14px/1 var(--font);cursor:pointer}.tool-side-remove::after{content:"";position:absolute;inset:-11px}.tool-crop-shape{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none !important}.tool-crop-shape polygon{fill:color-mix(in srgb,var(--tool) 12%,transparent);stroke:var(--tool-ink);vector-effect:non-scaling-stroke;stroke-width:2px}.tool-handle{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;border:0;background:transparent;cursor:grab;touch-action:none}.tool-handle::before{content:"";position:absolute;inset:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--tool-ink),0 4px 12px rgba(0,0,0,0.3)}.tool-handle:focus-visible{outline:none}.tool-handle:focus-visible::before{box-shadow:0 0 0 3px var(--tool-ink),0 0 0 7px color-mix(in srgb,var(--tool) 35%,transparent)}.tool-box{position:absolute;border:2px solid #fff;border-radius:4px;cursor:move;touch-action:none;box-shadow:0 0 0 1px rgba(0,0,0,0.35),0 6px 16px -6px rgba(0,0,0,0.45),inset 0 0 0 1px rgba(0,0,0,0.12)}.tool-box.is-drawing{border-style:dashed;pointer-events:none}.tool-box:focus-visible{outline:none;box-shadow:0 0 0 3px var(--tool-ink),0 0 0 7px color-mix(in srgb,var(--tool) 35%,transparent)}.tool-box-remove{position:absolute;top:-12px;inset-inline-end:-12px;display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;cursor:pointer;background:rgba(28,28,30,0.92);color:#fff;box-shadow:0 0 0 1.5px #fff,0 2px 6px rgba(0,0,0,0.35)}.tool-box-remove svg{width:13px;height:13px}.tool-box-remove::after{content:"";position:absolute;inset:-10px}.tool-box-remove:focus-visible{outline:2px solid var(--tool-ink);outline-offset:2px}.tool-box-grip{position:absolute;inset-inline-end:-14px;bottom:-14px;width:28px;height:28px;cursor:nwse-resize;touch-action:none}.tool-box-grip::before{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--tool-ink)}.tool-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:4px;border-radius:18px;background:color-mix(in srgb,var(--card) 80%,transparent);box-shadow:0 0 0 1px var(--line),var(--shadow-sm);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.tool-tool{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:6px 14px 6px 11px;border:0;border-radius:14px;background:transparent;color:var(--fg);font:600 14px/1.2 var(--font);cursor:pointer;transition:background 0.2s ease,color 0.2s ease}.tool-tool:not(:has(svg)){padding-inline:14px}.tool-tool .tool-icon{width:20px;height:20px;color:var(--tool-ink)}.tool-tool:hover{background:color-mix(in srgb,var(--fg) 6%,transparent)}.tool-tool[aria-pressed="true"]{background:color-mix(in srgb,var(--tool) 18%,var(--card));color:var(--tool-ink)}.tool-tool.is-primary{background:var(--tool-fill);color:#fff}.tool-tool.is-primary:hover{filter:brightness(1.06)}.tool-tool:focus-visible{outline:2px solid var(--tool-ink);outline-offset:-2px}.tool-work{display:grid;gap:16px;align-content:start;animation:view-in 0.45s var(--ease-out) both}.tool-steps{border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-sm),0 0 0 1px var(--line);overflow:hidden}.tool-steps > * + *{border-top:1px solid var(--line)}.tool-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:52px;padding:10px 16px;font-size:16px}.tool-row select{font:inherit;color:var(--fg);background:transparent;border:0;text-align:end;min-width:0;padding:6px 0;max-width:62%}.tool-row select{cursor:pointer;color:var(--tool-ink);font-weight:600}.tool-row select:focus-visible{outline:2px solid var(--tool-ink);outline-offset:2px;border-radius:6px}.tool-row-stack{flex-direction:column;align-items:stretch;gap:8px}.tool-row-label{font-size:13px;font-weight:600;color:var(--fg-secondary)}.tool-field-stack{display:grid;gap:10px}.tool-field-stack input{width:100%;min-height:48px;padding:10px 14px;border:0;border-radius:12px;background:rgba(120,120,128,0.12);color:var(--fg);font:500 17px/1.3 var(--font)}.tool-field-stack input::placeholder{color:var(--fg-secondary);opacity:0.8}.tool-field-stack input:focus-visible{outline:2px solid var(--tool-ink);outline-offset:2px}.tool-intensity{display:grid;gap:6px;margin-top:16px}.tool-intensity .tool-target-head{font-size:14px}.tool-step-lead{display:block;margin:0;font:650 13px/1.2 var(--font);letter-spacing:0.02em;color:var(--tool-ink)}.tool-step.is-lead{padding:16px}.tool-step.is-lead > .tool-step-lead{padding-bottom:6px}.tool-step-panel{display:grid;gap:10px}.tool-step-panel .tool-row{padding-inline:0;min-height:44px}.tool-step-panel > .tool-row + .tool-row{border-top:1px solid var(--line)}.tool-switch{display:inline-flex;cursor:pointer}.tool-switch input{appearance:none;-webkit-appearance:none;flex:none;margin:0;cursor:pointer;position:relative;width:51px;height:31px;border-radius:999px;background:rgba(120,120,128,0.32);transition:background 0.25s ease}.tool-switch input::before{content:"";position:absolute;top:2px;inset-inline-start:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,0.25),0 1px 1px rgba(0,0,0,0.16);transition:transform 0.3s var(--ease-spring)}.tool-switch input:checked{background:var(--tool)}.tool-switch input:checked::before{transform:translateX(20px)}[dir="rtl"] .tool-switch input:checked::before{transform:translateX(-20px)}.tool-switch input:focus-visible{outline:3px solid var(--tool-ink);outline-offset:2px}.tool-switch-row{cursor:pointer}.tool-segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;padding:2px;border-radius:10px;background:rgba(120,120,128,0.16)}.tool-segmented button{min-height:36px;border:0;border-radius:8px;background:transparent;color:var(--fg);font:600 14px/1.2 var(--font);cursor:pointer;padding:6px 8px}.tool-segmented button.is-on{background:var(--card);color:var(--tool-ink);box-shadow:0 1px 3px rgba(0,0,0,0.14),0 0 0 0.5px rgba(0,0,0,0.06)}.tool-segmented button:focus-visible{outline:2px solid var(--tool-ink);outline-offset:1px}.tool-target{display:grid;gap:6px;padding-top:6px}.tool-target-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:16px}.tool-target-value{color:var(--tool-ink);font-weight:650;font-variant-numeric:tabular-nums}.tool-slider{width:100%;min-height:32px;margin:0;accent-color:var(--tool);cursor:pointer}.tool-slider:focus-visible{outline:2px solid var(--tool-ink);outline-offset:4px;border-radius:6px}.tool-target + .tool-warn{margin:8px 0 0;font-size:13.5px}.tool-target + .tool-warn:empty{display:none}.tool-saved{padding:2px 8px;border-radius:999px;font:700 13px/1.3 var(--font);color:var(--tool-ink);background:color-mix(in srgb,var(--tool) 16%,transparent)}.tool-hint,.tool-note{margin:0;font-size:14px;line-height:1.5;color:var(--fg-secondary)}.tool-note{font-size:13px}.tool-export{position:sticky;bottom:0;z-index:3;display:grid;gap:12px;padding:20px 0 calc(14px + env(safe-area-inset-bottom));background:linear-gradient(to bottom,transparent,var(--bg) 16px)}.tool-export-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;min-height:40px}.tool-export-format{display:inline-flex;align-items:center;gap:10px}.tool-export-row .tool-segmented{min-width:128px}.tool-export-size{display:inline-flex;align-items:baseline;gap:8px;margin-inline-start:auto;font-size:15px;font-variant-numeric:tabular-nums;transition:opacity 0.2s ease}.tool-export-size strong{font-weight:650}.tool-export-size.is-stale{opacity:0.45}.tool-cta{min-height:54px;padding:12px 22px;border-radius:999px;border:0;cursor:pointer;background:var(--tool-fill);color:#fff;font:650 17px/1.2 var(--font);box-shadow:0 14px 28px -12px color-mix(in srgb,var(--tool-fill) 80%,transparent),inset 0 1px 0 rgba(255,255,255,0.18);transition:transform 0.2s var(--ease-out),filter 0.2s ease}.tool-cta:hover{filter:brightness(1.06)}.tool-cta:active{transform:scale(0.98)}.tool-cta:disabled{opacity:0.55;cursor:progress}.tool-cta:focus-visible{outline:3px solid var(--tool-ink);outline-offset:3px}.tool-result{display:grid;gap:4px;margin:0;font-size:14px;text-align:center;color:var(--fg-secondary)}.tool-result:empty{display:none}.tool-warn{color:#c2410c;font-weight:600}@media (prefers-color-scheme:dark){.tool-warn{color:#ff9f0a}}.tool-link{justify-self:center;min-height:44px;margin-top:-10px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:var(--tool-ink);font:500 15px/1 var(--font);cursor:pointer;transition:opacity 0.2s ease}.tool-link:hover{opacity:0.75}.tool-link:focus-visible{outline:2px solid var(--tool-ink);outline-offset:2px}.tool-bridge{width:min(880px,100% - 32px);max-width:none;max-height:min(100% - 32px,760px);padding:0;border:0;border-radius:var(--radius-lg);overflow:auto;overscroll-behavior:contain;color:#fff;box-shadow:var(--shadow-lg);background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--tool) 45%,var(--night)) 0%,var(--night) 62%)}.tool-bridge[open]{animation:tool-rise 0.4s var(--ease-out) both}.tool-bridge::backdrop{background:rgba(8,6,20,0.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tool-bridge :focus-visible{outline-color:#fff}.tool-bridge-sheet{display:grid;grid-template-columns:minmax(0,1fr);gap:4px 28px;padding:14px 22px 26px}.tool-bridge-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px}.tool-bridge-head form{display:contents}.tool-bridge-status{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;color:rgba(255,255,255,0.86)}.tool-bridge-check{display:inline-grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:#30d158;color:#fff}.tool-bridge-check[hidden]{display:none}.tool-bridge-check svg{width:15px;height:15px}.tool-bridge-close{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,0.14);color:#fff;cursor:pointer}.tool-bridge-close:hover{background:rgba(255,255,255,0.22)}.tool-bridge-close svg{width:18px;height:18px}.tool-bridge-stage{display:grid;justify-items:center;min-width:0}.tool-bridge .hero-stage{width:min(100%,440px,(100svh - 380px) / 0.92);margin:0;animation:none}.tool[data-job="watermark"] .tool-bridge .hero-stage{--t0:calc(var(--T) * -0.442)}.tool[data-job="watermark"] .tool-bridge .hero-stage.ready .hero-phone{transition-delay:0s}.tool-bridge-copy{display:grid;gap:10px;align-content:center}.tool-bridge-title{margin:0;font-size:clamp(20px,2.2vw,24px);font-weight:750;letter-spacing:-0.015em;line-height:1.25;text-wrap:balance;color:#fff}.tool-bridge-copy p:not(.tool-bridge-title){margin:0;line-height:1.5;color:rgba(255,255,255,0.82)}.tool-bridge-get{display:flex;margin-top:8px}.tool-bridge-get .store-badge{flex:none}.tool-bridge-qr{display:none;margin:0}.tool-bridge-qr-tile{position:relative;flex:none;display:block;width:120px;height:120px;padding:7px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,0.35),0 16px 32px -18px rgba(0,0,0,0.7)}.tool-bridge-qr-code{display:block;width:100%;height:100%}.tool-bridge-qr-icon{position:absolute;left:50%;top:50%;width:21px;height:21px;transform:translate(-50%,-50%);border-radius:22.37%;box-shadow:0 0 0 1px rgba(12,9,32,0.08)}.tool-bridge-qr figcaption{font-size:14px;line-height:1.35;color:rgba(255,255,255,0.78);text-wrap:balance}.tool-bridge-copy .tool-bridge-note{font-size:14px;color:rgba(255,255,255,0.7)}@media (min-width:760px){.tool-bridge-sheet{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);padding:14px 28px 30px}.tool-bridge-head{grid-column:1 / -1}.tool-bridge .hero-stage{width:min(100%,(100svh - 150px) / 0.92)}}@media (min-width:900px) and (hover:hover){.tool-bridge-get{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"tile caption" "tile badge";gap:10px 18px}.tool-bridge-qr{display:contents}.tool-bridge-qr-tile{grid-area:tile}.tool-bridge-qr figcaption{grid-area:caption;align-self:end}.tool-bridge-get .store-badge{grid-area:badge;align-self:start;justify-self:start;margin:0}}@media (max-width:759px){.tool-bridge{width:100%;max-height:94svh;margin:auto 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding-bottom:env(safe-area-inset-bottom)}.tool-bridge[open]{animation-name:tool-sheet}}@keyframes tool-sheet{from{opacity:0;transform:translateY(40px)}}@keyframes tool-rise{from{opacity:0;transform:translateY(12px)}}.wm-apply{position:absolute;inset:0;overflow:hidden;pointer-events:none;--wm-wave:1.15s;--wm-t1:0.35s;--wm-t2:0.8s;--wm-ease:cubic-bezier(0.4,0,0.3,1)}.wm-apply > *,.wm-strong > canvas{position:absolute;inset:0;width:100%;height:100%}.wm-settled,.wm-strong,.wm-strong > canvas{-webkit-mask-image:linear-gradient(108deg,#000 45%,transparent 55%);mask-image:linear-gradient(108deg,#000 45%,transparent 55%);-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;mask-position:0 0}.wm-strong > canvas{-webkit-mask-image:linear-gradient(108deg,transparent 45%,#000 55%);mask-image:linear-gradient(108deg,transparent 45%,#000 55%)}.wm-light{background:linear-gradient(108deg,transparent 41%,rgb(255 143 208 / 0.5) 45.5%,rgb(255 217 143 / 0.55) 48%,rgb(168 240 255 / 0.6) 50.5%,rgb(196 168 255 / 0.55) 53%,transparent 58%) 100% 0 / 300% 100% no-repeat;mix-blend-mode:multiply}@media (prefers-reduced-motion:no-preference){:is(.tool-stage.is-playing,.tool-canvas-wrap) :is(.wm-settled,.wm-strong){animation:wm-wave var(--wm-wave) var(--wm-t1) var(--wm-ease) backwards}:is(.tool-stage.is-playing,.tool-canvas-wrap) .wm-strong > canvas{animation:wm-wave var(--wm-wave) var(--wm-t2) var(--wm-ease) backwards}:is(.tool-stage.is-playing,.tool-canvas-wrap) .wm-light{animation:wm-light var(--wm-wave) var(--wm-t1) var(--wm-ease),wm-light var(--wm-wave) var(--wm-t2) var(--wm-ease)}}@keyframes wm-wave{from{-webkit-mask-position:100% 0;mask-position:100% 0}}.wm-apply.is-applied .wm-settled{-webkit-mask-image:none;mask-image:none;animation:none}.wm-apply.is-off .wm-settled{-webkit-mask-image:linear-gradient(108deg,transparent 45%,#000 55%);mask-image:linear-gradient(108deg,transparent 45%,#000 55%)}.wm-apply.is-off .wm-strong{visibility:hidden}.wm-apply.is-quiet *{animation:none !important}@media (prefers-reduced-motion:no-preference){.tool-stage.is-playing .wm-apply.is-on :is(.wm-settled,.wm-strong){animation:wm-in var(--wm-wave) var(--wm-t1) var(--wm-ease) backwards}.tool-stage.is-playing .wm-apply.is-on .wm-strong > canvas{animation:wm-in var(--wm-wave) var(--wm-t2) var(--wm-ease) backwards}.tool-stage.is-playing .wm-apply.is-on .wm-light{animation:wm-light-in var(--wm-wave) var(--wm-t1) var(--wm-ease),wm-light-in var(--wm-wave) var(--wm-t2) var(--wm-ease)}.tool-stage.is-playing .wm-apply.is-off .wm-settled{animation:wm-out var(--wm-wave) var(--wm-ease) backwards}.tool-stage.is-playing .wm-apply.is-off :is(.wm-strong,.wm-strong > canvas){animation:none}.tool-stage.is-playing .wm-apply.is-off .wm-light{animation:wm-light-out var(--wm-wave) var(--wm-ease)}}@keyframes wm-in{from{-webkit-mask-position:100% 0;mask-position:100% 0}}@keyframes wm-out{from{-webkit-mask-position:100% 0;mask-position:100% 0}}@keyframes wm-light-in{from{background-position:100% 0}to{background-position:0 0}}@keyframes wm-light-out{from{background-position:100% 0}to{background-position:0 0}}@keyframes wm-light{from{background-position:100% 0}to{background-position:0 0}}.demo-layer{position:absolute;inset:0;pointer-events:none}.tool-stage.is-paused *,.tool-stage.is-paused *::before,.tool-stage.is-paused *::after{animation-play-state:paused !important}@media (prefers-reduced-motion:no-preference){.tool-stage.is-playing .tool-desk{animation:desk-float 7s ease-in-out infinite}}@keyframes desk-float{50%{transform:translateY(-5px) rotate(-0.4deg)}}.tool-stage[data-demo="watermark"] .tool-desk > picture{position:relative}.tool-stage[data-demo="watermark"] .tool-desk > picture::after{content:"";position:absolute;inset:0;border-radius:10px;background:rgb(255 255 255 / 0.45)}.demo-layer.wm-apply{border-radius:10px;--wm-t1:0.1s;--wm-t2:0.55s}.demo-switch{position:absolute;top:0;left:50%;z-index:2;translate:-50% -55%;display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 6px 4px 14px;border-radius:999px;cursor:pointer;background:color-mix(in srgb,var(--card) 88%,transparent);color:var(--fg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 0 1px var(--line),0 14px 30px -14px rgba(20,16,46,0.5);font:600 14px/1.2 var(--font);white-space:nowrap}.demo-switch .tool-switch input{width:44px;height:27px}.demo-switch .tool-switch input::before{width:23px;height:23px}.demo-switch .tool-switch input:checked::before{transform:translateX(17px)}[dir="rtl"] .demo-switch .tool-switch input:checked::before{transform:translateX(-17px)}.tool-stage:not(.is-playing):not(.is-still) .demo-switch{visibility:hidden}.tool-stage.is-playing[data-demo="watermark"] .tool-desk > :is(picture,.demo-layer){animation:wm-lean 3.6s 3.2s cubic-bezier(0.45,0,0.2,1) both;transform-origin:30% 64%}@keyframes wm-lean{0%,100%{transform:none}30%,70%{transform:scale(2.1)}}.demo-chip{position:absolute;left:50%;bottom:0;z-index:2;translate:-50% 50%;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:12px;row-gap:8px;width:min(92%,380px);padding:12px 16px 14px;border-radius:18px;background:color-mix(in srgb,var(--card) 90%,transparent);color:var(--fg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 0 0 1px var(--line),0 18px 36px -16px rgba(20,16,46,0.55)}.demo-chip .tool-icon{grid-row:span 2;width:34px;height:34px;padding:6px;border-radius:10px;color:#fff;background:var(--tool-fill)}.demo-chip-line{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0}.demo-size{font:750 clamp(18px,2vw,22px)/1.1 var(--font);letter-spacing:-0.01em;font-variant-numeric:tabular-nums}.demo-under{display:inline-flex;align-items:center;gap:5px;padding:4px 10px 4px 8px;border-radius:999px;white-space:nowrap;background:color-mix(in srgb,var(--tool) 18%,transparent);color:var(--tool-ink);font:700 13px/1.2 var(--font)}.demo-under::before{content:"✓";font-weight:800}.demo-meter{position:relative;height:8px;border-radius:999px;background:rgba(120,120,128,0.2)}.demo-meter-fill{position:absolute;inset:0;inset-inline-end:auto;width:100%;border-radius:inherit;background:#ff9f0a}.demo-meter-target{position:absolute;top:-4px;bottom:-4px;width:2px;border-radius:2px;background:var(--fg);opacity:0.55}.tool-stage.is-playing[data-demo="compress"] picture{animation:cp-squeeze 10s var(--ease-out) infinite;transform-origin:50% 100%}.tool-stage.is-playing .demo-chip{animation:cp-chip 10s var(--ease-out) infinite}.tool-stage.is-playing .demo-meter-fill{animation:cp-fill 10s infinite}.tool-stage.is-playing .demo-under{animation:cp-under 10s var(--ease-spring) infinite}.tool-stage.is-playing .demo-size{animation:cp-size 10s infinite}@keyframes cp-squeeze{0%,12%{transform:none}18%{transform:scale(0.965,0.95)}30%,100%{transform:none}}@keyframes cp-chip{0%,4%{opacity:0;transform:translateY(10px)}9%,88%{opacity:1;transform:none}95%,100%{opacity:0;transform:translateY(6px)}}@keyframes cp-fill{0%,12%{width:100%;background:#ff9f0a;animation-timing-function:cubic-bezier(0.33,1,0.68,1)}38%,92%{width:11.6%;background:var(--tool)}100%{width:100%;background:#ff9f0a}}@keyframes cp-under{0%,37%{opacity:0;transform:scale(0.6)}43%,88%{opacity:1;transform:none}95%,100%{opacity:0;transform:none}}@keyframes cp-size{0%,37%{color:var(--fg)}40%,92%{color:var(--tool-ink)}100%{color:var(--fg)}}.demo-scene{position:relative;width:100%;aspect-ratio:4 / 3}.tool-desk.has-scene{width:min(100%,660px)}.tool-desk.has-scene > picture{position:absolute;inset:0;visibility:hidden}.demo-sheet{position:absolute;left:var(--sx);top:var(--sy);width:var(--sw);height:var(--sh);border-radius:4px;background:#fff;box-shadow:0 30px 60px -28px rgba(20,16,46,0.5),0 0 0 0.5px rgba(0,0,0,0.1)}.demo-card{position:absolute;left:var(--x1);top:var(--y1);width:var(--w1);height:auto;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,0.18)}.demo-tag{position:absolute;left:var(--tx);top:var(--ty);translate:-50% -50%;z-index:3;padding:6px 12px;border-radius:9px;background:var(--tool-fill);color:#fff;font:800 clamp(13px,1.4vw,15px)/1 var(--font);letter-spacing:0.04em;box-shadow:0 10px 22px -10px color-mix(in srgb,var(--tool-fill) 80%,transparent)}.tool-stage.is-playing .demo-sheet{animation:cv-sheet 10s var(--ease-out) infinite}.tool-stage.is-playing .demo-card{animation:cv-card 10s infinite}.tool-stage.is-playing .demo-card + .demo-card{animation-name:cv-card-late}.tool-stage.is-playing .demo-tag{animation:cv-tag 10s var(--ease-spring) infinite}@keyframes cv-sheet{0%,12%{opacity:0;transform:translateY(4%) scale(0.96)}24%,88%{opacity:1;transform:none}95%,100%{opacity:0;transform:none}}@keyframes cv-card{0%,22%{left:var(--x0);top:var(--y0);width:var(--w0);rotate:var(--r0);opacity:1;box-shadow:0 24px 40px -20px rgba(20,16,46,0.55);animation-timing-function:cubic-bezier(0.5,0,0.2,1)}46%,88%{left:var(--x1);top:var(--y1);width:var(--w1);rotate:0deg;opacity:1;box-shadow:0 1px 2px rgba(0,0,0,0.18)}95%{opacity:0}100%{left:var(--x0);top:var(--y0);width:var(--w0);rotate:var(--r0);opacity:0}}@keyframes cv-card-late{0%,27%{left:var(--x0);top:var(--y0);width:var(--w0);rotate:var(--r0);opacity:1;box-shadow:0 24px 40px -20px rgba(20,16,46,0.55);animation-timing-function:cubic-bezier(0.5,0,0.2,1)}51%,88%{left:var(--x1);top:var(--y1);width:var(--w1);rotate:0deg;opacity:1;box-shadow:0 1px 2px rgba(0,0,0,0.18)}95%{opacity:0}100%{left:var(--x0);top:var(--y0);width:var(--w0);rotate:var(--r0);opacity:0}}@keyframes cv-tag{0%,52%{opacity:0;transform:scale(0.4) rotate(-12deg)}58%,88%{opacity:1;transform:rotate(-6deg)}95%,100%{opacity:0;transform:rotate(-6deg)}}.demo-tile{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);border-radius:2px}.tool-stage.is-playing .demo-tile{animation:rd-1 10s var(--ease-out) infinite}.tool-stage.is-playing .demo-tile:nth-child(2){animation-name:rd-2}.tool-stage.is-playing .demo-tile:nth-child(3){animation-name:rd-3}.tool-stage.is-playing .demo-tile:nth-child(4){animation-name:rd-4}@keyframes rd-1{0%,10%{clip-path:inset(0 100% 0 0);box-shadow:0 0 0 0 transparent}15%{clip-path:inset(0);box-shadow:0 0 0 3px var(--tool)}22%,82%{clip-path:inset(0);box-shadow:0 0 0 0 transparent;opacity:1}90%,100%{clip-path:inset(0);opacity:0}}@keyframes rd-2{0%,19%{clip-path:inset(0 100% 0 0);box-shadow:0 0 0 0 transparent}24%{clip-path:inset(0);box-shadow:0 0 0 3px var(--tool)}31%,82%{clip-path:inset(0);box-shadow:0 0 0 0 transparent;opacity:1}90%,100%{clip-path:inset(0);opacity:0}}@keyframes rd-3{0%,28%{clip-path:inset(0 100% 0 0);box-shadow:0 0 0 0 transparent}34%{clip-path:inset(0);box-shadow:0 0 0 3px var(--tool)}41%,82%{clip-path:inset(0);box-shadow:0 0 0 0 transparent;opacity:1}90%,100%{clip-path:inset(0);opacity:0}}@keyframes rd-4{0%,34%{clip-path:inset(0 100% 0 0);box-shadow:0 0 0 0 transparent}40%{clip-path:inset(0);box-shadow:0 0 0 3px var(--tool)}47%,82%{clip-path:inset(0);box-shadow:0 0 0 0 transparent;opacity:1}90%,100%{clip-path:inset(0);opacity:0}}.tool-stage.is-still .demo-meter-fill{width:11.6%;background:var(--tool)}.tool-stage.is-still .demo-size{color:var(--tool-ink)}.tool-stage:not(.is-playing):not(.is-still) .demo-layer,.tool-stage:not(.is-playing):not(.is-still) .demo-scene{opacity:0}.tool-below{padding-top:8px}.tool-content > .answer{margin:44px 0 8px;font-size:clamp(19px,1.9vw,22px);line-height:1.55;font-weight:500;letter-spacing:-0.01em;color:var(--fg);text-wrap:pretty}.tool-content > h2:first-of-type + ol{list-style:none;padding:0;display:grid;gap:12px;counter-reset:step;margin-top:18px}.tool-content > h2:first-of-type + ol > li{counter-increment:step;position:relative;margin:0;padding:18px 20px;padding-inline-start:66px;border-radius:var(--radius);background:var(--bg-elevated);line-height:1.55}.tool-content > h2:first-of-type + ol > li::before{content:counter(step);position:absolute;inset-inline-start:18px;top:16px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--tool-fill);color:#fff;font:750 15px/1 var(--font)}.tool-content > h2:first-of-type + ol > li strong{display:block;margin-bottom:2px}.tools-hub{--tool:var(--accent);--tool-ink:var(--accent-on-card)}.doc-article > h1 + .tool-rating{margin:-4px 0 4px}@media (min-width:640px){.tools-hub .tool-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.faq-item{border-bottom:1px solid var(--line)}.faq-item:first-of-type{border-top:1px solid var(--line);margin-top:8px}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;list-style:none;cursor:pointer}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary h3{margin:0;font-size:18px;line-height:1.35;letter-spacing:-0.01em}.faq-item summary::after{content:"";flex:none;width:10px;height:10px;margin-inline-end:6px;border-inline-end:2px solid var(--tool-ink);border-bottom:2px solid var(--tool-ink);transform:translateY(-3px) rotate(45deg);transition:transform 0.25s var(--ease-out)}.faq-item[open] summary::after{transform:translateY(2px) rotate(-135deg)}.faq-item summary:focus-visible{outline:3px solid var(--tool-ink);outline-offset:2px;border-radius:8px}.doc-article .faq-item p{margin:0 0 20px;color:var(--fg-secondary)}.faq-item::details-content{block-size:0;overflow:clip;transition:block-size 0.3s var(--ease-out),content-visibility 0.3s allow-discrete}.faq-item[open]::details-content{block-size:auto}.tool-siblings{margin-top:56px}.tool-siblings h2{font-size:clamp(20px,2.2vw,24px);letter-spacing:var(--track-title);margin:0 0 14px}.tool-siblings-all{margin:14px 0 0;font-weight:600}.tool-cards{list-style:none;margin:0;padding:0;display:grid;gap:12px}@media (min-width:640px){.tool-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}.doc-article .tool-cards{margin:28px 0 8px;padding:0}.doc-article .tool-cards li{margin:0}.tool-cards a{display:grid;gap:8px;align-content:start;height:100%;padding:18px;border-radius:var(--radius);text-decoration:none;background:var(--card);color:var(--fg);box-shadow:var(--shadow-sm),0 0 0 1px var(--line);transition:transform 0.2s var(--ease-out),box-shadow 0.2s ease}.tool-cards a:hover{transform:translateY(-2px);box-shadow:var(--shadow),0 0 0 1px color-mix(in srgb,var(--tool) 50%,var(--line))}.tool-cards .tool-icon{width:40px;height:40px;padding:8px;border-radius:12px;color:var(--tool-ink);background:color-mix(in srgb,var(--tool) 15%,transparent)}.tool-cards strong{color:var(--fg);font-size:16.5px}.tool-cards span{font-size:14px;line-height:1.45;color:var(--fg-secondary)}@media (prefers-reduced-motion:reduce){.tool-bridge[open],.tool-view,.tool-work,.tool.is-dragging .tool-drop-cue span{animation:none}.tool-switch input,.tool-switch input::before,.tool-step-title::after,.faq-item summary::after,.tool-head h1{transition:none}.faq-item::details-content{transition:none}}