.spf-tool{border:var(--rule);background:var(--panel)}.spf-grid{display:grid;grid-template-columns:1fr 1fr}.spf-field{padding:22px 24px;border-bottom:var(--rule);border-right:var(--rule);display:flex;flex-direction:column;gap:12px}.spf-field:nth-child(odd){border-right:var(--rule)}.spf-field:nth-child(2n){border-right:none}.spf-field--full{grid-column:1 / -1;border-right:none}.spf-label{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--cobalt);display:flex;align-items:center;justify-content:space-between;gap:10px}.spf-optional{color:var(--ink-2);text-transform:none;letter-spacing:0}.spf-presets{display:inline-flex;border:var(--rule);width:max-content;max-width:100%}.spf-preset{min-width:56px;min-height:44px;padding:0 14px;font-family:var(--font-mono);font-size:14px;font-weight:600;background:var(--paper);color:var(--ink);border:none;border-right:var(--rule);cursor:pointer}.spf-preset:last-child{border-right:none}.spf-preset.is-active{background:var(--ink);color:var(--paper)}.spf-preset:hover:not(.is-active){background:var(--chip)}.spf-number,.spf-select{width:100%;min-height:48px;padding:12px 14px;font-size:16px;font-family:var(--font-body);color:var(--ink);background:var(--paper);border:var(--rule);border-radius:0}.spf-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23171511' d='M0 0l6 8 6-8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.fitz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:var(--rule)}.fitz-cell{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:14px;min-height:44px;background:var(--paper);border:none;border-right:var(--rule);border-bottom:var(--rule);cursor:pointer;text-align:left}.fitz-cell:nth-child(3n){border-right:none}.fitz-cell:nth-child(n+4){border-bottom:none}.fitz-cell.is-active{background:var(--ink)}.fitz-cell.is-active .fitz-type{color:var(--paper)}.fitz-cell.is-active .fitz-desc{color:#b7b2a6}.fitz-cell.is-active .fitz-swatch{outline:2px solid var(--cobalt);outline-offset:2px}.fitz-swatch{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--ink)}.fitz-type{font-family:var(--font-mono);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink)}.fitz-desc{font-size:12px;line-height:1.35;color:var(--ink-2)}.uv-live{font-family:var(--font-mono);font-size:12px;font-weight:600;padding:3px 8px;border-radius:2px;background:var(--chip);color:var(--ink)}.uv-live.uv-high,.uv-live.uv-very-high,.uv-live.uv-extreme{background:var(--signal);color:#fff}.uv-slider{width:100%;accent-color:var(--cobalt);height:44px}.uv-link{font-family:var(--font-mono);font-size:12px;color:var(--cobalt);text-decoration:none;align-self:flex-start}.uv-link:hover{color:var(--cobalt-deep);text-decoration:underline}.spf-run{display:block;width:100%;min-height:56px;padding:18px;font-family:var(--font-mono);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--paper);background:var(--ink);border:none;cursor:pointer}.spf-run:hover{background:var(--cobalt)}.spf-noresult{padding:24px;font-size:15px;color:var(--ink-2);border-top:var(--rule)}.spf-result{border-top:var(--rule);animation:spf-fade .35s ease both}@keyframes spf-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.spf-result{animation:none}}.spf-result-primary{padding:32px 24px;display:flex;flex-direction:column;gap:6px;border-bottom:var(--rule)}.spf-result-k{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--cobalt)}.spf-result-v{font-family:var(--font-display);font-weight:500;font-size:clamp(2.75rem,9vw,4.5rem);line-height:.95;letter-spacing:-.03em}.spf-result-sub{font-size:15px;color:var(--ink-2)}.spf-warn{padding:16px 24px;font-size:14px;line-height:1.45;border-bottom:var(--rule);font-family:var(--font-body)}.spf-warn--caution{background:var(--signal);color:#fff;font-weight:500}.spf-warn--note{background:var(--chip);color:var(--ink)}.spf-secondary{display:flex;flex-direction:column}.spf-sec-row{padding:18px 24px;border-bottom:var(--rule);display:grid;grid-template-columns:200px 1fr;gap:16px;align-items:baseline}.spf-sec-k{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--cobalt)}.spf-sec-v{font-size:15px;line-height:1.5;color:var(--ink-2)}.spf-sec-v strong{color:var(--ink);font-weight:600}.spf-caveat{padding:18px 24px;font-size:12px;line-height:1.5;color:var(--ink-2)}@media(max-width:640px){.spf-grid{grid-template-columns:1fr}.spf-field,.spf-field--full{border-right:none}.fitz-grid{grid-template-columns:repeat(2,1fr)}.fitz-cell:nth-child(3n){border-right:var(--rule)}.fitz-cell:nth-child(2n){border-right:none}.fitz-cell:nth-child(n+4){border-bottom:var(--rule)}.fitz-cell:nth-child(n+5){border-bottom:none}.spf-sec-row{grid-template-columns:1fr;gap:6px}}