.demo-banner { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:13px 24px; background:#172220; color:#e9f4ec; font-size:12px; }
.demo-banner a { color:inherit; font-weight:600; text-decoration:none; white-space:nowrap; }
.demo-banner button { color:inherit; border:1px solid #60766b; background:none; border-radius:30px; padding:4px 12px; white-space:nowrap; }
.demo-shortcuts { max-width:1180px; margin:16px auto 0; padding:0 20px; display:flex; flex-wrap:wrap; gap:8px; align-items:center; font-size:12px; color:#555; }
.demo-shortcuts button { border:1px solid #d2d2d7; border-radius:20px; padding:6px 12px; background:white; color:#0068cf; }
.store,.tabsbar,.util { max-width:1180px; }
.demo-checklist { padding:8px 20px; line-height:2.2; }
.demo-profile { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.demo-profile strong { width:100%; }
.demo-profile span { padding:5px 9px; background:#eaf0ee; border-radius:6px; font-size:12px; }
#topMsg { max-width:260px; }
#sheet { max-height:75vh; overflow:auto; }
button:focus-visible,a:focus-visible,select:focus-visible { outline:3px solid #0071e3; outline-offset:3px; }
@media(max-width:760px) {
 .demo-banner { padding:12px 16px; flex-wrap:wrap; gap:10px; }
 .demo-banner span { order:3; width:100%; }
 .topbar { padding:12px 16px; gap:10px; }
 .tb-actions { width:100%; justify-content:flex-end; }
 .tb-sub { display:none; }
 .app-icon { width:72px; height:72px; border-radius:18px; }
 .app-header { gap:14px; }
 .app-name { font-size:19px; }
 .app-subtitle { font-size:13px; }
 .shots-rail .shot img,.shots-rail .shot video,.shots-rail .shot .ph { height:330px; }
 .util { grid-template-columns:1fr; padding:0 16px; }
 .plan-row { flex-wrap:wrap; }
 .info-row .v { min-width:0; overflow-wrap:anywhere; }
 .modal { width:calc(100vw - 24px); }
 .ds-top,.ds-presets { flex-wrap:wrap; }
 .ds-top .ds-name { min-width:100px; flex:1; }
 .ds-top #dsLoad { max-width:150px; }
 .ds-body { display:flex; flex-direction:column; overflow:auto; }
 .ds-panel.left { order:1; min-height:110px; max-height:160px; }
 .ds-stage { order:0; min-height:400px; flex:none; padding:12px; }
 .ds-panel.right { order:2; max-height:none; overflow:visible; }
 .ds-root { overflow:auto; }
 .ds-device { min-width:0; }
 .ds-hint#dsMeta { display:none; }
}