.dev_page__YDqb2{font-family:var(--sans);color:var(--t1);-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:100vh}.dev_tab-panel__JF1TI{display:none;padding:16px 16px 60px}.dev_tab-panel-active__CxHJp{display:block}.dev_sec-h__r54hp{font-size:1.1rem;font-weight:700;margin:28px 0 5px;display:flex;align-items:center;gap:8px}.dev_sec-desc__hn8QQ{color:var(--t2);font-size:.78rem;margin-bottom:16px;line-height:1.5}.dev_page-nav___7NBp{display:flex;gap:6px;padding:8px 16px;align-items:center}.dev_page-nav-link__Nhuep{padding:5px 14px;font-size:.72rem;font-weight:600;color:var(--t2);background:var(--bg2);border:1px solid var(--brd);border-radius:20px;text-decoration:none;transition:all .2s;font-family:var(--sans)}.dev_page-nav-link__Nhuep:hover{background:var(--bg3);color:var(--t1)}.dev_page-nav-link-active__51RlL{background:var(--bl);color:#fff;border-color:var(--bl)}.dev_ref-grid__BJp9M{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:12px;gap:12px;margin-bottom:24px}.dev_ref-card__4ca98{background:var(--bg2);border:1px solid var(--brd);border-radius:14px;padding:16px;cursor:pointer;transition:all .25s;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden}.dev_ref-card__4ca98:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;opacity:0;transition:opacity .25s}.dev_ref-card__4ca98:hover{background:var(--bg3);border-color:rgba(34,211,238,.2);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.dev_ref-card__4ca98:hover:before{opacity:1}.dev_ref-card-beginner__I_weZ:before{background:var(--gn)}.dev_ref-card-intermediate__NBMgu:before{background:var(--bl)}.dev_ref-card-advanced__1MGnh:before{background:var(--pr)}.dev_ref-card-senior__q7NOy:before{background:var(--or)}.dev_ref-card-header__xKQiy{display:flex;align-items:center;gap:8px}.dev_ref-card-icon__sg9UE{color:var(--cy);flex-shrink:0}.dev_ref-card-title__Cixst{font-size:.88rem;font-weight:700;color:var(--t1);flex:1 1}.dev_level-badge__npqUF{padding:2px 8px;font-size:.58rem;font-weight:700;border-radius:20px;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;font-family:var(--mono)}.dev_level-beginner__YHiwl{background:rgba(34,197,94,.15);color:var(--gn);border:1px solid rgba(34,197,94,.3)}.dev_level-intermediate__xVRmd{background:rgba(59,130,246,.15);color:var(--bl);border:1px solid rgba(59,130,246,.3)}.dev_level-advanced__f9Y2G{background:rgba(168,85,247,.15);color:var(--pr);border:1px solid rgba(168,85,247,.3)}.dev_level-senior__m9tdv{background:rgba(251,146,60,.15);color:var(--or);border:1px solid rgba(251,146,60,.3)}.dev_ref-card-desc__X5Unj{font-size:.72rem;color:var(--t2);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.dev_ref-card-syntax__3Tc2S{font-family:var(--mono);font-size:.62rem;color:var(--gn);background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.1);border-radius:6px;padding:6px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:auto}.dev_modal-wrapper__EbluD{background:var(--bg2);border:1px solid var(--brd);border-radius:16px;max-width:780px;width:100%;overflow:hidden;max-height:90vh;display:flex;flex-direction:column}.dev_modal-header__wzK6m{display:flex;align-items:flex-start;gap:12px;padding:20px 20px 16px;border-bottom:1px solid var(--brd);flex-shrink:0}.dev_modal-icon__c2sXI{color:var(--cy);flex-shrink:0;margin-top:2px}.dev_modal-title-group__eBKDO{flex:1 1;min-width:0}.dev_modal-title__SdxZ2{font-size:1.15rem;font-weight:800;margin-bottom:4px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dev_modal-desc__laqfI{font-size:.82rem;color:var(--t2);line-height:1.6}.dev_modal-close__GyzTb{background:var(--bg3);border:1px solid var(--brd);border-radius:8px;padding:6px;color:var(--t2);cursor:pointer;transition:all .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.dev_modal-close__GyzTb:hover{background:var(--bg4);color:var(--t1)}.dev_modal-body__gDyl5{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.dev_modal-section__fQqzg{display:flex;flex-direction:column;gap:8px}.dev_modal-section-title__84_Q6{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--t2);display:flex;align-items:center;gap:6px}.dev_modal-section-title__84_Q6 svg{width:14px;height:14px}.dev_code-block__dA9h3{background:#08081a;border:1px solid var(--brd);border-radius:12px;padding:14px;overflow-x:auto;position:relative;-webkit-user-select:text;-moz-user-select:text;user-select:text}.dev_code-block__dA9h3 pre{font-family:var(--mono);font-size:.7rem;line-height:1.65;color:#a0a0c8;white-space:pre;margin:0}.dev_copy-btn__lYUKK{position:absolute;top:6px;right:6px;background:var(--bg3);border:1px solid var(--brd);border-radius:5px;padding:3px 7px;color:var(--t2);cursor:pointer;font-size:.6rem;font-family:var(--mono);transition:all .2s;z-index:2}.dev_copy-btn__lYUKK:hover{color:var(--t1);background:var(--bg4)}.dev_visual-lines-container___FnpI{display:flex;flex-direction:column;gap:0}.dev_visual-line__CEzTt{border-left:3px solid;padding:0 0 0 16px;margin-bottom:20px;position:relative}.dev_visual-line-header__Ys7bI{display:flex;align-items:center;gap:10px;margin-bottom:10px}.dev_visual-line-dot__ehlAv{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dev_visual-line-cmd__ji9hg{font-family:var(--mono);font-size:.82rem;font-weight:800;letter-spacing:.3px}.dev_visual-line-draw__tLa1n{font-family:var(--mono);font-size:.62rem;line-height:1.5;color:#a0d0ff;background:#06081a;border:1px solid;border-radius:10px;padding:14px 16px;margin:0 0 10px;overflow-x:auto;white-space:pre;scrollbar-width:thin;scrollbar-color:var(--bg4) transparent;-webkit-user-select:text;-moz-user-select:text;user-select:text}.dev_visual-line-draw__tLa1n::-webkit-scrollbar{width:4px;height:4px}.dev_visual-line-draw__tLa1n::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:2px}.dev_visual-line-explanation__oo7pa{font-size:.72rem;color:var(--t2);line-height:1.6;padding:10px 14px;background:rgba(255,255,255,.02);border-radius:8px;border:1px solid var(--brd)}.dev_output-block__A7lRK{background:rgba(34,197,94,.04);border:1px solid rgba(34,197,94,.15);border-radius:10px;padding:12px 14px;-webkit-user-select:text;-moz-user-select:text;user-select:text}.dev_output-block__A7lRK pre{font-family:var(--mono);font-size:.68rem;line-height:1.6;color:var(--gn);white-space:pre;margin:0}.dev_usecase-block__wAIeL{background:rgba(59,130,246,.06);border:1px solid rgba(59,130,246,.15);border-radius:10px}.dev_avoid-block__WlCNO,.dev_usecase-block__wAIeL{padding:12px 14px;font-size:.78rem;line-height:1.6;color:var(--t1)}.dev_avoid-block__WlCNO{background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.15);border-radius:10px}.dev_tips-list__nlAbh{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.dev_tips-list__nlAbh li{font-size:.75rem;color:var(--t1);line-height:1.5;padding:8px 12px;background:var(--bg3);border-radius:8px;border-left:3px solid var(--cy)}.dev_related-tags___LEup{display:flex;flex-wrap:wrap;gap:6px}.dev_related-tag__6wZoR{padding:4px 10px;font-size:.65rem;font-weight:600;color:var(--t2);background:var(--bg3);border:1px solid var(--brd);border-radius:20px;cursor:pointer;transition:all .2s;font-family:var(--mono)}.dev_related-tag__6wZoR:hover{background:var(--bg4);color:var(--t1);border-color:var(--bl)}.dev_search-wrap__yc_Ok{padding:12px 16px;position:relative;z-index:50;background:transparent;margin-top:8px}.dev_search-box__jaEZp{width:100%;background:var(--bg3);border:1px solid var(--brd);border-radius:10px;padding:9px 14px 9px 36px;color:var(--t1);font-size:.85rem;font-family:var(--sans);outline:none;transition:border-color .2s}.dev_search-box__jaEZp:focus{border-color:var(--bl)}.dev_search-box__jaEZp::placeholder{color:var(--t2)}.dev_search-icon__b4ynB{position:absolute;left:28px;top:50%;transform:translateY(-50%);color:var(--t2);width:15px;height:15px}.dev_topbar___JI3k{position:-webkit-sticky;position:sticky;top:0;z-index:200;background:rgba(5,7,13,.94);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--brd);padding:10px 16px 0}.dev_topbar-row__dCWqN{display:flex;align-items:center;gap:8px;margin-bottom:8px}.dev_topbar-logo__2cStC{height:32px;aspect-ratio:2.57/1;flex-shrink:0;padding:2px 0;opacity:.85;transition:opacity .2s}.dev_topbar-logo__2cStC:hover{opacity:1}.dev_topbar-title__69jT_{font-size:1rem;font-weight:800;background:linear-gradient(135deg,var(--bl),var(--pr));-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:6px}.dev_topbar-sub__8gxdV{font-size:.7rem;color:var(--t2);margin-left:auto}.dev_tab-bar__4RtWM{display:flex;gap:1px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px}.dev_tab-bar__4RtWM::-webkit-scrollbar{display:none}.dev_tab-btn__3sZeq{flex-shrink:0;padding:8px 14px;font-size:.85rem;font-weight:600;color:var(--t2);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s;white-space:nowrap;font-family:var(--sans);display:flex;align-items:center;gap:6px}.dev_tab-btn__3sZeq svg{width:16px;height:16px;flex-shrink:0}.dev_tab-btn__3sZeq:hover{color:var(--t1)}.dev_tab-btn-active__pxlyF{color:var(--bl);border-bottom-color:var(--bl)}.dev_footer__1lEcm{margin:2.25rem 0 .75rem;padding:1rem 16px;border-top:1px solid var(--brd);display:grid;grid-gap:.25rem;gap:.25rem}.dev_footer__1lEcm p{margin:0;font-family:var(--sans);font-size:.75rem;color:var(--t2)}.dev_footer-link__BT4lQ{color:var(--cy);text-decoration:none}.dev_footer-link__BT4lQ:hover{text-decoration:underline}.dev_footer-sub__sakba{color:var(--t3)!important}.dev_stats-bar__TkUf0{display:flex;gap:16px;padding:8px 16px;flex-wrap:wrap;align-items:center}.dev_stat-item__Pkd1E{font-size:.68rem;color:var(--t2);display:flex;align-items:center;gap:4px}.dev_stat-count__guXSO{font-weight:700;font-family:var(--mono);color:var(--t1)}.dev_tooltip-wrap__lheTp{position:relative}.dev_tooltip-wrap__lheTp:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) scale(.95);background:var(--bg4);color:var(--t1);font-size:.65rem;font-family:var(--mono);padding:5px 10px;border-radius:6px;border:1px solid var(--brd);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,.4);max-width:250px;overflow:hidden;text-overflow:ellipsis}.dev_tooltip-wrap__lheTp:hover:after{opacity:1;transform:translateX(-50%) scale(1)}.dev_demo-section__LyH9g{background:var(--bg2);border:1px solid var(--brd);border-radius:16px;padding:20px;margin-bottom:28px;overflow:hidden}.dev_demo-header__T6kV9{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.dev_demo-title__6HrG7{font-size:.95rem;font-weight:800;color:var(--t1);margin:0}.dev_demo-badge__Lofm3{padding:2px 10px;font-size:.56rem;font-weight:700;font-family:var(--mono);background:rgba(34,211,238,.12);color:var(--cy);border:1px solid rgba(34,211,238,.3);border-radius:20px;text-transform:uppercase;letter-spacing:.08em}.dev_demo-toggle___VYKM{margin-left:auto;padding:4px 14px;font-size:.65rem;font-weight:700;font-family:var(--mono);background:var(--bg3);color:var(--t2);border:1px solid var(--brd);border-radius:8px;cursor:pointer;transition:all .2s}.dev_demo-toggle___VYKM:hover{background:var(--bg4);color:var(--t1)}.dev_demo-desc__VpfKU{font-size:.76rem;color:var(--t2);line-height:1.5;margin-bottom:16px}.dev_demo-code__B_PGX{margin-top:16px;background:#08081a;border:1px solid var(--brd);border-radius:12px;overflow:hidden}.dev_demo-code-header__9iGHH{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--brd);font-size:.68rem;font-weight:700;font-family:var(--mono);color:var(--t2);background:rgba(6,8,15,.5)}.dev_demo-code-pre__vZfu_{font-family:var(--mono);font-size:.68rem;line-height:1.65;color:#a0a0c8;padding:14px;margin:0;overflow-x:auto;white-space:pre;max-height:500px;overflow-y:auto;-webkit-user-select:text;-moz-user-select:text;user-select:text}.dev_snippets-section__ttVOm{margin-bottom:28px}.dev_snippets-header__A2sZ2{display:flex;align-items:center;gap:10px;margin-bottom:6px}.dev_snippets-title__4noHF{font-size:.95rem;font-weight:800;color:var(--t1);margin:0}.dev_snippets-desc__E4J5_{font-size:.76rem;color:var(--t2);line-height:1.5;margin-bottom:14px}.dev_snippets-grid__sec_J{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:12px;gap:12px}.dev_snippet-card__AqbYU{background:var(--bg2);border:1px solid var(--brd);border-radius:14px;overflow:hidden;transition:all .25s;cursor:pointer}.dev_snippet-card__AqbYU:hover{border-color:rgba(34,211,238,.25);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.dev_snippet-card-header__zShjd{padding:14px 16px 10px;display:flex;align-items:center;gap:8px}.dev_snippet-dot__TkWdi{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dev_snippet-card-title__8_T49{font-size:.82rem;font-weight:700;color:var(--t1);flex:1 1}.dev_snippet-card-lang__MQ0OE{padding:2px 8px;font-size:.56rem;font-weight:700;font-family:var(--mono);background:var(--bg3);color:var(--t2);border:1px solid var(--brd);border-radius:20px;text-transform:uppercase}.dev_snippet-card-desc__1Vkma{padding:0 16px 10px;font-size:.7rem;color:var(--t2);line-height:1.5}.dev_snippet-card-preview__ylLZ3{background:#08081a;border-top:1px solid var(--brd);padding:10px 14px;max-height:120px;overflow:hidden;position:relative}.dev_snippet-card-preview__ylLZ3:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,#08081a)}.dev_snippet-card-preview__ylLZ3 pre{font-family:var(--mono);font-size:.62rem;line-height:1.6;color:#a0a0c8;margin:0;white-space:pre}.dev_snippet-modal-code__C_SF1{background:#08081a;border:1px solid var(--brd);border-radius:12px;padding:16px;overflow-x:auto;max-height:70vh;overflow-y:auto;position:relative;-webkit-user-select:text;-moz-user-select:text;user-select:text}.dev_snippet-modal-code__C_SF1 pre{font-family:var(--mono);font-size:.7rem;line-height:1.65;color:#a0a0c8;margin:0;white-space:pre}.dev_demo-split__qYCIO{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:12px}.dev_demo-split-col__pqzDT{min-width:0;overflow:hidden;display:flex;flex-direction:column}.dev_demo-split-col__pqzDT>div:last-child,.dev_demo-split-col__pqzDT>svg{flex:1 1}.dev_demo-split-label___2y6B{font-size:.62rem;font-weight:700;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--t2);margin-bottom:10px;display:flex;align-items:center;gap:6px}.dev_demo-split-label___2y6B svg{width:13px;height:13px}@media (max-width:600px){.dev_demo-split__qYCIO,.dev_ref-grid__BJp9M{grid-template-columns:1fr}.dev_modal-wrapper__EbluD{border-radius:12px;max-height:95vh}.dev_modal-body__gDyl5,.dev_modal-header__wzK6m{padding:16px}.dev_modal-title__SdxZ2{font-size:1rem}.dev_stats-bar__TkUf0{gap:12px}}@media (max-width:400px){.dev_ref-card__4ca98{padding:12px}.dev_ref-card-title__Cixst{font-size:.82rem}}.design_page__CB0jc{--teal:#14b8a6;font-family:var(--sans);color:var(--t1);-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:100vh}.design_topbar__EewLF{position:-webkit-sticky;position:sticky;top:0;z-index:200;background:rgba(5,7,13,.94);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--brd);padding:10px 16px 0}.design_topbar-row__hIYVS{display:flex;align-items:center;gap:8px;margin-bottom:8px}.design_topbar-logo__OJDPa{height:32px;aspect-ratio:2.57/1;flex-shrink:0;padding:2px 0;opacity:.85;transition:opacity .2s}.design_topbar-logo__OJDPa:hover{opacity:1}.design_topbar-title__JLjgh{font-size:1rem;font-weight:800;background:linear-gradient(135deg,var(--bl),var(--pr));-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:6px}.design_topbar-sub__6LAZZ{font-size:.7rem;color:var(--t2);margin-left:auto}.design_page-tabs__u3sCE{display:flex;gap:4px;padding:8px 0 6px;border-bottom:1px solid var(--brd)}.design_page-tab__HR5Ax{display:inline-flex;align-items:center;gap:6px;padding:6px 18px;font-size:.8rem;font-weight:600;font-family:"Outfit",var(--sans);color:var(--t2);background:transparent;border:1px solid transparent;border-radius:8px;text-decoration:none;transition:all .2s;cursor:pointer}.design_page-tab__HR5Ax svg{width:15px;height:15px;flex-shrink:0}.design_page-tab__HR5Ax:hover{color:var(--t1);background:var(--bg3)}.design_page-tab-active__E2kTg{border-color:rgba(59,130,246,.2);cursor:default}.design_page-tab-active__E2kTg,.design_page-tab-active__E2kTg:hover{color:var(--bl);background:rgba(59,130,246,.1)}.design_tab-bar__1hHBx{display:flex;gap:1px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px}.design_tab-bar__1hHBx::-webkit-scrollbar{display:none}.design_tab-btn__nwNqb{flex-shrink:0;padding:8px 14px;font-size:.85rem;font-weight:600;color:var(--t2);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s;white-space:nowrap;font-family:"Outfit",var(--sans);display:flex;align-items:center;gap:6px}.design_tab-btn__nwNqb svg{width:16px;height:16px;flex-shrink:0}.design_tab-btn__nwNqb:hover{color:var(--t1)}.design_tab-btn-active__w5tqG{color:var(--bl);border-bottom-color:var(--bl)}.design_search-wrap__IoJHi{padding:12px 16px;position:relative;z-index:50;background:transparent;margin-top:8px}.design_search-box___l_Rh{width:100%;background:var(--bg3);border:1px solid var(--brd);border-radius:10px;padding:9px 14px 9px 36px;color:var(--t1);font-size:.85rem;font-family:"Outfit",var(--sans);outline:none;transition:border-color .2s}.design_search-box___l_Rh:focus{border-color:var(--bl)}.design_search-box___l_Rh::placeholder{color:var(--t2)}.design_search-icon__94TCo{position:absolute;left:28px;top:50%;transform:translateY(-50%);color:var(--t2);width:15px;height:15px}.design_tab-panel__khjjR{display:none;padding:16px 16px 60px;margin-top:0}.design_tab-panel-active__25PQT{display:block}.design_sec-h__0CLwp{font-size:1.1rem;font-weight:700;margin:24px 0 5px;display:flex;align-items:center;gap:8px}.design_sec-h__0CLwp .design_dot__lLSXw{width:8px;height:8px;border-radius:50%;flex-shrink:0;position:relative}.design_sec-h__0CLwp .design_dot__lLSXw:after{content:"";position:absolute;inset:-4px;border-radius:50%;background:inherit;opacity:.4;animation:design_pglow__nfyA8 2s ease-in-out infinite}.design_sec-desc__q5iev{color:var(--t2);font-size:.78rem;margin-bottom:16px}.design_shortcut-grid__hd_g0{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:8px;gap:8px;margin-bottom:20px}.design_shortcut-card__dYrOq{background:var(--bg2);border:1px solid var(--brd);border-radius:12px;padding:10px 12px;cursor:default;transition:all .2s;display:flex;align-items:center;justify-content:space-between;gap:8px}.design_shortcut-card__dYrOq:hover{background:var(--bg3);border-color:rgba(59,130,246,.3);transform:translateY(-1px)}.design_sc-label__rEuoC{font-size:.78rem;font-weight:500;color:var(--t1)}.design_sc-keys__ZjafG{display:flex;gap:3px;align-items:center;flex-shrink:0}.design_k__Sdjv4{background:linear-gradient(145deg,var(--bg4),var(--bg2));border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:4px 9px;font-size:.74rem;font-weight:600;color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.08);min-width:28px;text-align:center;font-family:var(--mono)}.design_k-shift__1tGYB{background:linear-gradient(145deg,var(--bl),#2563eb);border-color:var(--bl)}.design_k-cmd__PijBT{background:linear-gradient(145deg,#e94560,#c73e54);border-color:#e94560}.design_kp__9o_RB{color:var(--t2);font-size:.65rem;margin:0 1px}.design_qref-grid__upFS8{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:10px;gap:10px;margin-bottom:20px}.design_qref-card__EpRaS{background:var(--bg2);border:1px solid var(--brd);border-radius:14px;padding:12px;cursor:pointer;transition:all .2s}.design_qref-card__EpRaS:hover{background:var(--bg3);border-color:rgba(34,211,238,.2);box-shadow:0 8px 24px rgba(0,0,0,.3);transform:translateY(-2px)}.design_qref-card__EpRaS h4{font-size:.82rem;font-weight:700;color:var(--cy);margin-bottom:4px;display:flex;align-items:center;gap:6px}.design_qref-card__EpRaS h4 svg{width:14px;height:14px}.design_qref-card__EpRaS p{font-size:.68rem;color:var(--t2);line-height:1.4}.design_qref-card__EpRaS code{font-family:var(--mono);font-size:.62rem;color:var(--gn);background:rgba(34,197,94,.1);padding:1px 4px;border-radius:3px}.design_comp-grid__zxA3S{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:12px;gap:12px;margin-bottom:20px}.design_comp-card__6UISU{background:var(--bg2);border:1px solid var(--brd);border-radius:14px;overflow:hidden;cursor:pointer;transition:all .25s}.design_comp-card__6UISU:hover{background:var(--bg3);border-color:rgba(34,211,238,.2);box-shadow:0 8px 24px rgba(0,0,0,.3);transform:translateY(-2px)}.design_comp-preview__WucdG{min-height:110px;display:flex;align-items:center;justify-content:center;padding:18px;background:var(--bg);border-bottom:1px solid var(--brd);overflow:hidden}.design_comp-header__fT345{display:flex;align-items:center;gap:8px;padding:12px 14px 0}.design_comp-cat__IXy1I{font-size:.58rem;font-family:var(--mono);color:var(--pr);background:rgba(168,85,247,.1);padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.design_comp-header__fT345 h4{font-size:.82rem;font-weight:700;color:var(--cy)}.design_comp-desc__KmWVz{font-size:.68rem;color:var(--t2);line-height:1.4;padding:4px 14px 0}.design_comp-code__26D6_{font-family:var(--mono);font-size:.58rem;line-height:1.5;color:#a0a0c8;background:#08081a;margin:8px;padding:10px;border-radius:8px;overflow-x:auto;max-height:120px;overflow-y:auto;white-space:pre;scrollbar-width:thin;scrollbar-color:var(--bg4) transparent}.design_comp-code__26D6_::-webkit-scrollbar{width:4px;height:4px}.design_comp-code__26D6_::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:2px}.design_comp-code__26D6_ code{color:inherit;background:none;padding:0;font-size:inherit}.design_comp-card__6UISU{position:relative}.design_comp-copy-btn__uCOVR{position:absolute;bottom:10px;right:10px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--brd);border-radius:8px;color:var(--t2);cursor:pointer;transition:all .2s;z-index:2;opacity:0}.design_comp-card__6UISU:hover .design_comp-copy-btn__uCOVR{opacity:1}.design_comp-copy-btn__uCOVR:hover{color:var(--cy);border-color:rgba(34,211,238,.3);background:rgba(34,211,238,.08)}.design_comp-modal__qnOnv{background:var(--bg2);border:1px solid var(--brd);border-radius:18px;max-width:800px;width:100%;overflow:hidden;position:relative}.design_comp-modal-close__Z0qnW{position:absolute;top:14px;right:14px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);border:1px solid var(--brd);border-radius:10px;color:var(--t2);cursor:pointer;transition:all .2s;z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.design_comp-modal-close__Z0qnW:hover{color:#fff;border-color:rgba(255,255,255,.2)}.design_comp-modal-preview__IQBf8{display:flex;align-items:center;justify-content:center;background:var(--bg);border-bottom:1px solid var(--brd);overflow:hidden;position:relative}.design_comp-modal-iframe__6HiXe{width:100%;height:420px;border:none;background:#0d1117;display:block}.design_comp-modal-body__xb_BK{padding:24px 28px 28px}.design_comp-modal-header__SDatG{display:flex;align-items:center;gap:10px;margin-bottom:10px}.design_comp-modal-header__SDatG h2{font-size:1.2rem;font-weight:700;color:var(--cy)}.design_comp-modal-desc__rAR6j{font-size:.85rem;color:var(--t2);line-height:1.6;margin-bottom:20px}.design_comp-modal-code-wrap__61NLg{background:#08081a;border:1px solid var(--brd);border-radius:12px;overflow:hidden}.design_comp-modal-code-header__gCJL2{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--brd);background:rgba(255,255,255,.02)}.design_comp-modal-code-header__gCJL2 span{font-size:.72rem;font-family:var(--mono);color:var(--t2);text-transform:uppercase;letter-spacing:.5px}.design_comp-modal-copy-btn___fels{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid var(--brd);border-radius:6px;color:var(--t2);cursor:pointer;transition:all .2s}.design_comp-modal-copy-btn___fels:hover{color:var(--cy);border-color:rgba(34,211,238,.3)}.design_comp-modal-code__EQiz0{font-family:var(--mono);font-size:.72rem;line-height:1.6;color:#a0a0c8;padding:16px;margin:0;overflow-x:auto;max-height:300px;overflow-y:auto;white-space:pre;scrollbar-width:thin;scrollbar-color:var(--bg4) transparent}.design_comp-modal-code__EQiz0::-webkit-scrollbar{width:4px;height:4px}.design_comp-modal-code__EQiz0::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:2px}.design_comp-modal-code__EQiz0 code{color:inherit;background:none;padding:0;font-size:inherit}.design_el-grid__H0qXC{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:12px;gap:12px;margin-bottom:20px}.design_el-card__XF54n{background:var(--bg2);border:1px solid var(--brd);border-radius:14px;overflow:hidden;cursor:pointer;transition:all .25s;position:relative}.design_el-card__XF54n:hover{border-color:rgba(34,211,238,.25);box-shadow:0 12px 32px rgba(0,0,0,.35);transform:translateY(-2px)}.design_el-preview__TN_nT{min-height:100px;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--bg);border-bottom:1px solid var(--brd);overflow:hidden}.design_el-info__R2BJi{padding:10px 14px 12px}.design_el-info__R2BJi h4{font-size:.78rem;font-weight:700;color:var(--cy);margin-bottom:2px}.design_el-info__R2BJi p{font-size:.65rem;color:var(--t2);line-height:1.4}.design_code-block__ABU_j{background:#08081a;border:1px solid var(--brd);border-radius:10px;padding:14px;overflow-x:auto;margin-bottom:12px;position:relative;-webkit-user-select:text;-moz-user-select:text;user-select:text}.design_code-block__ABU_j pre{font-family:var(--mono);font-size:.7rem;line-height:1.65;color:#a0a0c8;white-space:pre}.design_copy-btn__sodK5{position:absolute;top:6px;right:6px;background:var(--bg3);border:1px solid var(--brd);border-radius:5px;padding:3px 7px;color:var(--t2);cursor:pointer;font-size:.6rem;font-family:var(--mono);transition:all .2s;z-index:2}.design_copy-btn__sodK5:hover{color:var(--t1);background:var(--bg4)}.design_eff-grid__78qdi{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));grid-gap:12px;gap:12px;margin-bottom:22px}.design_eff-card___zaUJ{background:var(--bg2);border:1px solid var(--brd);border-radius:14px;padding:20px 10px;display:flex;flex-direction:column;align-items:center;gap:12px;transition:all .25s}.design_eff-card___zaUJ:hover{background:var(--bg3);transform:translateY(-2px);border-color:rgba(59,130,246,.3)}.design_eff-label__e3mH_{font-family:var(--mono);font-size:.6rem;color:var(--t2);text-align:center}.design_eff-css__KSUeK{font-family:var(--mono);font-size:.5rem;color:rgba(106,106,142,.5);text-align:center;margin-top:-6px}.design_br__s9SKl{width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;background:var(--bl);color:#fff;transition:all .3s;flex-shrink:0}.design_br__s9SKl span{font-size:1.3rem;line-height:1;position:relative;z-index:1}.design_r-classic__GcISg{position:relative}.design_r-classic__GcISg:after,.design_r-classic__GcISg:before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--bl);animation:design_rexp__ReZnA 2s ease-out infinite}.design_r-classic__GcISg:after{animation-delay:1s}@keyframes design_rexp__ReZnA{0%{transform:scale(.8);opacity:1}to{transform:scale(2);opacity:0}}.design_r-multi__TKMWB{position:relative}.design_rng__7P609{position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--cy);animation:design_rexp__ReZnA 2.5s ease-out infinite}.design_rng__7P609:nth-child(2){animation-delay:.5s}.design_rng__7P609:nth-child(3){animation-delay:1s}.design_rng__7P609:nth-child(4){animation-delay:1.5s}.design_pulse-glow__I9cDR{animation:design_pglow__nfyA8 2s ease-in-out infinite;background:var(--pr)}@keyframes design_pglow__nfyA8{0%,to{box-shadow:0 0 0 0 rgba(168,85,247,.6)}50%{box-shadow:0 0 0 18px rgba(168,85,247,0)}}.design_heartbeat___nfay{animation:design_hbeat__EYldo 1.2s ease-in-out infinite;background:var(--rd)}@keyframes design_hbeat__EYldo{0%,to{transform:scale(1)}14%{transform:scale(1.15)}28%{transform:scale(1)}42%{transform:scale(1.1)}56%{transform:scale(1)}}.design_sonar__fRlRd{background:#14b8a6}.design_sonar__fRlRd:before{content:"";position:absolute;inset:0;border-radius:50%;background:#14b8a6;animation:design_snr__Pm2i6 1.5s ease-out infinite}@keyframes design_snr__Pm2i6{0%{transform:scale(1);opacity:.7}to{transform:scale(2.5);opacity:0}}.design_ping-eff__FM9_7{background:var(--gn)}.design_ping-eff__FM9_7:after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--gn);animation:design_pngg__eoGoN 1s cubic-bezier(0,0,.2,1) infinite}@keyframes design_pngg__eoGoN{75%,to{transform:scale(2);opacity:0}}.design_ripple-eff__qARpN{background:var(--bl)}.design_ripple-eff__qARpN:before{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--bl);animation:design_rexp__ReZnA 1.8s ease-out infinite}.design_ripple-eff__qARpN:after{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(59,130,246,.3);animation:design_rexp__ReZnA 1.8s ease-out .6s infinite}.design_beacon__4yX2F{background:var(--or)}.design_beacon__4yX2F:after,.design_beacon__4yX2F:before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--or);animation:design_snr__Pm2i6 2s ease-out infinite}.design_beacon__4yX2F:after{animation-delay:.8s}.design_spin-bdr__YdeBY{background:var(--bg2);color:var(--bl);position:relative;overflow:hidden}.design_spin-bdr__YdeBY:before{content:"";position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(from 0deg,var(--bl),transparent 40%,transparent 60%,var(--bl));animation:design_sp__f15vX 2s linear infinite;z-index:-1}.design_spin-bdr__YdeBY:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--bg2);z-index:-1}@keyframes design_sp__f15vX{to{transform:rotate(1turn)}}.design_arc-ldr__WcBNT{background:var(--bg2);color:var(--or)}.design_arc-ldr__WcBNT:before{content:"";position:absolute;inset:-4px;border-radius:50%;border-left:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid transparent;border-top-color:var(--or);border-right:3px solid transparent;border-right-color:var(--or);animation:design_sp__f15vX 1.2s linear infinite}.design_dbl-arc__RhwT_{background:var(--bg2);color:var(--gn)}.design_dbl-arc__RhwT_:after,.design_dbl-arc__RhwT_:before{content:"";position:absolute;border-radius:50%;border:2px solid transparent;animation:design_sp__f15vX 1.5s linear infinite}.design_dbl-arc__RhwT_:before{inset:-6px;border-top-color:var(--gn)}.design_dbl-arc__RhwT_:after{inset:-12px;border-bottom-color:#14b8a6;animation-direction:reverse;animation-duration:2.5s}.design_dash-sp__yVZ37{background:var(--bg2);color:var(--cy);border:2px dashed var(--cy);animation:design_sp__f15vX 4s linear infinite}.design_dash-sp__yVZ37 svg{animation:design_csp__BYP1e 4s linear infinite}@keyframes design_csp__BYP1e{to{transform:rotate(-1turn)}}.design_tri-spin__et5tU{background:var(--bg2);color:var(--pk)}.design_tri-spin__et5tU:before{content:"";position:absolute;inset:-5px;border-radius:50%;border:3px solid transparent;border-top:3px solid var(--pk);animation:design_sp__f15vX 1s linear infinite}.design_tri-spin__et5tU:after{content:"";position:absolute;inset:-10px;border-radius:50%;border-right:2px solid transparent;border-top:2px solid transparent;border-bottom:2px solid transparent;border-bottom-color:var(--pr);border-left:2px solid transparent;border-left-color:var(--pr);animation:design_sp__f15vX 2s linear infinite reverse}.design_orbit-ring__I7S3g{background:var(--bg2);color:var(--pr);position:relative}.design_orb-dot__8fc3t{position:absolute;width:7px;height:7px;background:var(--pr);border-radius:50%;top:-10px;left:50%;margin-left:-3.5px;animation:design_orb-r__lmQfm 2.5s linear infinite;transform-origin:3.5px calc(10px + 26px)}.design_orb-dot__8fc3t.design_rev__sEjc8{background:var(--pk);animation-direction:reverse;animation-duration:1.8s;top:auto;bottom:-10px;transform-origin:3.5px calc(-10px - 22px)}@keyframes design_orb-r__lmQfm{to{transform:rotate(1turn)}}.design_h-scale__qIdlx{background:var(--bl);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.design_h-scale__qIdlx:hover{transform:scale(1.2)}.design_h-rotate__7LAv2{background:var(--pr);transition:transform .5s}.design_h-rotate__7LAv2:hover{transform:rotate(180deg)}.design_h-shadow__A8kFO{background:var(--cy);transition:all .3s}.design_h-shadow__A8kFO:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(34,211,238,.4)}.design_h-glow__5I6qS{background:var(--pk);transition:all .3s}.design_h-glow__5I6qS:hover{box-shadow:0 0 0 8px rgba(236,72,153,.2),0 0 30px rgba(236,72,153,.4)}.design_h-jello__csYgc{background:var(--or)}.design_h-jello__csYgc:hover{animation:design_jl__HBLR3 .7s}@keyframes design_jl__HBLR3{0%,to{transform:scale(1)}30%{transform:scale(1.25,.75)}40%{transform:scale(.75,1.25)}50%{transform:scale(1.15,.85)}65%{transform:scale(.95,1.05)}75%{transform:scale(1.05,.95)}}.design_h-neon__gTzPF{background:transparent;border:2px solid var(--gn);color:var(--gn);transition:all .2s}.design_h-neon__gTzPF:hover{background:var(--gn);color:var(--bg);box-shadow:0 0 10px var(--gn),0 0 30px var(--gn),0 0 60px rgba(34,197,94,.2)}.design_h-fill___4Vpm{background:var(--bg2);color:var(--bl);border:2px solid var(--bl);transition:all .4s}.design_h-fill___4Vpm:hover{background:var(--bl);color:#fff;transform:scale(1.1)}.design_h-wobble__h_fou{background:#14b8a6}.design_h-wobble__h_fou:hover{animation:design_wob__TKvJ1 .6s}@keyframes design_wob__TKvJ1{0%{transform:rotate(0)}15%{transform:rotate(-10deg)}30%{transform:rotate(8deg)}45%{transform:rotate(-6deg)}60%{transform:rotate(4deg)}75%{transform:rotate(-2deg)}to{transform:rotate(0)}}.design_h-flip__u3xvh{background:var(--rd);transition:transform .6s;transform-style:preserve-3d}.design_h-flip__u3xvh:hover{transform:rotateY(180deg)}.design_h-rubber__z2Krz{background:var(--yl);color:var(--bg)}.design_h-rubber__z2Krz:hover{animation:design_rub__wXiHN .8s}@keyframes design_rub__wXiHN{0%{transform:scaleX(1)}30%{transform:scaleX(1.25) scaleY(.75)}40%{transform:scaleX(.75) scaleY(1.25)}50%{transform:scaleX(1.15) scaleY(.85)}65%{transform:scaleX(.95) scaleY(1.05)}75%{transform:scaleX(1.05) scaleY(.95)}to{transform:scaleX(1)}}.design_g-spin__Y_TPU{background:conic-gradient(from 0deg,var(--bl),var(--pr),var(--pk),var(--bl));animation:design_sp__f15vX 3s linear infinite}.design_g-spin__Y_TPU svg{animation:design_csp__BYP1e 3s linear infinite}.design_g-rainbow__I0ej3{background:linear-gradient(90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);background-size:400% 100%;animation:design_rbw__U__ZA 4s linear infinite}@keyframes design_rbw__U__ZA{0%{background-position:0 50%}to{background-position:400% 50%}}.design_g-pulse__tan5Q{background:linear-gradient(135deg,var(--pr),var(--pk));animation:design_gp__V0nhC 2s ease-in-out infinite alternate}@keyframes design_gp__V0nhC{0%{filter:brightness(1);box-shadow:0 0 10px rgba(168,85,247,.3)}to{filter:brightness(1.3);box-shadow:0 0 30px rgba(168,85,247,.6)}}.design_g-mesh__z8UYS{background:radial-gradient(circle at 30% 30%,var(--cy),transparent 50%),radial-gradient(circle at 70% 70%,var(--pr),transparent 50%),var(--bl);animation:design_msh__EYk5y 4s ease-in-out infinite alternate}@keyframes design_msh__EYk5y{0%{filter:hue-rotate(0)}to{filter:hue-rotate(60deg)}}.design_g-sweep__w9a9V{background:linear-gradient(90deg,var(--bl) 0,var(--cy) 50%,var(--bl) 100%);background-size:200% 100%;animation:design_sweep__89vU5 2s ease-in-out infinite}@keyframes design_sweep__89vU5{0%{background-position:100% 0}to{background-position:-100% 0}}.design_st-load__zLVsi{background:var(--bg2);border:3px solid var(--brd);border-top-color:var(--bl);animation:design_sp__f15vX .8s linear infinite;color:transparent}.design_st-ok__nlo3K{background:var(--gn)}.design_st-err___odCh{background:var(--rd);animation:design_shk__BWTy9 .5s ease-in-out infinite}@keyframes design_shk__BWTy9{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.design_st-warn__VBHHg{background:var(--or);animation:design_blnk__BhxDY 1s ease-in-out infinite}@keyframes design_blnk__BhxDY{0%,to{opacity:1}50%{opacity:.4}}.design_blob__MkGeu{background:#14b8a6;animation:design_blb__waMDL 4s ease-in-out infinite}@keyframes design_blb__waMDL{0%,to{border-radius:50%}25%{border-radius:58% 42% 60% 40%/45% 55% 45% 55%}50%{border-radius:42% 58% 40% 60%/55% 45% 55% 45%}75%{border-radius:55% 45% 50% 50%/40% 60% 42% 58%}}.design_neon-br__Sl_uV{background:transparent;border:2px solid var(--cy);color:var(--cy);box-shadow:0 0 10px var(--cy),inset 0 0 10px rgba(34,211,238,.2);animation:design_nbr__yZrHM 2s ease-in-out infinite}@keyframes design_nbr__yZrHM{0%,to{box-shadow:0 0 10px var(--cy),inset 0 0 10px rgba(34,211,238,.2)}50%{box-shadow:0 0 25px var(--cy),0 0 50px rgba(34,211,238,.3),inset 0 0 15px rgba(34,211,238,.3)}}.design_float-b___9fyg{background:var(--pr);animation:design_flt___EE1a 3s ease-in-out infinite}@keyframes design_flt___EE1a{0%,to{transform:translateY(0);box-shadow:0 5px 15px rgba(168,85,247,.3)}50%{transform:translateY(-10px);box-shadow:0 20px 30px rgba(168,85,247,.15)}}.design_glitch-b__GfQDX{background:var(--rd)}.design_glitch-b__GfQDX:hover{animation:design_glt__g0J2V .3s infinite}@keyframes design_glt__g0J2V{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.design_morph-sq__xA_YL{background:var(--pk);animation:design_msq__7aQB5 3s ease-in-out infinite}@keyframes design_msq__7aQB5{0%,to{border-radius:50%}50%{border-radius:20%}}.design_bounce-b__TIa0v{background:var(--gn);animation:design_bnc__pEBra 2s ease-in-out infinite}@keyframes design_bnc__pEBra{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.design_glass-b__C_woF{background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);color:var(--t1)}.design_neu-b__ht5Ax{background:#1e1e30;color:var(--bl);box-shadow:6px 6px 12px #0d0d18,-6px -6px 12px #2f2f48}.design_neu-b__ht5Ax:hover{box-shadow:inset 4px 4px 8px #0d0d18,inset -4px -4px 8px #2f2f48}.design_three-d__Bde6q{background:var(--bl);box-shadow:0 6px 0 #1d4ed8,0 8px 15px rgba(0,0,0,.3);transition:all .15s}.design_three-d__Bde6q:hover{transform:translateY(2px);box-shadow:0 4px 0 #1d4ed8,0 6px 10px rgba(0,0,0,.3)}.design_outline-b__ebG15{background:transparent;border:2px solid var(--pk);color:var(--pk);transition:all .3s}.design_outline-b__ebG15:hover{background:var(--pk);color:#fff}.design_gradient-border__9dNWB{background:var(--bg2);color:var(--t1);position:relative;overflow:hidden}.design_gradient-border__9dNWB:before{content:"";position:absolute;inset:-2px;border-radius:50%;background:linear-gradient(45deg,var(--bl),var(--pk),var(--cy),var(--pr));animation:design_sp__f15vX 3s linear infinite;z-index:-1}.design_gradient-border__9dNWB:after{content:"";position:absolute;inset:2px;border-radius:50%;background:var(--bg2);z-index:-1}.design_tt-fade__A6aFH{opacity:0;transition:opacity .3s}.design_tt-fade__A6aFH:hover{opacity:1}.design_tt-scale__MvXVe{transform:scale(.85);opacity:0;transition:transform .25s cubic-bezier(.18,.89,.32,1.28),opacity .25s}.design_tt-scale__MvXVe:hover{transform:scale(1);opacity:1}.design_tt-shift__fPMGA{transform:translateY(-8px);opacity:0;transition:transform .25s,opacity .25s}.design_tt-shift__fPMGA:hover{transform:translateY(0);opacity:1}.design_tt-toward__XKKZh{transform:translateY(8px);opacity:0;transition:transform .25s,opacity .25s}.design_tt-toward__XKKZh:hover{transform:translateY(0);opacity:1}.design_tt-persp__Ni1Lb{perspective:600px;transform:rotateX(-15deg);opacity:0;transition:transform .3s,opacity .3s;transform-origin:top center}.design_tt-persp__Ni1Lb:hover{transform:rotateX(0);opacity:1}.design_tt-follow__H5NEI{position:relative}.design_tt-follow__H5NEI:after{content:"";position:absolute;top:-4px;right:-4px;width:6px;height:6px;border-radius:50%;background:var(--cy);animation:design_tt-blink__7UAow 1.5s infinite}@keyframes design_tt-blink__7UAow{0%,to{opacity:1}50%{opacity:.3}}.design_tx-under__mraE_{position:relative}.design_tx-under__mraE_:after{content:"";position:absolute;bottom:4px;left:50%;width:0;height:2px;background:var(--bl);transition:width .3s,left .3s}.design_tx-under__mraE_:hover:after{width:60%;left:20%}.design_tx-grad__hv61G{background:linear-gradient(135deg,var(--cy),var(--pr),var(--pk));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:design_tx-grad-shift__Yaa5D 3s ease infinite}@keyframes design_tx-grad-shift__Yaa5D{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.design_tx-blur__7YAY6{filter:blur(6px);opacity:0;transition:filter .4s,opacity .4s}.design_tx-blur__7YAY6:hover{filter:blur(0);opacity:1}.design_tx-space__TmlM0{letter-spacing:0;transition:letter-spacing .4s ease}.design_tx-space__TmlM0:hover{letter-spacing:6px}.design_tx-clip__EjG_k{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);transition:-webkit-clip-path .5s cubic-bezier(.25,.46,.45,.94);transition:clip-path .5s cubic-bezier(.25,.46,.45,.94);transition:clip-path .5s cubic-bezier(.25,.46,.45,.94),-webkit-clip-path .5s cubic-bezier(.25,.46,.45,.94)}.design_tx-clip__EjG_k:hover{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.design_tx-type__5gEyH{overflow:hidden;white-space:nowrap;border-right:2px solid var(--t1);width:0;animation:design_tx-typing__uTw_k 2s steps(12) forwards,design_tx-caret__VfxX3 .75s step-end infinite}@keyframes design_tx-typing__uTw_k{to{width:100%}}@keyframes design_tx-caret__VfxX3{50%{border-color:transparent}}.design_ico-grid__UTQ_m{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));grid-gap:7px;gap:7px;margin-bottom:22px}.design_ico-item__Q_II6{background:var(--bg2);border:1px solid var(--brd);border-radius:10px;padding:10px 5px;display:flex;flex-direction:column;align-items:center;gap:7px;transition:all .2s;cursor:pointer}.design_ico-item__Q_II6:hover{background:var(--bg3);border-color:rgba(59,130,246,.3);transform:translateY(-1px)}.design_ico-item__Q_II6 svg{width:18px;height:18px;color:var(--bl)}.design_ico-item__Q_II6 span{font-family:var(--mono);font-size:.52rem;color:var(--t2);text-align:center;word-break:break-all}.design_pat-grid__a_cEV{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:12px;gap:12px;margin-bottom:22px}.design_pat-card__skrwn{border:1px solid var(--brd);border-radius:14px;overflow:hidden;transition:all .25s}.design_pat-card__skrwn:hover{border-color:rgba(34,211,238,.25);box-shadow:0 12px 32px rgba(0,0,0,.35);transform:translateY(-2px)}.design_pat-preview__0L_1_{min-height:140px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg);padding:16px;border-bottom:1px solid var(--brd)}.design_pat-info__EcHw7{padding:12px;background:var(--bg2)}.design_pat-info__EcHw7 h4{font-size:.82rem;font-weight:700;margin-bottom:3px}.design_pat-info__EcHw7 p{font-size:.68rem;color:var(--t2)}.design_pat-info__EcHw7 code{font-family:var(--mono);font-size:.58rem;color:var(--cy);background:rgba(34,211,238,.1);padding:2px 5px;border-radius:3px;display:inline-block;margin-top:3px}.design_graph-grid__4Y5aw{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.design_graph-card__GQV1R{background:var(--bg2);border:1px solid var(--brd);border-radius:14px;overflow:hidden;transition:all .25s;position:relative}.design_graph-card__GQV1R:hover{border-color:rgba(34,211,238,.15);box-shadow:0 8px 24px rgba(0,0,0,.3)}.design_graph-preview__LL5y9{display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg);border-bottom:1px solid var(--brd);min-height:160px}.design_graph-body__fxodS{padding:16px}.design_graph-header__Fx_i3{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.design_graph-header__Fx_i3 h4{font-size:.88rem;font-weight:700;color:var(--cy)}.design_graph-lib__afzox{font-size:.6rem;font-family:var(--mono);color:var(--pr);background:rgba(168,85,247,.1);padding:2px 8px;border-radius:4px;white-space:nowrap;flex-shrink:0}.design_graph-desc__refV8{font-size:.72rem;color:var(--t2);line-height:1.5;margin-bottom:10px}.design_graph-tags__2xiEm{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.design_graph-tag__s2Pll{font-size:.56rem;font-family:var(--mono);color:var(--cy);background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.12);padding:1px 6px;border-radius:3px}.design_graph-code-wrap__nz5yX{background:#08081a;border:1px solid var(--brd);border-radius:10px;overflow:hidden}.design_graph-code-header__Coatr{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border-bottom:1px solid var(--brd);background:rgba(255,255,255,.02)}.design_graph-code-header__Coatr span{font-size:.65rem;font-family:var(--mono);color:var(--t2);text-transform:uppercase;letter-spacing:.5px}.design_graph-code__Gw_0Y{font-family:var(--mono);font-size:.6rem;line-height:1.5;color:#a0a0c8;padding:12px;margin:0;overflow-x:auto;max-height:200px;overflow-y:auto;white-space:pre;scrollbar-width:thin;scrollbar-color:var(--bg4) transparent}.design_graph-code__Gw_0Y::-webkit-scrollbar{width:4px;height:4px}.design_graph-code__Gw_0Y::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:2px}.design_graph-code__Gw_0Y code{color:inherit;background:none;padding:0;font-size:inherit}.design_bg-patterns-grid__ktRl0{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.design_bg-pattern-card__GqoMK{border-radius:14px;overflow:hidden;border:1px solid var(--brd);transition:all .3s;cursor:pointer}.design_bg-pattern-card__GqoMK:hover{border-color:var(--bl);transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.3)}.design_bg-pattern-preview__P_dtQ{height:120px;position:relative;display:flex;align-items:center;justify-content:center}.design_bg-pattern-info__vKYTF{background:var(--bg2);padding:12px}.design_bg-pattern-name__Vl3nS{font-weight:700;font-size:.85rem;margin-bottom:3px}.design_bg-pattern-css__ayJ1w{font-family:var(--mono);font-size:.62rem;color:var(--t2);word-break:break-all}.design_color-palette__mWUqj{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.design_color-swatch__p_h8_{width:48px;height:48px;border-radius:10px;cursor:pointer;transition:all .2s;border:3px solid transparent;position:relative}.design_color-swatch__p_h8_:hover{transform:scale(1.1)}.design_color-swatch-active__JaUMK{border-color:#fff;box-shadow:0 0 0 2px var(--bg),0 0 15px currentColor}.design_variations-grid__Z6dZ_{display:grid;grid-template-columns:repeat(10,1fr);grid-gap:6px;gap:6px;margin-bottom:24px}.design_variation-swatch__AaFet{aspect-ratio:1;border-radius:6px;cursor:pointer;transition:transform .2s;position:relative}.design_variation-swatch__AaFet:hover{transform:scale(1.2);z-index:10}.design_dark-palettes__q6MCs{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:12px;gap:12px;margin-bottom:24px}.design_dark-palette-card__aKfrm{background:var(--bg2);border:1px solid var(--brd);border-radius:12px;overflow:hidden}.design_dark-palette-colors__2cU5z{display:flex;height:60px}.design_dark-palette-colors__2cU5z>div{flex:1 1}.design_dark-palette-info__MnuXx{padding:10px}.design_dark-palette-name__NbpGV{font-weight:600;font-size:.8rem;margin-bottom:3px}.design_dark-palette-codes__MduGx{font-family:var(--mono);font-size:.55rem;color:var(--t2)}.design_typography-grid__7wyFs{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.design_font-card__hWyV5{background:var(--bg2);border:1px solid var(--brd);border-radius:14px;padding:16px;position:relative}.design_font-name__wWejs{font-size:.7rem;font-family:var(--mono);color:var(--cy);margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.design_font-sample__yAVXR{font-size:1.6rem;margin-bottom:6px;line-height:1.2}.design_font-sample-small__t2lV0{font-size:.9rem;color:var(--t2);margin-bottom:10px}.design_font-alphabet__4Cgnk{font-size:.7rem;color:var(--t2);word-break:break-all}.design_font-weights__sc90S{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.design_font-weight-tag___QdaL{background:var(--bg3);padding:3px 6px;border-radius:4px;font-size:.6rem;font-family:var(--mono);color:var(--t2)}.design_sub-tabs__ExFFS{display:flex;gap:4px;margin:-8px 0 16px;flex-wrap:wrap}.design_sub-tab__ZZTR2{padding:6px 14px;font-size:.72rem;font-weight:600;color:var(--t2);background:var(--bg2);border:1px solid var(--brd);border-radius:6px;cursor:pointer;transition:all .2s;font-family:"Outfit",var(--sans)}.design_sub-tab__ZZTR2:hover{background:var(--bg3);color:var(--t1)}.design_sub-tab-active__KPfmD{background:var(--bl);color:#fff;border-color:var(--bl)}.design_section-label__8TFND{padding:.8rem 0 .2rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.design_footer__n_joi{margin:2.25rem 0 .75rem;padding:1rem 0;border-top:1px solid var(--brd);display:grid;grid-gap:.25rem;gap:.25rem}.design_footer__n_joi p{margin:0;font-family:var(--sans);font-size:.75rem;color:var(--t2)}.design_footer-link__6k8a2{color:var(--cy);text-decoration:none}.design_footer-link__6k8a2:hover{text-decoration:underline}.design_footer-sub__DIURq{color:var(--t3)!important}.design_cat-pills__HyFyh{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.design_cat-pill__D7b4r{padding:5px 12px;font-size:.7rem;border-radius:20px;border:1px solid var(--brd);background:var(--bg2);color:var(--t2);cursor:pointer;font-family:"Outfit",var(--sans);transition:all .2s}.design_cat-pill-active__fqZFH,.design_cat-pill__D7b4r:hover{background:var(--bg3);color:var(--t1)}.design_pattern-noise__Ges3b{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-blend-mode:overlay}.design_pattern-scratches__3UaDC{background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 4px),repeating-linear-gradient(-45deg,transparent,transparent 3px,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 5px),repeating-linear-gradient(30deg,transparent,transparent 1px,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 3px)}.design_pattern-fabric__zRM2F{background-image:linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 0),linear-gradient(rgba(255,255,255,.03) 1px,transparent 0);background-size:4px 4px}.design_pattern-diagonal__O1ejb{background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 12px)}.design_pattern-dots__Mvruj{background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 0);background-size:8px 8px}.design_pattern-grid__lXqzL{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 0);background-size:20px 20px}.design_pattern-hexagon__38Ot3{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.design_pattern-fragmented__qToCa{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cg stroke='%23ffffff' fill='none'%3E%3Cline x1='5' y1='12' x2='45' y2='12' stroke-width='0.3' opacity='0.05'/%3E%3Cline x1='60' y1='12' x2='85' y2='12' stroke-width='0.4' opacity='0.06'/%3E%3Cline x1='120' y1='15' x2='180' y2='15' stroke-width='0.3' opacity='0.04'/%3E%3Cline x1='10' y1='35' x2='70' y2='35' stroke-width='0.5' opacity='0.07'/%3E%3Cline x1='95' y1='38' x2='130' y2='38' stroke-width='0.3' opacity='0.05'/%3E%3Cline x1='150' y1='32' x2='195' y2='32' stroke-width='0.4' opacity='0.04'/%3E%3C/g%3E%3C/svg%3E")}.design_page-nav__1Miw3{display:flex;gap:4px;padding:0 16px 8px}.design_page-nav-link__MF2BM{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;font-size:.78rem;font-weight:600;font-family:"Outfit",var(--sans);color:var(--t2);background:var(--bg2);border:1px solid var(--brd);border-radius:20px;text-decoration:none;transition:all .2s;cursor:pointer}.design_page-nav-link__MF2BM:hover{background:var(--bg3);color:var(--t1)}.design_page-nav-link__MF2BM svg{width:14px;height:14px;flex-shrink:0}.design_page-nav-active__GCLEi{border-color:var(--bl)}.design_page-nav-active__GCLEi,.design_page-nav-active__GCLEi:hover{background:var(--bl);color:#fff}.design_tooltip-wrap__MdHFe{position:relative}.design_tooltip-wrap__MdHFe:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) scale(.95);background:var(--bg4);color:var(--t1);font-size:.65rem;font-family:var(--mono);padding:5px 10px;border-radius:6px;border:1px solid var(--brd);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,.4)}.design_tooltip-wrap__MdHFe:hover:after{opacity:1;transform:translateX(-50%) scale(1)}@media(max-width:600px){.design_eff-grid__78qdi{grid-template-columns:repeat(auto-fill,minmax(105px,1fr))}.design_ico-grid__UTQ_m{grid-template-columns:repeat(auto-fill,minmax(68px,1fr))}.design_comp-grid__zxA3S,.design_el-grid__H0qXC,.design_graph-grid__4Y5aw,.design_pat-grid__a_cEV{grid-template-columns:1fr}.design_br__s9SKl{width:44px;height:44px}.design_br__s9SKl svg{width:18px;height:18px}.design_variations-grid__Z6dZ_{grid-template-columns:repeat(5,1fr)}}