.browser{border:var(--hairline) solid var(--rule-strong);border-radius:var(--r-m);background:var(--paper-card);width:100%;box-shadow:var(--sh-device);overflow:hidden;container-type:inline-size}.browser__bar{height:44px;padding-inline:var(--s4);border-bottom:var(--hairline) solid var(--rule-strong);background:var(--paper-sunk);grid-template-columns:80px 1fr 80px;align-items:center;display:grid}.browser__url{border:var(--hairline) solid var(--rule);border-radius:var(--r-pill);background:var(--paper-card);max-width:100%;height:28px;color:var(--ink-muted);font:500 var(--t-micro) / 1 var(--f-mono);white-space:nowrap;justify-self:center;align-items:center;gap:6px;padding-inline:14px;display:flex}.browser__url b{color:var(--ink);font-weight:600}.browser__url .ic{width:12px;height:12px}.browser__view{background:var(--screen)}.browser__view img{object-fit:cover;width:100%;height:100%}.browser--night{border-color:var(--night-edge);background:var(--night);box-shadow:var(--sh-night-window), var(--sh-device)}.browser--night .browser__bar{border-color:var(--night-edge-soft);background:var(--night-bar)}.browser--night .browser__url{border-color:var(--night-edge);background:var(--night-pill);color:var(--night-muted)}.browser--night .browser__url b{color:var(--night-text)}@container (width<=420px){.browser__bar{height:34px;padding-inline:var(--s3);grid-template-columns:52px 1fr 20px}.browser__bar .dots{gap:5px}.browser__bar .dots i{width:9px;height:9px}.browser__url{height:22px;padding-inline:10px;font-size:10.5px}}.phone{--status:var(--status-guest);width:100%;container-type:inline-size}.phone--control{--status:var(--status-control)}.phone__body{background:var(--device);box-shadow:inset 0 0 0 .8cqw var(--device-rim), inset 0 0 0 calc(.8cqw + 1px) var(--screen), var(--sh-device);border-radius:15cqw;padding:3cqw;position:relative}.phone__body:before,.phone__body:after{content:"";background:var(--device-rim);border-radius:1cqw;width:1cqw;position:absolute}.phone__body:before{height:16%;top:26%;right:-.9cqw}.phone__body:after{height:9%;box-shadow:0 13cqw 0 var(--device-rim), 0 26cqw 0 var(--device-rim);top:22%;left:-.9cqw}.phone__screen{aspect-ratio:9/19.5;background:var(--status);border-radius:12cqw;flex-direction:column;display:flex;position:relative;overflow:hidden}.phone__status{color:var(--on-screen);font:600 4.4cqw / 1 var(--f-sans);flex:0 0 11.5cqw;justify-content:space-between;align-items:center;padding:.6cqw 9cqw 0 10cqw;display:flex;position:relative}.phone__status:after{content:"";border-radius:var(--r-pill);background:var(--screen);width:29cqw;height:8.4cqw;position:absolute;top:2.3cqw;left:50%;translate:-50%}.phone__status svg{width:auto;height:3.4cqw;fill:var(--on-screen)}.phone__status .phone__battery{fill:none;stroke:var(--on-screen-faint);stroke-width:1.2px}.phone__status .phone__cap{fill:var(--on-screen-faint)}.phone__shot{flex:1;min-height:0}.phone__shot img{object-fit:cover;object-position:top center;width:100%;height:100%}.phone__screen:after{content:"";background:var(--on-screen-soft);border-radius:1cqw;width:34cqw;height:1.3cqw;position:absolute;bottom:2.4cqw;left:50%;translate:-50%}.polaroid{background:var(--polaroid);width:100%;box-shadow:var(--sh-polaroid);rotate:var(--tilt);padding:7% 7% 0;position:relative}.polaroid img{aspect-ratio:1;object-fit:cover;width:100%}.polaroid figcaption{min-height:46px;padding:var(--s2) 2px 10px;color:var(--ink);font:400 18px / 1.1 var(--f-hand);text-align:center;place-items:center;display:grid}.polaroid:before{content:"";width:44%;height:24px;translate:-50%;rotate:var(--tape-tilt);background:var(--tape);box-shadow:var(--sh-tape);clip-path:polygon(0 8%,4% 0,8% 10%,12% 0,88% 0,92% 10%,96% 0,100% 8%,100% 92%,96% 100%,92% 90%,88% 100%,12% 100%,8% 90%,4% 100%,0 92%);position:absolute;top:-11px;left:50%}@media (width<=760px){.polaroid figcaption{min-height:40px;font-size:var(--t-small)}}.tv{width:100%;container-type:inline-size}.tv__body{background:linear-gradient(180deg, var(--device-rim), var(--device) 18%);box-shadow:inset 0 0 0 1px var(--device-hi), var(--sh-device);border-radius:1.5cqw;padding:1.4cqw 1.4cqw 2.2cqw;position:relative}.tv__body:after{content:"";background:var(--dot-red);width:.7cqw;height:.7cqw;box-shadow:0 0 .6cqw var(--power-glow);border-radius:50%;position:absolute;bottom:.75cqw;left:50%;translate:-50%}.tv__screen{aspect-ratio:16/9;background:var(--screen);border-radius:.35cqw;position:relative;overflow:hidden}.tv__screen:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--screen-edge);pointer-events:none;position:absolute;inset:0}.tv__screen img{object-fit:cover;width:100%;height:100%}.tv__overlay{position:absolute;inset:1.4cqw 1.4cqw 2.2cqw}.tv__neck{background:linear-gradient(90deg, var(--device-deep), var(--device-rim) 50%, var(--device-deep));width:9cqw;height:3.2cqw;margin:0 auto}.tv__foot{background:linear-gradient(180deg, var(--device-hi), var(--device));border-radius:.6cqw .6cqw .35cqw .35cqw;width:32cqw;height:1.1cqw;margin:0 auto;position:relative}.tv__foot:after{content:"";background:radial-gradient(closest-side, var(--ground), transparent);border-radius:50%;height:1.6cqw;position:absolute;inset:auto -6% -1.6cqw}.tv--night .tv__body{box-shadow:inset 0 0 0 1px var(--device-hi), var(--sh-night-tv), var(--sh-night)}.tv--night .tv__neck{background:linear-gradient(90deg, var(--night-stand), var(--night-stand-hi) 50%, var(--night-stand))}.tv--night .tv__foot{background:linear-gradient(180deg, var(--night-foot), var(--night-foot-lo))}