dialog{width:min(920px,calc(100% - 32px));max-width:920px;padding:0;overflow:hidden;background:#11132d;border:1px solid #515273;border-radius:22px}
.dialog-layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,.9fr);min-height:440px}
.dialog-visual{padding:22px;background:#090a1c;display:flex;align-items:stretch}
.dialog-visual .preview{height:auto!important;min-height:396px;width:100%;border-radius:14px}
.dialog-visual .preview:after{display:none}
.dialog-copy{padding:54px 46px 42px;display:flex;flex-direction:column;justify-content:center}
.dialog-copy .eyebrow{margin-bottom:18px}
.dialog-copy h2{font-size:clamp(34px,4vw,54px);line-height:.94;margin:0 0 18px}
.dialog-copy>p:not(.eyebrow):not(.dialog-note){font-size:15px;line-height:1.65;color:#c4c4d3;margin:0 0 28px}
.dialog-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.dialog-chips span{border:1px solid #4b4c6b;border-radius:99px;color:#baffe9;padding:8px 11px;font:9px 'DM Mono';letter-spacing:.08em}
.dialog-chips span+span{color:#d1c7ff}
.dialog-note{border-top:1px solid #393b5a;padding-top:16px;color:#898ba6;font:10px/1.5 'DM Mono';margin:0}
.close-dialog{z-index:5;right:16px;top:14px;width:40px;height:40px;border:1px solid #d9d6e9;border-radius:9px;background:#11132dcc;color:#fff;line-height:1;font-size:25px}
@media(max-width:700px){.dialog-layout{grid-template-columns:1fr}.dialog-visual{padding:16px}.dialog-visual .preview{min-height:220px}.dialog-copy{padding:30px 24px 32px}.dialog-copy h2{font-size:39px}}