.projectSpotlight-container{border:.5px solid var(--ui-line-strong);background:radial-gradient(800px 400px at 0% 0%, rgba(var(--ui-violet-rgb), .12), transparent 55%), radial-gradient(600px 400px at 100% 100%, rgba(var(--ui-pink-rgb), .08), transparent 60%), var(--ui-bg-card);min-height:360px;box-shadow:var(--shadow-sm);border-radius:16px;grid-template-columns:1.1fr 1fr;gap:0;margin-bottom:32px;display:grid;overflow:hidden}.projectSpotlight-left{border-right:.5px solid var(--ui-line-faint);flex-direction:column;gap:16px;padding:28px 28px 24px;display:flex}.projectSpotlight-eyebrow{letter-spacing:1.6px;text-transform:uppercase;color:var(--ui-pink-soft);align-items:center;gap:8px;font-size:10.5px;display:inline-flex}.projectSpotlight-eyebrow-dot{background:var(--ui-pink-soft);width:6px;height:6px;box-shadow:0 0 8px var(--ui-pink-soft);border-radius:50%;animation:2.2s infinite projectSpotlight-pulse}@keyframes projectSpotlight-pulse{0%,to{opacity:1}50%{opacity:.4}}.projectSpotlight-title{align-items:center;gap:14px;display:flex}.projectSpotlight-fav{width:48px;height:48px;color:var(--ink-text-on-brand);box-shadow:var(--shadow-md);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;display:inline-flex}.projectSpotlight-title h2{letter-spacing:-.8px;color:var(--text-primary);margin:0;font-size:28px;font-weight:500;line-height:1.1}.projectSpotlight-dom{color:var(--ui-muted);margin-top:4px;font-size:12px;display:block}.projectSpotlight-dom-live{color:var(--ui-green)}.projectSpotlight-dom-sep{color:var(--ui-faint);margin:0 5px}.projectSpotlight-desc{color:rgba(var(--text-primary-rgb), .78);max-width:520px;margin:0;font-size:14px;line-height:1.55}.projectSpotlight-lanes{flex-direction:column;gap:10px;margin-top:4px;display:flex}.projectSpotlight-lane{border:.5px solid var(--ui-line-faint);background:rgba(var(--text-primary-rgb), .02);border-radius:10px;grid-template-columns:80px 1fr auto;align-items:center;gap:14px;padding:10px 14px;transition:all .15s;display:grid}.projectSpotlight-lane:hover{background:rgba(var(--text-primary-rgb), .04);border-color:var(--ui-line-strong)}.projectSpotlight-tag{color:var(--ui-muted);letter-spacing:.6px;align-items:center;gap:6px;font-size:11px;display:inline-flex}.projectSpotlight-tag.spot-tag-front{color:var(--ui-cyan)}.projectSpotlight-tag.spot-tag-back{color:var(--ui-pink-soft)}.projectSpotlight-tag.spot-tag-infra{color:var(--ui-amber)}.projectSpotlight-tag-sq{opacity:.85;background:currentColor;border-radius:3px;width:10px;height:10px}.projectSpotlight-tag.spot-tag-front .projectSpotlight-tag-sq{background:linear-gradient(135deg, var(--ui-cyan), var(--accent-3));opacity:1}.projectSpotlight-tag.spot-tag-back .projectSpotlight-tag-sq{background:linear-gradient(135deg, var(--ui-pink), var(--ui-pink-soft));opacity:1}.projectSpotlight-tag.spot-tag-infra .projectSpotlight-tag-sq{background:linear-gradient(135deg, var(--ui-amber), var(--warning));opacity:1}.projectSpotlight-lane-main{flex-direction:column;gap:3px;min-width:0;display:flex}.projectSpotlight-lane-top{color:var(--text-primary);align-items:center;gap:8px;font-size:12.5px;font-weight:500;display:flex}.projectSpotlight-branch{color:var(--ui-muted);background:rgba(var(--text-primary-rgb), .04);border:.5px solid var(--ui-line-faint);border-radius:4px;padding:1.5px 6px;font-size:10.5px}.projectSpotlight-sha{color:var(--ui-dim);font-size:10.5px}.projectSpotlight-lane-btm{color:var(--ui-muted);font-size:11.5px}.projectSpotlight-status{white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-size:11.5px;font-weight:500;display:inline-flex}.projectSpotlight-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px}.projectSpotlight-status.spot-status-ok{background:rgba(var(--success-rgb), .08);color:var(--ui-green);border:.5px solid rgba(var(--success-rgb), .2)}.projectSpotlight-status.spot-status-build{background:rgba(var(--warning-rgb), .08);color:var(--ui-amber);border:.5px solid rgba(var(--warning-rgb), .2)}.projectSpotlight-status.spot-status-build .projectSpotlight-status-dot{animation:1.1s infinite projectSpotlight-pulse}.projectSpotlight-status.spot-status-fail{background:rgba(var(--error-rgb), .08);color:var(--ui-red);border:.5px solid rgba(var(--error-rgb), .2)}.projectSpotlight-status.spot-status-paused{background:rgba(var(--text-primary-rgb), .04);color:var(--ui-muted);border:.5px solid var(--ui-line-faint)}.projectSpotlight-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.projectSpotlight-right{background:#fff;min-height:360px;position:relative}.projectSpotlight-frame{border-radius:10px;position:absolute;inset:20px;overflow:hidden;box-shadow:0 20px 50px #0006}.projectSpotlight-chrome{background:#f5f5f5;border-bottom:1px solid #e5e5e5;align-items:center;gap:6px;height:26px;padding:0 10px;display:flex}.projectSpotlight-chrome-dot{border-radius:50%;width:8px;height:8px}.projectSpotlight-chrome-dot-1{background:#ff6159}.projectSpotlight-chrome-dot-2{background:#ffbe2d}.projectSpotlight-chrome-dot-3{background:#2acb41}.projectSpotlight-chrome-u{color:#777;background:#fff;border:1px solid #e5e5e5;border-radius:4px;margin-left:8px;padding:2px 8px;font-size:10px}.projectSpotlight-mini{color:#0e0a1a;background:#fff;padding:16px 22px;font-family:Geist,sans-serif;position:absolute;inset:26px 0 0;overflow:hidden}.projectSpotlight-mini-nav{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding-bottom:10px;font-size:9px;display:flex}.projectSpotlight-mini-logo{align-items:center;gap:6px;font-weight:600;display:flex}.projectSpotlight-mini-mark{background:linear-gradient(135deg, var(--warning), var(--ui-pink));border-radius:3px;width:10px;height:10px}.projectSpotlight-mini-nav-r{color:#888;gap:10px;font-size:8.5px;display:flex}.projectSpotlight-mini-hero{grid-template-columns:1fr 1fr;align-items:center;gap:16px;margin-top:16px;display:grid}.projectSpotlight-mini-eyebrow{letter-spacing:1.2px;text-transform:uppercase;color:var(--ui-pink);font-size:7.5px;font-weight:600}.projectSpotlight-mini-title{letter-spacing:-.8px;color:#0e0a1a;margin:6px 0;font-family:Instrument Serif,Georgia,serif;font-size:22px;font-weight:500;line-height:1}.projectSpotlight-mini-title-em{color:var(--brand);font-style:italic}.projectSpotlight-mini-p{color:#666;margin:0 0 8px;font-size:9px;line-height:1.45}.projectSpotlight-mini-cta{gap:6px;display:inline-flex}.projectSpotlight-mini-b{color:#fff;background:#0e0a1a;border-radius:5px;padding:5px 9px;font-size:8px}.projectSpotlight-mini-b2{color:#0e0a1a;border:1px solid #ddd;border-radius:5px;padding:5px 9px;font-size:8px}.projectSpotlight-mini-vis{background:linear-gradient(135deg, #fde68a, #fca5a5 55%, var(--ui-pink));border-radius:8px;height:100px;position:relative;overflow:hidden}.projectSpotlight-dom-live.spot-status-ok{color:var(--ui-green)}.projectSpotlight-dom-live.spot-status-build{color:var(--ui-blue)}.projectSpotlight-dom-live.spot-status-paused{color:var(--ui-muted)}.projectSpotlight-dom-live.spot-status-fail{color:var(--error)}.projectSpotlight-empty{flex-direction:column;align-items:flex-start;gap:12px;padding:40px 32px;display:flex}.projectSpotlight-empty-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:500}@media (max-width:1000px){.projectSpotlight-container{grid-template-columns:1fr}.projectSpotlight-left{border-right:none;border-bottom:.5px solid var(--ui-line-faint)}.projectSpotlight-right{min-height:280px}}