.file-tool-experience{--file-tool-ease:cubic-bezier(.22,1,.36,1)}.file-tool-intro{display:flex;align-items:center;gap:12px}.file-tool-picture{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;border-radius:15px;background:color-mix(in srgb,var(--chart-5) 8%,var(--card))}.file-tool-intro p{color:var(--muted-foreground);font-size:12px}.file-tool-intro h2{margin-top:4px;font-size:clamp(18px,4vw,22px);font-weight:700;letter-spacing:-.03em}.file-tool-description{margin-top:12px;font-size:14px;color:var(--muted-foreground);line-height:1.75}.file-tool-steps{display:flex;flex-wrap:wrap;gap:10px 16px;margin:18px 0 10px;font-size:12px;color:var(--muted-foreground)}.file-tool-steps li{display:flex;align-items:center;gap:7px}.file-tool-steps span{display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--border);border-radius:50%;font-variant-numeric:tabular-nums}.file-tool-feedback{margin:10px 0 18px;padding:12px 14px;border-radius:12px;background:var(--muted);color:var(--muted-foreground);font-size:13px;line-height:1.75}.file-tool-feedback-error{color:var(--destructive);background:color-mix(in srgb,var(--destructive) 6%,var(--card))}.file-tool-fields{min-width:0;border:0;padding:0;margin:0}.file-tool-fields:disabled{opacity:.7}.file-tool-experience :is(button,a,input,select),.file-tool-fields{transition:background-color .22s var(--file-tool-ease),border-color .22s var(--file-tool-ease),box-shadow .22s var(--file-tool-ease),opacity .22s var(--file-tool-ease)}.file-tool-experience :is(button,a,input,select,[role=button]):focus-visible{outline:2px solid var(--primary);outline-offset:3px}.file-tool-experience [data-file-result]{animation:file-tool-enter .24s var(--file-tool-ease)}.file-tool-next{margin-top:24px;padding:20px 0 8px;border-top:1px solid var(--border)}.file-tool-next p{color:var(--muted-foreground);font-size:12px}.file-tool-next>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.file-tool-next a{display:inline-flex;align-items:center;min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;font-size:13px}.file-tool-next a:hover{background:var(--muted)}.file-tool-next .file-tool-hub-link{margin-top:10px;border:0;padding-left:0;color:var(--muted-foreground)}@keyframes file-tool-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.file-tool-experience *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}