/**
 * @license
 * SPDX-License-Identifier: Apache-2.0
*/:root{--background-color: #1a1a1a;--card-background-color: #2a2a2a;--text-color: #e0e0e0;--icon-color: #90cbf9;--border-color: #444;--font-family: Arial, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif}body,html{height:100%;width:100%;margin:0;overflow:hidden}body{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;width:100%;display:block;padding:0}h1{font-size:2.5rem;margin-bottom:2rem;font-weight:300;letter-spacing:1px}hr{width:100%;max-width:1200px;border:0;border-top:1px solid var(--border-color);margin:4rem 0}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw}.main-layout{display:flex;flex-grow:1;overflow:hidden}.content{flex-grow:1;padding:2rem;overflow-y:auto}.icon-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem;width:100%;max-width:1200px}.icon-card{background-color:var(--card-background-color);border-radius:8px;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;border:1px solid var(--border-color);transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.icon-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000004d}.icon-card .icon{width:48px;height:48px;color:var(--icon-color)}.icon-card span{font-size:.9rem;word-break:break-all}.component-placeholder{background-color:var(--card-background-color);border-radius:8px;padding:1.5rem;border:1px solid var(--border-color);color:var(--text-color)}.component-placeholder h3{margin-top:0;color:var(--icon-color);font-weight:500}.component-placeholder p{font-size:.9rem;color:#aaa;word-break:break-all;margin-bottom:0}