.fsp-form .sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fsp-tool{margin-top:8px}.fsp-builder{background:linear-gradient(150deg, var(--color-violet-soft) 0%, #fbfaff 60%, #fffdf9 100%);border-radius:26px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:18px;padding:18px;display:grid;box-shadow:0 0 0 1px #ddd5fd,0 30px 60px -44px #4a31c999}.fsp-form{background:var(--color-surface);box-shadow:0 0 0 1px var(--color-line), 0 8px 30px -18px #281e5040;border-radius:18px;gap:18px;min-width:0;padding:24px;display:grid}.fsp-step{font:700 17px var(--font-sans);align-items:center;gap:10px;margin:0;display:flex}.fsp-step span{background:var(--color-violet);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:13.5px;display:grid}.fsp-make{padding:15px 22px;font-size:16px}.fsp-preview{min-width:0;margin:0;position:sticky;top:90px}.fsp-preview figcaption{font:700 12.5px var(--font-sans);letter-spacing:.07em;text-transform:uppercase;color:var(--color-violet-ink);align-items:center;gap:8px;margin:4px 4px 10px;display:flex}.fsp-preview figcaption small{letter-spacing:0;text-transform:none;color:var(--color-ink-3);font-size:13px;font-weight:500}.fsp-dot{background:var(--color-ok);width:8px;height:8px;box-shadow:0 0 0 4px var(--color-ok-soft);border-radius:50%}.fsp-pv{background:var(--color-canvas);box-shadow:0 0 0 1px var(--color-line), 0 18px 40px -28px #281e5066;border-radius:18px;padding:22px 20px 16px}.fsp-pv-h{font:800 24px/1.1 var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere;margin:0 0 12px}.fsp-pv-banner{background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line);font:650 14.5px var(--font-sans);color:var(--color-ink-2);border-radius:12px;align-items:center;gap:10px;padding:12px 14px;display:flex}.fsp-pv-banner span{background:var(--color-day-ok,#7cc59d);width:18px;height:18px;box-shadow:0 0 0 4px var(--color-ok-soft);border-radius:50%;flex:none}.fsp-pv-list{background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line);border-radius:12px;margin:12px 0 0;padding:4px 14px;list-style:none}.fsp-pv-list li{border-top:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:10px;padding:11px 0;display:flex}.fsp-pv-list li:first-child{border-top:0}.fsp-pv-list li>span:first-child{min-width:0;display:grid}.fsp-pv-list b{overflow-wrap:anywhere;font-size:15px}.fsp-pv-list small{color:var(--color-ink-3);overflow-wrap:anywhere;font-size:12.5px}.fsp-pv-list li.is-ghost{opacity:.55}.fsp-pv-pill{font:600 12px var(--font-sans);background:var(--color-sunken);color:var(--color-ink-2);border-radius:99px;flex:none;padding:4px 10px}.fsp-pv-foot{text-align:center;color:var(--color-ink-3);margin:12px 0 0;font-size:12px}.fsp-field{gap:6px;display:grid}.fsp-field span,.fsp-rows legend{font:650 14.5px var(--font-sans);color:var(--color-ink)}.fsp-field small,.fsp-rows legend small{color:var(--color-ink-3);margin-left:6px;font-weight:500}.fsp-rows{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.fsp-rows legend{margin-bottom:6px;padding:0}.fsp-row{grid-template-columns:minmax(0,2fr) minmax(0,3fr) 40px;align-items:center;gap:8px;display:grid}.fsp-form input{box-sizing:border-box;background:var(--color-canvas);width:100%;min-width:0;box-shadow:inset 0 0 0 1px var(--color-line);font:500 15.5px var(--font-sans);color:var(--color-ink);border:0;border-radius:10px;padding:11px 12px}.fsp-form input:focus-visible{box-shadow:inset 0 0 0 2px var(--color-violet);outline:none}.fsp-x{width:40px;height:40px;color:var(--color-ink-3);cursor:pointer;background:0 0;border:0;border-radius:10px;font-size:22px;line-height:1}.fsp-x:hover:not(:disabled){background:var(--color-sunken);color:var(--color-ink)}.fsp-x:disabled{opacity:.3;cursor:default}.fsp-x:focus-visible,.fsp-add:focus-visible{outline:2px solid var(--color-violet);outline-offset:1px}.fsp-add{font:600 14px var(--font-sans);color:var(--color-violet-ink);cursor:pointer;background:0 0;border:0;justify-self:start;padding:6px 2px}.fsp-add:hover{text-decoration:underline}.fsp-err{background:var(--color-down-soft);color:var(--color-down-ink,var(--color-down));border-radius:10px;margin:0;padding:10px 14px;font-size:14.5px}.fsp-go{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.fsp-go small{color:var(--color-ink-3);font-size:13.5px}.fsp-out{background:var(--color-violet-soft);border-radius:14px;gap:10px;padding:16px;display:grid}.fsp-out b{font-size:15px}.fsp-out input{font:500 13.5px var(--font-mono);background:var(--color-surface)}.fsp-out-btns{flex-wrap:wrap;gap:10px;display:flex}.fsp-out small{color:var(--color-ink-2);font-size:13.5px}@media (max-width:900px){.fsp-builder{grid-template-columns:1fr;padding:12px}.fsp-preview{position:static}}@media (max-width:560px){.fsp-form{padding:16px}.fsp-row{grid-template-columns:minmax(0,1fr) 40px}.fsp-row input:first-of-type{grid-column:1/-1}.fsp-row input:nth-of-type(2){grid-column:1}.fsp-row{border-bottom:1px solid var(--color-line);padding-bottom:8px}}.fsp-anatomy{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:8px 0 18px;padding:0;list-style:none;display:grid}.fsp-anatomy li{background:var(--color-surface);box-shadow:0 0 0 1px var(--color-line);color:var(--color-ink-2);border-radius:16px;flex-direction:column;align-items:flex-start;gap:4px;padding:18px 20px;font-size:15px;line-height:1.55;display:flex}.fsp-anatomy .fsp-ic{margin-bottom:8px}.fsp-anatomy b{color:var(--color-ink);font-size:16px}.fsp-anatomy li>span:not(.fsp-ic){padding-bottom:12px}.fsp-anatomy em{background:var(--color-sunken);color:var(--color-ink-3);border-radius:99px;margin-top:auto;padding:3px 9px;font-size:12px;font-style:normal;font-weight:650}.fsp-anatomy li.is-free em{background:var(--color-ok-soft);color:var(--color-ok)}.fsp-ic{background:var(--color-violet-soft);width:44px;height:44px;color:var(--color-violet-ink);border-radius:12px;flex:none;place-items:center;display:grid}.fsp-ic.sm{border-radius:11px;width:38px;height:38px}.fsp-why{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:8px 0 0;padding:0;list-style:none;display:grid}.fsp-why li{background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line);border-radius:18px;padding:22px}.fsp-why h3{font:700 18px/1.3 var(--font-sans);margin:14px 0 8px}.fsp-why p{color:var(--color-ink-2);margin:0 0 8px;font-size:15px;line-height:1.6}.fsp-why p:last-child{margin:0}@media (max-width:900px){.fsp-why,.fsp-anatomy{grid-template-columns:1fr}}@media (min-width:901px) and (max-width:1080px){.fsp-anatomy{grid-template-columns:repeat(2,minmax(0,1fr))}}.fsp-list{border-radius:18px;margin-top:18px;padding:20px 22px}.fsp-list h2{margin-bottom:6px!important}.fsp-list ul{margin:0;padding:0;list-style:none}.fsp-list li{border-top:1px solid var(--color-line);align-items:center;gap:14px;padding:14px 0;display:flex}.fsp-list li:first-child{border-top:0}.fsp-list li:last-child{padding-bottom:2px}.fsp-state{background:var(--color-switch-off,#d9d2c6);border-radius:50%;flex:none;width:12px;height:12px}.fsp-state.p-ok{background:var(--color-ok);box-shadow:0 0 0 4px var(--color-ok-soft)}.fsp-state.p-warn{box-shadow:0 0 0 4px var(--color-warn-soft);background:#d29a2d}.fsp-state.p-down{background:var(--color-down);box-shadow:0 0 0 4px var(--color-down-soft)}.fsp-what{flex:1;gap:2px;min-width:0;display:grid}.fsp-what b{overflow-wrap:anywhere;font-size:16px;font-weight:650}.fsp-what a{color:var(--color-ink-3);overflow-wrap:anywhere;font-size:13px;text-decoration:none}.fsp-what a:hover{text-decoration:underline}.fsp-res{text-align:right;flex:none;justify-items:end;gap:4px;max-width:50%;display:grid}.fsp-res small{color:var(--color-ink-3);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:12.5px}.fsp-honest{background:var(--color-surface);box-shadow:0 0 0 1px var(--color-line);color:var(--color-ink-2);border-radius:18px;margin-top:18px;padding:20px 22px 20px 120px;font-size:14.5px;line-height:1.6;position:relative;overflow:hidden}.fsp-honest-art{width:84px;height:auto;position:absolute;top:20px;left:18px}.fsp-honest p{margin:0 0 8px}.fsp-honest b{color:var(--color-ink)}.fsp-honest-btns{flex-wrap:wrap;gap:10px;display:flex;margin:14px 0 0!important}@media (max-width:520px){.fsp-list li{flex-wrap:wrap}.fsp-res{text-align:left;flex-basis:100%;justify-items:start;max-width:none;padding-left:26px}.fsp-honest{padding:20px}.fsp-honest-art{display:none}}
