.browser-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.browser-container{z-index:2001;background:#1e1e1ef2;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;width:80%;height:80%;transition:all .3s;display:flex;position:relative;overflow:visible;transform:translateY(0);box-shadow:0 8px 32px #0000004d}.browser-container.maximized{border-radius:0;width:100%;height:100%}.browser-container.minimized{transform:translateY(100%)}.browser-header{background:#282828f2;border-bottom:1px solid #ffffff1a;border-top-left-radius:10px;border-top-right-radius:10px;align-items:center;gap:12px;padding:8px 16px;display:flex}.browser-controls{gap:8px;display:flex}.browser-close,.browser-minimize,.browser-maximize,.browser-expand{cursor:pointer;color:#0000;z-index:1001;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:14px;transition:color .2s;display:flex;position:relative}.browser-close{background-color:#ff5f56}.browser-minimize{background-color:#ffbd2e}.browser-maximize{background-color:#27c93f}.browser-expand{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:8px;transition:background-color .2s;display:flex}.browser-expand:hover{background-color:#ffffff1a}.browser-expand svg{width:20px;height:20px}.browser-close:hover,.browser-minimize:hover,.browser-maximize:hover{color:#00000080}.browser-close:before,.browser-minimize:before,.browser-maximize:before,.browser-expand:before{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:1002;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#3c3c3cf2;border-radius:4px;max-width:200px;padding:6px 10px;font-size:12px;transition:all .2s;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0003}.browser-close:before{left:0;transform:none}.browser-expand:before{left:auto;right:0;transform:none}.browser-minimize:before,.browser-maximize:before{left:50%;transform:translate(-50%)}.browser-close[data-tooltip-position=bottom]:before,.browser-minimize[data-tooltip-position=bottom]:before,.browser-maximize[data-tooltip-position=bottom]:before,.browser-expand[data-tooltip-position=bottom]:before{top:calc(100% + 12px);bottom:auto}.browser-close[data-tooltip-position=bottom]:hover:before,.browser-minimize[data-tooltip-position=bottom]:hover:before,.browser-maximize[data-tooltip-position=bottom]:hover:before,.browser-expand[data-tooltip-position=bottom]:hover:before,.browser-close[data-tooltip-position=bottom][data-show-tooltip=true]:before,.browser-expand[data-tooltip-position=bottom][data-show-tooltip=true]:before{opacity:1;visibility:visible}@media (min-width:769px){.browser-container.maximized .browser-close:before{left:20px}.browser-container.maximized .browser-expand:before{right:20px}}.browser-address-bar{background:#3c3c3cf2;border-radius:4px;flex:1;margin:0 8px;padding:4px 8px;display:flex}.browser-address-bar input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:14px}.browser-actions{gap:8px;display:flex}.browser-content{border-bottom-right-radius:10px;border-bottom-left-radius:10px;flex:1;position:relative;overflow:hidden}.browser-content iframe{border:none;border-bottom-right-radius:10px;border-bottom-left-radius:10px;width:100%;height:100%;transition:opacity .3s}.browser-container.maximized .browser-content,.browser-container.maximized .browser-content iframe{border-radius:0}.browser-loading{text-align:center;color:#fff;background:#1e1e1ef2;border-bottom-right-radius:10px;border-bottom-left-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.browser-container.maximized .browser-loading{border-radius:0}.browser-loading-spinner{border:3px solid #ffffff1a;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.browser-error-icon{margin-bottom:16px;font-size:48px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.browser-container{border-radius:0;width:100%;height:100%}.browser-address-bar{display:none}.browser-close:before,.browser-minimize:before,.browser-maximize:before,.browser-expand:before{z-index:1003;margin-top:8px;position:fixed;top:100%;bottom:auto;left:50%;transform:translate(-50%)}.browser-close:after,.browser-minimize:after,.browser-maximize:after,.browser-expand:after{z-index:1003;border-top:none;border-bottom:6px solid #3c3c3cf2;margin-top:2px;position:fixed;top:100%;bottom:auto;left:50%;transform:translate(-50%)}.browser-close:before,.browser-close:after{left:20px;transform:none}.browser-expand:before,.browser-expand:after{left:auto;right:20px;transform:none}}.browser-thumbnail{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;-webkit-user-select:none;user-select:none;cursor:grab;background:#1e1e1ef2;border:1px solid #ffffff1a;border-radius:8px;width:200px;transition:transform .2s,box-shadow .2s;position:fixed;overflow:hidden;box-shadow:0 4px 12px #0003}.browser-thumbnail:active{cursor:grabbing}.browser-thumbnail:hover{transform:scale(1.02);box-shadow:0 6px 16px #0000004d}.browser-thumbnail-header{cursor:grab;background:#282828f2;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.browser-thumbnail-header:active{cursor:grabbing}.browser-thumbnail-close{color:#ffffffb3;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:18px;line-height:1;transition:color .2s;display:flex;position:relative}.browser-thumbnail-close:hover{color:#fff}.browser-thumbnail-close:before{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:1002;background:#3c3c3cf2;border-radius:4px;padding:4px 8px;font-size:12px;transition:all .2s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.browser-thumbnail-close:hover:before{opacity:1;visibility:visible}.browser-thumbnail-close:after{content:"";opacity:0;visibility:hidden;pointer-events:none;border-top:4px solid #3c3c3cf2;border-left:4px solid #0000;border-right:4px solid #0000;transition:all .2s;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.browser-thumbnail-close:hover:after{opacity:1;visibility:visible}.browser-thumbnail-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.browser-thumbnail-content{align-items:center;gap:8px;padding:8px 12px;display:flex}.browser-thumbnail-favicon{flex-shrink:0;width:16px;height:16px}.browser-thumbnail-favicon img{object-fit:contain;width:100%;height:100%}.browser-thumbnail-url{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}