.html_mainTitle__aQM5T{color:#2c3e50;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.html_sectionTitle__w2QdP{color:#3498db;border-bottom:2px solid #eee;padding-bottom:8px;margin-bottom:16px;font-size:20px}.html_headingExample__hVqsb{display:flex;flex-direction:column;gap:12px;padding:20px;background-color:#f8f9fa;border-radius:5px}.html_headingExample__hVqsb h1{color:#2c3e50}.html_headingExample__hVqsb h2{color:#34495e}.html_headingExample__hVqsb h3{color:#7f8c8d}.html_headingExample__hVqsb h4,.html_headingExample__hVqsb h5,.html_headingExample__hVqsb h6{color:#95a5a6}.html_bestPractices__8TxQk{list-style-type:square;padding-left:20px}.html_bestPractices__8TxQk li{margin-bottom:8px}@media (max-width:768px){.html_mainTitle__aQM5T{font-size:1.8rem}.html_sectionTitle__w2QdP{font-size:1.4rem}}.html_formattingTable__0itqQ{width:100%;border-collapse:collapse}.html_formattingTable__0itqQ th{background-color:#3498db;color:white;padding:12px;text-align:left}.html_formattingTable__0itqQ td{padding:10px;border-bottom:1px solid #ddd;vertical-align:middle}.html_formattingTable__0itqQ tr:nth-child(2n){background-color:#f2f2f2}.html_formattingTable__0itqQ code{background-color:#e9ecef;padding:2px 4px;border-radius:3px}.html_quotationExample__7pl_A{padding:20px;line-height:1.8}.html_blockquote__mdegk{padding:15px 20px;background-color:#f8f9fa;border-left:5px solid #3498db;margin:20px 0}.html_blockquote__mdegk footer{margin-top:10px;font-size:.9em;color:#6c757d}.html_address__pd2R8{font-style:normal;background-color:#f8f9fa;padding:15px;border-radius:4px;display:inline-block}.html_colorGrid___QUdn{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:10px;gap:10px;margin:15px 0}.html_colorBox__5_HA2{padding:15px;border-radius:5px;text-align:center;font-weight:500;box-shadow:0 2px 4px rgba(0,0,0,.1);min-height:60px;display:flex;align-items:center;justify-content:center}.html_subsectionTitle__v1Uv6{color:#2c3e50;border-bottom:1px solid #eee;padding-bottom:6px;margin:25px 0 15px;font-size:1.3rem}.html_subsectionTitle__v1Uv6:first-child{margin-top:0}.html_codeBlock__GNvKZ{line-height:1.5;margin:15px 0}.html_selectorGrid__H4yGP{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:15px;gap:15px;margin:15px 0}.html_selectorCard__wcYXc{background-color:white;padding:15px;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);border:1px solid #e9ecef}.html_selectorTitle__GCZ_V{color:#3498db;font-size:.95rem;margin-bottom:8px;font-weight:600}.html_codeExample__bPXoQ{margin:10px 0}.html_demoLink__s8HoK{color:#3498db;text-decoration:none;padding:5px 0;display:inline-block;border-bottom:1px solid #3498db;margin:5px 0}.html_demoLink__s8HoK:hover{color:#2980b9;text-decoration:underline}.html_imageDemo__QzwFp{text-align:center;padding:20px;background-color:#f8f9fa;border-radius:8px}.html_demoImage__hn5CL{max-width:100%;height:auto;border:2px solid #dee2e6;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.html_imageCaption__lJfjo{margin-top:10px;color:#666;font-style:italic}.html_attributeGrid__4gUWR{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.html_attributeTitle__8ZiKV{color:#e74c3c}.html_formatGrid___pLDS{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:15px;gap:15px;margin:15px 0}.html_formatCard__kCfqD{background-color:white;padding:15px;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);border:1px solid #e9ecef}.html_formatTitle__EjBqf{color:#2c3e50;font-size:1rem;margin-bottom:8px;font-weight:600}.html_formatInfo__QmeZz{margin-top:10px}.html_formatPros__fEiCZ{color:#27ae60;font-size:.85rem;display:block;margin-bottom:4px}.html_formatCons__i0BQF{color:#e74c3c;font-size:.85rem;display:block}.html_fileStructure__GMn5s{background-color:#f5f5f5;padding:15px;border-radius:4px;margin:10px 0;border-left:4px solid #3498db}.html_fileStructure__GMn5s pre{margin:0}.html_platformGrid__nTYCe{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:15px;gap:15px;margin:15px 0}.html_platformCard__pCQZb{background-color:white;padding:15px;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);border:1px solid #e9ecef}.html_platformTitle__EjYbi{color:#2c3e50;font-size:1rem;margin-bottom:8px;font-weight:600}.html_basicTable__XikBk{width:100%;border-collapse:collapse}.html_basicTable__XikBk td,.html_basicTable__XikBk th{padding:8px;text-align:left;border:1px solid #ddd}.html_basicTable__XikBk th{background-color:#f2f2f2;font-weight:700}.html_borderedTable__suRe0{width:100%;border-collapse:collapse}.html_borderedTable__suRe0 td,.html_borderedTable__suRe0 th{border:2px solid #333;padding:10px;text-align:center}.html_borderedTable__suRe0 th{background-color:#e74c3c;color:white}.html_spanTable__Gu_mM{width:100%;border-collapse:collapse}.html_spanTable__Gu_mM td,.html_spanTable__Gu_mM th{border:1px solid #ddd;padding:10px;text-align:center}.html_spanTable__Gu_mM th{background-color:#3498db;color:white}.html_colgroupTable__gEVPG{width:100%;border-collapse:collapse}.html_colgroupTable__gEVPG td,.html_colgroupTable__gEVPG th{border:1px solid #ddd;padding:10px;text-align:left}.html_colgroupTable__gEVPG th{background-color:#2c3e50;color:white}.html_outputExample__ikdnp{overflow-x:auto}.html_basicList__dodbQ{padding-left:20px;margin:10px 0}.html_descriptionList__b6Fu2{margin:15px 0}.html_descriptionList__b6Fu2 dt{font-weight:700;color:#2c3e50;margin-top:10px}.html_descriptionList__b6Fu2 dd{margin-left:20px;color:#666;margin-bottom:10px}.html_nestedList__G1WEm{padding-left:20px}.html_nestedList__G1WEm ul{padding-left:30px;margin:5px 0}.html_listStylesGrid__wFqVT,.html_numberingGrid__Hx5BE{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px;margin:15px 0}.html_listStylesGrid__wFqVT div,.html_numberingGrid__Hx5BE div{padding:15px;background-color:white;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.html_customList__drZqH{list-style-type:none;padding:0;margin:15px 0}.html_customList__drZqH li{padding:12px;margin:5px 0;background-color:#f8f9fa;border-left:4px solid #3498db;border-radius:4px;transition:background-color .3s}.html_customList__drZqH li:hover{background-color:#e3f2fd;border-left-color:#e74c3c}.html_iconList__4AKYM{list-style-type:none;padding:0;margin:20px 0}.html_iconList__4AKYM li{margin:8px 0;background:white;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;padding:10px 10px 10px 30px}.html_iconList__4AKYM li:before{content:"✓";position:absolute;left:10px;color:#27ae60;font-weight:700}@media (max-width:768px){.html_listStylesGrid__wFqVT,.html_numberingGrid__Hx5BE{grid-template-columns:1fr;gap:15px}.html_exampleContainer__MLqwy{padding:10px}.html_outputExample__ikdnp{padding:15px}.html_codeBlock__GNvKZ{padding:10px;font-size:.8rem}.html_basicList__dodbQ,.html_descriptionList__b6Fu2,.html_nestedList__G1WEm{font-size:.9rem}}.html_blockDemo__gmB6p{display:flex;flex-direction:column;gap:10px}.html_blockElement__3hZaf{padding:15px;color:white;text-align:center;border-radius:4px}.html_inlineDemo__UlibJ p{margin:15px 0;line-height:1.6}.html_inlineElement__BqxCl{padding:2px 6px;color:white;border-radius:3px;margin:0 2px}.html_displayDemo__1z5tC h5{margin:15px 0 8px;color:#2c3e50}.html_displayDemo__1z5tC>div{margin:10px 0;padding:10px;background-color:#f8f9fa;border-radius:4px}@media (max-width:768px){.html_bestPracticesGrid__alhm0{grid-template-columns:1fr;gap:15px}.html_comparisonTable__5ZgCM{font-size:.85rem}.html_diffTable__PqCVV td,.html_diffTable__PqCVV th{padding:8px}.html_exampleContainer__MLqwy{padding:10px}.html_outputExample__ikdnp{padding:15px}.html_codeBlock__GNvKZ{padding:10px;font-size:.8rem}.html_blockElement__3hZaf{padding:10px;font-size:.9rem}.html_exampleContainer__MLqwy{padding:10px}.html_outputExample__ikdnp{padding:15px}.html_codeBlock__GNvKZ{padding:10px;font-size:.8rem}.html_basicTable__XikBk,.html_borderedTable__suRe0,.html_colgroupTable__gEVPG,.html_spanTable__Gu_mM{font-size:.85rem}.html_exampleContainer__MLqwy{padding:10px}.html_codeBlock__GNvKZ{padding:10px;font-size:.8rem}.html_fileStructure__GMn5s{padding:10px}.html_attributeGrid__4gUWR,.html_formatGrid___pLDS,.html_platformGrid__nTYCe{grid-template-columns:1fr;gap:10px}.html_exampleContainer__MLqwy{padding:10px}.html_attributeCard__hZxmU,.html_formatCard__kCfqD{padding:12px}.html_codeBlock__GNvKZ{padding:10px;font-size:.8rem}.html_imageDemo__QzwFp{padding:15px}.html_attributeGrid__4gUWR{grid-template-columns:1fr;gap:10px}.html_exampleContainer__MLqwy{padding:10px}.html_attributeCard__hZxmU{padding:12px}.html_codeBlock__GNvKZ{padding:10px;font-size:.8rem}.html_selectorGrid__H4yGP{grid-template-columns:1fr;gap:10px}.html_exampleContainer__MLqwy{padding:10px}.html_outputExample__ikdnp{padding:15px}.html_codeBlock__GNvKZ{padding:10px;font-size:.8rem}.html_smallCode__pYDxA{padding:6px}.html_smallCode__pYDxA code{font-size:.8rem}.html_colorGrid___QUdn{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.html_colorBox__5_HA2{padding:10px;font-size:.85rem;min-height:50px}.html_subsectionTitle__v1Uv6{font-size:1.2rem;margin:20px 0 12px}.html_quotationExample__7pl_A{padding:15px}.html_blockquote__mdegk{padding:10px 15px}.html_formattingTable__0itqQ{display:block;overflow-x:auto}}.html_basicDiv__ohd6N{background-color:#f8f9fa;padding:20px;border-radius:5px;border:1px solid #e9ecef}.html_pageLayout___miIU{border:2px solid #dee2e6;border-radius:5px;overflow:hidden}.html_layoutHeader__zJsXV{background-color:#2c3e50;color:white;padding:15px;display:flex;justify-content:space-between;align-items:center}.html_logo___54Hs{font-weight:700;font-size:1.2em}.html_nav__dbjAq a{color:white;text-decoration:none;margin-left:15px}.html_nav__dbjAq a:hover{text-decoration:underline}.html_mainContent__EPg9Z{display:flex;min-height:200px}.html_sidebar__qx2JL{background-color:#ecf0f1;padding:15px;width:200px;border-right:1px solid #dee2e6}.html_contentArea__84KD7{padding:20px;flex:1 1}.html_footer__NXE_U{background-color:#34495e;color:white;text-align:center;padding:10px}.html_cardContainer__DDjO4{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px;padding:20px}.html_card__o06AB{background:white;border:1px solid #e9ecef;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.html_cardHeader__dTLzr{background:linear-gradient(135deg,#667eea,#764ba2);color:white;padding:15px}.html_cardBody__1xyqj{padding:20px}.html_price__PA5px{font-size:1.2em;font-weight:700;color:#27ae60}.html_cardFooter__wTNcW{padding:15px;background-color:#f8f9fa;border-top:1px solid #e9ecef}.html_cardButton__zfxEa{background-color:#3498db;color:white;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.html_cardButton__zfxEa:hover{background-color:#2980b9}.html_styledBox__Zdgb_{background:linear-gradient(135deg,#667eea,#764ba2);color:white;padding:30px;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.2);border:2px solid #5a67d8}.html_styledBox__Zdgb_ h3{margin-top:0;font-size:1.5em;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.html_styledBox__Zdgb_ p{font-size:1.1em;line-height:1.6}.html_responsiveGrid__p02xr{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:15px;gap:15px;padding:20px}.html_gridItem__sG_fp{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #e9ecef;text-align:center;transition:transform .2s,box-shadow .2s}.html_gridItem__sG_fp:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.html_userProfileCard__tCcUg{background:white;border:1px solid #e9ecef;border-radius:12px;padding:20px;max-width:300px;margin:0 auto;box-shadow:0 4px 12px rgba(0,0,0,.1)}.html_profileHeader__3mIU9{display:flex;align-items:center;margin-bottom:20px}.html_avatarContainer__kgix_{position:relative;margin-right:15px}.html_avatar__OLSwk{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:1.2em}.html_onlineStatus__yW_A1{position:absolute;bottom:0;right:0;width:15px;height:15px;background-color:#27ae60;border:2px solid white;border-radius:50%}.html_profileInfo__t8pkZ h4{margin:0 0 5px;color:#2c3e50}.html_userTitle__RlC3y{margin:0;color:#7f8c8d;font-size:.9em}.html_profileStats__XwLpX{display:flex;justify-content:space-around;margin:20px 0;padding:15px 0;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1}.html_statItem__9EjQv{text-align:center}.html_statNumber__ojP5I{display:block;font-weight:700;font-size:1.2em;color:#2c3e50}.html_statLabel__IojkT{display:block;font-size:.8em;color:#7f8c8d;margin-top:5px}.html_profileActions__dg7QF{display:flex;gap:10px}.html_btnPrimary__6Hbaa{background-color:#3498db;border-radius:5px;flex:1 1}.html_btnSecondary__QFdeX{background-color:#ecf0f1;color:#2c3e50;border:1px solid #bdc3c7;border-radius:5px;flex:1 1}.html_btnPrimary__6Hbaa:hover{background-color:#2980b9}.html_btnSecondary__QFdeX:hover{background-color:#dfe6e9}.html_decisionTable__qpJ35{width:100%;border-collapse:collapse;background:white;margin:20px 0}.html_decisionTable__qpJ35 td,.html_decisionTable__qpJ35 th{padding:12px;text-align:left;border:1px solid #ddd}.html_decisionTable__qpJ35 th{background-color:#2c3e50;color:white;font-weight:600}.html_decisionTable__qpJ35 tr:nth-child(2n){background-color:#f8f9fa}.html_decisionTable__qpJ35 code{background-color:#f5f5f5;padding:2px 4px;border-radius:3px;font-family:Courier New,monospace}@media (max-width:768px){.html_bestPracticesGrid__alhm0{grid-template-columns:1fr;gap:15px}.html_mainContent__EPg9Z{flex-direction:column}.html_sidebar__qx2JL{width:100%;border-right:none;border-bottom:1px solid #dee2e6}.html_cardContainer__DDjO4{grid-template-columns:1fr}.html_responsiveGrid__p02xr{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.html_profileStats__XwLpX{flex-direction:column;gap:10px}.html_profileActions__dg7QF{flex-direction:column}.html_exampleContainer__MLqwy{padding:10px}.html_outputExample__ikdnp{padding:15px}.html_codeBlock__GNvKZ{padding:10px;font-size:.8rem}}.html_idDemo__2ELrA{padding:15px;margin:10px 0;border-radius:4px}#html_demo-header__lK_qI{background-color:#333;color:white}#html_demo-main__tMkFv{background-color:#f8f9fa;padding:20px}#html_demo-footer__Q8mLT{background-color:#222;color:white;text-align:center}.html_anchorLink__NnlbK{display:inline-block;margin-top:10px;color:#3498db;text-decoration:none}.html_anchorLink__NnlbK:hover{text-decoration:underline}.html_containerDemo__2y95Z{max-width:1200px;margin:0 auto;padding:20px;background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;text-align:center}.html_textCenter__Jac3e{text-align:center;margin:15px 0}.html_buttonGroup__hlAMZ{display:flex;gap:10px;justify-content:center;margin:15px 0}.html_btnPrimary__6Hbaa{background-color:#007bff}.html_btnPrimary__6Hbaa,.html_btnSecondary__QFdeX{color:white;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.html_btnSecondary__QFdeX{background-color:#6c757d}.html_btnPrimary__6Hbaa:hover{background-color:#0056b3}.html_btnSecondary__QFdeX:hover{background-color:#545b62}.html_namingGrid__1MEYN{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px;margin:20px 0}.html_namingCard__Avddy{background-color:white;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #e9ecef;text-align:center}.html_namingTitle__EaMNb{color:#2c3e50;font-size:1.1rem;margin-bottom:12px;font-weight:600}.html_smallCode__pYDxA code{font-size:.9rem}.html_contentDemo__0xV3E{padding:15px;background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;color:blue}.html_formContainer__mJYJQ{max-width:500px;margin:0 auto;padding:20px;background-color:white;border:1px solid #e9ecef;border-radius:8px}.html_formGroup__livzi{margin-bottom:15px}.html_formInput__mbSlu{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:1rem}.html_formTextarea__jRR2_{min-height:100px;resize:vertical}.html_formActions__oNWPu{display:flex;gap:10px;justify-content:flex-end}.html_btnSubmit__YyLKO{background-color:#28a745}.html_btnCancel__46fzZ,.html_btnSubmit__YyLKO{color:white;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.html_btnCancel__46fzZ{background-color:#dc3545}.html_btnSubmit__YyLKO:hover{background-color:#218838}.html_btnCancel__46fzZ:hover{background-color:#c82333}.html_featureList__3UHXj{padding:0}.html_featureList__3UHXj li{padding:8px 0 8px 25px}.html_featureList__3UHXj li:before{content:"✓";color:#27ae60}.html_bestPracticesList__ESEu_ ul{list-style-type:none;padding:0}.html_bestPracticesList__ESEu_ li{padding:8px 0 8px 25px;position:relative}.html_bestPracticesList__ESEu_ li:before{content:"•";position:absolute;left:0;color:#3498db;font-weight:700}@media (max-width:768px){.html_bestPracticesGrid__alhm0,.html_namingGrid__1MEYN{grid-template-columns:1fr;gap:15px}.html_comparisonTable__5ZgCM{font-size:.85rem}.html_diffTable__PqCVV td,.html_diffTable__PqCVV th{padding:8px}.html_exampleContainer__MLqwy{padding:10px}.html_outputExample__ikdnp{padding:15px}.html_codeBlock__GNvKZ{padding:10px;font-size:.8rem}.html_buttonGroup__hlAMZ{flex-direction:column;align-items:center}.html_formActions__oNWPu{flex-direction:column}}.html_iframeDemo__LxHHz{border:2px solid #3498db;border-radius:8px;background-color:#f8f9fa}.html_videoContainer__VPnBF{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;background-color:#000}.html_videoContainer__VPnBF iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.html_youtubeIframe__fPo3n{border-radius:8px}.html_srcDocIframe__C5MdG{border:1px solid #ddd;border-radius:8px;background-color:white}.html_attributeGrid__4gUWR{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:15px;gap:15px;margin:15px 0}.html_attributeCard__hZxmU{background-color:white;padding:15px;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);border:1px solid #e9ecef}.html_attributeTitle__8ZiKV{color:#2c3e50;font-size:.95rem;margin-bottom:8px;font-weight:600}.html_attributeCard__hZxmU p{font-size:.9rem;color:#666;margin-bottom:8px}.html_smallCode__pYDxA{margin:0}@media (max-width:768px){.html_attributeGrid__4gUWR,.html_bestPracticesGrid__alhm0{grid-template-columns:1fr;gap:15px}.html_exampleContainer__MLqwy{padding:10px}.html_outputExample__ikdnp{padding:15px}.html_codeBlock__GNvKZ{padding:10px;font-size:.8rem}.html_attributeCard__hZxmU{padding:12px}.html_videoContainer__VPnBF{padding-bottom:75%}}.html_usageList__VJ85t{list-style-type:none;background-color:#f8f9fa;padding:15px;border-radius:4px;border-left:4px solid #3498db}.html_usageList__VJ85t li{padding:5px 0 5px 20px;position:relative}.html_usageList__VJ85t li:before{content:"•";position:absolute;left:0;color:#3498db;font-weight:700}.html_symbolGrid__VKKRm{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:15px;gap:15px;margin:15px 0}.html_symbolCard__neQXF{background-color:white;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #e9ecef;text-align:center}.html_symbolTitle__PWu9a{font-size:1.5rem;font-weight:700;color:#e74c3c;margin-bottom:10px;font-family:Courier New,monospace}.html_symbolCard__neQXF p{margin:5px 0;color:#666}.html_toolsGrid__3Yem_{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.html_toolCard__Eo6Rt{background-color:white;padding:15px;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.html_toolTitle__GSGU2{font-size:1rem}@media (max-width:768px){.html_bestPracticesGrid__alhm0,.html_symbolGrid__VKKRm,.html_toolsGrid__3Yem_{grid-template-columns:1fr;gap:15px}.html_exampleContainer__MLqwy{padding:10px}.html_outputExample__ikdnp{padding:15px}.html_codeBlock__GNvKZ{padding:10px;font-size:.8rem}.html_symbolCard__neQXF{padding:15px}.html_toolCard__Eo6Rt{padding:12px}}.html_semanticDemo__mLTLx{border:2px solid #e9ecef;border-radius:8px;overflow:hidden}.html_demoHeader__rI40v{background:linear-gradient(135deg,#667eea,#764ba2);color:white;padding:20px;text-align:center}.html_demoNav__Nx6fk{background:rgba(255,255,255,.1);padding:10px;margin-top:10px;border-radius:4px}.html_demoMain__r4laZ{display:flex;min-height:200px}.html_demoArticle__A0d1o{flex:3 1;background:#f8f9fa;padding:20px;border-right:1px solid #dee2e6}.html_demoAside__e_nE7{flex:1 1;background:#e9ecef;padding:20px}.html_demoFooter__XzBQV{background:#2c3e50;color:white;padding:15px;text-align:center}.html_semanticGrid__Yoig8{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.html_semanticTitle__VXM_q{font-size:1.1rem}.html_flexDemo__Y_Wtr{background:#f8f9fa;padding:20px;border-radius:8px}.html_flexContainer__CrYWg{display:flex;justify-content:space-between;align-items:center;padding:15px;background:white;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.html_flexLogo___ONgR{font-weight:700;color:#2c3e50}.html_flexNav__raEry{display:flex;gap:20px}.html_flexNav__raEry a{color:#3498db;text-decoration:none;padding:5px 10px;border-radius:3px;transition:background-color .3s}.html_flexNav__raEry a:hover{background-color:#f8f9fa}.html_gridDemo__9ILjX{background:#f8f9fa;padding:20px;border-radius:8px}.html_gridContainer___r3ZK{display:grid;grid-template-columns:1fr 2fr 1fr;grid-template-rows:auto;grid-gap:15px;gap:15px;grid-template-areas:"header header header" "sidebar main aside" "footer footer footer"}.html_gridHeader__9HnCK{grid-area:header;background:#3498db;color:white;padding:20px;text-align:center;border-radius:6px}.html_gridSidebar__xn3uN{grid-area:sidebar;background:#2ecc71;color:white;padding:20px;border-radius:6px}.html_gridMain__fhIx8{grid-area:main;background:#e74c3c;color:white;padding:20px;border-radius:6px}.html_gridAside__7yycB{grid-area:aside;background:#f39c12;color:white;padding:20px;border-radius:6px}.html_gridFooter__tgAfp{grid-area:footer;background:#2c3e50;color:white;padding:20px;text-align:center;border-radius:6px}.html_breakpointsTable___rgke{overflow-x:auto;margin:20px 0}.html_breakpointTable__lB_rZ{width:100%;border-collapse:collapse;background:white}.html_breakpointTable__lB_rZ td,.html_breakpointTable__lB_rZ th{padding:12px;text-align:left;border:1px solid #ddd}.html_breakpointTable__lB_rZ th{background-color:#2c3e50;color:white;font-weight:600}.html_breakpointTable__lB_rZ tr:nth-child(2n){background-color:#f8f9fa}@media (max-width:768px){.html_bestPracticesGrid__alhm0,.html_semanticGrid__Yoig8,.html_toolsGrid__3Yem_{grid-template-columns:1fr;gap:15px}.html_demoMain__r4laZ{flex-direction:column}.html_demoArticle__A0d1o{border-right:none;border-bottom:1px solid #dee2e6}.html_gridContainer___r3ZK{grid-template-columns:1fr;grid-template-areas:"header" "sidebar" "main" "aside" "footer"}.html_flexContainer__CrYWg{flex-direction:column;gap:15px}.html_flexNav__raEry{flex-direction:column;gap:10px;text-align:center}.html_exampleContainer__MLqwy{padding:10px}.html_outputExample__ikdnp{padding:15px}.html_codeBlock__GNvKZ{padding:10px;font-size:.8rem}.html_semanticCard___0jUK,.html_toolCard__Eo6Rt{padding:15px}}.html_preDemo__SkWRk{background-color:#f8f9fa;border-radius:5px;border:1px solid #e9ecef;overflow-x:auto}.html_preDemo__SkWRk,.html_sampDemo__O_3m8{padding:15px;font-family:Courier New,monospace;white-space:pre-wrap;margin:10px 0}.html_sampDemo__O_3m8{background-color:#e9ecef;border-radius:5px;border:1px solid #dee2e6}.html_codeDemo__8yLzY{background-color:#2d2d2d;color:#f8f8f2;padding:15px;border-radius:5px;border:1px solid #444;font-family:Courier New,monospace;white-space:pre-wrap;margin:10px 0;overflow-x:auto}.html_codeDemo__8yLzY code{background:transparent;color:inherit;padding:0;border:none}.html_styledCode__6q_yo{background-color:#f4f4f4;padding:2px 6px;border-radius:3px;border:1px solid #ddd;font-family:Courier New,monospace;font-size:.9em;color:#d63384;margin:5px 0;display:inline-block}.html_styledPre__iyob3{background-color:#2d2d2d;color:#f8f8f2;padding:15px;border-radius:5px;border:1px solid #444;font-family:Courier New,monospace;line-height:1.5;margin:10px 0;overflow-x:auto}.html_styledKbd__YLkSt{background-color:#333;color:white;border-radius:3px;border:1px solid #555;font-family:inherit;font-size:.85em;box-shadow:0 2px 0 rgba(0,0,0,.2)}.html_styledKbd__YLkSt,.html_styledSamp__AuaGe{padding:2px 6px;margin:5px;display:inline-block}.html_styledSamp__AuaGe{background-color:#e9ecef;border-radius:3px;font-family:Courier New,monospace;color:#495057}.html_styledVar__KSZMf{font-style:italic;color:#e83e8c;font-family:Courier New,monospace;margin:0 2px}.html_styledOutput__rZmQl{background-color:#d4edda;padding:2px 8px;border-radius:3px;border:1px solid #c3e6cb;font-weight:700;color:#155724;min-width:30px;display:inline-block;text-align:center;margin:0 2px}.html_codeFunction__EChU9{color:#50fa7b}@media (max-width:768px){.html_bestPracticesGrid__alhm0,.html_toolsGrid__3Yem_{grid-template-columns:1fr;gap:15px}.html_exampleContainer__MLqwy{padding:10px}.html_outputExample__ikdnp{padding:15px}.html_codeBlock__GNvKZ{padding:10px;font-size:.8rem}.html_codeDemo__8yLzY,.html_preDemo__SkWRk,.html_sampDemo__O_3m8{padding:10px;font-size:.85rem}.html_practiceCard__D2VaY,.html_toolCard__Eo6Rt{padding:15px}}.html_benefitsGrid__H3ZwZ{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px;margin:20px 0}.html_benefitCard__zf1Wo{background:white;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #e9ecef;text-align:center}.html_benefitTitle__mtup0{color:#2c3e50;font-size:1.1rem;margin-bottom:10px;font-weight:600}.html_headerDemo__aEJTc{background:#2c3e50;color:white;padding:20px;border-radius:5px;text-align:center}.html_navDemo__dez4D{background:#34495e;padding:15px;border-radius:5px}.html_navDemo__dez4D ul{display:flex;list-style:none;gap:20px;margin:0;padding:0;justify-content:center}.html_navDemo__dez4D a{color:white;text-decoration:none;padding:5px 10px;border-radius:3px;transition:background-color .3s}.html_navDemo__dez4D a:hover{background-color:rgba(255,255,255,.1)}.html_articleDemo__o3uod{background:white;padding:20px;border:1px solid #e9ecef;border-radius:5px;margin:10px 0}.html_articleDemo__o3uod header{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee}.html_asideDemo__RbFFq{background:#f8f9fa;padding:15px;border-radius:5px;border-left:4px solid #3498db}.html_asideDemo__RbFFq h4{color:#2c3e50;margin-bottom:10px}.html_asideDemo__RbFFq ul{list-style:none;padding:0}.html_asideDemo__RbFFq li{padding:5px 0}.html_asideDemo__RbFFq a{color:#3498db;text-decoration:none}.html_asideDemo__RbFFq a:hover{text-decoration:underline}.html_footerDemo__cfuuI{background:#2c3e50;color:white;padding:20px;border-radius:5px;text-align:center}.html_footerDemo__cfuuI nav ul{display:flex;list-style:none;gap:15px;justify-content:center;margin:10px 0 0;padding:0}.html_footerDemo__cfuuI a{color:#ecf0f1;text-decoration:none}.html_footerDemo__cfuuI a:hover{text-decoration:underline}.html_semanticGrid__Yoig8{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:15px;gap:15px;margin:20px 0}.html_semanticCard___0jUK{background:white;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #e9ecef;text-align:center}.html_semanticTitle__VXM_q{color:#e74c3c;font-family:Courier New,monospace;font-size:1rem;margin-bottom:10px;font-weight:600}.html_smallCode__pYDxA{background:#f5f5f5;padding:10px;border-radius:4px;text-align:left}.html_smallCode__pYDxA code{white-space:pre-wrap}.html_errorList__qeeTs{list-style-type:none;background-color:#ffe6e6;padding:20px;border-radius:8px;border-left:4px solid #e74c3c;margin:20px 0}.html_errorList__qeeTs li{padding:8px 0 8px 25px;position:relative}.html_errorList__qeeTs li:before{content:"⚠️";position:absolute;left:0}@media (max-width:768px){.html_benefitsGrid__H3ZwZ,.html_bestPracticesGrid__alhm0,.html_semanticGrid__Yoig8,.html_toolsGrid__3Yem_{grid-template-columns:1fr;gap:15px}.html_navDemo__dez4D ul{text-align:center}.html_footerDemo__cfuuI nav ul,.html_navDemo__dez4D ul{flex-direction:column;gap:10px}.html_exampleContainer__MLqwy{padding:10px}.html_outputExample__ikdnp{padding:15px}.html_codeBlock__GNvKZ{padding:10px;font-size:.8rem}.html_benefitCard__zf1Wo,.html_practiceCard__D2VaY,.html_semanticCard___0jUK,.html_toolCard__Eo6Rt{padding:15px}}.html_comparisonTable__5ZgCM{overflow-x:auto;margin:20px 0}.html_diffTable__PqCVV{width:100%;border-collapse:collapse;background:white}.html_diffTable__PqCVV td,.html_diffTable__PqCVV th{padding:12px;text-align:left;border:1px solid #ddd}.html_diffTable__PqCVV th{background-color:#2c3e50;color:white;font-weight:600}.html_diffTable__PqCVV tr:nth-child(2n){background-color:#f8f9fa}.html_diffTable__PqCVV td:first-child{font-weight:600;background-color:#ecf0f1}.html_comparisonGrid__rxL2N{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin:20px 0}.html_comparisonColumn__ws_uJ{background:#f8f9fa;padding:15px;border-radius:5px;border:1px solid #e9ecef}.html_errorGrid__60xMG{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:15px;gap:15px;margin:20px 0}.html_errorCard___L6P9{background:white;padding:15px;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);border:1px solid #e9ecef;border-left:4px solid #e74c3c}.html_errorTitle__rUSm2{color:#e74c3c;font-size:.95rem;margin-bottom:10px;font-weight:600}.html_errorFix__Anzwg{margin:10px 0 0;padding:8px;background:#d4edda;border-radius:3px;font-size:.85rem}.html_errorFix__Anzwg code{background:#a3cfbb;padding:2px 4px;border-radius:2px}.html_usageGrid__vKcUS{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px;margin:20px 0}.html_usageCard__XOU9x{background:white;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #e9ecef}.html_usageTitle__ncxrV{color:#2c3e50;font-size:1.1rem;margin-bottom:12px;font-weight:600}.html_usageCard__XOU9x ul{list-style-type:none;padding:0}.html_usageCard__XOU9x li{padding:5px 0 5px 20px;position:relative}.html_usageCard__XOU9x li:before{content:"•";position:absolute;left:0;color:#3498db;font-weight:700}.html_migrationList__VgSfj{list-style-type:none;background:#e3f2fd;padding:20px;border-radius:8px;border-left:4px solid #2196f3;margin:20px 0}.html_migrationList__VgSfj li{padding:8px 0 8px 25px;position:relative}.html_migrationList__VgSfj li:before{content:"✓";position:absolute;left:0;color:#2196f3;font-weight:700}.html_featureList__3UHXj{list-style-type:none;background:#f8f9fa;padding:15px;border-radius:5px;border-left:4px solid #3498db}.html_featureList__3UHXj li{padding:5px 0 5px 20px;position:relative}.html_featureList__3UHXj li:before{content:"•";position:absolute;left:0;color:#3498db;font-weight:700}.html_bestPracticesGrid__alhm0{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px;margin:20px 0}.html_practiceCard__D2VaY{background-color:white;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #e9ecef}.html_practiceTitle__1L9oR{color:#2c3e50;font-size:1.1rem;margin-bottom:12px;font-weight:600}.html_practiceCard__D2VaY ul{list-style-type:none;padding:0}.html_practiceCard__D2VaY li{padding:5px 0 5px 20px;position:relative}.html_practiceCard__D2VaY li:before{content:"•";position:absolute;left:0;color:#3498db;font-weight:700}.html_toolsGrid__3Yem_{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:15px;gap:15px;margin:20px 0}.html_toolCard__Eo6Rt{background:white;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #e9ecef;text-align:center}.html_toolTitle__GSGU2{color:#2c3e50;font-size:1.1rem;margin-bottom:10px;font-weight:600}.html_exampleContainer__MLqwy{margin:20px 0;padding:15px;background-color:#f8f9fa;border-radius:5px}.html_exampleTitle__fUNIo{color:#2c3e50;font-size:1.1rem;margin-bottom:10px;font-weight:600}.html_outputExample__ikdnp{padding:20px;background-color:white;border:1px solid #dee2e6;border-radius:4px;margin:10px 0}.html_codeBlock__GNvKZ{background-color:#f5f5f5;padding:15px;border-radius:4px;overflow-x:auto;line-height:1.4;margin:10px 0}.html_codeBlock__GNvKZ code{font-family:Courier New,monospace;color:#333;white-space:pre-wrap;font-size:.9rem}.html_smallCode__pYDxA{background-color:#f5f5f5;padding:8px;border-radius:3px;overflow-x:auto;margin:10px 0}.html_smallCode__pYDxA code{font-family:Courier New,monospace;font-size:.85rem;color:#333}@media (max-width:768px){.html_bestPracticesGrid__alhm0,.html_comparisonGrid__rxL2N,.html_errorGrid__60xMG,.html_toolsGrid__3Yem_,.html_usageGrid__vKcUS{grid-template-columns:1fr;gap:15px}.html_diffTable__PqCVV{font-size:.85rem}.html_diffTable__PqCVV td,.html_diffTable__PqCVV th{padding:8px}.html_exampleContainer__MLqwy{padding:10px}.html_outputExample__ikdnp{padding:15px}.html_codeBlock__GNvKZ{padding:10px;font-size:.8rem}.html_errorCard___L6P9,.html_practiceCard__D2VaY,.html_toolCard__Eo6Rt,.html_usageCard__XOU9x{padding:15px}}