.floating-window{

    position:absolute;

    display:flex;

    flex-direction:column;

    background:rgba(42,42,42,.95);

    color:#ffffff;

    border:1px solid #666;

    border-radius:8px;

    box-shadow:0 8px 18px rgba(0,0,0,.45);

    overflow:hidden;

    user-select:none;

}

.floating-window-header{

    height:34px;

    flex-shrink:0;

    background:#3b3b3b;

    border-bottom:1px solid #555;

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:0 10px;

    cursor:move;

}

.floating-window-title{

    font-family:Arial,sans-serif;

    font-size:14px;

    font-weight:bold;

    color:#fff;

}

.floating-window-minimize{

    width:24px;

    height:24px;

    border:none;

    background:transparent;

    color:white;

    font-size:18px;

    cursor:pointer;

    border-radius:4px;

}

.floating-window-minimize:hover{

    background:#5a5a5a;

}

.floating-window-body{

    flex:1;

    overflow:auto;

    background:#2d2d2d;

    color:white;

    padding:8px;

}

.floating-window-resize{

    position:absolute;

    right:0;

    bottom:0;

    width:16px;

    height:16px;

    cursor:nwse-resize;

}

.floating-window-resize::after{

    content:"";

    position:absolute;

    right:3px;

    bottom:3px;

    width:9px;

    height:9px;

    border-right:2px solid #bfbfbf;

    border-bottom:2px solid #bfbfbf;

}