.demo-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:64px;padding-bottom:48px;display:grid}.demo-intro .display{max-width:12ch}.demo-stage{padding-bottom:96px}.demo-panel{border:1px solid var(--line);background:var(--surface);border-radius:14px;overflow:hidden;box-shadow:0 24px 60px -32px #183e3659}.demo-panel-bar{background:var(--green-deep);color:var(--paper);flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 20px;font-size:13px;display:flex}.demo-panel-badge{background:var(--paper);min-height:26px;color:var(--green-deep);border-radius:999px;align-items:center;padding:2px 10px;font-weight:600;display:inline-flex}.demo-panel-note{opacity:.85}.demo-panel-actions{align-items:center;gap:16px;margin-left:auto;display:flex}.demo-panel-actions .btn{min-height:40px;color:var(--paper);border-color:var(--on-dark-accent,#a8c3ad);padding:8px 14px;font-size:13px}.demo-panel-actions .btn:hover{background:#ffffff14}.demo-panel-actions .admin-link-button{color:var(--paper)}.demo-panel-app{min-height:0}.demo-panel-app .admin-main{width:auto;padding:28px 28px 40px}.demo-panel-app .admin-header-inner{width:auto;min-height:56px;padding-inline:28px}.demo-panel-tab{background:var(--light-green);min-height:40px;color:var(--green-deep);border-radius:6px;align-items:center;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}@media (max-width:800px){.demo-intro{grid-template-columns:1fr;gap:24px}}@media (max-width:640px){.demo-panel-actions{justify-content:space-between;width:100%;margin-left:0}.demo-panel-app .admin-main{padding:20px 16px 32px}.demo-panel-app .admin-header-inner{padding-inline:16px}.demo-panel-app .inbox-filters{margin-inline:-16px;padding-inline:16px}}