*{box-sizing:border-box}body{color:#000;background:#fff;margin:0;padding:32px;font:13px/1.5 ui-monospace,SF Mono,Menlo,Consolas,Liberation Mono,monospace}main{flex-direction:column;gap:24px;max-width:800px;margin:12vh auto;display:flex}h1{align-items:center;gap:12px;margin:0;font-size:24px;font-weight:400;display:flex}h1 svg{flex:none;display:block}.subtitle{color:#666;margin-top:8px}p{margin:0}p+p,ul+p,ol+p{margin-top:10px}p+ul,p+ol{margin-top:4px}fieldset{min-inline-size:0;border:1px solid #000;min-width:0;margin:0;padding:14px 18px 18px}legend{padding:0 8px}h2{font:inherit;margin:0}ul,ol{margin:0;padding-left:20px}li+li{margin-top:4px}a{color:inherit}code,pre{font:inherit}pre{border:1px dotted #000;margin:8px 0 0;padding:8px 10px;overflow-x:auto}.form{grid-template-columns:max-content 1fr;align-items:center;gap:8px 24px;display:grid}.row{align-items:center;gap:8px;min-width:0;display:flex}.row code{overflow-wrap:anywhere}.price{font-size:18px}.actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}button,.btn{font:inherit;color:inherit;cursor:pointer;background:#fff;border:1px solid #000;border-radius:0;margin:0;padding:3px 8px;text-decoration:none;display:inline-block}button:hover,.btn:hover{color:#fff;background:#000}.qr{grid-column:1/-1}.qr svg{background:#fff;border:1px solid #000;padding:8px;display:block}.btn.tg{color:#fff;background:#229ed9;border-color:#229ed9}.btn.tg:hover{background:#1c8bc0;border-color:#1c8bc0}.demo{border:1px solid #000;margin:0;position:relative;overflow:hidden}.demoScaled{transform-origin:0 0;position:absolute;top:0;left:0}.demo iframe{border:0;display:block}.bf{--chrome-strip:#dee1e6;--chrome-toolbar:#fff;--chrome-omnibox:#f1f3f4;--chrome-ink:#202124;--chrome-ink-soft:#5f6368;--chrome-divider:#dadce0;flex-direction:column;font:13px/1.25 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}.bf svg{flex:none;display:block}.bf-strip{background:var(--chrome-strip);flex:none;align-items:flex-end;height:44px;padding:0 12px;display:flex}.bf-lights{gap:8px;margin-bottom:12px;display:flex}.bf-lights span{border-radius:50%;width:12px;height:12px}.bf-tabSearch{background:var(--chrome-toolbar);border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;margin:0 0 6px 12px;display:flex}.bf-tabSearch svg{width:16px;height:16px;color:var(--chrome-ink-soft)}.bf-tabSlot{align-items:center;height:36px;display:flex}.bf-tab{width:240px;min-width:0;height:36px;color:var(--chrome-ink-soft);flex:none;align-items:center;gap:8px;padding:0 12px;display:flex}.bf-tabActive{background:var(--chrome-toolbar);color:var(--chrome-ink);border-radius:10px 10px 0 0;margin-left:8px;position:relative}.bf-curve{position:absolute;bottom:0}.bf-tabIcon{object-fit:contain;flex:none;width:16px;height:16px;display:block}.bf-tabTitle{white-space:nowrap;flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 16px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 16px),#0000)}.bf-tabClose{width:16px;height:16px;color:var(--chrome-ink-soft);margin-left:auto}.bf-sep{background:var(--chrome-ink-soft);opacity:.3;flex:none;width:1px;height:16px}.bf-newTab{width:16px;height:16px;color:var(--chrome-ink-soft);margin:0 0 10px 12px}.bf-toolbar{border-bottom:1px solid var(--chrome-divider);background:var(--chrome-toolbar);flex:none;align-items:center;gap:4px;height:44px;padding:0 8px;display:flex}.bf-nav{width:28px;height:28px;color:var(--chrome-ink-soft);border-radius:50%;padding:6px}.bf-omnibox{background:var(--chrome-omnibox);min-width:0;height:28px;color:var(--chrome-ink);border-radius:999px;flex:1;align-items:center;gap:8px;margin-left:4px;padding:0 12px;display:flex}.bf-lock,.bf-star{width:14px;height:14px;color:var(--chrome-ink-soft)}.bf-star{margin-left:auto}.bf-url{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bf-avatar{object-fit:cover;border-radius:50%;flex:none;width:24px;height:24px;margin-left:4px;display:block}.bf-content{background:var(--chrome-toolbar);flex:1;min-width:0;min-height:0;overflow:hidden}.muted,footer{color:#666}@media (max-width:640px){body{padding:16px}main{margin-top:8vh}h1{flex-wrap:wrap;gap:10px;font-size:20px}h1 svg{width:28px;height:28px}.form{grid-template-columns:1fr;gap:4px 0}.form>span:nth-child(odd){margin-top:8px}button,.btn{padding:8px 10px}}