/* main two column layout */ .grid-split display: flex; flex-wrap: wrap; gap: 2rem; margin: 2rem 0 1.5rem;
// default search on load? maybe do a quick intro search to demonstrate: setTimeout(() => if (searchInput.value === "") // just set example but not overriding user intent performSearch("YOLOBIT webp cam efficiency"); searchInput.value = "YOLOBIT webp cam"; , 500); )(); </script> </body> </html>
.cam-controls display: flex; gap: 0.8rem; justify-content: center; flex-wrap: wrap; margin-top: 1rem;
.cam-btn background: #111a24; border: 1px solid #2effc0; color: #ccfff0; font-weight: 600; padding: 0.5rem 1rem; border-radius: 2rem; cursor: pointer; transition: 0.2s; font-size: 0.8rem; display: inline-flex; align-items: center; gap: 6px;
.search-title font-size: 1.6rem; font-weight: 800; background: linear-gradient(145deg, #ffffff, #88ffe0); background-clip: text; -webkit-background-clip: text; color: transparent; margin-bottom: 0.25rem;
body background: radial-gradient(circle at 20% 30%, #0a0f1e, #03060c); min-height: 100vh; display: flex; justify-content: center; align-items: center; font-family: 'Inter', sans-serif; padding: 1.5rem; position: relative; overflow-x: hidden;
/* SEARCH SECTION — YOLOBIT search */ .yolo-search-area margin-bottom: 1.5rem;
.glow-text color: #ff6680; font-weight: 800;