:root{--demo-rail-height:66px}
body{padding-top:var(--demo-rail-height)}
.shell{height:calc(100dvh - var(--demo-rail-height))}
.icon{fill:currentColor}
.demo-rail{position:fixed;inset:0 0 auto;z-index:90;min-height:var(--demo-rail-height);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 22px;background:#163d30;color:#f0f9f3;box-shadow:0 2px 12px #0b231b22}
.demo-rail>div:first-child{display:flex;flex-direction:column;gap:5px;min-width:0}
.demo-rail strong{font-size:13px;letter-spacing:.3px}
.demo-rail span{font-size:11px;color:#c5ddce;line-height:1.5}
.demo-tools{display:flex;align-items:center;gap:9px;flex-shrink:0}
.demo-tools button,.demo-tools select{font-size:11px;min-height:32px;background:#ffffff12;color:#effbf4;border:1px solid #ffffff38;padding:6px 10px}
.demo-tools select option{color:#163d30;background:#fff}
.demo-tools a{font-size:11px;color:#d9ebdf;white-space:nowrap;padding:7px 3px}
.demo-welcome{display:flex;min-height:65vh;align-items:center;justify-content:center;flex-direction:column;gap:20px;padding:30px}
.demo-welcome h1{font-size:28px}.demo-welcome p{color:var(--muted)}
.demo-step{border-color:var(--brand);color:var(--brand)}
.contact-qr-card svg{display:block;margin:auto}
dialog#editor[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:calc(100dvh - 24px);overflow:hidden}
dialog#editor.drawer[open]{height:100dvh;max-height:100dvh;width:min(640px,100vw);margin:0 0 0 auto;border-radius:0;padding:0}
#editor>form{grid-row:2/4;display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;overflow:hidden}
#editor .dialog-body{overflow:auto;min-height:0;overscroll-behavior:contain}
#editor .dialog-head,#editor .dialog-foot{flex-shrink:0}
@media(max-width:1000px){:root{--demo-rail-height:92px}.demo-rail{align-items:flex-start;flex-direction:column;gap:7px;padding:10px 16px}.demo-rail>div:first-child{flex-direction:row;align-items:center;gap:13px}.demo-rail span{font-size:10px}.demo-tools{gap:8px}}
@media(max-width:650px){:root{--demo-rail-height:115px}.demo-rail{padding:9px 12px;gap:7px}.demo-rail>div:first-child{display:block}.demo-rail strong{font-size:12px}.demo-rail span{display:block;line-height:1.5;margin-top:4px;font-size:9px}.demo-tools{width:100%;gap:6px;flex-wrap:wrap}.demo-tools button,.demo-tools select{font-size:10px;padding:5px 7px;min-height:30px}.demo-tools a{font-size:10px;margin-left:auto}.workspace{min-width:0}.demo-rail .demo-tools select{width:105px}.dialog-foot{flex-wrap:wrap}.demo-step{white-space:normal}}
@media(max-width:360px){:root{--demo-rail-height:130px}}