/* ============================================================
   宿主演示页专用：原型同款「演示控制台」样式
   - 只被 frontend/widget/index.html（宿主演示页）加载；
   - 交付产物（loader.js + widget.html）不加载本文件；
   - 规则取自已确认原型的 demo-console 段，保持视觉一致。
   ============================================================ */
.demo-console{position:fixed;left:20px;bottom:20px;z-index:800;font-size:12px}
.demo-console__tab{display:flex;align-items:center;gap:6px;background:#26313c;color:#dfe6ec;
  border-radius:20px;padding:7px 14px;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.demo-console__tab svg{width:14px;height:14px}
.demo-console__body{display:none;margin-bottom:8px;background:#26313c;color:#e7edf2;border-radius:12px;
  padding:14px;width:250px;box-shadow:0 8px 26px rgba(0,0,0,.25)}
.demo-console.is-open .demo-console__body{display:block;animation:wFade .18s ease}
.demo-console.is-open .demo-console__tab{display:none}
.demo-title{font-weight:700;font-size:12.5px;margin-bottom:10px;color:#fff}
.demo-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;
  border-bottom:1px solid #3a4651;cursor:pointer;line-height:1.45}
.demo-row small{color:#93a3b1;font-size:10.5px}
.demo-row input{display:none}
.demo-row i{width:34px;height:19px;border-radius:10px;background:#55616d;position:relative;flex:none;transition:background .15s}
.demo-row i::after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#fff;transition:left .15s}
.demo-row input:checked + i{background:var(--green)}
.demo-row input:checked + i::after{left:17px}
.demo-row--select{flex-direction:column;align-items:stretch;gap:6px}
.demo-row--select select{width:100%;background:#1e2831;color:#e7edf2;border:1px solid #3a4753;
  border-radius:8px;padding:6px 8px;font-size:11.5px;outline:none}
.demo-row--select select:focus{border-color:var(--green)}
.demo-reset{display:flex;align-items:center;gap:6px;width:100%;justify-content:center;margin-top:10px;
  background:#3a4651;color:#e7edf2;border-radius:8px;padding:7px;font-size:12px}
.demo-reset svg{width:13px;height:13px}
.demo-reset:hover{background:#46535f}
.demo-tip{margin-top:10px;font-size:10.5px;line-height:1.6;color:#93a3b1}

@media (max-width:560px){
  .demo-console{left:12px;bottom:12px}
  .demo-console__body{width:220px}
}