.ws-browser-chrome{position:relative;z-index:10003;display:flex;align-items:center;gap:var(--space-stack-sm);padding:0 var(--space-inset-sm);border-bottom:1px solid var(--border-subtle);background:var(--surface);flex-shrink:0;height:40px}.ws-browser-nav{display:flex;align-items:center;gap:2px;flex-shrink:0}.ws-browser-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;color:var(--text);opacity:.5;cursor:pointer;border-radius:var(--radius-sm);transition:opacity var(--transition-fast),background var(--transition-fast),transform var(--transition-fast),color var(--transition-fast);flex-shrink:0;padding:0}.ws-browser-btn:hover:not(:disabled){opacity:1;background:var(--hover-tint-bold)}.ws-browser-btn:active:not(:disabled){transform:scale(.8)}.ws-browser-btn:disabled{opacity:.25;cursor:default}@keyframes bv-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ws-browser-btn.bv-refresh-spinning svg{animation:bv-spin .5s cubic-bezier(.4,0,.2,1)}.ws-browser-btn.inspector-active{color:var(--accent);opacity:1;background:color-mix(in srgb,var(--accent) 12%,transparent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 20%,transparent)}.ws-browser-btn.inspector-active:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}.ws-browser-url-bar{position:relative;display:flex;align-items:center;gap:var(--space-stack-sm);flex:1;min-width:0;padding:0 var(--space-inset-sm);height:28px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);transition:background var(--transition-fast),border-color var(--transition-fast)}.ws-browser-url-bar:hover:not(:focus-within){background:var(--hover-tint)}.ws-browser-url-bar:focus-within{background:var(--surface-inset);border-color:var(--border-subtle)}.ws-browser-url-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:14px;height:14px;color:var(--text-muted)}.ws-browser-url-globe{display:flex;opacity:.5}.ws-browser-url-favicon{width:14px;height:14px;border-radius:var(--radius-xs);object-fit:contain}.ws-browser-url-field{position:relative;flex:1;min-width:0;display:flex;align-items:center}.ws-browser-url-display{position:absolute;inset:0;display:flex;align-items:center;overflow:hidden;white-space:nowrap;pointer-events:none;font-size:var(--type-scale-3)}.ws-browser-url-domain{flex-shrink:0;color:var(--text)}.ws-browser-url-rest{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--text-muted)}.ws-browser-url-input{position:relative;z-index:1;flex:1;min-width:0;padding:0;font-size:var(--type-scale-3);font-family:inherit;color:var(--text);caret-color:var(--text);background:transparent;border:none;outline:none;transition:color var(--transition-fast)}.ws-browser-url-input::placeholder{color:var(--text-muted);opacity:.7}.ws-browser-url-bar.bv-url-showdisplay .ws-browser-url-input{color:transparent}.bv-star-btn{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-xs);flex-shrink:0;opacity:.5;transition:all var(--transition-fast)}.bv-star-btn:hover,.bv-star-btn.starred{opacity:1;color:var(--warning, #f5a623)}.bv-fav-wrap{position:relative;flex-shrink:0}.ws-browser-btn.bv-fav-active{color:var(--accent);opacity:1;background:var(--hover-tint-bold)}.bv-fav-heading{padding:var(--space-inset-sm) var(--space-inset-sm) var(--space-inset-xs);font-size:var(--type-size-micro);font-weight:var(--type-weight-semibold);text-transform:uppercase;letter-spacing:0;color:var(--text-muted)}.bv-fav-empty{padding:var(--space-inset-md) var(--space-inset-sm);font-size:var(--type-scale-1);color:var(--text-muted);text-align:center}.bv-fav-row{position:relative;display:flex;align-items:center;gap:2px;padding:0 var(--space-inset-xs) 0 0;border-radius:var(--radius-xs);transition:background var(--transition-fast)}.bv-fav-row:hover .bv-fav-delete-btn{opacity:.5}.bv-fav-row:hover .bv-fav-drag-handle{opacity:.6}.bv-fav-drag-handle{display:flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;color:var(--text-muted);opacity:0;cursor:grab;transition:opacity var(--transition-fast)}.bv-fav-drag-handle:active{cursor:grabbing}.bv-fav-dragging{opacity:.4}.bv-fav-drop-before:before,.bv-fav-drop-after:after{content:"";position:absolute;left:4px;right:4px;height:2px;background:var(--accent);border-radius:var(--radius-xs);pointer-events:none;z-index:2}.bv-fav-drop-before:before{top:-1px}.bv-fav-drop-after:after{bottom:-1px}.bv-fav-item{display:flex;align-items:center;gap:var(--space-stack-sm);flex:1;min-width:0;padding:var(--space-inset-sm) var(--space-inset-sm);border:none;background:none;border-radius:var(--radius-xs);cursor:pointer;text-align:left;transition:background var(--transition-fast)}.bv-fav-item:hover{background:var(--hover-tint-bold)}.bv-fav-delete-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-xs);flex-shrink:0;opacity:0;transition:all var(--transition-fast)}.bv-fav-delete-btn:hover{opacity:1!important;color:var(--danger, #ef4444);background:color-mix(in srgb,var(--danger, #ef4444) 10%,transparent)}.bv-fav-favicon{width:14px;height:14px;border-radius:var(--radius-xs);flex-shrink:0;object-fit:contain}.bv-fav-icon-fallback{display:flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0;color:var(--text-muted)}.bv-fav-item-text{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.bv-fav-item-title{font-size:var(--type-scale-2);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bv-fav-item-url{font-size:var(--type-size-micro);font-family:var(--mono);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bv-content{flex:1;overflow:hidden;min-height:0;background:var(--bg);position:relative}.bv-custom-content{position:absolute;inset:0;overflow:hidden}.bv-iframe-area{flex:1;min-width:0;min-height:0;width:100%;height:100%;position:relative;overflow:hidden}.ws-browser-btn.bv-design-btn{gap:var(--space-stack-xs);transition:width var(--transition-fast),padding var(--transition-fast),opacity var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.ws-browser-btn.bv-design-active{width:auto;padding:0 var(--space-inset-sm);border-radius:var(--radius-pill);color:var(--accent);opacity:1;background:color-mix(in srgb,var(--accent) 12%,transparent)}.ws-browser-btn.bv-design-active:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}.bv-design-label{font-size:var(--type-scale-1);font-weight:var(--type-weight-semibold);line-height:1;white-space:nowrap}.bv-iframe{width:100%;height:100%;border:none;background:var(--bg)}.bv-empty{height:100%;min-height:0}.ws-browser-btn.bv-mobile-active{color:var(--accent);opacity:1;background:color-mix(in srgb,var(--accent) 12%,transparent)}.ws-browser-btn.bv-mobile-active:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}.bv-demo-toggle-btn{display:none}.ws-browser-btn.bv-demo-active{color:var(--accent);opacity:1;background:color-mix(in srgb,var(--accent) 12%,transparent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 20%,transparent)}.ws-browser-btn.bv-demo-active:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}.bv-mobile-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:var(--space-stack-sm);background:var(--bg);overflow:hidden;padding:var(--space-inset-md);box-sizing:border-box}.bv-mobile-container.bv-mobile-hidden{padding:0;gap:0}.bv-mobile-container.bv-mobile-hidden .bv-mobile-frame{width:100%!important;max-height:none!important;aspect-ratio:auto!important;height:100%;border:none;border-radius:0;box-shadow:none}.bv-mobile-container.bv-mobile-hidden .bv-mobile-frame .bv-iframe{clip-path:none}.bv-mobile-frame{border:2px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 24px #0000001f;flex:1 1 0;min-height:0;isolation:isolate;transition:border-radius .3s ease,box-shadow .3s ease,border-color .3s ease}.bv-mobile-frame .bv-iframe{width:100%;height:100%;border:none;display:block;clip-path:inset(0 round 22px)}.bv-mobile-label{font-size:var(--type-size-micro);font-family:var(--mono);color:var(--text-muted);opacity:.6}.bv-session-logs-toggle{position:relative;z-index:10003;display:flex;align-items:center;gap:var(--space-stack-sm);width:100%;padding:0 var(--space-inset-md);height:28px;border:none;border-top:1px solid var(--border-subtle);background:var(--surface);color:var(--text-muted);font-size:var(--type-scale-1);font-weight:var(--type-weight-medium);font-family:inherit;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.bv-session-logs-toggle:hover{color:var(--text-secondary);background:var(--hover-tint)}.bv-session-logs-chevron{margin-left:auto;display:flex;align-items:center;opacity:.5}.bv-log-badge{font-size:var(--type-size-micro);font-weight:var(--type-weight-bold);padding:1px var(--space-inset-xs);border-radius:var(--radius-sm);line-height:1.3}.bv-log-badge-error{background:color-mix(in srgb,var(--danger, #ef4444) 15%,transparent);color:var(--danger, #ef4444)}.bv-log-badge-warn{background:color-mix(in srgb,var(--warning, #f5a623) 15%,transparent);color:var(--warning, #f5a623)}.bv-logs-header-btn{display:none;width:auto;gap:var(--space-stack-xs);padding:0 var(--space-inset-sm);flex-shrink:0}.ws-browser-btn.bv-logs-header-active{color:var(--accent);opacity:1;background:color-mix(in srgb,var(--accent) 12%,transparent)}.ws-browser-btn.bv-logs-header-active:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}.bv-logs-takeover{display:none}.bv-session-logs-panel{position:relative;z-index:10003;display:flex;flex-direction:column;height:200px;border-top:1px solid var(--border-subtle);background:var(--bg);flex-shrink:0}.bv-logs-toolbar{display:flex;align-items:center;gap:var(--space-stack-xs);padding:var(--space-inset-xs) var(--space-inset-sm);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.bv-logs-filters{display:flex;align-items:center;gap:2px;flex:1}.bv-log-filter-btn{padding:2px var(--space-inset-sm);border:none;background:none;font-size:var(--type-size-micro);font-family:var(--mono);font-weight:var(--type-weight-medium);text-transform:uppercase;color:var(--text-muted);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition-fast)}.bv-log-filter-btn:hover{color:var(--text-secondary);background:var(--hover-tint)}.bv-log-filter-btn.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.bv-logs-clear-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-xs);opacity:.5;transition:all var(--transition-fast)}.bv-logs-clear-btn:hover{opacity:1;color:var(--text);background:var(--hover-tint-bold)}.bv-logs-scroll{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding:2px 0}.bv-logs-empty{display:flex;align-items:center;justify-content:center;height:100%;font-size:var(--type-scale-1);color:var(--text-muted);opacity:.6}.bv-log-entry{display:flex;align-items:baseline;gap:var(--space-stack-sm);padding:2px var(--space-inset-md);font-size:var(--type-scale-1);font-family:var(--mono);line-height:1.5;border-bottom:1px solid color-mix(in srgb,var(--border-subtle) 50%,transparent)}.bv-log-entry:hover{background:var(--hover-tint)}.bv-log-level{width:36px;flex-shrink:0;font-size:var(--type-size-micro);font-weight:var(--type-weight-semibold);text-transform:uppercase;opacity:.7}.bv-log-ts{width:56px;flex-shrink:0;font-size:var(--type-size-micro);color:var(--text-muted);opacity:.5}.bv-log-msg{flex:1;min-width:0;color:var(--text-secondary);word-break:break-word}.bv-log-error,.bv-log-error .bv-log-msg{color:var(--danger, #ef4444)}.bv-log-warn,.bv-log-warn .bv-log-msg{color:var(--warning, #f5a623)}.bv-log-info .bv-log-level{color:var(--accent)}@media(max-width:768px){.ws-browser-chrome{flex-wrap:wrap;height:auto;align-items:center;row-gap:var(--space-stack-sm);padding:var(--space-inset-sm) var(--space-inset-sm)}.ws-browser-chrome.bv-chrome-demo{padding-top:calc(var(--safe-top, env(safe-area-inset-top, 0px)) + var(--space-inset-sm))}.ws-browser-url-bar{order:-1;flex-basis:100%;width:100%;height:30px}.ws-browser-nav{flex:1 1 auto}.bv-mobile-toggle-btn{display:none}.bv-demo-toggle-btn,.bv-logs-header-btn{display:flex}.bv-session-logs-toggle,.bv-session-logs-panel{display:none}.bv-logs-takeover{display:flex;flex-direction:column;position:absolute;inset:0;z-index:5;background:var(--bg);animation:bv-takeover-in .16s ease}}@keyframes bv-takeover-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}