:root{--ff-bg: #f7f7f7;--ff-surface: #ffffff;--ff-text: #000000;--ff-text-muted: #666666;--ff-accent: #DA3832;--ff-accent-dark: #b82e29;--ff-divider: rgba(34, 34, 34, .2);--ff-font-display: "Plus Jakarta Sans", "Helvetica Neue", Arial, sans-serif;--ff-font-body: "Inter", system-ui, sans-serif;--ff-font-mono: "IBM Plex Mono", "Courier New", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--ff-font-body);font-size:16px;line-height:1.6;background:var(--ff-bg);color:var(--ff-text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ff-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 60px;border-bottom:1px solid var(--ff-divider);background:var(--ff-surface);position:sticky;top:0;z-index:100}.ff-nav__logo{font-family:var(--ff-font-display);font-weight:400;font-size:16px;color:var(--ff-text);text-decoration:none;letter-spacing:-.01em}.ff-nav__tool{font-family:var(--ff-font-mono);font-size:13px;letter-spacing:-.3px;color:var(--ff-text-muted)}main{max-width:800px;margin:0 auto}.hero{padding:90px 60px 60px}.display{font-family:var(--ff-font-display);font-weight:300;font-size:58px;line-height:1;letter-spacing:-.01em;margin:0 0 24px}.lede{font-family:var(--ff-font-body);font-size:20px;line-height:1.5;color:var(--ff-text-muted);max-width:520px;margin:0}.ff-eyebrow{font-family:var(--ff-font-mono);font-size:13px;letter-spacing:-.3px;color:var(--ff-text-muted);text-transform:uppercase;display:block;margin-bottom:20px}.ff-divider{border:none;border-top:1px solid var(--ff-divider);margin:0}.step{padding:40px 60px}.step__num{margin-bottom:16px}.step__body{display:flex;flex-direction:column;gap:16px}.actions{display:flex;gap:12px;flex-wrap:wrap}.ff-btn{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;text-decoration:none;padding:12px 24px;border-radius:0;border:1px solid transparent;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;font-family:var(--ff-font-body)}.ff-btn:disabled{opacity:.35;cursor:not-allowed}.ff-btn--primary{background:var(--ff-accent);color:#fff;border-color:var(--ff-accent)}.ff-btn--primary:hover:not(:disabled){background:var(--ff-accent-dark);border-color:var(--ff-accent-dark)}.ff-btn--ghost{background:transparent;color:var(--ff-text);border-color:var(--ff-divider)}.ff-btn--ghost:hover:not(:disabled){border-color:var(--ff-text)}.dropzone{border:1px dashed var(--ff-divider);background:var(--ff-surface);padding:48px 24px;text-align:center;border-radius:0;transition:border-color .15s ease,background .15s ease}.dropzone.over{border-color:var(--ff-text);background:var(--ff-bg)}.dropzone p{margin:4px 0}.link{color:var(--ff-text);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.link:hover{color:var(--ff-accent)}.muted{color:var(--ff-text-muted);font-size:14px;margin:0}#status.error{color:var(--ff-accent)}.result{font-size:16px}.result a{color:var(--ff-accent);font-weight:500}.ff-footer{display:flex;justify-content:space-between;align-items:center;padding:40px 60px;border-top:1px solid var(--ff-divider);margin-top:60px}.ff-footer .ff-eyebrow{margin:0}@media (max-width: 768px){.ff-nav{padding:16px 24px}.hero{padding:48px 24px 32px}.display{font-size:40px}.lede{font-size:17px}.step{padding:32px 24px}.ff-footer{padding:32px 24px;flex-direction:column;gap:8px;align-items:flex-start}}