.demo-page{display:flex;flex-direction:column;height:100vh;background:#0a0a0a}.demo-bar{justify-content:space-between;padding:10px 20px;background:#111;border-bottom:1px solid #222;flex-shrink:0}.demo-bar,.demo-bar-left{display:flex;align-items:center}.demo-bar-left{gap:12px}.demo-bar-dots{display:flex;gap:5px}.dbd{width:10px;height:10px;border-radius:50%}.dbd--close{background:#ff5f57}.dbd--min{background:#febc2e}.dbd--max{background:#28c840}.demo-bar-title{font-size:12px;color:#666;font-weight:500}.demo-bar-close{font-size:12px;color:var(--t2,#7a7a7a);padding:5px 10px;border:1px solid var(--border,#202020);border-radius:5px;transition:color .12s,border-color .12s}.demo-bar-close:hover{color:#e8e8e8;border-color:#3a3a3a}.demo-notice{padding:8px 20px;background:rgba(139,92,246,.07);border-bottom:1px solid rgba(139,92,246,.12);font-size:11.5px;color:#8b5cf6;text-align:center;font-weight:500;letter-spacing:.01em;flex-shrink:0}.demo-iframe{flex:1 1;width:100%;border:none;display:block}