.utility-workspace{display:grid;gap:22px;padding:28px;background:#fff;border:1px solid #dfeaf4;border-radius:15px;margin-top:22px;min-width:0;color:#274660}
.utility-section{display:grid;gap:17px;min-width:0}.utility-section+.utility-section{padding-top:23px;border-top:1px solid #e4edf5}.utility-section h2{font-size:17px;letter-spacing:-.5px;color:#294d6c}.utility-section h3{font-size:14px;letter-spacing:-.3px;color:#315572}.utility-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.utility-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.utility-workspace .field{margin:0;color:#456982}.utility-workspace .field>span{font-size:12px;font-weight:600}.utility-workspace .field input,.utility-workspace .field select,.utility-workspace .field textarea{width:100%;padding:11px 13px;border:1px solid #d7e5f1;border-radius:8px;background:#fcfeff;color:#2d4e69;min-width:0}.utility-workspace .field input,.utility-workspace .field select{height:44px}.utility-workspace .field textarea{resize:vertical;line-height:1.8;min-height:170px}.utility-workspace .field input:focus,.utility-workspace .field textarea:focus,.utility-workspace .field select:focus{border-color:#69a8d6}.utility-option{display:flex;gap:9px;align-items:center;font-size:12px;color:#55748b}.utility-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.utility-actions .btn{min-height:42px}.utility-helper{font-size:12px;color:#68849b;line-height:1.9}.utility-status{font-size:12px;min-height:23px;color:#557d9d;overflow-wrap:anywhere}.utility-error{color:#b54b44}.utility-result{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px;background:#f1f8fe;border:1px solid #dcecf9;border-radius:10px;min-width:0}.utility-result-item{display:flex;flex-direction:column;gap:5px;min-width:0}.utility-result-item span{font-size:11px;color:#65849d}.utility-result-item strong{font-size:24px;line-height:1.5;letter-spacing:-.7px;color:#21638f;overflow-wrap:anywhere}.utility-result-item.utility-prominent{grid-column:1/-1}.utility-result-item.utility-prominent strong{font-size:32px}.utility-result[hidden],.utility-preview[hidden],.utility-workspace [hidden]{display:none!important}.utility-qr-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:26px;align-items:start}.utility-qr-config{display:grid;gap:18px}.utility-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;min-height:290px;background:#f5faff;border:1px solid #deebf6;border-radius:12px;padding:15px;text-align:center}.utility-preview canvas{display:block;width:100%;height:auto;max-width:256px;background:white}.utility-preview .utility-helper{font-size:11px}.utility-preview-placeholder{padding:35px 10px;color:#87a2b7;font-size:13px;line-height:1.9}.utility-subnav{display:flex;gap:7px;flex-wrap:wrap;padding-bottom:4px}.utility-subnav button{border:1px solid #dae8f4;border-radius:8px;padding:9px 15px;color:#63849e;font-size:12px;background:#fff}.utility-subnav button[aria-pressed=true]{background:#e8f5ff;border-color:#97c9ed;color:#236b9e;font-weight:700}.utility-negative{color:#ad514c!important}.utility-workspace .utility-note{border-left:3px solid #9bc9ea;padding-left:13px;font-size:11px;line-height:1.9;color:#6b8599}
@media(max-width:1050px){.utility-qr-layout{grid-template-columns:minmax(0,1fr) 240px}}
@media(max-width:640px){.utility-workspace{padding:18px;gap:20px}.utility-grid,.utility-grid-three,.utility-qr-layout{grid-template-columns:1fr}.utility-grid{gap:14px}.utility-preview{min-height:180px}.utility-preview canvas{max-width:260px}.utility-result{padding:15px;gap:15px}.utility-result-item strong{font-size:21px}.utility-result-item.utility-prominent strong{font-size:27px}.utility-section h2{font-size:16px}.utility-actions .btn{font-size:11px}.utility-helper{font-size:11px}}