.start-dialog.with-showcases{width:min(1120px,calc(100vw - 36px));max-height:calc(100dvh - 42px)}
.scenario-group-heading{grid-column:1/-1;font-size:13px;font-family:Manrope,Arial,sans-serif;color:#444a38;font-weight:700;margin:10px 0 2px}
.scenario-group-heading:not(:first-child){margin-top:24px}
.scenario-card.showcase-card{padding:0;overflow:hidden;cursor:default;text-align:left;display:flex;flex-direction:column;min-width:0;background:#fff;transition:box-shadow .18s,border-color .18s}
.showcase-card:hover{transform:none;border-color:#b0b5a2;box-shadow:0 9px 28px #28351b0d}
.showcase-cover{position:relative;height:220px;overflow:hidden;pointer-events:none;flex:none;background:#f2eedf;border-bottom:1px solid #e8e9e2}
.showcase-cover iframe{display:block;border:0;width:1120px;height:1600px;transform-origin:top left;position:absolute;inset:0 auto auto 0;pointer-events:none}
.showcase-studio .showcase-cover{background:#142c2c}
.showcase-voice .showcase-cover{background:#18121f}.showcase-vivid .showcase-cover{background:#151614}.showcase-form .showcase-cover{background:#152b49}.showcase-care .showcase-cover{background:#e4f3ed}.showcase-fresh .showcase-cover{background:#123d31}
.mezario-content>.button+.button{margin-top:8px}.mezario-content>.field{margin-top:16px}
.showcase-kind{position:absolute;left:12px;bottom:12px;padding:6px 10px;font-size:10px;font-weight:700;border-radius:20px;background:#ffffffeb;color:#4a4f42;box-shadow:0 2px 8px #121d1712;letter-spacing:.01em}
.showcase-card-copy{padding:18px;display:flex;flex-direction:column;flex:1}
.showcase-card-copy>strong{font-size:23px;font-family:Lora,Georgia,serif;letter-spacing:-.02em;line-height:1.2;font-weight:500;margin:0}
.showcase-card-copy>p{font-size:12px;line-height:1.7;color:#68705b;margin:9px 0 18px;min-height:42px}
.showcase-card-actions{display:flex;gap:8px;margin-top:auto;flex-wrap:wrap}
.showcase-card-actions .button{font-size:12px;min-height:38px;padding:9px 13px;flex:1;white-space:nowrap}
.showcase-card-actions .quiet{background:#f5f6f0;border:1px solid #e5e8dc;color:#525b40}
.showcase-dialog{width:min(1340px,calc(100vw - 36px));max-width:none;height:calc(100dvh - 42px);max-height:none;padding:0}
.showcase-dialog[open]{display:flex;flex-direction:column}
.showcase-dialog .dialog-head{flex:none;gap:20px}
.showcase-dialog .dialog-head h2{font-size:26px}
.showcase-preview-body{flex:1;min-height:0;background:#eeeee7;display:flex;justify-content:center;overflow:hidden;padding:16px}
.showcase-preview-body iframe{height:100%;width:100%;border:0;background:white;border-radius:4px;box-shadow:0 3px 18px #30382c12;transition:width .22s ease}
.showcase-mobile .showcase-preview-body iframe{width:min(390px,100%)}
.showcase-preview-footer{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:white;border-top:1px solid #e6e8e0}
.showcase-preview-footer p{font-size:12px;color:#717762;margin:0;line-height:1.6}
.showcase-preview-footer .primary{white-space:nowrap}
@media(max-width:800px){.start-dialog.with-showcases{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.with-showcases .scenario-grid{grid-template-columns:1fr 1fr}.showcase-cover{height:195px}.showcase-card-copy{padding:14px}.showcase-card-actions{flex-direction:column}.showcase-card-copy>p{min-height:0}.showcase-dialog{width:calc(100vw - 20px);height:calc(100dvh - 20px)}.showcase-dialog .dialog-head{flex-wrap:wrap;padding:16px}.showcase-dialog .dialog-head>div:first-child{flex:1;min-width:150px}.showcase-dialog .dialog-head .icon-button{order:1}.showcase-dialog .showcase-devices{order:2;flex-basis:100%;justify-content:center}.showcase-preview-body{padding:8px}.showcase-preview-footer{padding:12px;flex-wrap:wrap;gap:8px}.showcase-preview-footer p{display:none}.showcase-preview-footer .button{font-size:12px}}
@media(max-width:500px){.with-showcases .scenario-grid{grid-template-columns:1fr}.showcase-cover{height:240px}.showcase-card-actions{flex-direction:row}.showcase-dialog .overline{font-size:8px}.showcase-preview-footer .button{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.showcase-preview-body iframe,.showcase-card{transition:none}}