.ss-page{max-width:1080px;margin:0 auto}.ss-progress{display:flex;gap:10px;margin:22px 0}.ss-progress>button{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;background:#fff9;padding:12px 18px;color:var(--muted);font-size:12px}.ss-progress>button>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e9eef7;color:var(--blue);font-weight:700}.ss-progress>button.active{border-color:#a7bfed;background:#edf3ff;color:var(--ink)}.ss-progress .icon{width:15px;height:15px}.ss-config{padding:28px}.ss-question{max-width:700px;margin-bottom:23px}.ss-question h2{font-size:23px;margin:9px 0}.ss-question p{line-height:1.75;font-size:13px}.ss-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.ss-option{border:1px solid var(--line);border-radius:15px;background:#f9fbff;overflow:hidden}.ss-option.selected{border-color:#a4bcea;background:#f1f6ff}.ss-option-toggle{width:100%;display:flex;gap:13px;align-items:center;background:transparent;border:0;padding:19px;text-align:left;color:var(--ink)}.ss-option-toggle>span:nth-child(2){flex:1}.ss-option-toggle strong{display:block;font-size:14px}.ss-option-toggle small{display:block;font-size:11px;margin-top:5px;color:var(--muted);line-height:1.6}.ss-option-toggle>b .icon{height:18px;width:18px;color:var(--blue)}.ss-option-icon{width:43px;height:43px;display:grid;place-items:center;border:1px solid #d9e4f4;border-radius:12px;background:#fff;color:#536f96;flex-shrink:0}.ss-option-icon .icon{width:24px;height:24px}.ss-option-name{padding:0 19px 19px;margin:0;font-size:11px}.ss-option-name input{background:#fff}.ss-person{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.ss-person .g-form-grid{flex:1;min-width:0}.ss-person .field{margin:0}.ss-empty{text-align:center;background:#f3f6fb;padding:30px;border-radius:15px}.ss-empty>.icon{width:35px;height:35px;color:var(--blue);margin-bottom:12px}.ss-empty p{font-size:12px;line-height:1.7;max-width:500px;margin:10px auto 0}.ss-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);padding-top:22px;margin-top:25px}.ss-footer>span{display:flex;gap:8px;font-size:11px;color:var(--muted);line-height:1.7;max-width:320px}.ss-footer>span .icon{flex-shrink:0;width:16px}.ss-footer>div{display:flex;gap:10px}.ss-reuse-note{display:flex;gap:10px;max-width:850px;font-size:12px;color:var(--muted);margin:20px 0;line-height:1.7}.ss-reuse-note .icon{width:19px;flex-shrink:0}
@media(max-width:720px){.ss-config{padding:20px}.ss-options{grid-template-columns:1fr}.ss-progress{gap:6px}.ss-progress>button{padding:10px;gap:6px;font-size:11px;flex:1}.ss-progress>button>span{width:21px;height:21px;flex-shrink:0}.ss-question h2{font-size:20px}.ss-footer{flex-direction:column;align-items:stretch}.ss-footer>span{max-width:none}.ss-footer>div{justify-content:space-between}.ss-person{align-items:flex-start}.ss-person .g-form-grid{grid-template-columns:1fr}.ss-person>.ss-option-icon{display:none}}