.sb{margin-top:26px}.sb-build{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;padding:22px;display:grid}.sb-field label{color:var(--fg);margin-bottom:8px;font-size:13px;display:block}.sb-field p{margin:8px 0 0}.sb-input{width:100%;color:var(--fg);background:var(--panel-2);border:1px solid var(--line);border-radius:11px;outline:none;padding:11px 13px;font-size:14px;transition:border-color .15s,box-shadow .15s}.sb-input::placeholder{color:var(--muted)}.sb-input:focus{border-color:color-mix(in srgb, var(--accent) 48%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent)}select.sb-input{appearance:none;cursor:pointer}.sb-preview{margin-top:18px}.sb-preview>.small{margin-bottom:10px;display:block}.sb-stage{background:linear-gradient(0deg, #ffffff05, #ffffff05), repeating-conic-gradient(from 45deg, var(--bg-2) 0% 25%, var(--panel) 0% 50%) 0 0 / 18px 18px;border:1px solid var(--line);border-radius:var(--radius);justify-content:center;align-items:center;min-height:88px;padding:22px;display:flex}.sb-stage img{max-width:100%;display:block}.sb-check{color:var(--fg-2);cursor:pointer;align-items:center;gap:9px;margin-top:14px;font-size:13.5px;display:flex}.sb-check input{accent-color:var(--accent)}.sb-check .small{color:var(--muted)}.sb-steps{max-width:900px;margin:22px 0 0;padding-left:22px}.sb-steps li{color:var(--fg-2);margin-bottom:14px;font-size:14px;line-height:1.75}.sb-steps b{color:var(--fg)}.sb-params{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-top:26px;padding:22px}.sb-params>b{margin-bottom:6px;font-size:15px;display:block}.sb-params>.small{max-width:760px;margin:0 0 16px}.sb-params dl{background:var(--line);border:1px solid var(--line);border-radius:12px;grid-template-columns:minmax(90px,130px) 1fr;gap:1px;margin:0;display:grid;overflow:hidden}.sb-params dt{background:var(--panel-2);color:var(--fg);padding:13px 15px;font-size:13px}.sb-params dd{background:var(--panel);color:var(--fg-2);margin:0;padding:13px 15px;font-size:13.5px;line-height:1.7}.sb-why{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:22px;display:grid}.sb-why article{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.sb-why b{margin-bottom:8px;font-size:15px;display:block}.sb-why p{color:var(--fg-2);margin:0;font-size:13.5px;line-height:1.7}.sb-more{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;margin-top:22px;display:grid}.sb-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;transition:border-color .15s,transform .15s;display:block}.sb-card:hover{border-color:var(--line-2);transform:translateY(-2px)}.sb-card b{margin-bottom:8px;font-size:15px;display:block}.sb-card p{color:var(--fg-2);margin:0;font-size:13.5px;line-height:1.7}@media (max-width:720px){.sb-params dl{grid-template-columns:1fr}}