.fps-page{max-width:1080px;margin:auto}.fps-workspace{border:1px solid var(--line);background:var(--surface);border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;overflow:hidden}.fps-controls,.fps-result{min-width:0;padding:32px}.fps-result{border-left:1px solid var(--line);background:var(--surface-soft)}.fps-workspace h2{align-items:center;gap:12px;margin:0 0 24px;font-size:22px;display:flex}.fps-controls>label{margin:24px 0 8px;font-size:14px;font-weight:600;display:block}.fps-field-row{align-items:center;gap:8px;display:flex}.fps-field-row input,.fps-field-row select{border:1px solid var(--line);background:var(--surface-soft);min-width:0;min-height:48px;color:var(--text);font:inherit;border-radius:8px;padding:10px 12px}.fps-field-row input{width:100%;font-family:var(--font-geist-mono), monospace;flex:1}.fps-field-row select{max-width:45%}.fps-unit{padding:12px}.fps-workspace button{min-height:44px;font:inherit;color:var(--text);border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:14px}.fps-workspace button:hover{border-color:var(--tool-accent)}.fps-workspace :is(input,select,button):focus-visible{outline:3px solid var(--focus);outline-offset:3px}.fps-presets{flex-wrap:wrap;gap:8px;display:flex}.fps-presets button[aria-pressed=true]{background:var(--tool-soft);color:var(--tool-accent);border-color:var(--tool-accent)}.fps-help,.fps-limits,.fps-local{color:var(--text-muted);font-size:14px;line-height:1.7}.fps-formula{border-top:1px solid var(--line);font-family:var(--font-geist-mono), monospace;margin:32px 0 8px;padding-top:24px;font-size:14px}.fps-result-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.fps-result-heading h2{margin:0}.fps-workspace .fps-reset{place-items:center;min-width:44px;padding:0;display:grid}.fps-value{font-family:var(--font-display), sans-serif;letter-spacing:-.04em;overflow-wrap:anywhere;margin:28px 0 8px;font-size:clamp(32px,4vw,48px);font-weight:600;line-height:1.25}.fps-value span{letter-spacing:normal;color:var(--text-muted);font-size:18px;font-weight:400}.fps-equivalence{font-family:var(--font-geist-mono), monospace;color:var(--text-muted);overflow-wrap:anywhere;font-size:14px}.fps-chart{margin:28px 0 20px}.fps-chart figcaption{margin-bottom:16px;font-size:15px;font-weight:600}.fps-bar-label{flex-wrap:wrap;justify-content:space-between;gap:8px;margin:16px 0 8px;font-size:14px;display:flex}.fps-bar-label strong{font-family:var(--font-geist-mono), monospace;font-weight:500}.fps-track{background:var(--surface);border:1px solid var(--line);border-radius:4px;width:100%;height:16px;overflow:hidden}.fps-bar{background:var(--tool-accent);height:100%}.fps-screen-bar{background:var(--text-muted)}.fps-details{margin:20px 0 8px}.fps-details>div{border-block:1px solid var(--line);justify-content:space-between;gap:16px;padding:16px 0;font-size:14px;display:flex}.fps-details dt{color:var(--text-muted)}.fps-details dd{font-family:var(--font-geist-mono), monospace;text-align:right;overflow-wrap:anywhere;margin:0}.fps-workspace .fps-copy{background:var(--tool-accent);border-color:var(--tool-accent);width:100%;color:var(--on-tool);justify-content:center;align-items:center;gap:10px;margin-top:24px;display:flex}.fps-notice{overflow-wrap:anywhere;min-height:1.5em;font-size:14px}.fps-error{border:1px solid var(--error-line);background:var(--error-soft);color:var(--error-text);border-radius:8px;margin:24px 0;padding:16px}.fps-limits{border-top:1px solid var(--line);margin-bottom:0;padding-top:20px}.fps-local{text-align:center;margin:24px 0}@media (max-width:700px){.fps-workspace{grid-template-columns:1fr}.fps-controls,.fps-result{padding:24px}.fps-result{border-left:0;border-top:1px solid var(--line)}.fps-workspace h2{font-size:20px}}@media (max-width:380px){.fps-controls,.fps-result{padding:16px}}