:root{color-scheme:dark}*{box-sizing:border-box}body,html,main{min-height:100%}body{margin:0;background:#060606;font-family:system-ui}a,body{color:#f5f5f5}.portal-shell{display:flex;flex-direction:column;gap:1rem;max-width:1040px;margin:0 auto;padding:1.5rem}.portal-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.portal-header h1{margin:0;font-size:1.8rem;line-height:1.2}.panel{border:1px solid #2a2a2a;border-radius:.75rem;padding:1rem;background:#111}.panel p{margin:0 0 .75rem}.quick-links{display:flex;flex-wrap:wrap;gap:.75rem}.portal-header a,.quick-links a{text-decoration:none;border:1px solid #353535;border-radius:.5rem;padding:.4rem .75rem;background:#181818}.muted{color:#a5a5a5}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:.9rem;gap:.9rem}.tool-card{display:block;text-decoration:none;border:1px solid #2f2f2f;border-radius:.85rem;background:#121212;padding:.9rem}.tool-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.45rem}.tool-icon{font-size:1.2rem}.tool-category{font-size:.75rem;color:#cfcfcf;border:1px solid #3a3a3a;border-radius:999px;padding:.1rem .5rem;text-transform:capitalize}.tool-card h2{margin:0 0 .35rem;font-size:1rem;line-height:1.3}.tool-card p{margin:0;color:#b3b3b3;font-size:.92rem;line-height:1.4}.tool-viewer-shell{min-height:100vh;padding:1rem}.tool-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.tool-viewer-header h1{margin:0;font-size:1.2rem}.tool-frame{width:100%;height:calc(100vh - 5.5rem);border:1px solid #2a2a2a;border-radius:.75rem;background:white}@media (max-width:768px){.portal-shell{padding:1rem}.portal-header,.tool-viewer-header{flex-direction:column;align-items:flex-start}.tool-frame{height:calc(100vh - 7rem)}}