/* 1024×576 Second Life surface: input, selected preview, 3×2 cards, and page arrows fit together. */
#start-screen { display: flex; flex-direction: column; gap: 0; padding: 12px 20px; overflow: hidden; }
.media-topbar { flex: 0 0 auto; }
.input-message-region { flex: 0 0 26px; min-height: 26px; margin: 5px 0; }
.link-preview { flex: 0 0 auto; min-height: 76px; margin-top: 6px; padding: 7px; grid-template-columns: 126px minmax(0, 1fr) auto; }
.link-preview img { width: 126px; }
.link-preview strong { font-size: 15px; }
.link-preview p { margin: 4px 0 0; font-size: 12px; }
.search-results:not([hidden]) { display: grid; flex: 1 1 0; min-height: 0; margin-top: 8px; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 8px; overflow: hidden; }
.search-result-card { min-height: 0; }
.search-result-card img { min-height: 0; height: 100%; }
.search-result-overlay { padding: 7px; }
.search-result-card strong { font-size: 14px; -webkit-line-clamp: 2; }
.search-result-live { position: absolute; top: 10px; left: 10px; z-index: 2; padding: 3px 7px; border-radius: 4px; background: #d71920; color: #fff; font-size: 11px; font-weight: 800; line-height: 1; letter-spacing: .04em; pointer-events: none; }
.search-result-meta { font-size: 10px; }
.search-pagination { position: sticky; z-index: 4; bottom: 0; flex: 0 0 auto; min-height: 34px; margin: 6px 0 0; padding: 4px 0; background: #242424; }
@media (min-width: 1024px) and (min-height: 576px) { .search-results:not([hidden]) { min-height: 190px; } }