.custom-titlebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;-webkit-user-select:none;user-select:none;-webkit-app-region:drag;background:linear-gradient(135deg,#0a0a0ffa 0%,#14141ef2 100%);border-bottom:1px solid #af52de33;align-items:center;height:40px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #0000004d}.custom-titlebar .titlebar-drag-region{justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 8px;display:flex}.custom-titlebar .titlebar-left{-webkit-app-region:no-drag;align-items:center;gap:10px;padding-left:8px;display:flex}.custom-titlebar .titlebar-left .app-icon{color:#fff;background:linear-gradient(135deg,#af52de 0%,#8b3fc4 100%);border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex;box-shadow:0 2px 8px #af52de4d}.custom-titlebar .titlebar-left .app-name{color:#ffffffe6;letter-spacing:.5px;font-size:13px;font-weight:600}.custom-titlebar .titlebar-center{-webkit-app-region:no-drag;flex:1;justify-content:center;align-items:center;padding:0 20px;display:flex}.custom-titlebar .titlebar-center .url-container{background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:8px;width:100%;max-width:600px;height:28px;padding:0 12px;transition:all .2s;display:flex;position:relative}.custom-titlebar .titlebar-center .url-container:hover{background:#0006;border-color:#af52de4d}.custom-titlebar .titlebar-center .url-container .url-text{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;flex:1;font-family:Consolas,Monaco,monospace;font-size:11px;overflow:hidden}.custom-titlebar .titlebar-center .url-container .copy-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.custom-titlebar .titlebar-center .url-container .copy-btn:hover{color:#af52dee6;background:#af52de1a}.custom-titlebar .titlebar-center .url-container .copy-btn.copied{color:#22c55e}.custom-titlebar .titlebar-center .url-container .copy-notification{color:#fff;white-space:nowrap;z-index:10001;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border-radius:6px;padding:6px 12px;font-size:11px;font-weight:500;animation:.2s slideDown;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 4px 12px #22c55e66}.custom-titlebar .titlebar-center .url-container .copy-notification:before{content:"";background:#22c55e;width:8px;height:8px;position:absolute;top:-4px;right:12px;transform:rotate(45deg)}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.custom-titlebar .titlebar-right{-webkit-app-region:no-drag;align-items:center;gap:1px;display:flex}.custom-titlebar .titlebar-right .titlebar-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:46px;height:40px;transition:all .15s;display:flex;position:relative}.custom-titlebar .titlebar-right .titlebar-btn:hover{background:#ffffff1a}.custom-titlebar .titlebar-right .titlebar-btn:active{background:#ffffff26}.custom-titlebar .titlebar-right .titlebar-btn.minimize:hover{color:#3b82f6;background:#3b82f633}.custom-titlebar .titlebar-right .titlebar-btn.maximize:hover{color:#22c55e;background:#22c55e33}.custom-titlebar .titlebar-right .titlebar-btn.close:hover{color:#ef4444;background:#ef444433}.custom-titlebar .titlebar-right .titlebar-btn.close:active{background:#ef44444d}.electron-app .custom-titlebar+*{margin-top:40px}.electron-app body{padding-top:40px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-titlebar{animation:.3s fadeInDown}@media (prefers-color-scheme:dark){.custom-titlebar{background:linear-gradient(135deg,#05050afa 0%,#0a0a14f2 100%)}}@media (max-width:768px){.custom-titlebar .titlebar-center{display:none}.custom-titlebar .titlebar-left{flex:1}}