.tab-switcher-overlay{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tab-switcher-container{z-index:1001;background-color:var(--browser-primary);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.tab-switcher-container .tab-switcher-header{border-bottom:1px solid var(--browser-border);background-color:var(--browser-primary);padding-top:3.5rem;padding-bottom:1rem}.tab-switcher-container .tab-switcher-header .tab-switcher-header-content{justify-content:center;align-items:center;padding:0 1.5rem;display:flex}.tab-switcher-container .tab-switcher-header .tab-switcher-header-content .tab-switcher-tab-count{color:var(--browser-text-primary);font-size:1.1rem;font-weight:600}.tab-switcher-container .tab-switcher-content{flex:1;padding:1rem 1rem 5rem;overflow-y:auto}.tab-switcher-container .tab-switcher-content::-webkit-scrollbar{display:none}.tab-switcher-container .tab-switcher-content .tab-switcher-grid{grid-template-columns:repeat(2,1fr);gap:1rem;max-width:100%;margin:0 auto;display:grid}.tab-switcher-container .tab-switcher-footer{padding:1rem 1.5rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));background-color:var(--browser-footer);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--browser-border);justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.tab-switcher-container .tab-switcher-footer .tab-switcher-footer-button:first-child{margin-right:auto}.tab-switcher-container .tab-switcher-footer .tab-switcher-footer-button:last-child{margin-left:auto}.tab-switcher-container .tab-switcher-footer .tab-switcher-footer-button{color:var(--browser-text-primary);cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:1rem;font-weight:500;transition:background-color .2s}.tab-switcher-container .tab-switcher-footer .tab-switcher-footer-button:hover{background-color:var(--browser-secondary)}.tab-switcher-container .tab-switcher-footer .tab-switcher-footer-button.tab-switcher-footer-button-done{color:var(--phone-color-blue);font-weight:600}.tab-switcher-container .tab-switcher-footer .tab-switcher-footer-button.tab-switcher-footer-button-done:hover{background-color:var(--browser-secondary);color:var(--phone-color-blue)}.tab-switcher-card{aspect-ratio:4/3;background-color:var(--browser-secondary);cursor:pointer;border:2px solid #0000;border-radius:12px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000026}.tab-switcher-card[data-active=true]{border-color:var(--phone-color-blue);transform:scale(1.02);box-shadow:0 4px 16px #00000040}.tab-switcher-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.tab-switcher-card .tab-switcher-card-header{background-color:var(--app-bg2);border-bottom:1px solid var(--browser-border);justify-content:space-between;align-items:center;padding:.75rem;display:flex}.tab-switcher-card .tab-switcher-card-header .tab-switcher-card-header-left{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.tab-switcher-card .tab-switcher-card-header .tab-switcher-card-header-left svg,.tab-switcher-card .tab-switcher-card-header .tab-switcher-card-header-left img{border-radius:.25rem;flex-shrink:0;width:1.25rem;height:1.25rem}.tab-switcher-card .tab-switcher-card-header .tab-switcher-card-header-left .tab-switcher-card-title{color:var(--browser-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;overflow:hidden}.tab-switcher-card .tab-switcher-card-header .tab-switcher-card-close{color:var(--browser-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:.25rem;transition:all .2s;display:flex}.tab-switcher-card .tab-switcher-card-header .tab-switcher-card-close svg{font-size:1rem}.tab-switcher-card .tab-switcher-card-header .tab-switcher-card-close:hover{background-color:var(--browser-secondary);color:var(--browser-text-primary)}.tab-switcher-card .tab-switcher-card-preview{background-color:var(--browser-primary);flex:1;position:relative;overflow:hidden}.tab-switcher-card .tab-switcher-card-preview .tab-switcher-card-empty{background-color:var(--browser-secondary);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.tab-switcher-card .tab-switcher-card-preview .tab-switcher-card-empty svg{color:var(--browser-text-secondary);opacity:.5;font-size:3rem}.tab-switcher-card .tab-switcher-card-preview .tab-switcher-card-iframe{pointer-events:none;transform-origin:0 0;border:none;width:400%;height:400%;position:absolute;top:0;left:0;transform:scale(.25)}.tab-switcher-card-add{background-color:var(--browser-secondary);border:2px dashed var(--browser-border);color:var(--browser-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.tab-switcher-card-add svg{font-size:2rem}.tab-switcher-card-add span{font-size:.875rem;font-weight:500}.tab-switcher-card-add:hover{background-color:var(--browser-primary);border-color:var(--phone-color-blue);color:var(--phone-color-blue);transform:translateY(-2px)}.browser-container{background:var(--browser-primary);flex-direction:column;width:100%;height:100%;display:flex;position:relative}.browser-container *{box-sizing:border-box;margin:0;padding:0}.browser-container .browser-header{z-index:10;background-color:var(--browser-footer);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border-bottom:1px solid var(--browser-border);align-items:center;gap:.5rem;height:3.5rem;padding:5rem 1rem 2rem;display:flex;left:0;right:0}.browser-container .browser-header .browser-header-controls{align-items:center;gap:.25rem;display:flex}.browser-container .browser-header .browser-header-button{color:var(--browser-text-primary);cursor:pointer;background:0 0;border:none;border-radius:.35rem;justify-content:center;align-items:center;padding:.5rem;font-size:1.25rem;transition:background-color .2s;display:flex}.browser-container .browser-header .browser-header-button:hover:not(:disabled){background-color:var(--browser-secondary)}.browser-container .browser-header .browser-header-button:disabled{opacity:.3;cursor:not-allowed}.browser-container .browser-header .browser-header-url{text-overflow:ellipsis;white-space:nowrap;color:var(--browser-text-secondary);flex:1;padding:0 .5rem;font-size:.875rem;overflow:hidden}.browser-container .browser-header .browser-header-actions{align-items:center;gap:.25rem;display:flex}.browser-container .browser-content{background-color:var(--browser-primary);height:100%;overflow:hidden}.browser-container .browser-content iframe{z-index:0;visibility:hidden;width:100%;height:100%;left:0}.browser-container .browser-content iframe[data-active=true]{visibility:visible}.browser-container .browser-content .failed-load{z-index:2;flex-direction:column;align-items:center;gap:.75rem;width:100%;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%,-40%)}.browser-container .browser-content .failed-load svg{opacity:.5;color:var(--text-secondary);font-size:5rem}.browser-container .browser-content .failed-load .subtitle{text-align:center;color:var(--text-secondary);font-size:1.2rem;font-weight:500}.browser-container .browser-content .failed-load .description{text-align:center;opacity:.7;max-width:80%;color:var(--text-secondary);padding:0 1rem;font-size:1rem;font-weight:400}.browser-container .browser-content .empty-tab{visibility:hidden;z-index:1;width:100%;height:calc(91.5% - 3.5rem);position:absolute;top:3.5rem;left:0}.browser-container .browser-content .empty-tab[data-active=true]{visibility:visible}.browser-container[data-has-header=true] .browser-content iframe,.browser-container[data-has-header=true] .browser-content .empty-tab{height:calc(91.5% - 7rem)!important;top:7rem!important}.browser-container .empty-tab-content{flex-direction:column;align-items:center;gap:1.5rem;width:100%;height:100%;padding-top:8rem;padding-bottom:2rem;display:flex;overflow-y:auto}.browser-container .empty-tab-content::-webkit-scrollbar{display:none}.browser-container .empty-tab-content .logo{aspect-ratio:1;width:8rem}[data-theme=light] .browser-container .empty-tab-content .logo{filter:invert()}.browser-container .empty-tab-content .searchbar{background-color:var(--browser-secondary);width:85%;color:var(--browser-text-secondary);border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex;position:relative;box-shadow:0 1px 2px #0000000d}.browser-container .empty-tab-content .searchbar input{width:100%;color:var(--browser-text-secondary);background:0 0;border:none;outline:none;font-size:1rem}.browser-container .empty-tab-content .searchbar input::placeholder{color:var(--browser-text-secondary)}.browser-container .empty-tab-content .searchbar input:focus::placeholder{color:#0000}.browser-container .empty-tab-content .searchbar svg{color:var(--text-secondary);font-size:1.35rem}.browser-container .empty-tab-content .searchbar svg:last-child{margin-left:auto}.browser-container .empty-tab-content .empty-tab-sections{flex-direction:column;gap:1rem;width:85%;display:flex}.browser-container .empty-tab-content .empty-tab-sections .empty-tab-section-tabs{background-color:var(--browser-secondary);border-radius:.5rem;gap:.5rem;padding:.25rem;display:flex}.browser-container .empty-tab-content .empty-tab-sections .empty-tab-section-tabs .empty-tab-section-tab{color:var(--browser-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.35rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.browser-container .empty-tab-content .empty-tab-sections .empty-tab-section-tabs .empty-tab-section-tab svg{font-size:1rem}.browser-container .empty-tab-content .empty-tab-sections .empty-tab-section-tabs .empty-tab-section-tab.active{background-color:var(--browser-primary);color:var(--browser-text-primary)}.browser-container .empty-tab-content .empty-tab-sections .empty-tab-section-tabs .empty-tab-section-tab:hover:not(.active){background-color:var(--browser-primary)}.browser-container .empty-tab-content .empty-tab-sections .empty-tab-list{flex-direction:column;gap:.5rem;max-height:20rem;display:flex;overflow-y:auto}.browser-container .empty-tab-content .empty-tab-sections .empty-tab-list::-webkit-scrollbar{display:none}.browser-container .empty-tab-content .empty-tab-sections .empty-tab-list .empty-tab-item{background-color:var(--browser-secondary);cursor:pointer;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .2s;display:flex}.browser-container .empty-tab-content .empty-tab-sections .empty-tab-list .empty-tab-item:hover{background-color:var(--browser-primary);transform:translate(4px)}.browser-container .empty-tab-content .empty-tab-sections .empty-tab-list .empty-tab-item svg,.browser-container .empty-tab-content .empty-tab-sections .empty-tab-list .empty-tab-item img{border-radius:.25rem;flex-shrink:0;width:1.5rem;height:1.5rem}.browser-container .empty-tab-content .empty-tab-sections .empty-tab-list .empty-tab-item .empty-tab-item-content{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.browser-container .empty-tab-content .empty-tab-sections .empty-tab-list .empty-tab-item .empty-tab-item-content .empty-tab-item-title{color:var(--browser-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;overflow:hidden}.browser-container .empty-tab-content .empty-tab-sections .empty-tab-list .empty-tab-item .empty-tab-item-content .empty-tab-item-url{color:var(--browser-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.browser-container .empty-tab-content .empty-tab-sections .empty-tab-list .empty-tab-empty-state{text-align:center;color:var(--browser-text-secondary);padding:2rem;font-size:.875rem}.browser-footer{z-index:1;border-top:1px solid var(--browser-border);background-color:var(--browser-footer);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);justify-content:center;align-items:center;gap:.5rem;width:100%;height:8.5%;padding:.5rem 1.25rem 2rem;display:flex;bottom:0}.browser-footer .browser-tabs{border:1px solid var(--browser-border);background-color:#fff;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding:.75rem 1.25rem;display:flex;position:absolute}.browser-footer .browser-tabs .tab{background-color:var(--browser-secondary);border-radius:.5rem;justify-content:space-between;align-items:center;width:100%;padding:.5rem 1rem;display:flex}.browser-footer .browser-tabs .tab .tab-content{align-items:center;gap:.35rem;display:flex}.browser-footer .browser-tabs .tab .tab-content img{border-radius:.35rem;width:1.5rem;height:1.5rem}.browser-footer .browser-tabs .tab .tab-content .tab-title{color:var(--browser-text-primary);font-size:.9rem;font-weight:400}.browser-footer .browser-tabs .tab svg{color:var(--browser-text-primary);cursor:pointer;font-size:1rem}.browser-footer .browser-input{background-color:var(--browser-secondary);border:1px solid var(--browser-border);width:100%;height:2rem;color:var(--browser-text-primary);border-radius:.5rem;outline:none;padding:.5rem .75rem;font-size:.875rem;transition:border-color .2s,background-color .2s}.browser-footer .browser-input:focus{border-color:var(--phone-color-primary);background-color:var(--browser-primary)}.browser-footer .browser-input::placeholder{color:var(--browser-text-secondary)}.browser-footer .buttons{align-items:center;gap:.5rem;display:flex}.browser-footer .buttons .button{background-color:var(--browser-secondary);border:1px solid var(--browser-border);min-width:2rem;height:2rem;color:var(--browser-text-primary);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;padding:0 .5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.browser-footer .buttons .button:hover{background-color:var(--browser-primary);transform:scale(1.05)}.browser-footer .buttons .button:active{transform:scale(.95)}.browser-footer .buttons .button svg{font-size:1.1rem}