.app-footer{background:var(--bg-alt);border-top:1px solid var(--border);padding:60px 20px 30px;margin-top:80px}.footer-content{max-width:1200px;margin:0 auto 40px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer-section h4{font-size:14px;font-weight:700;color:var(--text);margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.footer-logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:var(--text);margin-bottom:12px}.footer-logo .logo-icon{font-size:24px;color:var(--accent)}.footer-logo .logo-image{width:42px;height:42px;object-fit:contain;margin-right:6px}.footer-logo .logo-text{color:#8c52ff;font-weight:600}.footer-description{font-size:14px;line-height:1.6;color:var(--text-muted);max-width:300px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:12px}.footer-links a,.footer-link-btn{font-size:14px;color:var(--text-muted);text-decoration:none;transition:color .2s;background:none;border:none;padding:0;cursor:pointer;text-align:left}.footer-links a:hover,.footer-link-btn:hover{color:var(--accent)}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:30px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-bottom p{font-size:13px;color:var(--text-muted);margin:0}.footer-tagline{font-style:italic}@media (max-width: 1024px){.footer-content{grid-template-columns:1fr 1fr;gap:30px}}@media (max-width: 768px){.app-footer{padding:40px 20px 20px;margin-top:60px}.footer-content{grid-template-columns:1fr;gap:30px;margin-bottom:30px}.footer-bottom{flex-direction:column;text-align:center;padding-top:20px}.footer-description{max-width:100%}}.ann-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:99000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ann-panel{background:#2b2d31;border:1px solid #1e1f22;border-radius:14px;width:480px;max-width:95vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #000000b3;overflow:hidden}.ann-header{display:flex;align-items:center;gap:8px;padding:12px 14px 10px;border-bottom:1px solid #1e1f22;flex-shrink:0}.ann-header-title{flex:1;font-size:14px;font-weight:700;color:#e2e8f0}.ann-admin-new-btn{background:#667eea26;border:1px solid rgba(102,126,234,.3);color:#667eea;font-size:11px;font-weight:700;padding:4px 10px;border-radius:6px;cursor:pointer;transition:background .15s}.ann-admin-new-btn:hover{background:#667eea47}.ann-close-btn{background:none;border:none;color:#666;font-size:14px;cursor:pointer;padding:2px 4px;border-radius:4px;transition:color .15s}.ann-close-btn:hover{color:#fff}.ann-tabs{display:flex;border-bottom:1px solid #1e1f22;flex-shrink:0}.ann-tab{flex:1;background:none;border:none;color:#666;font-size:12px;font-weight:600;padding:9px 12px;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s}.ann-tab:hover{color:#aaa}.ann-tab.active{color:#e2e8f0;border-bottom-color:#667eea}.ann-version-row{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#ffffff08;border-bottom:1px solid #1e1f22;flex-shrink:0;flex-wrap:wrap}.ann-version-label{font-size:11px;color:#888;font-weight:600}.ann-version-val{font-size:12px;color:#a5b4fc;font-weight:700;font-family:monospace}.ann-version-edit-btn{background:none;border:1px solid #444;color:#888;font-size:10px;padding:2px 8px;border-radius:4px;cursor:pointer;transition:color .15s,border-color .15s}.ann-version-edit-btn:hover{color:#fff;border-color:#667eea}.ann-version-input{background:#111;border:1px solid #667eea;color:#fff;font-size:12px;padding:3px 8px;border-radius:4px;outline:none;width:80px;font-family:monospace}.ann-version-save{background:#667eea;border:none;color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:4px;cursor:pointer;transition:background .15s}.ann-version-save:hover:not(:disabled){background:#5a6fd6}.ann-version-save:disabled{opacity:.5}.ann-version-cancel{background:none;border:1px solid #444;color:#888;font-size:11px;padding:3px 8px;border-radius:4px;cursor:pointer}.ann-version-badge{background:#667eea33;border:1px solid rgba(102,126,234,.3);color:#a5b4fc;font-size:10px;font-weight:700;padding:1px 6px;border-radius:4px;font-family:monospace}.ann-compose{padding:10px 14px;border-bottom:1px solid #1e1f22;display:flex;flex-direction:column;gap:8px;flex-shrink:0;background:#00000026}.ann-compose-input{background:#111;border:1px solid #333;border-radius:6px;color:#fff;font-size:13px;padding:7px 10px;outline:none;transition:border-color .15s}.ann-compose-input:focus{border-color:#667eea}.ann-compose-input::placeholder{color:#555}.ann-compose-textarea{background:#111;border:1px solid #333;border-radius:6px;color:#fff;font-size:13px;padding:7px 10px;outline:none;resize:none;font-family:inherit;line-height:1.5;transition:border-color .15s}.ann-compose-textarea:focus{border-color:#667eea}.ann-compose-textarea::placeholder{color:#555}.ann-compose-post{background:#667eea;border:none;color:#fff;font-size:12px;font-weight:700;padding:8px 14px;border-radius:6px;cursor:pointer;align-self:flex-end;transition:background .15s}.ann-compose-post:hover:not(:disabled){background:#5a6fd6}.ann-compose-post:disabled{opacity:.5}.ann-content{flex:1;overflow-y:auto;padding:8px 6px}.ann-content::-webkit-scrollbar{width:4px}.ann-content::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.ann-empty{text-align:center;color:#555;font-size:13px;padding:24px 0}.ann-item{padding:12px 14px;border-radius:10px;margin-bottom:8px;border:1px solid #1a1a1a;background:#0f0f0f;transition:background .15s,border-color .15s}.ann-item:hover{background:#141414;border-color:#2a2a2a}.ann-item-header{display:flex;align-items:center;gap:8px;margin-bottom:5px;flex-wrap:wrap}.ann-item-right{display:flex;align-items:center;gap:6px;margin-left:auto}.ann-item-title{font-size:13px;font-weight:700;color:#e2e8f0;flex:1;min-width:0}.ann-item-date{font-size:10px;color:#555;white-space:nowrap;margin-left:auto}.ann-delete-btn{background:none;border:none;color:#555;font-size:11px;cursor:pointer;padding:1px 4px;border-radius:3px;transition:color .15s,background .15s}.ann-delete-btn:hover{color:#e53e3e;background:#e53e3e1a}.ann-item-body{font-size:12px;color:#94a3b8;line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-word}.ann-bell-btn{background:none;border:none;color:#aaa;cursor:pointer;width:34px;height:34px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .2s;flex-shrink:0;position:relative}.ann-bell-btn:hover{color:#fff}.ann-dm-btn{background:none;border:none;color:#aaa;cursor:pointer;width:34px;height:34px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .2s;flex-shrink:0;position:relative}.ann-dm-btn:hover{color:#fff}.ann-unread-dot{position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:#e53e3e;border:1.5px solid #0d0d1a;pointer-events:none}.project-preview-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:#0a0a0a}.project-preview-iframe{display:block;border:none;background:#000;pointer-events:none}.desc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.desc-modal{background:#000;border:1px solid #333;border-radius:12px;width:100%;max-width:480px;overflow:hidden;box-shadow:0 20px 60px #000c;animation:desc-in .15s ease}@keyframes desc-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.desc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#000;border-bottom:1px solid #222}.desc-modal-header h3{margin:0;font-size:15px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:380px}.desc-close-btn{background:none;border:none;color:#888;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;transition:color .2s,background .2s;flex-shrink:0}.desc-close-btn:hover{color:#fff;background:#1a1a1a}.desc-modal-body{padding:20px;background:#1a1a1a;max-height:400px;overflow-y:auto}.desc-full-text{margin:0;font-size:14px;color:#ccc;line-height:1.7;white-space:pre-wrap;word-break:break-word}.desc-modal-body::-webkit-scrollbar{width:6px}.desc-modal-body::-webkit-scrollbar-track{background:#111}.desc-modal-body::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.community-section{padding:80px 0;background:linear-gradient(180deg,#0a0a0a,#000);min-height:100vh;overflow-y:auto}.community-section .container{max-width:1200px;margin:0 auto;padding:0 20px}.community-section h2{text-align:center;font-size:42px;margin-bottom:12px;color:#fff;font-weight:700}.section-subtitle{text-align:center;font-size:18px;color:#999;margin-bottom:50px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:40px}.project-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative}.project-card:hover{transform:translateY(-4px);border-color:#007acc;box-shadow:0 8px 24px #007acc33}.project-card.premium-project{background:linear-gradient(135deg,#d4af37,#f9d77e);border:3px solid #000}.project-card.premium-card .project-title,.project-card.premium-card .project-description,.project-card.premium-card .author-name,.project-card.premium-card .meta-item{color:#000!important}.project-card.premium-card .duplicate-badge{background:#000!important;color:#fbbf24!important}.project-card.premium-card .duplicate-badge span{color:#fbbf24!important}.project-card.premium-card .duplicate-badge svg{color:#fbbf24!important;fill:#fbbf24!important}.project-card.premium-card .author-photo.tier-ring-free,.project-card.premium-card .author-photo.tier-ring-pro,.project-card.premium-card .author-photo.tier-ring-premium{border:3px solid #000!important;box-shadow:none!important;background-image:none!important;background:#000!important;color:#fff!important}.project-card.premium-card .project-thumbnail{border-bottom:2px solid #000}.project-card.premium-card .author-avatar{border-color:#000}.project-card.premium-card .meta-item svg{stroke:#000}.project-thumbnail{width:100%;padding-bottom:56.25%;background:#0a0a0a;position:relative;overflow:hidden}.project-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.live-preview-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;background:#fff;pointer-events:none}.project-thumbnail.placeholder{background:linear-gradient(135deg,#1a1a1a,#2a2a2a)}.placeholder-icon{font-size:48px;opacity:.3}.project-thumbnail.placeholder svg{width:64px;height:64px;color:#555}.project-author-info{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #333}.project-card.premium-project .project-author-info{border-bottom:2px solid #000}.project-card.premium-card .project-author{background:linear-gradient(135deg,#d4af37,#f9d77e);border-bottom:2px solid #000}.author-avatar,.author-photo{width:32px;height:32px;border-radius:50%;object-fit:cover;border:3px solid #667eea}.author-avatar.tier-ring-free,.author-photo.tier-ring-free{border:3px solid #72767d;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;line-height:1}.author-avatar.tier-ring-pro,.author-photo.tier-ring-pro{color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;line-height:1;border:2.5px solid transparent;background-image:linear-gradient(#1a1a1a,#1a1a1a),linear-gradient(135deg,#667eea,#764ba2);background-origin:border-box;background-clip:padding-box,border-box;border-radius:50%!important}.author-avatar.tier-ring-premium,.author-photo.tier-ring-premium,.author-avatar.premium-ring,.author-photo.premium-ring{border:3px solid #fbbf24;box-shadow:0 0 12px #fbbf2480;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;line-height:1}.project-info{padding:20px}.project-info h3{margin:0 0 8px;font-size:20px;color:#fff;font-weight:600}.project-description{color:#999;font-size:14px;line-height:1.5;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-card.premium-card .project-stats{border-top:2px solid #000}.project-card.premium-card .like-button.liked{color:#000!important}.project-card.premium-card .like-button.liked svg{fill:#000!important;stroke:#000!important}.favorite-button.favorited svg{fill:#fbbf24;stroke:#fbbf24}.project-card:not(.premium-card) .favorite-button.favorited{color:#fbbf24!important}.project-card:not(.premium-card) .favorite-button.favorited svg{fill:#fbbf24!important;stroke:#fbbf24!important}.project-card.premium-card .favorite-button.favorited{color:#000!important}.project-card.premium-card .favorite-button.favorited svg{fill:#000!important;stroke:#000!important}.project-card.premium-card .favorite-button.favorited span{color:#000!important}.project-card:not(.premium-card) .stat-item.interacted{color:#60a5fa!important}.project-card:not(.premium-card) .stat-item.interacted svg{fill:none!important;stroke:#60a5fa!important}.project-card.premium-card .stat-item{color:#000!important}.project-card.premium-card .stat-item svg{stroke:#000!important;fill:none!important}.project-card.premium-card .stat-item.interacted svg{stroke:#000!important}.project-card.premium-card .stat-item.interacted svg circle{fill:#000!important}.project-meta{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:6px;color:#999;font-size:14px}.meta-item svg{opacity:.7}.meta-item.author{margin-left:auto;font-style:italic}.premium-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,gold,#ffed4e);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ffd70066}.premium-icon{font-size:20px}.view-all-container{text-align:center;margin-top:40px}.view-all-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:#007acc;color:#fff;text-decoration:none;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.view-all-btn:hover{background:#005a9e;transform:translateY(-2px);box-shadow:0 4px 12px #007acc4d}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#333}.thumbnail-placeholder svg{width:48px;height:48px;color:#666}.duplicate-badge{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;padding:4px 8px;background:#000;border-radius:4px;font-size:11px;color:#fbbf24;font-weight:500}.project-title{font-size:16px;font-weight:600;color:#fff;margin:0 0 8px}.loading-projects{text-align:center;color:#999;font-size:18px;padding:60px 20px}.no-projects{text-align:center;color:#999;font-size:16px;padding:40px 20px}@media (max-width: 768px){.community-section{padding:60px 0}.community-section h2{font-size:32px}.projects-grid{grid-template-columns:1fr;gap:20px}.project-meta{font-size:13px}.meta-item.author{margin-left:0;width:100%}}.homepage-see-desc-btn{display:inline-flex;align-items:center;gap:4px;background:#8c52ff1a;border:1px solid rgba(140,82,255,.3);color:#8c52ff;font-size:10px;padding:3px 7px;border-radius:4px;cursor:pointer;transition:background .2s,border-color .2s;margin-top:4px;white-space:nowrap}.homepage-see-desc-btn:hover{background:#8c52ff33;border-color:#8c52ff80}.profile-picture-cropper-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.profile-picture-cropper-modal{background:#1a1a1a;border:1px solid #333;border-radius:16px;width:90%;max-width:600px;overflow:hidden;animation:slideUp .3s ease}.cropper-modal-header{padding:18px 24px;border-bottom:1px solid var(--border);background:#000;border-radius:16px 16px 0 0}.cropper-modal-header h3{font-size:18px;font-weight:700;color:var(--text);margin:0;text-align:center}.cropper-modal-body{padding:24px}.cropper-description{font-size:14px;color:var(--text-muted);margin-bottom:24px;text-align:center}.cropper-container{position:relative;width:100%;height:400px;background:#000;border-radius:12px;overflow:hidden;margin-bottom:24px}.cropper-controls{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:0 8px}.cropper-controls label{font-size:14px;font-weight:600;color:var(--text);min-width:50px}.zoom-slider{flex:1;height:6px;border-radius:3px;background:var(--bg);outline:none;-webkit-appearance:none}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;transition:all .2s}.zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 8px var(--accent)}.zoom-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:none;transition:all .2s}.zoom-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 8px var(--accent)}.zoom-value{font-size:14px;font-weight:600;color:var(--text);min-width:45px;text-align:right}.cropper-actions{display:flex;gap:12px;justify-content:flex-end}.cropper-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none;outline:none}.cancel-btn{background:var(--bg);color:var(--text);border:1px solid #333}.save-btn{background:var(--accent);color:#fff}.save-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}@media (max-width: 768px){.profile-picture-cropper-modal{width:95%;padding:24px}.cropper-container{height:300px}.cropper-actions{flex-direction:column}.cropper-btn{width:100%}}.profile-picture-upload-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1500;animation:fadeIn .2s ease}.profile-picture-upload-modal{background:#1a1a1a;border:1px solid #333;border-radius:16px;width:90%;max-width:500px;overflow:hidden;animation:slideUp .3s ease}.upload-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #444;background:#000;border-radius:16px 16px 0 0}.upload-modal-header h3{font-size:18px;font-weight:700;color:#fff;margin:0}.upload-close-btn{background:none;border:none;color:#aaa;font-size:22px;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.upload-close-btn:hover{background:#1a1a1a;color:#fff}.upload-modal-body{padding:24px}.upload-description{font-size:14px;color:#999;margin-bottom:24px;text-align:center}.upload-area{margin-bottom:24px}.profile-picture-upload-modal .upload-placeholder{width:100%;aspect-ratio:1;border:2px dashed #444;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background:#000}.upload-placeholder:hover{border-color:#667eea;background:#1a1a1a}.upload-placeholder svg{color:#999;margin-bottom:12px}.upload-placeholder p{color:#999;font-size:14px}.profile-picture-upload-modal .preview-container{position:relative;width:100%;aspect-ratio:1!important;border-radius:50%!important;overflow:hidden!important;background:#000!important;display:flex;align-items:center;justify-content:center}.profile-picture-upload-modal .profile-preview{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;display:block}.change-image-btn{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 20px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.change-image-btn:hover{background:#000000e6;transform:translate(-50%) translateY(-2px)}.change-image-btn svg{width:20px;height:20px}.upload-actions{display:flex;gap:12px;justify-content:flex-end}.upload-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none;outline:none}.cancel-btn{background:#1a1a1a;color:#fff;border:1px solid #333}.cancel-btn:hover{background:#1a1a1a;transform:translateY(-1px)}.save-btn{background:#667eea;color:#fff}.save-btn:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.save-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.profile-picture-upload-modal{width:95%;padding:24px}.upload-actions{flex-direction:column}.upload-btn{width:100%}}.password-verify-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.password-verify-modal{background:#1a1a1a;border-radius:12px;width:100%;max-width:400px;box-shadow:0 8px 32px #00000080;border:1px solid #333}.password-verify-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #444;background:#000;border-radius:12px 12px 0 0}.password-verify-header h2{margin:0;font-size:20px;color:#fff}.password-verify-form{padding:20px}.password-verify-description{margin:0 0 20px;color:#aaa;font-size:14px;line-height:1.5}.password-input{width:100%;padding:12px;background:#111;border:1px solid #333;border-radius:6px;color:#fff;font-size:14px;margin-bottom:20px;transition:border-color .2s}.password-input:focus{outline:none;border-color:#667eea}.password-input::placeholder{color:#666}.password-verify-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-button,.verify-button{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.verify-button{background:#667eea;color:#fff}.verify-button:hover:not(:disabled){background:#5568d3}.cancel-button:disabled,.verify-button:disabled{opacity:.5;cursor:not-allowed}.userid-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.userid-modal{background:#1a1a1a;border:1px solid #333;border-radius:12px;width:90%;max-width:500px;box-shadow:0 8px 32px #0006}.userid-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border);background:#000;border-radius:12px 12px 0 0}.userid-modal-header h3{margin:0;font-size:18px;color:var(--text)}.userid-close-btn{background:none;border:none;color:var(--text-muted);font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.userid-close-btn:hover{background:#1a1a1a;color:var(--text)}.userid-content{padding:24px}.userid-display{background:#111;border:1px solid #333;border-radius:8px;padding:16px;margin-bottom:16px}.userid-display code{font-family:Courier New,monospace;font-size:14px;color:var(--accent);word-break:break-all;display:block}.userid-copy-btn{width:100%;padding:12px;background:var(--accent);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.userid-copy-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.userid-copy-btn.copied{background:#4caf50}.userid-copy-btn svg{flex-shrink:0}.psm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:99999;padding:16px}.psm-modal{background:#0d0d0d;border:1px solid #222;border-radius:12px;width:100%;max-width:740px;height:540px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0009}.psm-sidebar{width:200px;flex-shrink:0;background:#0a0a0a;border-right:1px solid #1a1a1a;display:flex;flex-direction:column;padding:16px 0 12px;overflow-y:auto}.psm-sidebar-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#555;padding:0 16px 12px;border-bottom:1px solid #1a1a1a;margin-bottom:8px}.psm-nav-btn{display:flex;align-items:center;gap:10px;padding:9px 16px;background:none;border:none;color:#888;font-size:13px;cursor:pointer;text-align:left;transition:background .15s,color .15s;border-radius:0;width:100%}.psm-nav-btn:hover{background:#161616;color:#ccc}.psm-nav-btn.active{background:#1a1a1a;color:#fff}.psm-nav-btn.danger{color:#f87171}.psm-nav-btn.danger:hover{background:#f8717114;color:#fca5a5}.psm-nav-btn.danger.active{background:#f871711f;color:#fca5a5}.psm-nav-icon{font-size:15px;flex-shrink:0}.psm-close-btn{display:flex;align-items:center;gap:8px;padding:9px 16px;background:none;border:none;border-top:1px solid #1a1a1a;color:#555;font-size:13px;cursor:pointer;margin-top:auto;transition:color .15s;width:100%;text-align:left}.psm-close-btn:hover{color:#aaa}.psm-content{flex:1;overflow-y:auto;padding:0}.psm-section{padding:28px 32px 32px}.psm-section-title{font-size:18px;font-weight:700;color:#fff;margin:0 0 6px}.psm-danger-title{color:#f87171}.psm-section-desc{font-size:13px;color:#666;margin:0 0 24px;line-height:1.6}.psm-field{margin-bottom:18px}.psm-field label{display:block;font-size:12px;font-weight:600;color:#888;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.psm-input{width:100%;background:#111;border:1px solid #2a2a2a;border-radius:8px;color:#fff;font-size:14px;padding:10px 14px;outline:none;transition:border-color .2s;box-sizing:border-box}.psm-input:focus{border-color:#8c52ff}.psm-input.error{border-color:#ef4444}.psm-field-meta{display:flex;justify-content:space-between;margin-top:4px}.psm-error{font-size:12px;color:#ef4444}.psm-char-count{font-size:12px;color:#555}.psm-btn{padding:9px 20px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .1s,box-shadow .18s;background:transparent;border:1.5px solid #8c52ff;color:#b07eff;letter-spacing:.02em}.psm-btn:disabled{opacity:.4;cursor:not-allowed}.psm-btn:not(:disabled):active{transform:scale(.97)}.psm-btn.outline{background:transparent;border:1.5px solid #8c52ff;color:#b07eff;box-shadow:0 0 8px #8c52ff1f}.psm-btn.outline:not(:disabled):hover{background:#8c52ff1a;border-color:#a875ff;color:#c49eff;box-shadow:0 0 14px #8c52ff38}.psm-btn.outline.secondary{border-color:#444;color:#aaa;box-shadow:none}.psm-btn.outline.secondary:not(:disabled):hover{background:#ffffff0a;border-color:#666;color:#ddd;box-shadow:none}.psm-btn.outline.danger,.psm-btn.danger{border-color:#991b1b;color:#fca5a5;background:transparent;box-shadow:none}.psm-btn.outline.danger:not(:disabled):hover,.psm-btn.danger:not(:disabled):hover{background:#991b1b26;border-color:#ef4444;color:#fecaca}.psm-btn-row{display:flex;gap:10px;margin-top:16px}.psm-info-row{display:flex;align-items:center;gap:12px;margin-bottom:20px;background:#111;border:1px solid #222;border-radius:8px;padding:10px 14px}.psm-info-label{font-size:12px;color:#666}.psm-info-value{font-size:13px;color:#ccc;font-weight:500}.psm-alert{background:#fbbf2414;border:1px solid rgba(251,191,36,.25);border-radius:8px;padding:10px 14px;font-size:13px;color:#fbbf24;margin-bottom:20px;line-height:1.5}.psm-success-box{display:flex;align-items:flex-start;gap:14px;background:#4ade8014;border:1px solid rgba(74,222,128,.2);border-radius:10px;padding:16px 18px;margin-top:8px}.psm-success-box strong{display:block;color:#4ade80;font-size:14px;margin-bottom:4px}.psm-success-box p{font-size:13px;color:#86efac;margin:0;line-height:1.5;word-break:break-word;overflow-wrap:anywhere}.psm-error-box{background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:8px;padding:10px 14px;font-size:13px;color:#f87171;margin-bottom:16px}.psm-danger-box{background:#7f1d1d26;border:1px solid #7f1d1d;border-radius:10px;padding:14px 18px;margin-bottom:20px;font-size:13px;color:#fca5a5;line-height:1.6}.psm-danger-box p{margin:0 0 8px}.psm-danger-box p:last-child{margin:0}.psm-purple-box{background:#8c52ff12;border:1px solid #4a2a8a;border-radius:10px;padding:14px 18px;margin-bottom:20px;font-size:13px;color:#c4aaff;line-height:1.6;box-shadow:0 0 12px #8c52ff14}.psm-purple-box p{margin:0 0 8px}.psm-purple-box p:last-child{margin:0}.psm-purple-box strong{color:#d4bbff}.psm-danger-action-card{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#111;border:1px solid #2a2a2a;border-radius:10px;padding:16px 18px;margin-bottom:12px;transition:border-color .2s,box-shadow .2s}.psm-danger-action-card strong{display:block;font-size:14px;color:#ddd;margin-bottom:4px}.psm-danger-action-card p{font-size:13px;color:#666;margin:0;line-height:1.5}.psm-danger-action-card.psm-card-purple{background:#8c52ff0d;border:1px solid #4a2a8a;box-shadow:0 0 12px #8c52ff14}.psm-danger-action-card.psm-card-purple strong{color:#c49eff}.psm-danger-action-card.psm-card-purple p{color:#7a5aaa}.psm-danger-action-card.psm-card-purple:hover{border-color:#6a3aaa;box-shadow:0 0 18px #8c52ff26}.psm-content::-webkit-scrollbar{width:5px}.psm-content::-webkit-scrollbar-track{background:transparent}.psm-content::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:3px}.psm-sidebar::-webkit-scrollbar{width:4px}.psm-sidebar::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius:2px}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center}.tooltip-content{position:absolute;background:#000000f2;color:#fff;padding:8px 12px;border-radius:6px;font-size:13px;line-height:1.4;white-space:nowrap;z-index:10000;pointer-events:none;animation:tooltipFadeIn .2s ease;box-shadow:0 4px 12px #0000004d;max-width:250px;white-space:normal}.tooltip-top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-arrow{position:absolute;width:0;height:0;border-style:solid}.tooltip-top .tooltip-arrow{bottom:-4px;left:50%;transform:translate(-50%);border-width:4px 4px 0 4px;border-color:rgba(0,0,0,.95) transparent transparent transparent}.tooltip-bottom .tooltip-arrow{top:-4px;left:50%;transform:translate(-50%);border-width:0 4px 4px 4px;border-color:transparent transparent rgba(0,0,0,.95) transparent}.tooltip-left .tooltip-arrow{right:-4px;top:50%;transform:translateY(-50%);border-width:4px 0 4px 4px;border-color:transparent transparent transparent rgba(0,0,0,.95)}.tooltip-right .tooltip-arrow{left:-4px;top:50%;transform:translateY(-50%);border-width:4px 4px 4px 0;border-color:transparent rgba(0,0,0,.95) transparent transparent}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tooltip-bottom{animation:tooltipFadeInBottom .2s ease}@keyframes tooltipFadeInBottom{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tooltip-left{animation:tooltipFadeInLeft .2s ease}@keyframes tooltipFadeInLeft{0%{opacity:0;transform:translateY(-50%) translate(4px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.tooltip-right{animation:tooltipFadeInRight .2s ease}@keyframes tooltipFadeInRight{0%{opacity:0;transform:translateY(-50%) translate(-4px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--text-muted);cursor:help;transition:all .2s;margin-left:6px}.info-icon:hover{color:var(--accent);transform:scale(1.1)}.info-icon svg{width:100%;height:100%}.notif-bell-btn{position:relative;background:none;border:none;color:#aaa;cursor:pointer;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;flex-shrink:0}.notif-bell-btn:hover{background:#ffffff14;color:#fff}.notif-bell-unread{color:#fff}.notif-red-dot{position:absolute;top:5px;right:5px;width:8px;height:8px;background:#ef4444;border-radius:50%;border:1.5px solid #111;pointer-events:none}.notif-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:99999;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.notif-panel{background:#1e1f22;border:1px solid #3a3d42;border-radius:14px;box-shadow:0 24px 64px #000000b3;width:400px;max-width:95vw;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.notif-close-x{background:none;border:none;color:#72767d;font-size:16px;cursor:pointer;padding:2px 6px;border-radius:4px;transition:color .15s;line-height:1}.notif-close-x:hover{color:#fff}.notif-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid #2a2a2a;font-size:14px;font-weight:600;color:#fff;flex-shrink:0}.notif-clear-btn{background:none;border:none;color:#666;font-size:12px;cursor:pointer;transition:color .15s;padding:2px 6px;border-radius:4px}.notif-clear-btn:hover{color:#ef4444;background:#ef444414}.notif-panel-body{overflow-y:auto;flex:1}.notif-empty{text-align:center;padding:32px 16px;color:#555;font-size:13px}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;cursor:pointer;transition:background .15s;position:relative;border-bottom:1px solid #222}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#222}.notif-item-unread{background:#8c52ff0f}.notif-item-unread:hover{background:#8c52ff1a}.notif-avatar-wrap{flex-shrink:0}.notif-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #444}.notif-avatar.tier-ring-free{border-color:#555}.notif-avatar.tier-ring-pro{border-color:#3b82f6}.notif-avatar.tier-ring-premium{border-color:#d4af37}.notif-content{flex:1;min-width:0}.notif-text{font-size:13px;color:#ccc;margin:0 0 3px;line-height:1.4}.notif-text strong{color:#fff}.notif-text em{color:#8c52ff;font-style:normal}.notif-dm-preview{color:#888;font-style:italic!important;font-size:11px}.notif-time{font-size:11px;color:#555}.notif-unread-dot{width:8px;height:8px;background:#8c52ff;border-radius:50%;flex-shrink:0;margin-top:4px}.up-follow-btn-wrap{display:flex;align-items:center}.up-follow-notif-divider{width:1px;height:60%;background:#0000004d;margin:0;flex-shrink:0}.up-follow-notif-btn{background:none;border:none;color:inherit;cursor:pointer;padding:0 8px;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .15s;height:100%}.up-follow-notif-btn:hover{opacity:1}.up-follow-notif-btn.active{color:#fbbf24;opacity:1}.fs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:100000;display:flex;align-items:center;justify-content:center}.fs-modal{background:#2b2d31;border-radius:10px;width:740px;max-width:96vw;max-height:82vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px #000000b3}.fs-header{display:flex;align-items:center;gap:10px;padding:0 16px;height:52px;border-bottom:1px solid #1e1f22;flex-shrink:0;background:#2b2d31}.fs-header-icon{color:#b5bac1;flex-shrink:0}.fs-header-title{font-size:16px;font-weight:700;color:#f2f3f5;flex-shrink:0;margin-right:4px}.fs-header:after{content:"";display:block;width:1px;height:24px;background:#3f4147;flex-shrink:0;order:3}.fs-tabs{display:flex;align-items:center;gap:2px;flex:1;order:4}.fs-tab{background:none;border:none;color:#b5bac1;font-size:14px;font-weight:500;padding:6px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .12s,color .12s;white-space:nowrap}.fs-tab:hover{background:#ffffff0f;color:#dbdee1}.fs-tab.active{background:#ffffff1a;color:#f2f3f5}.fs-tab-badge{background:#5865f2;color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center}.fs-tab-badge.pending{background:#ed4245}.fs-add-friend-btn{background:#248046;border:none;color:#fff;font-size:13px;font-weight:600;padding:7px 16px;border-radius:4px;cursor:pointer;white-space:nowrap;margin-left:6px;transition:background .15s,opacity .15s}.fs-add-friend-btn:hover{background:#1a6334}.fs-close-btn{background:none;border:none;color:#b5bac1;font-size:18px;cursor:pointer;padding:4px 6px;border-radius:4px;line-height:1;transition:color .15s;order:99;margin-left:auto}.fs-close-btn:hover{color:#f2f3f5}.fs-search-wrap{position:relative;padding:12px 16px 0;flex-shrink:0}.fs-search-icon{position:absolute;left:28px;top:50%;transform:translateY(-25%);color:#87898c;pointer-events:none}.fs-search-input{width:100%;background:#1e1f22;border:none;border-radius:4px;color:#dbdee1;font-size:14px;padding:8px 12px 8px 34px;outline:none;box-sizing:border-box;transition:background .15s}.fs-search-input:focus{background:#111214}.fs-search-input::placeholder{color:#87898c}.fs-section-label{font-size:11px;font-weight:700;color:#949ba4;letter-spacing:.06em;padding:16px 16px 4px;flex-shrink:0;text-transform:uppercase}.fs-list{flex:1;overflow-y:auto;padding:0 8px 8px}.fs-list::-webkit-scrollbar{width:4px}.fs-list::-webkit-scrollbar-track{background:transparent}.fs-list::-webkit-scrollbar-thumb{background:#1e1f22;border-radius:2px}.fs-row{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:8px;border-top:1px solid transparent;transition:background .1s;cursor:default}.fs-row:hover{background:#ffffff0f}.fs-row.clickable{cursor:pointer}.fs-avatar-wrap{position:relative;flex-shrink:0}.fs-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;display:block}.fs-status-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid #2b2d31}.fs-row:hover .fs-status-dot{border-color:#35373c}.fs-status-dot.online{background:#23a55a}.fs-status-dot.offline{background:#80848e}.fs-row-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.fs-username{font-size:15px;font-weight:600;color:#f2f3f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fs-substatus{font-size:12px;color:#87898c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fs-row-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;opacity:0;transition:opacity .15s}.fs-row:hover .fs-row-actions{opacity:1}.fs-action-btn{background:#1e1f22;border:none;color:#b5bac1;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}.fs-action-btn:hover{background:#5865f2;color:#fff}.fs-accept-btn,.fs-ignore-btn{width:36px;height:36px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.fs-accept-btn{background:#23a55a33;color:#23a55a}.fs-accept-btn:hover{background:#23a55a;color:#fff}.fs-ignore-btn{background:#ed424526;color:#ed4245}.fs-ignore-btn:hover{background:#ed4245;color:#fff}.fs-empty{text-align:center;color:#87898c;font-size:14px;padding:32px 0}.fs-add-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:100001;display:flex;align-items:center;justify-content:center}.fs-add-modal{background:#313338;border-radius:10px;width:480px;max-width:95vw;padding:24px;box-shadow:0 24px 80px #000c;display:flex;flex-direction:column;gap:12px}.fs-add-title{font-size:20px;font-weight:700;color:#f2f3f5;margin:0}.fs-add-subtitle{font-size:14px;color:#b5bac1;margin:0;line-height:1.5}.fs-add-input-row{display:flex;gap:8px;background:#1e1f22;border-radius:8px;padding:4px 4px 4px 12px;border:1px solid #1e1f22;transition:border-color .15s}.fs-add-input-row:focus-within{border-color:#5865f2}.fs-add-input{flex:1;background:none;border:none;color:#f2f3f5;font-size:14px;padding:8px 0;outline:none}.fs-add-input::placeholder{color:#87898c}.fs-add-send-btn{background:#5865f2;border:none;color:#fff;font-size:13px;font-weight:600;padding:8px 14px;border-radius:5px;cursor:pointer;white-space:nowrap;transition:background .15s,opacity .15s}.fs-add-send-btn:hover:not(:disabled){background:#4752c4}.fs-add-send-btn:disabled{opacity:.4;cursor:default}.fs-add-results{display:flex;flex-direction:column;gap:4px;max-height:220px;overflow-y:auto}.fs-add-result-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:6px;transition:background .1s}.fs-add-result-row:hover{background:#ffffff0f}.fs-req-btn{background:#5865f2;border:none;color:#fff;font-size:12px;font-weight:600;padding:5px 14px;border-radius:5px;cursor:pointer;margin-left:auto;white-space:nowrap;transition:background .15s,opacity .15s}.fs-req-btn:hover:not(:disabled){background:#4752c4}.fs-req-btn.sent,.fs-req-btn:disabled{background:#5865f240;color:#b5bac1;cursor:default}.fs-add-close{background:none;border:1px solid #4e5058;color:#b5bac1;font-size:13px;font-weight:600;padding:8px 16px;border-radius:6px;cursor:pointer;align-self:flex-end;transition:background .15s,color .15s}.fs-add-close:hover{background:#ffffff12;color:#f2f3f5}.tier-ring-free{border:2px solid #444}.tier-ring-pro{border:2px solid #667eea;box-shadow:0 0 0 1px #667eea66}.tier-ring-premium{border:2px solid #f6c90e;box-shadow:0 0 0 1px #f6c90e66}.tier-ring-elite{border:2px solid #e53e3e;box-shadow:0 0 0 1px #e53e3e66}.up-add-friend-btn{background:#ffffff14;border:1px solid #444;color:#ddd;font-size:12px;font-weight:600;padding:7px 14px;border-radius:20px;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}.up-add-friend-btn:hover:not(:disabled){background:#ffffff24;border-color:#666;color:#fff}.up-add-friend-btn.pending{background:#fb923c1f;border-color:#fb923c66;color:#fb923c;cursor:default}.up-add-friend-btn.friends{background:#48bb781a;border-color:#48bb784d;color:#48bb78;cursor:default}.up-social-btn{display:flex;align-items:center;gap:6px;background:#ffffff12;border:1px solid #444;color:#ccc;font-size:12px;font-weight:600;padding:7px 14px;border-radius:20px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.up-social-btn:hover{background:#ffffff21;color:#fff}.up-own-actions,.up-other-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.notif-friend-actions{display:flex;gap:6px;margin-top:5px}.notif-accept-btn{background:#48bb7826;border:1px solid rgba(72,187,120,.35);color:#48bb78;font-size:11px;font-weight:600;padding:3px 10px;border-radius:6px;cursor:pointer;transition:background .15s}.notif-accept-btn:hover{background:#48bb784d}.notif-ignore-btn{background:#ffffff0d;border:1px solid #333;color:#888;font-size:11px;font-weight:600;padding:3px 10px;border-radius:6px;cursor:pointer;transition:background .15s}.notif-ignore-btn:hover{background:#ffffff1a;color:#bbb}.notif-friend-status{font-size:11px;color:#888;margin-top:4px;font-style:italic}.fs-context-menu{background:#2b2d31;border:1px solid #1e1f22;border-radius:8px;box-shadow:0 8px 24px #00000080;padding:4px;min-width:160px;z-index:999999}.fs-ctx-item{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;color:#dcddde;font-size:13px;padding:7px 10px;border-radius:4px;cursor:pointer;text-align:left;transition:background .1s}.fs-ctx-item:hover{background:#ffffff14}.fs-ctx-item.danger{color:#ed4245}.fs-ctx-item.danger:hover{background:#ed424526}.fs-ctx-divider{height:1px;background:#3a3d42;margin:4px 0}.dm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:100002;display:flex;align-items:center;justify-content:center}.dm-panel{background:#313338;border-radius:10px;width:520px;max-width:96vw;height:600px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px #000000bf}.dm-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #1e1f22;flex-shrink:0;background:#2b2d31}.dm-header-avatar-wrap{flex-shrink:0}.dm-header-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;display:block}.dm-header-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.dm-header-username{font-size:15px;font-weight:700;color:#f2f3f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-header-subtitle{font-size:11px;color:#87898c}.dm-close-btn{background:none;border:none;color:#b5bac1;font-size:18px;cursor:pointer;padding:4px 6px;border-radius:4px;line-height:1;transition:color .15s}.dm-close-btn:hover{color:#f2f3f5}.dm-messages{flex:1;overflow-y:auto;padding:16px 8px 8px;display:flex;flex-direction:column;gap:0}.dm-messages::-webkit-scrollbar{width:4px}.dm-messages::-webkit-scrollbar-track{background:transparent}.dm-messages::-webkit-scrollbar-thumb{background:#1e1f22;border-radius:2px}.dm-empty{text-align:center;color:#87898c;font-size:14px;padding:32px 0;flex:1;display:flex;align-items:center;justify-content:center}.dm-start-convo{display:flex;flex-direction:column;align-items:flex-start;padding:24px 16px 16px;gap:6px}.dm-start-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;margin-bottom:8px}.dm-start-name{font-size:20px;font-weight:700;color:#f2f3f5}.dm-start-subtitle{font-size:14px;color:#87898c;line-height:1.5}.dm-start-divider{height:1px;background:#3a3d42;margin:16px 0 8px;flex-shrink:0}.dm-date-sep{display:flex;align-items:center;gap:8px;margin:16px 8px 8px;color:#87898c;font-size:11px;font-weight:700}.dm-date-sep:before,.dm-date-sep:after{content:"";flex:1;height:1px;background:#3f4147}.dm-msg-row{display:flex;gap:12px;padding:6px 8px 2px;border-radius:4px;transition:background .1s}.dm-msg-row:hover{background:#00000014}.dm-msg-compact{padding-top:1px;padding-bottom:1px}.dm-msg-compact:hover{background:#00000014}.dm-msg-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;margin-top:2px}.dm-msg-avatar-spacer{width:36px;flex-shrink:0}.dm-msg-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dm-msg-meta{display:flex;align-items:baseline;gap:8px}.dm-msg-username{font-size:14px;font-weight:600;color:#f2f3f5}.dm-msg-time{font-size:11px;color:#87898c}.dm-msg-text{font-size:14px;color:#dcddde;line-height:1.5;word-break:break-word;white-space:pre-wrap}.dm-input-area{display:flex;align-items:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #1e1f22;background:#313338;flex-shrink:0}.dm-input{flex:1;background:#383a40;border:none;border-radius:8px;color:#dcddde;font-size:14px;padding:10px 14px;outline:none;resize:none;line-height:1.5;font-family:inherit;max-height:120px;overflow-y:auto}.dm-input::placeholder{color:#87898c}.dm-input:focus{background:#40444b}.dm-send-btn{background:#5865f2;border:none;color:#fff;width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s,opacity .15s}.dm-send-btn:hover:not(:disabled){background:#4752c4}.dm-send-btn:disabled{opacity:.35;cursor:default}.dmconv-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99000;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.dmconv-panel{background:#2b2d31;border:1px solid #1e1f22;border-radius:12px;width:380px;max-width:95vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #000000b3;overflow:hidden;animation:dmconv-in .18s ease}@keyframes dmconv-in{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.dmconv-header{display:flex;align-items:center;gap:8px;padding:14px 14px 12px;border-bottom:1px solid #1e1f22;flex-shrink:0}.dmconv-title{flex:1;font-size:14px;font-weight:700;color:#e2e8f0;display:flex;align-items:center;gap:8px}.dmconv-unread-badge{background:#e53e3e;color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center}.dmconv-header-actions{display:flex;align-items:center;gap:6px}.dmconv-social-btn{display:flex;align-items:center;gap:5px;background:#7289da26;border:1px solid rgba(114,137,218,.3);color:#7289da;font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px;cursor:pointer;transition:background .15s,color .15s}.dmconv-social-btn:hover{background:#7289da47;color:#9baef0}.dmconv-close{background:none;border:none;color:#666;font-size:16px;cursor:pointer;padding:2px 6px;border-radius:4px;transition:color .15s;line-height:1}.dmconv-close:hover{color:#fff}.dmconv-list{flex:1;overflow-y:auto;padding:6px 4px}.dmconv-list::-webkit-scrollbar{width:4px}.dmconv-list::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.dmconv-empty{text-align:center;color:#555;font-size:12px;padding:36px 16px;line-height:1.6}.dmconv-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .12s;position:relative}.dmconv-row:hover{background:#ffffff0d}.dmconv-row.unread{background:#ffffff08}.dmconv-avatar-wrap{position:relative;flex-shrink:0}.dmconv-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;display:block}.dmconv-dot{position:absolute;bottom:0;right:-1px;width:10px;height:10px;border-radius:50%;background:#e53e3e;border:2px solid #2b2d31}.dmconv-info{flex:1;min-width:0}.dmconv-name-row{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin-bottom:2px}.dmconv-username{font-size:13px;font-weight:600;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dmconv-time{font-size:10px;color:#555;white-space:nowrap;flex-shrink:0}.dmconv-preview{font-size:12px;color:#72767d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.dmconv-preview.bold{color:#b9bbbe;font-weight:600}.dmconv-count{background:#e53e3e;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;flex-shrink:0}.devpanel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:9999;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.devpanel-root{display:flex;width:900px;max-width:96vw;height:620px;max-height:92vh;background:#1e1f22;border-radius:12px;border:1px solid #3a3d42;overflow:hidden;box-shadow:0 24px 80px #000000b3}.devpanel-sidebar{width:180px;min-width:180px;background:#2b2d31;display:flex;flex-direction:column;padding:16px 8px;border-right:1px solid #1e1f22;gap:2px}.devpanel-sidebar-title{color:#7c3aed;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:0 8px 12px;border-bottom:1px solid #3a3d42;margin-bottom:8px}.devpanel-tab{display:flex;align-items:center;gap:8px;padding:9px 10px;border:none;background:transparent;color:#949ba4;font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;transition:background .15s,color .15s;text-align:left;width:100%}.devpanel-tab:hover{background:#383a40;color:#dbdee1}.devpanel-tab.active{background:#404249;color:#fff}.devpanel-tab svg{flex-shrink:0;opacity:.7}.devpanel-tab.active svg{opacity:1;color:#7c3aed}.devpanel-close-btn{display:flex;align-items:center;gap:6px;padding:8px 10px;margin-top:auto;border:1px solid #3a3d42;background:transparent;color:#949ba4;font-size:12px;border-radius:6px;cursor:pointer;transition:all .15s;width:100%}.devpanel-close-btn:hover{background:#383a40;color:#dbdee1;border-color:#5a5d65}.devpanel-content{flex:1;overflow-y:auto;padding:24px;background:#1e1f22}.devpanel-content::-webkit-scrollbar{width:6px}.devpanel-content::-webkit-scrollbar-track{background:transparent}.devpanel-content::-webkit-scrollbar-thumb{background:#3a3d42;border-radius:3px}.devpanel-section{display:flex;flex-direction:column;gap:16px}.devpanel-section-header{display:flex;align-items:center;justify-content:space-between}.devpanel-section-title{font-size:18px;font-weight:700;color:#fff;margin:0}.devpanel-subsection-title{font-size:13px;font-weight:600;color:#949ba4;text-transform:uppercase;letter-spacing:.8px;margin:0}.devpanel-section-desc{font-size:13px;color:#72767d;margin:-8px 0 0;line-height:1.5}.devpanel-breadcrumb{margin-bottom:-4px}.devpanel-back-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px 5px 7px;background:transparent;border:1px solid #3a3d42;border-radius:6px;color:#949ba4;font-size:12px;cursor:pointer;transition:all .15s}.devpanel-back-btn:hover{background:#2b2d31;color:#dbdee1}.devpanel-search-row{display:flex;gap:8px}.devpanel-input{flex:1;background:#2b2d31;border:1px solid #3a3d42;border-radius:6px;color:#dbdee1;font-size:13px;padding:8px 12px;outline:none;transition:border-color .15s}.devpanel-input:focus{border-color:#7c3aed}.devpanel-input::placeholder{color:#4e5058}.devpanel-input-sm{width:80px;background:#2b2d31;border:1px solid #3a3d42;border-radius:6px;color:#dbdee1;font-size:13px;padding:8px 10px;outline:none;transition:border-color .15s}.devpanel-input-sm:focus{border-color:#7c3aed}.devpanel-select{background:#2b2d31;border:1px solid #3a3d42;border-radius:6px;color:#dbdee1;font-size:13px;padding:8px 10px;outline:none;cursor:pointer}.devpanel-select:focus{border-color:#7c3aed}.devpanel-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.devpanel-btn.primary{background:#7c3aed;color:#fff}.devpanel-btn.primary:hover{background:#6d28d9}.devpanel-btn.primary:disabled{background:#4a2d8a;color:#9ca3af;cursor:not-allowed}.devpanel-btn.secondary{background:#2b2d31;color:#dbdee1;border:1px solid #3a3d42}.devpanel-btn.secondary:hover{background:#383a40}.devpanel-btn.danger-sm{padding:5px 10px;background:transparent;border:1px solid #da3633;border-radius:5px;color:#da3633;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.devpanel-btn.danger-sm:hover{background:#da36331a}.devpanel-results-list{display:flex;flex-direction:column;gap:4px;border:1px solid #3a3d42;border-radius:8px;overflow:hidden}.devpanel-result-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#2b2d31;cursor:pointer;transition:background .15s;border-bottom:1px solid #1e1f22}.devpanel-result-row:last-child{border-bottom:none}.devpanel-result-row:hover{background:#383a40}.devpanel-result-avatar{width:32px;height:32px;border-radius:50%;background:#404249;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.devpanel-result-avatar img{width:100%;height:100%;object-fit:cover}.devpanel-result-avatar span{color:#dbdee1;font-size:13px;font-weight:700}.devpanel-result-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.devpanel-result-name{font-size:13px;font-weight:600;color:#dbdee1}.devpanel-result-email{font-size:11px;color:#72767d}.devpanel-user-header{display:flex;align-items:flex-start;gap:14px;background:#2b2d31;border:1px solid #3a3d42;border-radius:8px;padding:16px}.devpanel-user-avatar{width:52px;height:52px;border-radius:50%;background:#404249;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.devpanel-user-avatar img{width:100%;height:100%;object-fit:cover}.devpanel-user-avatar span{color:#dbdee1;font-size:20px;font-weight:700}.devpanel-user-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.devpanel-user-name{font-size:16px;font-weight:700;color:#fff}.devpanel-user-email{font-size:12px;color:#72767d}.devpanel-user-id{font-size:11px;color:#72767d}.devpanel-user-id code{background:#1e1f22;padding:1px 4px;border-radius:3px;font-family:monospace;font-size:11px;color:#7c3aed}.devpanel-user-tier{font-size:12px;color:#72767d;margin-top:2px}.devpanel-export-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;background:transparent;border:1px solid #3a3d42;border-radius:6px;color:#949ba4;font-size:12px;cursor:pointer;transition:all .15s;flex-shrink:0}.devpanel-export-btn:hover{background:#383a40;color:#dbdee1}.devpanel-projects-list{display:flex;flex-direction:column;gap:4px}.devpanel-project-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:#2b2d31;border:1px solid #3a3d42;border-radius:6px}.devpanel-project-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.devpanel-project-name{font-size:13px;font-weight:600;color:#dbdee1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.devpanel-project-id{font-size:11px;color:#72767d;display:none}.devpanel-project-id code{font-family:monospace;font-size:10px;color:#4e5058}.devpanel-visibility-badge{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:2px 6px;border-radius:4px}.devpanel-visibility-badge.public{background:#23863633;color:#57f287}.devpanel-visibility-badge.private{background:#fbbf2426;color:#fbbf24}.devpanel-visibility-badge.unlisted{background:#60a5fa26;color:#60a5fa}.devpanel-view-code-btn{padding:4px 10px;background:transparent;border:1px solid #3a3d42;border-radius:5px;color:#949ba4;font-size:11px;cursor:pointer;transition:all .15s;white-space:nowrap}.devpanel-view-code-btn:hover{background:#383a40;color:#dbdee1}.devpanel-tier-badge{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:2px 7px;border-radius:4px;white-space:nowrap}.devpanel-tier-badge.tier-free{background:#72767d33;color:#72767d}.devpanel-tier-badge.tier-pro{background:#5865f233;color:#7c86fa}.devpanel-tier-badge.tier-premium{background:#faa61a33;color:#faa61a}.devpanel-found-user-card{background:#2b2d31;border:1px solid #3a3d42;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:8px}.devpanel-found-name{font-size:15px;font-weight:700;color:#fff}.devpanel-found-uid{font-size:11px;color:#72767d}.devpanel-found-uid code{font-family:monospace;color:#7c3aed}.devpanel-found-tier{font-size:12px;color:#949ba4;display:flex;align-items:center;gap:6px}.devpanel-found-expiry{font-size:12px;color:#faa61a}.devpanel-grant-controls{margin-top:8px;display:flex;flex-direction:column;gap:10px}.devpanel-field-row{display:flex;align-items:center;gap:10px}.devpanel-field-row label{font-size:12px;color:#949ba4;width:100px;flex-shrink:0}.devpanel-uid-small{font-family:monospace;font-size:11px;color:#4e5058;background:#1e1f22;padding:1px 5px;border-radius:3px}.devpanel-promo-form{background:#2b2d31;border:1px solid #3a3d42;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:10px}.devpanel-promo-list{display:flex;flex-direction:column;gap:6px}.devpanel-promo-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#2b2d31;border:1px solid #3a3d42;border-radius:8px;transition:background .15s}.devpanel-promo-row.active{border-color:#7c3aed66}.devpanel-promo-row.inactive{opacity:.55}.devpanel-promo-code{font-family:monospace;font-size:14px;font-weight:700;color:#7c3aed;letter-spacing:1px;min-width:120px}.devpanel-promo-meta{flex:1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:#72767d}.devpanel-promo-dates{font-size:11px;color:#4e5058}.devpanel-promo-status{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:4px}.devpanel-promo-status.active{background:#57f28726;color:#57f287}.devpanel-promo-status.inactive{background:#72767d26;color:#72767d}.devpanel-promo-redeemed{font-size:11px;color:#4e5058}.devpanel-tier-cards{display:flex;gap:12px;flex-wrap:wrap}.devpanel-tier-card{flex:1;min-width:140px;max-width:200px;padding:16px;background:#2b2d31;border:2px solid #3a3d42;border-radius:10px;cursor:pointer;transition:all .2s;text-align:left;display:flex;flex-direction:column;gap:6px}.devpanel-tier-card:hover{background:#383a40;border-color:var(--tier-color)}.devpanel-tier-card.active{background:#383a40;border-color:var(--tier-color);box-shadow:0 0 0 1px var(--tier-color),0 4px 16px #0000004d}.devpanel-tier-card-name{font-size:16px;font-weight:800;letter-spacing:.5px}.devpanel-tier-card-desc{font-size:11px;color:#72767d;line-height:1.4}.devpanel-tier-card-check{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--tier-color);margin-top:4px}.devpanel-msg{font-size:13px;padding:10px 14px;border-radius:6px;font-weight:500}.devpanel-msg.success{background:#57f2871a;color:#57f287;border:1px solid rgba(87,242,135,.25)}.devpanel-msg.error{background:#da36331a;color:#fa7970;border:1px solid rgba(218,54,51,.25)}.devpanel-error{font-size:12px;color:#fa7970;background:#da36331a;border:1px solid rgba(218,54,51,.25);padding:8px 12px;border-radius:6px}.devpanel-loading{color:#72767d;font-size:13px;padding:16px 0}.devpanel-empty{color:#4e5058;font-size:13px;padding:16px 0;text-align:center}.dev-panel-trigger-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#7c3aed1f;border:1px solid rgba(124,58,237,.35);border-radius:20px;color:#a78bfa;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:.3px}.dev-panel-trigger-btn:hover{background:#7c3aed38;border-color:#7c3aed99;color:#c4b5fd;box-shadow:0 0 10px #7c3aed40}.dev-panel-trigger-btn svg{opacity:.85}.devpanel-admin-actions{background:#2b2d31;border:1px solid #3a3d42;border-radius:8px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.devpanel-project-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.devpanel-preview-code-btn,.devpanel-export-zip-btn{padding:4px 10px;background:transparent;border:1px solid #3a3d42;border-radius:5px;color:#949ba4;font-size:11px;cursor:pointer;transition:all .15s;white-space:nowrap}.devpanel-preview-code-btn:hover{background:#5865f226;border-color:#5865f280;color:#949cf7}.devpanel-export-zip-btn:hover{background:#2386361f;border-color:#23863666;color:#57f287}.devpanel-cpv-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px}.devpanel-cpv-modal{background:#1e1f22;border:1px solid #3a3d42;border-radius:10px;width:860px;max-width:95vw;height:600px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #0009}.devpanel-cpv-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #3a3d42;background:#2b2d31;flex-shrink:0}.devpanel-cpv-title{font-size:13px;font-weight:600;color:#dbdee1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.devpanel-cpv-close{background:transparent;border:none;color:#72767d;font-size:15px;cursor:pointer;line-height:1;padding:2px 6px;border-radius:4px;transition:color .15s,background .15s;flex-shrink:0}.devpanel-cpv-close:hover{color:#dbdee1;background:#383a40}.devpanel-cpv-body{display:flex;flex:1;overflow:hidden}.devpanel-cpv-sidebar{width:180px;min-width:140px;background:#2b2d31;border-right:1px solid #3a3d42;overflow-y:auto;display:flex;flex-direction:column;padding:8px 0;flex-shrink:0}.devpanel-cpv-file-item{display:flex;align-items:center;gap:8px;padding:7px 12px;cursor:pointer;font-size:12px;color:#949ba4;transition:background .12s,color .12s;border-left:2px solid transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.devpanel-cpv-file-item:hover{background:#383a40;color:#dbdee1}.devpanel-cpv-file-item.active{background:#5865f21a;color:#949cf7;border-left-color:#5865f2}.devpanel-cpv-file-icon{font-size:11px;flex-shrink:0}.devpanel-cpv-file-name{overflow:hidden;text-overflow:ellipsis}.devpanel-cpv-code-pane{flex:1;overflow:auto;background:#111214}.devpanel-cpv-code{margin:0;padding:16px 20px;font-family:Fira Code,Cascadia Code,Consolas,JetBrains Mono,monospace;font-size:12px;line-height:1.65;color:#c9d1d9;white-space:pre;-moz-tab-size:2;tab-size:2;background:transparent}.devpanel-admin-status-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:8px 12px;background:#111;border:1px solid #222;border-radius:6px}.devpanel-admin-status-label{font-size:12px;color:#666;flex-shrink:0}.devpanel-account-status{font-size:12px;font-weight:700;padding:2px 8px;border-radius:4px}.devpanel-account-status.active{background:#4ade8026;color:#4ade80}.devpanel-account-status.disabled{background:#ef444426;color:#f87171}.devpanel-verified-badge{font-size:11px;color:#4ade80;margin-left:4px}.devpanel-admin-sublabel{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#555;margin:10px 0 6px}.devpanel-security-qa{background:#111;border:1px solid #1e1e1e;border-radius:6px;padding:10px 12px;margin-bottom:10px}.devpanel-security-qa-row{display:flex;flex-direction:column;gap:2px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #1a1a1a}.devpanel-security-qa-row:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.devpanel-sq-q{font-size:12px;color:#aaa}.devpanel-sq-a{font-size:11px;color:#555}.devpanel-btn.primary-sm{font-size:11px;padding:4px 10px;border-radius:4px;background:#4a7ff7;color:#fff;border:none;cursor:pointer;margin-left:auto}.devpanel-btn.primary-sm:hover{background:#3a6de0}.devpanel-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:100001;display:flex;align-items:center;justify-content:center}.devpanel-confirm-modal{background:#141414;border:1px solid #333;border-radius:10px;padding:24px 28px;min-width:320px;max-width:420px;width:90%;box-shadow:0 8px 40px #000000b3}.devpanel-confirm-title{font-size:15px;font-weight:700;color:#f87171;margin:0 0 10px}.devpanel-confirm-msg{font-size:13px;color:#ccc;line-height:1.6;margin:0 0 18px}.devpanel-confirm-btns{display:flex;gap:10px;justify-content:flex-end}.devpanel-tier-dropdown-btn{display:flex;align-items:center;gap:7px;background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#ddd;font-size:12px;font-weight:600;padding:6px 10px;cursor:pointer;transition:border-color .15s,background .15s;min-width:110px}.devpanel-tier-dropdown-btn:hover{border-color:#555;background:#222}.devpanel-tier-dropdown-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.devpanel-tier-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:4px;min-width:130px;z-index:9999;box-shadow:0 4px 20px #00000080}.devpanel-tier-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;background:transparent;border:none;border-radius:5px;color:#ccc;font-size:12px;font-weight:600;cursor:pointer;transition:background .12s}.devpanel-tier-dropdown-item:hover{background:#252525;color:#fff}.devpanel-tier-dropdown-item.active{background:#222;color:#fff}.homepage{width:100vw;height:100vh;overflow-y:auto;overflow-x:hidden;background:#333}.homepage-header{position:fixed;top:0;left:0;right:0;height:60px;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:1000}.homepage-logo{display:flex;align-items:center;gap:8px;cursor:pointer;transition:opacity .2s}.homepage-logo:hover{opacity:.8}.homepage-logo .logo-icon{font-size:24px;font-weight:700;color:#5865f2}.homepage-logo .logo-image{width:42px;height:42px;object-fit:contain;margin-right:6px}.homepage-logo .logo-text{font-size:18px;font-weight:600;color:#8c52ff}.homepage-user-section{position:relative;display:flex;align-items:center;flex-direction:row;gap:4px}.homepage-user-avatar{width:40px;height:40px;border-radius:50%;background:#000;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;overflow:hidden;cursor:pointer;transition:all .2s;border:2px solid transparent}.homepage-user-avatar:hover{transform:scale(1.05)}.homepage-user-avatar img{width:100%;height:100%;object-fit:cover}.homepage-user-avatar.tier-ring-free{border:3px solid #666666}.homepage-user-avatar.tier-ring-pro{border:2.5px solid transparent;background-image:linear-gradient(#000,#000),linear-gradient(135deg,#667eea,#764ba2);background-origin:border-box;background-clip:padding-box,border-box;border-radius:50%!important}.homepage-user-avatar.tier-ring-premium{border:3px solid transparent;background-image:linear-gradient(#000,#000),linear-gradient(135deg,gold,#ffed4e);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 12px #ffd70066}.homepage-user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:#000000f2;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:4px;z-index:1000}.homepage-dropdown-header{padding:12px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:8px;display:flex;flex-direction:column;align-items:center;gap:8px}.homepage-avatar-large{width:60px;height:60px;border-radius:50%;background:#000;color:#fff;font-weight:600;font-size:24px;display:flex;align-items:center;justify-content:center;overflow:visible;border:3px solid transparent;position:relative;cursor:pointer;transition:all .2s}.homepage-avatar-large:hover{transform:scale(1.05)}.homepage-avatar-large:hover .avatar-edit-indicator{opacity:1}.homepage-avatar-large img{width:100%;height:100%;object-fit:cover;border-radius:50%}.homepage-avatar-large.tier-ring-free{border:3px solid #666666}.homepage-avatar-large.tier-ring-pro{border:2.5px solid transparent;background-image:linear-gradient(#000,#000),linear-gradient(135deg,#667eea,#764ba2);background-origin:border-box;background-clip:padding-box,border-box;border-radius:50%!important}.homepage-avatar-large.tier-ring-premium{border:3px solid transparent;background-image:linear-gradient(#000000f2,#000000f2),linear-gradient(135deg,gold,#ffed4e);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 12px #ffd70066}.homepage-user-email{color:#fff;font-size:13px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;display:block}.homepage-user-username{font-size:12px;color:#8c52ff;text-align:center;font-weight:500;margin-top:2px}.homepage-user-id{color:#fff9;font-size:11px;text-align:center}.homepage-dropdown-item{padding:10px 12px;background:transparent;border:none;color:#fff;text-align:left;border-radius:6px;cursor:pointer;transition:background .2s;font-size:13px;display:flex;align-items:center;gap:10px}.homepage-dropdown-item:hover{background:#ffffff1a}.homepage-dropdown-item svg{flex-shrink:0}.large-header{position:relative;width:100%;height:100vh;background:#333;background-image:url(https://www.marcoguglie.it/Codepen/AnimatedHeaderBg/demo-1/img/demo-1-bg.jpg);background-size:cover;background-position:center center;overflow:hidden;user-select:none;-webkit-user-select:none}.canvas-protect-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;user-select:none;-webkit-user-select:none}.demo-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.main-title{position:absolute;margin:0;padding:0;color:#f9f1e9;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%);text-transform:uppercase;font-size:clamp(1.8rem,6vw,5rem);letter-spacing:.1em;z-index:10;white-space:nowrap}.main-title .thin{font-weight:200}.enter-studio-btn{position:absolute;left:50%;top:65%;transform:translate(-50%,-50%);font-size:clamp(.9rem,2vw,1.3rem);padding:.7em 2.5em;border-radius:999px;background:linear-gradient(90deg,#5865f2 60%,#43b581);color:#fff;border:none;box-shadow:0 2px 16px #5865f229;cursor:pointer;font-weight:600;transition:all .2s;z-index:10;white-space:nowrap}.enter-studio-btn:hover{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 4px 24px #5865f24d}.homepage-content{background:var(--bg);position:relative;z-index:5}.features-section,.pricing-section{max-width:1200px;margin:0 auto;padding:80px 40px}.features-section h2,.pricing-section h2{text-align:center;font-size:3em;margin-bottom:20px;color:var(--text)}.section-subtitle{text-align:center;font-size:1.2em;color:var(--text-muted);margin-bottom:60px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.feature-card{background:var(--bg-alt);border:1px solid var(--border);border-radius:12px;padding:40px 30px;transition:all .3s;position:relative}.feature-card>.tooltip-wrapper{position:absolute;top:12px;right:12px}.feature-card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 10px 30px #5865f233}.feature-icon{font-size:3em;margin-bottom:20px}.feature-icon-svg{width:48px;height:48px;margin:0 auto 20px;color:#5865f2;transition:all .3s}.feature-card:hover .feature-icon-svg{color:#7289da;transform:scale(1.1)}.feature-card h3{font-size:1.5em;margin-bottom:15px;color:var(--text)}.feature-card p{color:var(--text-muted);line-height:1.6}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1000px;margin:0 auto}.pricing-card{background:var(--bg-alt);border:1px solid var(--border);border-radius:16px;padding:40px 30px;position:relative;transition:all .3s;display:flex;flex-direction:column}.pricing-card:hover{transform:translateY(-5px);border-color:var(--accent)}.pricing-card.featured{border-color:var(--accent);box-shadow:0 0 30px #5865f24d}.pricing-card.premium-card{background:linear-gradient(135deg,#b8941f,#d4af37,#f4d03f,#d4af37,#b8941f);border:3px solid #000;box-shadow:0 0 30px #d4af3799,inset 0 2px 4px #ffffff80,inset 0 -2px 4px #0000004d,0 4px 12px #0006}.pricing-card.premium-card h3,.pricing-card.premium-card .pricing-price,.pricing-card.premium-card .price,.pricing-card.premium-card .features-list li,.pricing-card.premium-card button{color:#000!important}.pricing-card.premium-card .pricing-price span,.pricing-card.premium-card .price span{color:#000!important;opacity:.8}.pricing-card.premium-card .features-list li{border-bottom-color:#000!important;opacity:.9}.pricing-card.current-plan{border-color:#4caf50}.featured-badge,.best-value-badge,.current-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);color:#fff;padding:6px 20px;border-radius:20px;font-size:.85em;font-weight:600}.featured-badge{background:var(--accent)}.current-badge{background:#4caf50}.pricing-card h3{font-size:1.8em;margin-bottom:20px;color:var(--text)}.price{font-size:3em;font-weight:700;color:var(--accent);margin-bottom:30px}.price span{font-size:.4em;color:var(--text-muted);font-weight:400}.features-list{list-style:none;margin-bottom:30px;flex:1}.features-list li{padding:12px 0;color:var(--text-muted);border-bottom:1px solid var(--border)}.features-list li:last-child{border-bottom:none}.pricing-btn{width:100%;padding:14px;background:#667eea;border:1px solid #667eea;border-radius:10px;color:#fff;font-weight:600;font-size:1em;transition:all .2s}.pricing-btn:hover{background:#5568d3;border-color:#5568d3;color:#fff}.pricing-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.pricing-btn.primary:hover{background:linear-gradient(135deg,#5568d3,#6a3f91)}.pricing-card.premium-card .pricing-btn{background:linear-gradient(135deg,#b8941f,#d4af37,#f4d03f,#d4af37,#b8941f);border:2px solid #000000;color:#000;box-shadow:inset 0 2px 4px #ffffff80,inset 0 -2px 4px #0000004d}.pricing-card.premium-card .pricing-btn:hover{background:linear-gradient(135deg,#a68419,#c29d2f,#e8c437,#c29d2f,#a68419);border-color:#000;color:#000;box-shadow:inset 0 2px 4px #ffffff80,inset 0 -2px 4px #0000004d}.homepage-footer{text-align:center;padding:40px;border-top:1px solid var(--border);color:var(--text-muted)}@media only screen and (max-width: 768px){.main-title{font-size:clamp(1.4rem,8vw,3rem);white-space:normal;text-align:center;width:90%}.enter-studio-btn{font-size:clamp(.8rem,3.5vw,1.1rem);padding:.65em 1.8em}.features-section h2,.pricing-section h2{font-size:2em}.features-grid,.pricing-grid{grid-template-columns:1fr}}.homepage-house-btn{width:34px;height:34px;border-radius:6px;background:none;border:none;color:#aaa;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-right:0;transition:color .2s;flex-shrink:0}.homepage-house-btn:hover{color:#fff}.homepage-social-btn{width:34px;height:34px;border-radius:6px;background:none;border:none;color:#aaa;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s;flex-shrink:0}.homepage-social-btn:hover{color:#fff}.homepage-user-separator{width:1px;height:24px;background:#333;margin:0 12px;flex-shrink:0}.homepage-signin-btn{background:#0d0d1a;color:#a78bfa;border:1.5px solid #7c3aed;border-radius:999px;padding:8px 22px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 0 8px #7c3aed80,0 0 20px #7c3aed33;letter-spacing:.03em}.homepage-signin-btn:hover{transform:translateY(-1px);box-shadow:0 0 14px #7c3aedcc,0 0 30px #7c3aed59;border-color:#9d6eff;color:#c4b5fd}.homepage-dropdown-group{border-bottom:1px solid #1a1a1a}.homepage-dropdown-group-toggle{width:100%;justify-content:flex-start}.homepage-group-chevron{transition:transform .2s;flex-shrink:0}.homepage-group-chevron.open{transform:rotate(180deg)}.homepage-dropdown-group-items{background:#0a0a0a;border-top:1px solid #1a1a1a}.homepage-dropdown-sub-item{padding-left:28px!important;font-size:12px!important;color:#aaa!important}.homepage-dropdown-sub-item:hover{background:#111!important;color:#fff!important}.dm-toast-container{position:fixed;top:16px;right:16px;z-index:999999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.dm-toast{display:flex;align-items:center;gap:10px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:10px;padding:10px 12px;min-width:260px;max-width:320px;box-shadow:0 4px 20px #00000080;cursor:pointer;pointer-events:all;animation:dm-toast-slide-in .25s ease-out;transition:transform .15s,box-shadow .15s}.dm-toast:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0009}@keyframes dm-toast-slide-in{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.dm-toast-avatar{width:36px;height:36px;border-radius:50%;background:#444;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#ccc;overflow:hidden}.dm-toast-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.dm-toast-content{flex:1;min-width:0}.dm-toast-name{font-size:13px;font-weight:600;color:#e8e8e8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-toast-msg{font-size:12px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.dm-toast-close{width:20px;height:20px;border-radius:50%;background:#444;color:#aaa;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s;padding:0}.dm-toast-close:hover{background:#555;color:#fff}.social-unread-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#e74c3c;border-radius:50%;border:1.5px solid #1a1a1a}.custom-thumbnail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.custom-thumbnail-modal{background:#1a1a1a;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000080;border:1px solid #333}.custom-thumbnail-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #444;background:#000;border-radius:12px 12px 0 0}.custom-thumbnail-header h2{margin:0;font-size:20px;color:#fff}.close-button{background:none;border:none;color:#aaa;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-button:hover{background:#1a1a1a;color:#fff}.close-button svg{width:20px;height:20px}.custom-thumbnail-content{padding:20px}.custom-thumbnail-description{margin:0 0 20px;color:#aaa;font-size:14px;line-height:1.5}.thumbnail-preview-container{width:100%;height:300px;background:#0f0f0f;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:20px;border:2px dashed #444}.thumbnail-preview{width:100%;height:100%;object-fit:contain}.thumbnail-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;color:#666}.thumbnail-placeholder p{margin:0;font-size:14px}.custom-thumbnail-actions{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.select-image-button{width:100%;padding:12px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.select-image-button:hover:not(:disabled){background:#5568d3}.select-image-button:disabled{opacity:.5;cursor:not-allowed}.select-image-button svg{width:18px;height:18px}.action-buttons{display:flex;gap:12px;justify-content:flex-end}.cancel-button,.upload-button{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.cancel-button{background:#1a1a1a;color:#fff}.cancel-button:hover:not(:disabled){background:#444}.upload-button{background:#4ade80;color:#000}.upload-button:hover:not(:disabled){background:#22c55e}.cancel-button:disabled,.upload-button:disabled{opacity:.5;cursor:not-allowed}.thumbnail-requirements{background:#0f0f0f;border-radius:6px;padding:16px;border:1px solid #333}.thumbnail-requirements p{margin:0 0 8px;color:#fff;font-size:13px}.thumbnail-requirements ul{margin:0;padding-left:20px;color:#aaa;font-size:13px;line-height:1.6}.thumbnail-requirements li{margin-bottom:4px}.community-project-banner{display:flex;align-items:center;gap:12px;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px;border-bottom:1px solid #333}.community-project-banner svg{width:20px;height:20px;flex-shrink:0}.community-project-banner strong{font-weight:600}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:0 12px;height:48px!important;min-height:48px!important;max-height:48px!important;flex-shrink:0;overflow:hidden;background:#000;border-bottom:1px solid #1a1a1a;gap:8px;flex-wrap:nowrap;box-sizing:border-box}.header-left{display:flex;align-items:center;gap:0;flex-shrink:0;flex-grow:0;flex-wrap:nowrap;height:48px;min-width:0;overflow:hidden}.logo-small{display:flex;align-items:center;gap:4px;font-weight:700;color:#fff;transition:opacity .2s;white-space:nowrap;flex-shrink:0;height:48px}.logo-small:hover{opacity:.8}.logo-small .logo-icon{font-size:24px;color:var(--accent)}.logo-small .logo-image{width:32px;height:32px;object-fit:contain;flex-shrink:0}.logo-small .logo-text{color:#8c52ff;font-size:16px;font-weight:600;white-space:nowrap}.dev-menu-container{position:relative;margin-right:12px}.dev-menu-btn{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:6px;color:#ffc107;font-size:13px;font-weight:600;transition:all .3s ease;cursor:pointer;overflow:hidden;white-space:nowrap}.dev-menu-btn:hover{background:#ffc10733;border-color:#ffc10780;padding:6px 12px}.dev-menu-btn svg{flex-shrink:0}.dev-dropdown{position:fixed;top:52px;right:60px;background:#1e1e1e;border:1px solid #333;border-radius:8px;padding:8px;min-width:180px;box-shadow:0 4px 12px #0000004d;z-index:10000}.dev-dropdown-header{padding:8px 12px;font-size:11px;color:#999;text-transform:uppercase;font-weight:600;border-bottom:1px solid #333;margin-bottom:4px}.dev-tier-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;color:#d4d4d4;font-size:14px;text-align:left;cursor:pointer;border-radius:4px;transition:all .2s}.dev-tier-option:hover{background:#2a2a2a}.dev-tier-option.active{background:#007acc33;color:#007acc}.tier-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.tier-dot.tier-free{background:#666}.tier-dot.tier-pro{background:linear-gradient(135deg,#9c27b0,#2196f3)}.tier-dot.tier-premium{background:linear-gradient(135deg,gold,#ffed4e)}.header-name-separator{width:1px;height:22px;background:#333;margin:0 14px;flex-shrink:0}.project-name-container{flex-shrink:0;width:180px;display:flex;align-items:center;height:30px}.project-name,.project-name-input{width:180px;height:30px;padding:0 8px;font-size:13px;font-family:inherit;color:#fff;box-sizing:border-box;border-radius:6px}.project-name{display:inline-flex;align-items:center;line-height:1;cursor:pointer;transition:background .2s;white-space:nowrap;overflow:visible;background:transparent;border:1px solid transparent}.project-name:hover{background:#ffffff14}.project-name-input{display:flex;align-items:center;background:#111;border:1px solid #8c52ff;outline:none;line-height:1}.header-center{display:flex;align-items:center;gap:4px;flex:1 1 0;justify-content:center;flex-wrap:nowrap;overflow:hidden;min-width:0}.tabs{display:flex;gap:2px;background:var(--bg);padding:4px;border-radius:6px;flex-shrink:1;min-width:0;overflow:hidden}.tab-button{padding:6px 10px;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-muted);font-size:13px;font-weight:500;transition:all .2s;white-space:nowrap;flex-shrink:1;min-width:0}.tab-button:hover{background:var(--bg-lighter);color:var(--text)}.tab-button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tab-button.tab-disabled,.tab-button:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.tab-button.tab-indicator{cursor:default;pointer-events:none}.tab-button.tab-indicator:not(.active){opacity:.4}.tab-button.tab-preview-only{opacity:.35;cursor:not-allowed;pointer-events:none}.header-btn{display:flex;align-items:center;justify-content:center;gap:0;padding:8px;background:#1a1a1a;border:1px solid #333333;border-radius:6px;color:#fff;font-size:13px;font-weight:500;transition:all .3s ease;overflow:hidden;white-space:nowrap;min-width:32px}.header-btn:hover{background:#2a2a2a;border-color:var(--accent);padding:8px 12px;gap:6px}.header-btn svg{width:16px;height:16px;flex-shrink:0}.header-btn .btn-text{max-width:0;opacity:0;overflow:hidden;transition:all .3s ease}.header-btn:hover .btn-text{max-width:100px;opacity:1}.header-btn.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.header-btn.disabled:hover{background:#1a1a1a;border-color:#333;padding:8px;gap:0}.header-right{display:flex;align-items:center;gap:6px;flex-shrink:0;justify-content:flex-end;flex-wrap:nowrap;min-width:0;overflow:hidden}.keybind-btn{width:32px;height:32px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:14px;font-weight:600;transition:all .2s;display:flex;align-items:center;justify-content:center}.keybind-btn:hover{background:transparent;border-color:var(--accent);color:var(--accent)}.view-mode-btn{padding:6px 12px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px;font-weight:500;transition:all .2s}.view-mode-btn:hover{background:transparent;border-color:var(--accent);color:var(--accent)}.editor-header .upgrade-btn,.upgrade-btn{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#8c52ff1a!important;border:1px solid rgba(140,82,255,.3)!important;border-radius:6px;color:#8c52ff!important;font-size:13px;font-weight:600;transition:all .3s ease;cursor:pointer;overflow:hidden;white-space:nowrap;transform:none!important;box-shadow:none!important}.editor-header .upgrade-btn:hover,.upgrade-btn:hover{background:#8c52ff33!important;border-color:#8c52ff80!important;transform:none!important;box-shadow:none!important}.open-tab-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#1a1a1a;border:1px solid #333333;border-radius:6px;color:#fff;font-size:13px;font-weight:500;transition:all .2s}.open-tab-btn:hover{background:#2a2a2a;border-color:var(--accent)}.user-menu{position:relative;display:flex;align-items:center}.user-avatar-wrap{position:relative;display:flex;align-items:center;justify-content:center}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;position:relative;border:2px solid transparent;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar:hover{transform:scale(1.05)}.user-avatar.tier-ring-free{border:3px solid #666666}.user-avatar.tier-ring-pro{border:2.5px solid transparent;background-image:linear-gradient(#000,#000),linear-gradient(135deg,#667eea,#764ba2);background-origin:border-box;background-clip:padding-box,border-box;border-radius:50%!important}.user-avatar.tier-ring-premium{border:3px solid transparent;background-image:linear-gradient(#007acc,#007acc),linear-gradient(135deg,gold,#ffed4e);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 12px #ffd70066}.tier-badge{position:absolute;top:-4px;right:-4px;padding:2px 6px;border-radius:10px;font-size:9px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.user-dropdown{position:fixed;top:52px;right:12px;min-width:220px;background:#000;border:1px solid #333;border-radius:12px;padding:8px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s;z-index:99999;pointer-events:none;box-shadow:0 8px 24px #0009}.user-dropdown.show{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.user-info{padding:12px;border-bottom:1px solid #333;margin-bottom:8px;display:flex;flex-direction:column;align-items:center;gap:8px}.user-avatar-large{width:60px;height:60px;border-radius:50%;background:#333;color:#fff;font-weight:600;font-size:24px;display:flex;align-items:center;justify-content:center;overflow:visible;border:3px solid transparent;position:relative;cursor:pointer;transition:all .2s}.user-avatar-large.tier-ring-free{border:3px solid #666666}.user-avatar-large.tier-ring-pro{border:2.5px solid transparent;background-image:linear-gradient(#000,#000),linear-gradient(135deg,#667eea,#764ba2);background-origin:border-box;background-clip:padding-box,border-box;border-radius:50%!important}.user-avatar-large.tier-ring-premium{border:3px solid transparent;background-image:linear-gradient(#333,#333),linear-gradient(135deg,gold,#ffed4e);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 16px #ffd70080}.user-avatar-large:hover{transform:scale(1.05)}.user-avatar-large:hover .avatar-edit-indicator{opacity:1}.user-avatar-large img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-edit-indicator{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;background:#555;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:.8;transition:opacity .2s;border:2px solid #000000}.user-email{font-size:14px;color:#fff;margin-bottom:4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;display:block}.user-plan{font-size:12px;font-weight:600;margin-bottom:8px}.user-id{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding:8px;background:#0003;border-radius:6px}.user-id-label{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px}.user-id-value{font-size:11px;color:#ccc;font-family:monospace;word-break:break-all}.dropdown-item{width:100%;padding:10px 12px;background:transparent;border-radius:6px;color:#fff;font-size:14px;text-align:left;transition:all .2s;display:flex;align-items:center;gap:10px;border:none;cursor:pointer}.dropdown-item svg{flex-shrink:0}.dropdown-item:hover{background:#1a1a1a}.keybind-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:99999}.keybind-modal{background:#1a1a1a;border:1px solid #333;border-radius:12px;min-width:300px;overflow:hidden}.keybind-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #333;background:#000;border-radius:12px 12px 0 0}.keybind-modal-header h3{margin:0;color:#fff;font-size:16px;font-weight:600}.keybind-close-btn{background:none;border:none;color:#aaa;font-size:22px;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.keybind-close-btn:hover{background:#1a1a1a;color:#fff}.keybind-modal-body{padding:24px;text-align:center}.keybind-modal p{color:var(--text-muted);font-size:14px;margin-bottom:20px}.keybind-display{font-size:48px;font-weight:700;color:var(--accent);margin-bottom:20px}.keybind-input{width:100%;padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:16px;text-align:center;margin-bottom:20px}.keybind-toggle{margin-bottom:20px;text-align:left}.keybind-toggle label{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text);font-size:14px}.keybind-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer}.keybind-actions{display:flex;gap:8px}.keybind-actions button{flex:1;padding:10px;background:var(--accent);border-radius:6px;color:#fff;font-weight:600;transition:all .2s}.keybind-actions button:last-child{background:var(--bg);border:1px solid var(--border);color:var(--text)}.keybind-actions button:hover{transform:translateY(-1px)}.project-name{overflow:visible;white-space:nowrap}@media (max-width: 1100px){.tab-button{padding:5px 8px;font-size:12px}.header-btn{padding:6px;min-width:28px}.header-btn:hover{padding:6px 10px}.save-status-group .autosave-label{display:none}.header-center{gap:3px}}@media (max-width: 900px){.tab-button{padding:5px 6px;font-size:11px}.logo-small .logo-text{display:none}.header-right{gap:4px}}@media (max-width: 770px){.editor-header{display:none!important}}.new-btn-container{position:relative}.new-dropdown-menu{position:fixed;background:#000;border:1px solid #333;border-radius:8px;padding:4px;z-index:99999;min-width:180px;box-shadow:0 8px 24px #0009}.new-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;background:none;border:none;border-radius:6px;color:#fff;font-size:13px;font-family:inherit;cursor:pointer;text-align:left;transition:background .15s}.new-dropdown-item:hover{background:#1a1a1a}.new-dropdown-item svg{flex-shrink:0;color:#888}.quick-edit-console{border-top:1px solid #222}.quick-edit-console .console-panel{border-top:none}.name-validation-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:99999}.name-validation-dialog{background:#000;border:1px solid #333;border-radius:12px;padding:28px 28px 24px;width:360px;max-width:90vw;text-align:center;box-shadow:0 20px 60px #000c}.name-validation-icon{margin-bottom:12px}.name-validation-title{font-size:17px;font-weight:700;color:#fff;margin:0 0 8px}.name-validation-message{font-size:14px;color:#f59e0b;margin:0 0 16px;line-height:1.5}.name-validation-rules{background:#111;border:1px solid #222;border-radius:8px;padding:12px 16px;text-align:left;margin-bottom:20px}.name-validation-rules p{font-size:12px;color:#888;margin:0 0 8px;font-weight:600}.name-validation-rules ul{margin:0;padding-left:16px;list-style:disc}.name-validation-rules li{font-size:12px;color:#aaa;line-height:1.8}.name-validation-btn{background:#8c52ff;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;padding:10px 32px;cursor:pointer;transition:background .15s}.name-validation-btn:hover{background:#7a3ff0}.save-status-group{display:flex;align-items:center;gap:6px;margin-right:8px;flex-shrink:0}.autosave-label{font-size:11px;color:#888;white-space:nowrap;-webkit-user-select:none;user-select:none}.save-indicator{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .3s,color .3s}.save-indicator.unsaved,.save-indicator.offline{background:#f59e0b;color:#000}.save-indicator.saved{background:#22c55e;color:#000}.save-indicator.no-save-file{background:#ef4444;color:#fff}.autosave-label.no-save-label{color:#ef4444}.dropdown-group{border-bottom:1px solid #1a1a1a}.dropdown-group:last-of-type{border-bottom:none}.dropdown-group-toggle{width:100%;justify-content:flex-start;border-bottom:none!important}.group-chevron{transition:transform .2s;flex-shrink:0}.group-chevron.open{transform:rotate(180deg)}.dropdown-group-items{background:#0a0a0a;border-top:1px solid #1a1a1a}.dropdown-sub-item{padding-left:28px!important;font-size:12px!important;color:#aaa!important}.dropdown-sub-item:hover{background:#111!important;color:#fff!important}.privacy-btn-wrapper{position:relative;flex-shrink:0}.privacy-btn{display:flex;align-items:center;gap:5px;background:none;border:1px solid #2a2a2a;border-radius:6px;padding:4px 8px;cursor:pointer;font-size:11px;font-weight:500;transition:background .15s,border-color .15s;white-space:nowrap}.privacy-btn:hover{background:#111;border-color:#444}.privacy-btn-label{font-size:11px}.privacy-dropdown{width:190px;background:#000;border:1px solid #333;border-radius:8px;padding:6px;box-shadow:0 8px 24px #000000e6;z-index:999999}.privacy-option{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:none;border:none;border-radius:6px;cursor:pointer;text-align:left;transition:background .15s}.privacy-option:hover:not(.disabled){background:#1a1a1a}.privacy-option.active{background:#111}.privacy-option.disabled{opacity:.4;cursor:not-allowed}.privacy-option-text{display:flex;flex-direction:column;gap:1px}.privacy-option-label{font-size:12px;color:#fff;font-weight:500}.privacy-option-desc{font-size:10px;color:#666}.dropdown-notif-group{border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a;padding:4px 0;margin:2px 0}.dropdown-notif-item{position:relative}.dropdown-notif-dot{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:50%;background:#e53e3e;pointer-events:none}.avatar-notif-dot{position:absolute;top:2px;right:2px;width:8px;height:8px;border-radius:50%;background:#e53e3e;border:1.5px solid var(--header-bg, #1a1a1a);pointer-events:none;z-index:5}.thumbnail-cropper-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000}.thumbnail-cropper-modal{background:#1a1a1a;border:1px solid #333;border-radius:12px;width:90%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.thumbnail-cropper-header{padding:20px;border-bottom:1px solid #333;background:#000;border-radius:12px 12px 0 0;flex-shrink:0}.thumbnail-cropper-header h3{margin:0 0 8px;color:#fff;font-size:20px}.thumbnail-cropper-header p{margin:0;color:#999;font-size:14px}.thumbnail-cropper-container{position:relative;width:100%;height:500px;background:#000}.thumbnail-cropper-controls{padding:20px;border-top:1px solid #333;border-bottom:1px solid #333}.zoom-control{display:flex;align-items:center;gap:15px}.zoom-control label{color:#fff;font-size:14px;min-width:50px}.zoom-control input[type=range]{flex:1;height:6px;background:#1a1a1a;border-radius:3px;outline:none;-webkit-appearance:none}.zoom-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#007bff;border-radius:50%;cursor:pointer}.zoom-control input[type=range]::-moz-range-thumb{width:18px;height:18px;background:#007bff;border-radius:50%;cursor:pointer;border:none}.thumbnail-cropper-actions{padding:20px;display:flex;justify-content:flex-end;gap:12px}.thumbnail-cropper-actions button{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn{background:#1a1a1a;color:#fff}.cancel-btn:hover{background:#444}.complete-btn{background:#007bff;color:#fff}.complete-btn:hover{background:#0056b3}.version-history-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.version-history-modal{background:#1a1a1a;border-radius:12px;width:90%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0006;animation:slideUp .3s ease;overflow:hidden}.version-history-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #333;background:#000;border-radius:12px 12px 0 0;flex-shrink:0}.version-history-header h2{margin:0;font-size:20px;font-weight:600;color:#fff}.version-history-header .close-btn{background:none;border:none;color:#999;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.version-history-header .close-btn:hover{background:#2a2a2a;color:#fff}.version-history-info{padding:16px 24px;border-bottom:1px solid #333;background:#0f0f0f}.project-name-display{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:500;margin-bottom:8px}.project-name-display svg{color:#8c52ff}.version-limit-info{font-size:12px;color:#999}.version-history-content{flex:1;overflow-y:auto;padding:16px 24px}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-state .spinner{width:40px;height:40px;border:3px solid #333;border-top-color:#8c52ff;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.empty-state svg{color:#666;margin-bottom:16px}.empty-state p{color:#fff;font-size:16px;font-weight:500;margin:0 0 8px}.empty-state span{color:#999;font-size:14px}.versions-list{display:flex;flex-direction:column;gap:12px}.version-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#0f0f0f;border:1px solid #333;border-radius:8px;transition:all .2s}.version-item:hover{background:#1a1a1a;border-color:#444}.version-number{flex-shrink:0}.version-badge{display:inline-block;padding:4px 10px;background:#8c52ff;color:#fff;font-size:12px;font-weight:600;border-radius:6px}.version-details{flex:1;min-width:0}.version-time{color:#fff;font-size:14px;font-weight:500;margin-bottom:6px}.version-description{color:#999;font-size:13px;margin-bottom:8px;line-height:1.4}.version-stats{display:flex;gap:16px;flex-wrap:wrap}.version-stats .stat-item{display:flex;align-items:center;gap:4px;color:#666;font-size:12px}.version-stats .stat-item svg{color:#8c52ff}.restore-btn{flex-shrink:0;display:flex;align-items:center;gap:6px;padding:8px 16px;background:#2a2a2a;border:1px solid #333;border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.restore-btn:hover{background:#8c52ff;border-color:#8c52ff}.restore-btn svg{width:14px;height:14px}.restore-confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .2s ease}.restore-confirmation-modal{background:#1a1a1a;border-radius:12px;padding:32px;width:90%;max-width:450px;text-align:center;animation:slideUp .3s ease}.confirmation-icon{margin-bottom:20px}.restore-confirmation-modal h3{margin:0 0 16px;font-size:20px;font-weight:600;color:#fff}.restore-confirmation-modal p{margin:0 0 12px;color:#ccc;font-size:14px;line-height:1.6}.warning-text{color:#fbbf24!important;font-weight:500;margin-bottom:24px!important}.confirmation-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.confirmation-actions button{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.cancel-btn{background:#2a2a2a;color:#fff}.cancel-btn:hover{background:#333}.confirm-btn{background:#8c52ff;color:#fff}.confirm-btn:hover{background:#7a3fe6}.version-history-content::-webkit-scrollbar{width:8px}.version-history-content::-webkit-scrollbar-track{background:#0f0f0f}.version-history-content::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.version-history-content::-webkit-scrollbar-thumb:hover{background:#444}.action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#1a1a1a;border:1px solid #444;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s}.action-btn:hover{background:#333;border-color:#666;color:#fff}.note-btn{color:#fff;border-color:#444}.note-btn:hover{background:#8c52ff;border-color:#8c52ff;color:#fff}.preview-btn{color:#fff;border-color:#444}.preview-btn:hover{background:#8c52ff;border-color:#8c52ff;color:#fff}.version-note{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#2a2a2a;border-radius:6px;margin-bottom:8px;font-size:12px;color:#ccc}.version-note svg{color:#8c52ff;flex-shrink:0}.version-note span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-edit-icon{background:none;border:none;color:#999;cursor:pointer;padding:2px 4px;font-size:14px;transition:color .2s}.note-edit-icon:hover{color:#8c52ff}.version-note-edit{margin-bottom:8px}.version-note-edit input{width:100%;padding:8px 12px;background:#2a2a2a;border:1px solid #8c52ff;border-radius:6px;color:#fff;font-size:13px;outline:none;margin-bottom:6px}.version-note-edit input::placeholder{color:#666}.note-actions{display:flex;gap:6px}.note-save-btn,.note-cancel-btn{padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.note-save-btn{background:#8c52ff;color:#fff}.note-save-btn:hover{background:#7a3fe6}.note-cancel-btn{background:#2a2a2a;color:#fff}.note-cancel-btn:hover{background:#333}.code-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10002;animation:fadeIn .2s ease}.code-preview-modal{background:#1a1a1a;border-radius:12px;width:90%;max-width:960px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0006;animation:slideUp .3s ease;overflow:hidden}.code-preview-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #333}.code-preview-header h3{margin:0;font-size:18px;font-weight:600;color:#fff}.code-preview-body{display:flex;flex:1;min-height:0;overflow:hidden}.code-preview-filetree{width:160px;min-width:140px;background:#111;border-right:1px solid #2a2a2a;display:flex;flex-direction:column;flex-shrink:0;font-family:Consolas,SF Mono,Fira Code,monospace;font-size:12px;overflow:hidden}.cpft-header{padding:8px 10px 6px;font-size:10px;font-weight:700;letter-spacing:.08em;color:#555;text-transform:uppercase;border-bottom:1px solid #1e1e1e;flex-shrink:0}.cpft-list{flex:1;overflow-y:auto;padding:4px 0}.cpft-item{display:flex;align-items:center;gap:6px;padding:5px 10px;cursor:pointer;color:#aaa;border-radius:3px;margin:1px 4px;transition:background .1s,color .1s;white-space:nowrap;overflow:hidden}.cpft-item:hover{background:#ffffff0f;color:#ddd}.cpft-item-active{background:#ffffff1a;color:#fff}.cpft-item-active:hover{background:#ffffff24}.cpft-folder{cursor:default;color:#888;font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.cpft-folder:hover{background:transparent;color:#888}.cpft-folder-icon{font-size:12px;flex-shrink:0}.cpft-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.cpft-name{overflow:hidden;text-overflow:ellipsis;flex:1}.code-preview-tabs{display:flex;gap:4px;padding:12px 24px;border-bottom:1px solid #333;background:#0f0f0f}.code-tab{padding:8px 16px;background:transparent;border:none;border-radius:6px;color:#999;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.code-tab:hover{background:#2a2a2a;color:#fff}.code-tab.active{background:#8c52ff;color:#fff}.code-preview-content{flex:1;overflow:auto;padding:16px 20px}.code-preview-content pre{margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12.5px;line-height:1.6;color:#e0e0e0;white-space:pre-wrap;word-wrap:break-word}.code-preview-content code{display:block}@media (max-width: 768px){.version-history-modal{width:95%;max-height:85vh}.version-history-header{padding:16px 20px}.version-history-info,.version-history-content{padding:12px 20px}.version-item{flex-direction:column;gap:12px}.version-actions{width:100%;justify-content:flex-end}.restore-btn{flex:1}.version-stats{gap:12px}.code-preview-modal{width:95%;max-height:90vh}.code-preview-tabs{padding:8px 16px}.code-preview-content{padding:16px}}@keyframes pm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pm-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pm-expand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:pm-fade-in .18s ease}.pm-panel{background:#0d0d0f;border:1px solid #2a2a30;border-radius:14px;width:92%;max-width:760px;max-height:82vh;display:flex;flex-direction:column;animation:pm-slide-up .25s ease;overflow:hidden;box-shadow:0 20px 60px #000000b3,0 0 0 1px #8c52ff14}.pm-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#070709;border-bottom:1px solid #1e1e24;flex-shrink:0}.pm-header-left{display:flex;align-items:center;gap:10px}.pm-title{font-size:15px;font-weight:700;color:#e0e0e8;letter-spacing:.3px}.pm-count{font-size:12px;font-weight:600;color:#8c52ff;background:#8c52ff1f;border:1px solid rgba(140,82,255,.25);border-radius:20px;padding:2px 8px}.pm-remaining{font-size:11px;color:#555;padding:2px 7px;border-radius:20px;border:1px solid #222}.pm-close-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:6px;color:#555;transition:all .15s;flex-shrink:0}.pm-close-btn:hover{background:#1a1a20;color:#ccc}.pm-controls{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#0a0a0c;border-bottom:1px solid #1a1a20;flex-shrink:0;flex-wrap:wrap}.pm-search-wrap{flex:1;min-width:160px;position:relative;display:flex;align-items:center}.pm-search-icon{position:absolute;left:10px;pointer-events:none;color:#444}.pm-search{width:100%;padding:7px 30px;background:#111116;border:1px solid #222228;border-radius:7px;color:#ccc;font-size:13px;transition:border-color .15s;outline:none;font-family:inherit}.pm-search::placeholder{color:#444}.pm-search:focus{border-color:#8c52ff73;background:#13131a}.pm-search-clear{position:absolute;right:8px;font-size:16px;color:#555;background:transparent;padding:0 2px;line-height:1;transition:color .15s}.pm-search-clear:hover{color:#ccc}.pm-filters{display:flex;gap:8px;flex-shrink:0}.pm-select{padding:6px 22px 6px 10px;background:#111116;border:1px solid #222228;border-radius:7px;color:#999;font-size:12px;font-family:inherit;cursor:pointer;outline:none;transition:border-color .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23555' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px center}.pm-select:focus{border-color:#8c52ff73}.pm-select option{background:#111116;color:#ccc}.pm-list{flex:1;overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:#2a2a35 transparent}.pm-list::-webkit-scrollbar{width:5px}.pm-list::-webkit-scrollbar-track{background:transparent}.pm-list::-webkit-scrollbar-thumb{background:#2a2a35;border-radius:3px}.pm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;gap:12px;color:#444}.pm-empty p{font-size:13px;color:#444;margin:0}.pm-row{background:#0f0f13;border:1px solid #1e1e24;border-radius:9px;margin-bottom:5px;transition:border-color .15s;overflow:hidden}.pm-row:hover{border-color:#2d2d36}.pm-row.expanded{border-color:#8c52ff59;background:#100f16}.pm-row-main{display:flex;align-items:center;padding:8px 10px;gap:8px;min-height:44px}.pm-vis-btn{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:5px;transition:background .15s,opacity .15s;opacity:.7}.pm-vis-btn:hover{background:#ffffff0d;opacity:1}.pm-row-info{flex:1;min-width:0;cursor:pointer;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.pm-row-info:hover .pm-row-name{color:#b08fff}.pm-row-name{font-size:13px;font-weight:600;color:#d0d0d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px;transition:color .15s}.pm-row-date{font-size:11px;color:#3d3d45;white-space:nowrap;flex-shrink:0}.pm-row-tags{display:flex;gap:4px;flex-wrap:wrap;flex-shrink:0}.pm-tag{font-size:10px;color:#7b52c8;background:#7b52c81f;border:1px solid rgba(123,82,200,.2);border-radius:3px;padding:1px 5px;white-space:nowrap}.pm-inline-input{font-size:13px;font-weight:600;color:#e0e0e8;background:#1a1a22;border:1px solid rgba(140,82,255,.5);border-radius:5px;padding:3px 8px;outline:none;font-family:inherit;max-width:240px}.pm-inline-input:focus{border-color:#8c52ff;box-shadow:0 0 0 2px #8c52ff26}.pm-row-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.pm-action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:5px;color:#444;transition:background .15s,color .15s;flex-shrink:0}.pm-action-btn:hover{background:#ffffff0d;color:#aaa}.pm-action-btn.pm-expand-btn.active{background:#8c52ff26;color:#8c52ff}.pm-action-btn.pm-delete-btn:hover{background:#f047471a;color:#f04747;border:1px solid rgba(240,71,71,.3)}.pm-delete-confirm{display:flex;align-items:center;gap:3px;animation:pm-fade-in .15s ease}.pm-delete-label{font-size:11px;color:#f04747;font-weight:600;margin-right:2px;white-space:nowrap}.pm-action-btn.pm-confirm-yes{color:#f04747;font-size:13px;font-weight:700}.pm-action-btn.pm-confirm-yes:hover{background:#f0474726;color:#ff6b6b}.pm-expanded{padding:12px 14px 14px;border-top:1px solid rgba(140,82,255,.12);display:flex;flex-direction:column;gap:12px;animation:pm-expand .18s ease;background:#0c0c10}.pm-exp-section{display:flex;flex-direction:column;gap:6px}.pm-exp-label{font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#3a3a45}.pm-desc-row{display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 8px;border-radius:6px;background:#111116;border:1px solid #1e1e24;transition:border-color .15s;min-height:32px}.pm-desc-row:hover{border-color:#333340}.pm-desc-text{flex:1;font-size:12px;color:#888;line-height:1.4}.pm-desc-empty{color:#3a3a45;font-style:italic;font-size:12px}.pm-desc-edit{display:flex;flex-direction:column;gap:6px}.pm-desc-input{width:100%;padding:8px 10px;background:#111116;border:1px solid rgba(140,82,255,.4);border-radius:6px;color:#ccc;font-size:12px;font-family:inherit;resize:vertical;outline:none;transition:border-color .15s;box-sizing:border-box}.pm-desc-input:focus{border-color:#8c52ff;box-shadow:0 0 0 2px #8c52ff1f}.pm-desc-btns{display:flex;align-items:center;gap:6px}.pm-char-count{margin-left:auto;font-size:10px;color:#3a3a45}.pm-exp-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:600;font-family:inherit;border-radius:5px;background:#8c52ff1f;border:1px solid rgba(140,82,255,.28);color:#a07aff;transition:background .15s,border-color .15s,color .15s;cursor:pointer;white-space:nowrap}.pm-exp-btn:hover{background:#8c52ff38;border-color:#8c52ff80;color:#c0a0ff}.pm-exp-btn.secondary{background:#ffffff0a;border:1px solid #2a2a30;color:#666}.pm-exp-btn.secondary:hover{background:#ffffff12;border-color:#3a3a45;color:#aaa}.pm-vis-options{display:flex;gap:6px;flex-wrap:wrap}.pm-vis-opt{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:600;font-family:inherit;border-radius:5px;background:#111116;border:1px solid #222228;color:#555;transition:all .15s;cursor:pointer;white-space:nowrap}.pm-vis-opt:hover:not(.disabled){background:#1a1a22;border-color:#333;color:#aaa}.pm-vis-opt.active{background:#ffffff0a}.pm-vis-opt.disabled{opacity:.4;cursor:not-allowed}.pm-vis-lock{font-size:10px;margin-left:2px;opacity:.6}.pm-exp-actions-row{flex-direction:row!important;flex-wrap:wrap;gap:6px}@media (max-width: 600px){.pm-panel{width:98%;max-height:90vh;border-radius:10px}.pm-controls{gap:6px}.pm-search-wrap{min-width:0}.pm-filters{width:100%}.pm-select{flex:1}.pm-row-name{max-width:140px}.pm-row-date{display:none}.pm-vis-options{flex-direction:column}.pm-exp-actions-row{gap:5px}}.import-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.import-modal{background:#000;border:1px solid #333;border-radius:12px;width:460px;max-width:95vw;overflow:hidden;box-shadow:0 20px 60px #000c}.import-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#000;border-bottom:1px solid #222}.import-modal-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:#fff}.import-modal-close{background:none;border:none;color:#666;font-size:22px;cursor:pointer;padding:2px 6px;border-radius:4px;line-height:1;transition:color .15s,background .15s}.import-modal-close:hover{color:#fff;background:#1a1a1a}.import-modal-body{padding:20px;background:#1a1a1a;display:flex;flex-direction:column;gap:16px}.import-drop-zone{border:2px dashed #333;border-radius:10px;padding:36px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:border-color .2s,background .2s;background:#111;text-align:center}.import-drop-zone:hover,.import-drop-zone.dragging{border-color:#8c52ff;background:#8c52ff0d}.import-drop-zone svg{color:#555;transition:color .2s}.import-drop-zone:hover svg,.import-drop-zone.dragging svg{color:#8c52ff}.import-drop-title{font-size:14px;font-weight:600;color:#ccc;margin:0}.import-drop-sub{font-size:12px;color:#555;margin:0}.import-drop-zone.loading{cursor:default}.import-spinner{width:36px;height:36px;border:3px solid #333;border-top-color:#8c52ff;border-radius:50%;animation:import-spin .8s linear infinite}@keyframes import-spin{to{transform:rotate(360deg)}}.import-error{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f487711a;border:1px solid rgba(244,135,113,.3);border-radius:6px;color:#f48771;font-size:13px}.import-info{padding:14px 16px;background:#111;border-radius:8px;border:1px solid #222}.import-info p{margin:0 0 10px;font-size:13px;color:#888}.import-info p:last-child{margin-bottom:0}.import-info strong{color:#ccc}.import-file-types{display:flex;gap:8px;margin-bottom:10px}.import-file-type{padding:3px 10px;border-radius:4px;font-size:12px;font-weight:700;font-family:monospace}.import-file-type.html{background:#ff643226;color:#ff6432;border:1px solid rgba(255,100,50,.3)}.import-file-type.css{background:#6496ff26;color:#6496ff;border:1px solid rgba(100,150,255,.3)}.import-file-type.js{background:#ffc83226;color:#ffc832;border:1px solid rgba(255,200,50,.3)}.import-note{color:#555!important;font-size:12px!important}.subscription-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.subscription-modal{background:#1a1a1a;border:1px solid #333;border-radius:16px;padding:40px;width:90%;max-width:1000px;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease}.subscription-header{text-align:center;margin-bottom:40px}.subscription-header h2{font-size:32px;font-weight:700;margin-bottom:12px;color:var(--text)}.subscription-header p{color:var(--text-muted);font-size:16px}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:30px}.plan-card{background:var(--bg);border:2px solid var(--border);border-radius:16px;padding:32px 24px;position:relative;transition:all .3s;display:flex;flex-direction:column}.plan-card:hover{transform:translateY(-5px);border-color:var(--accent)}.plan-card.popular{border-color:var(--accent);box-shadow:0 0 30px #5865f24d}.plan-card.best-value{background:linear-gradient(135deg,#b8941f,#d4af37,#f4d03f,#d4af37,#b8941f);border:3px solid #000;box-shadow:0 0 30px #d4af3799,inset 0 2px 4px #ffffff80,inset 0 -2px 4px #0000004d,0 4px 12px #0006}.plan-card.best-value h3,.plan-card.best-value .plan-price,.plan-card.best-value .plan-features li,.plan-card.best-value .plan-btn{color:#000!important}.plan-card.best-value .plan-price span{color:#000!important;opacity:.8}.plan-card.current{border-color:var(--success)}.popular-badge,.current-badge,.best-value-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:6px 20px;border-radius:20px;font-size:12px;font-weight:600;color:#fff}.popular-badge{background:var(--accent)}.best-value-badge{background:linear-gradient(135deg,#d4af37,#f4d03f,#d4af37);color:#000;border:2px solid #000;box-shadow:0 2px 8px #d4af3766,inset 0 1px #fff6,inset 0 -1px #0003}.current-badge{background:var(--success)}.plan-card h3{font-size:24px;margin-bottom:16px;color:var(--text)}.plan-price{font-size:40px;font-weight:700;color:var(--accent);margin-bottom:24px}.plan-price span{font-size:16px;color:var(--text-muted);font-weight:400}.plan-features{list-style:none;margin-bottom:24px;flex:1}.plan-features li{padding:10px 0;color:var(--text-muted);border-bottom:1px solid var(--border);font-size:14px}.plan-features li:last-child{border-bottom:none}.plan-btn{width:100%;padding:14px;background:#667eea;border:1px solid #667eea;border-radius:10px;color:#fff;font-weight:600;font-size:15px;transition:all .2s}.plan-btn:hover:not(:disabled){background:#5568d3;border-color:#5568d3;color:#fff;transform:translateY(-2px)}.plan-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.plan-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#6a3f91)}.plan-card:nth-child(3) .plan-btn{background:linear-gradient(135deg,#b8941f,#d4af37,#f4d03f,#d4af37,#b8941f);border:2px solid #000000;color:#000;box-shadow:inset 0 2px 4px #ffffff80,inset 0 -2px 4px #0000004d}.plan-card:nth-child(3) .plan-btn:hover:not(:disabled){background:linear-gradient(135deg,#a68419,#c29d2f,#e8c437,#c29d2f,#a68419);border-color:#000;color:#000;box-shadow:inset 0 2px 4px #ffffff80,inset 0 -2px 4px #0000004d}.plan-btn:disabled{opacity:.6;cursor:not-allowed}.subscription-note{text-align:center;font-size:13px;color:var(--text-muted)}@media (max-width: 768px){.subscription-modal{padding:30px 20px}.subscription-header h2{font-size:24px}.plans-grid{grid-template-columns:1fr}.plan-price{font-size:32px}}.promo-code-section{margin-top:20px;padding:16px 20px;background:#7c3aed12;border:1px solid rgba(124,58,237,.2);border-radius:10px;display:flex;flex-direction:column;gap:10px}.promo-code-title{font-size:13px;font-weight:600;color:#a78bfa;letter-spacing:.3px}.promo-code-row{display:flex;gap:8px}.promo-code-input{flex:1;background:#ffffff0d;border:1px solid rgba(124,58,237,.3);border-radius:7px;color:#fff;font-size:13px;font-family:monospace;letter-spacing:1px;padding:9px 12px;outline:none;transition:border-color .15s}.promo-code-input:focus{border-color:#7c3aed}.promo-code-input::placeholder{color:#4e5058;font-family:inherit;letter-spacing:0}.promo-code-btn{padding:9px 18px;background:#7c3aed;border:none;border-radius:7px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.promo-code-btn:hover:not(:disabled){background:#6d28d9}.promo-code-btn:disabled{background:#4a2d8a;color:#9ca3af;cursor:not-allowed}.promo-code-msg{font-size:12px;padding:8px 12px;border-radius:6px;line-height:1.5}.promo-code-msg.success{background:#57f2871a;color:#57f287;border:1px solid rgba(87,242,135,.25)}.promo-code-msg.error{background:#da36331a;color:#fa7970;border:1px solid rgba(218,54,51,.25)}.share-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.share-modal{background:#1a1a1a;border:1px solid #333;border-radius:16px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;position:relative;animation:slideUp .3s ease}.share-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);background:#000;border-radius:16px 16px 0 0;flex-shrink:0}.share-header-left{display:flex;align-items:center;gap:10px}.share-icon-small{font-size:20px}.share-modal-header h2{font-size:20px;font-weight:700;color:var(--text);margin:0}.share-content{overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.link-section-locked{opacity:.6}.pro-lock-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#111;border:1px dashed #444;border-radius:8px;color:#aaa;font-size:13px}.share-note{font-size:12px;color:#666;line-height:1.5;padding:12px;background:#111;border-radius:8px;border-left:3px solid #8c52ff}.share-description{color:var(--text-muted);line-height:1.6;text-align:center}.share-url-container{display:flex;gap:8px}.share-url-input{flex:1;padding:12px 16px;background:var(--bg);border:1px solid #333;border-radius:8px;color:var(--text);font-size:14px;font-family:Fira Code,monospace}.copy-btn{padding:12px 24px;background:var(--accent);border-radius:8px;color:#fff;font-weight:600;transition:all .2s}.copy-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.share-note{text-align:center;font-size:13px;color:var(--text-muted)}.create-share-btn{width:100%;padding:14px;background:var(--accent);border-radius:10px;color:#fff;font-weight:600;font-size:16px;transition:all .2s}.create-share-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #5865f266}.create-share-btn:disabled{opacity:.6;cursor:not-allowed}.share-links-section{margin-top:24px}.share-links-section h3{font-size:16px;font-weight:700;color:var(--text);margin-bottom:16px}.link-type-tabs{display:flex;gap:8px;margin-bottom:20px;background:var(--bg);padding:4px;border-radius:8px}.link-tab{flex:1;padding:10px 16px;background:transparent;border-radius:6px;color:var(--text-muted);font-size:14px;font-weight:600;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.link-tab:hover{background:#1a1a1a;color:var(--text)}.link-tab.active{background:var(--accent);color:#fff}.pro-badge-small{padding:2px 6px;background:#fff3;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.link-section{animation:fadeIn .3s ease}.share-links-section h3{margin:0 0 20px;font-size:18px}.link-section{margin-bottom:24px;padding:16px;background:#2a2a2a;border-radius:8px;border:1px solid #333}.link-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.link-title{display:flex;flex-direction:column;gap:4px}.link-title strong{font-size:15px;color:#fff}.link-subtitle{font-size:13px;color:#aaa}.link-warning{font-size:12px;color:#f59e0b;margin-top:4px}.pro-badge-inline{display:inline-block;padding:2px 6px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;font-size:10px;font-weight:600;margin-left:6px}.regenerate-btn-small{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:6px;background:#333;color:#fff;border:1px solid #333;border-radius:6px;cursor:pointer;transition:all .2s;flex-shrink:0}.regenerate-btn-small:hover:not(:disabled){background:#444;border-color:#667eea}.regenerate-btn-small:disabled{opacity:.5;cursor:not-allowed}.regenerate-btn-small svg{width:18px;height:18px}.create-link-btn{width:100%;padding:10px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.create-link-btn:hover:not(:disabled){background:#5568d3}.create-link-btn:disabled{opacity:.5;cursor:not-allowed}.link-description{font-size:13px;color:var(--text-muted);line-height:1.5;margin-bottom:12px}.create-share-section{margin-top:24px}.current-visibility-info{display:flex;align-items:center;gap:12px;padding:12px;background:#2a2a2a;border-radius:8px;margin-bottom:16px}.visibility-label{font-size:14px;color:#aaa}.visibility-badge{padding:4px 12px;border-radius:4px;font-size:13px;font-weight:600}.visibility-badge.public{background:#22c55e;color:#000}.visibility-badge.unlisted{background:#f59e0b;color:#000}.visibility-badge.private{background:#ef4444;color:#fff}.visibility-conflict{text-align:center;padding:32px;background:#2a2a2a;border-radius:12px;border:2px solid #f59e0b}.conflict-icon{font-size:48px;margin-bottom:16px}.visibility-conflict h3{margin:0 0 12px;color:#f59e0b;font-size:20px}.visibility-conflict p{color:#aaa;line-height:1.6;margin-bottom:24px}.conflict-actions{display:flex;gap:12px;justify-content:center}.conflict-btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.conflict-btn.primary{background:#f59e0b;color:#000}.conflict-btn.primary:hover{background:#d97706}.conflict-btn.secondary{background:#444;color:#fff}.conflict-btn.secondary:hover{background:#555}@media (max-width: 768px){.share-modal{padding:30px 20px}.share-header h2{font-size:24px}.share-url-container,.link-type-tabs{flex-direction:column}}.regen-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.regen-confirm-dialog{background:#1a1a1a;border:1px solid #333;border-radius:16px;padding:32px;width:90%;max-width:380px;text-align:center;animation:slideUp .2s ease}.regen-confirm-icon{display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#fff}.regen-confirm-icon svg{width:36px;height:36px}.regen-confirm-dialog h3{font-size:18px;font-weight:700;color:#fff;margin:0 0 10px}.regen-confirm-dialog p{font-size:14px;color:#aaa;margin:0 0 24px;line-height:1.5}.regen-confirm-actions{display:flex;gap:12px;justify-content:center}.regen-btn-cancel{flex:1;padding:10px 20px;background:transparent;border:1px solid #333;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.regen-btn-cancel:hover{background:#2a2a2a}.regen-btn-confirm{flex:1;padding:10px 20px;background:#ef4444;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.regen-btn-confirm:hover{background:#dc2626;transform:translateY(-1px)}.link-actions{display:flex;gap:4px;align-items:center}.link-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:1px solid #333;background:#111;color:#888;cursor:pointer;transition:all .15s;flex-shrink:0}.link-action-btn:hover{color:#fff;background:#222;border-color:#555}.link-action-btn.delete:hover{color:#f48771;border-color:#f4877166;background:#f4877114}.share-private-notice{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#f4877114;border:1px solid rgba(244,135,113,.25);border-radius:8px;font-size:13px;color:#f48771;line-height:1.5;margin-bottom:4px}.share-private-notice svg{flex-shrink:0;margin-top:1px}.share-private-notice strong{color:#f48771}.regen-btn-confirm.danger{background:#dc2626}.regen-btn-confirm.danger:hover{background:#b91c1c}.link-private-note{font-size:11px;color:#f59e0b;font-style:italic}.project-name-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1100;animation:fadeIn .2s ease}.project-name-dialog{background:#1a1a1a;border:1px solid #333;border-radius:16px;width:90%;max-width:450px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease}.dialog-header{padding:20px 24px;border-bottom:1px solid var(--border);background:#000;border-radius:16px 16px 0 0;flex-shrink:0}.dialog-header h3{font-size:20px;font-weight:700;color:var(--text);margin:0}.dialog-body{padding:24px;overflow-y:auto;flex:1}.dialog-description{font-size:14px;color:var(--text-muted);margin-bottom:24px}.dialog-input-group{margin-bottom:24px;position:relative}.dialog-input-group label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.dialog-input-group input{width:100%;padding:12px 16px;background:var(--bg);border:2px solid var(--border);border-radius:8px;color:var(--text);font-size:16px;transition:all .2s}.dialog-input-group input:focus{outline:none;border-color:var(--accent);background:#1a1a1a}.dialog-input-group input.error{border-color:var(--error)}.error-message{display:block;font-size:12px;color:var(--error);margin-top:6px}.char-count{position:absolute;right:0;bottom:-20px;font-size:11px;color:var(--text-muted)}.dialog-actions{display:flex;gap:12px;justify-content:flex-end}.dialog-btn{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;transition:all .2s}.confirm-btn{background:var(--accent);color:#fff}.confirm-btn:hover{background:#4752c4;transform:translateY(-1px)}.dialog-input-group textarea{width:100%;padding:12px 16px;background:var(--bg);border:2px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;font-family:inherit;resize:vertical;transition:all .2s}.dialog-input-group textarea:focus{border-color:var(--accent);outline:none}.dialog-input-group textarea::placeholder{color:var(--text-muted)}.visibility-options{display:flex;flex-direction:column;gap:8px}.visibility-option{display:flex;align-items:center;gap:12px;padding:12px;background:#2a2a2a;border:2px solid #444;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left}.visibility-option:hover:not(.disabled){border-color:#667eea;background:#333}.visibility-option.active{border-color:#667eea;background:#667eea1a}.visibility-icon{font-size:24px;flex-shrink:0}.visibility-info{display:flex;flex-direction:column;gap:2px}.visibility-info strong{color:#fff;font-size:14px}.visibility-info span{color:#aaa;font-size:12px}.dialog-input-group textarea{width:100%;padding:12px 16px;background:var(--bg);border:2px solid var(--border);border-radius:8px;color:var(--text);font-size:16px;font-family:inherit;resize:vertical;min-height:80px;transition:all .2s}.dialog-input-group textarea:focus{outline:none;border-color:var(--accent);background:#1a1a1a}.thumbnail-description{font-size:13px;color:var(--text-muted);margin:0 0 12px}.thumbnail-upload-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg);border:2px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;cursor:pointer;transition:all .2s}.thumbnail-upload-btn:hover{background:#1a1a1a;border-color:var(--accent)}.thumbnail-upload-btn svg{flex-shrink:0}.thumbnail-preview{position:relative;border:2px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg)}.thumbnail-preview img{width:100%;height:auto;display:block}.remove-thumbnail-btn{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:6px;padding:6px 12px;background:#000c;border:1px solid #666;border-radius:6px;color:#fff;font-size:13px;cursor:pointer;transition:all .2s}.remove-thumbnail-btn:hover{background:#f00c;border-color:red}.visibility-options{display:flex;flex-direction:column;gap:12px}.visibility-option{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg);border:2px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s;text-align:left}.visibility-option svg{width:24px;height:24px;flex-shrink:0;color:var(--text-muted)}.visibility-option:hover:not(.disabled){border-color:var(--accent);background:#1a1a1a}.visibility-option.selected{border-color:var(--accent);background:#667eea1a}.visibility-option.disabled{opacity:.5;cursor:not-allowed}.visibility-option input[type=radio]{display:none}.visibility-info{flex:1;display:flex;flex-direction:column;gap:4px}.visibility-info strong{font-size:15px;font-weight:600;color:var(--text)}.visibility-info small{font-size:13px;color:var(--text-muted);line-height:1.4}@media (max-width: 768px){.project-name-dialog{width:95%;padding:24px}.project-name-dialog h3{font-size:20px}.visibility-options{flex-direction:column}.visibility-option{min-width:100%}}.library-picker{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.library-option{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;border:1px solid #333;background:#1a1a1a;color:#aaa;font-size:13px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.library-option input[type=checkbox]{display:none}.library-option.selected{border-color:#8c52ff;background:#8c52ff26;color:#fff}.library-option:hover{border-color:#555;color:#fff}.new-lib-btn{margin-top:8px;background:none;border:1px dashed #444;color:#888;font-size:12px;padding:6px 12px;border-radius:6px;cursor:pointer;transition:border-color .2s,color .2s;width:100%;text-align:left}.new-lib-btn:hover{border-color:#8c52ff;color:#8c52ff}.new-lib-input-row{display:flex;gap:6px;margin-top:8px;align-items:center}.new-lib-input{flex:1;background:#1a1a1a;border:1px solid #444;border-radius:6px;color:#fff;font-size:13px;padding:6px 10px;outline:none}.new-lib-input:focus{border-color:#8c52ff}.new-lib-confirm-btn,.new-lib-cancel-btn{background:none;border:1px solid #444;border-radius:6px;color:#aaa;font-size:14px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:border-color .2s,color .2s}.new-lib-confirm-btn:hover{border-color:#4ade80;color:#4ade80}.new-lib-cancel-btn:hover{border-color:#ef4444;color:#ef4444}.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.confirm-dialog{background:#1a1a1a;border:1px solid #333;border-radius:16px;padding:32px;width:90%;max-width:420px;text-align:center;animation:slideUp .3s ease}.confirm-icon{display:flex;align-items:center;justify-content:center;margin:0 auto 20px;width:64px;height:64px;border-radius:50%}.confirm-icon-default{color:var(--accent);background:#5865f21a}.confirm-icon-warning{color:#faa61a;background:#faa61a1a}.confirm-icon-danger{color:var(--error);background:#f047471a}.confirm-title{font-size:22px;font-weight:700;color:var(--text);margin-bottom:12px}.confirm-message{font-size:15px;color:var(--text-muted);line-height:1.6;margin-bottom:28px}.confirm-actions{display:flex;gap:12px;justify-content:center}.confirm-btn{flex:1;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;transition:all .2s;min-width:100px}.confirm-btn-default{background:var(--accent);color:#fff}.confirm-btn-default:hover{background:#4752c4;transform:translateY(-1px)}.confirm-btn-warning{background:#faa61a;color:#fff}.confirm-btn-warning:hover{background:#e89610;transform:translateY(-1px)}.confirm-btn-danger{background:var(--error);color:#fff}.confirm-btn-danger:hover{background:#d63939;transform:translateY(-1px)}@media (max-width: 768px){.confirm-dialog{width:95%;padding:28px 24px}.confirm-title{font-size:20px}.confirm-message{font-size:14px}.confirm-actions{flex-direction:column}.confirm-btn{width:100%}}.subscription-warning-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease;padding:20px}.subscription-warning-modal{background:#1a1a1a;border:1px solid #333;border-radius:16px;padding:40px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.warning-icon{display:flex;align-items:center;justify-content:center;margin:0 auto 24px;width:80px;height:80px;border-radius:50%;background:#faa61a1a;color:#faa61a}.subscription-warning-modal h2{font-size:28px;font-weight:700;color:var(--text);text-align:center;margin-bottom:24px}.warning-content{margin-bottom:32px}.warning-message{font-size:15px;line-height:1.6;color:var(--text-muted);text-align:center;margin-bottom:28px}.warning-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.option-box{padding:20px;border-radius:12px;border:2px solid}.option-box.danger{background:#f047470d;border-color:#f047474d}.option-box.success{background:#43b5810d;border-color:#43b5814d}.option-box h4{font-size:16px;font-weight:700;color:var(--text);margin-bottom:12px}.option-box p{font-size:14px;line-height:1.5;color:var(--text-muted);margin-bottom:12px}.option-box ul{list-style:none;padding:0;margin:0}.option-box ul li{font-size:13px;line-height:1.6;color:var(--text-muted);padding-left:20px;position:relative;margin-bottom:8px}.option-box ul li:before{content:"•";position:absolute;left:8px;color:var(--text-muted)}.warning-actions{display:flex;gap:12px;justify-content:center;margin-bottom:16px}.warning-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;transition:all .2s;min-width:120px}.cancel-btn{background:transparent;border:1px solid #333;color:var(--text)}.cancel-btn:hover{background:#1a1a1a}.public-btn{background:var(--error);color:#fff}.public-btn:hover{background:#d63939;transform:translateY(-1px)}.upgrade-btn{background:var(--accent);color:#fff}.upgrade-btn:hover{background:#4752c4;transform:translateY(-1px)}.warning-footer{font-size:12px;color:var(--text-muted);text-align:center;font-style:italic}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.subscription-warning-modal{padding:30px 24px}.subscription-warning-modal h2{font-size:24px}.warning-options{grid-template-columns:1fr}.warning-actions{flex-direction:column}.warning-btn{width:100%}}.assets-library-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.assets-library-modal{background:#1a1a1a;border:1px solid #333;border-radius:12px;width:90%;max-width:1000px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080;animation:slideUp .3s ease;overflow:hidden}.assets-library-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #333;background:#000;border-radius:12px 12px 0 0;flex-shrink:0}.assets-library-header h2{margin:0;font-size:24px;color:#fff}.close-button{background:none;border:none;color:#999;font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-button:hover{color:#fff}.assets-library-tabs{display:flex;gap:4px;padding:16px 24px;border-bottom:1px solid #333;overflow-x:auto;flex-shrink:0;background:#1e1e1e;z-index:10}.assets-library-tabs button{background:none;border:none;color:#999;padding:12px 20px;cursor:pointer;font-size:14px;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap;flex-shrink:0}.assets-library-tabs button:hover{color:#fff;background:#ffffff0d;border-radius:6px 6px 0 0}.assets-library-tabs button.active{color:#fff;border-bottom-color:#007acc}.assets-library-content{flex:1;overflow-y:auto;padding:24px}.packages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.package-card{background:#252526;border:1px solid #333;border-radius:8px;padding:16px;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.package-card:hover{border-color:#007acc;transform:translateY(-2px)}.package-info h4{margin:0 0 4px;color:#fff;font-size:16px}.package-category{color:#999;font-size:12px}.package-card button{background:#007acc;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s}.package-card button:hover{background:#005a9e}.photos-section{display:flex;flex-direction:column;gap:20px;padding-top:8px}.photos-search{display:flex;gap:12px;flex-shrink:0}.photos-search input{flex:1;background:#252526;border:1px solid #333;color:#fff;padding:12px 16px;border-radius:6px;font-size:14px}.photos-search input:focus{outline:none;border-color:#007acc}.photos-search button{background:#007acc;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s}.photos-search button:hover{background:#005a9e}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.photo-card{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s}.photo-card:hover{transform:scale(1.05)}.photo-card img{width:100%;height:100%;object-fit:cover}.photo-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.photo-card:hover .photo-overlay{opacity:1}.photo-overlay span{color:#fff;font-size:14px}.icons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.icon-library-card{background:#252526;border:1px solid #333;border-radius:8px;padding:20px;text-align:center;transition:all .2s}.icon-library-card:hover{border-color:#007acc}.icon-library-card h4{margin:0 0 12px;color:#fff;font-size:18px}.icon-library-card a{display:inline-block;color:#007acc;text-decoration:none;margin-bottom:12px;font-size:14px}.icon-library-card a:hover{text-decoration:underline}.icon-library-card button{background:#007acc;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;width:100%;transition:background .2s}.icon-library-card button:hover{background:#005a9e}.fonts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.font-card{background:#252526;border:1px solid #333;border-radius:8px;padding:24px;text-align:center;cursor:pointer;transition:all .2s}.font-card:hover{border-color:#007acc;transform:translateY(-2px)}.font-card span{color:#fff;font-size:20px}.colors-section{display:flex;flex-direction:column;gap:24px}.color-palette{background:#252526;border:1px solid #333;border-radius:8px;padding:20px}.color-palette h4{margin:0 0 16px;color:#fff;font-size:16px}.color-swatches{display:flex;gap:8px}.color-swatch{width:60px;height:60px;border-radius:8px;cursor:pointer;transition:transform .2s;border:2px solid #333}.color-swatch:hover{transform:scale(1.1);border-color:#007acc}.patterns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.pattern-card{background:#252526;border:1px solid #333;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s}.pattern-card:hover{border-color:#007acc;transform:translateY(-2px)}.pattern-preview{width:100%;height:150px}.pattern-card span{display:block;padding:12px;color:#fff;font-size:14px;text-align:center}.assets-library-upgrade{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center}.upgrade-icon{font-size:64px;margin-bottom:20px}.assets-library-upgrade h3{margin:0 0 16px;color:#fff;font-size:28px}.assets-library-upgrade p{color:#999;font-size:16px;line-height:1.6;max-width:500px;margin:8px 0}.loading{text-align:center;color:#999;padding:40px;font-size:16px}.custom-color-section{background:var(--bg);border:2px solid var(--accent);border-radius:12px;padding:20px;margin-bottom:24px}.custom-color-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.custom-color-header h4{margin:0;color:var(--text);font-size:18px}.add-color-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--accent);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.add-color-btn svg{width:16px;height:16px}.add-color-btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #5865f24d}.custom-colors{display:flex;flex-wrap:wrap;gap:12px}.color-swatch-wrapper{position:relative}.delete-color-btn{position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:#f04747;border:2px solid var(--bg);border-radius:50%;color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .2s;line-height:1;padding:0}.color-swatch-wrapper:hover .delete-color-btn{opacity:1}.delete-color-btn:hover{background:#d83c3c;transform:scale(1.1)}.no-colors-message{color:var(--text-muted);font-size:14px;font-style:italic;margin:0;padding:20px;text-align:center;background:var(--bg-alt);border-radius:8px}.color-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.color-picker-modal{background:var(--bg-alt);border:1px solid var(--border);border-radius:16px;padding:30px;width:90%;max-width:450px;animation:slideUp .3s ease}.color-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.color-picker-header h3{font-size:20px;color:var(--text);font-weight:600}.close-btn{width:32px;height:32px;border-radius:8px;background:var(--bg);border:1px solid var(--border);color:var(--text);font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-btn:hover{background:var(--bg-lighter);border-color:var(--accent)}.color-picker-content{display:flex;flex-direction:column;gap:20px}.color-preview-row{display:flex;align-items:stretch;gap:10px}.color-preview{flex:1;height:60px;border-radius:12px;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 8px #0000004d}.eyedropper-btn{width:52px;height:60px;flex-shrink:0;border-radius:12px;background:var(--bg);border:2px solid var(--border);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.eyedropper-btn:hover{border-color:var(--accent);color:var(--accent);background:#5865f214}.color-preview-text{font-size:18px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);font-family:Courier New,monospace}.color-gradient{width:100%;height:250px;border-radius:12px;border:2px solid var(--border);position:relative;cursor:crosshair;-webkit-user-select:none;user-select:none}.color-selector{position:absolute;width:20px;height:20px;border:3px solid white;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 1px #00000080,0 2px 8px #0000004d}.hue-slider-container{display:flex;flex-direction:column;gap:8px}.hue-slider-container label{font-size:13px;color:var(--text-muted);font-weight:500}.hue-slider{width:100%;height:30px;border-radius:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:2px solid var(--border);cursor:pointer}.hue-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:30px;background:#fff;border:2px solid var(--border);border-radius:4px;cursor:pointer;box-shadow:0 2px 8px #0000004d}.hue-slider::-moz-range-thumb{width:20px;height:30px;background:#fff;border:2px solid var(--border);border-radius:4px;cursor:pointer;box-shadow:0 2px 8px #0000004d}.hex-input-container{display:flex;flex-direction:column;gap:8px}.hex-input-container label{font-size:13px;color:var(--text-muted);font-weight:500}.hex-input{width:100%;padding:12px 16px;background:var(--bg);border:2px solid var(--border);border-radius:8px;color:var(--text);font-size:16px;font-family:Courier New,monospace;transition:all .2s}.hex-input:focus{border-color:var(--accent);outline:none}.color-picker-actions{display:flex;gap:12px;margin-top:10px}.cancel-btn,.save-btn{flex:1;padding:12px;border-radius:8px;font-size:15px;font-weight:600;transition:all .2s;cursor:pointer}.cancel-btn{background:var(--bg);border:2px solid var(--border);color:var(--text)}.cancel-btn:hover{background:var(--bg-lighter);border-color:var(--text-muted)}.save-btn{background:var(--accent);border:2px solid var(--accent);color:#fff}.save-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #5865f24d}.console-panel{background:#000;border-top:2px solid #333;display:flex;flex-direction:column;min-height:80px;max-height:70vh;font-family:Consolas,Monaco,Courier New,monospace;flex-shrink:0}.console-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#111;border-bottom:1px solid #222;flex-shrink:0;-webkit-user-select:none;user-select:none}.console-title{display:flex;align-items:center;gap:6px;color:#fff;font-size:12px;font-weight:600;font-family:inherit}.console-count{background:#8c52ff;color:#fff;font-size:10px;font-weight:700;padding:1px 5px;border-radius:8px;min-width:16px;text-align:center}.console-controls{display:flex;gap:6px;align-items:center}.console-filter{background:#1a1a1a;border:1px solid #333;color:#ccc;padding:2px 6px;border-radius:4px;font-size:11px;cursor:pointer;font-family:inherit}.console-filter:focus{outline:none;border-color:#8c52ff}.console-clear,.console-close{background:none;border:none;color:#666;cursor:pointer;padding:3px 5px;border-radius:3px;transition:color .15s,background .15s;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1}.console-clear:hover,.console-close:hover{color:#fff;background:#222}.console-content{flex:1;overflow-y:auto;padding:4px 0}.console-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff;gap:6px;padding:16px;opacity:.5}.console-empty p{margin:0;font-size:12px;color:#fff}.console-empty-hint{font-size:11px!important;color:#aaa!important}.console-log{display:flex;align-items:baseline;gap:8px;padding:3px 10px;border-bottom:1px solid #111;font-size:12px;line-height:1.5}.console-log:hover{background:#0d0d0d}.log-prefix{flex-shrink:0;font-size:13px;color:#555;width:12px}.log-timestamp{flex-shrink:0;color:#888;font-size:10px;min-width:72px}.log-message{flex:1;margin:0;color:#d4d4d4;white-space:pre-wrap;word-break:break-all;font-family:inherit;font-size:12px}.console-log-entry .log-prefix{color:#555}.console-error{background:#f487710d}.console-error .log-prefix,.console-error .log-message{color:#f48771}.console-warn{background:#cca7000d}.console-warn .log-prefix,.console-warn .log-message{color:#cca700}.console-info .log-prefix,.console-info .log-message{color:#75beff}.console-resize-handle{height:5px;background:#1a1a1a;cursor:row-resize;flex-shrink:0;border-top:1px solid #333;transition:background .15s}.console-resize-handle:hover,.console-resize-handle.dragging{background:#8c52ff}.console-content::-webkit-scrollbar{width:6px}.console-content::-webkit-scrollbar-track{background:#000}.console-content::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.console-content::-webkit-scrollbar-thumb:hover{background:#444}.display-settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.display-settings-modal{background:#1a1a1a;border:1px solid #333;border-radius:12px;width:90%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 40px #00000080;animation:slideUp .3s ease}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #333;background:#000;border-radius:12px 12px 0 0;flex-shrink:0}.settings-header h2{margin:0;font-size:24px;color:#fff}.settings-content{flex:1;overflow-y:auto;padding:24px}.settings-section{margin-bottom:32px}.settings-section:last-child{margin-bottom:0}.settings-section h3{margin:0 0 16px;font-size:16px;color:#fff;font-weight:600;padding-bottom:8px;border-bottom:1px solid #333}.setting-item{margin-bottom:20px}.setting-item:last-child{margin-bottom:0}.setting-item label{display:block;color:#d4d4d4;font-size:14px;margin-bottom:8px}.setting-item select{width:100%;background:#252526;border:1px solid #333;color:#fff;padding:10px 12px;border-radius:6px;font-size:14px;cursor:pointer}.setting-item select:focus{outline:none;border-color:#007acc}.range-input{display:flex;align-items:center;gap:16px}.range-input input[type=range]{flex:1;height:6px;background:#333;border-radius:3px;outline:none;-webkit-appearance:none}.range-input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#8c52ff;border-radius:50%;cursor:pointer;transition:background .2s}.range-input input[type=range]::-webkit-slider-thumb:hover{background:#7a3fe0}.range-input input[type=range]::-moz-range-thumb{width:18px;height:18px;background:#8c52ff;border-radius:50%;cursor:pointer;border:none;transition:background .2s}.range-value{color:#999;font-size:13px;min-width:60px;text-align:right}.toggle-switch{width:44px;height:24px;border-radius:12px;background:#444;position:relative;cursor:pointer;transition:background .25s;flex-shrink:0;-webkit-user-select:none;user-select:none}.toggle-switch.on{background:#8c52ff}.toggle-switch.disabled{opacity:.4;cursor:not-allowed}.toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .25s;box-shadow:0 1px 4px #0006}.toggle-switch.on .toggle-knob{transform:translate(20px)}.setting-item.toggle-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;margin-bottom:4px}.setting-label{color:#d4d4d4;font-size:14px}.setting-label.disabled-label{color:#666}.version-interval-item{padding:10px 0 4px;margin-bottom:4px}.version-interval-item .setting-label{display:block;margin-bottom:8px}.interval-input-group{display:flex;align-items:center;gap:8px}.interval-input{width:56px;background:#252526;border:1px solid #444;color:#fff;padding:7px 10px;border-radius:6px;font-size:14px;text-align:center;outline:none;transition:border-color .2s}.interval-input:focus{border-color:#8c52ff}.interval-unit{color:#999;font-size:14px}.settings-footer{display:flex;justify-content:space-between;padding:20px 24px;border-top:1px solid #333}.reset-btn,.done-btn{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.reset-btn{background:#333;color:#fff}.reset-btn:hover{background:#444}.done-btn{background:#8c52ff;color:#fff}.done-btn:hover{background:#7a3fe0}.section-description{font-size:13px;color:#888;margin:0 0 16px;line-height:1.5}.setting-hint{font-size:12px;color:#666;margin:4px 0 0;font-style:italic}.bg-presets-row{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.bg-preset-swatch{width:36px;height:36px;border-radius:8px;border:2px solid #333;cursor:pointer;transition:transform .15s,border-color .15s;padding:0;flex-shrink:0}.bg-preset-swatch:hover{transform:scale(1.12);border-color:#8c52ff}.bg-preset-swatch.active{border-color:#8c52ff;box-shadow:0 0 0 2px #8c52ff66}.bg-custom-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bg-custom-btn{display:flex;align-items:center;gap:8px;padding:7px 14px;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#ccc;font-size:13px;cursor:pointer;transition:border-color .2s,color .2s}.bg-custom-btn:hover{border-color:#8c52ff;color:#fff}.bg-custom-swatch{width:18px;height:18px;border-radius:4px;border:1px solid #555;flex-shrink:0;display:inline-block}.bg-eyedropper-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#aaa;font-size:13px;cursor:pointer;transition:border-color .2s,color .2s}.bg-eyedropper-btn:hover{border-color:#8c52ff;color:#8c52ff}.bg-current-preview{width:32px;height:32px;border-radius:8px;border:2px solid #444;flex-shrink:0;margin-left:auto}.settings-content::-webkit-scrollbar{width:10px}.settings-content::-webkit-scrollbar-track{background:#1e1e1e}.settings-content::-webkit-scrollbar-thumb{background:#424242;border-radius:5px}.settings-content::-webkit-scrollbar-thumb:hover{background:#4e4e4e}.shortcuts-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.shortcuts-modal{background:#1a1a1a;border:1px solid #333;border-radius:12px;width:90%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 40px #00000080;animation:slideUp .3s ease}.shortcuts-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #333;background:#000;border-radius:12px 12px 0 0;flex-shrink:0}.shortcuts-header h2{margin:0;font-size:24px;color:#fff}.shortcuts-content{flex:1;overflow-y:auto;padding:24px}.shortcuts-section{margin-bottom:32px}.shortcuts-section:last-child{margin-bottom:0}.shortcuts-section h3{margin:0 0 16px;font-size:18px;color:#fff;font-weight:600;padding-bottom:8px;border-bottom:1px solid #333}.shortcuts-list{display:flex;flex-direction:column;gap:12px}.shortcut-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#252526;border-radius:8px;transition:background .2s}.shortcut-item:hover{background:#2a2a2b}.shortcut-keys{display:flex;align-items:center;gap:6px}.key{display:inline-block;padding:4px 10px;background:#1e1e1e;border:1px solid #333;border-radius:4px;color:#d4d4d4;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;font-weight:600;box-shadow:0 2px #111;min-width:32px;text-align:center}.key-separator{color:#666;font-size:14px;font-weight:600}.shortcut-description{color:#d4d4d4;font-size:14px;text-align:right}.shortcuts-footer{padding:16px 24px;border-top:1px solid #333;background:#252526}.shortcuts-note{margin:0;color:#999;font-size:14px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.shortcuts-note .key{padding:3px 8px;font-size:12px;min-width:24px}.shortcuts-content::-webkit-scrollbar{width:10px}.shortcuts-content::-webkit-scrollbar-track{background:#1e1e1e}.shortcuts-content::-webkit-scrollbar-thumb{background:#424242;border-radius:5px}.shortcuts-content::-webkit-scrollbar-thumb:hover{background:#4e4e4e}@media (max-width: 768px){.shortcut-item{flex-direction:column;align-items:flex-start;gap:8px}.shortcut-description{text-align:left}}.version-history-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.version-history-modal{background:#1e1e1e;border-radius:12px;width:90%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080;animation:slideUp .3s ease}.version-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 28px;border-bottom:1px solid #333}.version-header h2{margin:0 0 8px;font-size:26px;color:#fff}.version-limit{margin:0;color:#999;font-size:14px}.upgrade-hint{color:#007acc;cursor:pointer}.version-content{flex:1;overflow-y:auto;padding:20px 28px}.versions-list{display:flex;flex-direction:column;gap:16px}.version-item{background:#252526;border:1px solid #333;border-radius:10px;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:all .2s}.version-item:hover{border-color:#444;background:#2a2a2b}.version-info{flex:1}.version-number{font-size:16px;font-weight:600;color:#fff;margin-bottom:6px}.version-date{font-size:14px;color:#999;display:flex;align-items:center;gap:12px}.version-time-ago{color:#666;font-size:13px}.version-description{margin-top:8px;color:#d4d4d4;font-size:14px;line-height:1.5}.version-actions{display:flex;gap:8px;flex-shrink:0}.version-btn{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.preview-btn{background:#333;color:#fff}.preview-btn:hover{background:#444}.restore-btn{background:#007acc;color:#fff}.restore-btn:hover{background:#005a9e}.delete-btn{background:#d32f2f;color:#fff;padding:8px 12px}.delete-btn:hover{background:#b71c1c}.loading-state{text-align:center;color:#999;padding:60px 20px;font-size:16px}.empty-state{text-align:center;padding:60px 20px}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-state h3{margin:0 0 12px;color:#fff;font-size:24px}.empty-state p{color:#999;font-size:16px;line-height:1.6}.version-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .2s ease}.version-preview-modal{background:#1e1e1e;border-radius:12px;width:95%;max-width:1200px;height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #333}.preview-header h3{margin:0;font-size:20px;color:#fff}.preview-content{flex:1;background:#fff;overflow:hidden}.preview-content iframe{width:100%;height:100%;border:none}.preview-footer{padding:16px 24px;border-top:1px solid #333;display:flex;justify-content:center}.restore-preview-btn{padding:12px 32px;background:#007acc;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.restore-preview-btn:hover{background:#005a9e;transform:translateY(-2px)}.version-content::-webkit-scrollbar{width:10px}.version-content::-webkit-scrollbar-track{background:#1e1e1e}.version-content::-webkit-scrollbar-thumb{background:#424242;border-radius:5px}.version-content::-webkit-scrollbar-thumb:hover{background:#4e4e4e}@media (max-width: 768px){.version-item{flex-direction:column;align-items:flex-start}.version-actions{width:100%;justify-content:flex-end}.version-btn{font-size:12px;padding:6px 12px}}.device-preview-controls{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;max-width:100%;min-width:0}.device-preview-controls::-webkit-scrollbar{display:none}.device-btn{padding:4px 10px;background:transparent;border:1px solid #333;border-radius:4px;color:#999;cursor:pointer;font-size:11.5px;transition:all .2s;font-weight:500;white-space:nowrap}.device-btn:hover{background:#2a2a2b;border-color:#444;color:#fff}.device-btn.active{background:#007acc;border-color:#007acc;color:#fff}.device-divider{width:1px;height:16px;background:#333;margin:0 4px;flex-shrink:0}.device-custom-input{display:flex;align-items:center;gap:3px;background:#1a1a1a;border:1px solid #444;border-radius:4px;padding:2px 6px}.device-custom-field{width:36px;background:transparent;border:none;color:#ddd;font-size:11px;text-align:center;outline:none;padding:0;-moz-appearance:textfield}.device-custom-field::-webkit-outer-spin-button,.device-custom-field::-webkit-inner-spin-button{-webkit-appearance:none}.device-custom-sep{color:#666;font-size:12px}@media (max-width: 900px){.device-btn{padding:3px 7px;font-size:11px}}@media (max-width: 768px){.device-btn{padding:3px 6px;font-size:10px}}.responsive-sidebar{display:none;position:fixed;left:-60px;top:0;bottom:0;width:60px;background:#000;border-right:1px solid #333;z-index:1001;transition:left .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden;box-shadow:2px 0 10px #0000004d;flex-direction:column;align-items:center;padding:16px 0}.responsive-sidebar.visible{left:0}.responsive-sidebar.always-active{left:0;position:relative;box-shadow:none}.sidebar-logo{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:8px;transition:opacity .2s}.sidebar-logo:hover{opacity:.8}.sidebar-logo .logo-icon{font-size:20px;font-weight:700;color:var(--accent)}.sidebar-logo .logo-image{width:48px;height:48px;object-fit:contain;margin-bottom:2px}.logo-text-container{display:flex;flex-direction:column;align-items:center;gap:0}.sidebar-logo .logo-text{font-size:10px;font-weight:600;color:#8c52ff;letter-spacing:.5px;line-height:1}.sidebar-logo .logo-text-studio{font-size:8px;font-weight:600;color:#8c52ff;letter-spacing:.5px;line-height:1;margin-top:2px}.sidebar-separator{width:40px;height:1px;background:var(--border);margin:8px 0}.sidebar-project{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:transparent;cursor:pointer;transition:all .2s;margin-bottom:8px}.sidebar-project:hover{background:#ffffff1a}.sidebar-project svg{width:20px;height:20px;color:#999;transition:color .2s}.sidebar-project:hover svg{color:#fff}.project-name-tooltip{position:absolute;left:60px;background:#1a1a1a;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s;z-index:1000;box-shadow:0 4px 12px #0000004d}.sidebar-project:hover .project-name-tooltip{opacity:1}.sidebar-user{position:relative;margin-bottom:8px}.sidebar-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;font-weight:600;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;overflow:hidden;border:2px solid transparent}.sidebar-avatar img{width:100%;height:100%;object-fit:cover}.sidebar-avatar:hover{transform:scale(1.05)}.sidebar-avatar.tier-ring-free{border:3px solid #666666}.sidebar-avatar.tier-ring-pro{border:2.5px solid transparent;background-image:linear-gradient(#000,#000),linear-gradient(135deg,#667eea,#764ba2);background-origin:border-box;background-clip:padding-box,border-box;border-radius:50%!important}.sidebar-avatar.tier-ring-premium{border:2px solid transparent;background-image:linear-gradient(var(--bg-alt),var(--bg-alt)),linear-gradient(135deg,gold,#ffed4e);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 12px #ffd70066}.sidebar-user-menu{position:absolute;left:calc(100% + 8px);top:0;min-width:200px;background:var(--bg-alt);border:1px solid var(--border);border-radius:8px;padding:8px;z-index:1000;box-shadow:0 4px 12px #0000004d}.sidebar-user-info{padding:8px;border-bottom:1px solid var(--border);margin-bottom:8px}.sidebar-user-email{font-size:12px;color:var(--text);margin-bottom:4px;word-break:break-all}.sidebar-user-id{font-size:10px;color:var(--text-muted)}.sidebar-menu-item{width:100%;padding:8px;background:transparent;border:none;border-radius:6px;color:var(--text);font-size:12px;text-align:left;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.sidebar-menu-item:hover{background:var(--bg-lighter)}.sidebar-code-types{display:flex;flex-direction:column;gap:8px;width:100%;align-items:center}.sidebar-code-btn{width:40px;height:40px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.sidebar-code-btn:hover{background:var(--bg-lighter);border-color:var(--accent)}.sidebar-code-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.sidebar-code-btn svg{width:20px;height:20px}.sidebar-buttons{display:flex;flex-direction:column;gap:8px;flex:1;width:100%;align-items:center}.sidebar-btn{width:40px;height:40px;background:transparent;border:none;border-radius:8px;color:var(--text);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;position:relative}.sidebar-btn:hover:not(:disabled){background:var(--bg-lighter);color:var(--accent)}.sidebar-btn:disabled{opacity:.5;cursor:not-allowed}.sidebar-btn.active{background:var(--accent);color:#fff}.sidebar-btn svg{width:20px;height:20px}.sidebar-overlay{position:fixed;top:60px;left:0;right:0;bottom:0;background:#0000004d;z-index:999;animation:fadeIn .2s ease}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:var(--bg)}.sidebar-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (min-width: 771px){.responsive-sidebar{display:none!important}}@media (max-width: 770px){.responsive-sidebar{display:flex!important;width:60px;left:-60px}.responsive-sidebar:hover,.responsive-sidebar.active{left:0}.sidebar-btn{padding:10px 12px;font-size:13px}}@media (max-width: 770px){.sidebar-hover-trigger{position:fixed;left:0;top:0;bottom:0;width:10px;z-index:1000}.sidebar-hover-trigger:hover+.responsive-sidebar{left:0}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.modal-content{background:#1a1a1a;border-radius:12px;padding:24px;max-width:400px;width:90%;box-shadow:0 10px 40px #00000080}.modal-content h3{margin:0 0 12px;font-size:18px;color:#fff}.modal-content p{margin:0 0 16px;font-size:14px;color:#999}.modal-content input{width:100%;padding:10px 12px;background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#fff;font-size:14px;margin-bottom:16px}.modal-content input:focus{outline:none;border-color:#667eea}.modal-buttons{display:flex;gap:8px;justify-content:flex-end}.modal-content button{padding:8px 16px;background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s}.modal-content button:hover{background:#333}.modal-content button.primary{background:#667eea;border-color:#667eea}.modal-content button.primary:hover{background:#5568d3}.user-id-display{display:flex;gap:8px;align-items:center;margin-bottom:16px;padding:12px;background:#2a2a2a;border-radius:6px}.user-id-display code{flex:1;font-family:Monaco,Courier New,monospace;font-size:12px;color:#4ade80;word-break:break-all}.user-id-display .copy-btn{padding:6px 12px;background:#667eea;border:none;border-radius:4px;color:#fff;font-size:12px;cursor:pointer;white-space:nowrap}.user-id-display .copy-btn:hover{background:#5568d3}.thumbnail-preview-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.thumbnail-preview-modal{width:90%;max-width:1200px;background:#1a1a1a;border:1px solid #333;border-radius:16px;padding:40px;animation:slideUp .3s ease}.preview-container{position:relative;width:100%;aspect-ratio:16 / 9;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #0000004d}.preview-iframe{width:100%;height:100%;border:none;background:#fff}.preview-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.preview-status{text-align:center;color:#fff}.spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.2);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.preview-status p{font-size:18px;font-weight:600;margin-bottom:20px;color:#fff}.progress-bar{width:300px;height:8px;background:#fff3;border-radius:4px;overflow:hidden;margin:0 auto 10px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#764ba2);border-radius:4px;transition:width .3s ease}.progress-text{font-size:14px;color:#fffc;font-weight:500}@media (max-width: 768px){.thumbnail-preview-modal{width:95%;padding:24px}.progress-bar{width:200px}.preview-status p{font-size:16px}}.editor-container{display:flex;flex-direction:column;height:100vh;background:var(--bg);overflow:hidden}.editor-container>.editor-with-tree{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:row}.editor-container.sidebar-active{margin-left:0}.editor-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.editors-panel{display:flex;background:var(--bg-alt);overflow:hidden;min-width:0;flex:1;min-height:0}.editor-main.split-active .editors-panel,.editor-main.split-active .preview-panel{flex:none}.editor-pane{display:flex;flex-direction:column;border-right:1px solid var(--border);min-width:150px;overflow:hidden}.no-file-selected-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:10px;color:#555;-webkit-user-select:none;user-select:none}.no-file-selected-placeholder span{font-size:15px;font-weight:600;color:#555}.no-file-selected-placeholder p{font-size:12px;color:#444;margin:0}.editor-pane:last-child{border-right:none}.editor-label{padding:8px 12px;background:var(--bg);border-bottom:1px solid var(--border);font-size:13px;font-weight:600;color:var(--text)}.preview-panel{flex:1;display:flex;flex-direction:column;background:#fff;border-left:1px solid var(--border);min-width:0;overflow:hidden;min-height:0}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-alt);border-bottom:1px solid var(--border);font-size:13px;font-weight:600;color:var(--text);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;gap:8px}.preview-header::-webkit-scrollbar{display:none}.preview-header-left{display:flex;align-items:center;gap:16px;flex-shrink:0}.preview-header-right{display:flex;align-items:center;gap:12px;min-width:0;flex-shrink:0}.quick-edit-buttons{display:flex;gap:4px;margin-left:16px}.quick-edit-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;transition:all .2s;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-edit-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;display:inline-block}.quick-edit-btn:hover{background:var(--bg-alt);color:var(--text)}.quick-edit-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.quick-edit-btn.disabled,.quick-edit-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.quick-edit-btn.disabled .quick-edit-dot,.quick-edit-btn:disabled .quick-edit-dot{opacity:.4}.resize-handle{height:6px;background:#1a1a1a;border-top:1px solid #333;border-bottom:1px solid #333;cursor:row-resize;display:flex;align-items:center;justify-content:center;position:relative;z-index:20;-webkit-user-select:none;user-select:none;flex-shrink:0;transition:background .15s}.resize-handle:hover,.resize-handle:active{background:#1a1a1a}.resize-line{width:32px;height:2px;background:#555;border-radius:2px;pointer-events:none;transition:background .15s}.resize-handle:hover .resize-line,.resize-handle:active .resize-line{background:#fff}.quick-edit-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.quick-edit-content{background:#1a1a1a;border:1px solid #333;border-radius:8px;width:90%;max-width:800px;box-shadow:0 10px 40px #00000080;overflow:hidden}.quick-edit-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#000;border-bottom:1px solid #333;border-radius:8px 8px 0 0}.quick-edit-header span{font-size:14px;font-weight:600;color:var(--text)}.quick-edit-close{background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s}.quick-edit-close:hover{color:var(--text)}.collaborators-indicator{display:flex;align-items:center;gap:8px;padding:4px 12px;background:#43b5811a;border:1px solid rgba(67,181,129,.3);border-radius:12px;font-size:11px;color:var(--success)}.collab-dot{width:6px;height:6px;background:var(--success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.preview-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#f0f0f0;overflow:hidden;padding:8px;box-sizing:border-box;position:relative}.preview-wrapper.preview-viewport{padding:0;align-items:stretch}.preview-container[data-device=viewport]{width:100%!important;height:100%!important;border-radius:0!important;box-shadow:none!important;border:none!important;flex-shrink:1}.preview-container{position:relative;background:#fff;box-shadow:0 2px 12px #0000002e;border-radius:4px;overflow:hidden;flex-shrink:0}.preview-iframe{display:block;border:none;background:#fff}.device-frame-desktop,.device-frame-custom{border:8px solid #2a2a2a;border-radius:6px;box-shadow:0 4px 20px #0006}.device-frame-tablet{border:14px solid #2a2a2a;border-radius:16px;box-shadow:0 4px 20px #0006}.device-frame-mobile{border:8px solid #2a2a2a;border-top-width:22px;border-bottom-width:22px;border-radius:22px;box-shadow:0 4px 20px #0006}.device-frame-mobile:before{content:"";position:absolute;top:-14px;left:50%;transform:translate(-50%);width:36px;height:4px;background:#555;border-radius:2px}.device-frame-mobile:after{content:"";position:absolute;bottom:-16px;left:50%;transform:translate(-50%);width:14px;height:14px;background:#333;border-radius:50%;border:1.5px solid #555;z-index:10}.thumbnail-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.thumbnail-loading-modal{background:#1e1e1e;border:2px solid #667eea;border-radius:16px;padding:40px;text-align:center;min-width:320px;box-shadow:0 20px 60px #00000080}.thumbnail-loading-spinner{width:60px;height:60px;border:4px solid #333;border-top-color:#667eea;border-radius:50%;margin:0 auto 20px;animation:spin 1s linear infinite}.thumbnail-loading-modal h3{color:#fff;font-size:20px;margin:0 0 20px}.thumbnail-progress-bar{width:100%;height:8px;background:#333;border-radius:4px;overflow:hidden;margin-bottom:12px}.thumbnail-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease;border-radius:4px}.thumbnail-loading-modal p{color:#999;font-size:14px;margin:0}@media (max-width: 770px){.editor-container{background:#fff!important}.editor-main{flex-direction:column;flex:1;background:#fff!important}.editors-panel{display:none!important}.editor-pane{border-right:none;border-bottom:1px solid var(--border)}.preview-panel{border-left:none;border-top:none;flex:1;height:100%;background:#fff!important}.thumbnail-loading-modal{min-width:280px;padding:30px}}.ft-root{display:flex;flex-direction:column;width:200px;min-width:160px;max-width:280px;height:100%;background:#111;border-right:1px solid #222;overflow:hidden;flex-shrink:0;-webkit-user-select:none;user-select:none;font-family:Consolas,SF Mono,Fira Code,monospace;font-size:12.5px}.ft-collapsed{width:28px;min-width:28px;height:100%;background:#111;border-right:1px solid #222;display:flex;align-items:flex-start;justify-content:center;padding-top:8px;flex-shrink:0}.ft-collapse-btn{background:none;border:none;color:#555;cursor:pointer;padding:4px;display:flex;flex-direction:column;align-items:center;gap:2px;border-radius:4px;transition:color .15s}.ft-collapse-btn:hover{color:#ccc;background:#ffffff0f}.ft-project-row{display:flex;align-items:center;padding:0 8px;height:30px;min-height:30px;background:#0d0d0d;border-bottom:1px solid #1a1a1a;flex-shrink:0}.ft-project-name-wrap{flex:1;min-width:0;overflow:hidden}.ft-project-name{display:block;font-size:12px;font-weight:700;color:#d0d0d0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;border-radius:3px;padding:2px 4px;transition:color .15s,background .15s;letter-spacing:.01em}.ft-project-name:hover{color:#fff;background:#ffffff12}.ft-project-name-input{width:100%;background:#1a1a1a;border:1px solid #4a9edd;border-radius:3px;color:#e8e8e8;font-size:12px;font-family:inherit;font-weight:700;padding:2px 5px;height:22px;outline:none;box-sizing:border-box}.ft-header{display:flex;align-items:center;justify-content:space-between;padding:0 4px 0 8px;height:28px;min-height:28px;background:#0d0d0d;border-bottom:1px solid #1e1e1e;flex-shrink:0;gap:4px}.ft-files-label{font-size:10px;font-weight:700;color:#555;letter-spacing:.08em;text-transform:uppercase;flex:1;min-width:0;white-space:nowrap}.ft-header-actions{display:flex;align-items:center;gap:1px;flex-shrink:0}.ft-header-btn{background:none;border:none;color:#555;cursor:pointer;padding:3px 4px;border-radius:3px;display:flex;align-items:center;transition:color .15s,background .15s}.ft-header-btn:hover{color:#ccc;background:#ffffff14}.ft-single-toggle{color:#555;position:relative}.ft-single-toggle.active{color:#8c52ff;background:#8c52ff1f;border-radius:3px}.ft-single-toggle.active:hover{color:#a06bff;background:#8c52ff33}.ft-single-toggle.ft-toggle-disabled{color:#333!important;background:none!important;opacity:.35;cursor:not-allowed;pointer-events:none}.ft-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:3px 0 8px;position:relative}.ft-body::-webkit-scrollbar{width:4px}.ft-body::-webkit-scrollbar-track{background:transparent}.ft-body::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:2px}.ft-node{position:relative;display:flex;align-items:center;gap:4px;height:22px;padding-right:6px;cursor:pointer;color:#c8c8c8;border-radius:3px;margin:0 4px;transition:background .1s;white-space:nowrap;overflow:hidden}.ft-node:hover{background:#ffffff0f;color:#e8e8e8}.ft-node-active{background:#ffffff17;color:#fff}.ft-node-active:hover{background:#ffffff21}.ft-node-folder>.ft-node-name{font-weight:500;color:#ddd}.ft-node-folder:hover>.ft-node-name{color:#fff}.ft-node-dragging{opacity:.35}.ft-node-drop-target{background:#4a9edd26!important;outline:1px dashed #4a9edd}.ft-guide-line{position:absolute;top:0;bottom:0;width:1px;background:#222;pointer-events:none}.ft-drop-indicator{position:relative;height:2px;background:#4a9edd;margin:0 4px;border-radius:1px;pointer-events:none}.ft-drop-indicator:before{content:"";position:absolute;left:-3px;top:-3px;width:8px;height:8px;border-radius:50%;background:#4a9edd}.ft-arrow{font-size:9px;color:#777;flex-shrink:0;width:10px;text-align:center;transition:color .15s}.ft-node:hover .ft-arrow{color:#bbb}.ft-file-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-left:2px}.ft-node-name{overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;line-height:22px}.ft-active-badge{font-size:8px;font-weight:700;letter-spacing:.04em;padding:1px 4px;border-radius:3px;flex-shrink:0;line-height:14px}.ft-active-badge-html{background:#e8734a38;color:#e8734a}.ft-active-badge-css{background:#4a9edd38;color:#4a9edd}.ft-active-badge-js{background:#f0c04038;color:#f0c040}.ft-children{position:relative}.ft-rename-input{flex:1;min-width:0;background:#2a2a2a;border:1px solid #4a9edd;border-radius:3px;color:#e8e8e8;font-size:12px;padding:0 4px;height:18px;outline:none}.ft-inline-input-row{display:flex;align-items:center;padding:2px 0}.ft-inline-input{flex:1;background:#1e1e1e;border:1px solid #4a9edd;border-radius:3px;color:#e8e8e8;font-size:12px;font-family:inherit;padding:2px 6px;height:20px;outline:none;width:100%;box-sizing:border-box}.ft-inline-input::placeholder{color:#444}.ft-ctx-menu{z-index:99999;background:#1e1e1e;border:1px solid #333;border-radius:6px;padding:4px 0;min-width:150px;box-shadow:0 6px 20px #0009;pointer-events:auto}.ft-ctx-item{display:block;width:100%;padding:6px 14px;background:none;border:none;color:#c8c8c8;font-size:12.5px;text-align:left;cursor:pointer;transition:background .1s;white-space:nowrap}.ft-ctx-item:hover{background:#ffffff14;color:#fff}.ft-ctx-item.danger{color:#e86565}.ft-ctx-item.danger:hover{background:#e865651f}.ft-ctx-item-disabled{color:#444!important;cursor:default!important}.ft-ctx-item-disabled:hover{background:none!important}.ft-ctx-divider{height:1px;background:#2a2a2a;margin:3px 0}.editor-with-tree{display:flex;flex-direction:row;flex:1;min-height:0;overflow:hidden}.editor-with-tree .editor-main{flex:1;min-width:0;min-height:0;overflow:hidden}.truncated-desc-wrapper{display:block;font-size:12px;color:#888;line-height:1.5;word-break:break-word}.truncated-desc-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.see-more-btn{display:inline-block;background:none;border:none;color:#8c52ff;font-size:12px;cursor:pointer;padding:0;margin-top:2px;font-weight:500;transition:color .2s;white-space:nowrap}.see-more-btn:hover{color:#a06bff;text-decoration:underline}.obf-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:99999;padding:16px}.obf-modal{background:#0d0d0d;border:1px solid #222;border-radius:16px;width:100%;max-width:480px;box-shadow:0 24px 80px #000000b3;overflow:hidden}.obf-header{text-align:center;padding:32px 32px 20px;background:linear-gradient(180deg,#0d0d25,#0d0d0d);border-bottom:1px solid #1a1a1a}.obf-logo{width:48px;height:48px;margin-bottom:12px}.obf-title{font-size:20px;font-weight:800;color:#fff;margin:0 0 6px}.obf-subtitle{font-size:13px;color:#666;margin:0}.obf-progress{display:flex;gap:6px;padding:18px 32px 0}.obf-progress-step{flex:1;height:4px;background:#222;border-radius:2px;transition:background .3s}.obf-progress-step.done{background:#8c52ff}.obf-progress-step.active{background:#a47aff}.obf-step-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#8c52ff;padding:10px 32px 0}.obf-body{padding:16px 32px 32px}.obf-step-desc{font-size:13px;color:#666;margin:0 0 20px;line-height:1.6}.obf-step-content{display:flex;flex-direction:column;gap:0}.obf-field{margin-bottom:16px}.obf-field label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#666;margin-bottom:6px}.obf-input{width:100%;background:#111;border:1px solid #2a2a2a;border-radius:8px;color:#fff;font-size:14px;padding:10px 14px;outline:none;transition:border-color .2s;box-sizing:border-box}.obf-input:focus{border-color:#8c52ff}.obf-input.error{border-color:#ef4444}.obf-code-input{font-size:22px;letter-spacing:.3em;text-align:center}.obf-select{width:100%;background:#111;border:1px solid #2a2a2a;border-radius:8px;color:#fff;font-size:13px;padding:10px 14px;outline:none;cursor:pointer;transition:border-color .2s;box-sizing:border-box}.obf-select:focus{border-color:#8c52ff}.obf-field-meta{display:flex;justify-content:space-between;margin-top:4px}.obf-error{font-size:12px;color:#ef4444}.obf-char-count{font-size:12px;color:#555}.obf-error-box{background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:8px;padding:10px 14px;font-size:13px;color:#f87171;margin-bottom:14px}.obf-btn{padding:11px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:opacity .2s,background .2s}.obf-btn:disabled{opacity:.45;cursor:not-allowed}.obf-btn.primary{background:#8c52ff;color:#fff;width:100%;margin-top:4px}.obf-btn.primary:not(:disabled):hover{background:#7a3fff}.obf-btn.skip{background:#1a1a1a;color:#888;border:1px solid #2a2a2a;flex:1}.obf-btn.skip:hover{background:#222;color:#aaa}.obf-btn-row{display:flex;gap:10px;margin-top:4px}.obf-btn-row .obf-btn.primary{width:auto;flex:2}.obf-skip-link{background:none;border:none;color:#555;font-size:12px;cursor:pointer;text-decoration:underline;margin-top:12px;display:block;text-align:center;padding:0}.obf-skip-link:hover{color:#888}.obf-phone-note{font-size:11px;color:#555;margin-top:8px;line-height:1.6}.obf-link{color:#8c52ff;text-decoration:none}.obf-link:hover{text-decoration:underline}.obf-sms-sent-note{background:#4ade8014;border:1px solid rgba(74,222,128,.2);border-radius:8px;padding:10px 14px;font-size:13px;color:#86efac;margin-bottom:16px}.lvm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;display:flex;align-items:center;justify-content:center;z-index:99999;padding:16px}.lvm-modal{background:#0d0d0d;border:1px solid #222;border-radius:14px;width:100%;max-width:400px;box-shadow:0 20px 60px #000000b3;overflow:hidden}.lvm-header{text-align:center;padding:28px 28px 18px;background:linear-gradient(180deg,#0d0d25,#0d0d0d);border-bottom:1px solid #1a1a1a}.lvm-logo{width:40px;height:40px;margin-bottom:10px}.lvm-title{font-size:18px;font-weight:800;color:#fff;margin:0 0 4px}.lvm-subtitle{font-size:13px;color:#666;margin:0}.lvm-body{padding:20px 24px 24px;display:flex;flex-direction:column;gap:0}.lvm-desc{font-size:13px;color:#777;margin:0 0 16px;line-height:1.5}.lvm-method-cards{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.lvm-method-card{display:flex;align-items:center;gap:14px;background:#111;border:1px solid #2a2a2a;border-radius:10px;padding:14px 16px;cursor:pointer;transition:border-color .2s,background .2s;text-align:left;width:100%}.lvm-method-card:not(:disabled):hover{border-color:#8c52ff;background:#8c52ff0f}.lvm-method-card:disabled{opacity:.5;cursor:not-allowed}.lvm-method-icon{font-size:22px;flex-shrink:0}.lvm-method-card strong{display:block;font-size:14px;color:#fff;margin-bottom:2px}.lvm-method-card span{font-size:12px;color:#666}.lvm-field{margin-bottom:14px}.lvm-field label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#666;margin-bottom:6px}.lvm-code-input{width:100%;background:#111;border:1px solid #2a2a2a;border-radius:8px;color:#fff;font-size:28px;letter-spacing:.3em;text-align:center;padding:12px 14px;outline:none;transition:border-color .2s;box-sizing:border-box}.lvm-code-input:focus{border-color:#8c52ff}.lvm-code-input.error{border-color:#ef4444}.lvm-btn{padding:11px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:opacity .2s;width:100%;margin-bottom:4px}.lvm-btn:disabled{opacity:.45;cursor:not-allowed}.lvm-btn.primary{background:#8c52ff;color:#fff}.lvm-btn.primary:not(:disabled):hover{background:#7a3fff}.lvm-cancel-btn{background:none;border:1px solid #2a2a2a;color:#666;font-size:13px;padding:9px 16px;border-radius:8px;cursor:pointer;transition:color .2s,border-color .2s;width:100%}.lvm-cancel-btn:hover{color:#aaa;border-color:#444}.lvm-loading{font-size:13px;color:#666;text-align:center;padding:8px 0}.lvm-sent-note{background:#4ade8014;border:1px solid rgba(74,222,128,.2);border-radius:8px;padding:10px 14px;font-size:13px;color:#86efac;margin-bottom:14px}.lvm-dev-note{background:#fbbf2414;border:1px solid rgba(251,191,36,.25);border-radius:8px;padding:10px 14px;font-size:13px;color:#fbbf24;margin-bottom:14px}.lvm-dev-note code{font-family:monospace;font-size:16px;letter-spacing:.15em;color:#fff;background:#1a1a1a;padding:2px 8px;border-radius:4px}.lvm-error-box{background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:8px;padding:10px 14px;font-size:13px;color:#f87171;margin-bottom:12px}.lvm-resend-row{display:flex;justify-content:center;margin-top:8px}.lvm-text-btn{background:none;border:none;color:#666;font-size:12px;cursor:pointer;text-decoration:underline;padding:0}.lvm-text-btn:hover{color:#aaa}.lvm-text-btn.red{color:#ef4444}.lvm-text-btn.red:hover{color:#f87171}.lvm-safety-note{margin-top:16px;padding-top:12px;border-top:1px solid #1a1a1a;font-size:12px;color:#555;text-align:center}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.auth-modal{background:#1a1a1a;border:1px solid #333;border-radius:16px;padding:40px;width:90%;max-width:450px;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:20px;right:20px;width:32px;height:32px;border-radius:8px;background:transparent;color:var(--text-muted);font-size:24px;display:flex;align-items:center;justify-content:center;transition:all .2s}.auth-header{text-align:center;margin-bottom:30px}.auth-header h2{font-size:28px;margin-bottom:10px;color:var(--text)}.auth-header p{color:var(--text-muted);font-size:14px}.auth-error{padding:12px 16px;background:#f047471a;border:1px solid rgba(240,71,71,.3);border-radius:8px;color:#fca5a5;font-size:14px;margin-bottom:20px}.auth-form,.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text)}.form-group input{width:100%;padding:12px 16px;background:var(--bg);border:1px solid #333;border-radius:8px;color:var(--text);font-size:14px;transition:all .2s}.form-group input:focus{border-color:var(--accent);background:#1a1a1a}.form-group input:disabled{opacity:.5;cursor:not-allowed}.auth-submit{width:100%;padding:14px;background:var(--accent);border-radius:8px;color:#fff;font-weight:600;font-size:15px;transition:all .2s}.auth-submit:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-divider{position:relative;text-align:center;margin:24px 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border)}.auth-divider span{position:relative;background:#1a1a1a;padding:0 16px;color:var(--text-muted);font-size:14px}.google-auth-btn{width:100%;padding:12px;background:#fff;border:1px solid #333;border-radius:8px;color:#1f2937;font-weight:500;font-size:14px;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .2s;margin-bottom:20px}.google-auth-btn:hover:not(:disabled){background:#f9fafb;transform:translateY(-1px)}.google-auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-switch{text-align:center;font-size:14px;color:var(--text-muted)}.auth-switch button{color:var(--accent);font-weight:500;transition:color .2s}.auth-switch button:hover{color:var(--accent-hover);text-decoration:underline}.auth-recovery-link{text-align:center;margin-top:10px}.auth-recovery-link button{font-size:12px;color:#666;transition:color .2s}.auth-recovery-link button:hover{color:#999;text-decoration:underline}.community-page{width:100%;min-height:100vh;height:100vh;overflow-y:auto;background:#000;color:#fff}.community-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:60px;background:#000;border-bottom:1px solid #333}.community-header-left,.community-header-center,.community-header-right{flex:1;display:flex;align-items:center}.community-header-center{justify-content:center}.community-header-right{justify-content:flex-end}.logo-button{background:none;border:none;color:#fff;font-size:18px;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:6px;transition:background .2s;display:flex;align-items:center;gap:8px}.logo-button .logo-icon{font-family:Courier New,monospace;font-size:24px;font-weight:700;color:#667eea}.logo-button .logo-image{width:38px;height:38px;object-fit:contain;margin-right:6px}.logo-button:hover{background:#ffffff1a}.logo-text{color:#8c52ff;font-weight:600;-webkit-background-clip:text;background-clip:text}.search-container{position:relative;width:100%;max-width:600px}.search-input{width:100%;padding:10px 45px 10px 40px;background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;font-size:14px;outline:none;transition:border-color .2s}.search-input:focus{border-color:#667eea}.search-input::placeholder{color:#888}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#888;pointer-events:none}.filter-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;padding:6px;background:none;border:none;color:#888;cursor:pointer;border-radius:4px;transition:all .2s}.filter-button:hover{background:#ffffff1a;color:#fff}.filter-button svg{width:100%;height:100%}.filter-menu{position:absolute;top:calc(100% + 8px);right:0;background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:8px;min-width:200px;box-shadow:0 4px 12px #0000004d;z-index:1000}.filter-menu button{width:100%;padding:10px 12px;background:none;border:none;color:#fff;text-align:left;cursor:pointer;border-radius:4px;font-size:14px;transition:background .2s}.filter-menu button:hover{background:#ffffff1a}.filter-divider{height:1px;background:#444;margin:8px 0}.filter-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;cursor:pointer;-webkit-user-select:none;user-select:none}.filter-toggle span{color:#fff;font-size:14px;flex:1}.toggle-slider{position:relative;width:44px;height:24px;background:#444;border-radius:12px;transition:background .3s;cursor:pointer;flex-shrink:0}.toggle-slider.active{background:#667eea}.toggle-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s}.toggle-slider.active .toggle-knob{transform:translate(20px)}.user-profile-mini{display:flex;align-items:center}.profile-pic-mini{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #667eea}.filter-label{padding:20px;font-size:14px;color:#aaa}.filter-label strong{color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;padding:0 20px 40px}.loading-message,.no-projects-message{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#888;font-size:16px}.project-card{background:#2a2a2a;border:1px solid #444;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0006;border-color:#667eea}.project-card.premium-card{background:#2a2a2a!important;border:1px solid #444!important;color:#fff!important}.project-card.premium-card .project-author{background:linear-gradient(135deg,#b8860b,#d4af37,#b8860b)!important;border-bottom:1px solid rgba(0,0,0,.4)!important}.project-card.premium-card .project-author .author-name{color:#000!important;font-weight:600}.project-card.premium-card .author-photo{border-color:#000!important;border-width:2px!important}.project-card.premium-card .project-title,.project-card.premium-card .project-info{color:#fff!important}.project-card.premium-card .project-stats{border-top:1px solid #333!important}.project-card.premium-card .stat-item{color:#aaa!important}.project-card.premium-card .stat-item svg{stroke:currentColor!important;fill:none!important}.project-card.premium-card .stat-item.interacted{color:#60a5fa!important}.project-card.premium-card .stat-item.interacted svg{stroke:#60a5fa!important;fill:none!important}.project-card.premium-card .like-button{color:#aaa!important}.project-card.premium-card .like-button svg{stroke:currentColor!important;fill:none!important}.project-card.premium-card .like-button.liked{color:#4ade80!important}.project-card.premium-card .like-button.liked svg{fill:#4ade80!important;stroke:#4ade80!important}.project-card.premium-card .favorite-button{color:#aaa!important}.project-card.premium-card .favorite-button svg{stroke:currentColor!important;fill:none!important}.project-card.premium-card .favorite-button.favorited{color:#fbbf24!important}.project-card.premium-card .favorite-button.favorited svg{fill:#fbbf24!important;stroke:none!important}.project-card.premium-card .favorite-button.favorited span{color:#fbbf24!important}.project-card.premium-card .like-button.liked span{color:#4ade80!important}.project-card.premium-card .community-see-desc-btn{color:#8c52ff!important;background:#8c52ff14!important;border-color:#8c52ff40!important}.project-thumbnail{width:100%;height:180px;background:#1e1e1e;overflow:hidden;position:relative}.project-thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#555}.thumbnail-placeholder svg{width:64px;height:64px}.project-author{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #444}.author-photo{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #667eea}.author-photo.premium-ring{border-color:#000;border-width:3px}.author-name{font-size:14px;font-weight:500;color:#fff}.project-info{padding:16px;flex:1}.project-title{font-size:18px;font-weight:600;margin:0 0 8px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-description{font-size:14px;color:#aaa;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.community-see-desc-btn{display:inline-flex;align-items:center;gap:4px;background:#8c52ff14;border:1px solid rgba(140,82,255,.25);color:#8c52ff;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s;margin-top:4px}.community-see-desc-btn:hover{background:#8c52ff2e;border-color:#8c52ff80}.project-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.project-tag{font-size:11px;color:#666;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:3px;padding:1px 6px}.project-stats{display:flex;align-items:center;gap:16px;padding:12px 16px;border-top:1px solid #444}.stat-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#aaa;background:none;border:none;cursor:default;padding:0}.stat-item svg{width:18px;height:18px}.like-button{cursor:pointer;transition:all .2s;padding:4px 8px;border-radius:4px;margin-left:auto}.like-button:hover{background:#ffffff1a}.like-button.liked{color:#4ade80}.like-button.liked svg{fill:#4ade80}.favorite-button{cursor:pointer;transition:all .2s;padding:4px 8px;border-radius:4px}.favorite-button:hover{background:#ffffff1a}.favorite-button.favorited{color:#fbbf24}.favorite-button.favorited svg{fill:#fbbf24;stroke:none}.stat-item.interacted{color:#60a5fa}.stat-item.interacted svg{stroke:#60a5fa;fill:none}.duplicate-badge{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;padding:4px 8px;background:#000;border-radius:4px;font-size:11px;color:#fbbf24}.duplicate-badge svg{width:14px;height:14px}.community-user-section{position:relative;display:flex;align-items:center;flex-direction:row;gap:4px}.community-user-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;background:#000;transition:transform .2s;position:relative;border:3px solid #72767d}.community-user-avatar:hover{transform:scale(1.05)}.community-user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.community-user-avatar span{font-size:16px;font-weight:600;color:#fff;line-height:1}.community-user-avatar.tier-ring-free{border:3px solid #72767d;background:#000}.community-user-avatar.tier-ring-pro{border:2.5px solid transparent;background-image:linear-gradient(#000,#000),linear-gradient(135deg,#667eea,#764ba2);background-origin:border-box;background-clip:padding-box,border-box;border-radius:50%!important}.community-user-avatar.tier-ring-premium{border:3px solid #fbbf24;background:#000;box-shadow:0 0 12px #fbbf2480}.community-avatar-large.tier-ring-free{border:3px solid #72767d;background:#000}.community-avatar-large.tier-ring-pro{border:2.5px solid transparent;background-image:linear-gradient(#000,#000),linear-gradient(135deg,#667eea,#764ba2);background-origin:border-box;background-clip:padding-box,border-box;border-radius:50%!important}.community-avatar-large.tier-ring-premium{border:3px solid #fbbf24;background:#000;box-shadow:0 0 12px #fbbf2480}.community-user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:#000000f2;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:4px;z-index:1000}.community-dropdown-header{padding:12px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:8px;display:flex;flex-direction:column;align-items:center;gap:8px}.community-avatar-large{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:visible;background:#000;position:relative;transition:all .2s;border:3px solid transparent}.community-avatar-large:hover{transform:scale(1.05)}.community-avatar-large img{width:100%;height:100%;object-fit:cover;border-radius:50%}.community-avatar-large span{font-size:24px;font-weight:600;color:#fff;line-height:1}.community-avatar-large .avatar-edit-indicator{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;background:#555;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:.8;transition:opacity .2s;border:2px solid rgba(0,0,0,.95)}.community-avatar-large:hover .avatar-edit-indicator{opacity:1}.community-user-email{color:#fff;font-size:13px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;display:block}.community-user-username{font-size:12px;color:#8c52ff;text-align:center;font-weight:500;margin-top:2px}.community-user-id{color:#fff9;font-size:11px;text-align:center}.community-dropdown-item{padding:10px 12px;background:transparent;border:none;color:#fff;text-align:left;border-radius:6px;cursor:pointer;transition:background .2s;font-size:13px;display:flex;align-items:center;gap:10px}.community-dropdown-item:hover{background:#ffffff1a}.community-dropdown-item svg{flex-shrink:0}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr;gap:16px}.community-header{flex-direction:column;height:auto;padding:12px;gap:12px}.community-header-left,.community-header-center,.community-header-right{width:100%;justify-content:center}.search-container{max-width:100%}}.clickable-author{cursor:pointer;transition:opacity .2s}.clickable-author:hover{opacity:.8}.clickable-author:hover .author-name{text-decoration:underline}.community-house-btn{width:34px;height:34px;border-radius:6px;background:none;border:none;color:#aaa;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-right:0;transition:color .2s;flex-shrink:0}.community-house-btn:hover{color:#fff}.community-social-btn{width:34px;height:34px;border-radius:6px;background:none;border:none;color:#aaa;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s;flex-shrink:0}.community-social-btn:hover{color:#fff}.community-header-divider{width:1px;height:24px;background:#333;margin:0 12px;flex-shrink:0}.community-dropdown-group{border-bottom:1px solid #1a1a1a}.community-dropdown-group-toggle{width:100%;justify-content:flex-start}.community-group-chevron{transition:transform .2s;flex-shrink:0}.community-group-chevron.open{transform:rotate(180deg)}.community-dropdown-group-items{background:#0a0a0a;border-top:1px solid #1a1a1a}.community-dropdown-sub-item{padding-left:28px!important;font-size:12px!important;color:#aaa!important}.community-dropdown-sub-item:hover{background:#111!important;color:#fff!important}.filter-label-bar{padding:8px 24px;font-size:13px;color:#888}.filter-count{color:#666}.community-pagination{display:flex;align-items:center;justify-content:center;gap:4px;padding:24px 20px 40px;flex-wrap:wrap}.community-page-btn{min-width:36px;height:36px;padding:0 10px;background:#111;border:1px solid #333;color:#aaa;border-radius:6px;cursor:pointer;font-size:13px;transition:all .15s;display:flex;align-items:center;justify-content:center}.community-page-btn:hover:not(:disabled){background:#1a1a1a;border-color:#555;color:#fff}.community-page-btn.active{background:#8c52ff33;border-color:#8c52ff;color:#8c52ff;font-weight:600}.community-page-btn:disabled{opacity:.3;cursor:not-allowed}.community-page-jump{font-size:16px;font-weight:700;color:#666}.community-card-dot-btn{position:absolute;top:8px;right:8px;background:#0009;border:none;border-radius:6px;color:#ccc;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;opacity:0;transition:opacity .15s,background .15s}.project-card:hover .community-card-dot-btn{opacity:1}.community-card-dot-btn:hover{background:#000000d9;color:#fff}.community-card-dot-menu{position:fixed;background:#1e1e1e;border:1px solid #333;border-radius:8px;box-shadow:0 8px 24px #00000080;min-width:180px;z-index:999999;overflow:hidden}.community-card-dot-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:none;border:none;color:#ccc;font-size:13px;cursor:pointer;text-align:left;transition:background .15s,color .15s}.community-card-dot-menu button:hover{background:#2a2a2a;color:#fff}.community-card-dot-menu button.danger{color:#ef4444}.community-card-dot-menu button.danger:hover{background:#ef44441a;color:#ef4444}.community-card-dot-menu-divider{height:1px;background:#333;margin:2px 0}.project-author.author-premium-ribbon{background:linear-gradient(135deg,#d4af37,#f9d77e);border-bottom:2px solid #000;position:relative}.project-author.author-premium-ribbon .author-name{color:#000!important;font-weight:600}.project-author.author-pro-ribbon{background:linear-gradient(135deg,#667eea1f,#764ba20f);border-bottom:1px solid rgba(102,126,234,.3);position:relative}.author-tier-badge{margin-left:auto;font-size:12px;flex-shrink:0}.author-tier-badge.premium-badge{color:gold;text-shadow:0 0 6px rgba(255,215,0,.5)}.author-tier-badge.pro-badge{color:#667eea}.banner-cropper-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:3000;animation:bannerFadeIn .2s ease}.banner-cropper-modal{background:#111;border:1px solid #2a2a2a;border-radius:14px;width:92%;max-width:760px;overflow:hidden;animation:bannerSlideUp .25s ease}.banner-cropper-header{padding:16px 24px;border-bottom:1px solid #222;background:#0a0a0a}.banner-cropper-header h3{font-size:16px;font-weight:700;color:#fff;margin:0;text-align:center}.banner-cropper-body{padding:20px 24px 24px}.banner-cropper-description{font-size:12px;color:#666;margin:0 0 16px;text-align:center}.banner-cropper-container{position:relative;width:100%;padding-bottom:25%;background:#000;border-radius:8px;overflow:hidden;margin-bottom:20px}.banner-cropper-container .reactEasyCrop_Container{position:absolute;top:0;left:0;right:0;bottom:0}.banner-cropper-controls{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:0 4px}.banner-cropper-controls label{font-size:13px;font-weight:600;color:#aaa;min-width:44px}.banner-zoom-slider{flex:1;height:4px;border-radius:2px;background:#222;outline:none;-webkit-appearance:none;cursor:pointer}.banner-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#8c52ff;cursor:pointer;transition:all .15s}.banner-zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 8px #8c52ff99}.banner-zoom-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#8c52ff;cursor:pointer;border:none;transition:all .15s}.banner-zoom-value{font-size:13px;font-weight:600;color:#aaa;min-width:40px;text-align:right}.banner-cropper-actions{display:flex;gap:10px;justify-content:flex-end}.banner-cropper-btn{padding:9px 22px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:none;outline:none}.banner-cropper-btn:disabled{opacity:.5;cursor:not-allowed}.banner-cancel-btn{background:#1a1a1a;color:#aaa;border:1px solid #333}.banner-cancel-btn:hover:not(:disabled){background:#222;color:#fff}.banner-save-btn{background:#8c52ff;color:#fff}.banner-save-btn:hover:not(:disabled){background:#7c3aed;box-shadow:0 4px 12px #8c52ff66}@keyframes bannerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes bannerSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.banner-cropper-modal{width:98%}.banner-cropper-container{padding-bottom:30%}.banner-cropper-actions{flex-direction:column}.banner-cropper-btn{width:100%}}.up-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#000;color:#888;gap:16px}.up-spinner{width:36px;height:36px;border:3px solid #333;border-top-color:#8c52ff;border-radius:50%;animation:spin .8s linear infinite}.up-root{height:100vh;background:#000;color:#fff;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.up-root.scroll-locked{overflow-y:hidden}.up-banner-hidden{height:0!important;min-height:0!important;max-height:0!important;overflow:hidden;visibility:hidden}.up-body-locked{flex:1!important;min-height:0!important;overflow:hidden!important}.up-main-scrollable{overflow-y:auto!important;height:100%!important}.up-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:52px;background:#000;border-bottom:1px solid #1a1a1a;flex-shrink:0;position:sticky;top:0;z-index:1000}.up-back-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:#aaa;cursor:pointer;font-size:13px;padding:6px 10px;border-radius:6px;transition:background .2s,color .2s;min-width:80px}.up-back-btn:hover{background:#1a1a1a;color:#fff}.up-back-btn svg{width:16px;height:16px}.up-logo{display:flex;align-items:center;gap:8px}.up-logo .logo-image{width:28px;height:28px}.up-logo .logo-text{font-size:16px;font-weight:700;color:#8c52ff}.up-current-user-section{position:relative;display:flex;align-items:center;gap:6px;justify-content:flex-end}.up-header-divider{width:1px;height:24px;background:#333;margin:0 10px;flex-shrink:0}.up-home-btn{background:none;border:none;color:#aaa;cursor:pointer;width:34px;height:34px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s;flex-shrink:0}.up-home-btn:hover{color:#fff}.up-header-social-btn{background:none;border:none;color:#aaa;cursor:pointer;width:34px;height:34px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s;flex-shrink:0}.up-header-social-btn:hover{color:#fff}.up-current-user-section{gap:0}.up-current-user-avatar{width:34px;height:34px;border-radius:50%;border:2px solid #444;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;cursor:pointer;overflow:hidden;flex-shrink:0;transition:border-color .2s}.up-current-user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.up-current-user-avatar:hover{border-color:#666}.up-current-user-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:#000;border:1px solid #333;border-radius:10px;overflow:hidden;z-index:1000;box-shadow:0 8px 32px #000c}.up-dropdown-header{background:#000;padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;border-bottom:1px solid #222}.up-dropdown-avatar-large{width:52px;height:52px;border-radius:50%;border:2px solid #444;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;cursor:pointer;overflow:hidden;position:relative;transition:border-color .2s}.up-dropdown-avatar-large img{width:100%;height:100%;object-fit:cover;border-radius:50%}.up-avatar-edit-indicator{position:absolute;bottom:0;right:0;width:18px;height:18px;background:#555;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;z-index:10;border:1.5px solid #1a1a1a}.up-dropdown-email{font-size:11px;color:#888;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;display:block}.up-dropdown-username{font-size:12px;color:#8c52ff;text-align:center;font-weight:500;margin-top:2px}.up-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:none;border:none;color:#ccc;font-size:13px;cursor:pointer;text-align:left;transition:background .15s,color .15s}.up-dropdown-item:hover{background:#1a1a1a;color:#fff}.up-dropdown-item svg{flex-shrink:0;color:#888}.up-banner{position:relative;width:100%;height:200px;min-height:200px;max-height:200px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);overflow:hidden;flex-shrink:0}.up-banner-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.up-banner-default{width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.up-banner-edit-btn{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:6px;background:#000000bf;border:1px solid #555;color:#fff;padding:6px 14px;border-radius:6px;font-size:12px;cursor:pointer;transition:background .2s}.up-banner-edit-btn:hover{background:#000000f2}.up-banner-edit-btn:disabled{opacity:.6;cursor:not-allowed}.up-banner-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.up-profile-section{position:relative;background:#000;padding:0 0 4px;flex-shrink:0;z-index:1}.up-bio-inline{padding:0 24px 16px;background:#000}.up-bio-display{display:flex;align-items:flex-start;gap:8px}.up-sticky-controls{position:sticky;top:52px;z-index:100;background:#000;border-bottom:1px solid #222;padding:10px 24px 0;box-shadow:0 2px 12px #0009}.up-sticky-controls .up-search-bar{margin-bottom:10px}.up-sticky-controls .up-tabs-bar{position:static;border-bottom:none;margin-bottom:0;padding:0;background:transparent}.up-projects-area{padding:20px 24px 80px}.up-identity-row{display:flex;align-items:center;gap:16px;padding:14px 24px 16px;background:#000;flex-shrink:0;position:relative;overflow:visible}.up-avatar-large{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #444}.up-avatar-large-wrap{width:56px;height:56px;border-radius:50%;flex-shrink:0;border:2px solid #444;position:relative;cursor:pointer;overflow:visible;z-index:2;isolation:isolate}.up-avatar-large-wrap.tier-ring-free{border:2px solid #666}.up-avatar-large-wrap.tier-ring-pro{border:2px solid transparent;background-image:linear-gradient(#000,#000),linear-gradient(135deg,#667eea,#764ba2);background-origin:border-box;background-clip:padding-box,border-box}.up-avatar-large-wrap.tier-ring-premium{border:2px solid transparent;background-image:linear-gradient(#000000f2,#000000f2),linear-gradient(135deg,gold,#ffed4e);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 10px #ffd70059}.up-avatar-large-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.up-avatar-main-edit-indicator{position:absolute;bottom:-4px;right:-4px;width:22px;height:22px;background:#555;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s;border:2px solid #000;pointer-events:none;z-index:100}.up-avatar-large-wrap:hover .up-avatar-main-edit-indicator{opacity:1}.up-identity-info{flex:1}.up-username{margin:0 0 3px;font-size:20px;font-weight:700;color:#fff}.up-stats-row{display:flex;gap:16px;font-size:12px;color:#888}.up-stats-row strong{color:#fff}.up-follow-pill{display:inline-flex;align-items:stretch;border-radius:20px;overflow:hidden;background:#444;border:1px solid transparent}.up-follow-pill.subscribed{background:#c53030;border:1px solid #e53e3e}.up-follow-pill-main{padding:7px 18px;background:none;border:none;color:#fff;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}.up-follow-pill:not(.subscribed) .up-follow-pill-main:hover{background:#ffffff26}.up-follow-pill.subscribed .up-follow-pill-main:hover{background:#00000026}.up-follow-pill-divider{width:1px;background:#ffffff4d;flex-shrink:0;align-self:stretch}.up-follow-pill-bell{padding:0 11px;background:none;border:none;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.up-follow-pill-bell:hover{background:#00000026;color:#fff}.up-follow-pill-bell.active{color:#fff}.up-follow-pill-bell.active svg{fill:#fff;stroke:#fff}.up-follow-pill-bell.active:hover{background:#0003}.up-subscribe-btn{padding:7px 18px;border-radius:20px;border:none;background:#444;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.up-subscribe-btn:hover{background:#555}.up-subscribe-btn.subscribed{background:#e53e3e;color:#fff}.up-subscribe-btn.subscribed:hover{background:#c53030}.up-subscribe-btn.sidebar{width:100%;margin-top:16px}.up-body{display:flex;flex:1;flex-direction:column;min-height:calc(100vh - 52px)}.up-main{flex:1;min-width:0;padding:0 24px 80px;overflow-y:visible}.up-search-bar{display:flex;align-items:center;gap:8px;background:#0d0d0d;border:1px solid #222;border-radius:8px;padding:0 12px;margin-bottom:12px;height:36px;transition:border-color .2s}.up-search-bar:focus-within{border-color:#444}.up-search-icon{color:#555;flex-shrink:0}.up-search-input{flex:1;background:none;border:none;outline:none;color:#fff;font-size:13px;padding:0}.up-search-input::placeholder{color:#444}.up-search-clear{background:none;border:none;color:#555;cursor:pointer;padding:2px;display:flex;align-items:center;border-radius:4px;transition:color .15s}.up-search-clear:hover{color:#aaa}.up-tabs-bar{display:flex;align-items:stretch;gap:0;border-bottom:1px solid #2a2a2a;margin-bottom:0;overflow-x:auto;scrollbar-width:none;background:transparent;z-index:100}.up-tabs-bar::-webkit-scrollbar{display:none}.up-tab-item{position:relative;display:flex;align-items:center;gap:4px;padding:0;border-right:1px solid #1e1e1e;flex-shrink:0;cursor:pointer;transition:background .15s}.up-tab-item:first-child{border-left:1px solid #1e1e1e}.up-tab-item:hover{background:#0d0d0d}.up-tab-label{display:flex;align-items:center;padding:12px 18px;font-size:13px;font-weight:500;color:#888;cursor:pointer;white-space:nowrap;transition:color .15s;-webkit-user-select:none;user-select:none}.up-tab-item:hover .up-tab-label{color:#ccc}.up-tab-item.active .up-tab-label{color:#fff;font-weight:600}.up-tab-item.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--tab-active-color, #8c52ff);border-radius:2px 2px 0 0}.up-tab-item.dragging{opacity:.4}.up-tab-item[draggable=true]{cursor:grab}.up-tab-item[draggable=true]:active{cursor:grabbing}.up-tab-edit-btns{display:flex;gap:2px;padding-right:8px}.up-tab-edit-btns button{background:none;border:none;color:#555;cursor:pointer;padding:3px;border-radius:3px;display:flex;align-items:center;transition:color .2s,background .2s}.up-tab-edit-btns button:hover{color:#fff;background:#333}.up-tab-rename-inline{display:flex;align-items:center;gap:4px;padding:6px 8px}.up-tab-rename-inline input{background:#1a1a1a;border:1px solid #8c52ff;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;width:100px;outline:none}.up-tab-rename-inline button{background:none;border:none;color:#888;cursor:pointer;font-size:13px;padding:3px 5px;border-radius:3px;transition:color .2s}.up-tab-rename-inline button:hover{color:#fff}.up-add-lib-input{display:flex;align-items:center;gap:4px;padding:6px 8px}.up-add-lib-input input{background:#1a1a1a;border:1px solid #8c52ff;color:#fff;padding:5px 10px;border-radius:6px;font-size:13px;width:130px;outline:none}.up-add-lib-input button{background:none;border:none;color:#888;cursor:pointer;font-size:14px;padding:4px 6px;border-radius:4px;transition:color .2s}.up-add-lib-input button:hover{color:#fff}.up-add-tab-btn{width:36px;height:auto;border:none;background:none;color:#555;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s;padding:12px 8px;align-self:center}.up-add-tab-btn:hover{color:#8c52ff;background:#0d0d0d}.up-add-tab-btn svg{width:14px;height:14px}.up-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.up-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#444;gap:12px}.up-empty p{font-size:14px}.up-project-card{background:#111;border:1px solid #222;border-radius:10px;overflow:hidden;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;flex-direction:column;position:relative}.up-project-card:hover{transform:translateY(-2px);border-color:#444;box-shadow:0 8px 24px #0006}.up-project-preview{width:100%;overflow:hidden;background:#0a0a0a;position:relative}.up-project-info{padding:10px 12px 6px;display:flex;flex-direction:column;gap:3px;flex:1}.up-project-name{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.up-project-desc{font-size:11px;color:#666;white-space:normal;overflow:visible}.up-see-desc-btn{display:inline-flex;align-items:center;gap:4px;background:#8c52ff14;border:1px solid rgba(140,82,255,.25);color:#8c52ff;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s;align-self:flex-start;margin-top:2px}.up-see-desc-btn:hover{background:#8c52ff2e;border-color:#8c52ff80}.up-project-stats{display:flex;align-items:center;border-top:1px solid #1a1a1a}.up-stat-btn{display:flex;align-items:center;gap:4px;background:none;border:none;border-right:1px solid #1a1a1a;color:#555;font-size:11px;cursor:pointer;padding:7px 0;transition:color .2s,background .2s;flex:1;justify-content:center}.up-stat-btn:last-child{border-right:none}.up-stat-btn:hover{color:#888;background:#0d0d0d}.up-stat-btn.viewed{color:#60a5fa}.up-stat-btn.viewed svg{stroke:#60a5fa}.up-stat-btn.liked{color:#4ade80}.up-stat-btn.liked svg{stroke:#4ade80;fill:#4ade80}.up-stat-btn.favorited{color:#fbbf24}.up-stat-btn.favorited svg{stroke:#fbbf24;fill:#fbbf24}.up-sidebar{width:240px;flex-shrink:0;background:#111;border-left:1px solid #1a1a1a;padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:16px;overflow-y:auto;align-self:stretch;position:sticky;top:52px;height:calc(100vh - 52px)}.up-sidebar-avatar{width:90px;height:90px;border-radius:50%;object-fit:cover;border:2px solid #444}.up-bio-section{width:100%}.up-bio-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.up-bio-label{font-size:12px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.05em}.up-edit-btn{background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;transition:color .2s}.up-edit-btn:hover{color:#8c52ff}.up-bio-text{font-size:13px;color:#aaa;line-height:1.6;margin:0;word-break:break-word}.up-bio-edit textarea{width:100%;background:#1a1a1a;border:1px solid #333;color:#fff;padding:8px;border-radius:6px;font-size:13px;resize:vertical;outline:none;font-family:inherit;line-height:1.5;box-sizing:border-box}.up-bio-edit textarea:focus{border-color:#8c52ff}.up-bio-char{font-size:11px;color:#555;text-align:right;margin-top:4px}.up-bio-actions{display:flex;gap:8px;margin-top:8px}.up-save-btn{flex:1;padding:7px;background:#8c52ff;border:none;color:#fff;border-radius:6px;font-size:13px;cursor:pointer;transition:background .2s}.up-save-btn:hover{background:#7a3fe0}.up-cancel-btn{flex:1;padding:7px;background:#222;border:none;color:#aaa;border-radius:6px;font-size:13px;cursor:pointer;transition:background .2s}.up-cancel-btn:hover{background:#333}.tier-ring-free{border-color:#666!important}.tier-ring-pro{border:2.5px solid transparent;background-image:linear-gradient(#000,#000),linear-gradient(135deg,#667eea,#764ba2);background-origin:border-box;background-clip:padding-box,border-box;border-radius:50%!important}.tier-ring-premium{border-color:#fbbf24!important;box-shadow:0 0 8px #fbbf2466!important}.up-root::-webkit-scrollbar,.up-main::-webkit-scrollbar,.up-sidebar::-webkit-scrollbar{width:6px}.up-root::-webkit-scrollbar-track,.up-main::-webkit-scrollbar-track,.up-sidebar::-webkit-scrollbar-track{background:#0a0a0a}.up-root::-webkit-scrollbar-thumb,.up-main::-webkit-scrollbar-thumb,.up-sidebar::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.up-pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:32px 0 16px;flex-wrap:wrap}.up-page-btn{padding:6px 12px;background:#111;border:1px solid #333;color:#888;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s;min-width:36px}.up-page-btn:hover:not(:disabled){background:#1a1a1a;color:#fff;border-color:#555}.up-page-btn.active{background:#8c52ff;border-color:#8c52ff;color:#fff;font-weight:600}.up-page-btn:disabled{opacity:.3;cursor:not-allowed}.up-page-jump{font-weight:700;letter-spacing:-1px}.up-dropdown-group{border-bottom:1px solid #1a1a1a}.up-dropdown-group-toggle{width:100%;justify-content:flex-start}.up-group-chevron{transition:transform .2s;flex-shrink:0}.up-group-chevron.open{transform:rotate(180deg)}.up-dropdown-group-items{background:#0a0a0a;border-top:1px solid #1a1a1a}.up-dropdown-sub-item{padding-left:28px!important;font-size:12px!important;color:#aaa!important}.up-dropdown-sub-item:hover{background:#111!important;color:#fff!important}.up-enter-studio-btn{padding:7px 16px;border-radius:8px;border:1px solid #8c52ff;background:transparent;color:#8c52ff;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,color .2s;white-space:nowrap}.up-enter-studio-btn:hover{background:#8c52ff;color:#fff}.up-card-actions-wrapper{position:absolute;top:8px;right:8px;z-index:10;display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .2s}.up-project-card:hover .up-card-actions-wrapper{opacity:1}.up-card-delete-btn{width:26px;height:26px;border-radius:6px;background:#dc2626d9;border:1px solid rgba(255,100,100,.4);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.up-card-delete-btn:hover{background:#dc2626}.up-delete-confirm{display:flex;align-items:center;gap:4px;background:#000000e6;border:1px solid #dc2626;border-radius:6px;padding:3px 6px;font-size:11px;color:#fff}.up-delete-yes{background:#dc2626;border:none;color:#fff;border-radius:4px;padding:2px 6px;font-size:11px;cursor:pointer;transition:background .15s}.up-delete-yes:hover{background:#b91c1c}.up-delete-no{background:#333;border:none;color:#ccc;border-radius:4px;padding:2px 6px;font-size:11px;cursor:pointer;transition:background .15s}.up-delete-no:hover{background:#444}.up-card-dots-wrapper{position:relative}.up-card-dots-btn{width:26px;height:26px;border-radius:6px;background:#000000bf;border:1px solid #444;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.up-card-dots-btn:hover{background:#000000f2}.up-card-dots-menu{position:absolute;top:30px;right:0;width:190px;background:#000;border:1px solid #333;border-radius:8px;padding:6px;box-shadow:0 8px 24px #000000e6;z-index:200}.up-dots-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;background:none;border:none;color:#ccc;font-size:12px;cursor:pointer;border-radius:5px;text-align:left;transition:background .15s,color .15s}.up-dots-menu-item:hover{background:#1a1a1a;color:#fff}.up-dots-id-item{color:#888;font-size:11px}.up-dots-divider{height:1px;background:#1a1a1a;margin:4px 0}.up-dots-inline-form{padding:4px 2px}.up-dots-form-title{font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.05em;padding:2px 4px 8px;border-bottom:1px solid #1a1a1a;margin-bottom:8px}.up-dots-input{width:100%;background:#111;border:1px solid #333;color:#fff;border-radius:5px;padding:6px 8px;font-size:12px;outline:none;box-sizing:border-box}.up-dots-input:focus{border-color:#8c52ff}.up-dots-textarea{width:100%;background:#111;border:1px solid #333;color:#fff;border-radius:5px;padding:6px 8px;font-size:12px;outline:none;resize:vertical;box-sizing:border-box;font-family:inherit}.up-dots-textarea:focus{border-color:#8c52ff}.up-dots-char{font-size:10px;color:#555;text-align:right;margin-top:2px}.up-dots-form-actions{display:flex;gap:6px;margin-top:8px}.up-dots-save-btn{flex:1;padding:6px;background:#8c52ff;border:none;color:#fff;border-radius:5px;font-size:12px;cursor:pointer;transition:background .2s}.up-dots-save-btn:hover{background:#7a3fe0}.up-dots-cancel-btn{flex:1;padding:6px;background:#222;border:1px solid #333;color:#aaa;border-radius:5px;font-size:12px;cursor:pointer;transition:background .2s}.up-dots-cancel-btn:hover{background:#2a2a2a}.up-dots-lib-item{display:flex;align-items:center;gap:8px;padding:6px 4px;cursor:pointer;border-radius:4px;font-size:12px;color:#ccc;transition:background .15s}.up-dots-lib-item:hover{background:#1a1a1a}.up-dots-lib-item input[type=checkbox]{accent-color:#8c52ff;width:13px;height:13px;flex-shrink:0}.up-dots-no-libs{font-size:12px;color:#555;padding:6px 4px;text-align:center}.up-duplicate-badge{position:absolute;top:8px;left:8px;z-index:10;display:flex;align-items:center;gap:4px;background:#000;border-radius:4px;padding:3px 7px;font-size:10px;color:#fbbf24;pointer-events:none}.up-tags-input-wrapper{display:flex;flex-wrap:wrap;gap:4px;background:#0d0d0d;border:1px solid #333;border-radius:6px;padding:6px 8px;min-height:36px;cursor:text;margin-bottom:4px}.up-tag-chip{display:inline-flex;align-items:center;gap:4px;background:#8c52ff26;border:1px solid rgba(140,82,255,.3);color:#a78bfa;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500}.up-tag-remove{background:none;border:none;color:#a78bfa;cursor:pointer;padding:0;font-size:11px;line-height:1;opacity:.7;transition:opacity .15s}.up-tag-remove:hover{opacity:1}.up-tag-input{background:none;border:none;outline:none;color:#fff;font-size:12px;min-width:80px;flex:1}.up-dots-hint{font-size:10px;color:#444;margin-bottom:6px}.up-project-tags{display:flex;flex-wrap:wrap;gap:3px;padding:0 12px 6px}.up-project-tag{font-size:10px;color:#666;background:#111;border:1px solid #222;border-radius:3px;padding:1px 5px}.up-card-dots-menu-portal{min-width:200px;z-index:99999!important;position:fixed!important}.preview-page{display:flex;flex-direction:column;width:100vw;height:100vh;background:#fff;overflow:hidden}.preview-page-bar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:48px;background:#000;border-bottom:1px solid #222;flex-shrink:0;z-index:10}.preview-page-bar-left{display:flex;align-items:center;gap:10px}.preview-bar-logo{width:28px;height:28px;object-fit:contain}.preview-bar-title{font-size:14px;font-weight:600;color:#fff;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-bar-badge{padding:2px 8px;background:#8c52ff33;border:1px solid rgba(140,82,255,.4);border-radius:4px;font-size:11px;font-weight:600;color:#8c52ff;text-transform:uppercase;letter-spacing:.5px}.preview-page-bar-right{display:flex;align-items:center;gap:12px}.preview-bar-cta{padding:6px 14px;background:#8c52ff;border-radius:6px;color:#fff;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s}.preview-bar-cta:hover{background:#7a3ff0}.preview-page-iframe{width:100%;height:100%;border:none;background:#fff;display:block}.preview-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;background:#0a0a0a;color:#fff;gap:16px}.preview-spinner{width:40px;height:40px;border:3px solid #333;border-top-color:#8c52ff;border-radius:50%;animation:spin .8s linear infinite}.preview-page-loading p{color:#aaa;font-size:14px}.preview-page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;background:#0a0a0a;color:#fff;gap:16px;text-align:center;padding:40px}.preview-error-icon{font-size:64px;opacity:.5}.preview-page-error h2{font-size:28px;font-weight:700;color:#fff;margin:0}.preview-page-error p{color:#aaa;font-size:15px;max-width:400px;line-height:1.6}.preview-home-link{padding:12px 24px;background:#8c52ff;border-radius:8px;color:#fff;font-weight:600;text-decoration:none;transition:background .2s;margin-top:8px}.preview-home-link:hover{background:#7a3ff0}.broken-link-page{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;background:#0a0a0a;color:#fff;text-align:center;padding:clamp(24px,5vw,60px);box-sizing:border-box;gap:clamp(10px,2vw,20px)}.broken-link-spinner{width:clamp(32px,5vw,48px);height:clamp(32px,5vw,48px);border:3px solid #333;border-top-color:#8c52ff;border-radius:50%;animation:blp-spin .8s linear infinite}@keyframes blp-spin{to{transform:rotate(360deg)}}.broken-chain-img{width:clamp(140px,22vw,240px);height:auto;margin-bottom:clamp(4px,1vw,12px);object-fit:contain;display:block;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;pointer-events:none;draggable:false}.broken-link-title{font-size:clamp(22px,4vw,38px);font-weight:700;margin:0;color:#fff;letter-spacing:-.02em}.broken-link-message{font-size:clamp(13px,2vw,16px);color:#888;max-width:clamp(260px,50vw,440px);line-height:1.6;margin:0}.broken-link-sub{font-size:clamp(12px,1.8vw,15px);color:#666;margin:0}.broken-link-btn{display:inline-block;padding:clamp(10px,1.5vw,14px) clamp(20px,3vw,32px);background:#8c52ff;border-radius:8px;color:#fff;font-weight:600;font-size:clamp(13px,1.8vw,15px);text-decoration:none;transition:background .2s,transform .15s;margin-top:clamp(4px,1vw,8px)}.broken-link-btn:hover{background:#7a3ff0;transform:translateY(-1px)}.legal-root{min-height:100vh;height:100vh;background:#000;color:#e0e0e0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.legal-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:52px;background:#000;border-bottom:1px solid #1a1a1a;flex-shrink:0;position:sticky;top:0;z-index:100}.legal-back-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:#aaa;cursor:pointer;font-size:13px;padding:6px 10px;border-radius:6px;transition:background .2s,color .2s;min-width:80px}.legal-back-btn:hover{background:#1a1a1a;color:#fff}.legal-back-btn svg{width:16px;height:16px}.legal-logo{display:flex;align-items:center;gap:8px}.legal-logo-img{width:28px;height:28px}.legal-logo-text{font-size:16px;font-weight:700;color:#8c52ff}.legal-content{max-width:780px;width:100%;margin:0 auto;padding:48px 24px 80px}.legal-title{font-size:32px;font-weight:800;color:#fff;margin:0 0 8px}.legal-updated{font-size:13px;color:#666;margin:0 0 40px}.legal-section{margin-bottom:36px}.legal-section h2{font-size:18px;font-weight:700;color:#fff;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #1c1c1c}.legal-section p{font-size:14px;line-height:1.75;color:#bbb;margin:0 0 12px}.legal-section ul{margin:8px 0 12px 20px;padding:0}.legal-section ul li{font-size:14px;line-height:1.7;color:#bbb;margin-bottom:6px}.legal-link{color:#8c52ff;text-decoration:none}.legal-link:hover{text-decoration:underline}.legal-section strong{color:#ddd}.about-licenses{display:flex;flex-direction:column;gap:0;border:1px solid #1c1c1c;border-radius:10px;overflow:hidden;margin-top:12px}.about-license-item{border-bottom:1px solid #1c1c1c;background:#080808}.about-license-item:last-child{border-bottom:none}.about-license-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;cursor:pointer;transition:background .15s;-webkit-user-select:none;user-select:none}.about-license-header:hover{background:#101010}.about-license-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.about-lib-name{font-size:14px;font-weight:700;color:#e0e0e0}.about-lib-version{font-size:12px;color:#666;background:#1a1a1a;padding:2px 7px;border-radius:4px}.about-lib-license{font-size:12px;color:#8c52ff}.about-license-toggle{font-size:11px;color:#555;flex-shrink:0;transition:transform .2s}.about-lib-copyright{font-size:12px;color:#555;padding:0 18px 10px}.about-license-text{background:#0d0d0d;border-top:1px solid #1c1c1c;margin:0;padding:16px 18px;font-size:12px;color:#888;white-space:pre-wrap;word-break:break-word;line-height:1.6;font-family:Courier New,monospace;max-height:260px;overflow-y:auto}.about-logo-section{text-align:center;margin-bottom:32px}.about-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.about-modal{background:#1a1a1a;border:1px solid #333;border-radius:16px;width:90%;max-width:700px;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .3s ease;position:relative}.modal-close{position:absolute;top:20px;right:20px;width:32px;height:32px;border-radius:8px;background:transparent;color:var(--text-muted);font-size:24px;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.modal-close:hover{background:#1a1a1a;color:var(--text)}.about-header{padding:30px 30px 20px;border-bottom:1px solid var(--border);text-align:center;background:#000;border-radius:16px 16px 0 0}.about-logo{display:flex;align-items:center;justify-content:center;gap:12px;font-size:24px;font-weight:700;color:var(--text);margin-bottom:8px}.about-logo .logo-icon{font-size:32px;color:var(--accent)}.about-logo .logo-image{width:72px;height:72px;object-fit:contain;margin-right:8px}.about-logo .logo-text{color:#8c52ff;font-weight:600}.about-version{font-size:13px;color:var(--text-muted)}.about-content{flex:1;overflow-y:auto;padding:30px}.about-section{margin-bottom:32px}.about-section:last-child{margin-bottom:0}.about-section h3{font-size:18px;font-weight:700;color:var(--text);margin-bottom:12px}.about-section p{font-size:14px;line-height:1.6;color:var(--text-muted);margin-bottom:8px}.about-section a{color:var(--accent);text-decoration:none;transition:opacity .2s}.about-section a:hover{opacity:.8;text-decoration:underline}.section-description{margin-bottom:16px}.licenses-list{display:flex;flex-direction:column;gap:12px}.license-item{background:#111;border:1px solid #333;border-radius:12px;overflow:hidden;transition:all .2s}.license-item:hover{border-color:var(--accent)}.license-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;transition:background .2s}.license-header:hover{background:#1a1a1a}.license-info h4{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px}.license-info p{font-size:12px;color:var(--text-muted);margin-bottom:6px}.license-badge{display:inline-block;padding:4px 10px;background:#5865f21a;border-radius:6px;font-size:11px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.5px}.expand-btn{width:32px;height:32px;border-radius:6px;background:#1a1a1a;color:var(--text);font-size:20px;font-weight:300;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.expand-btn:hover{background:var(--accent);color:#fff}.license-text{padding:20px;background:#1a1a1a;border-top:1px solid var(--border);animation:slideDown .3s ease}.license-text pre{font-family:Courier New,monospace;font-size:11px;line-height:1.6;color:var(--text-muted);white-space:pre-wrap;word-wrap:break-word;margin:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}@media (max-width: 768px){.about-modal{width:95%;max-height:90vh}.about-header{padding:24px 20px 16px}.about-content{padding:20px}.about-section{margin-bottom:24px}.license-header{padding:14px 16px}.license-text{padding:16px}}.faq-list{display:flex;flex-direction:column;gap:0;border:1px solid #1c1c1c;border-radius:10px;overflow:hidden}.faq-item{border-bottom:1px solid #1c1c1c;background:#080808;transition:background .15s}.faq-item:last-child{border-bottom:none}.faq-item.open{background:#0d0d0d}.faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;color:#e0e0e0;font-size:14px;font-weight:600;text-align:left;padding:16px 20px;cursor:pointer;gap:12px;transition:color .15s}.faq-question:hover{color:#fff}.faq-item.open .faq-question{color:#b07eff}.faq-chevron{flex-shrink:0;transition:transform .2s;color:#555}.faq-chevron.open{transform:rotate(180deg);color:#8c52ff}.faq-answer{padding:0 20px 16px;animation:faq-fade-in .18s ease}.faq-answer p{font-size:13.5px;line-height:1.75;color:#aaa;margin:0}@keyframes faq-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.faq-question{padding:14px 16px;font-size:13px}.faq-answer{padding:0 16px 14px}}.toast-container{position:fixed;top:20px;right:20px;z-index:999999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--bg-alt);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #0006;min-width:300px;max-width:400px;pointer-events:all;cursor:pointer;animation:slideInRight .3s ease,fadeIn .3s ease;transition:all .2s}.toast:hover{transform:translate(-4px);box-shadow:0 12px 32px #00000080}.toast-success{border-left:4px solid var(--success)}.toast-error{border-left:4px solid var(--error)}.toast-warning{border-left:4px solid #faa61a}.toast-info{border-left:4px solid var(--accent)}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-success .toast-icon{color:var(--success)}.toast-error .toast-icon{color:var(--error)}.toast-warning .toast-icon{color:#faa61a}.toast-info .toast-icon{color:var(--accent)}.toast-message{flex:1;font-size:14px;color:var(--text);line-height:1.5}.toast-close{flex-shrink:0;padding:4px;background:transparent;border-radius:4px;color:var(--text-muted);transition:all .2s;display:flex;align-items:center;justify-content:center}.toast-close:hover{background:var(--bg-lighter);color:var(--text)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.toast-container{top:10px;right:10px;left:10px}.toast{min-width:unset;max-width:unset}}.app{width:100vw;height:100vh;overflow:hidden}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:root{--bg: #18191c;--bg-alt: #242629;--bg-lighter: #2f3136;--text: #dcddde;--text-muted: #72767d;--accent: #5865f2;--accent-hover: #4752c4;--success: #43b581;--error: #f04747;--warning: #faa61a;--border: #2f3136;--border-light: #40444b}html,body{height:100%;min-height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code,pre{font-family:Fira Code,Courier New,monospace}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none;color:inherit}input,textarea{font-family:inherit;outline:none}a{color:inherit;text-decoration:none}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:20px}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container p{color:var(--text-muted);font-size:14px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-alt)}::-webkit-scrollbar-thumb{background:#444;border-radius:6px;border:2px solid var(--bg-alt)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}*{scrollbar-width:thin;scrollbar-color:#444 var(--bg-alt)}