.ssml-backdrop[hidden], .ssml-dialog[hidden] { display: none !important; }
.ssml-container > .ssml-open{display:inline-flex;align-items:center;gap:.5em;
padding:12px 18px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:#fff;
font-weight:700;cursor:pointer}
.ssml-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9998}
.ssml-dialog{position:fixed;inset:0;display:grid;place-items:center;z-index:9999}
.ssml-panel{width:min(1000px,92vw);max-height:90vh;background:#fff;border-radius:18px;
box-shadow:0 20px 50px rgba(0,0,0,.25);border:1px solid rgba(0,0,0,.1);
display:grid;grid-template-rows:auto 1fr;overflow:hidden}
.ssml-header{padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.08);
display:flex;align-items:center;justify-content:space-between}
.ssml-title{font-weight:800}
.ssml-close{border:0;background:transparent;font-size:18px;cursor:pointer}
.ssml-body{padding:10px;overflow:auto}
@media (max-width:560px){.ssml-panel{width:96vw;border-radius:14px}}