.case-shot{grid-template-columns:minmax(0,1fr) 168px;align-items:end;gap:clamp(16px,2vw,28px);display:grid}.case-shot-browser{border:1px solid var(--edge);border-radius:var(--radius-xl);background:var(--canvas-raised);box-shadow:var(--shadow-card);overflow:hidden}.case-shot-bar{border-bottom:1px solid var(--edge-subtle);background:var(--canvas-surface);align-items:center;gap:6px;padding:9px 12px;display:flex}.case-shot-dot{border-radius:var(--radius-full);flex-shrink:0;width:9px;height:9px}.case-shot-url{font:400 11px/1 var(--font-hank);color:var(--ink-tertiary);text-overflow:ellipsis;white-space:nowrap;margin-left:8px;overflow:hidden}.case-shot-screen{height:clamp(300px,42vw,560px);position:relative;overflow:hidden}.case-shot-phone{border:1px solid var(--edge-subtle);box-shadow:var(--shadow-card);background:linear-gradient(#2b2b3c 0%,#1c1c2c 100%);border-radius:26px;padding:9px;position:relative}.case-shot-notch{z-index:1;background:#1c1c2c;border-radius:0 0 9px 9px;width:44px;height:13px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.case-shot-phone-screen{aspect-ratio:9/19.5;background:var(--canvas-base);border-radius:18px;position:relative;overflow:hidden}.case-shot-img{width:100%;height:auto;display:block;-webkit-mask-image:linear-gradient(#000 72%,#0000 100%);mask-image:linear-gradient(#000 72%,#0000 100%)}@media (max-width:720px){.case-shot{grid-template-columns:minmax(0,1fr)}.case-shot-phone{width:168px;margin-inline:auto}}