.custom-titlebar{position:fixed;top:0;left:0;right:0;height:40px;background:linear-gradient(135deg,rgba(10,10,15,.98),rgba(20,20,30,.95));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(175,82,222,.2);z-index:10000;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-app-region:drag;display:flex;align-items:center;box-shadow:0 2px 10px rgba(0,0,0,.3)}.custom-titlebar .titlebar-drag-region{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 8px}.custom-titlebar .titlebar-left{display:flex;align-items:center;gap:10px;padding-left:8px;-webkit-app-region:no-drag}.custom-titlebar .titlebar-left .app-icon{width:24px;height:24px;border-radius:6px;background:linear-gradient(135deg,#af52de,#8b3fc4);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;box-shadow:0 2px 8px rgba(175,82,222,.3)}.custom-titlebar .titlebar-left .app-name{font-size:13px;font-weight:600;color:hsla(0,0%,100%,.9);letter-spacing:.5px}.custom-titlebar .titlebar-center{flex:1;display:flex;justify-content:center;align-items:center;padding:0 20px;-webkit-app-region:no-drag}.custom-titlebar .titlebar-center .url-container{max-width:600px;width:100%;height:28px;background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;display:flex;align-items:center;padding:0 12px;gap:8px;position:relative;transition:all .2s ease}.custom-titlebar .titlebar-center .url-container:hover{background:rgba(0,0,0,.4);border-color:rgba(175,82,222,.3)}.custom-titlebar .titlebar-center .url-container .url-text{flex:1;font-size:11px;color:hsla(0,0%,100%,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Consolas,Monaco,monospace}.custom-titlebar .titlebar-center .url-container .copy-btn{background:rgba(0,0,0,0);border:none;color:hsla(0,0%,100%,.5);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.custom-titlebar .titlebar-center .url-container .copy-btn:hover{color:rgba(175,82,222,.9);background:rgba(175,82,222,.1)}.custom-titlebar .titlebar-center .url-container .copy-btn.copied{color:#22c55e}.custom-titlebar .titlebar-center .url-container .copy-notification{position:absolute;top:calc(100% + 8px);right:0;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:500;box-shadow:0 4px 12px rgba(34,197,94,.4);animation:slideDown .2s ease;white-space:nowrap;z-index:10001}.custom-titlebar .titlebar-center .url-container .copy-notification:before{content:"";position:absolute;top:-4px;right:12px;width:8px;height:8px;background:#22c55e;transform:rotate(45deg)}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.custom-titlebar .titlebar-right{display:flex;align-items:center;gap:1px;-webkit-app-region:no-drag}.custom-titlebar .titlebar-right .titlebar-btn{width:46px;height:40px;border:none;background:rgba(0,0,0,0);color:hsla(0,0%,100%,.7);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;position:relative}.custom-titlebar .titlebar-right .titlebar-btn:hover{background:hsla(0,0%,100%,.1)}.custom-titlebar .titlebar-right .titlebar-btn:active{background:hsla(0,0%,100%,.15)}.custom-titlebar .titlebar-right .titlebar-btn.minimize:hover{background:rgba(59,130,246,.2);color:#3b82f6}.custom-titlebar .titlebar-right .titlebar-btn.maximize:hover{background:rgba(34,197,94,.2);color:#22c55e}.custom-titlebar .titlebar-right .titlebar-btn.close:hover{background:rgba(239,68,68,.2);color:#ef4444}.custom-titlebar .titlebar-right .titlebar-btn.close:active{background:rgba(239,68,68,.3)}.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:fadeInDown .3s ease}@media(prefers-color-scheme:dark){.custom-titlebar{background:linear-gradient(135deg,rgba(5,5,10,.98),rgba(10,10,20,.95))}}@media(max-width:768px){.custom-titlebar .titlebar-center{display:none}.custom-titlebar .titlebar-left{flex:1}}