.icons-module__TQZ_SG__hero{text-align:center;padding:76px 0 44px}.icons-module__TQZ_SG__heroBadge{color:#3d4d67;background:#f7f9fc;border:1px solid #dbe3f0;border-radius:999px;padding:7px 12px;font-size:.86rem;font-weight:700;display:inline-flex}.icons-module__TQZ_SG__hero h1{letter-spacing:-.05em;max-width:820px;margin:18px auto 14px;font-size:clamp(2.4rem,6vw,4.8rem);line-height:.98}.icons-module__TQZ_SG__hero p{color:#5c687a;max-width:680px;margin:0 auto;font-size:1.08rem;line-height:1.7}.icons-module__TQZ_SG__pageShell{width:min(1180px,100% - 32px);margin:0 auto;padding-bottom:80px}.icons-module__TQZ_SG__browserControls{background:#fff;border:1px solid #e1e7ef;border-radius:20px;grid-template-columns:1fr 220px;gap:14px;padding:18px;display:grid;box-shadow:0 16px 50px #12223d12}.icons-module__TQZ_SG__browserControls input,.icons-module__TQZ_SG__browserControls select{color:#172033;width:100%;height:50px;font:inherit;background:#fff;border:1px solid #d7dee9;border-radius:12px;padding:0 15px}.icons-module__TQZ_SG__resultBar{color:#667085;padding:22px 2px 12px}.icons-module__TQZ_SG__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.icons-module__TQZ_SG__card{color:#172033;background:#fff;border:1px solid #e2e7ef;border-radius:18px;padding:16px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:block}.icons-module__TQZ_SG__card:hover{border-color:#b9c8df;transform:translateY(-3px);box-shadow:0 14px 35px #12223d17}.icons-module__TQZ_SG__cardPreview{background:#f6f8fb;border-radius:13px;place-items:center;min-height:110px;margin-bottom:14px;display:grid}.icons-module__TQZ_SG__card strong,.icons-module__TQZ_SG__card span{display:block}.icons-module__TQZ_SG__card strong{font-size:.94rem}.icons-module__TQZ_SG__card span{color:#7a8699;margin-top:4px;font-size:.78rem}.icons-module__TQZ_SG__emptyState{text-align:center;color:#697586;border:1px dashed #cdd6e4;border-radius:18px;padding:70px 20px}.icons-module__TQZ_SG__breadcrumbs{color:#687386;padding-top:34px;font-size:.9rem}.icons-module__TQZ_SG__breadcrumbs a{color:inherit;text-decoration:none}.icons-module__TQZ_SG__detailHeader{padding:38px 0 28px}.icons-module__TQZ_SG__detailHeader h1{letter-spacing:-.04em;margin:0 0 8px;font-size:clamp(2rem,5vw,3.4rem)}.icons-module__TQZ_SG__detailHeader p{color:#657186}.icons-module__TQZ_SG__detailLayout{grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:22px;display:grid}.icons-module__TQZ_SG__previewPanel,.icons-module__TQZ_SG__controlPanel{background:#fff;border:1px solid #e0e6ee;border-radius:22px;box-shadow:0 16px 50px #12223d0f}.icons-module__TQZ_SG__previewPanel{padding:22px}.icons-module__TQZ_SG__largePreview{background-image:linear-gradient(45deg,#eef2f7 25%,#0000 25%),linear-gradient(-45deg,#eef2f7 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eef2f7 75%),linear-gradient(-45deg,#0000 75%,#eef2f7 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;border-radius:17px;place-items:center;min-height:470px;display:grid;overflow:auto}.icons-module__TQZ_SG__actionRow{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.icons-module__TQZ_SG__actionRow button{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:#172033;border:1px solid #172033;border-radius:11px;padding:0 16px;font-weight:700}.icons-module__TQZ_SG__actionRow .icons-module__TQZ_SG__secondaryButton{color:#172033;background:#fff}.icons-module__TQZ_SG__statusMessage{color:#476076;margin:14px 0 0;font-size:.9rem}.icons-module__TQZ_SG__controlPanel{padding:24px}.icons-module__TQZ_SG__controlPanel h2{margin-top:0}.icons-module__TQZ_SG__controlPanel label{gap:10px;margin-top:22px;font-weight:700;display:grid}.icons-module__TQZ_SG__controlPanel label>span{color:#6b7585;font-size:.9rem;font-weight:500}.icons-module__TQZ_SG__colorControl{grid-template-columns:54px 1fr;gap:10px;display:grid}.icons-module__TQZ_SG__colorControl input[type=color]{background:#fff;border:1px solid #d8dfe8;border-radius:10px;width:54px;height:44px;padding:2px}.icons-module__TQZ_SG__colorControl input[type=text]{min-width:0;font:inherit;border:1px solid #d8dfe8;border-radius:10px;padding:0 12px}.icons-module__TQZ_SG__codeBox{color:#d9e3f3;word-break:break-all;background:#101827;border-radius:12px;max-height:190px;margin-top:24px;padding:14px;font-size:.78rem;line-height:1.6;overflow:auto}@media (max-width:980px){.icons-module__TQZ_SG__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.icons-module__TQZ_SG__detailLayout{grid-template-columns:1fr}}@media (max-width:680px){.icons-module__TQZ_SG__hero{padding-top:50px}.icons-module__TQZ_SG__browserControls{grid-template-columns:1fr}.icons-module__TQZ_SG__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.icons-module__TQZ_SG__largePreview{min-height:340px}}