.widget-page{max-width:1240px;margin:0 auto;padding:18px 14px 28px;color:#23465e;font-size:14px;line-height:1.65}.wb-breadcrumb{display:flex;gap:10px;font-size:12px;margin-bottom:18px;color:#637b8a}.wb-breadcrumb a{color:#24678e}.wb-intro{padding:25px 28px;background:#fff;border:1px solid #cbdce7;border-top:4px solid #2683bc;margin-bottom:18px}.wb-eyebrow{margin:0 0 7px;text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:700;color:#287ba7}.wb-intro h1{font-size:30px;line-height:1.25;margin:0 0 12px;letter-spacing:-.6px;color:#174767}.wb-intro>p:not(.wb-eyebrow){max-width:850px;margin:0;font-size:14px;line-height:1.8;color:#567284}.wb-features{display:flex;flex-wrap:wrap;gap:7px 24px;margin-top:18px;color:#27765f;font-size:12px;font-weight:700}.widget-builder{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}.wb-export,.wb-preview,.wb-settings{min-width:0;background:#fff;border:1px solid #cbdce7}.wb-settings{padding:18px}.wb-section-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.wb-section-title h2{font-size:16px;margin:0;line-height:1.4;color:#1f526f}.wb-reset{font-size:11px;color:#53768d;text-decoration:underline;min-height:30px}.wb-field{display:flex;flex-direction:column;font-size:12px;font-weight:700;gap:6px;margin-bottom:13px;color:#38586e}.wb-field select{min-height:39px;padding:8px;border:1px solid #becfdb;border-radius:3px;width:100%;font-size:12px;font-weight:400}.wb-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wb-presets{margin:6px 0 14px;padding:0;border:0}.wb-presets legend{font-size:12px;font-weight:700;margin-bottom:7px}.wb-presets>div{display:flex;gap:12px}.wb-presets button{height:29px;width:29px;border-radius:50%;border:3px solid #fff;outline:1px solid #ccdae3}.wb-presets button[aria-pressed=true]{outline:2px solid #244963;outline-offset:2px}.wb-colors{border-top:1px solid #e4edf3;border-bottom:1px solid #e4edf3;padding:5px 0;margin-bottom:15px}.wb-colors label{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;font-size:12px}.wb-colors label>span+span{display:flex;align-items:center;gap:6px}.wb-colors code{font-size:10px;color:#7a8e9b}.wb-colors input{padding:0;width:34px;height:28px;border:1px solid #bccedb;background:transparent;cursor:pointer}.wb-height{display:block}.wb-height b{float:right;font-size:11px;font-weight:400}.wb-height input{display:block;width:100%;margin-top:9px;accent-color:#287fb6}.wb-help{font-size:11px;color:#728896;line-height:1.65;margin:10px 0 0}.wb-preview{padding:18px}.wb-device{display:flex;border:1px solid #ccdae3;border-radius:3px;overflow:hidden}.wb-device button{padding:6px 9px;font-size:11px;min-height:32px;color:#567386}.wb-device button[aria-pressed=true]{background:#e2f0f8;color:#17618c;font-weight:700}.wb-preview-canvas{padding:12px;background:#eaf0f4;display:flex;justify-content:center;overflow:hidden;min-width:0}.wb-preview iframe{display:block;max-width:100%;border:0;background:#fff;box-shadow:0 2px 8px #143e5e12}.wb-export{grid-column:1/-1;padding:20px}.wb-section-title>span{font-size:11px;color:#728896}.wb-export textarea{display:block;width:100%;min-height:210px;padding:14px;border:1px solid #c3d4df;border-radius:3px;resize:vertical;font:12px/1.7 Consolas,monospace;background:#f5f8fa;color:#385970;overflow-wrap:anywhere;white-space:pre-wrap}.wb-export-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px}.wb-export-actions a,.wb-export-actions button{padding:9px 14px;border:1px solid #bdd0dd;border-radius:3px;min-height:39px;font-size:12px;font-weight:700}.wb-export-actions .wb-primary{background:#287fb6;color:white;border-color:#287fb6}.wb-export-actions a{border-color:transparent;font-weight:400;color:#276b95}.wb-copy-status{margin:8px 0 0;min-height:18px;font-size:12px;color:#23744c}.wb-guide{margin-top:22px;padding:24px 28px;background:#fff;border:1px solid #cbdce7;font-size:14px;color:#476578;line-height:1.85}.wb-guide h2{font-size:21px;line-height:1.4;color:#205777;margin:28px 0 12px}.wb-guide h2:first-child{margin-top:0}.wb-guide a{color:#176fa4;text-decoration:underline;text-underline-offset:2px}.wb-guide ol{padding-left:22px;list-style:decimal}.wb-guide li{margin:8px 0}.wb-faq{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.wb-faq section{padding:16px 0;border-top:1px solid #e0eaf0}.wb-faq h3{font-size:15px;font-weight:700;line-height:1.5;color:#245873;margin:0 0 7px}.wb-faq p{font-size:13px;margin:0}.wb-related{border-top:1px solid #e0eaf0;padding-top:17px;margin-top:15px}@media (max-width:980px){.widget-builder{grid-template-columns:270px minmax(0,1fr);gap:12px}.wb-preview{padding:12px}.wb-preview-canvas{padding:5px}.wb-section-title h2{font-size:15px}}@media (max-width:700px){.widget-page{padding:12px 4px 20px}.wb-intro{padding:20px 16px;margin-bottom:12px}.wb-intro h1{font-size:24px}.wb-features{gap:6px 15px;font-size:11px}.widget-builder{grid-template-columns:1fr}.wb-settings{padding:16px}.wb-preview-canvas{padding:0}.wb-export{padding:15px}.wb-export textarea{font-size:11px;min-height:230px}.wb-guide{padding:18px 16px}.wb-guide h2{font-size:19px}.wb-faq{grid-template-columns:1fr}.wb-colors input{width:42px;height:32px}}