*{box-sizing:border-box;margin:0;padding:0}button,input{font:inherit}html,body,#app{width:100%;height:100%;margin:0;padding:0;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#0a0a1a;color:#fff}.showcase-shell{display:flex;width:100%;height:100%;flex-direction:column;overflow:hidden;background:#07101d}.showcase-toolbar{z-index:2000;display:flex;height:56px;flex:0 0 auto;align-items:center;gap:18px;padding:0 16px;border-bottom:1px solid rgba(112,180,255,.2);background:linear-gradient(90deg,#08162afa,#0d2340f5);box-shadow:0 8px 24px #00000047}.showcase-back,.showcase-picker select{border:1px solid rgba(112,180,255,.3);border-radius:7px;background:#204a7e73;color:#d8ebff;cursor:pointer;font:inherit}.showcase-back{padding:8px 12px}.showcase-current{display:grid;gap:2px;min-width:0}.showcase-current span,.showcase-picker span{color:#79afe3;font-size:10px;letter-spacing:1.5px}.showcase-current strong{overflow:hidden;color:#e6f2ff;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.showcase-picker{display:flex;margin-left:auto;align-items:center;gap:8px}.showcase-picker select{min-width:170px;padding:7px 9px}.showcase-content,.demo-workspace{position:relative;min-height:0;flex:1}.demo-workspace{width:100%;height:100%}.demo-missing{display:grid;place-content:center;gap:8px;color:#d8ebff;text-align:center}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}