.source-demo{position:fixed;inset:0;z-index:5000;display:flex;flex-direction:column;overflow:hidden;background:#f5f1fb;direction:rtl}
.source-demo-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;background:#fff;padding:12px max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left));border-bottom:1px solid #e5d9f6;font-family:"Tajawal",sans-serif;color:#2b164f}
.source-demo-copy{min-width:0}
.source-demo-head strong{display:block;font-size:15px;line-height:1.5}
.source-demo-head p{margin:4px 0 0;font-size:12px;line-height:1.65;max-width:580px;color:#685776}
.source-demo-actions{display:flex;align-items:center;gap:8px;flex:none}
.source-demo-head button{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;background:#6e30d9;color:white;border:0;border-radius:12px;padding:10px 14px;min-height:44px;font:700 13px "Tajawal",sans-serif;cursor:pointer}
.source-demo-head button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.source-demo-head button[data-demo-close]{background:#eee6fa;color:#462077}
.source-demo-head button:focus-visible{outline:3px solid #cbacff;outline-offset:2px}
.source-demo iframe{display:block;border:0;width:100%;max-width:430px;align-self:center;flex:1;min-height:0;background:white}
@media(min-width:600px){.source-demo-head{justify-content:center;gap:40px}}
@media(max-width:599px){.source-demo-head{flex-wrap:wrap;gap:8px 12px;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:10px}.source-demo-copy{flex:1 1 100%}.source-demo-head strong{font-size:14px}.source-demo-head p{font-size:11px;line-height:1.55}.source-demo-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.source-demo-head button{width:100%;padding:9px 8px;font-size:12px}}