.device-browser{border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);min-inline-size:0;box-shadow:var(--shadow-1);margin:0;display:grid;overflow:hidden}.device-browser-bar{min-block-size:2.5rem;padding-inline:var(--space-3);border-block-end:1px solid var(--color-border);background:var(--color-sidebar);align-items:center;display:flex;position:relative}.device-browser-dots{gap:var(--space-2);display:flex}.device-browser-dots>span{background:color-mix(in oklab, var(--color-ink) 22%, var(--color-sidebar));border-radius:50%;block-size:.625rem;inline-size:.625rem}.device-browser-title{color:var(--color-ink-muted);font-size:var(--font-size-xs);text-align:center;text-overflow:ellipsis;white-space:nowrap;position:absolute;inset-inline:4.5rem;overflow:hidden}.device-browser-actions{margin-inline-start:auto}.device-browser-screen{min-inline-size:0}.device-browser-screen>.message-email{box-shadow:none;border:0;border-radius:0}.device-phone{border:.5rem solid var(--color-border-strong);background:var(--color-surface);inline-size:100%;min-inline-size:0;max-inline-size:19rem;box-shadow:var(--shadow-1);border-radius:2.25rem;align-self:start;margin-block:0;margin-inline:auto;display:grid;overflow:hidden}.device-phone-screen{min-inline-size:0}.device-phone-screen>.message-sms{border:0;border-radius:0;max-inline-size:none}@media (forced-colors:active){.device-phone,.device-browser{border-color:canvastext}}