*{box-sizing:border-box}html{height:100%}body{color:#fff;background-color:#121212;height:100%;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}#root{flex-direction:column;height:100%;display:flex}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#1a1a1a;border-left:1px solid #333}::-webkit-scrollbar-thumb{background:#444;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#e91e63}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#aria-live-region{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.login-page{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:450px;padding:40px}.login-header{text-align:center;margin-bottom:40px}.login-header h1{color:#fff;margin:0 0 8px;font-size:2rem;font-weight:700}.login-header p{color:#fff9;margin:0;font-size:.95rem}.login-content h2{color:#fff;text-align:center;margin:0 0 8px;font-size:1.5rem}.login-subtitle{text-align:center;color:#ffffffb3;margin:0 0 32px;font-size:.95rem}.login-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:24px;padding:12px 16px;font-size:.9rem}.login-buttons{flex-direction:column;gap:16px;display:flex}.btn-google-signin,.btn-anonymous-signin{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:12px;width:100%;padding:14px 24px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.btn-google-signin{color:#1f1f1f;background:#fff}.btn-google-signin:hover:not(:disabled){background:#f5f5f5;transform:translateY(-2px);box-shadow:0 4px 12px #fff3}.btn-google-signin:disabled{opacity:.6;cursor:not-allowed}.btn-anonymous-signin{color:#fff;background:#ffffff1a;border:1px solid #fff3}.btn-anonymous-signin:hover:not(:disabled){background:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff1a}.btn-anonymous-signin:disabled{opacity:.6;cursor:not-allowed}.login-divider{color:#fff6;align-items:center;gap:12px;margin:8px 0;font-size:.85rem;display:flex}.login-divider:before,.login-divider:after{content:"";background:#ffffff1a;flex:1;height:1px}.login-note{color:#fffc;background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;margin-top:24px;padding:12px 16px;font-size:.85rem;line-height:1.5}.login-note strong{color:#60a5fa}@media (width<=500px){.login-container{padding:30px 24px}.login-header h1{font-size:1.75rem}.login-content h2{font-size:1.25rem}}.language-selector{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;border-radius:6px;gap:4px;padding:4px;display:flex}.lang-btn{color:#fff9;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:0 0;border:1px solid #fff3;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.lang-btn:hover{color:#ffffffe6;background:#ffffff1a;border-color:#ffffff4d}.lang-btn.active{color:#fff;background:#fff3;border-color:#fff6}.lang-btn:active{transform:scale(.95)}.nickname-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.nickname-modal-content{background:#1a1a1a;border:1px solid #fff3;border-radius:12px;width:90%;max-width:450px;padding:2.5rem;box-shadow:0 10px 40px #00000080}.nickname-modal-content h2{color:#fff;text-align:center;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.nickname-modal-description{color:#a8b2d1;text-align:center;margin-bottom:1.5rem;font-size:.9rem;line-height:1.5}.nickname-form-group{margin-bottom:1.5rem}.nickname-form-group label{color:#a8b2d1;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.nickname-form-group input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;width:100%;padding:.875rem;font-size:1rem;transition:all .3s}.nickname-form-group input:focus{background:#ffffff14;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.nickname-form-group input::placeholder{color:#ffffff4d}.nickname-form-group input:disabled{opacity:.5;cursor:not-allowed}.nickname-modal-actions{justify-content:center;margin-top:2rem;display:flex}.btn-nickname-submit{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:.875rem 2.5rem;font-size:1rem;font-weight:600;transition:all .2s}.btn-nickname-submit:hover:not(:disabled){background:#5568d3;transform:translateY(-1px)}.btn-nickname-submit:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.nickname-modal-content{padding:2rem}.nickname-modal-content h2{font-size:1.25rem}}.settings-modal-overlay{z-index:10000;background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out settingsFadeIn;display:flex;position:fixed;inset:0}@keyframes settingsFadeIn{0%{opacity:0}to{opacity:1}}.settings-modal{background:#1a1a1a;border:1px solid #333;border-radius:12px;flex-direction:column;width:100%;max-width:750px;max-height:85vh;animation:.3s ease-out settingsSlideUp;display:flex;box-shadow:0 20px 60px #667eea26}@keyframes settingsSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.settings-modal-header{background:#1a1a1a;border-bottom:1px solid #333;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.settings-modal-title{color:#fff;align-items:center;gap:10px;margin:0;font-size:1.2rem;font-weight:600;display:flex}.settings-modal-title svg{color:#667eea}.settings-close-btn{color:#aaa;cursor:pointer;background:0 0;border:1px solid #444;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.settings-close-btn:hover{color:#fff;background:#333;border-color:#555}.settings-tabs{background:#121212;border-bottom:1px solid #333;flex-shrink:0;gap:4px;padding:0 16px;display:flex}.settings-tab-btn{color:#aaa;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.settings-tab-btn:hover{color:#fff;background:#ffffff0d}.settings-tab-btn.active{color:#fff;background:#667eea1a;border-bottom-color:#667eea}.settings-tab-btn svg{flex-shrink:0}.settings-content{flex:1;padding:24px;overflow-y:auto}.patch-notes-content{color:#ddd;line-height:1.7}.patch-notes-content h2{color:#fff;border-bottom:1px solid #333;margin:24px 0 12px;padding-bottom:8px;font-size:1.4rem}.patch-notes-content h2:first-child{margin-top:0}.patch-notes-content h3{color:#667eea;margin:16px 0 8px;font-size:1.1rem}.patch-notes-content ul{margin:8px 0 16px;padding-left:20px}.patch-notes-content li{color:#ccc;margin-bottom:6px}.patch-notes-content hr{border:none;border-top:1px solid #333;margin:20px 0}.patch-notes-content blockquote{color:#aaa;background:#667eea14;border-left:3px solid #667eea;border-radius:0 6px 6px 0;margin:16px 0;padding:10px 16px;font-size:.9rem}.patch-notes-loading{text-align:center;color:#888;padding:40px;font-size:.95rem}.patch-notes-empty{text-align:center;color:#666;padding:40px;font-size:.95rem}.features-intro{color:#aaa;margin-bottom:20px;font-size:.95rem;line-height:1.5}.feature-category{background:#121212;border:1px solid #2a2a2a;border-radius:10px;margin-bottom:24px;overflow:hidden}.feature-category-header{background:#667eea0f;border-bottom:1px solid #2a2a2a;align-items:center;gap:12px;padding:14px 18px;display:flex}.feature-category-icon{color:#667eea;flex-shrink:0}.feature-category-name{color:#fff;margin:0;font-size:1.05rem;font-weight:600}.feature-list{padding:14px 18px}.feature-item{border-bottom:1px solid #222;margin-bottom:14px;padding-bottom:14px}.feature-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.feature-item-name{color:#e0e0e0;margin:0 0 4px;font-size:.95rem;font-weight:600}.feature-item-desc{color:#999;margin:0;font-size:.85rem;line-height:1.5}.support-content{flex-direction:column;gap:24px;display:flex}.support-section{background:#121212;border:1px solid #2a2a2a;border-radius:10px;padding:20px}.support-section-title{color:#fff;align-items:center;gap:8px;margin:0 0 12px;font-size:1rem;font-weight:600;display:flex}.support-section-title svg{color:#667eea}.support-unavailable-message{color:#ff9800;background:#ff98001a;border:1px solid #ff98004d;border-radius:8px;margin:0;padding:12px 16px;font-size:.95rem;line-height:1.6}.support-description{color:#999;margin:0 0 12px;font-size:.9rem;line-height:1.5}.support-email-link{color:#667eea;background:#667eea1a;border:1px solid #667eea4d;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.support-email-link:hover{background:#667eea33;border-color:#667eea80}.support-version{color:#888;align-items:center;gap:8px;font-family:monospace;font-size:.9rem;display:flex}.support-version-badge{color:#667eea;background:#333;border-radius:6px;padding:4px 10px;font-size:.85rem;font-weight:600}@media (width<=768px){.settings-modal-overlay{padding:0}.settings-modal{border-radius:0;max-width:100%;height:100vh;max-height:100vh}.settings-modal-header{padding:14px 16px}.settings-tabs{padding:0 8px;overflow-x:auto}.settings-tab-btn{padding:10px 14px;font-size:.85rem}.settings-content{padding:16px}.patch-notes-content h2{font-size:1.2rem}.feature-category-header,.feature-list{padding:12px 14px}}.main-layout{color:#fff;background:#121212;flex-direction:column;min-height:100vh;display:flex}.main-header{background:#1a1a1a;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.header-left .app-title{background:linear-gradient(120deg,#0a0a0a 0%,#8b0000 15%,#0a0a0a 30%,#dc143c 45%,#0a0a0a 60%,#8b0000 75%,#0a0a0a 90%,#dc143c 100%) 0 0/300% 300%;-webkit-text-fill-color:transparent;letter-spacing:2px;cursor:default;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.8rem;font-weight:800;transition:all .4s;animation:8s ease-in-out infinite blood-flow;position:relative}.header-left .app-title:after{content:"▼";color:#dc143c80;font-size:.5rem;animation:3s ease-in-out infinite blood-drip;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.header-left .app-title:hover{letter-spacing:3px;animation:4s ease-in-out infinite blood-flow;transform:scale(1.05)}@keyframes blood-flow{0%{background-position:0%}25%{background-position:50% 75%}50%{background-position:100%}75%{background-position:50% 25%}to{background-position:0%}}@keyframes blood-drip{0%,to{opacity:.3;transform:translate(-50%)translateY(0)scale(.8)}50%{opacity:.7;transform:translate(-50%)translateY(3px)scale(1)}}.header-right{align-items:center;gap:1rem;display:flex}.btn-settings{color:#aaa;cursor:pointer;background:0 0;border:1px solid #444;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:relative}.btn-settings:hover{color:#fff;background:#333;border-color:#555}.btn-settings svg{transition:transform .3s}.btn-settings:hover svg{transform:rotate(45deg)}.settings-badge{background:#dc143c;border:1.5px solid #1a1a1a;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite badgePulse;position:absolute;top:2px;right:2px}@keyframes badgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.user-info{align-items:center;gap:.5rem;display:flex}.btn-login-upgrade{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:transform .2s,opacity .2s}.btn-login-upgrade:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-login-upgrade:disabled{opacity:.6;cursor:not-allowed}.user-logged{align-items:center;gap:.75rem;display:flex}.user-email{color:#aaa;font-size:.9rem}.btn-logout{color:#fff;cursor:pointer;background:#333;border:1px solid #555;border-radius:4px;padding:.4rem .8rem;font-size:.85rem;transition:background .2s}.btn-logout:hover{background:#444}.tab-navigation{background:#1a1a1a;border-bottom:2px solid #333;gap:.5rem;padding:0 2rem;display:flex}.tab-button{color:#aaa;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:1rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s;position:relative}.tab-button:hover{color:#fff;background:#ffffff0d}.tab-button.active{color:#fff;background:#667eea1a;border-bottom-color:#667eea}.tab-badge{color:#fff;text-align:center;background:#ef4444;border-radius:9px;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:600;line-height:18px;display:inline-block;position:absolute;top:4px;right:4px}.main-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}@media (width<=768px){.main-header{flex-direction:column;gap:1rem;padding:1rem}.header-left .app-title{font-size:1.2rem}.header-right{justify-content:space-between;width:100%}.tab-navigation{gap:.25rem;padding:0 1rem}.tab-button{padding:.75rem 1rem;font-size:.9rem}.user-email{display:none}}.loading-spinner-container{justify-content:center;align-items:center;min-height:200px;padding:40px;display:flex}.loading-spinner-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-spinner-content{flex-direction:column;align-items:center;gap:16px;display:flex}.loading-spinner-small{gap:8px}.loading-spinner-small .spinner{border-width:2px;width:24px;height:24px}.loading-spinner-small .loading-message{font-size:12px}.loading-spinner-medium{gap:16px}.loading-spinner-medium .spinner{border-width:3px;width:40px;height:40px}.loading-spinner-medium .loading-message{font-size:14px}.loading-spinner-large{gap:24px}.loading-spinner-large .spinner{border-width:4px;width:60px;height:60px}.loading-spinner-large .loading-message{font-size:16px}.loading-spinner-circle{justify-content:center;align-items:center;display:flex}.spinner{border:3px solid #ffffff1a;border-top-color:#4caf50;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-dots{align-items:center;gap:8px;display:flex}.loading-dot{background:#4caf50;border-radius:50%;width:12px;height:12px;animation:1.4s ease-in-out infinite both bounce}.loading-dot:first-child{animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.loading-minimal{background:#ffffff1a;border-radius:2px;width:200px;height:4px;overflow:hidden}.loading-bar{background:linear-gradient(90deg,#4caf50,#66bb6a);border-radius:2px;width:40%;height:100%;animation:1.5s ease-in-out infinite slide}@keyframes slide{0%{transform:translate(-100%)}50%{transform:translate(250%)}to{transform:translate(-100%)}}.loading-message{color:#fff;text-align:center;margin:0;font-size:14px;font-weight:500;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.button-spinner{justify-content:center;align-items:center;display:inline-flex}.button-spinner-small .spinner{border-width:2px;width:16px;height:16px}.button-spinner-medium .spinner{border-width:2px;width:20px;height:20px}.button-spinner .spinner{border-color:#fff #ffffff4d #ffffff4d}.skeleton-loader-container{width:100%}.skeleton-loader{background:linear-gradient(90deg,#ffffff0d 0%,#ffffff1a 50%,#ffffff0d 100%) 0 0/200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-color-scheme:light){.loading-message{color:#333}.spinner{border-color:#4caf50 #0000001a #0000001a}.loading-dot{background:#4caf50}.loading-minimal{background:#0000001a}.skeleton-loader{background:linear-gradient(90deg,#0000000d 0%,#0000001a 50%,#0000000d 100%)}}@media (prefers-reduced-motion:reduce){.spinner,.loading-dot,.loading-bar,.loading-message,.skeleton-loader{animation:none}.spinner{opacity:.5;border-top-color:#0000}}.delete-campaign-modal-overlay{z-index:10000;background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.delete-campaign-modal{background:#1a1a1a;border:2px solid #f44;border-radius:12px;width:100%;max-width:600px;max-height:90vh;animation:.3s ease-out slideUp;overflow-y:auto;box-shadow:0 20px 60px #ff44444d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.delete-campaign-modal-header{background:linear-gradient(135deg,#2a1515 0%,#1a1a1a 100%);border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.delete-campaign-modal-title{align-items:center;gap:12px;display:flex}.delete-campaign-modal-title h2{color:#f44;margin:0;font-size:20px;font-weight:600}.warning-icon{color:#f44;animation:2s ease-in-out infinite pulse}.delete-campaign-modal-close{color:#999;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.delete-campaign-modal-close:hover{color:#fff;background:#333}.delete-campaign-modal-content{padding:24px}.delete-campaign-warning{background:#2a1515;border:1px solid #f44;border-radius:8px;margin-bottom:20px;padding:16px}.warning-text{color:#f66;margin:0 0 12px;font-size:14px}.delete-campaign-warning p{color:#ccc;margin:8px 0;font-size:14px;line-height:1.5}.campaign-name-highlight{color:#fff;text-align:center;background:#333;border-radius:4px;margin:12px 0;padding:8px 12px;font-size:16px;font-weight:600}.delete-campaign-details{margin:20px 0}.delete-campaign-details h3{color:#fff;margin:0 0 12px;font-size:14px;font-weight:600}.delete-campaign-details ul{margin:0;padding:0;list-style:none}.delete-campaign-details li{color:#ccc;border-bottom:1px solid #2a2a2a;padding:8px 0;font-size:13px}.delete-campaign-details li:last-child{border-bottom:none}.delete-campaign-confirmation{margin:20px 0}.delete-campaign-confirmation label{color:#ccc;margin-bottom:8px;font-size:14px;display:block}.delete-campaign-confirmation strong{color:#f44;font-weight:600}.confirm-input{color:#fff;text-align:center;letter-spacing:2px;background:#2a2a2a;border:2px solid #444;border-radius:6px;width:100%;padding:12px;font-size:16px;font-weight:600;transition:all .2s}.confirm-input:focus{background:#333;border-color:#f44;outline:none}.confirm-input::placeholder{color:#666;letter-spacing:2px}.delete-campaign-progress{text-align:center;padding:40px 20px}.progress-icon{justify-content:center;margin-bottom:24px;display:flex}.spinner{color:#f44;animation:1s linear infinite spin}.success-checkmark{color:#fff;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:36px;font-weight:700;animation:.3s ease-out scaleIn;display:flex}.error-icon{color:#fff;background:#f44;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:36px;font-weight:700;animation:.3s ease-out scaleIn;display:flex}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.progress-message{color:#fff;margin:16px 0;font-size:16px;font-weight:500}.progress-bar-container{background:#2a2a2a;border-radius:4px;width:100%;height:8px;margin:20px 0;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#f44 0%,#f66 100%);border-radius:4px;height:100%;transition:width .3s ease-out}.progress-summary{background:#2a2a2a;border-radius:6px;margin-top:20px;padding:16px}.progress-summary p{color:#ccc;margin:8px 0;font-size:14px}.progress-summary .warning{color:orange}.progress-note{color:#999;margin-top:16px;font-size:13px;font-style:italic}.delete-campaign-modal-footer{background:#1a1a1a;border-top:1px solid #333;gap:12px;padding:20px 24px;display:flex}.btn-cancel{color:#fff;cursor:pointer;background:#2a2a2a;border:1px solid #444;border-radius:6px;flex:1;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s}.btn-cancel:hover{background:#333;border-color:#555}.btn-delete-confirm{color:#fff;cursor:pointer;background:#f44;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-delete-confirm:hover:not(:disabled){background:#f22;transform:translateY(-1px);box-shadow:0 4px 12px #f446}.btn-delete-confirm:disabled{color:#666;cursor:not-allowed;background:#444}.btn-close-success{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:6px;flex:1;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.btn-close-success:hover{background:#16a34a;transform:translateY(-1px);box-shadow:0 4px 12px #22c55e66}@media (width<=640px){.delete-campaign-modal{border-radius:0;max-width:100%;max-height:100vh;margin:0}.delete-campaign-modal-header{padding:16px}.delete-campaign-modal-title h2{font-size:18px}.delete-campaign-modal-content{padding:16px}.delete-campaign-modal-footer{flex-direction:column;padding:16px}.btn-cancel,.btn-delete-confirm,.btn-close-success{width:100%}}.landing-page{color:#fff;background-color:#121212;flex-direction:column;min-height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.landing-content{flex-direction:column;flex:1;gap:2rem;width:100%;max-width:1200px;margin:0 auto;padding:2rem;display:flex}.quick-actions-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.quick-actions-card h2{color:#fff;margin-bottom:1.5rem;font-size:1.5rem}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.action-btn{cursor:pointer;border:2px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:1.25rem 1.5rem;font-size:1.05rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}.action-btn .action-label{text-align:center;z-index:2;display:inline-block;position:relative}.action-btn.primary{color:#4a9eff;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border:2px solid #4a9eff}.action-btn.primary:before{content:"";background:linear-gradient(90deg,#0000 0%,#4a9eff26 30%,#4a9eff66 50%,#4a9eff26 70%,#0000 100%);width:100%;height:100%;animation:1.5s ease-in-out infinite speed-lines;position:absolute;top:0;left:-100%}.action-btn.primary:after{content:"";opacity:0;background:repeating-linear-gradient(90deg,#0000,#0000 8px,#4a9eff14 8px 16px);transition:opacity .3s;position:absolute;inset:0}.action-btn.primary:hover:not(:disabled){color:#5aa9ff;border-color:#5aa9ff;transform:translateY(-2px)scale(1.02);box-shadow:0 8px 25px #4a9eff80,0 0 40px #4a9eff33}.action-btn.primary:hover:not(:disabled):after{opacity:1}.action-btn.primary .action-label:after{content:"›";color:currentColor;opacity:0;font-size:1.2rem;animation:1.5s ease-in-out infinite trail-particles;position:absolute;top:50%;right:-20px;transform:translateY(-50%)}@keyframes speed-lines{0%{opacity:0;left:-100%}10%{opacity:1}90%{opacity:1}to{opacity:0;left:200%}}@keyframes trail-particles{0%,to{opacity:0;transform:translateY(-50%)translate(0)}50%{opacity:.6;transform:translateY(-50%)translate(8px)}}.action-btn.secondary{color:#ffa726;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border:2px solid #ffa726}.action-btn.secondary:before{content:"";z-index:-1;opacity:0;background:linear-gradient(45deg,#ff6b35,#ffa726,#ffca28,#ffa726,#ff6b35) 0 0/400% 400%;border-radius:10px;transition:opacity .3s;animation:3s infinite epic-glow;position:absolute;inset:-2px}.action-btn.secondary:after{content:"✦";color:#ffa72640;pointer-events:none;filter:drop-shadow(0 0 8px #ffa72666);font-size:2rem;animation:2s ease-in-out infinite sparkle-main;position:absolute}.action-btn.secondary .action-label:before,.action-btn.secondary .action-label:after{content:"✦";color:#ffa7264d;pointer-events:none;font-size:.7rem;position:absolute}.action-btn.secondary .action-label:before{animation:3s ease-in-out infinite sparkle-small-1;top:-8px;left:-12px}.action-btn.secondary .action-label:after{animation:3.5s ease-in-out .5s infinite sparkle-small-2;bottom:-8px;right:-12px}.action-btn.secondary:hover:not(:disabled){color:#ffb74d;border-color:#ffb74d;transform:translateY(-2px)scale(1.02);box-shadow:0 8px 25px #ffa72680,0 0 40px #ffa72633}.action-btn.secondary:hover:not(:disabled):before{opacity:.3}.action-btn.secondary:hover:not(:disabled):after{filter:drop-shadow(0 0 12px #ffa72699)}@keyframes epic-glow{0%,to{background-position:0%}50%{background-position:100%}}@keyframes sparkle-main{0%,to{opacity:.25;transform:scale(.8)rotate(0)}50%{opacity:.5;transform:scale(1.2)rotate(180deg)}}@keyframes sparkle-small-1{0%,to{opacity:.1;transform:scale(.6)rotate(0)}50%{opacity:.3;transform:scale(1)rotate(90deg)}}@keyframes sparkle-small-2{0%,to{opacity:.15;transform:scale(.7)rotate(0)}50%{opacity:.35;transform:scale(.9)rotate(-90deg)}}.action-btn:disabled{opacity:.6;cursor:not-allowed}.action-btn:disabled:before,.action-btn:disabled:after{animation:none}.join-code-section{border-top:1px solid #ffffff1a;padding-top:1.5rem}.join-code-section label{color:#aaa;margin-bottom:.75rem;font-size:.95rem;display:block}.input-group{gap:.5rem;display:flex}.input-group input{color:#fff;text-transform:uppercase;letter-spacing:2px;background:#ffffff0d;border:1px solid #fff3;border-radius:6px;flex:1;padding:.75rem 1rem;font-size:1rem;font-weight:600}.input-group input:focus{background:#ffffff14;border-color:#667eea;outline:none}.input-group input::placeholder{color:#666;text-transform:none;letter-spacing:normal;font-weight:400}.btn-join{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}.btn-join:hover{background:#5568d3;transform:translateY(-1px)}.campanhas-section{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.campanhas-section h2{color:#fff;margin-bottom:1.5rem;font-size:1.5rem}.campanhas-empty{text-align:center;color:#888;padding:3rem 1rem}.campanhas-empty p{margin:.5rem 0;font-size:1rem}.campanhas-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.campanha-card{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:1.25rem;transition:all .2s}.campanha-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.campanha-card.expandida{background:#667eea1a;border-color:#667eea}.campanha-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.75rem;display:flex}.campanha-card-header h3{color:#fff;flex:1;margin:0;font-size:1.1rem}.campanha-source-badge{text-transform:uppercase;border-radius:4px;padding:.25rem .5rem;font-size:.7rem;font-weight:600}.campanha-source-badge.firestore{color:#4285f4;background:#4285f433}.campanha-source-badge.local{color:#ffc107;background:#ffc10733}.campanha-card-meta{color:#aaa;gap:1rem;margin-bottom:.5rem;font-size:.85rem;display:flex}.player-badge{color:#4caf50;background:#4caf5033;border-radius:4px;padding:.15rem .5rem;font-weight:600}.campanha-card-desc{color:#999;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;max-height:2.8em;margin:.75rem 0 0;font-size:.9rem;line-height:1.4;display:-webkit-box;overflow:hidden}.campanha-card-actions{border-top:1px solid #ffffff1a;gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex}.btn-action{cursor:pointer;border:none;border-radius:6px;flex:1;padding:.6rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.btn-mestre{color:#fff;background:#667eea}.btn-mestre:hover{background:#5568d3}.btn-jogador{color:#fff;background:#ffffff1a;border:1px solid #fff3}.btn-jogador:hover{background:#ffffff26}.btn-jogador-only{color:#fff;background:#4caf50}.btn-jogador-only:hover{background:#45a049}.btn-remover,.btn-leave{color:#f44336;background:#f4433633;border:1px solid #f443364d}.btn-remover:hover,.btn-leave:hover{background:#f443364d}.modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:#1a1a1a;border:1px solid #fff3;border-radius:12px;width:100%;max-width:500px;padding:2rem}.modal-content h2{color:#fff;margin:0 0 1.5rem;font-size:1.5rem}.modal-form{flex-direction:column;gap:1.25rem;display:flex}.form-group label{color:#aaa;font-size:.9rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:6px;padding:.75rem;font-family:inherit;font-size:1rem}.form-group textarea{resize:vertical;min-height:100px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff14;border-color:#667eea;outline:none}.form-group select option{color:#fff;background:#1a1a1a}.modal-actions{gap:.75rem;margin-top:.5rem;display:flex}.btn-modal-cancel,.btn-modal-confirm{cursor:pointer;border:none;border-radius:6px;flex:1;padding:.75rem;font-size:1rem;font-weight:600;transition:all .2s}.btn-modal-cancel{color:#fff;background:#ffffff1a}.btn-modal-cancel:hover{background:#ffffff26}.btn-modal-confirm{color:#fff;background:#667eea}.btn-modal-confirm:hover{background:#5568d3}@media (width<=768px){.landing-content{gap:1.5rem;padding:1rem}.quick-actions-card,.campanhas-section{padding:1.5rem}.actions-grid,.campanhas-grid{grid-template-columns:1fr}.campanha-card-actions,.input-group{flex-direction:column}.btn-join{width:100%}}.vfx-layer{pointer-events:none;opacity:0;visibility:hidden;width:100vw;height:100vh;transition:opacity 2s ease-in-out,visibility 2s;position:absolute;top:0;left:0}.vfx-layer.ativo{opacity:1;visibility:visible}@keyframes chuvaCaindo{0%{background-position:0 0,0 0}to{background-position:150px 150px,250px 250px}}.vfx-neve{z-index:51;background-image:radial-gradient(circle,#fffc 1px,#0000 2px),radial-gradient(circle at 30% 70%,#fff9 2px,#0000 3px),radial-gradient(circle at 70% 30%,#ffffff80 1px,#0000 2px);background-size:200px 200px,300px 300px,400px 400px;animation:10s linear infinite neveAnim}@keyframes neveAnim{0%{background-position:0 0,50px 50px,100px 0}to{background-position:0 200px,50px 250px,100px 200px}}@keyframes shake{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-2px,2px)rotate(-1deg)}40%{transform:translate(2px,-2px)rotate(1deg)}60%{transform:translate(-2px,-2px)rotate(-1deg)}80%{transform:translate(2px,2px)rotate(1deg)}}.cluster{align-items:flex-end;max-width:44vw;display:flex;position:absolute}.ator-img{object-fit:contain;flex-shrink:0}@keyframes diceFade{0%{opacity:0;transform:scale(.5)translateY(50px)}10%{opacity:1;transform:scale(1.1)translateY(0)}15%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(1)translateY(-20px)}}.dice-overlay{z-index:200;text-align:center;pointer-events:auto;background:#000000bf;border:3px solid #ffeb3b;border-radius:12px;padding:30px 50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 40px #ffeb3b4d}.dice-overlay-icon{margin-bottom:5px;font-size:36px}.dice-overlay-value{color:#ffeb3b;text-shadow:0 0 20px #ffeb3b80;font-size:64px;font-weight:700}.dice-overlay-label{color:#999;margin-top:5px;font-size:16px}.dice-overlay-mod{color:#aaa;font-size:14px}.palco-vinheta{pointer-events:none;z-index:5;background:linear-gradient(#0000 0%,#0006 50%,#000000d9 100%);height:40vh;position:absolute;bottom:0;left:0;right:0}@keyframes shakeBg{0%,to{transform:translate(0)}10%{transform:translate(-8px,5px)}20%{transform:translate(6px,-7px)}30%{transform:translate(-4px,3px)}40%{transform:translate(7px,-4px)}50%{transform:translate(-6px,6px)}60%{transform:translate(5px,-3px)}70%{transform:translate(-7px,4px)}80%{transform:translate(3px,-5px)}90%{transform:translate(-5px,7px)}}@keyframes shakeActor{0%,to{transform:translate(0)rotate(0)}10%{transform:translate(-4px,3px)rotate(-2deg)}20%{transform:translate(3px,-4px)rotate(1deg)}30%{transform:translate(-2px,2px)rotate(-1deg)}40%{transform:translate(4px,-3px)rotate(2deg)}50%{transform:translate(-3px,4px)rotate(-1deg)}60%{transform:translate(2px,-2px)rotate(1deg)}70%{transform:translate(-4px,3px)rotate(-2deg)}80%{transform:translate(3px,-1px)rotate(1deg)}90%{transform:translate(-2px,4px)rotate(-1deg)}}.scene-transition-overlay{z-index:15000;background:#000;justify-content:flex-end;align-items:flex-end;padding:2rem;transition:opacity .3s ease-in-out;display:flex;position:fixed;inset:0}.scene-transition-hidden{opacity:0;pointer-events:none}.scene-transition-fading-in{opacity:0;animation:.3s ease-in forwards fadeIn}.scene-transition-visible{opacity:1}.scene-transition-fading-out{opacity:1;animation:.5s ease-out forwards fadeOut}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.scene-loading-indicator{opacity:.6;align-items:center;gap:.75rem;display:flex}.loading-counter{color:#fff9;letter-spacing:.5px;font-size:.85rem;font-weight:300}.overlay-descricao-backdrop{z-index:9999;pointer-events:none;animation:.4s ease-out slideDown;position:fixed;top:20px;left:50%;transform:translate(-50%)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.overlay-descricao-container{pointer-events:auto;background:linear-gradient(135deg,#f4e8d0 0%,#e8d7b8 100%);border:2px solid #8b7355;border-radius:8px;flex-direction:column;width:auto;min-width:400px;max-width:600px;max-height:300px;display:flex;position:relative;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff4d}.overlay-descricao-container:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#8b735508 2px 4px);border-radius:8px;position:absolute;inset:0}.overlay-descricao-header{z-index:1;background:#8b73551a;border-bottom:2px solid #8b7355;border-radius:6px 6px 0 0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex;position:relative}.overlay-descricao-header h2{color:#3d2817;text-shadow:0 1px 1px #ffffff80;margin:0;font-family:Georgia,Times New Roman,serif;font-size:16px;font-weight:700}.overlay-descricao-close{cursor:pointer;color:#3d2817;background:#8b735533;border:1px solid #8b7355;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.overlay-descricao-close:hover{background:#8b73554d;transform:scale(1.05)}.overlay-descricao-content{z-index:1;flex:1;padding:16px 18px;position:relative;overflow-y:auto}.overlay-descricao-content p{color:#2d1f10;white-space:pre-wrap;word-wrap:break-word;text-shadow:0 1px #ffffff4d;margin:0;font-family:Georgia,Times New Roman,serif;font-size:14px;line-height:1.7}.overlay-descricao-content::-webkit-scrollbar{width:8px}.overlay-descricao-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.overlay-descricao-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.overlay-descricao-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (width<=768px){.overlay-descricao-backdrop{top:10px;left:10px;right:10px;transform:none}.overlay-descricao-container{width:100%;min-width:auto;max-height:250px}.overlay-descricao-header h2{font-size:14px}.overlay-descricao-content p{font-size:13px}}.player-audio-controls-container{z-index:1000;position:relative}.player-audio-toggle-btn{color:#e0e0e0;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141419cc;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:relative}.player-audio-toggle-btn:hover{background:#282832e6;border-color:#fff3}.player-audio-toggle-btn.muted{color:#ff5252}.player-audio-toggle-btn.needs-interaction{animation:2s infinite pulse-border}.audio-notification-dot{background-color:#ff5252;border:2px solid #1a1a24;border-radius:50%;width:10px;height:10px;position:absolute;top:-2px;right:-2px}@keyframes pulse-border{0%{border-color:#ff525233;box-shadow:0 0 #ff525266}50%{border-color:#ff5252cc;box-shadow:0 0 0 4px #ff525200}to{border-color:#ff525233;box-shadow:0 0 #ff525200}}.player-audio-popover{background:#1e1e24;border:1px solid #3a3a4a;border-radius:8px;width:220px;animation:.2s ease-out slide-down;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 24px #0006}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.player-audio-header{color:#a0a0b0;text-transform:uppercase;letter-spacing:.5px;background:#252530;border-bottom:1px solid #3a3a4a;align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.player-audio-body{flex-direction:column;gap:12px;padding:12px;display:flex}.player-audio-mute-btn{color:#e0e0e0;cursor:pointer;background:#2a2a35;border:1px solid #3a3a4a;border-radius:4px;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.player-audio-mute-btn:hover{background:#353545}.player-audio-mute-btn.active{color:#ff5252;background:#ff52521a;border-color:#ff52524d}.player-audio-slider-container{flex-direction:column;gap:6px;display:flex}.player-audio-slider-labels{color:#a0a0b0;justify-content:space-between;font-size:11px;display:flex}.player-audio-slider{-webkit-appearance:none;background:#3a3a4a;border-radius:2px;outline:none;width:100%;height:4px}.player-audio-slider:disabled{opacity:.5;cursor:not-allowed}.player-audio-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#4a90e2;border-radius:50%;width:12px;height:12px;transition:transform .1s}.player-audio-slider:disabled::-webkit-slider-thumb{background:#a0a0b0}.player-audio-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.player-audio-hint{color:#ffb74d;text-align:center;background:#ffb74d1a;border-radius:4px;padding:6px;font-size:11px;line-height:1.4}.player-audio-toggle-btn{min-width:48px;min-height:48px}@media (width<=768px){.player-audio-controls-container{position:fixed!important;top:auto!important;bottom:20px!important;right:20px!important}.player-audio-popover{top:auto;bottom:calc(100% + 8px)}.player-audio-toggle-btn{width:56px;height:56px}.player-audio-mute-btn{min-height:48px;font-size:14px}.player-audio-slider{height:6px}.player-audio-slider::-webkit-slider-thumb{width:16px;height:16px}}@media (width>=769px) and (width<=1024px){.player-audio-toggle-btn{min-width:44px;min-height:44px}}.effects-toggle-container{display:inline-block;position:relative}.effects-toggle-button{cursor:pointer;color:#ffffffb3;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;padding:6px 8px;transition:all .2s;display:flex}.effects-toggle-button:hover{color:#ffffffe6;background:#ffffff26;border-color:#ffffff4d}.effects-toggle-button.active{color:#ffeb3b;background:#ffeb3b33;border-color:#ffeb3b80}.effects-toggle-button:disabled{opacity:.5;cursor:not-allowed}.effects-menu{z-index:16001;background:#2a2a2a;border:1px solid #fff3;border-radius:8px;min-width:220px;max-width:280px;animation:.2s slideDown;position:fixed;top:auto;left:auto;right:auto;box-shadow:0 4px 12px #00000080}.effects-menu-header{color:#ffffffe6;border-bottom:1px solid #ffffff1a;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:600;display:flex}.effects-menu-content{flex-direction:column;gap:4px;padding:8px;display:flex}.effect-option{cursor:pointer;color:#fffc;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;transition:all .2s;display:flex}.effect-option:hover{background:#ffffff0d;border-color:#ffffff1a}.effect-option.active{color:#2196f3;background:#2196f326;border-color:#2196f34d}.effect-option input[type=checkbox]{cursor:pointer;accent-color:#2196f3;width:16px;height:16px}.effect-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.effect-option span{-webkit-user-select:none;user-select:none;flex:1}.effects-menu-footer{color:#ffffff80;text-align:center;border-top:1px solid #ffffff1a;padding:8px 12px;font-size:11px;font-style:italic}@media (width<=768px){.effects-menu{left:auto;right:0}}.pov-overlay-container{pointer-events:none;z-index:1000;flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0;overflow:hidden}.eyelid-top,.eyelid-bottom{will-change:height, box-shadow;background-color:#000;width:100%;transition:height .15s ease-out,box-shadow .15s ease-out}.pov-overlay-container.heavy-eyes .eyelid-top,.pov-overlay-container.heavy-eyes .eyelid-bottom{transition:height 1s ease-in-out,box-shadow 1s ease-in-out}@keyframes pulse-glow{0%,to{opacity:.3}50%{opacity:.6}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.8}75%{opacity:.9}}@keyframes ember-rise{0%{opacity:.8;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-100px)scale(.5)}}@keyframes leaf-fall{0%{opacity:0;transform:translateY(-20px)rotate(0)}50%{opacity:.6}to{opacity:0;transform:translateY(100px)rotate(180deg)}}@keyframes mist-drift{0%{opacity:.3;transform:translate(-50px)}50%{opacity:.5}to{opacity:.3;transform:translate(50px)}}@keyframes arcane-pulse{0%,to{box-shadow:0 0 20px #8a2be24d}50%{box-shadow:0 0 40px #8a2be299}}@keyframes hp-bar-fill{0%{transform-origin:0;transform:scaleX(0)}to{transform:scaleX(1)}}.character-panel-overlay{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.character-panel-container{border-radius:20px;width:92%;max-width:440px;max-height:92vh;padding:32px;animation:.4s cubic-bezier(.34,1.56,.64,1) slideUp;position:relative;overflow:visible}.panel-content-wrapper{max-height:calc(92vh - 64px);padding-right:4px;overflow-y:auto}.panel-content-wrapper::-webkit-scrollbar{width:8px}.panel-content-wrapper::-webkit-scrollbar-track{background:#0003;border-radius:4px}.panel-content-wrapper::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.panel-content-wrapper::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.panel-corner-ornament{pointer-events:none;opacity:.3;width:40px;height:40px;position:absolute}.panel-corner-ornament:before,.panel-corner-ornament:after{content:"";background:currentColor;position:absolute}.panel-corner-ornament.top-left{border-top:2px solid;border-left:2px solid;border-top-left-radius:20px;top:0;left:0}.panel-corner-ornament.top-right{border-top:2px solid;border-right:2px solid;border-top-right-radius:20px;top:0;right:0}.panel-corner-ornament.bottom-left{border-bottom:2px solid;border-left:2px solid;border-bottom-left-radius:20px;bottom:0;left:0}.panel-corner-ornament.bottom-right{border-bottom:2px solid;border-right:2px solid;border-bottom-right-radius:20px;bottom:0;right:0}.theme-particles{pointer-events:none;border-radius:20px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.particle{pointer-events:none;border-radius:50%;position:absolute}.particle.ember{background:radial-gradient(circle,#ff8c00cc,#ff450066);width:4px;height:4px;animation:4s infinite ember-rise;box-shadow:0 0 10px #ff8c0099}.particle.ember:first-child{animation-duration:3.5s;animation-delay:0s;left:20%}.particle.ember:nth-child(2){animation-duration:4s;animation-delay:1s;left:40%}.particle.ember:nth-child(3){animation-duration:3.8s;animation-delay:2s;left:60%}.particle.ember:nth-child(4){animation-duration:4.2s;animation-delay:1.5s;left:80%}.particle.leaf{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);background:#4caf5066;width:8px;height:8px;animation:6s infinite leaf-fall}.particle.leaf:first-child{animation-delay:0s;left:15%}.particle.leaf:nth-child(2){animation-delay:2s;left:35%}.particle.leaf:nth-child(3){animation-delay:4s;left:55%}.particle.leaf:nth-child(4){animation-delay:1s;left:75%}.particle.leaf:nth-child(5){animation-delay:3s;left:85%}.particle.mist{filter:blur(8px);background:radial-gradient(#8a2be233,#0000);width:60px;height:30px;animation:8s ease-in-out infinite mist-drift}.particle.mist:first-child{animation-delay:0s;top:20%}.particle.mist:nth-child(2){animation-delay:3s;top:50%}.particle.mist:nth-child(3){animation-delay:6s;top:80%}.particle.sparkle{background:#9333eacc;width:3px;height:3px;animation:2s infinite pulse-glow;box-shadow:0 0 8px #9333eacc}.particle.sparkle:first-child{animation-delay:0s;top:15%;left:20%}.particle.sparkle:nth-child(2){animation-delay:.5s;top:35%;left:70%}.particle.sparkle:nth-child(3){animation-delay:1s;top:55%;left:30%}.particle.sparkle:nth-child(4){animation-delay:1.5s;top:75%;left:80%}.particle.sparkle:nth-child(5){animation-delay:.8s;top:85%;left:50%}.hp-bar-container,.hp-bar-fill{position:relative;overflow:hidden}.hp-bar-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%);animation:2s infinite shimmer;position:absolute;inset:0}.panel-button{transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.panel-button:before{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.panel-button:hover:before{width:300px;height:300px}.panel-button:active{transform:scale(.95)}.theme-selector{position:relative}.theme-selector:after{content:"▼";pointer-events:none;color:#ffffff80;font-size:10px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.panel-header-title{display:inline-block;position:relative}.panel-header-title:after{content:"";opacity:.5;background:linear-gradient(90deg,#0000,currentColor,#0000);width:100%;height:2px;position:absolute;bottom:-8px;left:0}@media (width<=768px){.character-panel-container{max-width:95vw;max-height:90vh;margin:2.5vh auto;overflow-y:auto}.character-panel-overlay{padding:10px}.panel-button,.panel-close-btn,.theme-option{min-width:48px;min-height:48px;font-size:16px}.panel-action-buttons button{min-height:48px;padding:12px 20px}.panel-input,.panel-textarea,.theme-selector{min-height:48px;font-size:16px}.panel-content,.panel-header{padding:16px}.character-panel-container{-webkit-overflow-scrolling:touch}}@media (width>=769px) and (width<=1024px){.character-panel-container{max-width:90vw;max-height:85vh}.panel-button,.panel-close-btn{min-width:44px;min-height:44px}}@media (width<=896px) and (orientation:landscape){.character-panel-container{max-height:95vh;overflow-y:auto}.panel-header{padding:12px 16px}.panel-content{padding:12px}}.dice-roll-display{z-index:9999;pointer-events:none;opacity:0;animation:.3s ease-out forwards slideDownCentered;position:fixed;top:80px;left:50%}.dice-roll-display.animating .dice-roll-panel{animation:.5s ease-out pulse}.dice-roll-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#14141efa,#0f0f19fa);border:1px solid #7878a04d;border-radius:12px;flex-direction:column;align-items:center;gap:10px;min-width:220px;padding:18px 26px;display:flex;box-shadow:0 8px 32px #0009,0 0 16px #7878a026,inset 0 1px #ffffff14}.roll-value{color:#fffffff2;text-shadow:0 2px 8px #00000080;font-size:52px;font-weight:700;line-height:1}.roll-value.critical{color:#f0dc78f2;text-shadow:0 0 10px #f0dc7880,0 0 20px #f0dc784d,0 2px 8px #00000080;animation:1.5s ease-in-out infinite glow}.roll-value.critical-failure{color:#dc7878f2;text-shadow:0 0 10px #dc787880,0 2px 8px #00000080}.roll-value.success{color:#8cc88cf2}.roll-value.failure{color:#dc8c8cf2}.roll-info{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.roll-badge{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:10px;padding:5px 12px;font-size:11px;font-weight:600;box-shadow:0 2px 4px #0000004d}.roll-badge.critical{color:#f0dc78f2;background:linear-gradient(135deg,#f0dc7840,#dcc86433);border:1px solid #f0dc7859;animation:1.5s ease-in-out infinite badgePulse}.roll-badge.critical-failure{color:#f08c8cf2;background:linear-gradient(135deg,#dc787840,#c8646433);border:1px solid #dc787859}.roll-badge.advantage{color:#8cbefff2;background:linear-gradient(135deg,#78aaf040,#6496dc33);border:1px solid #78aaf059}.roll-badge.disadvantage{color:#ffc88cf2;background:linear-gradient(135deg,#f0b47840,#dca06433);border:1px solid #f0b47859}.roll-badge.success{color:#a0dca0f2;background:linear-gradient(135deg,#8cc88c40,#78b47833);border:1px solid #8cc88c59}.roll-badge.failure{color:#f0a0a0f2;background:linear-gradient(135deg,#dc8c8c40,#c8787833);border:1px solid #dc8c8c59}.roll-details{color:#ffffffa6;text-align:center;font-size:12px}.roll-detail-text{font-family:Courier New,monospace}@keyframes slideDownCentered{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes glow{0%,to{text-shadow:0 0 10px #f0dc7880,0 0 20px #f0dc784d,0 2px 8px #00000080}50%{text-shadow:0 0 15px #f0dc78b3,0 0 30px #f0dc7866,0 2px 8px #00000080}}@media (width<=768px){.dice-roll-display{top:60px}.dice-roll-panel{min-width:180px;padding:14px 20px}.roll-value{font-size:42px}.roll-badge{padding:4px 10px;font-size:10px}}.scene-controls{background:0 0;border:none;border-radius:0;padding:0}.scene-controls h3{color:#9c27b0;letter-spacing:.3px;margin-top:0;font-weight:600}.modo-buttons{gap:8px;display:flex}.modo-btn{color:#fffc;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;flex:1;padding:10px;font-weight:600;transition:all .2s}.modo-btn:hover{background:#ffffff14;border-color:#ffffff26}.modo-vn-ativo{box-shadow:0 2px 8px #9c27b033;color:#ce93d8!important;background:linear-gradient(135deg,#9c27b033 0%,#9c27b01a 100%)!important;border-color:#9c27b066!important}.modo-batalha-ativo{box-shadow:0 2px 8px #b71c1c33;color:#ef5350!important;background:linear-gradient(135deg,#b71c1c33 0%,#b71c1c1a 100%)!important;border-color:#b71c1c66!important}.fundo-custom{margin-top:15px}.fundo-custom label{color:#ffffffb3;font-size:12px;font-weight:500}.fundo-input-row{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.fundo-input-row input[type=text]{color:#ffffffe6;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;outline:none;flex:150px;min-width:100px;padding:8px 10px;font-size:12px;transition:all .2s}.fundo-input-row input[type=text]:focus{background:#8bc34a0d;border-color:#8bc34a4d}.btn-aplicar{cursor:pointer;color:#8bc34a;white-space:nowrap;background:linear-gradient(135deg,#8bc34a33 0%,#8bc34a26 100%);border:1px solid #8bc34a4d;border-radius:6px;flex:none;padding:8px 15px;font-size:12px;font-weight:600;transition:all .2s}.btn-aplicar:hover{background:linear-gradient(135deg,#8bc34a40 0%,#8bc34a33 100%);border-color:#8bc34a66;transform:translateY(-1px);box-shadow:0 2px 8px #8bc34a33}.cenarios-recentes{border-top:1px dashed #444;margin-top:15px;padding-top:10px}.cenarios-header{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.cenarios-header span{color:#aaa;font-size:12px}.btn-limpar{color:#666;cursor:pointer;background:0 0;border:none;font-size:10px}.cenarios-thumbs{gap:5px;padding-bottom:5px;display:flex;overflow-x:auto}.cenario-thumb{object-fit:cover;cursor:pointer;border:1px solid #555;border-radius:3px;width:60px;height:40px}.cenario-thumb.ativo{border:2px solid #4caf50}.cenario-thumb-wrap{flex-shrink:0;position:relative}.cenario-thumb-remove{text-align:center;color:#f44336;cursor:pointer;z-index:5;background:#000000b3;border:1px solid #f44336;border-radius:50%;width:20px;height:20px;padding:0;font-size:16px;line-height:18px;display:none;position:absolute;top:2px;right:2px}.cenario-thumb-wrap:hover .cenario-thumb-remove{display:block}.cenario-file-input{color:#fff;background-color:#333;border:none;border-radius:5px;flex:0 auto;min-width:0;max-width:140px;padding:8px;font-size:11px}.cenario-file-input::-webkit-file-upload-button{color:#fff;cursor:pointer;background-color:#9c27b0;border:none;border-radius:3px;padding:4px 10px;font-size:11px;font-weight:700}.vfx-controls{background-color:#1e3a5f;border:1px solid #00bcd4;border-radius:8px;padding:15px}.vfx-controls h3{color:#00bcd4;justify-content:space-between;align-items:center;margin-top:0;display:flex}.btn-limpar-vfx{color:#ff9800;cursor:pointer;background:0 0;border:none;font-size:11px;font-weight:700}.vfx-buttons{gap:10px;display:flex}.vfx-btn{cursor:pointer;color:#fff;background-color:#123;border:none;border-radius:5px;flex:1;padding:10px;font-weight:700}.vfx-chuva-ativo{background-color:#e91e63!important}.vfx-neve-ativo{color:#000!important;background-color:#e0f7fa!important}.vfx-neblina-ativo{background-color:#9e9e9e!important}.vfx-terremoto-ativo{background-color:#bf360c!important}.dpad-container{-webkit-user-select:none;user-select:none;display:inline-block}.dpad-grid{background-color:#1a1a1a;border:1px solid #444;border-radius:8px;grid-template-rows:repeat(3,32px);grid-template-columns:repeat(3,32px);gap:2px;padding:4px;display:grid}.dpad-cell{width:32px;height:32px}.dpad-btn{color:#fff;cursor:pointer;background-color:#2a2a2a;border:1px solid #555;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .15s;display:flex}.dpad-btn:hover:not(:disabled){background-color:#3a3a3a;border-color:#777;transform:scale(1.05)}.dpad-btn:active:not(:disabled){background-color:#4a4a4a;transform:scale(.95)}.dpad-btn:disabled{opacity:.4;cursor:not-allowed}.dpad-center{background-color:#1a1a1a;border:1px solid #333;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.dpad-center-dot{background-color:#555;border-radius:50%;width:8px;height:8px}.dpad-up{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.dpad-down{border-top-left-radius:2px;border-top-right-radius:2px}.dpad-left{border-top-right-radius:2px;border-bottom-right-radius:2px}.dpad-right{border-top-left-radius:2px;border-bottom-left-radius:2px}.action-hub{display:inline-block;position:relative}.action-hub-trigger{color:#fff;cursor:pointer;background-color:#2a2a2a;border:1px solid #555;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex}.action-hub-trigger:hover{background-color:#3a3a3a;border-color:#777;transform:scale(1.05)}.action-hub-trigger.active{background-color:#4f46e5;border-color:#4f46e5;transform:scale(1.05)}.action-hub-menu{z-index:16001;background-color:#1a1a1a;border:1px solid #444;border-radius:8px;min-width:200px;animation:.15s slideDown;overflow:hidden;box-shadow:0 4px 12px #00000080}.action-hub-item{color:#fff;cursor:pointer;text-align:left;background-color:#0000;border:none;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:13px;transition:all .15s;display:flex}.action-hub-item:hover{background-color:#2a2a2a}.action-hub-item:active{background-color:#3a3a3a}.action-hub-item svg{color:var(--item-color,#999);flex-shrink:0}.action-hub-item.danger:hover{background-color:#f443361a}.action-hub-item.danger svg{color:#f44336}.action-hub-divider{background-color:#333;height:1px;margin:4px 0}.actor-card{opacity:1;background:linear-gradient(135deg,#1a1a1a 0%,#252525 100%);border:1px solid #ffffff0d;border-radius:6px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.actor-card:hover{border-color:#ffffff1a;box-shadow:0 2px 8px #0000004d}.actor-card.oculto{opacity:.5;background:linear-gradient(135deg,#1a1a1a 0%,#202020 100%)}.actor-name-row{background:#ffffff08;border:1px solid #ffffff0d;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:6px 10px;transition:background .2s;display:flex}.actor-name-row:hover{background:#ffffff0d}.actor-name{color:#e0e0e0;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.3px;font-size:13px;font-weight:600;overflow:hidden}.turn-indicator{filter:drop-shadow(0 0 3px #8bc34a99);font-size:13px;animation:1.5s infinite pulse}.actor-buttons{flex-direction:column;flex:1;gap:6px;display:flex}.button-row{gap:6px;display:flex}.btn{color:#ffffffb3;cursor:pointer;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff14;border-radius:4px;flex:1;padding:6px 8px;font-size:11px;font-weight:500;transition:all .15s}.btn:hover{color:#ffffffe6;background:#ffffff14;border-color:#ffffff26}.btn.ativo{color:#8bc34a;background:#8bc34a26;border-color:#8bc34a4d;font-weight:600}.btn-foco.ativo{box-shadow:0 0 8px #8bc34a33;color:#9ccc65!important;background:#8bc34a33!important;border-color:#8bc34a66!important}.actor-actions{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.btn-estado{color:#fffc;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:4px;padding:6px 10px;font-size:11px;font-weight:500;transition:all .15s}.btn-estado:hover{background:#ffffff14;border-color:#ffffff26}.btn-remover{color:#f44336e6;cursor:pointer;background:#f443360d;border:1px solid #f443364d;border-radius:4px;padding:6px 10px;font-size:11px;font-weight:500;transition:all .15s}.btn-remover:hover{background:#f443361a;border-color:#f4433680}.expr-selector{color:#fffc;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:4px;width:100%;padding:6px 8px;font-size:11px;font-weight:500;transition:all .15s}.expr-selector:hover{background:#ffffff14;border-color:#ffffff26}.expr-selector:focus{background:#8bc34a0d;border-color:#8bc34a4d;outline:none}.btn-flip{color:#fffc;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:4px;justify-content:center;align-items:center;min-width:36px;padding:6px 10px;font-size:16px;transition:all .15s;display:flex}.btn-flip:hover{background:#ffffff14;border-color:#ffffff26;transform:scale(1.05)}.layer-controls{flex-direction:column;gap:4px;display:flex}.btn-layer{color:#ffffffb3;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:4px;justify-content:center;align-items:center;padding:4px 8px;transition:all .15s;display:flex}.btn-layer:hover:not(:disabled){color:#ffffffe6;background:#ffffff14;border-color:#ffffff26}.btn-layer:disabled{opacity:.3;cursor:not-allowed}.combat-controls-inactive{justify-content:center;padding:14px;display:flex}.combat-controls-active{background:linear-gradient(135deg,#b4787814 0%,#a064640a 100%);border:1px solid #b4787833;border-radius:10px;flex-direction:column;gap:14px;padding:14px;display:flex;box-shadow:0 2px 8px #b4787814}.combat-status{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.combat-badge{text-transform:uppercase;color:#dc8c8cf2;letter-spacing:.8px;background:#b4787826;border:1px solid #b478784d;border-radius:12px;padding:4px 10px;font-size:10px;font-weight:700}.round-count{color:#ffffffb3;font-size:12px;font-weight:600}.combat-actions{justify-content:center;align-items:center;gap:10px;display:flex}.combat-action-btn{color:#ffffffbf;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:9px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.combat-action-btn:hover{color:#dc8c8cf2;background:#ffffff0f;border-color:#b4787859;transform:translateY(-2px);box-shadow:0 4px 8px #b4787826}.combat-divider{background:#ffffff1a;width:1px;height:26px;margin:0 6px}.end-btn:hover{color:#dc8c8cf2;background:#b4787826;border-color:#b4787866}.combat-btn.primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#b47878cc 0%,#c88c8cd9 100%);border:1px solid #b4787866;border-radius:8px;align-items:center;gap:10px;padding:11px 22px;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #b4787833}.combat-btn.primary:hover{background:linear-gradient(135deg,#c88c8cd9 0%,#dca0a0e6 100%);transform:translateY(-2px);box-shadow:0 4px 12px #b478784d}.accordion-panel{background:linear-gradient(135deg,#1a1a1a 0%,#252525 100%);border:1px solid #ffffff0d;border-radius:8px;flex-shrink:0;margin-bottom:8px;transition:all .2s;overflow:hidden;box-shadow:0 2px 4px #0003}.accordion-panel:hover{border-color:#ffffff1a;box-shadow:0 2px 8px #0000004d}.accordion-header{color:#e0e0e0;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;transition:all .2s;display:flex}.accordion-header:hover{background:#ffffff0d}.accordion-header:active{background:#ffffff14}.accordion-title-group{flex:1;align-items:center;gap:10px;display:flex}.accordion-icon{color:#ffffff80;align-items:center;font-size:18px;transition:color .2s;display:flex}.accordion-header:hover .accordion-icon{color:#ffffffb3}.accordion-title{color:#e0e0e0;letter-spacing:.3px;margin:0;font-size:15px;font-weight:600}.accordion-badge{color:#8bc34a;background:#8bc34a33;border:1px solid #8bc34a4d;border-radius:12px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 8px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.accordion-header:hover .accordion-badge{background:#8bc34a40;border-color:#8bc34a66}.accordion-chevron{color:#ffffff80;align-items:center;transition:all .2s;display:flex}.accordion-header:hover .accordion-chevron{color:#ffffffb3}.accordion-panel.expanded .accordion-chevron,.accordion-panel.collapsed .accordion-chevron{transform:rotate(0)}.accordion-content{padding:16px;animation:.2s slideDown}@media (width<=768px){.accordion-header{padding:10px 12px}.accordion-title{font-size:14px}.accordion-content{padding:12px}}.perfil-manager{background:0 0;border:none;border-radius:0;padding:0}.perfil-manager h3{color:#7e57c2;letter-spacing:.3px;margin-top:0;margin-bottom:10px;font-size:15px;font-weight:600}.perfil-form{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.perfil-form input[type=file]{color:#fffc;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;flex:0 auto;min-width:0;max-width:140px;padding:8px;font-size:11px;transition:all .2s}.perfil-form input[type=file]:hover{background:#ffffff14;border-color:#ffffff26}.perfil-form input[type=text]{color:#ffffffe6;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;flex:120px;min-width:100px;padding:8px 10px;font-size:12px;transition:all .2s}.perfil-form input[type=text]:focus{background:#7e57c20d;border-color:#7e57c24d;outline:none}.btn-criar-perfil{color:#ce93d8;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#7e57c233 0%,#7e57c226 100%);border:1px solid #7e57c24d;border-radius:6px;flex:none;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s}.btn-criar-perfil:hover{background:linear-gradient(135deg,#7e57c240 0%,#7e57c233 100%);border-color:#7e57c266;transform:translateY(-1px);box-shadow:0 2px 8px #7e57c233}.perfis-lista{flex-direction:column;gap:8px;display:flex}.perfil-card{background:linear-gradient(135deg,#1a1a1a 0%,#252525 100%);border:1px solid #ffffff0d;border-radius:6px;transition:all .2s;overflow:hidden}.perfil-card:hover{border-color:#ffffff1a;box-shadow:0 2px 8px #0000004d}.perfil-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:8px 10px;transition:background .2s;display:flex}.perfil-header:hover{background:#ffffff0d}.perfil-thumb{object-fit:cover;border:1px solid #ffffff1a;border-radius:4px;width:40px;height:40px}.perfil-info{flex-direction:column;flex:1;gap:2px;display:flex}.perfil-info strong{color:#ce93d8;font-size:13px;font-weight:600}.perfil-info span{color:#666;font-size:11px}.btn-perfil-expressoes{color:#fff;cursor:pointer;background-color:#5c6bc0;border:none;border-radius:3px;padding:4px 8px;font-size:11px}.btn-perfil-remover{color:#f44336;cursor:pointer;background:0 0;border:1px solid #f44336;border-radius:50%;padding:2px 8px;font-size:16px;line-height:1}.perfil-expressoes{background-color:#1a1a1a;border-top:1px solid #333;flex-wrap:wrap;gap:8px;padding:10px;display:flex}.expr-item{flex-direction:column;align-items:center;gap:3px;display:flex;position:relative}.expr-thumb{object-fit:cover;cursor:pointer;border:1px solid #444;border-radius:4px;width:52px;height:52px}.expr-thumb:hover{border-color:#7e57c2}.expr-nome{color:#888;text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:52px;font-size:10px;overflow:hidden}.expr-remover{text-align:center;color:#f44336;cursor:pointer;z-index:5;background:#000000bf;border:1px solid #f44336;border-radius:50%;width:18px;height:18px;padding:0;font-size:14px;line-height:16px;position:absolute;top:-2px;right:-2px}.expr-add-btn{color:#777;cursor:pointer;background-color:#2a2a2a;border:1px dashed #444;border-radius:4px;align-self:flex-end;width:52px;height:52px;font-size:22px}.perfis-vazio{text-align:center;color:#555;font-size:12px;font-style:italic}.panic-zone{text-align:center;background:linear-gradient(135deg,#f443360d 0%,#f4433605 100%);border:2px dashed #f443364d;border-radius:8px;margin-bottom:20px;padding:20px;transition:all .2s;box-shadow:0 2px 4px #0003}.panic-zone.drag-over{background:linear-gradient(135deg,#ff98001a 0%,#ff98000d 100%);border-color:#ff980099;transform:scale(1.02);box-shadow:0 4px 12px #ff980033}.panic-zone h3{color:#f44336;letter-spacing:.3px;margin-top:0;margin-bottom:8px;font-weight:600}.panic-hint{color:#fff9;margin:0;font-size:13px}.panic-hint kbd{color:#fffc;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:3px;padding:2px 6px;font-size:11px}.panic-hotbar{border-top:1px dashed #444;margin-top:15px;padding-top:12px}.hotbar-label{color:#777;margin-bottom:8px;font-size:12px;display:block}.hotbar-items{justify-content:center;gap:8px;padding-bottom:5px;display:flex;overflow-x:auto}.hotbar-item{object-fit:contain;cursor:pointer;background:#111;border:1px solid #444;border-radius:4px;flex-shrink:0;width:48px;height:48px;transition:border-color .2s,transform .1s}.hotbar-item:hover{border-color:#f44336;transform:scale(1.1)}.hotbar-wrapper{flex-shrink:0;position:relative}.hotbar-actions{background:#000000b3;border-radius:0 0 4px 4px;justify-content:space-around;padding:2px;display:none;position:absolute;bottom:0;left:0;right:0}.hotbar-wrapper:hover .hotbar-actions{display:flex}.hotbar-actions button{cursor:pointer;background:0 0;border:none;border-radius:2px;padding:1px 3px;font-size:14px}.hotbar-actions button:hover{background:#ffffff26}.hotbar-remove{color:#fff;cursor:pointer;z-index:10;background:#c62828;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:11px;line-height:1;display:none;position:absolute;top:-5px;right:-5px}.hotbar-wrapper:hover .hotbar-remove{display:flex}.dice-roller{background:linear-gradient(135deg,#ffffff0a 0%,#ffffff05 100%);border:1px solid #ffffff14;border-radius:10px;margin-bottom:20px;padding:18px}.dice-roller h3{color:#ffffffd9;letter-spacing:.3px;margin-top:0;margin-bottom:16px;font-size:14px;font-weight:600}.roll-mode-selector{margin-bottom:14px}.roll-mode-selector label{color:#ffffff8c;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:500;display:block}.mode-buttons{gap:8px;display:flex}.mode-btn{cursor:pointer;color:#ffffffa6;background:#ffffff08;border:1px solid #ffffff14;border-radius:7px;flex:1;padding:10px 14px;font-size:12px;font-weight:600;transition:all .2s}.mode-btn:hover{color:#ffffffd9;background:#ffffff0f;border-color:#ffffff26;transform:translateY(-1px)}.mode-btn.active{color:#8cc88cf2;background:linear-gradient(135deg,#78b4782e 0%,#64a0641f 100%);border-color:#78b47859;box-shadow:0 0 8px #78b47826}.mode-btn.advantage.active{color:#78aaf0f2;background:linear-gradient(135deg,#6496dc2e 0%,#5082c81f 100%);border-color:#6496dc59;box-shadow:0 0 8px #6496dc26}.mode-btn.disadvantage.active{color:#f0b478f2;background:linear-gradient(135deg,#dca0642e 0%,#c88c501f 100%);border-color:#dca06459;box-shadow:0 0 8px #dca06426}.target-dc-input{margin-bottom:14px}.target-dc-input label{color:#ffffff8c;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:500;display:block}.target-dc-input input{color:#ffffffd9;background:#ffffff08;border:1px solid #ffffff14;border-radius:7px;outline:none;width:100%;padding:10px 12px;font-size:13px;transition:all .2s}.target-dc-input input:focus{background:#ffffff0d;border-color:#78b47859;box-shadow:0 0 8px #78b4781a}.visibility-toggle{margin-bottom:14px}.visibility-toggle label{cursor:pointer;color:#ffffffa6;align-items:center;gap:10px;font-size:12px;font-weight:500;transition:color .2s;display:flex}.visibility-toggle label:hover{color:#ffffffd9}.visibility-toggle input[type=checkbox]{cursor:pointer;accent-color:#78b478cc;width:18px;height:18px}.dice-buttons{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.dice-btn{cursor:pointer;color:#ffffffbf;background:#ffffff08;border:1px solid #ffffff14;border-radius:7px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s}.dice-btn:hover{color:#ffffffe6;background:#ffffff0f;border-color:#ffffff26;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.dice-d20{color:#dc9696e6;background:#b4787814;border-color:#b478784d}.dice-d20:hover{background:#b478781f;border-color:#b4787873}.dice-custom{gap:8px;margin-top:12px;display:flex}.dice-custom input{color:#ffffffd9;background:#ffffff08;border:1px solid #ffffff14;border-radius:7px;outline:none;flex:1;padding:10px 12px;font-size:13px;transition:all .2s}.dice-custom input:focus{background:#ffffff0d;border-color:#78b47859;box-shadow:0 0 8px #78b4781a}.dice-custom button{cursor:pointer;color:#8cc88cf2;background:linear-gradient(135deg,#78b4782e 0%,#64a0641f 100%);border:1px solid #78b4784d;border-radius:7px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s}.dice-custom button:hover{background:linear-gradient(135deg,#78b47840 0%,#64a0642e 100%);border-color:#78b47873;transform:translateY(-1px);box-shadow:0 2px 8px #78b47826}.dice-result{text-align:center;background:linear-gradient(135deg,#00000040 0%,#0000002e 100%);border:1px solid #ffffff14;border-radius:10px;margin-top:14px;padding:16px;transition:all .3s}.dice-result.rolling{background:linear-gradient(135deg,#b478781f 0%,#b4787814 100%);border-color:#b4787866;animation:.6s pulse-roll;transform:scale(1.03);box-shadow:0 0 16px #b4787833}@keyframes pulse-roll{0%,to{transform:scale(1.03)}50%{transform:scale(1.06)}}.dice-result.critical-critical{background:linear-gradient(135deg,#dcc86426 0%,#dcc86414 100%);border-color:#dcc86480;animation:1.5s infinite critical-glow;box-shadow:0 0 20px #dcc86440}.dice-result.critical-criticalFailure{background:linear-gradient(135deg,#b4646426 0%,#b4646414 100%);border-color:#b4646480;box-shadow:0 0 20px #b4646440}@keyframes critical-glow{0%,to{box-shadow:0 0 20px #dcc86440}50%{box-shadow:0 0 28px #dcc86459}}.dice-result.status-success{border-color:#78b47866;box-shadow:0 0 12px #78b47833}.dice-result.status-failure{border-color:#b4787866;box-shadow:0 0 12px #b4787833}.result-main{justify-content:center;align-items:center;gap:10px;display:flex}.dice-label{color:#ffffff73;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.dice-value{color:#8cc88cf2;text-shadow:0 0 8px #8cc88c33;font-size:32px;font-weight:700}.critical-critical .dice-value{color:#f0dc78f2;text-shadow:0 0 12px #f0dc784d}.critical-criticalFailure .dice-value{color:#dc7878f2;text-shadow:0 0 12px #dc78784d}.dice-mod{color:#ffffff8c;font-size:14px;font-weight:500}.dice-detail{color:#fff6;margin-top:6px;font-family:Courier New,monospace;font-size:11px;display:block}.dice-mode{color:#ffffff73;margin-top:8px;font-family:Courier New,monospace;font-size:11px;display:block}.critical-badge,.success-badge,.public-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:14px;margin-top:10px;padding:5px 12px;font-size:10px;font-weight:700;display:inline-block}.critical-badge{color:#f0dc78f2;background:linear-gradient(135deg,#dcc86433 0%,#dcc86426 100%);border:1px solid #dcc86459;animation:1.5s infinite badge-pulse}.critical-criticalFailure .critical-badge{color:#dc7878f2;background:linear-gradient(135deg,#b4646433 0%,#b4646426 100%);border:1px solid #b4646459}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.success-badge{color:#8cc88cf2;background:linear-gradient(135deg,#78b47833 0%,#78b47826 100%);border:1px solid #78b47859;margin-left:8px}.status-failure .success-badge{color:#dc8c8cf2;background:linear-gradient(135deg,#b4787833 0%,#b4787826 100%);border:1px solid #b4787859}.public-badge{color:#78aaf0f2;background:linear-gradient(135deg,#6496dc33 0%,#6496dc26 100%);border:1px solid #6496dc59;margin-left:8px}.roll-history{border-top:1px solid #ffffff14;margin-top:18px;padding-top:18px}.history-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.history-header h4{color:#ffffffa6;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:12px;font-weight:600}.clear-history-btn{cursor:pointer;color:#dc8c8ccc;background:#b478781a;border:1px solid #b4787833;border-radius:6px;padding:5px 12px;font-size:10px;font-weight:600;transition:all .2s}.clear-history-btn:hover{color:#dc8c8cf2;background:#b4787826;border-color:#b4787859;transform:translateY(-1px)}.history-list{flex-direction:column;gap:10px;max-height:320px;display:flex;overflow-y:auto}.history-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-track{background:#0003;border-radius:3px}.history-list::-webkit-scrollbar-thumb{background:#b4787866;border-radius:3px}.history-list::-webkit-scrollbar-thumb:hover{background:#b4787899}.history-item{opacity:.75;transition:opacity .2s}.history-item:hover{opacity:1}.history-item .dice-result{margin-top:0;padding:12px;font-size:.92em}.roll-timestamp{color:#ffffff4d;margin-top:6px;font-family:Courier New,monospace;font-size:9px;display:block}.image-input-container{flex-direction:column;gap:8px;display:flex}.image-input-dropzone{background:#0000004d;border:2px dashed #fff3;border-radius:6px;gap:8px;padding:8px;transition:all .2s;display:flex}.image-input-dropzone.dragging{background:#4f46e533;border-color:#4f46e5}.image-input-dropzone.processing{opacity:.6;pointer-events:none}.image-input-url{color:#fff;background:#0006;border:1px solid #ffffff1a;border-radius:4px;outline:none;flex:1;padding:8px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}.image-input-url:focus{border-color:#4f46e5}.image-input-url::placeholder{color:#fff6}.image-input-browse{color:#fff;cursor:pointer;white-space:nowrap;background:#4f46e5;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s}.image-input-browse:hover:not(:disabled){background:#4338ca}.image-input-browse:disabled{opacity:.5;cursor:not-allowed}.image-input-preview{background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;width:120px;height:120px;position:relative;overflow:hidden}.image-input-preview img{object-fit:contain;width:100%;height:100%}.image-input-clear{color:#fff;cursor:pointer;background:#000c;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;line-height:1;transition:background .2s;display:flex;position:absolute;top:4px;right:4px}.image-input-clear:hover{background:#ef4444}.token-uploader-ai{background:var(--bg-secondary,#1a1a1a);border-radius:8px;flex-direction:column;gap:1rem;max-width:600px;margin:0 auto;padding:1.5rem;display:flex}.uploader-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.uploader-header h3{color:var(--text-primary,#fff);margin:0;font-size:1.25rem}.uploader-header .close-btn{color:var(--text-secondary,#999);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.uploader-header .close-btn:hover{background:var(--bg-hover,#333);color:var(--text-primary,#fff)}.uploader-content{flex-direction:column;flex:1;min-height:300px;display:flex}.dropzone{border:2px dashed var(--border-color,#444);cursor:pointer;background:var(--bg-tertiary,#0f0f0f);border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:2rem;transition:all .3s;display:flex}.dropzone.dragging{border-color:var(--accent-color,#6366f1);background:var(--accent-bg,#6366f11a);transform:scale(1.02)}.dropzone svg{color:var(--text-secondary,#999)}.dropzone-text{color:var(--text-secondary,#999);text-align:center;margin:0}.dropzone .select-btn{background:var(--accent-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;transition:all .2s}.dropzone .select-btn:hover{background:var(--accent-hover,#4f46e5);transform:translateY(-1px)}.preview-section{flex-direction:column;gap:1rem;display:flex}.preview-container{border:1px solid var(--border-color,#333);background:repeating-conic-gradient(#0f0f0f 0% 25%,#1a1a1a 0% 50%) 50%/20px 20px;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:300px;max-height:400px;display:flex;position:relative;overflow:hidden}.preview-image{object-fit:contain;border-radius:4px;max-width:100%;max-height:400px}.progress-text{text-align:center;border-radius:6px;padding:.75rem;font-size:.9rem;animation:.3s fadeIn}.progress-text.processing{background:var(--accent-bg,#6366f11a);color:var(--accent-color,#6366f1);border:1px solid var(--accent-color,#6366f1)}.progress-text.success{color:#10b981;background:#10b9811a;border:1px solid #10b981}.action-buttons{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.ai-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex;position:relative;overflow:hidden}.ai-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.ai-btn:disabled{opacity:.6;cursor:not-allowed}.ai-btn svg{animation:2s infinite sparkle}@keyframes sparkle{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.1)}}.refine-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.refine-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f093fb66}.refine-btn:disabled{opacity:.6;cursor:not-allowed}.clear-btn{color:var(--text-secondary,#999);border:1px solid var(--border-color,#444);cursor:pointer;background:0 0;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;transition:all .2s}.clear-btn:hover:not(:disabled){background:var(--bg-hover,#333);color:var(--text-primary,#fff);border-color:var(--text-secondary,#666)}.clear-btn:disabled{opacity:.5;cursor:not-allowed}.refinement-editor{flex-direction:column;gap:1.5rem;display:flex}.canvas-container{border:2px solid var(--accent-color,#6366f1);cursor:none;background:repeating-conic-gradient(#0f0f0f 0% 25%,#1a1a1a 0% 50%) 50%/20px 20px;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:400px;max-height:500px;display:flex;position:relative;overflow:hidden}.refinement-canvas{object-fit:contain;max-width:100%;max-height:500px;display:block}.brush-cursor{pointer-events:none;z-index:1000;border:2px solid #fff;border-radius:50%;display:none;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080,inset 0 0 0 1px #00000080}.refinement-controls{background:var(--bg-tertiary,#0f0f0f);border:1px solid var(--border-color,#333);border-radius:8px;flex-direction:column;gap:1rem;padding:1rem;display:flex}.brush-slider{background:var(--border-color,#444);-webkit-appearance:none;border-radius:3px;outline:none;width:100%;height:6px}.brush-slider::-webkit-slider-thumb{appearance:none;background:var(--accent-color,#6366f1);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:all .2s}.brush-slider::-webkit-slider-thumb:hover{background:var(--accent-hover,#4f46e5);transform:scale(1.1)}.brush-slider::-moz-range-thumb{background:var(--accent-color,#6366f1);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;transition:all .2s}.brush-slider::-moz-range-thumb:hover{background:var(--accent-hover,#4f46e5);transform:scale(1.1)}.brush-mode-buttons{gap:.75rem;display:flex}.mode-btn{background:var(--bg-secondary,#1a1a1a);color:var(--text-secondary,#999);border:2px solid var(--border-color,#444);cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.mode-btn:hover{background:var(--bg-hover,#333);border-color:var(--text-secondary,#666)}.mode-btn.active{background:var(--accent-color,#6366f1);color:#fff;border-color:var(--accent-color,#6366f1)}.mode-btn svg{flex-shrink:0}.refinement-actions{gap:.75rem;margin-top:.5rem;display:flex}.confirm-btn{background:var(--success-color,#10b981);color:#fff;cursor:pointer;border:none;border-radius:6px;flex:1;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s}.confirm-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.cancel-refinement-btn{color:var(--text-secondary,#999);border:1px solid var(--border-color,#444);cursor:pointer;background:0 0;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;transition:all .2s}.cancel-refinement-btn:hover{background:var(--bg-hover,#333);color:var(--text-primary,#fff);border-color:var(--text-secondary,#666)}.uploader-footer{border-top:1px solid var(--border-color,#333);justify-content:flex-end;padding-top:1rem;display:flex}.save-btn{background:var(--success-color,#10b981);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.75rem 2rem;font-size:1rem;font-weight:500;transition:all .2s}.save-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.save-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=640px){.token-uploader-ai{padding:1rem}.dropzone{padding:1.5rem 1rem}.action-buttons{flex-direction:column}.ai-btn,.refine-btn,.clear-btn{width:100%}.brush-mode-buttons,.refinement-actions{flex-direction:column}.confirm-btn,.cancel-refinement-btn{width:100%}}.image-input-with-ai{width:100%;position:relative}.input-with-button{align-items:flex-start;gap:.5rem;display:flex}.input-with-button .image-input-container{flex:1}.ai-toggle-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;align-items:center;gap:.25rem;height:38px;margin-top:0;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.ai-toggle-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.ai-toggle-btn svg{flex-shrink:0}.ai-btn-text{font-weight:600}.ai-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.ai-modal-content{width:100%;max-width:600px;max-height:90vh;animation:.3s slideUp;position:relative;overflow-y:auto}.upload-overlay{z-index:10;background:#000000e6;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.upload-overlay p{color:#fff;margin:0;font-size:1rem}.upload-spinner{border:4px solid #ffffff1a;border-top-color:#667eea;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@media (width<=640px){.input-with-button{flex-direction:column}.ai-toggle-btn{justify-content:center;width:100%}.ai-modal-overlay{padding:.5rem}.ai-modal-content{max-height:95vh}}.grid-cutter-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10001;background:#000000d9;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.grid-cutter-modal{background:var(--bg-secondary,#1a1a1a);border-radius:12px;flex-direction:column;width:95%;max-width:1200px;max-height:90vh;animation:.3s ease-out slideUp;display:flex;box-shadow:0 20px 60px #00000080}.grid-cutter-header{border-bottom:1px solid var(--border-color,#2a2a2a);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.grid-cutter-header h2{color:var(--text-primary,#fff);align-items:center;gap:.5rem;margin:0;font-size:1.5rem;display:flex}.close-btn{color:var(--text-secondary,#aaa);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem;transition:all .2s}.close-btn:hover{background:var(--bg-tertiary,#0f0f0f);color:var(--text-primary,#fff)}.grid-cutter-content{flex:1;padding:1.5rem;overflow-y:auto}.step-1{flex-direction:column;gap:1.5rem;display:flex}.dropzone{border:2px dashed var(--accent-color,#6366f1);text-align:center;cursor:pointer;background:var(--bg-tertiary,#0f0f0f);border-radius:12px;padding:3rem;transition:all .2s}.dropzone:hover{border-color:var(--accent-color-hover,#818cf8);background:#6366f10d}.dropzone svg{color:var(--accent-color,#6366f1);margin-bottom:1rem}.dropzone p{color:var(--text-primary,#fff);margin:.5rem 0}.dropzone .hint{color:var(--text-secondary,#aaa);font-size:.875rem}.viewport{border:2px solid var(--accent-color,#6366f1);background:repeating-conic-gradient(#0f0f0f 0% 25%,#1a1a1a 0% 50%) 50%/20px 20px;border-radius:8px;justify-content:center;align-items:center;width:100%;max-height:500px;display:flex;position:relative;overflow:hidden}.viewport img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;max-width:100%;max-height:500px;display:block}.grid-overlay{cursor:move;-webkit-user-select:none;user-select:none;gap:1px;display:grid;position:absolute}.grid-cell{cursor:pointer;background:#6366f114;border:1px solid #6366f1cc;transition:all .15s;position:relative}.grid-cell:hover{background:#6366f133}.grid-cell.unselected{opacity:.3;background:#00000080}.grid-cell.unselected:hover{opacity:.5}.controls{background:var(--bg-tertiary,#0f0f0f);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1rem;display:grid}.control-group{flex-direction:column;gap:.5rem;display:flex}.control-group label{color:var(--text-secondary,#aaa);font-size:.875rem;font-weight:500}.control-group input[type=number],.control-group input[type=range]{background:var(--bg-secondary,#1a1a1a);border:1px solid var(--border-color,#2a2a2a);color:var(--text-primary,#fff);border-radius:6px;padding:.5rem;font-size:.875rem}.control-group input[type=number]{width:100%}.control-group input[type=range]{cursor:pointer;width:100%}.cell-size-display{background:var(--bg-secondary,#1a1a1a);text-align:center;color:var(--text-primary,#fff);border-radius:6px;grid-column:1/-1;padding:.75rem;font-size:.875rem;font-weight:500}.selected-count{text-align:center;color:var(--accent-color,#6366f1);grid-column:1/-1;font-size:.875rem;font-weight:500}.step-2{flex-direction:column;gap:1.5rem;display:flex}.processing-header{justify-content:space-between;align-items:center;display:flex}.processing-header h3{color:var(--text-primary,#fff);margin:0;font-size:1.25rem}.abort-btn{background:var(--danger-color,#ef4444);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.abort-btn:hover{background:var(--danger-color-hover,#dc2626)}.progress-bar{background:var(--bg-tertiary,#0f0f0f);border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent-color,#6366f1), var(--accent-color-hover,#818cf8));height:100%;transition:width .3s ease-out}.cell-results-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;display:grid}.cell-result{aspect-ratio:1;border:2px solid var(--border-color,#2a2a2a);background:repeating-conic-gradient(#0f0f0f 0% 25%,#1a1a1a 0% 50%) 50%/10px 10px;border-radius:8px;position:relative;overflow:hidden}.cell-result img{object-fit:contain;width:100%;height:100%}.status-indicator{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:1rem;display:flex;position:absolute;top:4px;right:4px}.cell-result.queued .status-indicator{color:var(--text-secondary,#aaa)}.cell-result.processing .status-indicator{color:var(--warning-color,#f59e0b);animation:1s infinite pulse}.cell-result.done .status-indicator{color:var(--success-color,#10b981)}.cell-result.error .status-indicator{color:var(--danger-color,#ef4444)}.cell-result.error{border-color:var(--danger-color,#ef4444)}.step-2-footer{justify-content:flex-end;gap:1rem;display:flex}.step-3{flex-direction:column;gap:1.5rem;display:flex}.step-3 h3{color:var(--text-primary,#fff);margin:0;font-size:1.25rem}.expressions-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;display:grid}.expression-card{background:var(--bg-tertiary,#0f0f0f);border:1px solid var(--border-color,#2a2a2a);border-radius:8px;flex-direction:column;gap:.75rem;padding:1rem;transition:all .2s;display:flex;position:relative}.expression-card:hover{border-color:var(--accent-color,#6366f1)}.expression-preview{aspect-ratio:1;background:repeating-conic-gradient(#0f0f0f 0% 25%,#1a1a1a 0% 50%) 50%/10px 10px;border-radius:6px;overflow:hidden}.expression-preview img{object-fit:contain;width:100%;height:100%}.expression-card input[type=text]{background:var(--bg-secondary,#1a1a1a);border:1px solid var(--border-color,#2a2a2a);color:var(--text-primary,#fff);border-radius:6px;width:100%;padding:.5rem;font-size:.875rem}.expression-card input[type=text]::placeholder{color:var(--text-secondary,#666)}.discard-btn{background:var(--danger-color,#ef4444);color:#fff;cursor:pointer;opacity:0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:.5rem;right:.5rem}.expression-card:hover .discard-btn{opacity:1}.discard-btn:hover{background:var(--danger-color-hover,#dc2626);transform:scale(1.1)}.upload-progress-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;background:#000000d9;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.upload-progress-content{text-align:center;width:80%;max-width:400px}.upload-progress-content p{color:var(--text-primary,#fff);margin:0 0 1rem;font-size:1.125rem}.step-3-footer{justify-content:flex-end;gap:1rem;display:flex}.grid-cutter-footer{border-top:1px solid var(--border-color,#2a2a2a);justify-content:flex-end;gap:1rem;padding:1.5rem;display:flex}.primary-btn,.secondary-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;transition:all .2s;display:inline-flex}.primary-btn{background:var(--accent-color,#6366f1);color:#fff}.primary-btn:hover:not(:disabled){background:var(--accent-color-hover,#818cf8);transform:translateY(-1px)}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.secondary-btn{background:var(--bg-tertiary,#0f0f0f);color:var(--text-primary,#fff);border:1px solid var(--border-color,#2a2a2a)}.secondary-btn:hover:not(:disabled){background:var(--bg-secondary,#1a1a1a);border-color:var(--accent-color,#6366f1)}.secondary-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.grid-cutter-modal{border-radius:0;width:100%;max-width:100%;max-height:100vh}.controls{grid-template-columns:1fr}.cell-results-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.expressions-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.step-2-footer,.step-3-footer,.grid-cutter-footer{flex-direction:column}.primary-btn,.secondary-btn{justify-content:center;width:100%}}.wardrobe-overlay{z-index:9999;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.wardrobe-modal{background:#1a1a1a;border-radius:12px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080}.wardrobe-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.wardrobe-header h2{color:#fff;margin:0;font-size:24px}.wardrobe-close{color:#fff9;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.wardrobe-close:hover{color:#fff}.wardrobe-main-tabs{background:#1a1a1a;border-bottom:1px solid #ffffff1a;display:flex}.wardrobe-main-tab{color:#fff9;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s}.wardrobe-main-tab:hover{color:#fffc;background:#ffffff0d}.wardrobe-main-tab.active{color:#fff;background:#3b82f61a;border-bottom-color:#3b82f6}.wardrobe-form{flex-direction:column;flex:1;gap:24px;padding:24px;display:flex;overflow-y:auto}.wardrobe-section{flex-direction:column;gap:12px;display:flex}.wardrobe-section h3{color:#fff;margin:0;font-size:18px;font-weight:600}.wardrobe-hint{color:#ffffff80;margin:0;font-size:13px}.wardrobe-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.wardrobe-field{flex-direction:column;gap:6px;display:flex}.wardrobe-field label{color:#fffc;font-size:14px;font-weight:500}.wardrobe-field input{color:#fff;background:#0006;border:1px solid #ffffff1a;border-radius:6px;outline:none;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}.wardrobe-field input:focus{border-color:#4f46e5}.wardrobe-versions-header{justify-content:space-between;align-items:center;display:flex}.wardrobe-add-version{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:background .2s;display:flex}.wardrobe-add-version:hover{background:#4338ca}.wardrobe-tabs{flex-wrap:wrap;gap:8px;display:flex}.wardrobe-tab{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;transition:all .2s;display:flex}.wardrobe-tab.active{background:#4f46e5;border-color:#4f46e5}.wardrobe-tab-input{color:#fff;cursor:pointer;background:0 0;border:none;outline:none;min-width:80px;font-family:inherit;font-size:14px}.wardrobe-tab-remove{color:#fff9;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:color .2s;display:flex}.wardrobe-tab-remove:hover{color:#ef4444}.wardrobe-states-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.wardrobe-state-item{flex-direction:column;gap:8px;display:flex}.wardrobe-state-header{justify-content:space-between;align-items:center;display:flex}.wardrobe-state-label{font-size:14px;font-weight:600}.wardrobe-state-threshold{color:#ffffff80;font-size:12px}.wardrobe-expressions-header{justify-content:space-between;align-items:center;display:flex}.wardrobe-add-expression{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:background .2s;display:flex}.wardrobe-add-expression:hover{background:#059669}.wardrobe-batch-import{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.wardrobe-batch-import:hover{background:#4f46e5}.wardrobe-empty-state{text-align:center;color:#fff6;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:8px;padding:32px;font-size:14px}.wardrobe-expressions-list{flex-direction:column;gap:12px;display:flex}.wardrobe-expression-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:200px 1fr auto;align-items:start;gap:12px;padding:12px;display:grid}.wardrobe-expression-name input{color:#fff;background:#0006;border:1px solid #ffffff1a;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}.wardrobe-expression-name input:focus{border-color:#4f46e5}.wardrobe-expression-remove{color:#fff6;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:color .2s;display:flex}.wardrobe-expression-remove:hover{color:#ef4444}.wardrobe-library-option{background:#f39c121a;border:1px solid #f39c124d;border-radius:6px;margin-top:12px;padding:12px}.wardrobe-checkbox-label{cursor:pointer;color:#ffffffe6;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:14px;display:flex}.wardrobe-checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#f39c12;width:18px;height:18px}.wardrobe-checkbox-label span{flex:1}.wardrobe-actions{border-top:1px solid #ffffff1a;justify-content:flex-end;gap:12px;padding-top:12px;display:flex}.wardrobe-cancel,.wardrobe-submit{cursor:pointer;border:none;border-radius:6px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.wardrobe-cancel{color:#fff;background:#ffffff1a}.wardrobe-cancel:hover{background:#ffffff26}.wardrobe-submit{color:#fff;background:#4f46e5}.wardrobe-submit:hover{background:#4338ca}@media (width<=768px){.wardrobe-states-grid,.wardrobe-expression-item,.wardrobe-row{grid-template-columns:1fr}}.library-import-overlay{z-index:20000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.library-import-modal{background:#2a2a2a;border-radius:12px;flex-direction:column;width:100%;max-width:900px;max-height:80vh;display:flex;box-shadow:0 10px 40px #00000080}.library-import-header{border-bottom:1px solid #444;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.library-import-header h2{color:#fff;margin:0;font-size:24px}.library-import-close{color:#999;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.library-import-close:hover{color:#fff}.library-import-content{flex:1;padding:24px;overflow-y:auto}.library-import-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.library-import-card{background:#333;border-radius:8px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.library-import-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.library-import-preview{object-fit:cover;background:#222;width:100%;height:200px}.library-import-info{flex:1;padding:12px}.library-import-info h3{color:#fff;margin:0 0 4px;font-size:16px}.library-import-info p{color:#999;margin:0;font-size:14px}.library-import-description{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;max-height:2.8em;line-height:1.4em;display:-webkit-box;overflow:hidden}.library-import-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;width:100%;padding:10px;font-weight:600;transition:background .2s}.library-import-btn:hover{background:#4338ca}.library-import-empty,.library-import-error{text-align:center;color:#999;padding:40px 20px}.library-import-error{color:#f44336}.library-import-filters{gap:12px;margin-bottom:20px;display:flex}.library-import-search{color:#b0b0b0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex:1;align-items:center;gap:8px;padding:10px 12px;display:flex}.library-import-search input{color:#e0e0e0;background:0 0;border:none;outline:none;flex:1;font-size:14px}.library-import-search input::placeholder{color:#666}.library-import-select{color:#e0e0e0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;min-width:180px;padding:10px 12px;font-size:14px}.library-import-select option{color:#e0e0e0;background:#2a2a2a}.library-import-folder-badge{color:#4a9eff;background:#4a9eff33;border:1px solid #4a9eff4d;border-radius:10px;margin-top:6px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-block}.scene-badge-overlay{color:#fff;z-index:1;background:#4a9effe6;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;position:absolute;top:8px;right:8px}.scene-mode-badge{color:#4a9eff;background:#4a9eff33;border:1px solid #4a9eff4d;border-radius:10px;margin-top:4px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-block}.library-import-placeholder{color:#666;justify-content:center;align-items:center;font-size:14px;display:flex}.library-import-card{position:relative}.volume-slider{background:var(--bg-secondary,#2a2a2a);border-radius:8px;flex-direction:column;gap:8px;padding:12px;transition:opacity .2s;display:flex}.volume-slider.disabled{opacity:.5;pointer-events:none}.volume-slider-label{color:var(--text-secondary,#aaa);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.volume-slider-controls{align-items:center;gap:12px;display:flex}.volume-slider-icon{background:var(--bg-tertiary,#1a1a1a);border:1px solid var(--border-color,#444);cursor:pointer;width:32px;height:32px;color:var(--text-primary,#fff);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.volume-slider-icon:hover:not(:disabled){background:var(--bg-hover,#333);border-color:var(--primary-color,#4a9eff)}.volume-slider-icon:active:not(:disabled){transform:scale(.95)}.volume-slider-icon:disabled{cursor:not-allowed;opacity:.5}.volume-slider-input{appearance:none;background:var(--bg-tertiary,#1a1a1a);cursor:pointer;border-radius:3px;outline:none;flex:1;height:6px}.volume-slider-input::-webkit-slider-thumb{appearance:none;background:var(--primary-color,#4a9eff);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:all .2s;box-shadow:0 2px 4px #0000004d}.volume-slider-input::-moz-range-thumb{background:var(--primary-color,#4a9eff);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px;transition:all .2s;box-shadow:0 2px 4px #0000004d}.volume-slider-input:hover::-webkit-slider-thumb{transform:scale(1.2);box-shadow:0 0 0 4px #4a9eff33}.volume-slider-input:hover::-moz-range-thumb{transform:scale(1.2);box-shadow:0 0 0 4px #4a9eff33}.volume-slider-input:active::-webkit-slider-thumb{transform:scale(1.1)}.volume-slider-input:active::-moz-range-thumb{transform:scale(1.1)}.volume-slider-input:disabled{cursor:not-allowed;opacity:.5}.volume-slider-percentage{text-align:right;min-width:40px;color:var(--text-primary,#fff);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:13px;font-weight:600}.volume-slider.compact{gap:4px;padding:8px}.volume-slider.compact .volume-slider-icon{width:24px;height:24px}.volume-slider.compact .volume-slider-input{height:4px}.volume-slider.compact .volume-slider-input::-webkit-slider-thumb{width:12px;height:12px}.volume-slider.compact .volume-slider-input::-moz-range-thumb{width:12px;height:12px}.volume-slider.compact .volume-slider-percentage{min-width:32px;font-size:11px}.transport-bar{background:linear-gradient(135deg,#1a1a1a 0%,#252525 100%);border:1px solid #333;border-radius:8px;align-items:center;gap:16px;padding:12px 16px;display:flex;box-shadow:0 2px 8px #0000004d}.transport-track-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.transport-track-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.transport-track-name.empty{color:#888;font-style:italic}.transport-track-time{color:#999;font-variant-numeric:tabular-nums;font-size:11px}.transport-controls{align-items:center;gap:8px;display:flex}.transport-btn{color:#fff;cursor:pointer;background:#2a2a2a;border:1px solid #444;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:flex}.transport-btn:hover:not(:disabled){background:#333;border-color:#666;transform:translateY(-1px)}.transport-btn:active:not(:disabled){transform:translateY(0)}.transport-btn:disabled{opacity:.4;cursor:not-allowed}.transport-btn.play-pause{background:#4caf50;border-color:#45a049}.transport-btn.play-pause:hover:not(:disabled){background:#45a049;border-color:#3d8b40}.transport-btn.next{background:#2196f3;border-color:#1976d2}.transport-btn.next:hover:not(:disabled){background:#1976d2;border-color:#1565c0}.transport-btn.panic{background:#f44336;border-color:#d32f2f}.transport-btn.panic:hover:not(:disabled){background:#d32f2f;border-color:#c62828}.transport-btn.panic.active{animation:.5s infinite panic-pulse}@keyframes panic-pulse{0%,to{box-shadow:0 0 #f44336b3}50%{box-shadow:0 0 0 8px #f4433600}}.transport-btn.loading{pointer-events:none}.transport-btn.loading svg{animation:1s linear infinite spin}.transport-volume{min-width:150px}@media (width<=768px){.transport-bar{flex-wrap:wrap;gap:12px}.transport-track-info{flex-basis:100%;order:-1}.transport-controls{flex:1;justify-content:center}.transport-volume{flex:1;min-width:120px}}@media (width<=480px){.transport-bar{padding:10px 12px}.transport-btn{width:32px;height:32px}.transport-btn svg{width:18px;height:18px}.transport-track-name{font-size:13px}.transport-track-time{font-size:10px}}.queue-mode-selector{display:inline-block;position:relative}.queue-mode-selector.disabled{opacity:.5;pointer-events:none}.queue-mode-button{background:var(--bg-secondary,#2a2a2a);border:1px solid var(--border-color,#444);color:var(--text-primary,#fff);cursor:pointer;border-radius:6px;align-items:center;gap:8px;min-width:140px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.queue-mode-button:hover:not(:disabled){background:var(--bg-hover,#333);border-color:var(--primary-color,#4a9eff)}.queue-mode-button.open{border-color:var(--primary-color,#4a9eff);background:var(--bg-hover,#333)}.queue-mode-button:disabled{cursor:not-allowed}.queue-mode-label{text-align:left;-webkit-user-select:none;user-select:none;flex:1}.queue-mode-chevron{color:var(--text-secondary,#aaa);transition:transform .2s}.queue-mode-chevron.rotated{transform:rotate(180deg)}.queue-mode-dropdown{background:var(--bg-secondary,#2a2a2a);border:1px solid var(--border-color,#444);z-index:1000;border-radius:8px;max-height:300px;animation:.2s ease-out dropdown-appear;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden auto;box-shadow:0 4px 12px #0000004d}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.queue-mode-option{border:none;border-bottom:1px solid var(--border-color,#444);width:100%;color:var(--text-primary,#fff);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:12px;padding:12px;transition:background .2s;display:flex}.queue-mode-option:last-child{border-bottom:none}.queue-mode-option:hover{background:var(--bg-hover,#333)}.queue-mode-option.selected{background:#4a9eff1a}.queue-mode-option-text{flex-direction:column;flex:1;gap:2px;display:flex}.queue-mode-option-label{color:var(--text-primary,#fff);font-size:13px;font-weight:500}.queue-mode-option-description{color:var(--text-secondary,#aaa);font-size:11px;line-height:1.3}.queue-mode-check{background:var(--primary-color,#4a9eff);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:flex}.cue-preview-button{background:var(--bg-secondary,#2a2a2a);border:1px solid var(--border-color,#444);color:var(--text-primary,#fff);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.cue-preview-button:hover:not(:disabled){background:var(--bg-hover,#333);border-color:var(--primary-color,#4a9eff);transform:translateY(-1px);box-shadow:0 2px 8px #4a9eff33}.cue-preview-button:active:not(:disabled){transform:translateY(0)}.cue-preview-button:disabled{opacity:.5;cursor:not-allowed}.cue-preview-button.playing{background:var(--primary-color,#4a9eff);border-color:var(--primary-color,#4a9eff);color:#fff;animation:2s ease-in-out infinite pulse-preview}.cue-preview-button.loading{opacity:.7;cursor:wait}@keyframes pulse-preview{0%,to{box-shadow:0 0 #4a9eff66}50%{box-shadow:0 0 0 8px #4a9eff00}}.cue-preview-spinner{border:2px solid var(--border-color,#444);border-top-color:var(--primary-color,#4a9eff);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.cue-preview-label{-webkit-user-select:none;user-select:none}.cue-preview-small{padding:4px 8px;font-size:11px}.cue-preview-small .cue-preview-spinner{width:12px;height:12px}.cue-preview-medium{padding:8px 12px;font-size:13px}.cue-preview-medium .cue-preview-spinner{width:14px;height:14px}.cue-preview-large{padding:10px 16px;font-size:14px}.cue-preview-large .cue-preview-spinner{width:16px;height:16px}.cue-preview-button:not(:has(.cue-preview-label)){aspect-ratio:1;padding:8px}.cue-preview-small:not(:has(.cue-preview-label)){padding:6px}.cue-preview-large:not(:has(.cue-preview-label)){padding:10px}.audio-library-modal-overlay{z-index:10000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.audio-library-modal{background:#1e1e1e;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;width:100%;max-width:900px;max-height:80vh;display:flex;box-shadow:0 20px 60px #00000080}.audio-library-modal-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:24px;display:flex}.audio-library-modal-header h2{color:#fff;align-items:center;gap:12px;margin:0;font-size:20px;font-weight:600;display:flex}.audio-library-modal-header .close-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.audio-library-modal-header .close-btn:hover{color:#fff;background:#ffffff1a}.audio-library-modal-search{background:#ffffff08;border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;padding:16px 24px;display:flex}.audio-library-modal-search input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;flex:1;padding:10px 14px;font-size:14px;transition:all .2s}.audio-library-modal-search input:focus{background:#ffffff14;border-color:#ffffff4d}.audio-library-modal-search input::placeholder{color:#fff6}.audio-library-modal-content{flex:1;padding:24px;overflow-y:auto}.audio-library-modal-loading,.audio-library-modal-empty{color:#ffffff80;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.audio-library-modal-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.audio-library-modal-card{cursor:pointer;background:#1e1e1e;border:2px solid #ffffff14;border-radius:12px;flex-direction:column;gap:12px;padding:16px;transition:all .2s;display:flex;position:relative}.audio-library-modal-card:hover{background:#242424;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.audio-library-modal-card.selected{background:#2a2a2a;border-color:#fff6}.audio-library-modal-check{color:#fff;background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:8px;right:8px}.audio-library-modal-icon{color:#bdbdbd;background:#2a2a2a;border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto;display:flex}.audio-library-modal-info{text-align:center}.audio-library-modal-info h4{color:#eaeaea;text-overflow:ellipsis;white-space:nowrap;margin:0 0 8px;font-size:14px;font-weight:600;overflow:hidden}.audio-library-modal-info .audio-type-badge{color:#cfcfcf;text-transform:uppercase;background:#2a2a2a;border:1px solid #ffffff14;border-radius:10px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-block}.audio-library-modal-info .audio-duration{color:#9ca3af;margin-top:4px;font-size:11px;display:block}.audio-preview-btn{color:#eaeaea;cursor:pointer;background:#2f2f2f;border:1px solid #ffffff14;border-radius:6px;width:32px;height:32px;margin:0 auto;font-size:12px;transition:all .2s}.audio-preview-btn:hover{background:#3a3a3a}.audio-preview-btn.playing{color:#fff;background:#3a3a3a}.audio-library-modal-footer{background:#0003;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.selected-count{color:#ffffffb3;font-size:14px}.audio-library-modal-actions{gap:12px;display:flex}.audio-library-modal-actions button{cursor:pointer;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.cancel-btn{color:#ffffffb3;background:#ffffff0d;border:1px solid #ffffff1a}.cancel-btn:hover{color:#fff;background:#ffffff1a}.confirm-btn{color:#fff;background:#ffffff1a;border:1px solid #fff3}.confirm-btn:hover:not(:disabled){background:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.confirm-btn:disabled{opacity:.5;cursor:not-allowed}.bgm-queue-panel{background:#1a1a1a;border-radius:8px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.queue-header{background:#252525;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:16px;display:flex}.queue-title{color:#fff;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.queue-count{color:#888;font-size:13px;font-weight:400}.queue-header-actions{align-items:center;gap:12px;display:flex}.import-library-btn{color:#eaeaea;cursor:pointer;background:#2f2f2f;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.import-library-btn:hover{background:#3a3a3a;transform:translateY(-1px)}.queue-list{flex:1;padding:8px;overflow-y:auto}.queue-list::-webkit-scrollbar{width:8px}.queue-list::-webkit-scrollbar-track{background:#1a1a1a}.queue-list::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.queue-list::-webkit-scrollbar-thumb:hover{background:#555}.queue-item{background:#2a2a2a;border:1px solid #333;border-radius:6px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s;display:flex}.queue-item:hover{background:#303030;border-color:#444}.queue-item.playing{background:linear-gradient(135deg,#1a3a1a 0%,#2a2a2a 100%);border-color:#4caf50;box-shadow:0 0 0 1px #4caf504d}.queue-item.playing:before{content:"";background:#4caf50;border-radius:6px 0 0 6px;width:3px;position:absolute;top:0;bottom:0;left:0}.queue-item-drag{color:#666;cursor:grab;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.queue-item-drag:hover{color:#999}.queue-item-drag:active{cursor:grabbing}.queue-item-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.queue-item-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.queue-item.playing .queue-item-name{color:#4caf50}.queue-item-meta{color:#888;font-variant-numeric:tabular-nums;font-size:11px}.queue-item-actions{align-items:center;gap:6px;display:flex}.queue-item-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #444;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:flex}.queue-item-btn:hover{background:#333;border-color:#666}.queue-item-btn.play{color:#4caf50;border-color:#4caf50}.queue-item-btn.play:hover{background:#4caf501a}.queue-item-btn.remove{color:#f44336;border-color:#f44336}.queue-item-btn.remove:hover{background:#f443361a}.queue-empty{color:#666;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:200px;padding:32px;display:flex}.queue-empty svg{opacity:.5;margin-bottom:16px}.queue-empty p{margin:4px 0;font-size:14px}.queue-empty-hint{color:#888;font-size:12px}.queue-loading-overlay{z-index:10;background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.queue-loading-spinner{border:3px solid #333;border-top-color:#4caf50;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.queue-item[data-dragging=true]{opacity:.5}@media (width<=768px){.queue-header{padding:12px}.queue-title{font-size:14px}.queue-item{gap:10px;padding:10px}.queue-item-name{font-size:13px}.queue-item-btn{width:26px;height:26px}.queue-item-btn svg{width:14px;height:14px}}.layer-channel-strip{background:var(--bg-secondary,#2a2a2a);border:1px solid var(--border-color,#444);border-radius:8px;flex-direction:column;gap:8px;padding:12px;transition:all .2s;display:flex}.layer-channel-strip.playing{border-color:var(--success-color,#4ade80);box-shadow:0 0 0 1px #4ade8033}.layer-channel-strip.stopped{opacity:.8}.layer-channel-strip.disabled{opacity:.5}.layer-strip-header{border-bottom:1px solid var(--border-color,#444);align-items:center;gap:8px;padding-bottom:8px;display:flex}.layer-strip-icon{background:var(--bg-tertiary,#1a1a1a);width:24px;height:24px;color:var(--text-secondary,#aaa);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.layer-strip-name{color:var(--text-primary,#fff);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:600;overflow:hidden}.layer-strip-status{color:var(--text-secondary,#aaa);flex-shrink:0;font-size:10px}.layer-channel-strip.playing .layer-strip-status{color:var(--success-color,#4ade80);animation:2s ease-in-out infinite pulse-status}@keyframes pulse-status{0%,to{opacity:1}50%{opacity:.5}}.layer-strip-controls{gap:6px;display:flex}.layer-strip-button{background:var(--bg-tertiary,#1a1a1a);border:1px solid var(--border-color,#444);height:28px;color:var(--text-secondary,#aaa);cursor:pointer;border-radius:4px;flex:1;justify-content:center;align-items:center;font-size:11px;font-weight:700;transition:all .2s;display:flex}.layer-strip-button:hover:not(:disabled){background:var(--bg-hover,#333);border-color:var(--primary-color,#4a9eff)}.layer-strip-button.active{background:var(--primary-color,#4a9eff);border-color:var(--primary-color,#4a9eff);color:#fff}.layer-strip-button.mute.active{background:var(--error-color,#ef4444);border-color:var(--error-color,#ef4444)}.layer-strip-button.solo.active{background:var(--warning-color,#f59e0b);border-color:var(--warning-color,#f59e0b)}.layer-strip-button:disabled{opacity:.5;cursor:not-allowed}.layer-strip-section{flex-direction:column;gap:4px;display:flex}.layer-strip-label{color:var(--text-secondary,#aaa);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.layer-strip-slider{appearance:none;background:var(--bg-tertiary,#1a1a1a);cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px}.layer-strip-slider::-webkit-slider-thumb{appearance:none;background:var(--primary-color,#4a9eff);cursor:pointer;border-radius:50%;width:12px;height:12px;transition:all .2s}.layer-strip-slider::-moz-range-thumb{background:var(--primary-color,#4a9eff);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px;transition:all .2s}.layer-strip-slider:hover::-webkit-slider-thumb{transform:scale(1.2)}.layer-strip-slider:hover::-moz-range-thumb{transform:scale(1.2)}.layer-strip-slider:disabled{opacity:.5;cursor:not-allowed}.layer-strip-slider.pan::-webkit-slider-thumb{background:var(--warning-color,#f59e0b)}.layer-strip-slider.pan::-moz-range-thumb{background:var(--warning-color,#f59e0b)}.layer-strip-value{color:var(--text-primary,#fff);text-align:right;font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.layer-strip-pan{align-items:center;gap:6px;display:flex}.layer-strip-pan-label{color:var(--text-secondary,#aaa);text-align:center;flex-shrink:0;width:12px;font-size:10px;font-weight:700}.layer-strip-select{background:var(--bg-tertiary,#1a1a1a);border:1px solid var(--border-color,#444);width:100%;color:var(--text-primary,#fff);cursor:pointer;border-radius:4px;padding:6px 8px;font-size:12px;transition:all .2s}.layer-strip-select:hover:not(:disabled){border-color:var(--primary-color,#4a9eff)}.layer-strip-select:disabled{opacity:.5;cursor:not-allowed}.layer-strip-actions{border-top:1px solid var(--border-color,#444);gap:6px;padding-top:8px;display:flex}.layer-strip-action-button{background:var(--bg-tertiary,#1a1a1a);border:1px solid var(--border-color,#444);height:28px;color:var(--text-secondary,#aaa);cursor:pointer;border-radius:4px;flex:1;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex}.layer-strip-action-button:hover:not(:disabled){background:var(--bg-hover,#333)}.layer-strip-action-button.stop:hover:not(:disabled){border-color:var(--warning-color,#f59e0b);color:var(--warning-color,#f59e0b)}.layer-strip-action-button.remove:hover:not(:disabled){border-color:var(--error-color,#ef4444);color:var(--error-color,#ef4444)}.layer-strip-action-button:disabled{opacity:.5;cursor:not-allowed}.bgs-layer-mixer{background:#1a1a1a;border-radius:8px;flex-direction:column;height:100%;display:flex;overflow:hidden}.mixer-header{background:#252525;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:16px;display:flex}.mixer-title{color:#fff;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.mixer-count{color:#888;font-size:13px;font-weight:400}.mixer-add-btn{color:#fff;cursor:pointer;background:#4caf50;border:1px solid #45a049;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.mixer-add-btn:hover:not(:disabled){background:#45a049;border-color:#3d8b40;transform:translateY(-1px)}.mixer-add-btn:disabled{color:#666;cursor:not-allowed;background:#333;border-color:#444;transform:none}.mixer-warning{color:#ff9800;background:#ff98001a;border-bottom:1px solid #ff98004d;align-items:center;gap:8px;padding:10px 16px;font-size:12px;display:flex}.mixer-warning svg{flex-shrink:0}.mixer-layers{flex:1;min-height:0;padding:8px;overflow-y:scroll}.mixer-layers::-webkit-scrollbar{width:8px}.mixer-layers::-webkit-scrollbar-track{background:#1a1a1a}.mixer-layers::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.mixer-layers::-webkit-scrollbar-thumb:hover{background:#555}.mixer-empty{color:#666;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:200px;padding:32px;display:flex}.mixer-empty svg{opacity:.5;margin-bottom:16px}.mixer-empty p{margin:4px 0;font-size:14px}.mixer-empty-hint{color:#888;font-size:12px}.mixer-solo-indicator{color:#ff9800;background:#ff980026;border-top:1px solid #ff98004d;justify-content:space-between;align-items:center;padding:10px 16px;font-size:12px;font-weight:500;display:flex}.mixer-solo-clear{color:#ff9800;cursor:pointer;background:0 0;border:1px solid #ff9800;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .2s}.mixer-solo-clear:hover{background:#ff980033}.mixer-layers>*{margin-bottom:8px}.mixer-layers>:last-child{margin-bottom:0}@media (width<=768px){.mixer-header{flex-wrap:wrap;gap:8px;padding:12px}.mixer-title{font-size:14px}.mixer-add-btn{padding:6px 12px;font-size:12px}.mixer-add-btn span{display:none}.mixer-warning,.mixer-solo-indicator{padding:8px 12px;font-size:11px}.mixer-solo-clear{padding:3px 8px;font-size:10px}}@media (width<=480px){.mixer-header{padding:10px}.mixer-title{font-size:13px}.mixer-add-btn svg{width:14px;height:14px}.mixer-empty{min-height:150px;padding:24px}.mixer-empty svg{width:28px;height:28px}.mixer-empty p{font-size:13px}}.quick-sfx-panel{background:var(--bg-secondary,#1a1a1a);border-radius:8px;flex-direction:column;gap:12px;height:100%;padding:16px;display:flex}.quick-sfx-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.quick-sfx-header h3{color:var(--text-primary,#fff);align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.quick-sfx-add-btn{background:var(--accent-primary,#4a9eff);color:#fff;cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.quick-sfx-add-btn:hover{background:var(--accent-hover,#3a8eef);transform:scale(1.05)}.quick-sfx-loading{color:var(--text-secondary,#888);justify-content:center;align-items:center;padding:32px;display:flex}.quick-sfx-list{flex-direction:column;gap:8px;max-height:400px;display:flex;overflow-y:auto}.quick-sfx-empty{text-align:center;color:var(--text-secondary,#888);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px;display:flex}.quick-sfx-empty svg{opacity:.5}.quick-sfx-empty button{background:var(--accent-primary,#4a9eff);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:14px;transition:all .2s}.quick-sfx-empty button:hover{background:var(--accent-hover,#3a8eef)}.quick-sfx-item{background:var(--bg-tertiary,#252525);border-radius:6px;align-items:center;gap:8px;padding:8px;transition:all .2s;display:flex}.quick-sfx-item:hover{background:var(--bg-hover,#2a2a2a)}.quick-sfx-trigger{color:var(--text-primary,#fff);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;flex:1;align-items:center;gap:8px;padding:8px 12px;font-size:14px;transition:all .2s;display:flex}.quick-sfx-trigger:hover{background:var(--accent-primary,#4a9eff);color:#fff}.quick-sfx-trigger:active{transform:scale(.98)}.quick-sfx-trigger svg{flex-shrink:0}.quick-sfx-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quick-sfx-actions{align-items:center;gap:4px;display:flex}.quick-sfx-favorite,.quick-sfx-delete{color:var(--text-secondary,#888);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.quick-sfx-favorite:hover{background:var(--bg-hover,#2a2a2a);color:var(--warning,orange)}.quick-sfx-favorite.active{color:var(--warning,orange)}.quick-sfx-delete:hover{background:var(--bg-hover,#2a2a2a);color:var(--danger,#f44)}.quick-sfx-list::-webkit-scrollbar{width:6px}.quick-sfx-list::-webkit-scrollbar-track{background:var(--bg-tertiary,#252525);border-radius:3px}.quick-sfx-list::-webkit-scrollbar-thumb{background:var(--text-secondary,#888);border-radius:3px}.quick-sfx-list::-webkit-scrollbar-thumb:hover{background:var(--text-primary,#fff)}.scene-preset-manager{background:#1a1a1a;border-radius:8px;flex-direction:column;height:100%;display:flex;overflow:hidden}.preset-header{background:#252525;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:16px;display:flex}.preset-title{color:#fff;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.preset-count{color:#888;font-size:13px;font-weight:400}.preset-save-btn{color:#fff;cursor:pointer;background:#4caf50;border:1px solid #45a049;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.preset-save-btn:hover:not(:disabled){background:#45a049;border-color:#3d8b40;transform:translateY(-1px)}.preset-save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.preset-info{color:#2196f3;background:#2196f31a;border-bottom:1px solid #2196f34d;align-items:center;gap:8px;padding:10px 16px;font-size:12px;display:flex}.preset-info svg{flex-shrink:0}.preset-list{flex:1;padding:12px;overflow-y:auto}.preset-list::-webkit-scrollbar{width:8px}.preset-list::-webkit-scrollbar-track{background:#1a1a1a}.preset-list::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.preset-list::-webkit-scrollbar-thumb:hover{background:#555}.preset-card{background:#2a2a2a;border:1px solid #333;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:14px;transition:all .2s;display:flex}.preset-card:hover{background:#303030;border-color:#444}.preset-card:last-child{margin-bottom:0}.preset-card-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.preset-card-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.preset-card-description{color:#aaa;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.preset-card-meta{color:#888;align-items:center;gap:6px;font-size:11px;display:flex}.preset-card-actions{align-items:center;gap:6px;display:flex}.preset-card-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #444;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex}.preset-card-btn:hover:not(:disabled){background:#333;border-color:#666}.preset-card-btn:disabled{opacity:.5;cursor:not-allowed}.preset-card-btn.load{color:#2196f3;border-color:#2196f3}.preset-card-btn.load:hover:not(:disabled){background:#2196f31a}.preset-card-btn.delete{color:#f44336;border-color:#f44336}.preset-card-btn.delete:hover{background:#f443361a}.preset-spinner{border:2px solid #333;border-top-color:#2196f3;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.preset-empty{color:#666;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:200px;padding:32px;display:flex}.preset-empty svg{opacity:.5;margin-bottom:16px}.preset-empty p{margin:4px 0;font-size:14px}.preset-empty-hint{color:#888;font-size:12px}@media (width<=768px){.preset-header{flex-wrap:wrap;gap:8px;padding:12px}.preset-title{font-size:14px}.preset-save-btn{padding:6px 12px;font-size:12px}.preset-info{padding:8px 12px;font-size:11px}.preset-card{gap:10px;padding:12px}.preset-card-name{font-size:13px}.preset-card-description{font-size:11px}.preset-card-meta{font-size:10px}.preset-card-btn{width:28px;height:28px}.preset-card-btn svg{width:14px;height:14px}}@media (width<=480px){.preset-header{padding:10px}.preset-title{font-size:13px}.preset-save-btn span{display:none}.preset-card{flex-direction:column;align-items:flex-start;padding:10px}.preset-card-actions{justify-content:flex-end;width:100%}.preset-empty{min-height:150px;padding:24px}.preset-empty svg{width:28px;height:28px}.preset-empty p{font-size:13px}}.audio-mixer-premium{z-index:1000;-webkit-user-select:none;user-select:none;background:#1a1a1a;border:1px solid #333;border-radius:10px;flex-direction:column;width:480px;max-height:80vh;transition:max-height .3s;display:flex;position:fixed;box-shadow:0 8px 32px #00000080}.audio-mixer-premium.collapsed{max-height:140px;overflow:hidden}.mixer-header{cursor:move;background:linear-gradient(135deg,#252525 0%,#2a2a2a 100%);border-bottom:1px solid #333;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.mixer-header-btn{cursor:pointer!important}.mixer-title{color:#fff;margin:0;font-size:16px;font-weight:600}.mixer-header-actions{align-items:center;gap:6px;display:flex}.mixer-header-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #444;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex}.mixer-header-btn:hover{background:#333;border-color:#666}.mixer-header-btn.close{color:#f44336;border-color:#f44336}.mixer-header-btn.close:hover{background:#f443361a}.mixer-transport,.mixer-combat{background:#1a1a1a;border-bottom:1px solid #333;padding:12px}.mixer-tabs{background:#252525;border-bottom:1px solid #333;display:flex;overflow-x:auto}.mixer-tabs::-webkit-scrollbar{height:4px}.mixer-tabs::-webkit-scrollbar-track{background:#1a1a1a}.mixer-tabs::-webkit-scrollbar-thumb{background:#444;border-radius:2px}.mixer-tab{color:#888;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px 16px;font-size:13px;font-weight:500;transition:all .2s}.mixer-tab:hover{color:#fff;background:#ffffff0d}.mixer-tab.active{color:#4caf50;background:#4caf501a;border-bottom-color:#4caf50}.mixer-content{background:#1a1a1a;border-radius:0 0 10px 10px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}@media (width<=768px){.audio-mixer-premium{width:auto;max-height:70vh;bottom:10px;left:10px;right:10px}.mixer-header{padding:12px 14px}.mixer-title{font-size:14px}.mixer-header-btn{width:28px;height:28px}.mixer-header-btn svg{width:16px;height:16px}.mixer-transport,.mixer-combat{padding:10px}.mixer-tab{padding:10px 12px;font-size:12px}}@media (width<=480px){.audio-mixer-premium{border-radius:10px 10px 0 0;max-height:60vh;bottom:0;left:0;right:0}.mixer-header{padding:10px 12px}.mixer-title{font-size:13px}.mixer-header-btn{width:26px;height:26px}.mixer-header-btn svg{width:14px;height:14px}.mixer-transport,.mixer-combat{padding:8px}.mixer-tab{padding:8px 10px;font-size:11px}}.audio-mixer-premium.dragging{opacity:.9;transition:none;box-shadow:0 12px 48px #000000b3;cursor:move!important}.audio-mixer-premium.dragging *{cursor:move!important}.audio-mixer-premium.collapsed .mixer-content,.audio-mixer-premium.collapsed .mixer-combat,.audio-mixer-premium.collapsed .mixer-tabs{display:none}.mixer-resize-handle{cursor:nwse-resize;z-index:10;width:20px;height:20px;position:absolute;bottom:0;right:0}.mixer-resize-handle:after{content:"";border-top:0 solid #0000;border-bottom:12px solid #666;border-left:12px solid #0000;border-right:0 solid #0000;width:0;height:0;position:absolute;bottom:2px;right:2px}.mixer-resize-handle:hover:after{border-color:#0000 #0000 #888}.audio-mixer-premium.resizing{transition:none;cursor:nwse-resize!important}.audio-mixer-premium.resizing *{cursor:nwse-resize!important}.audio-mixer-premium *{pointer-events:auto}.master-drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:15999;opacity:0;pointer-events:none;background-color:#00000080;transition:opacity .3s;position:fixed;inset:0}.master-drawer-backdrop.open{opacity:1;pointer-events:auto}.master-drawer{z-index:16000;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);flex-direction:column;min-width:320px;max-width:90vw;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-4px 0 24px #00000080}.master-drawer.open{transform:translate(0)}.master-drawer-header{background:#0000004d;border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.master-drawer-header h2{color:#fff;text-shadow:0 2px 4px #0000004d;margin:0;font-size:1.25rem;font-weight:700}.master-drawer-close{cursor:pointer;color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.master-drawer-close:hover{background:#fff3;transform:scale(1.05)}.master-drawer-close:active{transform:scale(.95)}.master-drawer-content{flex:1;padding:1rem;overflow:visible auto}.master-drawer-content::-webkit-scrollbar{width:8px}.master-drawer-content::-webkit-scrollbar-track{background:#0003}.master-drawer-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.master-drawer-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.master-drawer-actors{flex-direction:column;gap:.75rem;display:flex}@media (width<=768px){.master-drawer{width:100vw;max-width:100vw}.master-drawer-header{padding:1rem}.master-drawer-header h2{font-size:1.1rem}.master-drawer-content{padding:.75rem}}.master-drawer-resize-handle{cursor:ew-resize;z-index:10;background-color:#0000;width:8px;transition:background-color .2s;position:absolute;top:0;bottom:0;left:0}.master-drawer-resize-handle:hover{background-color:#4f46e54d}.master-drawer-resize-handle:active{background-color:#4f46e580}.master-drawer-resize-handle:before{content:"";opacity:0;background:#ffffff1a;border-radius:2px;width:4px;height:40px;transition:opacity .2s;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.master-drawer-resize-handle:hover:before{opacity:1}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.master-drawer.open{animation:.3s cubic-bezier(.4,0,.2,1) slideIn}.initiative-tracker{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#0f0f19f2 0%,#191923f2 100%);border:1px solid #6464784d;border-radius:12px;min-width:320px;max-width:90vw;padding:16px 20px;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0009,0 0 1px #ffffff1a}.initiative-header{border-bottom:1px solid #64647833;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;display:flex}.initiative-header-left{align-items:center;gap:12px;display:flex}.collapse-button{cursor:pointer;color:#ffffffb3;background:#64649626;border:1px solid #64649640;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.collapse-button:hover{color:#ffffffe6;background:#64649640;border-color:#64649666}.initiative-tracker.collapsed{padding:12px 20px}.initiative-tracker.collapsed .initiative-header{border-bottom:none;margin-bottom:0;padding-bottom:0}.initiative-tracker-master{top:80px;left:50%;transform:translate(-50%)}.combat-icon{color:#9696b4cc;filter:drop-shadow(0 0 4px #9696b44d)}.round-badge{color:#ffffffd9;text-transform:uppercase;letter-spacing:.5px;background:#64649626;border:1px solid #64649640;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600}.initiative-queue{align-items:flex-start;gap:14px;padding:6px 0;display:flex;overflow-x:auto}.initiative-queue::-webkit-scrollbar{height:6px}.initiative-queue::-webkit-scrollbar-track{background:#0003;border-radius:3px}.initiative-queue::-webkit-scrollbar-thumb{background:#64649666;border-radius:3px}.initiative-queue::-webkit-scrollbar-thumb:hover{background:#64649699}.initiative-item{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;flex-direction:column;align-items:center;gap:8px;min-width:90px;padding:10px;transition:all .25s;display:flex;position:relative}.initiative-item:hover{background:#ffffff0a;border-color:#ffffff1f;transform:translateY(-2px)}.initiative-item.active{background:linear-gradient(135deg,#6496ff1f 0%,#5078c814 100%);border-color:#6496ff66;box-shadow:0 0 16px #6496ff33,inset 0 0 12px #6496ff0d}.actor-thumb-wrapper{width:64px;height:64px;position:relative}.actor-thumb{object-fit:cover;border:2px solid #ffffff26;border-radius:10px;width:100%;height:100%;transition:all .25s}.initiative-item.active .actor-thumb{border-color:#6496ff80;box-shadow:0 0 12px #6496ff4d}.active-indicator{background:linear-gradient(135deg,#6096ff 0%,#4070dd 100%);border:2px solid #000c;border-radius:50%;width:14px;height:14px;animation:2s ease-in-out infinite pulse-indicator;position:absolute;top:-4px;right:-4px;box-shadow:0 0 10px #6496ff99}@keyframes pulse-indicator{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.15)}}.actor-name-short{color:#ffffffbf;text-align:center;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px #0009;max-width:90px;font-size:11px;font-weight:600;overflow:hidden}.initiative-item.active .actor-name-short{color:#6496fff2;text-shadow:0 0 6px #6496ff66}.conditions-badges{flex-wrap:wrap;gap:3px;max-width:60px;display:flex;position:absolute;bottom:4px;left:4px}.condition-icon-badge{color:#fff;border:1px solid #0000004d;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;display:flex;box-shadow:0 2px 4px #0006}.condition-icon-badge.more{background:#646496d9;font-size:8px;font-weight:700}.initiative-actions{gap:6px;margin-top:6px;display:flex}.initiative-action-btn{cursor:pointer;color:#ffffff80;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:5px;justify-content:center;align-items:center;padding:5px;transition:all .2s;display:flex}.initiative-action-btn:hover{color:#ffffffd9;background:#ffffff14;border-color:#fff3;transform:scale(1.08)}.initiative-action-btn.conditions-btn:hover{color:#6096ff;background:#6496ff26;border-color:#6496ff59}.initiative-action-btn.remove-btn:hover{color:#dc6464;background:#dc646426;border-color:#dc646459}.conditions-panel-floating{z-index:1001;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#0f0f19fa 0%,#191923fa 100%);border:1px solid #6496ff4d;border-radius:10px;width:320px;margin-top:12px;padding:14px;animation:.2s ease-out slideDownPanel;position:absolute;top:100%;left:0;box-shadow:0 12px 32px #000000b3,0 0 20px #6496ff26,0 4px #6496ff1a}@keyframes slideDownPanel{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.conditions-panel-floating::-webkit-scrollbar{width:6px}.conditions-panel-floating::-webkit-scrollbar-track{background:#0003;border-radius:3px}.conditions-panel-floating::-webkit-scrollbar-thumb{background:#6496ff4d;border-radius:3px}.conditions-panel-floating::-webkit-scrollbar-thumb:hover{background:#6496ff80}.conditions-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.conditions-header span{color:#ffffffd9;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.close-conditions{cursor:pointer;color:#dc6464b3;background:#dc64641a;border:1px solid #dc646433;border-radius:4px;justify-content:center;align-items:center;padding:3px;transition:all .2s;display:flex}.close-conditions:hover{color:#dc6464;background:#dc646433;border-color:#dc646466}.conditions-icon-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.condition-icon-toggle{cursor:pointer;color:#ffffffb3;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;transition:all .2s;display:flex}.condition-icon-toggle:hover{color:#ffffffe6;background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.condition-icon-toggle.active{background:linear-gradient(135deg, var(--condition-color,#6496ff33) 0%, var(--condition-color,#6496ff26) 100%);border-color:var(--condition-color,#6496ff66);color:var(--condition-color,#6496fff2);box-shadow:0 0 12px var(--condition-color,#6496ff33)}.condition-icon-toggle.active:hover{background:linear-gradient(135deg, var(--condition-color,#6496ff40) 0%, var(--condition-color,#6496ff33) 100%);border-color:var(--condition-color,#6496ff80)}.condition-label{text-align:center;font-size:9px;font-weight:600;line-height:1.1}@media (width<=768px){.initiative-tracker{min-width:280px;padding:12px 16px;top:10px}.initiative-item{min-width:80px;padding:8px}.actor-thumb-wrapper{width:56px;height:56px}.actor-name-short{max-width:80px;font-size:10px}.conditions-panel-floating{width:300px;max-height:360px}.conditions-icon-grid{grid-template-columns:repeat(2,1fr);gap:8px}.condition-icon-toggle{padding:10px}}.initiative-modal{background:linear-gradient(135deg,#1a1a1afa 0%,#141414fa 100%);border:1px solid #ffffff1f;border-radius:16px;width:480px;overflow:hidden;box-shadow:0 12px 48px #000000b3}.initiative-modal .modal-header{background:linear-gradient(135deg,#f4433626 0%,#f4433614 100%);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.initiative-modal .modal-header h3{color:#fffffff2;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:18px;font-weight:700}.initiative-modal .close-button{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.initiative-modal .close-button:hover{color:#ff4757;background:#f4433626;border-color:#f443364d;transform:rotate(90deg)}.initiative-modal .modal-footer{background:linear-gradient(135deg,#0000004d 0%,#0003 100%);border-top:1px solid #ffffff14;justify-content:flex-end;align-items:center;gap:12px;padding:20px 24px;display:flex}.initiative-modal .cancel-btn{color:#fffc;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s}.initiative-modal .cancel-btn:hover{color:#fffffff2;background:#ffffff14;border-color:#ffffff26;transform:translateY(-1px)}.initiative-list{counter-reset:initiative-counter;flex-direction:column;gap:12px;max-height:450px;padding:20px 24px;display:flex;overflow-y:auto}.initiative-list::-webkit-scrollbar{width:8px}.initiative-list::-webkit-scrollbar-track{background:#ffffff08;border-radius:4px;margin:4px 0}.initiative-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#f443364d 0%,#f4433633 100%);border:1px solid #f4433633;border-radius:4px}.initiative-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#f4433666 0%,#f443364d 100%)}.initiative-setup-item{counter-increment:initiative-counter;background:linear-gradient(135deg,#ffffff0f 0%,#ffffff08 100%);border:1px solid #ffffff1a;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px 14px 60px;transition:all .2s;display:flex;position:relative}.initiative-setup-item:before{content:counter(initiative-counter);color:#ff4757;text-align:center;background:linear-gradient(135deg,#f4433633 0%,#f443361a 100%);border:1px solid #f443364d;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;line-height:32px;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.initiative-setup-item:hover{background:linear-gradient(135deg,#ffffff17 0%,#ffffff0d 100%);border-color:#ffffff26;transform:translate(4px)}.ator-info{color:#fffffff2;align-items:center;gap:14px;font-size:15px;font-weight:600;display:flex}.mini-thumb{object-fit:cover;background:linear-gradient(135deg,#0006 0%,#0000004d 100%);border:2px solid #ffffff26;border-radius:8px;width:44px;height:44px;box-shadow:0 2px 8px #0000004d}.order-actions{gap:6px;display:flex}.order-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .15s;display:flex}.order-btn:hover:not(:disabled){color:#ff4757;background:#f4433626;border-color:#f443364d;transform:translateY(-1px)}.order-btn:disabled{opacity:.2;cursor:not-allowed}.start-combat-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f44336e6 0%,#f44336cc 100%);border:1px solid #f4433680;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .15s;display:flex;box-shadow:0 4px 12px #f443364d}.start-combat-btn:hover{background:linear-gradient(135deg,#ff4757 0%,#ff6b81f2 100%);border-color:#ff475799;transform:translateY(-2px);box-shadow:0 6px 16px #f4433666}.lobby-fullscreen{color:#fff;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0;overflow:hidden}.lobby-background{background-color:#121212;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.lobby-background:before{content:"";background:linear-gradient(135deg,#121212d9 0%,#1a1a1ae6 100%);position:absolute;inset:0}.lobby-overlay{background:radial-gradient(circle,#0000 0%,#0006 100%);position:absolute;inset:0}.lobby-content-wrapper{z-index:1;flex-direction:column;width:100%;height:100%;padding:3rem;display:flex;position:relative;overflow-y:auto}.lobby-header{text-align:center;margin-bottom:2rem;position:relative}.lobby-campaign-title{text-shadow:0 4px 20px #00000080;letter-spacing:1px;background:linear-gradient(135deg,#fff 0%,#a8b2d1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:3.5rem;font-weight:700}.btn-edit-title,.btn-edit-cover{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:.5rem;transition:all .3s;position:absolute;top:0}.btn-edit-title{right:3rem}.btn-edit-cover{right:0}.btn-edit-title:hover,.btn-edit-cover:hover{background:#fff3;transform:translateY(-2px)}.lobby-title-edit{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.lobby-title-input{color:#fff;text-align:center;background:#0006;border:2px solid #fff3;border-radius:8px;flex:1;min-width:300px;max-width:600px;padding:.75rem 1rem;font-size:1.5rem;font-weight:600;transition:all .2s}.lobby-title-input:focus{background:#00000080;border-color:#dc3545;outline:none}.btn-save-title,.btn-cancel-title{cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.btn-save-title{color:#fff;background:#dc3545}.btn-save-title:hover{background:#c82333;transform:translateY(-1px)}.btn-cancel-title{color:#a8b2d1;background:#ffffff1a;border:1px solid #fff3}.btn-cancel-title:hover{color:#fff;background:#ffffff26}.lobby-main-content{flex:1;grid-template-columns:2fr 1fr;gap:2rem;width:100%;max-width:1400px;margin-bottom:2rem;margin-left:auto;margin-right:auto;display:grid}.lobby-info-card,.lobby-participants-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0000004d}.lobby-info-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.lobby-info-card h2,.lobby-participants-card h2{color:#a8b2d1;text-transform:uppercase;letter-spacing:1px;margin:0;font-size:.9rem;font-weight:600}.btn-edit-inline{color:#a8b2d1;cursor:pointer;background:0 0;border:1px solid #a8b2d14d;border-radius:4px;align-items:center;gap:.3rem;padding:.4rem .6rem;transition:all .3s;display:flex}.btn-edit-inline:hover{color:#fff;background:#a8b2d11a;border-color:#a8b2d180}.lobby-description{color:#e0e0e0;white-space:pre-wrap;margin-bottom:1.5rem;font-size:1.15rem;line-height:1.8}.lobby-system{color:#b0b0b0;margin:0;font-size:1rem}.lobby-system strong{color:#fff}.lobby-edit-section{margin-top:1rem}.lobby-edit-section textarea,.lobby-edit-section input{color:#fff;resize:vertical;background:#0000004d;border:1px solid #fff3;border-radius:6px;width:100%;margin-bottom:1rem;padding:.875rem;font-family:inherit;font-size:1rem}.lobby-edit-section textarea:focus,.lobby-edit-section input:focus{background:#0006;border-color:#667eea;outline:none}.lobby-edit-actions{gap:.75rem;display:flex}.btn-save,.btn-cancel,.btn-remove{cursor:pointer;border:none;border-radius:6px;padding:.625rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s}.btn-save{color:#fff;background:#dc3545}.btn-save:hover{background:#c82333;transform:translateY(-1px)}.btn-remove{color:#f44336;background:#f4433633;border:1px solid #f443364d}.btn-remove:hover{background:#f443364d;box-shadow:0 4px 15px #f4433666}.btn-cancel{color:#a8b2d1;background:#ffffff1a;border:1px solid #fff3}.btn-cancel:hover{color:#fff;background:#ffffff26}.lobby-participants-list{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.lobby-participant{background:#0003;border-left:3px solid;border-radius:8px;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.participant-names{flex-direction:column;gap:.5rem;display:flex}.lobby-master{border-left-color:#667eea}.lobby-players{border-left-color:#4caf50}.participant-role{color:#a8b2d1;min-width:80px;font-weight:600}.participant-name{color:#fff;font-weight:500}.participant-placeholder{color:#888;font-style:italic}.btn-change-nickname{color:#a8b2d1;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;width:100%;margin-top:1rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.btn-change-nickname:hover{color:#fff;background:#ffffff26;transform:translateY(-1px)}.lobby-actions-footer{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;max-width:900px;margin:0 auto;padding-top:2rem;display:flex}.btn-enter-master,.btn-enter-player,.btn-enter-editor,.btn-back-menu{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex:auto;min-width:200px;padding:1rem 1.5rem;font-size:1.1rem;font-weight:600;transition:all .2s}.btn-enter-master{color:#fff;background:#dc3545}.btn-enter-master:hover{background:#c82333;transform:translateY(-2px);box-shadow:0 4px 15px #dc354566}.btn-enter-player{color:#fff;background:#4caf50}.btn-enter-player:hover{background:#45a049;transform:translateY(-2px)}.btn-enter-editor{color:#fff;background:#ff9800}.btn-enter-editor:hover{background:#f57c00;transform:translateY(-2px);box-shadow:0 4px 15px #ff980066}.btn-back-menu{color:#fff;background:#ffffff1a;border:1px solid #fff3;flex:none;padding:1rem 2rem;font-size:1rem}.btn-back-menu:hover{background:#ffffff26;transform:translateY(-1px)}.lobby-error{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#00000080;border-radius:16px;padding:3rem}.lobby-error h2{color:#f44336;margin-bottom:1rem;font-size:2rem}.lobby-error p{color:#e0e0e0;margin-bottom:2rem;font-size:1.1rem}.btn-back{color:#fff;cursor:pointer;background:#2196f3;border:none;border-radius:8px;padding:.875rem 2.5rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-back:hover{background:#1976d2;transform:translateY(-2px)}@media (width<=1024px){.lobby-main-content{grid-template-columns:1fr}}@media (width<=768px){.lobby-content-wrapper{padding:1.5rem}.lobby-campaign-title{font-size:2rem}.lobby-main-content{gap:1.5rem}.lobby-info-card,.lobby-participants-card{padding:1.5rem}.lobby-actions-footer{flex-direction:column}.btn-enter-master,.btn-enter-player,.btn-enter-editor{padding:1rem 2rem;font-size:1.1rem}.btn-edit-cover{margin-top:1rem;position:static}}.lobby-content-wrapper::-webkit-scrollbar{width:8px}.lobby-content-wrapper::-webkit-scrollbar-track{background:#0003}.lobby-content-wrapper::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.lobby-content-wrapper::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.lobby-character-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0006;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:2rem;padding:2rem}.lobby-character-card h2{color:#fff;margin-bottom:1.5rem;font-size:1.5rem}.lobby-selected-character{align-items:center;gap:1.5rem;display:flex}.lobby-character-avatar{object-fit:cover;border:2px solid #fff3;border-radius:12px;width:100px;height:100px}.lobby-character-info h3{color:#fff;margin-bottom:.75rem;font-size:1.25rem}.btn-change-character,.btn-select-character{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:.625rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s}.btn-change-character:hover,.btn-select-character:hover{background:#4338ca;transform:translateY(-1px)}.lobby-no-character{text-align:center;padding:2rem}.lobby-no-character p{color:#a0a0a0;margin-bottom:1rem}.lobby-character-picker{max-width:800px;max-height:80vh;overflow-y:auto}.lobby-character-picker h2{color:#fff;margin-bottom:1.5rem}.character-picker-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.character-picker-item{cursor:pointer;text-align:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;padding:1rem;transition:all .3s}.character-picker-item:hover{background:#ffffff1a;border-color:#4f46e5;transform:translateY(-2px)}.character-picker-item img{object-fit:cover;border-radius:8px;width:100%;height:120px;margin-bottom:.5rem}.character-picker-item span{color:#fff;font-size:.9rem;font-weight:500;display:block}.character-placeholder{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;justify-content:center;align-items:center;width:100%;height:120px;font-size:3rem;font-weight:700;display:flex}.lobby-character-avatar.character-placeholder{width:100px;height:100px;font-size:2.5rem}.no-characters-message{text-align:center;color:#a0a0a0;grid-column:1/-1;padding:2rem}.lobby-room-code{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;max-width:400px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;padding:.75rem 1.5rem;display:flex}.room-code-label{color:#a0a0a0;font-size:.9rem;font-weight:500}.room-code-value{color:#fff;letter-spacing:2px;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700}.btn-copy-code{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;padding:.4rem .6rem;font-size:1rem;transition:all .3s;display:flex}.btn-copy-code:hover{background:#fff3;transform:scale(1.1)}.btn-copy-code:active{transform:scale(.95)}.player-view-container{width:100vw;height:100vh;position:relative;overflow:hidden}.lobby-overlay-wrapper{z-index:9999;background:#000000f2;animation:.3s ease-out lobbyFadeIn;position:fixed;inset:0}@keyframes lobbyFadeIn{0%{opacity:0}to{opacity:1}}.loading-screen-overlay{z-index:10000;opacity:1;background:radial-gradient(#1a1a1a 0%,#0a0a0a 100%);justify-content:center;align-items:center;animation:12s ease-in-out overlayPulse;display:flex;position:fixed;inset:0}@keyframes overlayPulse{0%,to{background:radial-gradient(#1a1a1a 0%,#0a0a0a 100%)}50%{background:radial-gradient(#1f1f1f 0%,#0f0f0f 100%)}}.loading-content{text-align:center;max-width:600px;padding:3rem;position:relative}.loading-icon-wrapper{width:120px;height:120px;margin:0 auto 3rem;position:relative}.loading-icon{width:100%;height:100%;position:relative}.icon-ring{border:2px solid #4caf50;border-color:#4caf50 #4caf50 #0000 #0000;border-radius:50%;position:absolute}.ring-1{opacity:.3;width:100%;height:100%;animation:3s cubic-bezier(.4,0,.2,1) infinite rotateRing1}.ring-2{opacity:.6;border-top-color:#66bb6a;border-right-color:#66bb6a;width:75%;height:75%;animation:2s cubic-bezier(.4,0,.2,1) infinite reverse rotateRing2;top:12.5%;left:12.5%}.ring-3{opacity:.9;border-top-color:#81c784;border-right-color:#81c784;width:50%;height:50%;animation:1.5s cubic-bezier(.4,0,.2,1) infinite rotateRing3;top:25%;left:25%}@keyframes rotateRing1{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.05)}to{transform:rotate(360deg)scale(1)}}@keyframes rotateRing2{0%{transform:rotate(0)scale(1)}50%{transform:rotate(-180deg)scale(.95)}to{transform:rotate(-360deg)scale(1)}}@keyframes rotateRing3{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.1)}to{transform:rotate(360deg)scale(1)}}.icon-core{background:radial-gradient(circle,#4caf50 0%,#0000 70%);border-radius:50%;width:20%;height:20%;animation:2s ease-in-out infinite corePulse;position:absolute;top:40%;left:40%}@keyframes corePulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.loading-title{color:#fff;letter-spacing:3px;text-transform:uppercase;opacity:.9;margin-bottom:3rem;font-size:1.5rem;font-weight:300;animation:12s ease-in-out titleFade}@keyframes titleFade{0%{opacity:0;transform:translateY(-10px)}10%{opacity:.9;transform:translateY(0)}90%{opacity:.9;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.loading-bar-container{background:#ffffff0d;border-radius:2px;width:100%;max-width:400px;height:2px;margin:0 auto 2rem;position:relative;overflow:visible}.loading-bar{background:linear-gradient(90deg,#4caf50 0%,#66bb6a 25%,#81c784 50%,#66bb6a 75%,#4caf50 100%) 0 0/200% 100%;border-radius:2px;height:100%;animation:12s cubic-bezier(.4,0,.2,1) forwards progressFill,3s ease-in-out infinite shimmer;position:relative;box-shadow:0 0 20px #4caf5066}.loading-bar-glow{filter:blur(8px);background:linear-gradient(90deg,#0000 0%,#4caf504d 50%,#0000 100%);border-radius:10px;height:10px;animation:12s cubic-bezier(.4,0,.2,1) forwards progressFill;position:absolute;top:-4px;left:0}@keyframes progressFill{0%{width:0%}10%{width:15%}25%{width:35%}40%{width:55%}55%{width:70%}70%{width:85%}85%{width:95%}95%{width:98%}to{width:100%}}.loading-text{color:#ffffff80;letter-spacing:1px;min-height:20px;margin-top:1.5rem;font-size:.875rem;font-weight:300;animation:1s ease-in-out infinite textFade}@keyframes textFade{0%,to{opacity:.5}50%{opacity:.8}}.loading-text:before{content:"Inicializando...";animation:12s step-end forwards textChange}@keyframes textChange{0%{content:"Inicializando..."}12%{content:"Carregando assets..."}24%{content:"Preparando cenário..."}36%{content:"Sincronizando dados..."}48%{content:"Carregando personagens..."}60%{content:"Aplicando efeitos visuais..."}72%{content:"Configurando áudio..."}84%{content:"Finalizando..."}96%{content:"Pronto!"}}.loading-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{opacity:0;background:radial-gradient(circle,#4caf50 0%,#0000 70%);border-radius:50%;width:4px;height:4px;position:absolute}.particle:first-child{animation:10s ease-in-out infinite particleFloat1;left:10%}.particle:nth-child(2){animation:9s ease-in-out 1s infinite particleFloat2;left:30%}.particle:nth-child(3){animation:11s ease-in-out 2s infinite particleFloat3;left:50%}.particle:nth-child(4){animation:9.5s ease-in-out 3s infinite particleFloat4;left:70%}.particle:nth-child(5){animation:10.5s ease-in-out 4s infinite particleFloat5;left:90%}@keyframes particleFloat1{0%{opacity:0;bottom:0;transform:translate(0)scale(1)}10%{opacity:.6}50%{transform:translate(20px)scale(1.5)}90%{opacity:.6}to{opacity:0;bottom:100%;transform:translate(-20px)scale(.5)}}@keyframes particleFloat2{0%{opacity:0;bottom:0;transform:translate(0)scale(1)}10%{opacity:.5}50%{transform:translate(-30px)scale(1.3)}90%{opacity:.5}to{opacity:0;bottom:100%;transform:translate(15px)scale(.7)}}@keyframes particleFloat3{0%{opacity:0;bottom:0;transform:translate(0)scale(1)}10%{opacity:.7}50%{transform:translate(10px)scale(1.8)}90%{opacity:.7}to{opacity:0;bottom:100%;transform:translate(-25px)scale(.4)}}@keyframes particleFloat4{0%{opacity:0;bottom:0;transform:translate(0)scale(1)}10%{opacity:.4}50%{transform:translate(-15px)scale(1.4)}90%{opacity:.4}to{opacity:0;bottom:100%;transform:translate(30px)scale(.6)}}@keyframes particleFloat5{0%{opacity:0;bottom:0;transform:translate(0)scale(1)}10%{opacity:.6}50%{transform:translate(25px)scale(1.6)}90%{opacity:.6}to{opacity:0;bottom:100%;transform:translate(-10px)scale(.8)}}.timeline-cenas{background-color:#2a2a2a;border:2px solid #444;border-radius:8px;margin-bottom:20px;padding:15px}.timeline-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.timeline-header h3{color:#fff;margin:0;font-size:18px}.btn-criar-cena{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:700;transition:background-color .3s}.btn-criar-cena:hover{background-color:#45a049}.timeline-scroll{padding-bottom:10px;overflow:auto hidden}.timeline-frames{gap:15px;min-height:200px;display:flex}.timeline-frame{cursor:pointer;background-color:#1a1a1a;border:3px solid #444;border-radius:8px;flex-shrink:0;width:180px;transition:all .3s;position:relative;overflow:hidden}.timeline-frame:hover{border-color:#666;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.timeline-frame.em-edicao{border-color:#9c27b0;box-shadow:0 0 15px #9c27b080}.timeline-frame.ao-vivo{border-color:#f44336;box-shadow:0 0 15px #f4433680}.frame-thumbnail{background-color:#000;width:100%;height:120px;position:relative;overflow:hidden}.frame-thumbnail img{object-fit:cover;width:100%;height:100%}.frame-empty{color:#666;justify-content:center;align-items:center;width:100%;height:100%;font-size:12px;display:flex}.frame-badges{flex-wrap:wrap;gap:5px;display:flex;position:absolute;top:5px;left:5px;right:5px}.badge-ao-vivo,.badge-edicao{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700}.badge-ao-vivo{color:#fff;background-color:#f44336e6;animation:2s infinite pulse}.badge-edicao{color:#fff;background-color:#9c27b0e6}.frame-info{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;border-radius:4px;gap:8px;padding:4px 6px;font-size:11px;display:flex;position:absolute;bottom:5px;left:5px;right:5px}.frame-numero{font-weight:700}.frame-nome{text-align:center;color:#fff;background-color:#2a2a2a;justify-content:center;align-items:center;min-height:36px;padding:8px;font-size:13px;font-weight:500;display:flex}.frame-nome input{color:#fff;text-align:center;background-color:#1a1a1a;border:1px solid #9c27b0;border-radius:4px;width:100%;padding:4px;font-size:13px}.frame-nome span{cursor:text;word-break:break-word}.frame-actions{background-color:#1a1a1a;flex-direction:column;gap:5px;padding:8px;display:flex}.btn-cortar{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f44336,#e91e63);border:none;border-radius:6px;padding:8px;font-size:12px;font-weight:700;transition:all .3s;box-shadow:0 2px 4px #0000004d}.btn-cortar:hover{transform:scale(1.05);box-shadow:0 4px 8px #f4433680}.btn-duplicar,.btn-remover{color:#fff;cursor:pointer;background-color:#555;border:none;border-radius:4px;padding:6px;font-size:14px;transition:background-color .3s}.btn-duplicar:hover{background-color:#2196f3}.btn-remover:hover{background-color:#f44336}.timeline-scroll::-webkit-scrollbar{height:8px}.timeline-scroll::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.timeline-scroll::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.timeline-scroll::-webkit-scrollbar-thumb:hover{background:#666}.mini-monitor{box-shadow:none;background:0 0;border:none;border-radius:8px;flex-direction:column;width:100%;height:100%;margin-bottom:0;padding:0;display:flex}.mestre-workspace-left .mini-monitor{height:100%;padding:2px}.mini-monitor-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:2px;display:flex}.mestre-workspace-left .mini-monitor-header{margin-bottom:1px;padding-bottom:2px}.mini-monitor-title{color:#fff;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.mini-monitor-info{color:#fff9;font-size:12px}.monitor-preview{aspect-ratio:16/9;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;flex:1;width:100%;min-height:0;transition:transform .3s;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #00000080,0 10px 30px #00000080}.mestre-workspace-left .monitor-preview{aspect-ratio:auto}.monitor-preview.shake-effect{animation:.5s infinite shakeMonitor}.vfx-overlay{pointer-events:none;z-index:1000;width:100%;height:100%;position:absolute;top:0;left:0}.vfx-escurecer{background-color:#00000080}.vfx-clarear{background-color:#ffffff4d}.vfx-vermelho{background-color:#f003}.vfx-azul{background-color:#00f3}.vfx-chuva{z-index:50;background-color:#0a141e66;background-image:url("data:image/svg+xml,%3Csvg width='150' height='150' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10l-1 15m30-5l-1.5 12m45 25l-2 20m30-10l-1 10m25 35l-1.5 18m-90-10l-1 15m-30 20l-1.5 12' stroke='rgba(200,220,255,0.4)' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='250' height='250' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20l-1 10m50 10l-0.5 8m60 40l-1.5 15m40-5l-1 8m50 50l-1 12m-100-20l-1.5 15' stroke='rgba(200,220,255,0.2)' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E");background-size:150px 150px,250px 250px;animation:.4s linear infinite chuvaCaindo;box-shadow:inset 0 0 150px #000000e6}.vfx-neve{z-index:51;background-color:#ffffff1a;background-image:radial-gradient(circle,#fffc 1px,#0000 2px),radial-gradient(circle at 30% 70%,#fff9 2px,#0000 3px),radial-gradient(circle at 70% 30%,#ffffff80 1px,#0000 2px);background-size:200px 200px,300px 300px,400px 400px;animation:10s linear infinite neveAnim}.vfx-neblina{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#c8c8c866 0%,#9696964d 50%,#c8c8c866 100%)}.actor-fury-shake{animation:.1s infinite furyShake}@keyframes furyShake{0%{margin-top:0;margin-left:0}25%{margin-top:-1px;margin-left:-2px}50%{margin-top:1px;margin-left:2px}75%{margin-top:2px;margin-left:-1px}to{margin-top:-1px;margin-left:1px}}.session-notes-backdrop{z-index:999;opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.session-notes-backdrop.active{opacity:1;pointer-events:all}.session-notes-drawer{z-index:1000;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);flex-direction:column;width:380px;max-width:90vw;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-4px 0 20px #00000080}.session-notes-drawer.open{transform:translate(0)}.session-notes-header{background:#0000004d;border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.session-notes-title-wrapper{color:#f0f0f0;align-items:center;gap:.75rem;display:flex}.session-notes-title-wrapper svg{color:gold;flex-shrink:0}.session-notes-header h2{color:#f0f0f0;margin:0;font-size:1.125rem;font-weight:600}.session-notes-close{color:#aaa;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.session-notes-close:hover{color:#fff;background:#ffffff1a}.session-notes-close:active{transform:scale(.95)}.session-notes-content{flex-direction:column;flex:1;padding:1.5rem;display:flex;overflow-y:auto}.session-notes-textarea{color:#f0f0f0;resize:none;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;outline:none;flex:1;width:100%;padding:1rem;font-family:Courier New,monospace;font-size:.95rem;line-height:1.6;transition:border-color .2s,box-shadow .2s}.session-notes-textarea:focus{border-color:#ffd70080;box-shadow:0 0 0 3px #ffd7001a}.session-notes-textarea::placeholder{color:#fff6;font-style:italic}.session-notes-content::-webkit-scrollbar{width:8px}.session-notes-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.session-notes-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.session-notes-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (width<=768px){.session-notes-drawer{width:100vw;max-width:100vw}.session-notes-header,.session-notes-content{padding:1rem}}:global(body){background-color:#1e1e1e;margin:0;padding:0;overflow:hidden}.mestre-panel{color:#fff;background-color:#1e1e1e;flex-direction:column;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow:hidden}.mestre-header{background-color:#252526;border-bottom:1px solid #333;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:8px 16px;display:flex}.mestre-header h1{color:#e0e0e0;margin:0;font-size:16px;font-weight:600}.hotkeys-hint{color:#888;align-items:center;font-size:11px;display:flex}.hotkeys-hint kbd{color:#ccc;background:#333;border:1px solid #444;border-radius:4px;margin:0 4px;padding:2px 6px;font-family:monospace;font-size:10px}.sala-info{align-items:center;gap:8px;display:flex}.sala-badge{color:#aaa;background:#1e1e1e;border:1px solid #333;border-radius:4px;padding:4px 8px;font-size:12px}.sala-badge strong{color:#9c27b0;letter-spacing:1px}.btn-copy{color:#eee;cursor:pointer;background:#333;border:1px solid #444;border-radius:4px;align-items:center;height:28px;padding:4px 12px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.btn-copy:hover{background:#444;border-color:#555}.mestre-workspace{flex:1;display:flex;overflow:hidden}.mestre-workspace-left{background-color:#111;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.minimonitor-container{flex:1;justify-content:center;align-items:center;min-height:0;padding:20px;display:flex;overflow:hidden}.timeline-dock{z-index:10;background-color:#1e1e1e;flex-direction:column;flex-shrink:0;height:100%;padding:8px;display:flex}.library-save-actions{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1e1e1ecc;border:1px solid #444;border-radius:6px;gap:8px;padding:3px;display:flex;position:absolute;top:6px;left:130px}.mestre-workspace-right{background-color:#252526;flex-direction:column;height:100%;min-height:0;display:flex}.sidebar-scroll-area{flex-direction:column;flex:1;gap:8px;min-height:0;padding:12px 8px 12px 12px;display:flex;overflow:hidden auto}.sidebar-scroll-area::-webkit-scrollbar{width:8px}.sidebar-scroll-area::-webkit-scrollbar-track{background:#1e1e1e}.sidebar-scroll-area::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.sidebar-scroll-area::-webkit-scrollbar-thumb:hover{background:#555}.resize-handle{cursor:col-resize;z-index:10;background-color:#1e1e1e;justify-content:center;align-items:center;width:8px;transition:background-color .2s;display:flex;position:relative}.resize-handle:hover,.resize-handle:active{background-color:#333}.resize-handle:after{content:"";background-color:#0000;width:2px;height:100%;transition:background-color .2s;position:absolute}.resize-handle:hover:after,.resize-handle:active:after{background-color:#4f46e5}.resize-handle.horizontal{cursor:row-resize;width:100%;height:8px}.resize-handle.horizontal:after{width:100%;height:2px}.header-actions{align-items:center;gap:8px;display:flex}.toggle-btn{color:#ccc;cursor:pointer;background:0 0;border:1px solid #444;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.toggle-btn:hover{color:#fff;background:#333;border-color:#555}.invocar-section{background-color:#0000;border:none;margin-bottom:12px;padding:0}.invocar-section h3{display:none}.invocar-actions-row{gap:8px;margin-bottom:8px;display:flex}.invocar-input{box-sizing:border-box;color:#fff;background-color:#1e1e1e;border:1px solid #444;border-radius:4px;outline:none;width:100%;margin-bottom:8px;padding:6px 10px;font-size:12px}.invocar-input:focus{border-color:#4f46e5}.actor-creation-instructions{background-color:#2a2a2a;border-left:3px solid #4f46e5;border-radius:4px;margin:8px 0;padding:8px;font-size:11px;line-height:1.5}.actor-creation-instructions p{color:#d0d0d0;margin:4px 0}.actor-creation-instructions p:first-child{color:#e0e0e0;margin-top:0}.actor-creation-instructions strong{color:#fff}.invocar-buttons{gap:4px;display:flex}.invocar-btn{cursor:pointer;color:#fff;background-color:#333;border:none;border-radius:4px;flex:1;padding:6px 10px;font-size:11px;font-weight:600;transition:background-color .2s}.invocar-btn:hover{filter:brightness(1.2)}.elenco-list{flex-direction:column;gap:4px;display:flex}.mestre-tabs{background:#1e1e1e;border-bottom:1px solid #333;flex-shrink:0;gap:0;padding:0;display:flex}.mestre-tab{color:#888;cursor:pointer;background:#252526;border:none;border-bottom:2px solid #0000;flex:1;padding:12px 16px;font-size:13px;font-weight:500;transition:all .2s;position:relative}.mestre-tab:hover{color:#ccc;background:#2d2d30}.mestre-tab.active{color:#fff;background:#1e1e1e;border-bottom-color:#9c27b0}.lore-tab-content{padding:16px}.lore-tab-title{color:#e0e0e0;border-bottom:1px solid #333;margin:0 0 16px;padding-bottom:8px;font-size:14px;font-weight:600}.lore-empty-state{text-align:center;color:#888;padding:32px 16px;font-size:13px;font-style:italic}.lore-entities-list{flex-direction:column;gap:8px;display:flex}.lore-entity-content{background:#1e1e1e;gap:16px;padding:16px;display:flex}.lore-no-data{color:#888;margin:0;padding:8px 0;font-size:13px;font-style:italic}.lore-visibility-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:600}.lore-visibility-badge.visivel{color:#10b981;background:#10b98133;border:1px solid #10b9814d}.lore-visibility-badge.oculto{color:#9ca3af;background:#6b728033;border:1px solid #6b72804d}.lore-visibility-badge.silhueta{color:#8b5cf6;background:#8b5cf633;border:1px solid #8b5cf64d}.lore-entity-body{gap:16px;padding:16px;display:flex}.lore-entity-thumbnail{object-fit:cover;border:1px solid #333;border-radius:6px;flex-shrink:0;width:80px;height:80px}.lore-entity-info{flex-direction:column;flex:1;gap:12px;display:flex}.lore-field{flex-direction:column;gap:4px;display:flex}.lore-field label{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.lore-field p{color:#ccc;white-space:pre-wrap;word-wrap:break-word;margin:0;font-size:13px;line-height:1.5}.btn-show-stage{color:#fff;cursor:pointer;border:none;border-radius:6px;align-self:flex-start;margin-top:4px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.btn-show-stage:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.btn-show-stage:active{transform:translateY(0)}@media (width<=1024px){.mestre-workspace{flex-direction:column}.mestre-workspace-left{flex:none;height:50vh}.mestre-workspace-right{border-top:1px solid #333;border-left:none;width:100%;min-width:0}}.table-settings-panel{flex-direction:column;gap:1.5rem;display:flex}.settings-subtitle{color:#e0e0e0;text-transform:uppercase;letter-spacing:.5px;margin:0 0 .75rem;font-size:13px;font-weight:600}.permission-toggle{background:linear-gradient(135deg,#ffffff0d 0%,#ffffff05 100%);border:1px solid #ffffff14;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;transition:all .2s;display:flex}.permission-toggle:hover{background:linear-gradient(135deg,#ffffff14 0%,#ffffff0a 100%);border-color:#ffffff1f}.permission-info{flex:1}.permission-info label{color:#e0e0e0;letter-spacing:.3px;margin-bottom:4px;font-size:13px;font-weight:600;display:block}.permission-desc{color:#fff9;margin:0;font-size:11px}.toggle-btn{color:#fff9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;min-width:50px;padding:6px 16px;font-size:11px;font-weight:700;transition:all .2s}.toggle-btn.active{color:#8bc34a;background:linear-gradient(135deg,#8bc34a40 0%,#8bc34a26 100%);border-color:#8bc34a66;box-shadow:0 2px 8px #8bc34a33}.toggle-btn:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.toggle-btn.active:hover{background:linear-gradient(135deg,#8bc34a4d 0%,#8bc34a33 100%);border-color:#8bc34a80}.player-characters-section{border-top:1px solid #ffffff14;margin-top:1rem;padding-top:1rem}.no-player-chars{color:#ffffff80;margin:0;font-size:12px;font-style:italic}.player-chars-list{flex-direction:column;gap:8px;display:flex}.player-char-item{background:linear-gradient(135deg,#ffffff0d 0%,#ffffff05 100%);border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:12px;padding:10px;transition:all .2s;display:flex}.player-char-item:hover{background:linear-gradient(135deg,#ffffff14 0%,#ffffff0a 100%);border-color:#ffffff26;box-shadow:0 2px 8px #0003}.player-char-avatar{object-fit:cover;border:1px solid #ffffff26;border-radius:6px;width:40px;height:40px}.player-char-info{flex-direction:column;flex:1;gap:2px;display:flex}.player-char-name{color:#e0e0e0;letter-spacing:.3px;font-size:13px;font-weight:600}.player-char-owner{color:#fff9;font-size:11px}.btn-add-to-scene{color:#8bc34a;cursor:pointer;background:linear-gradient(135deg,#8bc34a40 0%,#8bc34a26 100%);border:1px solid #8bc34a4d;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:700;transition:all .2s;display:flex}.btn-add-to-scene:hover{background:linear-gradient(135deg,#8bc34a4d 0%,#8bc34a33 100%);border-color:#8bc34a66;transform:scale(1.05);box-shadow:0 2px 8px #8bc34a4d}.characters-library{width:100%}.characters-library.loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:400px;display:flex}.library-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.header-left{align-items:center;gap:1rem;display:flex}.header-left h2{color:#4a9eff;margin:0;font-size:2rem}.count{color:#4a9eff;background:#4a9eff33;border-radius:20px;padding:.5rem 1rem;font-weight:600}.create-btn{color:#fff;cursor:pointer;background:#4a9eff;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.create-btn:hover{background:#357ae8;transform:translateY(-2px);box-shadow:0 4px 12px #4a9eff66}.library-filters{gap:1rem;margin-bottom:2rem;display:flex}.search-box{color:#b0b0b0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex:1;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.search-box input{color:#e0e0e0;background:0 0;border:none;outline:none;flex:1;font-size:1rem}.search-box input::placeholder{color:#666}.filter-select{color:#e0e0e0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;min-width:200px;padding:.75rem 1rem;font-size:1rem}.filter-select option{color:#e0e0e0;background:#1a1a2e}.empty-state{text-align:center;color:#b0b0b0;padding:4rem 2rem}.empty-state p{margin-bottom:.5rem;font-size:1.5rem}.empty-state .subtitle{color:#666;margin-bottom:2rem;font-size:1.1rem}.create-btn-large{color:#fff;cursor:pointer;background:#4a9eff;border:none;border-radius:8px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .3s;display:inline-flex}.create-btn-large:hover{background:#357ae8;transform:translateY(-2px);box-shadow:0 4px 12px #4a9eff66}.character-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.character-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;transition:all .3s;position:relative;overflow:hidden}.character-card:hover{border-color:#4a9eff80;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.card-image{background:#0000004d;justify-content:center;align-items:center;width:100%;height:200px;display:flex;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%}.card-preview{background:#0000004d;justify-content:center;align-items:center;width:100%;height:200px;display:flex;position:relative;overflow:hidden}.card-preview img,.card-preview video,.card-preview-img{object-fit:cover;width:100%;height:100%}.card-placeholder{color:#666;text-align:center;font-size:.9rem}.scene-badge{color:#fff;background:#4a9effe6;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:600;position:absolute;top:8px;right:8px}.scene-meta{margin-top:.5rem}.scene-mode{color:#4a9eff;background:#4a9eff33;border:1px solid #4a9eff4d;border-radius:12px;padding:.25rem .75rem;font-size:.85rem;display:inline-block}.card-description{color:#b0b0b0;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:.9rem;display:-webkit-box;overflow:hidden}.card-tags{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.library-subtitle{color:#888;margin-top:.25rem;font-size:.9rem}.hint{color:#666;font-size:.9rem}.btn-create{color:#fff;cursor:pointer;background:#4a9eff;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.btn-create:hover{background:#357ae8;transform:translateY(-2px);box-shadow:0 4px 12px #4a9eff66}.btn-edit,.btn-delete{align-items:center;gap:.5rem;display:flex}.library-empty{text-align:center;color:#888;padding:3rem 2rem}.library-empty p{margin:.5rem 0}.library-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.library-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;transition:all .3s;overflow:hidden}.library-card:hover{border-color:#4a9eff80;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.card-content{padding:1rem}.card-content h3{color:#4a9eff;margin-bottom:.5rem;font-size:1.3rem}.description{color:#b0b0b0;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:.9rem;display:-webkit-box;overflow:hidden}.card-meta{color:#b0b0b0;gap:1rem;margin-bottom:.75rem;font-size:.9rem;display:flex}.tags{flex-wrap:wrap;gap:.5rem;display:flex}.tag{color:#4a9eff;background:#4a9eff33;border:1px solid #4a9eff4d;border-radius:12px;padding:.25rem .75rem;font-size:.85rem}.card-actions{border-top:1px solid #ffffff1a;gap:.5rem;padding:1rem;display:flex}.card-actions button{cursor:pointer;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-weight:600;transition:all .3s;display:flex}.edit-btn{color:#4a9eff;background:#4a9eff33}.edit-btn:hover{background:#4a9eff4d}.delete-btn{color:#ef4444;background:#ef444433}.delete-btn:hover{background:#ef44444d}@media (width<=768px){.library-header{flex-direction:column;align-items:flex-start;gap:1rem}.library-filters{flex-direction:column}.filter-select{width:100%}.character-grid{grid-template-columns:1fr}}.audio-import-modal-overlay{z-index:10000;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.audio-import-modal{background:#1e1e1e;border-radius:12px;width:100%;max-width:600px;max-height:90vh;animation:.3s ease-out modalSlideIn;overflow-y:auto;box-shadow:0 20px 60px #00000080}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.audio-import-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:24px;display:flex}.audio-import-header h2{color:#fff;margin:0;font-size:20px;font-weight:600}.audio-import-close{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px;transition:all .2s}.audio-import-close:hover{color:#fff;background:#ffffff1a}.audio-import-close:disabled{opacity:.5;cursor:not-allowed}.audio-import-form{padding:24px}.audio-dropzone{text-align:center;cursor:pointer;background:#ffffff05;border:2px dashed #fff3;border-radius:12px;margin-bottom:24px;padding:40px 20px;transition:all .3s}.audio-dropzone:hover{background:#ffffff0d;border-color:#ffffff4d}.audio-dropzone.dragging{background:#ffffff14;border-color:#fff6;transform:scale(1.02)}.audio-dropzone.has-file{cursor:default;background:#ffffff0d;border-color:#ffffff4d}.audio-dropzone.has-file:hover{background:#ffffff0d;border-color:#ffffff4d;transform:none}.dropzone-icon{color:#fff6;margin-bottom:16px}.dropzone-text{color:#fff;margin:0 0 8px;font-size:16px;font-weight:500}.dropzone-hint{color:#fff9;margin:0 0 12px;font-size:14px}.dropzone-formats{color:#fff6;font-size:12px}.file-preview{justify-content:space-between;align-items:center;gap:16px;display:flex}.file-info{flex:1;align-items:center;gap:16px;display:flex}.file-info svg{color:#eaeaea;flex-shrink:0}.file-details{text-align:left;flex:1;min-width:0}.file-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:14px;font-weight:500;overflow:hidden}.file-size{color:#fff9;margin:0;font-size:12px}.file-remove{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;flex-shrink:0;padding:8px;transition:all .2s}.file-remove:hover{background:#ef444433;border-color:#ef4444}.audio-import-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:24px;padding:12px 16px;font-size:14px}.audio-metadata-form{flex-direction:column;gap:20px;margin-bottom:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#ffffffe6;align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.form-group label svg{color:#fff9}.form-group .required{color:#ef4444}.form-group input[type=text],.form-group select,.form-group textarea{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:10px 14px;font-size:14px;transition:all .2s}.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff0d;border-color:#ffffff4d;outline:none}.form-group input[type=text]:disabled,.form-group select:disabled,.form-group textarea:disabled{opacity:.5;cursor:not-allowed}.form-group textarea{resize:vertical;font-family:inherit}.form-hint{color:#ffffff80;font-size:12px}.folder-select-group{gap:8px;display:flex}.folder-select-group select{flex:1}.btn-new-folder{color:#eaeaea;cursor:pointer;white-space:nowrap;background:#2f2f2f;border:1px solid #ffffff14;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s}.btn-new-folder:hover{background:#3a3a3a;border-color:#ffffff26}.btn-new-folder:disabled{opacity:.5;cursor:not-allowed}.new-folder-group{gap:8px;display:flex}.new-folder-group input{flex:1}.btn-cancel-folder{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s}.btn-cancel-folder:hover{background:#ef444433;border-color:#ef4444}.btn-cancel-folder:disabled{opacity:.5;cursor:not-allowed}.audio-import-actions{border-top:1px solid #ffffff1a;justify-content:flex-end;gap:12px;padding-top:24px;display:flex}.btn-secondary,.btn-primary{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-secondary{color:#ffffffe6;background:#ffffff0d;border:1px solid #ffffff1a}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-primary{color:#eaeaea;background:#2f2f2f;border:1px solid #ffffff14}.btn-primary:hover{background:#3a3a3a;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.btn-secondary:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (width<=640px){.audio-import-modal{border-radius:0;max-width:100%;max-height:100vh}.audio-import-header,.audio-import-form{padding:16px}.audio-dropzone{padding:30px 16px}.folder-select-group,.new-folder-group{flex-direction:column}.btn-new-folder{width:100%}.audio-import-actions{flex-direction:column-reverse}.btn-secondary,.btn-primary{justify-content:center;width:100%}}.audio-library{flex-direction:column;max-width:1400px;height:100%;min-height:0;margin:0 auto;padding:24px;display:flex}.audio-library-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.audio-upload-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.audio-upload-btn:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.audio-filters{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.audio-search{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:250px;padding:10px 14px;display:flex}.audio-search input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:14px}.audio-search input::placeholder{color:#fff6}.audio-type-filters{gap:8px;display:flex}.audio-type-filters button{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:8px 16px;font-size:13px;transition:all .2s}.audio-type-filters button:hover{color:#fff;background:#ffffff1a}.audio-type-filters button.active{color:#fff;background:#ffffff26;border-color:#ffffff4d}.audio-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-content:start;gap:16px;min-height:0;display:grid;overflow-y:auto}.audio-card{background:#1e1e1e;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:12px;padding:16px;transition:all .2s;display:flex}.audio-card:hover{background:#242424;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.audio-card-icon{color:#bdbdbd;background:#2a2a2a;border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto;display:flex}.audio-card-info{text-align:center}.audio-card-info h4{color:#eaeaea;text-overflow:ellipsis;white-space:nowrap;margin:0 0 8px;font-size:15px;font-weight:600;overflow:hidden}.audio-type-badge{color:#cfcfcf;text-transform:uppercase;background:#2a2a2a;border:1px solid #ffffff14;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.audio-duration{color:#9ca3af;margin-top:4px;font-size:12px;display:block}.audio-card-actions{border-top:1px solid #ffffff0d;justify-content:center;gap:8px;padding-top:8px;display:flex}.audio-action-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:inline-flex}.audio-action-btn.preview{color:#eaeaea;background:#2f2f2f}.audio-action-btn.preview:hover{background:#3a3a3a}.audio-action-btn.add-to-mixer{color:#eaeaea;background:#2f2f2f}.audio-action-btn.add-to-mixer:hover{background:#3a3a3a}.audio-action-btn.add-to-mixer:disabled{opacity:.5;cursor:not-allowed}.audio-action-btn.delete{color:#f87171;background:#3a1f1f}.audio-action-btn.delete:hover{background:#4a2525}.audio-empty-state{color:#ffffff80;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.audio-empty-state svg{opacity:.3;margin-bottom:16px}.audio-empty-state p{margin:0 0 24px;font-size:16px}.audio-empty-state button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.audio-empty-state button:hover{background:#ffffff26;transform:translateY(-2px)}.audio-upload-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.audio-upload-modal{background:#1e1e1e;border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:500px;padding:32px;box-shadow:0 20px 60px #00000080}.audio-upload-modal h3{color:#fff;text-align:center;margin:0 0 24px;font-size:20px}.audio-upload-dropzone{margin-bottom:24px}.audio-upload-label{cursor:pointer;color:#fff9;background:#ffffff08;border:2px dashed #fff3;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;transition:all .2s;display:flex}.audio-upload-label:hover{color:#fff;background:#ffffff0d;border-color:#ffffff4d}.audio-upload-label svg{opacity:.5;margin-bottom:16px}.audio-upload-label p{margin:0 0 8px;font-size:14px;font-weight:500}.audio-formats-hint{color:#fff6;font-size:12px}.audio-uploading{text-align:center;padding:24px}.audio-modal-close{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:12px;font-size:14px;transition:all .2s}.audio-modal-close:hover:not(:disabled){background:#ffffff26}.audio-modal-close:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.audio-library{padding:16px}.audio-filters{flex-direction:column}.audio-search{min-width:100%}.audio-grid{grid-template-columns:1fr}.audio-upload-modal{padding:24px}}.biblioteca-page{color:#fff;background:#121212;min-height:100%}.biblioteca-page.loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.loading-spinner{border:4px solid #333;border-top-color:#4a9eff;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.biblioteca-page.auth-required{justify-content:center;align-items:center;display:flex}.auth-prompt{text-align:center;background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:3rem}.auth-prompt h1{color:#fff;margin-bottom:1rem;font-size:2.5rem}.auth-prompt p{color:#aaa;margin-bottom:2rem;font-size:1.1rem}.google-signin-btn{color:#fff;cursor:pointer;background:#4285f4;border:none;border-radius:8px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .3s}.google-signin-btn:hover:not(:disabled){background:#357ae8;transform:translateY(-2px);box-shadow:0 4px 12px #4285f466}.google-signin-btn:disabled{opacity:.6;cursor:not-allowed}.biblioteca-header{background:#1a1a1a;border-bottom:1px solid #333;padding:2rem}.header-content h1{color:#fff;margin-bottom:.5rem;font-size:2.5rem}.subtitle{color:#888;font-size:1.1rem}.anonymous-warning{color:#ff9800;background:#2a2a2a;border:1px solid #ff9800;border-radius:8px;align-items:center;gap:1rem;margin-top:1rem;padding:1rem;display:flex}.upgrade-btn{color:#121212;cursor:pointer;background:#ff9800;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:600;transition:all .3s}.upgrade-btn:hover{background:#ffa726;transform:translateY(-1px)}.biblioteca-tabs{gap:.5rem;margin-top:2rem;display:flex}.biblioteca-tabs button{color:#888;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s}.biblioteca-tabs button:hover{color:#fff;background:#2a2a2a}.biblioteca-tabs button.active{color:#4a9eff;background:#2a2a2a;border-bottom-color:#4a9eff}.biblioteca-content{max-width:1400px;margin:0 auto;padding:2rem}@media (width<=768px){.biblioteca-header{padding:1rem}.header-content h1{font-size:1.8rem}.biblioteca-tabs{flex-direction:column;gap:.5rem}.biblioteca-tabs button{border-radius:8px}.biblioteca-content{padding:1rem}.anonymous-warning{text-align:center;flex-direction:column}}.anotacoes-page{color:#fff;background:#121212;min-height:100vh;display:flex}.anotacoes-sidebar{background:#1a1a1a;border-right:1px solid #333;flex-direction:column;width:320px;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid #333;padding:1.5rem}.sidebar-header h2{color:#fff;margin:0 0 .5rem;font-size:1.4rem}.sidebar-subtitle{color:#888;margin:0;font-size:.85rem}.category-nav{border-bottom:1px solid #333;flex-direction:column;gap:.25rem;padding:1rem;display:flex}.category-nav button{color:#aaa;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.category-nav button:hover{color:#fff;background:#252525}.category-nav button.active{color:#4a9eff;background:#2a2a2a;font-weight:500}.btn-new-script{color:#fff;cursor:pointer;background:#4a9eff;border:none;border-radius:6px;margin:1rem;padding:.75rem 1rem;font-size:.95rem;font-weight:500;transition:background .2s}.btn-new-script:hover{background:#3a8eef}.items-list{flex:1;min-height:0;padding:.5rem;overflow-y:auto}.folder-group{margin-bottom:1rem}.folder-header{color:#888;text-transform:uppercase;letter-spacing:.5px;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.item-button{color:#ccc;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;margin-bottom:.25rem;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.item-button:hover{color:#fff;background:#252525}.item-button.active{color:#4a9eff;background:#2a2a2a;font-weight:500}.empty-category{text-align:center;color:#666;padding:2rem 1rem}.empty-category p{margin:0 0 .5rem;font-size:.95rem}.empty-category small{color:#555;font-size:.85rem}.anotacoes-main{background:#121212;flex:1;padding:2rem}.empty-state{justify-content:center;align-items:center;height:100%;min-height:400px;display:flex}.empty-state p{color:#666;font-size:1.1rem}.lore-content{max-width:900px;margin:0 auto}.lore-header{border-bottom:2px solid #333;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.item-title{color:#fff;margin:0;font-size:2rem}.lore-section{margin-bottom:2.5rem}.lore-section h3{color:#4a9eff;margin:0 0 1rem;font-size:1.2rem;font-weight:600}.lore-text{color:#ccc;white-space:pre-wrap;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:1.5rem;font-size:1rem;line-height:1.8}.lore-editor{max-width:900px;margin:0 auto}.lore-editor .editor-header{border-bottom:2px solid #333;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.unsaved-indicator{color:#ff9800;margin-left:1rem;font-size:.9rem;font-weight:500}.lore-textarea{color:#fff;resize:vertical;background:#1a1a1a;border:2px solid #333;border-radius:8px;width:100%;padding:1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;line-height:1.6;transition:border-color .2s}.lore-textarea:focus{border-color:#4a9eff;outline:none}.script-editor{max-width:900px;margin:0 auto}.editor-header{margin-bottom:2rem}.script-title-input{color:#fff;background:#1a1a1a;border:2px solid #333;border-radius:8px;width:100%;padding:1rem;font-size:1.5rem;font-weight:600;transition:border-color .2s}.script-title-input:focus{border-color:#4a9eff;outline:none}.editor-field{margin-bottom:1.5rem}.editor-field label{color:#aaa;margin-bottom:.5rem;font-size:.95rem;font-weight:500;display:block}.script-content-textarea{color:#fff;resize:vertical;background:#1a1a1a;border:2px solid #333;border-radius:8px;width:100%;padding:1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;line-height:1.6;transition:border-color .2s}.script-content-textarea:focus{border-color:#4a9eff;outline:none}.editor-actions{gap:1rem;margin-top:2rem;display:flex}.btn-primary,.btn-secondary,.btn-danger{cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .2s}.btn-primary{color:#fff;background:#4a9eff}.btn-primary:hover:not(:disabled){background:#3a8eef}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:#ccc;background:#2a2a2a}.btn-secondary:hover{color:#fff;background:#333}.btn-danger{color:#fff;background:#d32f2f;margin-left:auto}.btn-danger:hover{background:#b71c1c}.script-view{max-width:900px;margin:0 auto}.script-header{border-bottom:2px solid #333;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.script-header h2{color:#fff;margin:0;font-size:2rem}.script-meta{margin-bottom:1.5rem}.folder-badge{color:#4a9eff;background:#2a2a2a;border-radius:4px;padding:.4rem .8rem;font-size:.85rem;font-weight:500;display:inline-block}.script-content-view{color:#ccc;white-space:pre-wrap;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;min-height:400px;padding:2rem;font-size:1rem;line-height:1.8}.script-content-view em{color:#666}@media (width<=1024px){.anotacoes-sidebar{width:280px}.anotacoes-main{padding:1.5rem}}@media (width<=768px){.anotacoes-page{flex-direction:column}.anotacoes-sidebar{border-bottom:1px solid #333;border-right:none;width:100%;max-height:40vh}.anotacoes-main{padding:1rem}.item-title,.script-header h2{font-size:1.5rem}.script-title-input{font-size:1.2rem}}.items-list::-webkit-scrollbar{width:8px}.anotacoes-main::-webkit-scrollbar{width:8px}.items-list::-webkit-scrollbar-track{background:#1a1a1a}.anotacoes-main::-webkit-scrollbar-track{background:#1a1a1a}.items-list::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.anotacoes-main::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.items-list::-webkit-scrollbar-thumb:hover{background:#444}.anotacoes-main::-webkit-scrollbar-thumb:hover{background:#444}.online-indicator{justify-content:center;align-items:center;width:12px;height:12px;display:inline-flex}.online-indicator__dot{border-radius:50%;width:10px;height:10px;transition:background-color .2s;display:block}.online-indicator__dot--online{background-color:#22c55e;box-shadow:0 0 4px #22c55e80}.online-indicator__dot--offline{background-color:#6b7280}.friends-panel{color:#e5e5e5;background:#121212;flex-direction:column;height:100%;display:flex}.friends-panel__tabs{background:#1a1a1a;border-bottom:1px solid #2a2a2a;display:flex}.friends-panel__tab{color:#9ca3af;cursor:pointer;background:0 0;border:none;flex:1;padding:12px 8px;font-size:13px;transition:color .2s,border-color .2s;position:relative}.friends-panel__tab--active{color:#3b82f6;border-bottom:2px solid #3b82f6}.friends-panel__tab:hover{color:#e5e5e5}.friends-panel__tab-badge{color:#fff;background:#ef4444;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;font-size:11px;font-weight:600;display:inline-flex}.friends-panel__content{flex:1;padding:8px 0;overflow-y:auto}.friends-panel__empty{color:#6b7280;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.friends-panel__list{margin:0;padding:0;list-style:none}.friends-panel__item{border-bottom:1px solid #1f1f1f;padding:10px 16px;transition:background .15s}.friends-panel__item:hover{background:#1a1a1a}.friends-panel__item--clickable{cursor:pointer}.friends-panel__item--pending{color:#f59e0b}.friends-panel__friend-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.friends-panel__friend-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.friends-panel__friend-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.friends-panel__last-message{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.friends-panel__friend-actions{flex-shrink:0;gap:4px;display:flex}.friends-panel__icon-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s,color .15s;display:inline-flex}.friends-panel__icon-btn:hover{color:#e5e5e5;background:#2a2a2a}.friends-panel__request-actions{flex-shrink:0;gap:6px;display:flex}.friends-panel__btn-accept{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:4px;padding:4px 12px;font-size:12px;transition:background .15s}.friends-panel__btn-accept:hover{background:#2563eb}.friends-panel__btn-decline{color:#e5e5e5;cursor:pointer;background:#374151;border:none;border-radius:4px;padding:4px 12px;font-size:12px;transition:background .15s}.friends-panel__btn-decline:hover{background:#4b5563}.friends-panel__pending-label{color:#f59e0b;flex-shrink:0;font-size:12px}.friends-panel__action-menu{background:#262626;border:1px solid #333;border-radius:6px;margin-top:8px;padding:4px 0}.friends-panel__action-menu-item{color:#e5e5e5;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 16px;font-size:13px;transition:background .15s;display:flex}.friends-panel__action-menu-item:hover{background:#333}.friends-panel__action-menu-item--danger{color:#ef4444}.friends-panel__section-title{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin:0;padding:12px 16px 4px;font-size:12px}.friends-panel__add-section{background:#1a1a1a;border-top:1px solid #2a2a2a;padding:12px 16px}.friends-panel__search-form{gap:8px;margin-bottom:8px;display:flex}.friends-panel__search-input{color:#e5e5e5;background:#262626;border:1px solid #333;border-radius:6px;outline:none;flex:1;padding:8px 12px;font-size:13px;transition:border-color .2s}.friends-panel__search-input:focus{border-color:#3b82f6}.friends-panel__search-input::placeholder{color:#6b7280}.friends-panel__search-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:inline-flex}.friends-panel__search-btn:hover{background:#2563eb}.friends-panel__search-results{max-height:150px;margin:0;padding:0;list-style:none;overflow-y:auto}.friends-panel__search-result-item{justify-content:space-between;align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}.friends-panel__is-friend{color:#22c55e;flex-shrink:0;font-size:12px}.friends-panel__btn-small{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:12px;transition:background .15s;display:inline-flex}.friends-panel__btn-small:hover{background:#2563eb}.friends-panel__invite-section{border-top:1px solid #2a2a2a;margin-top:12px;padding-top:12px}.friends-panel__invite-label{color:#9ca3af;margin-bottom:6px;font-size:12px;display:block}.friends-panel__invite-code-box{background:#262626;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;display:flex}.friends-panel__invite-code{letter-spacing:.1em;color:#3b82f6;flex:1;font-size:16px;font-weight:600}.friends-panel__invite-loading{color:#9ca3af}.friends-panel__copy-btn{color:#e5e5e5;cursor:pointer;background:#333;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s;display:inline-flex}.friends-panel__copy-btn:hover{background:#444}.friends-panel__btn-primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:12px;padding:10px 16px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.friends-panel__btn-primary:hover{background:#2563eb}.friends-panel__add-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.friends-panel__back-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:13px}.friends-panel__add-methods{gap:4px;display:flex}.friends-panel__method-btn{color:#9ca3af;cursor:pointer;background:#262626;border:1px solid #333;border-radius:4px;padding:6px 12px;font-size:12px;transition:background .15s,border-color .15s}.friends-panel__method-btn--active{color:#fff;background:#3b82f6;border-color:#3b82f6}.friends-panel__redeem-form{flex-direction:column;gap:8px;display:flex}.friends-panel__redeem-success{color:#6ee7b7;text-align:center;background:#065f46;border-radius:6px;padding:8px 12px;font-size:13px}.friends-panel__redeem-error{color:#fca5a5;text-align:center;background:#7f1d1d;border-radius:6px;padding:8px 12px;font-size:13px}.campaign-invite-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.campaign-invite-modal-content{background:#1a1a1a;border:1px solid #333;border-radius:12px;flex-direction:column;width:100%;max-width:420px;max-height:80vh;display:flex;box-shadow:0 20px 60px #00000080}.campaign-invite-modal-header{border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.campaign-invite-modal-title{color:#e5e5e5;margin:0;font-size:16px;font-weight:600}.campaign-invite-modal-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s,color .15s;display:inline-flex}.campaign-invite-modal-close:hover{color:#e5e5e5;background:#2a2a2a}.campaign-invite-modal-body{padding:16px 20px;overflow-y:auto}.campaign-invite-modal-friend{color:#9ca3af;margin:0 0 12px;font-size:14px}.campaign-invite-modal-loading{text-align:center;color:#6b7280;padding:20px 0}.campaign-invite-modal-success{text-align:center;color:#22c55e;padding:20px 0;font-weight:500}.campaign-invite-modal-empty{text-align:center;color:#6b7280;padding:20px 0}.campaign-invite-modal-list{flex-direction:column;gap:8px;max-height:300px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.campaign-invite-modal-item{cursor:pointer;background:#262626;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;transition:background .15s;display:flex}.campaign-invite-modal-item:hover{background:#333}.campaign-invite-modal-item-info{flex-direction:column;gap:2px;min-width:0;display:flex}.campaign-invite-modal-item-name{color:#e5e5e5;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.campaign-invite-modal-item-system{color:#9ca3af;font-size:12px}.campaign-invite-modal-item-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:background .15s,opacity .15s;display:inline-flex}.campaign-invite-modal-item-btn:hover:not(:disabled){background:#2563eb}.campaign-invite-modal-item-btn:disabled{opacity:.5;cursor:default}.chat-window{color:#e5e5e5;background:#121212;flex-direction:column;height:100%;display:flex;overflow:hidden}.chat-window__header{z-index:1;background:#1a1a1a;border-bottom:1px solid #2a2a2a;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.chat-window__header-left{align-items:center;gap:10px;min-width:0;display:flex}.chat-window__back-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s;display:inline-flex}.chat-window__back-btn:hover{color:#e5e5e5;background:#2a2a2a}.chat-window__friend-info{align-items:center;gap:8px;min-width:0;display:flex}.chat-window__friend-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}.chat-window__invite-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:inline-flex}.chat-window__invite-btn:hover{background:#2563eb}.chat-window__messages{flex-direction:column;flex:1;gap:8px;min-height:0;padding:12px 16px;display:flex;overflow:hidden auto}.chat-window__messages::-webkit-scrollbar{width:6px}.chat-window__messages::-webkit-scrollbar-track{background:0 0}.chat-window__messages::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.chat-window__empty-chat{color:#6b7280;flex:1;justify-content:center;align-items:center;font-size:13px;display:flex}.chat-window__message{max-width:75%;animation:.2s ease-out msg-fade-in}@keyframes msg-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-window__message--mine{align-self:flex-end}.chat-window__message--theirs{align-self:flex-start}.chat-window__message-content{word-wrap:break-word;border-radius:16px;padding:10px 14px;font-size:14px;line-height:1.45;box-shadow:0 1px 2px #0003}.chat-window__message--mine .chat-window__message-content{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom-right-radius:4px}.chat-window__message--theirs .chat-window__message-content{color:#e5e5e5;background:#262626;border:1px solid #333;border-bottom-left-radius:4px}.chat-window__input-form{background:#1a1a1a;border-top:1px solid #2a2a2a;flex-shrink:0;align-items:flex-end;gap:8px;padding:12px 16px;display:flex}.chat-window__input{color:#e5e5e5;resize:none;background:#262626;border:1px solid #333;border-radius:20px;outline:none;flex:1;max-height:100px;padding:10px 16px;font-size:14px;line-height:1.4;transition:border-color .2s}.chat-window__input:focus{border-color:#3b82f6}.chat-window__input::placeholder{color:#6b7280}.chat-window__send-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s,opacity .15s,transform .15s;display:inline-flex}.chat-window__send-btn:hover:not(:disabled){background:#2563eb;transform:scale(1.05)}.chat-window__send-btn:active:not(:disabled){transform:scale(.95)}.chat-window__send-btn:disabled{opacity:.3;cursor:default}@media (width<=768px){.chat-window__message{max-width:85%}.chat-window__header,.chat-window__messages,.chat-window__input-form{padding:10px 12px}}.social-page{flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.social-page__gate{justify-content:center;align-items:center;padding:40px 20px;display:flex}.social-page__gate-content{text-align:center;max-width:400px}.social-page__gate-title{color:#e5e5e5;margin:0 0 12px;font-size:22px;font-weight:700}.social-page__gate-desc{color:#9ca3af;margin:0 0 24px;font-size:14px;line-height:1.5}.social-page__upgrade-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;justify-content:center;align-items:center;padding:12px 24px;font-size:15px;font-weight:600;transition:background .15s;display:inline-flex}.social-page__upgrade-btn:hover{background:#2563eb}