.app-browser{width:100%;height:100%;color:var(--text-primary,#333);background-color:var(--window-bg,#fff);flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow:hidden}.app-browser__toolbar{background-color:var(--toolbar-bg,#f5f5f5);border-bottom:1px solid var(--border-color,#e0e0e0);align-items:center;gap:12px;padding:8px 12px;display:flex}.app-browser__nav-buttons{gap:4px;display:flex}.app-browser__btn{width:28px;height:28px;color:var(--text-secondary,#666);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:background-color .2s,color .2s;display:flex}.app-browser__btn:hover{color:var(--text-primary,#333);background-color:var(--hover-bg,#e0e0e0)}.app-browser__address-bar{box-sizing:border-box;background-color:var(--input-bg,#fff);border:1px solid var(--border-color,#ccc);border-radius:16px;flex:1;align-items:center;height:28px;padding:4px 12px;transition:border-color .2s,box-shadow .2s;display:flex}.app-browser__address-bar:focus-within{border-color:var(--accent-color,#007aff);box-shadow:0 0 0 2px #007aff33}.app-browser__url-input{width:100%;color:inherit;background:0 0;border:none;outline:none;flex:1;font-size:13px}.app-browser__url-input::placeholder{color:var(--text-muted,#999)}.app-browser__content{background-color:#fff;flex:1;position:relative}.app-browser__iframe{border:none;width:100%;height:100%;display:block}.app-browser__iframe--obscured{opacity:0;pointer-events:none}.app-browser__loading-indicator{z-index:10;background-color:#0000;height:3px;position:absolute;top:0;left:0;right:0;overflow:hidden}.app-browser__spinner{background-color:var(--accent-color,#007aff);border-radius:3px;width:30%;height:100%;animation:1.5s ease-in-out infinite browser-loading}@keyframes browser-loading{0%{transform:translate(-100%)}to{transform:translate(400%)}}.app-browser__empty-state{height:100%;color:var(--text-secondary,#666);justify-content:center;align-items:center;font-size:16px;display:flex}.app-browser__fallback{box-sizing:border-box;text-align:center;color:var(--text-primary,#333);background:radial-gradient(circle at top,#0e639c24,#0000 35%),linear-gradient(#fffffffa,#f5f7fafa);place-content:center;gap:.85rem;padding:clamp(1.5rem,4vw,2.5rem);display:grid;position:absolute;inset:0}.app-browser__fallback-icon{font-size:2rem}.app-browser__fallback-title{margin:0;font-size:clamp(1.15rem,2vw,1.45rem)}.app-browser__fallback-copy,.app-browser__fallback-url{max-width:36rem;margin:0;line-height:1.6}.app-browser__fallback-copy{color:var(--text-secondary,#666)}.app-browser__fallback-url{word-break:break-word;color:var(--text-muted,#666);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9rem}.app-browser__fallback-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.app-browser__fallback-btn{font:inherit;color:#fff;cursor:pointer;background:var(--accent-color,#007aff);border:none;border-radius:999px;padding:.7rem 1rem;font-weight:600}.app-browser__fallback-btn--secondary{color:var(--text-primary,#333);border:1px solid var(--border-color,#ccc);background:0 0}@media (prefers-color-scheme:dark){.app-browser{--window-bg:#1e1e1e;--toolbar-bg:#2d2d2d;--input-bg:#1e1e1e;--text-primary:#e0e0e0;--text-secondary:#a0a0a0;--text-muted:#666;--border-color:#444;--hover-bg:#3d3d3d;--accent-color:#0e639c}}