.so-ot-designer{max-width:560px;margin:24px 0 0;color:#102a43}.so-ot-designer *{box-sizing:border-box}.so-ot-field{margin:0 0 18px}.so-ot-field>label,.so-ot-preview-wrap>label{display:block;margin:0 0 7px;color:#102a43;font-size:12px;font-weight:800;letter-spacing:.02em}.so-ot-field input[type=text],.so-ot-field select{width:100%;min-height:46px;padding:10px 12px;border:1px solid #c6d3d8;border-radius:2px;background:#fff;color:#102a43}.so-ot-field input[type=range]{width:100%;accent-color:#1598bd}.so-ot-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px;gap:8px;margin-bottom:8px}.so-ot-row input{min-width:0;padding:9px 10px;border:1px solid #c6d3d8}.so-ot-row button{border:1px solid #c6d3d8;background:#fff;color:#60717c;cursor:pointer}.so-ot-btn-sm{padding:7px 12px;font-size:13px}.so-ot-btn-lg{width:100%;min-height:52px;margin-top:8px;padding:12px 20px!important;font-size:15px;font-weight:800!important}.so-ot-seg{display:flex;flex-wrap:wrap;gap:7px}.so-ot-seg button{min-height:40px;padding:8px 11px;border:1px solid #c6d3d8;background:#fff;color:#102a43;font-size:13px;cursor:pointer}.so-ot-seg button.on{border-color:#102a43;background:#102a43;color:#fff}.so-ot-preview-wrap{margin:25px 0 15px}.so-ot-glass{display:flex;align-items:center;justify-content:center;min-height:220px;padding:22px;border:1px solid #d5dfe3;border-radius:2px;background:#3a3a3a;box-shadow:0 16px 38px rgba(16,42,67,.08)}.so-ot-glass svg{display:block;width:100%;max-width:100%;height:auto;max-height:260px}.so-ot-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:15px;border:1px solid #d5dfe3}.so-ot-stats div{min-width:0;padding:13px;border-right:1px solid #d5dfe3}.so-ot-stats div:last-child{border-right:0}.so-ot-stats span{display:block;color:#60717c;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.so-ot-stats strong{display:block;margin-top:4px;font-size:14px}.so-ot-error{min-height:18px;margin:5px 0;color:#b3261e;font-size:13px}.so-ot-confirm{display:flex;gap:9px;align-items:flex-start;margin:12px 0 8px;color:#4c606c;font-size:13px;line-height:1.4}.so-ot-confirm input{margin-top:3px}@media(max-width:520px){.so-ot-row{grid-template-columns:1fr 1fr 38px}.so-ot-glass{min-height:180px;padding:14px}.so-ot-stats{grid-template-columns:1fr}.so-ot-stats div{border-right:0;border-bottom:1px solid #d5dfe3}.so-ot-stats div:last-child{border-bottom:0}}