.icon-page{--icon-accent:#6f87ff;--icon-line:#222c3f;color:#f1f4ff;background:radial-gradient(circle at 78% 8%,#4760da30,#0000 29%),#080b12;min-height:100vh;padding:0 max(24px,50vw - 730px) 48px}.icon-page button,.icon-page input{font:inherit}.icon-header{border-bottom:1px solid var(--icon-line);height:76px}.icon-brand img{width:128px}.icon-hero{justify-content:space-between;align-items:end;gap:42px;padding:68px 0 48px;display:flex}.icon-hero>div>span,.icon-editor header span{color:#8ea0ff;letter-spacing:.15em;font:750 12px/1.2 ui-monospace,monospace}.icon-hero h1{letter-spacing:-.055em;margin:18px 0 14px;font-size:clamp(46px,6vw,78px);line-height:.98}.icon-hero h1 em{color:#8195ff;font-style:normal}.icon-hero p{color:#8b98ae;max-width:690px;margin:0;line-height:1.75}.icon-hero aside{background:#0d121dd1;border:1px solid #2a3650;border-radius:18px;grid-template-columns:auto auto;gap:7px 18px;min-width:260px;padding:21px;display:grid}.icon-hero aside strong{font-size:28px}.icon-hero aside span{color:#718098;font-size:var(--font-size-meta);align-self:center}.icon-workspace{grid-template-columns:minmax(0,1fr) 410px;align-items:start;gap:16px;display:grid}.icon-library,.icon-editor{border:1px solid var(--icon-line);background:#0b1019;border-radius:19px}.icon-library{padding:17px}.icon-search{color:#7184c8;background:#080d15;border:1px solid #2b3850;border-radius:12px;align-items:center;gap:10px;height:48px;padding:0 14px;display:flex}.icon-search:focus-within{border-color:#667ce7;box-shadow:0 0 0 3px #667ce71f}.icon-search input{color:#eef3ff;background:0 0;border:0;outline:0;width:100%}.icon-search span{white-space:nowrap;color:#69778d;font-size:var(--font-size-meta)}.icon-tabs{gap:6px;margin:13px 0;display:flex;overflow:auto}.icon-tabs button{color:#8694aa;white-space:nowrap;background:#0d1420;border:1px solid #29354a;border-radius:9px;min-height:36px;padding:0 13px}.icon-tabs button.selected{color:#fff;background:#24376f;border-color:#5168ce}.icon-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.icon-grid article{background:#0d1420;border:1px solid #222e43;border-radius:13px;min-width:0;transition:border-color .18s,transform .18s;position:relative}.icon-grid article:hover{border-color:#40568d;transform:translateY(-2px)}.icon-grid article.selected{border-color:#7188f2;box-shadow:inset 0 0 0 1px #7188f22e}.icon-pick{color:#dce4f7;background:0 0;border:0;justify-items:center;gap:7px;width:100%;min-height:126px;padding:19px 8px;display:grid}.icon-pick svg{color:#8da1ff;width:32px;height:32px}.icon-pick strong{max-width:100%;font-size:var(--font-size-meta);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.icon-pick small{color:#66758c;font-size:var(--font-size-meta)}.icon-favorite{color:#536078;background:0 0;border:0;border-radius:8px;place-items:center;width:29px;height:29px;display:grid;position:absolute;top:7px;right:7px}.icon-favorite[aria-pressed=true]{color:#f6c969;background:#251f13}.icon-favorite[aria-pressed=true] svg{fill:currentColor}.icon-empty{color:#738199;text-align:center;place-content:center;justify-items:center;gap:12px;min-height:300px;display:grid}.icon-empty svg{width:34px;height:34px}.icon-empty button{color:#b7c5ee;background:#17223c;border:1px solid #33446b;border-radius:9px;padding:8px 12px}.icon-editor{padding:20px;position:sticky;top:88px}.icon-editor header{border-bottom:1px solid #263146;justify-content:space-between;align-items:start;gap:12px;padding-bottom:15px;display:flex}.icon-editor h2{margin:7px 0 0;font-size:23px}.icon-segment{background:#080d15;border:1px solid #2b3850;border-radius:10px;padding:3px;display:flex}.icon-segment button{color:#6e7d94;min-height:34px;font-size:var(--font-size-meta);background:0 0;border:0;border-radius:7px;padding:0 10px}.icon-segment button.selected{color:#fff;background:#283b79}.icon-preview{background-image:linear-gradient(45deg,#ffffff06 25%,#0000 25%),linear-gradient(-45deg,#ffffff06 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff06 75%),linear-gradient(-45deg,#0000 75%,#ffffff06 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;border:1px dashed #33405a;border-radius:16px;place-items:center;height:260px;margin:17px 0;display:grid}.icon-preview svg{filter:drop-shadow(0 14px 24px #0000003d);width:1em;height:1em}.icon-range{gap:10px;display:grid}.icon-range>span,.icon-colors>span{color:#8290a6;font-size:var(--font-size-meta);justify-content:space-between;font-weight:700;display:flex}.icon-range strong{color:#dce4ff}.icon-range input{width:100%;accent-color:var(--icon-accent)}.icon-colors{gap:10px;margin-top:17px;display:grid}.icon-colors>div{gap:8px;display:flex}.icon-colors button,.icon-colors input{border:2px solid #0000;border-radius:50%;width:29px;height:29px;padding:0;overflow:hidden}.icon-colors button.selected{border-color:#fff;box-shadow:0 0 0 2px #5b71db}.icon-colors input{background:#141c2b;border-radius:8px}.icon-toggle{color:#aebbd0;font-size:var(--font-size-meta);background:#0d1420;border:1px solid #263349;border-radius:11px;align-items:center;gap:9px;margin:17px 0;padding:12px;display:flex}.icon-toggle>input:first-child{accent-color:var(--icon-accent)}.icon-toggle>input:last-child{background:0 0;border:0;width:30px;height:25px;margin-left:auto}.icon-actions{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.icon-actions button{color:#b4c0d6;min-height:41px;font-size:var(--font-size-meta);background:#111a29;border:1px solid #31415f;border-radius:9px}.icon-actions button.primary{color:#fff;background:#4258b9;border-color:#7188ef;font-weight:800}.icon-code{color:#899bdc;font-size:var(--font-size-meta);background:#070c13;border:1px solid #232e42;border-radius:9px;margin:11px 0 0;padding:11px;overflow:auto}.icon-notice{color:#79dbc4;text-align:center;height:16px;font-size:var(--font-size-meta);margin:8px 0 0}.icon-privacy{background:#0c131f;border:1px solid #27344a;border-radius:15px;align-items:center;gap:16px;margin:16px 0 42px;padding:18px 20px;display:flex}.icon-privacy>svg{color:#77d5bd;width:27px;height:27px}.icon-privacy strong{font-size:var(--font-size-meta)}.icon-privacy p{color:#748299;font-size:var(--font-size-meta);margin:4px 0 0;line-height:1.55}.icon-footer{border-top:1px solid var(--icon-line)}@media (width<=980px){.icon-workspace{grid-template-columns:1fr}.icon-editor{position:static}.icon-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=720px){.icon-page{padding-inline:14px}.icon-hero{flex-direction:column;align-items:flex-start;padding:48px 0 36px}.icon-hero aside{width:100%}.icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.icon-editor header{flex-direction:column}.icon-preview{height:220px}}@media (width<=430px){.icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.icon-tabs{margin-inline:-3px}.icon-actions{grid-template-columns:1fr}.icon-privacy{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.icon-grid article{transition:none}}.icon-filterbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.icon-filterbar .icon-tabs{min-width:0}.icon-filter-actions{flex:none;gap:7px;display:flex}.icon-filter-actions>button{color:#8795aa;height:36px;font-size:var(--font-size-meta);background:#0d1420;border:1px solid #29354a;border-radius:9px;align-items:center;gap:6px;padding:0 10px;display:flex}.icon-filter-actions>button svg{width:15px}.icon-filter-actions>button.selected{color:#f5cc73;background:#251f13;border-color:#8b7133}.icon-sort-select{width:126px}.icon-recents{background:#090f18;border:1px solid #202b3e;border-radius:11px;align-items:center;gap:7px;margin:0 0 13px;padding:10px;display:flex;overflow:auto}.icon-recents>span{color:#66758b;font-size:var(--font-size-meta);white-space:nowrap;padding:0 5px}.icon-recents button{color:#9cabc1;height:32px;font-size:var(--font-size-meta);white-space:nowrap;background:#111927;border:1px solid #27344a;border-radius:8px;align-items:center;gap:5px;padding:0 9px;display:flex}.icon-recents button svg{width:14px}.icon-recents button.clear{color:#65738a;background:0 0;border-color:#0000;margin-left:auto}.icon-presets{gap:8px;margin-top:15px;display:grid}.icon-presets>span{color:#8290a6;font-size:var(--font-size-meta);font-weight:700}.icon-presets>div{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.icon-presets button{color:#8796ad;min-height:34px;font-size:var(--font-size-meta);background:#101825;border:1px solid #29364c;border-radius:8px;padding:0 5px}.icon-presets button:hover{color:#dbe3ff;border-color:#5269be}.icon-preview{position:relative}.icon-badge-wrap{background:#101727;border:4px solid #0b1019;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;box-shadow:0 8px 20px #00000047}.icon-badge-wrap svg{width:25px;height:25px}.badge-top-left .icon-badge-wrap{top:calc(50% - 58px);left:calc(50% - 58px)}.badge-top-right .icon-badge-wrap{top:calc(50% - 58px);right:calc(50% - 58px)}.badge-bottom-left .icon-badge-wrap{bottom:calc(50% - 58px);left:calc(50% - 58px)}.badge-bottom-right .icon-badge-wrap{bottom:calc(50% - 58px);right:calc(50% - 58px)}.icon-composer{background:#0a101a;border:1px solid #27344a;border-radius:12px;gap:10px;margin:0 0 15px;padding:13px;display:grid}.icon-composer>div:first-child{gap:3px;display:grid}.icon-composer span{color:#b6c2d8;font-size:var(--font-size-meta);font-weight:750}.icon-composer small{color:#66758b;font-size:var(--font-size-meta)}.icon-badges{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.icon-badges button{color:#7f8da3;height:32px;font-size:var(--font-size-meta);background:#101825;border:1px solid #28354a;border-radius:8px}.icon-badges button.selected{color:#fff;background:#263b7b;border-color:#6178d8}.icon-badge-options{grid-template-columns:1fr 38px;gap:7px;display:grid}.icon-badge-options input{background:#0d1420;border:1px solid #2b3850;border-radius:8px;width:38px;height:36px;padding:3px}.icon-actions .wide{grid-column:1/-1}.icon-actions button:disabled{opacity:.35;cursor:not-allowed}@media (width<=720px){.icon-filterbar{flex-direction:column;align-items:stretch}.icon-filter-actions{justify-content:space-between}.icon-sort-select{flex:1;width:auto}.icon-recents{margin-top:3px}.icon-presets>div{grid-template-columns:repeat(2,1fr)}}.icon-filter-actions>button{white-space:nowrap;flex:none}.icon-filter-actions>button svg{min-width:15px}.icon-sort-select{min-width:0}@media (width<=720px){.icon-filter-actions{grid-template-columns:auto minmax(0,1fr);display:grid}.icon-sort-select{width:100%}}