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