:root{color-scheme:light;--bg:#f6f7f9;--panel:#fff;--text:#171b22;--muted:#667085;--line:#d8dee7;--dark:#101828;--teal:#0f766e;--coral:#d94d3f;--amber:#b7791f;--indigo:#4f46e5;--green:#15803d;--rose:#be123c}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,system-ui,Arial,sans-serif;background:var(--bg);color:var(--text)}.shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:2;background:rgba(246,247,249,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:16px clamp(14px,3vw,30px) 12px}.brand{display:flex;align-items:center;gap:12px}.mark{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#111827,#0f766e)}h1{font-size:clamp(21px,3vw,32px);line-height:1.05;margin:0;letter-spacing:0}.meta{margin:5px 0 0;color:var(--muted);font-size:13px}.controls{margin-top:14px;display:grid;grid-template-columns:minmax(180px,1fr) 150px;gap:10px}.search,.select{height:40px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);padding:0 12px;font-size:14px}.tabs{display:flex;gap:8px;overflow:auto;padding-top:11px}.tab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 11px;white-space:nowrap;color:#344054;cursor:pointer}.tab.active{background:#101828;color:#fff;border-color:#101828}.main{padding:18px clamp(14px,3vw,30px) 30px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:11px}.stat-label{font-size:12px;color:var(--muted)}.stat-value{font-size:23px;font-weight:750;margin-top:2px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden;min-height:356px;display:flex}.card-body{padding:12px;display:flex;flex-direction:column;gap:9px;min-width:0;width:100%}.card-head{display:flex;justify-content:space-between;gap:9px;align-items:flex-start}.title{font-size:17px;line-height:1.22;margin:0;letter-spacing:0;overflow-wrap:anywhere}.badge{font-size:11px;border:1px solid var(--line);border-radius:999px;padding:4px 7px;white-space:nowrap;color:#344054;background:#f8fafc}.preview{position:relative;display:block;height:142px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#eef2f6;text-decoration:none;color:#101828}.preview img,.preview iframe{display:block;width:100%;height:100%;border:0;background:#fff;object-fit:cover;object-position:top center}.preview-hit{position:absolute;inset:0;z-index:1}.preview:after{content:"";position:absolute;inset:auto 0 0;height:22px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.72));pointer-events:none}.preview-fallback{display:flex;align-items:center;justify-content:space-between;padding:14px;font-size:13px}.preview-fallback b{border-radius:7px;background:#101828;color:#fff;padding:7px 9px}.card.coral .preview{border-top:3px solid var(--coral)}.card.amber .preview{border-top:3px solid var(--amber)}.card.indigo .preview{border-top:3px solid var(--indigo)}.card.green .preview{border-top:3px solid var(--green)}.card.rose .preview{border-top:3px solid var(--rose)}.card.teal .preview{border-top:3px solid var(--teal)}.desc{font-size:13px;line-height:1.42;color:#475467;min-height:37px}.url{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.screens{border:1px solid var(--line);border-radius:8px;background:#f8fafc}.screens summary{cursor:pointer;list-style:none;padding:8px 9px;font-weight:700;font-size:12px}.screens summary::-webkit-details-marker{display:none}.screen-list{display:grid;gap:6px;padding:0 9px 9px}.screen-link{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px;border-radius:7px;background:#fff;border:1px solid var(--line);padding:6px 8px;color:#101828;text-decoration:none;font-size:12px}.screen-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.open{display:inline-flex;align-items:center;justify-content:center;height:34px;min-width:78px;border-radius:8px;background:#101828;color:#fff;text-decoration:none;font-weight:700;font-size:13px}.updated{font-size:11px;color:var(--muted)}.empty{display:none;text-align:center;color:var(--muted);padding:38px}@media(min-width:1320px){.grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.preview{height:136px}}@media(max-width:720px){.controls{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.topbar{position:relative}.preview{height:172px}}