.shfov{--red:#ef232a;--black:#111827;--muted:#6b7280;--line:#e5e7eb;--bg:#f6f7f9;--soft:#fbfbfc;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--black);background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;margin:24px 0;box-sizing:border-box}.shfov *{box-sizing:border-box}.shfov__header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.shfov__brand{font-weight:900;color:var(--red);font-size:13px;text-transform:uppercase;letter-spacing:.04em}.shfov h2{font-size:34px;line-height:1.05;margin:8px 0 6px;font-weight:950}.shfov p{margin:0;color:var(--muted)}.shfov__actions,.shfov__result-head div{display:flex;gap:10px;flex-wrap:wrap}.shfov button{font-family:inherit;cursor:pointer}.shfov__actions button,.shfov__result-head button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 14px;font-weight:850;color:var(--black)}.shfov__layout{display:grid;grid-template-columns:minmax(340px,520px) 1fr;gap:20px}.shfov__card{border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 18px 60px rgb(17 24 39 / .05);overflow:hidden}.shfov__block{padding:20px;border-bottom:1px solid var(--line)}.shfov h3{margin:0 0 16px;font-size:16px;text-transform:uppercase;letter-spacing:-.01em;font-weight:950;display:flex;align-items:center;gap:9px}.shfov h3 span{color:var(--red);font-weight:950}.shfov h3 small{color:var(--muted);font-weight:800;text-transform:none}.shfov__choice{display:grid;gap:12px}.shfov__choice--3{grid-template-columns:repeat(3,1fr)}.shfov__choice--4{grid-template-columns:repeat(4,1fr)}.shfov__choice button{min-height:78px;border:1px solid var(--line);background:#fff;border-radius:13px;padding:12px 8px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.shfov__choice button.is-active{border-color:var(--red);box-shadow:0 0 0 1px var(--red) inset;background:#fff7f7}.shfov__choice strong{font-size:13px}.shfov__choice small{font-size:11px;color:var(--muted);font-weight:700}.shfov__choice i{width:38px;height:24px;border:3px solid #222;border-radius:3px;display:block;position:relative}.shfov__choice button[data-shfov-screen="triple"] i:before,.shfov__choice button[data-shfov-screen="triple"] i:after{content:"";position:absolute;top:3px;width:26px;height:18px;border:3px solid #222;border-radius:3px}.shfov__choice button[data-shfov-screen="triple"] i:before{right:35px;transform:rotate(-8deg)}.shfov__choice button[data-shfov-screen="triple"] i:after{left:35px;transform:rotate(8deg)}.shfov__choice button[data-shfov-screen="curved"] i{width:48px;border-radius:50% 50% 8px 8px;border-top-width:5px}.shfov__choice button[data-shfov-screen="ultrawide"] i{width:58px}.shfov__fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.shfov label span{display:block;font-weight:850;font-size:13px;margin-bottom:7px}.shfov select,.shfov input[type="number"]{width:100%;height:46px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 12px;font-weight:800;color:var(--black);font-size:14px}.shfov__full{display:block;margin-top:16px}.shfov__help{align-self:end;color:var(--muted);font-size:13px;font-weight:700;line-height:1.35}.shfov__range{display:block;margin:12px 0}.shfov__range div{display:flex;justify-content:space-between;gap:12px;align-items:center}.shfov__range b{border:1px solid var(--line);border-radius:10px;min-width:84px;text-align:center;padding:9px 12px}.shfov__range input{width:100%;accent-color:var(--red);margin:14px 0 5px}.shfov__range small{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.shfov__range em{font-style:normal}.shfov__primary{width:calc(100% - 40px);margin:20px;border:0;border-radius:13px;background:var(--red);color:#fff;font-size:18px;font-weight:950;padding:17px 20px;box-shadow:0 12px 24px rgb(239 35 42 / .2)}.is-hidden{display:none!important}.shfov__result-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 20px 0}.shfov__share{background:var(--red)!important;color:#fff!important;border-color:var(--red)!important}.shfov__numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px 20px}.shfov__numbers article{border:1px solid var(--line);border-radius:15px;padding:18px 20px;background:var(--soft);text-align:center}.shfov__numbers span{display:block;text-transform:uppercase;font-size:12px;font-weight:950;color:var(--black)}.shfov__numbers strong{display:block;color:var(--red);font-size:42px;line-height:1;margin:12px 0 8px}.shfov__numbers small{color:var(--muted);font-weight:750}.shfov__extra{margin:0 20px 14px;color:var(--muted);font-size:14px}.shfov__preview-box{margin:0 20px 18px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,#fff,#f4f5f7);overflow:hidden}.shfov__preview-title{display:flex;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line);font-weight:900}.shfov__preview-title span{color:var(--red)}.shfov canvas{display:block;width:100%;height:auto;max-height:420px}.shfov__sims{padding:0 20px 20px}.shfov__sims>div{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden}.shfov__sims article{padding:14px 8px;text-align:center;border-right:1px solid var(--line);background:#fff}.shfov__sims article:last-child{border-right:0}.shfov__sims b{display:block;font-size:13px}.shfov__sims span{display:block;color:var(--red);font-size:24px;font-weight:950;margin:8px 0 2px}.shfov__sims small{color:var(--muted);font-size:11px;font-weight:750}.shfov__tip{margin-top:14px;border:1px solid #dbeafe;background:#eff6ff;border-radius:14px;padding:14px 16px;color:#1f2937}.shfov__tip strong{color:#2563eb}.shfov__share-result{margin:0 20px 20px;padding:14px;border:1px solid var(--line);border-radius:15px;background:#fff}.shfov__share-result img{display:block;width:100%;border-radius:12px;border:1px solid var(--line);margin-bottom:12px}.shfov__download{display:inline-block;background:var(--red);color:#fff!important;text-decoration:none!important;font-weight:950;padding:13px 18px;border-radius:12px}@media(max-width:1100px){.shfov__layout{grid-template-columns:1fr}.shfov__choice--4{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.shfov{padding:16px}.shfov__header,.shfov__result-head{flex-direction:column}.shfov h2{font-size:28px}.shfov__choice--3,.shfov__fields,.shfov__numbers,.shfov__sims>div{grid-template-columns:1fr}.shfov__sims article{border-right:0;border-bottom:1px solid var(--line)}.shfov__choice--4{grid-template-columns:1fr 1fr}}