.ca-bench{display:grid;gap:24px;margin-top:28px;align-items:start}@media(min-width:960px){.ca-bench{grid-template-columns:minmax(0,1fr) 320px;gap:32px}}.ca-tool{min-width:0}@media(min-width:960px){.ca-drop{display:flex;flex-direction:column;justify-content:center;min-height:300px}}.ca-seo figure svg{max-width:560px}.ca-panel{padding:18px;border:1px solid var(--ff-line);border-radius:14px;background:var(--ff-surface)}.ca-panel h2{margin:0 0 12px;font-size:17px}.ca-measure{display:grid;gap:12px;margin:0 0 14px;padding:0;list-style:none;color:var(--ff-ink-2);font-size:14px}.ca-measure li{display:flex;gap:10px}.ca-measure li>b{flex-shrink:0;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ff-brand-tint);color:var(--ff-brand);font-size:12px}.ca-hero-fig{display:none;margin:0}.ca-hero-fig img{display:block;width:100%;max-width:340px;height:auto;margin-inline:auto}@media(min-width:960px){.ca-hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:center}.ca-hero-fig{display:block}}.ca-drop{padding:28px 20px;border:2px dashed var(--ff-line-strong);border-radius:18px;background:var(--ff-surface);text-align:center}.ca-drop h2{margin:0 0 6px;font-size:20px}.ca-drop p{margin:0 auto 16px;max-width:46ch;color:var(--ff-ink-2);font-size:15px}.ca-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.ca-hint{margin:18px auto 0;padding:0;max-width:46ch;list-style:none;color:var(--ff-ink-3);font-size:13.5px;text-align:left}.ca-hint li+li{margin-top:4px}.ca-file{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ca-status{display:flex;align-items:center;gap:12px;margin-top:20px;padding:16px;border:1px solid var(--ff-line);border-radius:14px;background:var(--ff-surface);color:var(--ff-ink-2);font-size:15px}.ca-spin{flex-shrink:0;width:18px;height:18px;border:2px solid var(--ff-line-strong);border-top-color:var(--ff-brand);border-radius:50%;animation:ca-spin .8s linear infinite}@keyframes ca-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ca-spin{animation-duration:3s}}.ca-error{margin-top:20px;padding:16px;border:1px solid var(--ff-danger);border-radius:14px;background:var(--ff-surface)}.ca-error h3{margin:0 0 4px;font-size:17px}.ca-error p{margin:0 0 12px;color:var(--ff-ink-2);font-size:15px}.ca-result{display:grid;gap:20px;margin-top:24px}.ca-card{padding:20px;border:1px solid var(--ff-line);border-radius:14px;background:var(--ff-surface)}.ca-card h3{margin:0 0 12px;font-size:17px}.ca-head{display:grid;gap:16px}.ca-photo{width:100%;max-width:220px;aspect-ratio:3 / 4;object-fit:cover;border:1px solid var(--ff-line);border-radius:14px;background:var(--ff-surface-sunk)}.ca-season{margin:0;color:var(--ff-accent);font-size:32px;font-weight:650;letter-spacing:-.02em;line-height:1.1}.ca-sub{margin:6px 0 0;color:var(--ff-ink-2);font-size:15px}.ca-lead{margin-top:12px;color:var(--ff-ink-3);font-size:13.5px}.ca-axes{display:grid;gap:14px;margin:0}.ca-axis dt{display:flex;justify-content:space-between;gap:8px;font-size:14px;color:var(--ff-ink-2)}.ca-axis dt b{color:var(--ff-ink);font-weight:600}.ca-track{position:relative;height:6px;margin:8px 0 4px;border-radius:999px;background:var(--ff-surface-sunk)}.ca-track i{position:absolute;top:50%;width:14px;height:14px;border:2px solid var(--ff-surface);border-radius:50%;background:var(--ff-accent);box-shadow:0 0 0 1px var(--ff-line-strong);transform:translate(-50%,-50%)}.ca-ends{display:flex;justify-content:space-between;color:var(--ff-ink-3);font-size:12.5px}.ca-samples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ca-sample{text-align:center;font-size:13px;color:var(--ff-ink-3)}.ca-sample span.ca-chip{display:block;height:52px;margin-bottom:6px;border:1px solid var(--ff-line);border-radius:10px}.ca-sample b{display:block;color:var(--ff-ink);font-size:14px;font-weight:600}.ca-sample code{font-family:var(--ff-font-num);font-size:12px}.ca-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ca-sw{min-width:0;font-size:12.5px;color:var(--ff-ink-2);line-height:1.3}.ca-sw span.ca-chip{display:block;height:44px;margin-bottom:4px;border:1px solid rgb(0 0 0 / .08);border-radius:10px}.ca-sw-avoid span.ca-chip{position:relative;overflow:hidden}.ca-sw-avoid span.ca-chip:after{content:"";position:absolute;inset:0;background:linear-gradient(to top right,transparent calc(50% - 1px),rgb(255 255 255 / .9) calc(50% - 1px),rgb(255 255 255 / .9) calc(50% + 1px),transparent calc(50% + 1px))}.ca-list{display:grid;gap:8px;margin:0;padding-left:18px;color:var(--ff-ink-2);font-size:14.5px;line-height:1.5}.ca-two{display:grid;gap:20px}.ca-note{padding:14px 16px;border:1px solid var(--ff-line);border-radius:14px;background:var(--ff-warn-tint);color:var(--ff-ink-2);font-size:14px}.ca-note b{color:var(--ff-warn)}.ca-later{padding:12px 16px;border:1px dashed var(--ff-line-strong);border-radius:14px;color:var(--ff-ink-3);font-size:14px;cursor:default}.ca-links{display:flex;flex-wrap:wrap;gap:12px}.ca-seo{max-width:none;margin-top:56px}.ca-seo h2{margin:36px 0 10px;font-size:24px}.ca-seo h3{margin:20px 0 6px;font-size:17px}.ca-seo p{max-width:68ch;margin:0 0 12px;color:var(--ff-ink-2);font-size:16px}.ca-seo figure{margin:20px 0}.ca-seo .ca-figure-img{display:block;width:100%;max-width:280px;height:auto;border-radius:14px}.ca-seo figcaption{margin-top:8px;color:var(--ff-ink-3);font-size:13.5px}.ca-seo figure svg{display:block;width:100%;height:auto;border:1px solid var(--ff-line);border-radius:14px}@media(min-width:640px){.ca-head{grid-template-columns:300px minmax(0,1fr);align-items:start}.ca-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ca-two{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:900px){.ca-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
