:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-primary: #f7fafc;--bg-secondary: #ffffff;--bg-tertiary: #edf2f7;--bg-beige: rgb(239, 238, 231);--text-primary: #1a1a1a;--text-secondary: #4a5568;--text-tertiary: #718096;--text-muted: #a0aec0;--border-primary: #e2e8f0;--border-secondary: #cbd5e0;--accent-primary: #667eea;--accent-hover: #5568d3;--accent-light: rgba(102, 126, 234, .1);--success: #38a169;--warning: #d69e2e;--error: #e53e3e;--info: #3182ce;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1)}[data-theme=dark]{--bg-primary: #1a202c;--bg-secondary: #2d3748;--bg-tertiary: #4a5568;--bg-beige: #1a202c;--text-primary: #f7fafc;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e0;--text-muted: #a0aec0;--border-primary: #4a5568;--border-secondary: #718096;--accent-primary: #7c3aed;--accent-hover: #6d28d9;--accent-light: rgba(124, 58, 237, .2);--success: #48bb78;--warning: #ecc94b;--error: #f56565;--info: #4299e1;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5)}.terms-notification-banner{position:fixed;top:0;left:0;right:0;z-index:9999;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;box-shadow:0 2px 8px #00000026;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.terms-notification-content{display:flex;align-items:center;gap:12px;padding:12px 20px;max-width:1400px;margin:0 auto}.terms-notification-icon{font-size:24px;flex-shrink:0}.terms-notification-text{flex:1;font-size:14px;line-height:1.5}.terms-notification-text strong{font-weight:600;margin-right:6px}.terms-notification-warning{display:inline-block;margin-left:8px;padding:2px 8px;background:#fff3;border-radius:4px;font-size:13px;font-weight:500}.terms-notification-dismiss{background:#fff3;border:none;color:#fff;font-size:24px;width:32px;height:32px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.terms-notification-dismiss:hover{background:#ffffff4d}body:has(.terms-notification-banner){padding-top:56px}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f5f5;padding:20px}.auth-box{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;width:100%;max-width:420px;padding:40px}.auth-header{text-align:center;margin-bottom:30px}.auth-logo{height:60px;margin-bottom:20px}.auth-header h1{font-size:28px;margin:0 0 10px;color:#333}.auth-header p{color:#666;margin:0;font-size:14px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:500;color:#333;font-size:14px}.form-group input{padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.btn-auth{padding:12px 24px;background:#7c3aed;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-auth:hover:not(:disabled){background:#6d28d9;transform:translateY(-2px);box-shadow:0 5px 15px #7c3aed4d}.btn-auth:active:not(:disabled){transform:translateY(0)}.btn-auth:disabled{opacity:.6;cursor:not-allowed}.auth-error{background:#fee;border:1px solid #fcc;color:#c33;padding:12px;border-radius:6px;font-size:14px}.auth-success{background:#efe;border:1px solid #cfc;color:#3c3;padding:12px;border-radius:6px;font-size:14px}.auth-footer{text-align:center;margin-top:10px}.auth-footer a{color:#7c3aed;text-decoration:none;font-size:14px;transition:color .2s}.auth-footer a:hover{color:#6d28d9;text-decoration:underline}[data-theme=dark] .auth-container{background:var(--bg-primary)}[data-theme=dark] .auth-box{background:var(--bg-secondary);box-shadow:0 10px 40px #00000080}[data-theme=dark] .auth-header h1{color:var(--text-primary)}[data-theme=dark] .auth-header p,[data-theme=dark] .form-group label{color:var(--text-secondary)}[data-theme=dark] .form-group input{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .form-group input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}[data-theme=dark] .form-group input:disabled{background:var(--bg-primary);color:var(--text-tertiary)}[data-theme=dark] .btn-auth{background:var(--accent-primary)}[data-theme=dark] .btn-auth:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 5px 15px #7c3aed66}[data-theme=dark] .auth-error{background:#f5656533;border-color:var(--error);color:var(--error)}[data-theme=dark] .auth-success{background:#48bb7833;border-color:var(--success);color:var(--success)}[data-theme=dark] .auth-footer{color:var(--text-secondary)}[data-theme=dark] .auth-footer a{color:var(--accent-primary)}[data-theme=dark] .auth-footer a:hover{color:var(--accent-hover)}[data-theme=dark] .checkbox-group{color:var(--text-secondary)}[data-theme=dark] .checkbox-group a{color:var(--accent-primary)}[data-theme=dark] .role-select{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}.terms-acceptance{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999}.terms-modal{background:#fff;border-radius:16px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.terms-modal-header{padding:30px 30px 20px;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;align-items:flex-start}.terms-modal-header>div:first-child{flex:1}.terms-modal-header-actions{display:flex;gap:10px;align-items:center}.terms-modal-header h2{margin:0 0 8px;font-size:28px;font-weight:700;color:#1a1a1a}.terms-version{margin:0;font-size:14px;color:#718096}.btn-download-pdf{padding:10px 20px;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s;border:2px solid #667eea;background:#fff;color:#667eea}.btn-download-pdf:hover{background:#667eea;color:#fff}.btn-close-modal{padding:8px 16px;font-size:20px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s;border:none;background:#f3f4f6;color:#6b7280;line-height:1}.btn-close-modal:hover{background:#e5e7eb;color:#374151}.already-accepted-banner{padding:20px 30px;background:#f0fdf4;border-bottom:2px solid #86efac}.already-accepted-banner .terms-notice{margin:0}.terms-updates{padding:20px 30px;background:#fff3cd;border-bottom:1px solid #ffc107}.terms-updates h3{margin:0 0 12px;font-size:16px;font-weight:600;color:#856404}.updates-content{white-space:pre-wrap;font-size:14px;line-height:1.6;color:#856404}.terms-content-wrapper{flex:1;overflow-y:auto;padding:30px;border-bottom:2px solid #e2e8f0}.terms-content{font-size:15px;line-height:1.8;color:#2d3748}.terms-content-iframe{width:100%;min-height:600px;border:none;background:#fff}.terms-content h1,.terms-content h2,.terms-content h3,.terms-content h4{margin-top:24px;margin-bottom:12px;font-weight:600;color:#1a1a1a}.terms-content h1{font-size:24px}.terms-content h2{font-size:20px}.terms-content h3{font-size:18px}.terms-content p{margin-bottom:16px}.terms-content ul,.terms-content ol{margin-bottom:16px;padding-left:28px}.terms-content li{margin-bottom:8px}.terms-content strong{font-weight:600;color:#1a1a1a}.terms-actions{padding:20px 30px 30px}.terms-notice{margin:0 0 20px;font-size:14px;color:#4a5568;text-align:center;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.terms-notice-success{background:#f0fdf4;border-color:#86efac;color:#166534;font-weight:600}.terms-notice-error{background:#fef2f2;border-color:#fca5a5;color:#991b1b;font-weight:600;margin-bottom:12px}.btn-primary{padding:14px 32px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s;border:none;min-width:160px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.terms-buttons{display:flex;gap:16px;justify-content:center}.btn-decline,.btn-not-now,.btn-accept{padding:14px 32px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s;border:none;min-width:160px}.btn-decline{background:#fff;color:#e53e3e;border:2px solid #e53e3e}.btn-decline:hover:not(:disabled){background:#fff5f5}.btn-not-now{background:#fff;color:#718096;border:2px solid #cbd5e0}.btn-not-now:hover:not(:disabled){background:#f7fafc;border-color:#a0aec0}.btn-accept{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-accept:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.btn-decline:disabled,.btn-not-now:disabled,.btn-accept:disabled{opacity:.5;cursor:not-allowed}.terms-acceptance-page .loading,.terms-acceptance-page .error{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:40px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;font-size:16px}.terms-acceptance-page .loading{color:#666}.terms-acceptance-page .error{color:#e53e3e}.terms-content-wrapper::-webkit-scrollbar{width:8px}.terms-content-wrapper::-webkit-scrollbar-track{background:#f1f1f1}.terms-content-wrapper::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.terms-content-wrapper::-webkit-scrollbar-thumb:hover{background:#a0aec0}.settings-menu{position:relative}.settings-toggle{background:transparent;border:1px solid var(--border-primary);border-radius:6px;padding:8px 12px;font-size:18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.settings-toggle:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.settings-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;z-index:1000;overflow:hidden}.settings-user-info{padding:12px 16px;background:var(--bg-tertiary)}.settings-username{font-weight:600;color:var(--text-primary);font-size:14px;margin-bottom:4px}.settings-role{font-size:12px;color:var(--text-secondary);text-transform:capitalize}.settings-divider{height:1px;background:var(--border-primary)}.settings-item{width:100%;padding:12px 16px;background:transparent;border:none;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .2s;color:var(--text-primary);font-size:14px;text-align:left}.settings-item:hover{background:var(--bg-tertiary)}.settings-icon{font-size:16px;width:20px;display:flex;align-items:center;justify-content:center}.settings-label{flex:1}.settings-logout{color:var(--error)}.settings-logout:hover{background:#f565651a}[data-theme=dark] .settings-dropdown{box-shadow:0 4px 12px #0006}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .2s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0}.modal-header h2{margin:0;font-size:22px;font-weight:600;color:#1a1a1a}.modal-close-btn{background:none;border:none;font-size:32px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close-btn:hover{background:#f7fafc;color:#666}.modal-form{padding:24px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px;font-family:inherit;transition:all .2s;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-error{border-color:#e53e3e!important}.error-text{display:block;margin-top:6px;font-size:13px;color:#e53e3e}.visibility-options{display:flex;flex-direction:column;gap:12px}.visibility-option{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s}.visibility-option:hover{border-color:#cbd5e0;background:#f7fafc}.visibility-option input[type=radio]{margin-top:2px;width:auto}.option-label{font-weight:500;color:#2d3748;margin-bottom:2px}.option-description{font-size:13px;color:#666}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:24px;border-top:1px solid #e2e8f0}.btn-cancel,.btn-submit{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-cancel{background:#f7fafc;color:#4a5568}.btn-submit{background:#667eea;color:#fff}.btn-submit:hover{background:#5568d3;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.games-container{padding:20px 30px;max-width:1400px;margin:0 auto}.games-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.games-header h2{margin:0 0 4px;font-size:24px;font-weight:600;color:#1a1a1a}.games-subtitle{margin:0;font-size:13px;color:#666}.loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:400px;color:#666;font-size:16px}.loading:before{content:"";width:20px;height:20px;border:3px solid #e2e8f0;border-top-color:#7c3aed;border-radius:50%;animation:spin .8s linear infinite}.games-empty{text-align:center;padding:80px 20px}.games-empty h3{margin:0 0 12px;font-size:24px;font-weight:600;color:#1a1a1a}.games-empty p{margin:0 0 24px;font-size:16px;color:#666}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.game-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;transition:all .2s;cursor:pointer;display:flex;flex-direction:column}.game-card:hover{border-color:#667eea;box-shadow:0 6px 16px #667eea1f;transform:translateY(-1px)}.game-card-icon{width:100%;height:130px;background:linear-gradient(135deg,#f7fafc,#e2e8f0);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.game-icon-placeholder{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:40px;box-shadow:0 4px 12px #667eea33}.game-card-content{padding:12px;display:flex;flex-direction:column;gap:10px}.game-card-header{display:flex;flex-direction:column;gap:6px}.game-card-title h3{margin:0;font-size:15px;font-weight:600;color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-card-badges{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.game-badge{padding:2px 6px;border-radius:8px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge-platform{background:#e6f7ff;color:#06c}.badge-studio{background:#f3e6ff;color:#70c}.draft-badge{padding:2px 6px;background:#fff3cd;color:#856404;border-radius:8px;font-size:9px;font-weight:600}.version-badge{padding:2px 6px;background:#e6f7ff;color:#06c;border-radius:8px;font-size:9px;font-weight:600}.game-card-body{display:flex;flex-direction:column;gap:6px;flex:1}.game-card-info-row{display:flex;align-items:center;gap:6px;font-size:11px}.info-label{font-weight:600;color:#4a5568;min-width:60px}.info-value{color:#2d3748;flex:1}.status-success{color:#38a169;font-weight:500}.status-empty{color:#a0aec0;font-style:italic}.status-published{color:#3182ce;font-weight:500}.status-draft{color:#d69e2e;font-style:italic}.game-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;margin-top:auto;border-top:1px solid #e2e8f0}.game-card-actions{display:flex;gap:6px;align-items:center}.game-card-date{display:flex;align-items:center;gap:3px;font-size:10px;color:#718096}.date-icon{font-size:11px;opacity:.7}.btn-delete-icon{padding:5px 8px;background:transparent;border:1px solid #e2e8f0;border-radius:5px;font-size:13px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-delete-icon:hover{background:#fee;border-color:#fc8181;transform:scale(1.1)}.btn-duplicate-icon{padding:5px 8px;background:transparent;border:1px solid #e2e8f0;border-radius:5px;font-size:13px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-duplicate-icon:hover{background:#e6f7ff;border-color:#4299e1;transform:scale(1.1)}.btn-large{padding:10px 20px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;border:none}.btn-icon{font-size:20px;font-weight:300}.games-filters{display:flex;gap:10px;margin-bottom:24px;padding:12px;background:#fff;border-radius:12px;border:1px solid #e2e8f0;flex-wrap:wrap;align-items:center}.filter-group{display:flex;align-items:center}.filter-search{padding:7px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;width:160px;transition:all .2s}.filter-search:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-select{padding:7px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;background:#fff;cursor:pointer;transition:all .2s;min-width:120px;max-width:160px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.filter-select option{text-overflow:ellipsis;overflow:hidden}.filter-select:hover{border-color:#cbd5e0}.filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-clear-filters{padding:7px 10px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-weight:500;color:#4a5568;cursor:pointer;transition:all .2s;margin-left:auto;min-width:32px;display:flex;align-items:center;justify-content:center}.btn-clear-filters:hover{background:#edf2f7;border-color:#cbd5e0;color:#2d3748}.modal-close{background:none;border:none;font-size:32px;cursor:pointer;color:#999;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{color:#333;transform:rotate(90deg)}[data-theme=dark] .games-container{background:var(--bg-beige)}[data-theme=dark] .games-header h2,[data-theme=dark] .games-empty h3,[data-theme=dark] .game-card-title h3{color:var(--text-primary)}[data-theme=dark] .games-subtitle,[data-theme=dark] .games-empty p,[data-theme=dark] .loading{color:var(--text-tertiary)}[data-theme=dark] .game-card{background:var(--bg-secondary);border-color:var(--border-primary)}[data-theme=dark] .game-card:hover{border-color:var(--accent-primary);box-shadow:0 6px 16px #7c3aed33}[data-theme=dark] .game-card-icon{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}[data-theme=dark] .games-filters{background:var(--bg-secondary);border-color:var(--border-primary)}[data-theme=dark] .filter-search,[data-theme=dark] .filter-select{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .filter-search::placeholder{color:var(--text-muted)}[data-theme=dark] .filter-search:focus,[data-theme=dark] .filter-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}[data-theme=dark] .btn-clear-filters{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-secondary)}[data-theme=dark] .btn-clear-filters:hover{background:var(--bg-primary);border-color:var(--border-secondary);color:var(--text-primary)}[data-theme=dark] .game-card-footer{border-top-color:var(--border-primary)}[data-theme=dark] .game-card-date{color:var(--text-tertiary)}[data-theme=dark] .btn-delete-icon{border-color:var(--border-primary);color:var(--text-secondary)}[data-theme=dark] .btn-delete-icon:hover{background:#f565651a;border-color:#f56565}[data-theme=dark] .info-label{color:var(--text-secondary)}[data-theme=dark] .info-value{color:var(--text-primary)}[data-theme=dark] .status-success{color:var(--success)}[data-theme=dark] .status-published{color:var(--info)}[data-theme=dark] .status-draft{color:var(--warning)}[data-theme=dark] .status-empty{color:var(--text-muted)}.resource-browser-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.resource-browser-modal{background:#fff;border-radius:8px;width:90%;max-width:1000px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000004d}.resource-browser-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e0e0e0}.resource-browser-header h2{margin:0;color:#333}.resource-browser-tabs{display:flex;gap:.5rem;padding:1rem 2rem;border-bottom:1px solid #e0e0e0;background:#f9f9f9}.resource-browser-tabs .tab-btn{background:#fff;border:1px solid #d0d0d0;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s}.resource-browser-tabs .tab-btn:hover:not(.active){border-color:#4a90e2;color:#4a90e2}.resource-browser-tabs .tab-btn.active{background:#4a90e2;color:#fff;border-color:#4a90e2}.resource-browser-content{flex:1;overflow-y:auto;padding:2rem}.resource-browser-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.resource-browser-item{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s}.resource-browser-item:hover{border-color:#4a90e2;box-shadow:0 2px 8px #4a90e233;transform:translateY(-2px)}.resource-preview-small{width:100%;height:120px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;border-radius:4px;margin-bottom:.75rem;overflow:hidden}.resource-preview-small img{max-width:100%;max-height:100%;object-fit:contain}.resource-icon-small{font-size:3rem;opacity:.3}.resource-item-info{text-align:center}.resource-item-name{font-weight:600;color:#333;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem}.resource-item-size{font-size:.75rem;color:#999;margin-bottom:.5rem}.resource-item-path{margin-top:.5rem}.resource-item-path code{font-size:.7rem;background:#f5f5f5;padding:.2rem .4rem;border-radius:3px;display:block;overflow:hidden;text-overflow:ellipsis;color:#666}.loading-state{display:flex;justify-content:center;align-items:center;min-height:300px;font-size:1.1rem;color:#666}.empty-state{text-align:center;padding:3rem 2rem;color:#999}.empty-state p{margin:.5rem 0;font-size:1rem}.resource-files-badges{display:flex;gap:.25rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem}.file-extension-badge{background:#e8f4fd;color:#2c5f8d;padding:.15rem .4rem;border-radius:3px;font-size:.65rem;font-weight:600;text-transform:uppercase;border:1px solid #b3d9f2}.validation-dialog{max-width:600px;max-height:80vh}.validation-summary{margin-bottom:24px;padding:20px;background:#f7fafc;border-radius:8px}.summary-stats{display:flex;gap:24px;justify-content:center}.stat-item{display:flex;flex-direction:column;align-items:center;gap:8px}.stat-icon{font-size:32px;font-weight:700}.stat-item.valid .stat-icon{color:#48bb78}.stat-item.invalid .stat-icon{color:#e53e3e}.stat-count{font-size:28px;font-weight:700}.stat-item.valid .stat-count{color:#48bb78}.stat-item.invalid .stat-count{color:#e53e3e}.stat-label{font-size:14px;font-weight:500;color:#718096;text-transform:uppercase}.validation-section{margin-bottom:20px}.validation-section h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#2d3748}.file-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.file-item{display:flex;gap:12px;padding:12px;border-radius:6px;border:1px solid}.file-item.valid{background:#f0fff4;border-color:#c6f6d5}.file-item.invalid{background:#fff5f5;border-color:#fed7d7}.file-icon{font-size:24px;flex-shrink:0}.file-details{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.file-name{font-weight:500;font-size:14px;color:#2d3748;word-break:break-word}.file-mapping{font-size:12px;color:#718096;font-style:italic}.file-dimensions{font-size:12px;color:#4a5568;font-family:monospace}.file-error{font-size:13px;color:#e53e3e;font-weight:500;margin-top:4px}.btn-proceed{background:#667eea;color:#fff;padding:10px 20px;border-radius:6px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-proceed:hover{background:#5568d3;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.btn-proceed:disabled{background:#cbd5e0;cursor:not-allowed;transform:none}.btn-resize{background:#ed8936;color:#fff;padding:10px 20px;border-radius:6px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-resize:hover{background:#dd6b20;transform:translateY(-1px);box-shadow:0 4px 12px #ed89364d}.folder-import-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.folder-import-modal{background:#fff;border-radius:12px;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000026;position:relative}.import-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;border-radius:12px;gap:20px}.loading-spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.loading-message{font-size:1em;color:#1a1a1a;font-weight:500;margin:0}.folder-import-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.folder-import-modal-header h3{margin:0;color:#1a1a1a;font-size:1.4em;font-weight:600}.btn-close{background:transparent;border:none;color:#6b7280;font-size:1.5em;cursor:pointer;padding:5px 10px;transition:color .2s}.btn-close:hover{color:#1a1a1a}.folder-import-modal-body{flex:1;overflow-y:auto;padding:20px}.folder-drop-zone{border:3px dashed #d1d5db;border-radius:12px;padding:60px 40px;text-align:center;transition:all .3s;cursor:pointer;background:#f9fafb}.folder-drop-zone.dragging{border-color:#667eea;background:#667eea0d}.drop-zone-icon{font-size:4em;margin-bottom:20px;opacity:.4}.folder-drop-zone.dragging .drop-zone-icon{opacity:1;transform:scale(1.1)}.drop-zone-text p{margin:5px 0;color:#1a1a1a;font-size:1.1em}.drop-zone-hint{font-size:.9em!important;color:#6b7280!important;margin-top:15px!important}.scanned-files-preview{display:flex;flex-direction:column;gap:20px}.preview-summary{display:flex;gap:20px;padding:20px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.summary-item{display:flex;flex-direction:column;gap:5px}.summary-label{font-size:.85em;color:#6b7280;font-weight:500}.summary-value{font-size:1.5em;font-weight:700;color:#1a1a1a}.summary-item.success .summary-value{color:#10b981}.summary-item.warning .summary-value{color:#f59e0b}.summary-item.error{height:auto!important;display:flex;flex-direction:column;gap:5px}.summary-item.error .summary-value{color:#ef4444}.import-info-message{padding:12px 16px;background:#eff6ff;border-left:3px solid #667eea;border-radius:6px;color:#1e40af;font-size:.9em;line-height:1.5}.import-info-message strong{color:#667eea}.import-info-note{margin-top:20px;padding:12px 16px;background:#eff6ff;border-left:3px solid #667eea;border-radius:6px;color:#1e40af;font-size:.9em;line-height:1.6}.import-info-note strong{color:#667eea}.unmapped-files-section{margin-bottom:20px}.unmapped-files-section details{background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;padding:12px 16px}.unmapped-summary{cursor:pointer;font-weight:500;color:#92400e;list-style:none;-webkit-user-select:none;user-select:none}.unmapped-summary::-webkit-details-marker{display:none}.unmapped-summary:before{content:"▶ ";display:inline-block;transition:transform .2s}details[open] .unmapped-summary:before{transform:rotate(90deg)}.unmapped-files-list{margin-top:12px;display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.unmapped-file-item{display:flex;flex-direction:column;gap:4px;padding:8px 12px;background:#fff;border-radius:4px;border-left:3px solid #f59e0b}.unmapped-file-name{font-weight:500;color:#1a1a1a;font-size:.9em}.unmapped-file-path{font-size:.8em;color:#6b7280}.unmapped-reason{font-size:.8em;color:#d97706;font-style:italic}.duplicate-files-section{margin-bottom:20px}.duplicate-files-section details{background:#fee2e2;border:1px solid #f87171;border-radius:6px;padding:12px 16px}.duplicate-summary{cursor:pointer;font-weight:500;color:#991b1b;list-style:none;-webkit-user-select:none;user-select:none}.duplicate-summary::-webkit-details-marker{display:none}.duplicate-summary:before{content:"▶ ";display:inline-block;transition:transform .2s}details[open] .duplicate-summary:before{transform:rotate(90deg)}.duplicate-files-list{margin-top:12px;display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.duplicate-file-item{display:flex;flex-direction:column;gap:4px;padding:8px 12px;background:#fff;border-radius:4px;border-left:3px solid #ef4444}.duplicate-file-name{font-weight:500;color:#1a1a1a;font-size:.9em}.duplicate-file-path{font-size:.8em;color:#6b7280}.duplicate-reason{font-size:.8em;color:#dc2626;font-style:italic}.files-by-category{display:flex;flex-direction:column;gap:20px}.category-group{background:#fff;border-radius:8px;padding:20px;border:1px solid #e5e7eb}.category-group-header{margin:0 0 15px;color:#1a1a1a;font-size:1.1em;font-weight:600;padding-bottom:10px;border-bottom:2px solid #e5e7eb}.category-files-list{display:flex;flex-direction:column;gap:8px}.file-mapping-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9fafb;border-radius:6px;border-left:3px solid transparent;transition:all .2s}.file-mapping-item.mapped{border-left-color:#10b981}.file-mapping-item.unmapped{border-left-color:#f59e0b;opacity:.6}.file-mapping-item.duplicate{border-left-color:#ef4444;opacity:.5}.file-info{display:flex;flex-direction:column;gap:4px;flex:1}.file-name{color:#1a1a1a;font-weight:500}.file-path{color:#6b7280;font-size:.85em}.mapping-info{display:flex;align-items:center;gap:10px;color:#10b981}.mapping-info.unmapped{color:#f59e0b}.mapping-info.duplicate{color:#ef4444}.arrow{color:#9ca3af;font-weight:700}.mapped-resource{font-weight:600;padding:4px 10px;background:#10b9811a;border-radius:4px;font-family:Monaco,Courier New,monospace;color:#047857}.match-score{font-size:.85em;color:#6b7280}.replace-badge{font-size:.8em;padding:3px 8px;background:#f59e0b1a;color:#d97706;border-radius:4px;font-weight:500}.unmapped-label{font-size:.9em;font-style:italic}.duplicate-label{font-size:.85em;font-style:italic}.folder-import-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.btn-primary,.btn-secondary{padding:10px 24px;border:none;border-radius:6px;cursor:pointer;font-size:.95em;font-weight:500;transition:all .2s}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover:not(:disabled){background:#5568d3;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.btn-primary:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.add-google-font-modal{max-width:500px}.add-google-font-modal .form-group{margin-bottom:1.5rem}.add-google-font-modal label{display:block;font-weight:600;margin-bottom:.5rem}.add-google-font-modal input[type=text]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.add-google-font-modal input[type=text]:focus{outline:none;border-color:#5b58a5;box-shadow:0 0 0 2px #5b58a51a}.add-google-font-modal .field-hint{margin-top:.5rem;font-size:.875rem;color:#666}.add-google-font-modal .field-hint a{color:#5b58a5;text-decoration:none}.add-google-font-modal .field-hint a:hover{text-decoration:underline}.add-google-font-modal .error-message{padding:.75rem;background:#fee;border-left:3px solid #e74c3c;border-radius:4px}.add-google-font-modal .modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.add-google-font-modal .modal-actions button{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .2s}.add-google-font-modal .modal-actions button:not(.btn-primary){background:#e0e0e0;color:#333}.add-google-font-modal .modal-actions button:not(.btn-primary):hover:not(:disabled){background:#d0d0d0}.add-google-font-modal .modal-actions .btn-primary{background:#5b58a5;color:#fff}.add-google-font-modal .modal-actions .btn-primary:hover:not(:disabled){background:#4a478a}.add-google-font-modal .modal-actions button:disabled{opacity:.6;cursor:not-allowed}.game-resources{max-width:1200px;margin:0 auto}.resources-header{margin-bottom:30px;display:flex;justify-content:space-between;align-items:center}.resources-header h3{margin:0;font-size:22px;font-weight:600;color:#1a1a1a}.btn-folder-import{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-folder-import:hover{background:#5568d3;transform:translateY(-1px)}.resources-header p{margin:0;font-size:14px;color:#666}.category-tabs{display:flex;gap:12px;margin-bottom:30px;flex-wrap:wrap}.category-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;color:#4a5568;cursor:pointer;transition:all .2s}.category-tab:hover{border-color:#cbd5e0;background:#f7fafc}.category-tab.active{border-color:#667eea;background:#667eea;color:#fff}.category-icon{font-size:18px}.category-count{padding:2px 8px;background:#0000001a;border-radius:12px;font-size:12px;font-weight:600}.category-tab.active .category-count{background:#fff3}.resources-content{background:#fff;border-radius:12px;padding:30px;border:1px solid #e2e8f0}.upload-section h4,.resources-grid-section h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#1a1a1a}.upload-area{margin-bottom:12px}.upload-placeholder{border:2px dashed #cbd5e0;border-radius:8px;padding:40px;text-align:center;transition:all .2s;cursor:pointer}.upload-placeholder:hover{border-color:#667eea;background:#f7fafc}.upload-icon{font-size:48px;margin-bottom:16px;opacity:.4}.upload-placeholder p{margin:0 0 16px;color:#666;font-size:14px}.btn-browse{padding:10px 24px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-browse:hover{background:#5568d3;transform:translateY(-1px)}.upload-hint{margin:0;font-size:13px;color:#999}.resources-grid-section{margin-top:40px;padding-top:30px;border-top:1px solid #e2e8f0}.resources-empty{text-align:center;padding:40px;color:#999;font-size:14px}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.resource-item{position:relative;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;transition:all .2s}.resource-item:hover{border-color:#cbd5e0;box-shadow:0 2px 8px #00000014}.resource-preview{width:100%;height:100px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:6px;margin-bottom:8px;overflow:hidden}.resource-icon{font-size:32px;opacity:.3}.resource-info{margin-bottom:8px}.resource-name{font-size:13px;font-weight:500;color:#2d3748;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.resource-dimensions{font-size:11px;color:#999}.btn-delete-resource{position:absolute;top:8px;right:8px;background:#ffffffe6;border:1px solid #e2e8f0;border-radius:4px;padding:4px 8px;font-size:14px;cursor:pointer;opacity:0;transition:all .2s}.resource-item:hover .btn-delete-resource{opacity:1}.btn-delete-resource:hover{background:#fee;border-color:#e53e3e}.spritesheet-actions{margin-top:30px;padding-top:24px;border-top:1px solid #e2e8f0;text-align:center}.btn-generate-spritesheet{padding:12px 32px;background:#48bb78;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.btn-generate-spritesheet:hover{background:#38a169;transform:translateY(-2px);box-shadow:0 4px 12px #48bb784d}.hint{margin:12px 0 0;font-size:13px;color:#999}.spritesheets-section{margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid #e2e8f0}.spritesheets-section h4{margin:0 0 20px;font-size:16px;font-weight:600;color:#1a1a1a}.spritesheets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:20px}.spritesheet-card{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;transition:all .2s}.spritesheet-card:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #00000014}.spritesheet-preview{width:100%;height:160px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:6px;margin-bottom:12px;overflow:hidden}.spritesheet-preview img{max-width:100%;max-height:100%;object-fit:contain}.spritesheet-info{margin-bottom:12px}.spritesheet-name{font-size:14px;font-weight:600;color:#2d3748;margin-bottom:6px}.spritesheet-meta{display:flex;gap:12px;font-size:12px;color:#666}.spritesheet-actions{display:flex;gap:8px}.btn-download{padding:6px 12px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.btn-download:hover{background:#5568d3}.btn-regenerate{padding:10px 24px;background:#f59e0b;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-regenerate:hover{background:#d97706;transform:translateY(-1px)}.resources-grid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}.resources-grid-header h4{margin:0}.search-bar{position:relative;flex:0 0 300px}.search-bar input{width:100%;padding:8px 32px 8px 12px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px;transition:all .2s;box-sizing:border-box}.search-bar input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-clear-search{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:20px;color:#999;cursor:pointer;padding:0 4px;transition:color .2s}.btn-clear-search:hover{color:#e53e3e}.resource-preview.clickable{cursor:pointer;position:relative}.preview-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;font-size:24px;opacity:0;transition:opacity .2s}.resource-preview.clickable:hover .preview-overlay{opacity:1}.resource-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-config{max-width:1000px;margin:0 auto;padding:20px}.game-config-loading{text-align:center;padding:40px;color:#666}.config-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.config-header h3{margin:0 0 8px;font-size:22px;font-weight:600;color:#1a1a1a}.config-header p{margin:0;font-size:14px;color:#666}.config-mode-switch{display:flex;gap:0;background:#f7fafc;border-radius:8px;padding:4px}.config-mode-switch button{padding:8px 20px;background:transparent;border:none;border-radius:6px;font-size:14px;font-weight:500;color:#4a5568;cursor:pointer;transition:all .2s}.config-mode-switch button.active{background:#fff;color:#667eea;box-shadow:0 1px 3px #0000001a}.config-help{background:#ebf8ff;border-left:4px solid #3182CE;padding:16px;margin-bottom:24px;border-radius:6px}.config-help p{margin:0;font-size:14px;color:#2c5282;line-height:1.6}.config-visual{display:flex;flex-direction:column;gap:30px}.config-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.section-header{padding:16px 20px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f7fafc;border-bottom:1px solid #e2e8f0;transition:background .2s}.section-header h4{margin:0;font-size:16px;font-weight:600;color:#2d3748}.section-content{padding:20px}.config-field{padding:16px;background:#f9fafb;border-radius:8px;margin-bottom:16px;border:2px solid transparent;transition:all .2s}.config-field.is-overridden{background:#fff5f0;border-color:#ff9f66}.field-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.field-header label{font-size:14px;font-weight:600;color:#2d3748}.override-badge{background:#ff9f66;color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.field-description{margin:0 0 12px;font-size:13px;color:#718096;font-style:italic}.field-input-group{display:flex;flex-direction:column;gap:6px}.field-input-group input{padding:10px 12px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px;transition:all .2s}.field-input-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.base-value-label{font-size:12px;color:#a0aec0;font-style:italic}.config-form{display:flex;flex-direction:column;gap:20px}.form-group label{margin-bottom:8px;font-size:14px;font-weight:500;color:#2d3748}.form-group input,.form-group textarea{padding:10px 12px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px;font-family:Monaco,Courier New,monospace;transition:all .2s}.config-json{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.config-json textarea{width:100%;min-height:600px;padding:16px;border:1px solid #cbd5e0;border-radius:8px;font-family:Monaco,Courier New,monospace;font-size:13px;line-height:1.6;resize:vertical;box-sizing:border-box}.config-json textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.config-json textarea.has-error{border-color:#e53e3e}.json-error{margin-top:12px;padding:12px 16px;background:#fff5f5;border:1px solid #feb2b2;border-radius:6px;color:#e53e3e;font-size:13px;font-family:Monaco,Courier New,monospace}.config-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.btn-save{padding:12px 32px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-save:hover:not(:disabled){background:#5568d3;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.btn-save:disabled{background:#cbd5e0;cursor:not-allowed}.config-json-editor{display:flex;flex-direction:column;gap:20px}.game-config-viewer{padding:20px;background:#f8f9fa;border-radius:8px}.game-config-loading,.game-config-error,.game-config-empty{padding:40px;text-align:center;color:#666;font-size:14px}.game-config-error{color:#d32f2f}.config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e0e0e0}.config-header h3{margin:0;font-size:20px;color:#333}.view-mode-tabs{display:flex;gap:8px}.view-mode-tabs button{padding:8px 16px;border:1px solid #ddd;background:#fff;cursor:pointer;border-radius:4px;font-size:13px;transition:all .2s}.view-mode-tabs button:hover{background:#f5f5f5}.view-mode-tabs button.active{background:#1976d2;color:#fff;border-color:#1976d2}.config-legend{display:flex;gap:20px;font-size:12px;padding:12px;background:#fff;border-radius:4px;margin-bottom:16px}.config-help{margin:0;color:#666;font-style:italic}.config-empty-state{padding:40px;text-align:center;color:#999;font-style:italic;background:#fff;border-radius:6px;border:2px dashed #ddd}.legend-item{display:flex;align-items:center;gap:6px}.legend-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.legend-dot.base{background:#90caf9}.legend-dot.overridden{background:#ffab40}.legend-dot.placeholder{background:#9c27b0}.config-sections{display:flex;flex-direction:column;gap:24px}.config-section{background:#fff;border-radius:6px;padding:16px;box-shadow:0 1px 3px #0000001a}.config-section h4{margin:0 0 12px;font-size:16px;color:#555;font-weight:600}.config-content{font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.6;overflow-x:auto;max-height:600px;overflow-y:auto}.config-object,.config-array{display:block}.config-indent{padding-left:24px}.config-property{margin:2px 0}.config-key{color:#881391;font-weight:500}.config-colon{color:#666}.config-string{color:#1a1aa6}.config-string.placeholder{color:#9c27b0;font-weight:600;background:#f3e5f5;padding:2px 4px;border-radius:3px}.config-number{color:#098658}.config-boolean{color:#00f;font-weight:600}.config-null{color:gray;font-style:italic}.config-string.overridden,.config-number.overridden{background:#fff3e0;padding:2px 4px;border-radius:3px;font-weight:600;color:#e65100}.config-string.base,.config-number.base{color:#1976d2}.overridden-value{position:relative}.base-value-hint{color:#999;font-size:11px;font-style:italic;margin-left:6px}.config-array-item{margin:2px 0}.canvas-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;overflow:hidden}.canvas-overlay.editing-active{pointer-events:auto;cursor:crosshair}.context-menu{background:#fffffffa;border-radius:8px;box-shadow:0 4px 16px #0000004d;overflow:hidden;min-width:200px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(33,150,243,.2)}.context-menu-header{padding:10px 16px;background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;font-size:13px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.2)}.context-menu-item{display:block;width:100%;padding:10px 16px;border:none;background:transparent;text-align:left;cursor:pointer;font-size:13px;color:#333;transition:all .2s;border-bottom:1px solid rgba(0,0,0,.05)}.context-menu-item:last-child{border-bottom:none}.context-menu-item:hover{background:#2196f31a;color:#2196f3}.context-menu-item:active{background:#2196f333}.canvas-overlay.editing-active:hover{cursor:pointer}.object-list-panel{position:absolute;top:0;left:0;bottom:0;width:280px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;z-index:100;transition:all .3s cubic-bezier(.4,0,.2,1)}.object-list-panel.collapsed{width:50px}.object-list-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e5e7eb;background:#fafbfc;position:relative;min-height:60px}.object-list-header h3{margin:0;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.8px}.panel-expand-btn{position:absolute;top:20px;left:10px;background:#fff;border:1px solid #e5e7eb;font-size:14px;cursor:pointer;padding:8px 10px;border-radius:6px;transition:all .15s;color:#6b7280;box-shadow:0 1px 2px #0000000d}.object-list-content{flex:1;overflow-y:auto;padding:8px;background:#fff}.object-list-item{display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:2px;border-radius:6px;cursor:pointer;transition:all .15s;background:transparent;border:1px solid transparent;position:relative}.object-list-item:hover{background:#f9fafb}.object-list-item.selected{background:#eff6ff;border-color:#dbeafe}.object-icon{font-size:16px;flex-shrink:0;opacity:.7;transition:opacity .15s}.object-list-item:hover .object-icon,.object-list-item.selected .object-icon{opacity:1}.object-label{flex:1;font-size:13px;font-weight:500;color:#374151;transition:color .15s}.object-list-item.selected .object-label{color:#2563eb;font-weight:600}.object-badge{font-size:11px;opacity:.4;transition:opacity .15s}.object-list-item:hover .object-badge{opacity:.6}.object-list-content::-webkit-scrollbar{width:8px}.object-list-content::-webkit-scrollbar-track{background:transparent}.object-list-content::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px;border:2px solid #ffffff}.object-list-content::-webkit-scrollbar-thumb:hover{background:#d1d5db}.properties-panel{position:absolute;top:0;right:0;bottom:0;width:380px;background:#fff;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;z-index:100;transition:all .3s cubic-bezier(.4,0,.2,1)}.properties-panel.collapsed{width:50px}.properties-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e5e7eb;background:#fafbfc;position:relative;min-height:60px}.properties-header h3{margin:0;font-size:13px;font-weight:600;color:#374151}.properties-subtitle{font-size:10px;color:#9ca3af;margin-top:2px;text-transform:uppercase;letter-spacing:.8px;font-weight:500}.panel-toggle-btn{background:transparent;border:none;font-size:14px;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .15s;color:#9ca3af}.panel-toggle-btn:hover{background:#f3f4f6;color:#374151}.panel-expand-btn{position:absolute;top:20px;right:10px;background:#fff;border:1px solid #e5e7eb;font-size:14px;cursor:pointer;padding:8px 10px;border-radius:6px;transition:all .15s;color:#6b7280;box-shadow:0 1px 2px #0000000d}.panel-expand-btn:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.properties-content{flex:1;overflow-y:auto;padding:16px;background:#fff}.property-section{margin-bottom:24px}.property-section h4{margin:0 0 12px;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.8px}.section-description{font-size:12px;color:#9ca3af;margin:-8px 0 12px;line-height:1.5}.subsection{margin-top:16px}.subsection:first-child{margin-top:0}.subsection h5{margin:0 0 8px;font-size:12px;font-weight:600;color:#4b5563}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 30px;text-align:center;color:#9ca3af}.empty-icon{font-size:40px;margin-bottom:12px;opacity:.3}.empty-state p{margin:0;font-size:13px;line-height:1.5}.visual-field{margin-bottom:12px;padding:0;background:transparent;border-radius:0;border:none;transition:all .15s;position:relative}.visual-field.is-overridden{background:#fef3c7;padding:8px;border-radius:6px;border:1px solid #fde68a}.visual-field.is-overridden:before{content:"MODIFIED";position:absolute;top:8px;right:8px;font-size:9px;font-weight:600;color:#b45309;background:#fde68a;padding:2px 6px;border-radius:3px;letter-spacing:.5px}.visual-field.supports-live-update{background:#dbeafe;padding:8px;border-radius:6px;border:1px solid #bfdbfe}.visual-field.supports-live-update:after{content:"LIVE";position:absolute;top:8px;right:8px;font-size:9px;font-weight:600;color:#1d4ed8;background:#bfdbfe;padding:2px 6px;border-radius:3px;letter-spacing:.5px}.visual-field.supports-live-update.is-overridden{background:#fef3c7}.visual-field.supports-live-update.is-overridden:after{right:80px}.visual-field label{display:block;margin-bottom:6px;font-size:12px;font-weight:500;color:#6b7280}.live-update-indicator{font-size:11px;color:#3b82f6;margin-left:4px}.field-input{display:flex;flex-direction:column;gap:6px}.input-row{display:flex;gap:6px;align-items:center}.increment-buttons{display:flex;flex-direction:column;gap:2px}.btn-increment{width:20px;height:18px;padding:0;border:1px solid #e5e7eb;background:#fff;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;color:#9ca3af}.btn-increment:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.btn-increment:active{background:#f3f4f6}.field-input-main{flex:1;padding:6px 10px;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;font-family:Courier New,monospace;transition:all .15s;background:#fff;color:#374151}.field-input-main:hover{border-color:#d1d5db}.field-input-main:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.visual-field.is-overridden .field-input-main{border-color:#fbbf24;background:#fff}.visual-field.is-overridden .field-input-main:focus{box-shadow:0 0 0 3px #fbbf241a}.field-input-main[type=color]{height:32px;padding:2px;cursor:pointer}.field-slider{width:100%;height:4px;border-radius:2px;background:#e5e7eb;outline:none;-webkit-appearance:none}.field-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#3b82f6;cursor:pointer;transition:all .15s;box-shadow:0 1px 2px #00000026}.field-slider::-webkit-slider-thumb:hover{background:#2563eb;transform:scale(1.15)}.field-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#3b82f6;cursor:pointer;border:none;transition:all .15s;box-shadow:0 1px 2px #00000026}.field-slider::-moz-range-thumb:hover{background:#2563eb;transform:scale(1.15)}.visual-field.is-overridden .field-slider::-webkit-slider-thumb{background:#f59e0b}.visual-field.is-overridden .field-slider::-moz-range-thumb{background:#f59e0b}.default-value{font-size:11px;color:#9ca3af;font-family:Courier New,monospace;margin-top:4px}.btn-reset{padding:4px 10px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s;color:#6b7280;display:inline-flex;align-items:center;gap:4px;margin-top:6px}.btn-reset:hover{background:#fef3c7;border-color:#fbbf24;color:#92400e}.btn-reset:active{background:#fde68a;transform:scale(.98)}.properties-content::-webkit-scrollbar{width:8px}.properties-content::-webkit-scrollbar-track{background:transparent}.properties-content::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px;border:2px solid #ffffff}.properties-content::-webkit-scrollbar-thumb:hover{background:#d1d5db}.visual-editor{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:#f5f5f5}.visual-editor.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:#f5f5f5;overflow:hidden}.visual-editor.fullscreen .game-canvas-area{background:#000}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(135deg,#fff,#f8f9fa);border-bottom:2px solid rgba(0,0,0,.1);height:50px;box-shadow:0 2px 8px #0000000d;z-index:200}.toolbar-left{display:flex;align-items:center;gap:8px;flex:1}.toolbar-center{display:flex;align-items:center;gap:8px;flex:0}.toolbar-right{display:flex;align-items:center;gap:8px;justify-content:flex-end;flex:1}.toolbar-logo{height:36px;width:auto;display:flex;align-items:center;margin-right:12px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.toolbar-title{margin:0;font-size:16px;font-weight:600;color:#333;letter-spacing:-.5px}.toolbar-btn{padding:8px 16px;border:1px solid rgba(0,0,0,.15);background:#fff;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;color:#555;display:flex;align-items:center;gap:6px;white-space:nowrap}.toolbar-btn:hover:not(:disabled){background:#f8f9fa;border-color:#2196f3;color:#2196f3;transform:translateY(-1px);box-shadow:0 2px 8px #2196f333}.toolbar-btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed;background:#f5f5f5}.toolbar-btn.active{background:#2196f3;color:#fff;border-color:#2196f3}.toolbar-btn.active:hover{background:#1976d2;border-color:#1976d2}.toolbar-btn-primary{background:#4caf50;color:#fff;border-color:#4caf50}.toolbar-btn-primary:hover:not(:disabled){background:#45a049;border-color:#45a049}.toolbar-dropdown{position:relative}.toolbar-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:6px;box-shadow:0 4px 12px #00000026;min-width:200px;z-index:1000;overflow:hidden}.toolbar-dropdown-menu button{width:100%;padding:10px 16px;border:none;background:#fff;text-align:left;font-size:13px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:space-between;color:#555}.toolbar-dropdown-menu button:hover{background:#f0f7ff;color:#2196f3}.toolbar-dropdown-menu button.active{background:#e3f2fd;color:#1976d2;font-weight:600}.toolbar-dropdown-menu button:disabled{opacity:.5;cursor:not-allowed}.menu-hint{font-size:11px;color:#999;font-weight:400}.editor-main{position:relative;flex:1;display:flex;overflow:hidden}.game-canvas-area{flex:1;position:relative;background:#000;overflow:hidden;margin-left:50px;margin-right:50px}.visual-editor-loading{display:flex;align-items:center;justify-content:center;height:400px;font-size:16px;color:#666}.game-iframe{width:100%;height:100%;border:none;position:absolute;top:0;left:0}.game-url-missing{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center;color:#fff;background:#1a1a1a}.game-url-missing p{margin:10px 0;font-size:16px;line-height:1.6}.game-url-missing p:first-child{font-size:24px;font-weight:700;color:#ffc107}.game-url-missing strong{color:#4fc3f7;font-weight:600}.view-mode-selector{display:flex;gap:4px;padding:0 12px;border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1)}.game-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#1a1a1a}.game-container[data-view-mode=mobile-portrait] iframe,.game-container[data-view-mode=mobile-landscape] iframe{max-width:100%;max-height:100%;width:auto!important;height:auto!important;position:relative!important;top:auto!important;left:auto!important;box-shadow:0 10px 40px #00000080;border-radius:8px}.game-container[data-view-mode=mobile-portrait] iframe{aspect-ratio:9 / 16;width:456px;height:812px;transform:scale(.8)}.game-container[data-view-mode=mobile-landscape] iframe{aspect-ratio:812 / 375;width:812px;height:375px;transform:scale(.8)}.game-container[data-view-mode=desktop] iframe{width:100%;height:100%}.game-translations{max-width:900px;margin:0 auto}.translations-header{margin-bottom:30px}.translations-header h3{margin:0 0 8px;font-size:22px;font-weight:600;color:#1a1a1a}.translations-header p{margin:0;font-size:14px;color:#666}.language-tabs{display:flex;gap:8px;margin-bottom:30px;flex-wrap:wrap}.language-tab-wrapper{position:relative;display:flex;align-items:center}.language-tab{padding:10px 20px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:600;color:#4a5568;cursor:pointer;transition:all .2s}.language-tab:hover{border-color:#cbd5e0}.language-tab.active{border-color:#667eea;background:#667eea;color:#fff}.btn-remove-lang{position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:#e53e3e;color:#fff;border:none;border-radius:50%;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.language-tab-wrapper:hover .btn-remove-lang{opacity:1}.btn-remove-lang:hover{background:#c53030}.add-language{display:flex;gap:8px;align-items:center}.add-language input{width:80px;padding:8px 12px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px;text-transform:lowercase}.add-language input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.add-language button{padding:8px 16px;background:#48bb78;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.add-language button:hover{background:#38a169}.translation-fields{display:flex;flex-direction:column;gap:30px}.field-group{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.field-group h4{margin:0 0 20px;font-size:18px;font-weight:600;color:#1a1a1a;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#2d3748}.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px;transition:all .2s;box-sizing:border-box}.form-group textarea{font-family:Monaco,Courier New,monospace;resize:vertical}.version-graph{flex-shrink:0;display:flex;align-items:flex-start;min-width:30px}.version-graph canvas{display:block}.version-graph-view{position:relative;overflow:hidden;background:#f8f9fa;border-radius:8px;width:100%;height:100%}.version-graph-view canvas{display:block;width:100%;height:100%}.graph-controls{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:8px;background:#fff;padding:8px 12px;border-radius:8px;box-shadow:0 2px 8px #0000001a;z-index:10}.graph-controls button{background:#667eea;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s}.graph-controls button:hover{background:#5568d3}.graph-controls button:active{background:#4c5fc4}.graph-controls .zoom-level{font-size:13px;font-weight:500;color:#666;min-width:45px;text-align:center}.version-graph-view-empty{text-align:center;padding:60px 20px;color:#999}.version-tooltip{position:fixed;background:#ffffffbf!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:2px solid #667eea;border-radius:8px;padding:12px 16px;box-shadow:0 4px 12px #00000026;z-index:1000;max-width:300px;pointer-events:none}.tooltip-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:15px}.tooltip-header .badge{display:inline-block;padding:2px 8px;font-size:10px;font-weight:600;border-radius:10px}.tooltip-header .badge.released{background:#fef3c7;color:#92400e;border:1px solid #fbbf24}.tooltip-header .badge.active{background:#d1fae5;color:#065f46;border:1px solid #10b981}.tooltip-header .badge.locked{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}.tooltip-notes{font-size:13px;color:#666;margin-bottom:6px;padding:6px 0;border-top:1px solid #e2e8f0}.tooltip-meta{font-size:12px;color:#999;margin-top:6px}.tooltip-action{font-size:12px;color:#667eea;margin-top:8px;font-weight:500;padding-top:8px;border-top:1px solid #e2e8f0}.game-history{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column}.history-header{margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;flex:0 0 auto}.history-header h3{margin:0 0 8px;font-size:22px;font-weight:600;color:#1a1a1a}.history-header p{margin:0;font-size:14px;color:#666}.view-toggle{display:flex;gap:8px}.toggle-btn{padding:8px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;color:#666}.toggle-btn:hover{border-color:#667eea;color:#667eea}.toggle-btn.active{background:#667eea;border-color:#667eea;color:#fff}.history-loading,.history-error{text-align:center;padding:60px 20px}.history-loading{color:#666}.history-error p{color:#e53e3e;margin-bottom:20px}.btn-retry{padding:10px 24px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-retry:hover{background:#5568d3}.history-empty{text-align:center;padding:80px 20px}.empty-icon{font-size:72px;margin-bottom:20px;opacity:.3}.history-empty h3{margin:0 0 12px;font-size:20px;font-weight:600;color:#666}.history-empty p{margin:0;font-size:14px;color:#999}.history-timeline{position:relative;display:flex;gap:10px;flex:1 1 auto;min-height:0;overflow-y:auto}.history-items{flex:1}.history-item{margin-bottom:30px}.history-item:last-child{margin-bottom:0}.history-card{flex:1;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000d;transition:all .2s}.history-card:hover{border-color:#cbd5e0;box-shadow:0 2px 8px #00000014}.history-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.version-number{display:block;font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.version-date{display:block;font-size:13px;color:#666}.btn-restore{padding:6px 16px;background:transparent;color:#667eea;border:1px solid #667eea;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-restore:hover{background:#667eea;color:#fff}.version-note{background:#f7fafc;border-left:3px solid #667eea;padding:12px 16px;margin-bottom:12px;font-size:14px;color:#4a5568;border-radius:4px}.version-note strong{color:#2d3748;font-weight:600}.version-meta{font-size:13px;color:#999;padding-top:8px;border-top:1px solid #f0f0f0}.version-number .badge{display:inline-block;padding:3px 10px;font-size:11px;font-weight:600;border-radius:12px;margin-left:8px;vertical-align:middle}.badge.released{background:#fef3c7;color:#92400e;border:1px solid #fbbf24}.badge.active{background:#d1fae5;color:#065f46;border:1px solid #10b981}.badge.locked{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}.history-item.active-release .history-card{border-color:#10b981;background:#f0fdf4}.marker-dot.active{background:#10b981;box-shadow:0 0 0 2px #10b981}.history-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-mark-released{padding:6px 16px;background:#f59e0b;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-mark-released:hover{background:#d97706}.btn-set-active{padding:6px 16px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-set-active:hover{background:#059669}.btn-play-version{padding:6px 16px;background:#7c3aed;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-play-version:hover{background:#6d28d9}.btn-play-version:disabled{background:#cbd5e0;color:#718096;cursor:not-allowed}.btn-demote{padding:6px 16px;background:#fbbf24;color:#78350f;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-demote:hover{background:#f59e0b}.btn-copy{padding:6px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-copy:hover{background:#2563eb}.font-manager{background:#fff;border-radius:8px;padding:1.5rem}.font-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0}.font-manager-header h3{margin:0;color:#333}.btn-add-font{background:#28a745;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500}.btn-add-font:hover{background:#218838}.fonts-list{display:grid;gap:1rem}.font-item{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem}.font-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.font-item-header h4{margin:0;color:#333}.btn-delete-font{background:#e74c3c;color:#fff;border:none;width:2rem;height:2rem;border-radius:4px;cursor:pointer;font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center}.btn-delete-font:hover{background:#c0392b}.font-item-details{display:grid;grid-template-columns:1fr auto;gap:1.5rem;margin-bottom:1rem}.font-files ul{margin:.5rem 0 0;padding-left:1.5rem}.font-files li{margin:.25rem 0;color:#666;font-size:.9rem}.font-config{display:flex;gap:1.5rem;font-size:.9rem;color:#666}.font-preview{padding:1rem;background:#fff;border:1px solid #ddd;border-radius:4px;font-size:1.2rem;color:#333;text-align:center}.empty-state{text-align:center;padding:3rem 2rem;color:#999;font-size:1.1rem}.modal-content{background:#fff;border-radius:8px;padding:2rem;max-width:700px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}.font-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input[type=text],.form-group select{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#4a90e2}.font-source-options{display:flex;align-items:center;gap:1rem}.btn-browse-shared,.btn-upload-local{flex:1;background:#4a90e2;color:#fff;border:none;padding:.75rem 1rem;border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:500;text-align:center;display:inline-block}.btn-browse-shared:hover,.btn-upload-local:hover{background:#357abd}.or-divider{color:#999;font-weight:600}.selected-shared{margin-top:.5rem;padding:.75rem;background:#e8f5e9;border:1px solid #4caf50;border-radius:4px;display:flex;align-items:center;gap:.5rem}.selected-shared strong{color:#2e7d32}.selected-shared code{flex:1;background:#fff;padding:.25rem .5rem;border-radius:3px;font-size:.85rem}.btn-clear-shared{background:#e74c3c;color:#fff;border:none;width:1.5rem;height:1.5rem;border-radius:3px;cursor:pointer;font-size:1.2rem;line-height:1}.btn-clear-shared:hover{background:#c0392b}.file-list{margin:.5rem 0 0;padding:.75rem;background:#f5f5f5;border-radius:4px;list-style:none}.file-list li{padding:.25rem 0;color:#666;font-size:.9rem}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid #e0e0e0;margin-top:1rem}.pixi-text-preview{background:#fff;border:2px solid #e0e0e0;border-radius:6px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.pixi-preview-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.zoom-controls{display:flex;align-items:center;gap:.5rem}.zoom-controls button{padding:.4rem .75rem;background:#f0f0f0;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.85rem;white-space:nowrap}.zoom-controls button:hover{background:#e0e0e0}.pixi-canvas-container{display:flex;justify-content:center;align-items:center;background:#fafafa;border-radius:4px;min-height:200px;overflow:visible;transition:transform .2s ease}.pixi-canvas-container canvas{border-radius:4px;box-shadow:0 2px 8px #0000001a;max-width:100%;height:auto}.preview-label{margin:0;font-size:.85rem;color:#666;font-weight:500}.style-preview-canvas{background:#f5f5f5;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:160px;max-height:300px;width:100%;gap:.5rem;padding:.5rem}.canvas-zoom-controls{display:flex;align-items:center;gap:.5rem;background:#fff;padding:.25rem .5rem;border-radius:4px;box-shadow:0 1px 3px #0000001a}.canvas-zoom-controls button{padding:.4rem .75rem;background:#f0f0f0;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.85rem;white-space:nowrap}.canvas-zoom-controls button:hover{background:#e0e0e0}.canvas-wrapper{display:flex;align-items:center;justify-content:center}.style-preview-canvas canvas{display:block;max-width:100%;max-height:100%;object-fit:contain}.fullsize-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:10000}.fullsize-modal-content{background:#fff;border-radius:8px;padding:1.5rem;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;gap:1rem}.fullsize-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #e0e0e0;padding-bottom:.5rem}.fullsize-modal-header h3{margin:0;font-size:1.1rem}.close-button{background:none;border:none;font-size:2rem;cursor:pointer;color:#666;line-height:1;padding:0;width:30px;height:30px}.close-button:hover{color:#000}.fullsize-canvas-container{display:flex;justify-content:center;align-items:center;background:#fafafa;border-radius:4px;padding:2rem}.fullsize-canvas-container canvas{border-radius:4px;box-shadow:0 4px 12px #0003}.pixi-style-editor{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.pixi-style-editor .modal-large{width:1200px;max-width:95%}.style-sections{display:flex;gap:0;background:#f5f5f5;border-bottom:2px solid #e0e0e0;border-radius:8px 8px 0 0}.section-btn{flex:1;background:#e8e8e8;color:#666;border:none;padding:1rem;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s;border-bottom:3px solid transparent}.section-btn:first-child{border-radius:8px 0 0}.section-btn:last-child{border-radius:0 8px 0 0}.section-btn:hover:not(.active){background:#e0e0e0;color:#333}.section-btn.active{background:#fff;color:#1976d2;font-weight:600;border-bottom-color:#1976d2}.styles-content{padding:1.5rem}.styles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.styles-header h3{margin:0;color:#333}.btn-add-style{background:#4a90e2;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem}.btn-add-style:hover{background:#357abd}.styles-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.style-item{border:1px solid #e0e0e0;border-radius:6px;padding:1.5rem;background:#fafafa;height:320px;display:flex;flex-direction:column}.style-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.style-item-header h4{margin:0;color:#333;font-size:1rem;font-family:monospace}.style-item-actions{display:flex;gap:.5rem}.btn-edit-style,.btn-delete-style{background:#fff;border:1px solid #ddd;width:2rem;height:2rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s}.btn-edit-style:hover{background:#e3f2fd;border-color:#4a90e2}.btn-delete-style{font-size:1.5rem;color:#999}.btn-delete-style:hover{background:#fee;border-color:#e74c3c;color:#e74c3c}.style-item .pixi-text-preview,.style-item .style-preview-canvas{margin-bottom:0;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.style-item .pixi-text-preview .pixi-canvas-container,.style-item .style-preview-canvas .canvas-wrapper{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden}.style-item .pixi-text-preview .preview-label{display:none}.style-properties{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.8rem;color:#666;margin-top:auto;padding-top:.75rem;overflow:hidden}.style-properties span{background:#fff;padding:.25rem .5rem;border-radius:3px;border:1px solid #e0e0e0}.extends-badge{background:#e3f2fd!important;color:#1976d2!important;font-weight:500}.empty-state{text-align:center;padding:2rem;color:#999}.style-editor-layout{display:grid;grid-template-columns:400px 1fr;gap:2rem;margin-bottom:1.5rem}.style-form{display:flex;flex-direction:column;gap:1rem}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.form-section-header{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e0e0e0}.form-section-header label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#555;cursor:pointer}.form-section-header input[type=checkbox]{cursor:pointer;width:18px;height:18px}.shadow-controls{padding-left:1.5rem;border-left:3px solid #e3f2fd}.btn-add-color{padding:.25rem .75rem;font-size:.9rem;cursor:pointer;align-self:flex-start;background:#7c3aed;color:#fff;border:none;border-radius:4px;font-weight:500;transition:all .2s}.btn-add-color:hover{background:#6d28d9}.style-preview-panel{background:#fafafa;border:1px solid #e0e0e0;border-radius:6px;padding:1.5rem;position:sticky;top:0}.style-preview-panel h4{margin:0 0 1rem;color:#333}.form-section-header.collapsible{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s;padding:.5rem;margin:-.5rem -.5rem .5rem;border-radius:4px}.form-section-header.collapsible:hover{background:#f5f5f5}.form-section-header.collapsible label{cursor:pointer;font-size:.95rem}.preview-config-controls{padding-left:1.5rem;margin-top:1rem;border-left:3px solid #e3f2fd}.game-preview-section{margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e0e0e0}.game-preview-container{background:#f5f5f5;padding:1rem;border-radius:6px;display:flex;justify-content:center;align-items:center;min-height:200px;overflow:visible}.game-preview-container .style-preview-canvas{max-height:none;min-height:auto}.game-preview-container canvas{max-width:100%;height:auto;display:block}.game-preview-container .field-hint{color:#999}.font-slots-editor{margin-bottom:2rem}.font-slots-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.font-slots-header h3{margin:0 0 .5rem;font-size:1.25rem}.btn-add-slot{padding:.5rem 1rem;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;white-space:nowrap}.btn-add-slot:hover{background:#0056b3}.empty-slots{padding:2rem;text-align:center;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#6c757d}.empty-slots p{margin:.5rem 0}.font-slots-list{display:flex;flex-direction:column;gap:.75rem}.font-slot-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;transition:all .2s}.font-slot-item:hover{background:#e9ecef;border-color:#adb5bd}.slot-info{display:flex;align-items:center;gap:1rem;flex:1}.slot-name{font-weight:600;color:#495057;font-size:1rem;font-family:Courier New,monospace}.slot-arrow{color:#adb5bd;font-size:1.2rem}.slot-font{color:#007bff;font-weight:500;display:flex;align-items:center;gap:.5rem}.slot-font.missing{color:#dc3545;text-decoration:line-through}.missing-indicator{font-size:1rem}.slot-actions{display:flex;gap:.5rem}.btn-change-font,.btn-delete-slot,.btn-reset-slot{padding:.4rem .8rem;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s;font-weight:500}.btn-change-font{background:#007bff;color:#fff;border-color:#007bff}.btn-change-font:hover{background:#0056b3;border-color:#0056b3}.btn-delete-slot{background:#fff;color:#dc3545;border-color:#dee2e6;font-size:1rem;padding:.4rem .6rem}.btn-delete-slot:hover{background:#ffe5e5;border-color:#dc3545}.btn-reset-slot{background:#fff;color:#666;border-color:#dee2e6;font-size:1rem;padding:.4rem .6rem}.btn-reset-slot:hover{background:#fff3cd;border-color:#ffc107}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:90%;max-width:500px;max-height:90vh;overflow:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #dee2e6}.modal-header h3{margin:0;font-size:1.25rem}.modal-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6c757d;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{color:#000}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#495057}.form-group input,.form-group select{width:100%;padding:.5rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem}.form-group input:disabled{background:#e9ecef;cursor:not-allowed}.form-group small{display:block;margin-top:.25rem;color:#6c757d;font-size:.85rem}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #dee2e6}.btn-cancel,.btn-save{padding:.5rem 1.25rem;border:none;border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:500}.btn-cancel{background:#6c757d;color:#fff}.btn-cancel:hover{background:#545b62}.btn-save{background:#28a745;color:#fff}.btn-save:hover{background:#218838}.public-config{padding:20px}.public-config-header{margin-bottom:30px}.public-config-header h3{margin:0 0 8px;font-size:20px;font-weight:600;color:#1a1a1a}.public-config-description{margin:0;color:#666;font-size:14px}.public-config-form{max-width:600px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#333;font-size:14px}.field-hint{display:block;font-weight:400;color:#888;font-size:12px;margin-top:2px}.form-control{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s}.form-control:focus{outline:none;border-color:#4caf50}.form-actions{margin-top:30px;padding-top:20px;border-top:1px solid #eee}.btn{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-primary{background-color:#4caf50;color:#fff}.btn-primary:hover:not(:disabled){background-color:#45a049}.btn:disabled{opacity:.6;cursor:not-allowed}.message{margin-top:15px;padding:12px 16px;border-radius:4px;font-size:14px}.message-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.math-config{padding:20px;max-width:1200px}.math-config-header{margin-bottom:30px}.math-config-header h3{margin:0 0 10px;font-size:24px;color:#333}.math-config-header .hint{margin:0;color:#666;font-size:14px}.math-versions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.math-version-card{border:2px solid #ddd;border-radius:8px;padding:20px;background:#fff;transition:all .2s ease}.math-version-card:hover{border-color:#5b58a5;box-shadow:0 2px 8px #5b58a51a}.math-version-card.selected{border-color:#5b58a5;background:#f8f8ff;box-shadow:0 4px 12px #5b58a533}.version-content{display:flex;flex-direction:column;gap:15px}.version-header{display:flex;justify-content:space-between;align-items:center}.version-header h4{margin:0;font-size:18px;color:#333}.selected-badge{background:#5b58a5;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700}.version-actions{display:flex;justify-content:center}.btn-customize{background:#5b58a5;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;position:relative}.btn-customize:hover{background:#474491;transform:translateY(-1px);box-shadow:0 2px 8px #5b58a54d}.btn-customize:active{transform:translateY(0)}.btn-customize:disabled{background:#ccc;cursor:not-allowed;opacity:.7}.btn-customize:disabled:hover{background:#ccc;transform:none;box-shadow:none}.coming-soon-badge{background:#ffc107;color:#000;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700;text-transform:uppercase}.empty-state{text-align:center;padding:60px 20px;color:#666}.empty-state p{margin:10px 0}.empty-state .hint{color:#999;font-size:14px}.saving-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000}.saving-overlay p{color:#fff;margin-top:20px;font-size:16px}.saving-overlay .spinner{border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.game-detail{display:flex;flex-direction:column;height:100%;background:#f7fafc}.styles-tab-content{display:flex;flex-direction:column;gap:2rem}.styles-section{background:#fff;padding:2rem;border-radius:12px;border:1px solid #e2e8f0}.styles-section h2{margin:0 0 .5rem;font-size:1.5rem;color:#1a202c}.section-description{margin:0 0 1.5rem;color:#718096;font-size:.95rem}.game-detail-header{display:flex;justify-content:space-between;align-items:center;padding:12px 30px;background:#fff;border-bottom:1px solid #e2e8f0}.header-left{display:flex;align-items:center;gap:15px}.game-icon-section{flex-shrink:0}.game-icon-display{width:60px;height:60px;position:relative;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s}.game-icon-display:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.game-icon-img{width:100%;height:100%;object-fit:cover}.game-icon-placeholder-header{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:30px}.game-icon-upload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;cursor:pointer;font-size:24px}.game-icon-display:hover .game-icon-upload-overlay{opacity:1}.btn-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;margin:0;background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0;border-radius:6px;font-size:18px;line-height:1;cursor:pointer;transition:all .2s;flex-shrink:0;position:relative;top:0}.btn-back:hover{background:#e2e8f0;transform:translate(-2px)}.btn-back-icon{align-self:center}.game-title-section h2{margin:0 0 4px;font-size:18px;font-weight:600;color:#1a1a1a}.game-name-container{display:flex;align-items:center;gap:8px;margin-bottom:4px}.game-name-display{margin:0;font-size:18px;font-weight:600;color:#1a1a1a}.btn-edit-name{padding:4px 8px;background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;font-size:14px;opacity:.5;transition:all .2s}.btn-edit-name:hover{opacity:1;background:#f7fafc;border-color:#e2e8f0}.game-name-edit{display:flex;align-items:center;gap:8px;margin-bottom:4px}.game-name-input{font-size:18px;font-weight:600;padding:4px 8px;border:2px solid #4a90e2;border-radius:4px;outline:none;min-width:300px}.btn-save-name,.btn-cancel-name{padding:4px 10px;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:700;transition:background .2s}.btn-save-name{background:#48bb78;color:#fff}.btn-save-name:hover{background:#38a169}.btn-cancel-name{background:#e53e3e;color:#fff}.btn-cancel-name:hover{background:#c53030}.game-meta{display:flex;align-items:center;gap:10px}.game-type-badge{padding:3px 8px;background:#f7fafc;color:#4a5568;border-radius:4px;font-size:11px;font-weight:500}.math-version-badge{padding:3px 8px;background:#fef3c7;color:#92400e;border-radius:4px;font-size:11px;font-weight:600}.draft-indicator{color:#d97706;font-size:12px;font-weight:500}.version-info{color:#06c;font-size:12px;font-weight:500}.animation-mode-indicator{color:#7c3aed;font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px}.header-actions{display:flex;gap:10px}.more-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;z-index:1000;overflow:hidden}.more-dropdown-item{display:block;width:100%;padding:10px 16px;text-decoration:none;color:#555;font-size:13px;transition:background .2s;border:none;background:#fff;text-align:left;cursor:pointer}.more-dropdown-item:hover{background:#f0f7ff}.btn-open-game{padding:7px 14px;background:#06c;color:#fff;text-decoration:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:5px}.btn-open-game:hover{background:#0052a3;transform:translateY(-1px);box-shadow:0 4px 12px #0066cc4d}.btn-more{padding:7px 12px;background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0;border-radius:4px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s;line-height:1}.btn-more:hover{background:#edf2f7;border-color:#cbd5e0}.btn-discard,.btn-save,.btn-publish,.btn-publish-changes{padding:7px 14px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-discard{background:transparent;color:#e53e3e;border:1px solid #e53e3e}.btn-discard:hover{background:#fff5f5}.btn-save{background:#48bb78;color:#fff}.btn-save:hover{background:#38a169;transform:translateY(-1px);box-shadow:0 4px 12px #48bb784d}.btn-save-draft{padding:7px 14px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;background:#48bb78;color:#fff;border:none}.btn-save-draft:hover:not(:disabled){background:#38a169;transform:translateY(-1px);box-shadow:0 4px 12px #48bb784d}.btn-save-draft:disabled{background:#cbd5e0;color:#a0aec0;cursor:not-allowed;opacity:.6}.btn-discard-changes{padding:7px 14px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;background:transparent;color:#e53e3e;border:1px solid #e53e3e}.btn-discard-changes:hover{background:#e53e3e;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #e53e3e4d}.btn-sound-action{padding:7px 14px;background:#fff;color:#5b58a5;border:1px solid #c7c0f0;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:5px}.btn-sound-action:hover{background:#f3f1fd;transform:translateY(-1px)}.btn-sound-upload{position:relative}.btn-sound-pack{background:#22c55e;color:#fff;border-color:#22c55e}.btn-sound-pack:hover{background:#16a34a;border-color:#16a34a}.btn-publish,.btn-publish-version{padding:7px 14px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;background:#667eea;color:#fff;border:none}.btn-publish:hover,.btn-publish-version:hover{background:#5568d3;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.game-detail-layout{display:flex;flex:1;overflow:hidden}.game-sidebar{width:200px;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;transition:width .3s ease;position:relative}.game-sidebar.collapsed{width:50px}.sidebar-toggle{position:absolute;right:-12px;top:20px;width:24px;height:24px;background:#fff;border:1px solid #e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px;color:#718096;z-index:201;transition:all .2s}.sidebar-toggle:hover{background:#f7fafc;color:#667eea;border-color:#667eea}.sidebar-nav{padding:15px 8px;display:flex;flex-direction:column;gap:4px}.sidebar-tab{display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border:none;border-radius:6px;font-size:14px;font-weight:500;color:#718096;cursor:pointer;transition:all .2s;text-align:left;white-space:nowrap}.sidebar-tab .tab-icon{font-size:18px;min-width:20px;text-align:center}.sidebar-tab .tab-label{overflow:hidden;text-overflow:ellipsis}.sidebar-tab:hover{color:#4a5568;background:#f7fafc}.sidebar-tab.active{color:#667eea;background:#fafbff;border-left:3px solid #667eea;padding-left:9px}.sidebar-tab.disabled{color:#cbd5e0;cursor:not-allowed;opacity:.6}.sidebar-tab.disabled:hover{color:#cbd5e0;background:transparent}.sidebar-tab .disabled-icon{margin-left:auto;font-size:14px;opacity:.7}.sidebar-tab .coming-soon-badge{margin-left:auto;font-size:8px;background:#fbbf24;color:#78350f;padding:2px 4px;border-radius:3px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.game-sidebar.collapsed .sidebar-tab{justify-content:center;padding:10px}.game-sidebar.collapsed .sidebar-tab .tab-label{display:none}.game-content{flex:1;overflow-y:auto;padding:20px 30px;background:#f7fafc}.game-content.no-padding{padding:0;overflow:hidden}.loading,.error{display:flex;align-items:center;justify-content:center;height:100vh;font-size:18px;color:#666}.error{color:#e53e3e}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-header h3{margin:0;font-size:20px;font-weight:600;color:#1a1a1a}.modal-close-btn{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{color:#666}.modal-body{padding:24px}.modal-body label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#2d3748}.modal-body textarea{width:100%;padding:10px 12px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;box-sizing:border-box}.modal-body textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid #e2e8f0}.btn-cancel{padding:10px 20px;background:#f7fafc;color:#4a5568;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#e2e8f0}.animations-placeholder{text-align:center;padding:100px 20px;max-width:600px;margin:0 auto}.placeholder-icon{font-size:80px;margin-bottom:24px;opacity:.3}.animations-placeholder h3{margin:0 0 16px;font-size:28px;font-weight:600;color:#1a1a1a}.animations-placeholder p{margin:0 0 12px;font-size:16px;color:#666}.coming-soon{margin-top:24px!important;padding:12px 24px;background:#f7fafc;border-radius:8px;font-weight:500;color:#667eea!important}.sound-studio-container{width:100%;height:100%;display:flex;flex-direction:column}.sound-studio-iframe{width:100%;height:100%;border:none;flex:1}[data-theme=dark] .game-detail{background:var(--bg-beige)}[data-theme=dark] .game-detail-header{background:var(--bg-secondary);border-bottom-color:var(--border-primary)}[data-theme=dark] .game-title h1,[data-theme=dark] .game-card-title h3{color:var(--text-primary)}[data-theme=dark] .game-subtitle,[data-theme=dark] .section-description{color:var(--text-tertiary)}[data-theme=dark] .game-sidebar{background:var(--bg-secondary);border-right-color:var(--border-primary)}[data-theme=dark] .sidebar-tab{color:var(--text-secondary);background:transparent}[data-theme=dark] .sidebar-tab:hover:not(.disabled){background:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .sidebar-tab.active{background:#7c3aed33;color:#fff;border-left-color:var(--accent-primary)}[data-theme=dark] .sidebar-tab.disabled{color:var(--text-muted)}[data-theme=dark] .game-content{background:var(--bg-primary)}[data-theme=dark] .styles-section,[data-theme=dark] .config-section{background:var(--bg-secondary);border-color:var(--border-primary)}[data-theme=dark] .styles-section h2,[data-theme=dark] .config-section h2{color:var(--text-primary)}[data-theme=dark] input:focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}[data-theme=dark] .btn-primary{background:var(--accent-primary);color:#fff}[data-theme=dark] .btn-primary:hover{background:var(--accent-hover)}[data-theme=dark] .btn-secondary{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .btn-secondary:hover{background:var(--bg-secondary);border-color:var(--border-secondary)}[data-theme=dark] .coming-soon-badge{background:#f59e0b;color:#78350f}[data-theme=dark] .draft-badge{background:#fbbf2433;color:#fbbf24}[data-theme=dark] .version-badge{background:#3b82f633;color:#60a5fa}[data-theme=dark] label{color:var(--text-secondary)}[data-theme=dark] .more-menu{background:var(--bg-secondary);border-color:var(--border-primary);box-shadow:var(--shadow-lg)}[data-theme=dark] .more-menu button,[data-theme=dark] .more-menu a{color:var(--text-primary)}[data-theme=dark] .more-menu button:hover,[data-theme=dark] .more-menu a:hover{background:var(--bg-tertiary)}.create-variant-modal{max-width:800px;max-height:90vh;overflow-y:auto}.create-variant-modal .json-textarea{font-family:Courier New,monospace;font-size:13px;resize:vertical}.create-variant-modal .json-textarea.error{border-color:#e53e3e}.create-variant-modal .field-error{color:#e53e3e;font-size:13px;margin-top:4px}.create-variant-modal .field-hint{color:#718096;font-size:13px;margin-top:4px}.game-types-management{max-width:1400px;margin:0 auto;padding:30px}.game-types-management.loading{display:flex;justify-content:center;align-items:center;min-height:400px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.page-header h2{margin:0 0 8px;font-size:28px;font-weight:600;color:#1a1a1a}.error-banner{display:flex;justify-content:space-between;align-items:center;background:#fee;border:1px solid #fcc;padding:1rem;border-radius:4px;margin-bottom:1rem;color:#c33}.error-banner button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#c33}.game-types-list{display:grid;gap:1.5rem}.game-type-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.game-type-card.draggable{cursor:move;-webkit-user-select:none;user-select:none}.game-type-card.draggable:hover{border-color:#667eea;box-shadow:0 2px 6px #667eea33}.game-type-card.dragging{opacity:.5;border:2px dashed #667eea}.game-type-card.reorder-mode{padding:.75rem 1rem}.game-type-reorder-view{display:flex;align-items:center;gap:1rem}.drag-handle{font-size:20px;color:#999;cursor:grab;-webkit-user-select:none;user-select:none;padding:0 .5rem}.drag-handle:active{cursor:grabbing}.game-type-reorder-view .type-info{flex:1;display:flex;align-items:center;gap:1rem}.game-type-reorder-view .type-info h3{margin:0;font-size:18px;font-weight:600}.game-type-reorder-view .type-id{font-family:Courier New,monospace;background:#f5f5f5;padding:.25rem .5rem;border-radius:3px;font-size:.85rem;color:#666}.game-type-reorder-view .status-info{margin-left:auto}.game-type-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:1rem;border-bottom:1px solid #eee;margin-bottom:1rem}.game-type-header h3{margin:0 0 .5rem;color:#333}.type-id{display:inline-block;font-family:Courier New,monospace;background:#f5f5f5;padding:.25rem .5rem;border-radius:3px;font-size:.85rem;color:#666;margin-left:.5rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600;margin-left:.75rem}.status-badge.published{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge.draft{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.game-type-actions{display:flex;gap:.5rem}.btn-edit{background:#4a90e2;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem}.btn-edit:hover{background:#357abd}.btn-delete{background:#e74c3c;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem}.btn-delete:hover{background:#c0392b}.btn-variant{background:#7c3aed;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.btn-variant:hover{background:#6d28d9}.game-type-details{display:grid;gap:.5rem}.detail-row{display:flex;gap:1rem;font-size:.9rem}.detail-label{font-weight:600;color:#666;min-width:120px}.empty-state{text-align:center;padding:3rem;color:#999;font-size:1.1rem}.btn-primary{background:#4a90e2;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500}.btn-primary:hover{background:#357abd}.game-type-form{display:flex;flex-direction:column;gap:1.5rem}.json-textarea{font-family:Courier New,monospace;padding:.75rem;border:1px solid #ddd;border-radius:4px;line-height:1.5;resize:vertical}.categories-json-preview{margin-top:10px;padding:10px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;max-height:300px;overflow-y:auto}.categories-json-preview strong{display:block;margin-bottom:8px;color:#333}.categories-json-preview pre{margin:0;font-family:Courier New,monospace;font-size:12px;line-height:1.4;color:#333;white-space:pre-wrap;word-wrap:break-word}.modal-content{background:#fff;border-radius:8px;padding:2rem;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid #eee;margin-bottom:1.5rem}.modal-header h2{margin:0;color:#333}.modal-close-btn{background:none;border:none;font-size:2rem;cursor:pointer;color:#999;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;line-height:1}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#555}.form-group input,.form-group textarea{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4a90e2}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.field-hint{font-size:.85rem;color:#999;margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid #eee;margin-top:1.5rem}.btn-submit{background:#4a90e2;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500}.btn-submit:hover{background:#357abd}.template-path{font-family:Courier New,monospace;background:#f5f5f5;padding:.25rem .5rem;border-radius:3px;font-size:.85rem}.warning-badge{display:inline-block;background:#fff3cd;color:#856404;padding:.25rem .5rem;border-radius:3px;font-size:.85rem;margin-left:.5rem}.btn-template{background:#28a745;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem}.btn-template:hover{background:#218838}.btn-translations{background:#17a2b8;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem}.btn-translations:hover{background:#138496}.modal-large{max-width:1600px;width:95%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;padding:1.5rem}.modal-large .modal-header{flex-shrink:0;margin-bottom:1rem}.template-tabs{display:flex;gap:0;background:#f5f5f5;padding:.5rem 1.5rem 0;border-bottom:2px solid #e0e0e0;flex-shrink:0}.editor-toolbar{display:flex;justify-content:flex-end;align-items:center;padding:1rem 1.5rem;background:#fafafa;border-bottom:1px solid #e0e0e0;flex-shrink:0}.template-editor-single{flex:1;overflow:auto;background:#fff;min-height:600px;position:relative}.json-viewer{height:100%;max-height:none;overflow:auto;padding:1rem}.modal-large .modal-actions{border-top:1px solid #e0e0e0;margin-top:0;padding-top:1rem;flex-shrink:0}.json-viewer{background:#fff;color:#333;padding:0;border:none;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.8;overflow:auto;height:100%}.json-viewer.error{background:#fff8f8;padding:2rem}.error-message{color:#d32f2f;padding:0;background:#ffebee;padding:1rem;border-radius:4px;border-left:4px solid #d32f2f}.json-viewer-content{white-space:pre-wrap;padding:1rem 0}.json-property,.json-item{margin-left:24px;margin-bottom:2px}.json-key{color:#0d47a1;font-weight:600}.json-colon{color:#555;margin:0 6px}.json-string{color:#2e7d32}.json-number{color:#c62828}.json-boolean{color:#6a1b9a;font-weight:600}.json-null{color:#757575;font-style:italic;opacity:.8}.json-bracket{color:#424242;font-weight:500}.json-bracket.expandable{cursor:pointer;-webkit-user-select:none;user-select:none;padding:3px 8px;margin:-3px -4px;border-radius:4px;transition:background .15s ease;display:inline-block}.json-bracket.expandable:hover{background:#f5f5f5}.json-bracket.expandable:active{background:#eee}.json-index{color:#9e9e9e;margin-right:10px;font-size:.9em}.json-content{animation:fadeIn .15s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.json-array,.json-object{display:inline-block;vertical-align:top}.game-type-config-editor{display:flex;flex-direction:column;min-height:calc(100vh - 120px);background:#fff}.config-editor-loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:1.1rem;color:#666}.config-editor-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 2rem;border-bottom:1px solid #e0e0e0;background:#fff;flex-shrink:0}.config-editor-header h1{margin:.5rem 0 .25rem;color:#333;font-size:1.75rem}.config-subtitle{margin:0;color:#666;font-size:.95rem}.back-btn{background:none;border:none;color:#4a90e2;cursor:pointer;font-size:.95rem;padding:0;margin-bottom:.5rem;display:inline-block}.back-btn:hover{text-decoration:underline}.header-actions{display:flex;gap:1rem;align-items:center}.variant-view-toggle{display:inline-flex;border:1px solid #d0d0d0;border-radius:4px;overflow:hidden;background:#fff}.btn-cancel{background:#e0e0e0;color:#666;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem}.btn-cancel:hover{background:#d0d0d0}.btn-save{background:#4a90e2;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500}.btn-save:hover:not(:disabled){background:#357abd}.btn-save:disabled{background:#ccc;cursor:not-allowed}.config-tabs{display:flex;gap:0;background:#f5f5f5;padding:.5rem 2rem 0;border-bottom:2px solid #e0e0e0;flex-shrink:0}.tab-btn{background:#e8e8e8;color:#666;border:1px solid #d0d0d0;border-bottom:none;padding:.875rem 1.75rem;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s ease;border-radius:6px 6px 0 0;margin-right:4px;position:relative}.tab-btn:hover:not(.active){color:#333;background:#e0e0e0}.tab-btn.active{color:#1976d2;background:#fff;border-color:#e0e0e0;font-weight:600;z-index:1;box-shadow:0 -2px 4px #0000000d}.tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#fff}.config-toolbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#fafafa;border-bottom:1px solid #e0e0e0;flex-shrink:0;gap:1rem}.btn-format{background:#ff9800;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.btn-format:hover{background:#f57c00}.view-mode-toggle{display:inline-flex;border:1px solid #d0d0d0;border-radius:4px;overflow:hidden;background:#fff}.toggle-btn{background:#fff;color:#666;border:none;padding:.5rem 1.25rem;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;border-right:1px solid #d0d0d0}.toggle-btn:last-child{border-right:none}.toggle-btn:hover:not(.active){background:#f5f5f5;color:#333}.toggle-btn.active{background:#4a90e2;color:#fff}.config-editor-content{flex:1;min-height:500px;overflow:auto;background:#fff;position:relative}.json-preview{height:100%;overflow:auto;padding:1rem 2rem}.config-editor-content .ace_editor{position:absolute!important;top:0;left:0;right:0;bottom:0}.variant-badge{margin:.5rem 0;padding:.5rem 1rem;background:#fff3cd;border-left:4px solid #ff9800;color:#856404;font-size:.9rem;font-weight:500;display:inline-block;border-radius:4px}.variant-overrides-section{padding:2rem;background:#f9f9f9;border-top:2px solid #e0e0e0;margin-top:auto}.variant-overrides-section h2{margin:0 0 .5rem;color:#333;font-size:1.5rem}.overrides-description{margin:0 0 1.5rem;color:#666;font-size:.95rem}.overrides-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem}.override-editor h3{margin:0 0 .75rem;color:#444;font-size:1rem;font-weight:600}.overrides-actions{display:flex;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e0e0e0}.btn-save-overrides{background:#4caf50;color:#fff;border:none;padding:.875rem 2rem;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600}.btn-save-overrides:hover:not(:disabled){background:#45a049}.btn-save-overrides:disabled{background:#ccc;cursor:not-allowed}.translations-management{padding:20px;max-width:1400px;margin:0 auto}.translations-management .header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.translations-management .btn-back{padding:8px 16px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.translations-management .btn-back:hover{background:#5a6268}.translations-management h1{margin:0;font-size:24px}.translations-container{display:flex;gap:20px;height:calc(100vh - 200px)}.languages-sidebar{width:250px;background:#f8f9fa;border-radius:8px;padding:20px;overflow-y:auto}.languages-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.languages-sidebar h3{margin:0;font-size:16px}.btn-add-language{padding:6px 12px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:700}.btn-add-language:hover{background:#218838}.language-list{display:flex;flex-direction:column;gap:8px}.language-item{padding:12px;background:#fff;border:2px solid #dee2e6;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.language-item:hover{border-color:#007bff;background:#f0f8ff}.language-item.selected{border-color:#007bff;background:#e7f3ff;font-weight:700}.language-item.has-translations{border-left:4px solid #28a745}.language-info{display:flex;flex-direction:column;gap:4px;flex:1}.language-completeness{font-size:11px;font-weight:400;padding:2px 6px;border-radius:3px;display:inline-block}.language-completeness.complete{background:#d4edda;color:#155724}.language-completeness.partial{background:#fff3cd;color:#856404}.language-completeness.empty{background:#f8d7da;color:#721c24}.language-status{font-weight:700;font-size:16px}.language-status.complete{color:#28a745}.language-status.partial{color:#ffc107}.editor-panel{flex:1;background:#f8f9fa;border-radius:8px;padding:20px;display:flex;flex-direction:column}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.editor-header h3{margin:0;font-size:18px}.editor-actions{display:flex;gap:10px}.btn-save{padding:8px 20px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700}.btn-save:hover:not(:disabled){background:#218838}.btn-save:disabled{background:#6c757d;cursor:not-allowed}.btn-delete{padding:8px 20px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-delete:hover{background:#c82333}.editor-error{padding:10px;background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;margin-bottom:10px}.missing-keys-warning{padding:12px;background:#fff3cd;border:1px solid #ffc107;border-radius:4px;margin-bottom:10px}.missing-keys-warning strong{display:block;margin-bottom:8px;color:#856404}.missing-keys-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.missing-keys-list code{background:#fff;padding:4px 8px;border-radius:3px;font-size:12px;color:#856404;border:1px solid #ffc107;cursor:pointer;transition:all .2s ease}.missing-keys-list code:hover{background:#fff3cd;border-color:#856404;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.missing-keys-list code:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.missing-keys-list .more-keys{color:#856404;font-style:italic;font-size:12px;align-self:center}.json-editor{flex:1;font-family:Courier New,monospace;font-size:14px;padding:15px;border:2px solid #dee2e6;border-radius:4px;resize:none;background:#fff;line-height:1.8;color:#2c3e50}.json-editor.has-error{border-color:#dc3545}.json-editor:focus{outline:none;border-color:#007bff}.editor-help{margin-top:10px;padding:10px;background:#e7f3ff;border-left:4px solid #007bff;font-size:13px;border-radius:4px}.editor-placeholder{flex:1;display:flex;align-items:center;justify-content:center;color:#6c757d;font-size:16px}.loading{display:flex;align-items:center;justify-content:center;height:400px;font-size:18px;color:#6c757d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;width:500px;max-width:90%;box-shadow:0 4px 6px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;font-size:20px}.modal-close-btn{background:none;border:none;font-size:28px;cursor:pointer;color:#6c757d;line-height:1;padding:0;width:30px;height:30px}.modal-close-btn:hover{color:#333}.modal-body{padding:20px}.modal-body p{margin-top:0;margin-bottom:15px;color:#666}.form-group label{display:block;margin-bottom:5px;font-weight:700;font-size:14px;color:#333}.language-input{width:100%;padding:10px;font-size:14px;border:2px solid #dee2e6;border-radius:4px;background:#fff;box-sizing:border-box}.language-input:focus{outline:none;border-color:#007bff}.input-hint{display:block;margin-top:5px;font-size:12px;color:#6c757d}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #e0e0e0}.btn-cancel{padding:8px 20px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-cancel:hover{background:#5a6268}.btn-confirm{padding:8px 20px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700}.btn-confirm:hover:not(:disabled){background:#218838}.btn-confirm:disabled{background:#6c757d;cursor:not-allowed}.editor-wrapper{position:relative;flex:1;display:flex;flex-direction:column}.english-tooltip{position:absolute;background:#2c3e50;color:#ecf0f1;padding:8px 12px;border-radius:4px;font-size:12px;font-family:Courier New,monospace;z-index:1000;max-width:400px;word-wrap:break-word;box-shadow:0 2px 8px #0000004d;pointer-events:none}.english-tooltip:before{content:"";position:absolute;top:50%;left:-6px;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #2c3e50}.english-tooltip .tooltip-label{color:#95a5a6;font-size:10px;text-transform:uppercase;margin-bottom:4px}.english-tooltip .tooltip-value{color:#ecf0f1}.shared-resources{max-width:1400px;margin:0 auto;padding:30px;position:relative}.drag-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#4a90e2f2;z-index:9999;display:flex;align-items:center;justify-content:center;pointer-events:none}.drag-overlay-content{text-align:center;color:#fff}.drag-icon{font-size:120px;margin-bottom:20px;animation:bounce 1s infinite}.drag-text{font-size:32px;font-weight:600;margin-bottom:10px}.drag-hint{font-size:18px;opacity:.9}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.page-header{margin-bottom:20px}.page-header h2{margin:0;font-size:24px;font-weight:600;color:#1a1a1a}.page-subtitle{margin:0;font-size:14px;color:#666}.resources-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:2px solid #e0e0e0;padding-bottom:.5rem}.resources-tabs .tab-btn{background:#f5f5f5;border:1px solid #d0d0d0;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s}.resources-tabs .tab-btn:hover:not(.active){background:#e8e8e8}.resources-tabs .tab-btn.active{background:#4a90e2;color:#fff;border-color:#4a90e2}.game-type-selector{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;background:#f9f9f9;border-radius:4px}.game-type-selector label{font-weight:600;color:#555}.game-type-selector select{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;min-width:200px}.category-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.category-btn{background:#fff;border:1px solid #d0d0d0;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:.95rem;transition:all .2s}.category-btn:hover:not(.active){border-color:#4a90e2;color:#4a90e2}.category-btn.active{background:#4a90e2;color:#fff;border-color:#4a90e2}.resources-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:#f9f9f9;border-radius:4px}.btn-upload{background:#28a745;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;display:inline-block}.btn-upload:hover{background:#218838}.btn-upload:disabled{background:#ccc;cursor:not-allowed}.resources-content{min-height:400px}.loading-state{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:1.1rem;color:#666}.empty-state{text-align:center;padding:4rem 2rem;color:#999}.empty-state p{margin:.5rem 0;font-size:1.1rem}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.resource-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:box-shadow .2s}.resource-card:hover{box-shadow:0 4px 12px #0000001a}.resource-preview{width:100%;height:160px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;overflow:hidden}.resource-preview img{max-width:100%;max-height:100%;object-fit:contain}.resource-icon{font-size:4rem;opacity:.3}.resource-info{padding:1rem}.resource-name{font-weight:600;color:#333;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-meta{font-size:.85rem;color:#666;margin-bottom:.5rem}.resource-path{margin-top:.5rem}.resource-path code{font-size:.75rem;background:#f5f5f5;padding:.25rem .5rem;border-radius:3px;display:block;overflow:hidden;text-overflow:ellipsis;color:#666}.resource-actions{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid #e0e0e0;background:#fafafa}.resource-actions .btn-copy,.resource-actions .btn-delete-resource{flex:1;background:#fff;border:1px solid #d0d0d0;padding:.5rem;border-radius:4px;cursor:pointer;font-size:1.2rem;transition:all .2s;position:relative;opacity:1;display:flex;align-items:center;justify-content:center;top:auto;right:auto}.resource-actions .btn-copy:hover{background:#4a90e2;border-color:#4a90e2;transform:scale(1.05)}.resource-actions .btn-delete-resource:hover{background:#e74c3c;border-color:#e74c3c;transform:scale(1.05)}.resource-files-count{font-weight:600;color:#4a90e2;font-size:.9em}.resource-files-list{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.file-extension{background:#e8f4fd;color:#2c5f8d;padding:.25rem .5rem;border-radius:4px;font-size:.75em;font-weight:600;text-transform:uppercase;border:1px solid #b3d9f2}.user-management{padding:20px}.user-management.loading,.user-management.error{display:flex;justify-content:center;align-items:center;min-height:400px;flex-direction:column;gap:15px}.user-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}.user-management-header h2{margin:0;color:#333;flex-shrink:0}.header-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search-input{padding:8px 15px;border:1px solid #ddd;border-radius:4px;width:250px;font-size:14px}.filter-select:focus{outline:none;border-color:#4dabf7}.users-table-wrapper{border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.users-table{background:#fff;overflow:visible}.users-table table{width:100%;border-collapse:collapse}.users-table th{background:#f8f9fa;padding:12px;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #dee2e6}.users-table td{padding:12px;border-bottom:1px solid #dee2e6}.users-table td:last-child{overflow:visible}.users-table tbody tr{position:relative}.users-table tbody tr:hover{background:#f8f9fa}.role-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.role-badge.superuser{background:#ff6b6b;color:#fff}.role-badge.admin{background:#ffa94d;color:#fff}.role-badge.user{background:#51cf66;color:#fff}.permissions-list{font-size:13px;color:#666}.action-menu-container{position:relative}.btn-more{padding:6px 16px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-more:hover{background:#5568d3}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99}.action-menu{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 30px #00000026;min-width:180px;width:180px;z-index:100;overflow:hidden}.menu-item{display:block;width:100%;padding:10px 16px;background:#fff;border:none;text-align:left;font-size:14px;color:#2d3748;cursor:pointer;transition:background .15s;border-bottom:1px solid #f0f0f0}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:#f8fafc}.menu-item-danger{color:#e53e3e}.menu-item-danger:hover{background:#fff5f5}.modal-content{background:#fff;padding:30px;border-radius:8px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.permissions-checkboxes{display:flex;flex-direction:column;gap:10px;padding:10px;background:#f8f9fa;border-radius:4px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400;text-transform:capitalize}.checkbox-label input[type=checkbox]{width:auto;cursor:pointer}.users-table tbody tr.inactive-row{background:#fff5f5}.users-table tbody tr.inactive-row:hover{background:#ffe3e3}.users-table tbody tr.inactive-row td:not(:last-child){opacity:.6}.status-badge.active{background:#d3f9d8;color:#2b8a3e}.status-badge.inactive{background:#ffe3e3;color:#c92a2a}.btn-toggle{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s}.btn-deactivate{background:#ffc078!important;color:#fff!important}.btn-deactivate:hover{background:#ff922b!important}.btn-activate{background:#8ce99a!important;color:#fff!important}.btn-activate:hover{background:#69db7c!important}.invite-management{padding:20px}.invite-management.loading,.invite-management.error{display:flex;justify-content:center;align-items:center;min-height:400px;flex-direction:column;gap:15px}.invite-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.invite-management-header h2{margin:0;color:#333}.btn-create-invite{padding:10px 20px;background:#51cf66;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s}.btn-create-invite:hover{background:#40c057}.invites-table{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.invites-table table{width:100%;border-collapse:collapse}.invites-table th{background:#f8f9fa;padding:12px;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #dee2e6}.invites-table td{padding:12px;border-bottom:1px solid #dee2e6}.invites-table tbody tr:hover{background:#f8f9fa}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.status-pending{background:#ffa94d;color:#fff}.status-badge.status-accepted{background:#51cf66;color:#fff}.status-badge.status-expired{background:#adb5bd;color:#fff}.status-badge.status-cancelled{background:#ff6b6b;color:#fff}.btn-copy,.btn-cancel-invite{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s}.btn-copy{background:#4dabf7;color:#fff;margin-right:5px}.btn-copy:hover{background:#339af0}.btn-cancel-invite{background:#ff6b6b;color:#fff}.btn-cancel-invite:hover{background:#fa5252}.invite-success{text-align:center}.success-message{color:#51cf66;font-weight:600;margin-bottom:20px}.invite-url-box{display:flex;gap:10px;margin-bottom:20px}.invite-url{flex:1;padding:10px;border:1px solid #ddd;border-radius:4px;font-family:monospace;font-size:13px}.btn-copy-url{padding:10px 20px;background:#4dabf7;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s}.btn-copy-url:hover{background:#339af0}.btn-done{padding:10px 30px;background:#51cf66;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s}.btn-done:hover{background:#40c057}.btn-send-invite{padding:10px 20px;background:#51cf66;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.btn-send-invite:hover{background:#40c057}.role-info{margin-top:12px;padding:12px;background:#f8f9fa;border-radius:6px;border-left:3px solid #51cf66}.role-description{margin:0 0 8px;color:#495057;font-size:14px}.role-permissions{font-size:13px;color:#666}.role-permissions strong{display:block;margin-bottom:6px;color:#333}.role-permissions ul{margin:0;padding-left:20px;list-style:disc}.role-permissions li{margin:3px 0;color:#495057}.organization-management{padding:20px}.organization-management.loading,.organization-management.error{display:flex;justify-content:center;align-items:center;min-height:400px;flex-direction:column;gap:15px}.organization-section{margin-bottom:40px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{margin:0;color:#333;font-size:24px}.btn-create{padding:10px 20px;background:#51cf66;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s}.btn-create:hover{background:#40c057}.organizations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.organization-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:box-shadow .2s}.organization-card:hover{box-shadow:0 4px 8px #00000026}.card-header{padding:20px;background:#7c3aed;color:#fff;display:flex;justify-content:space-between;align-items:center}.card-header h3{margin:0;font-size:18px;font-weight:600;flex:1}.card-actions{display:flex;gap:8px}.btn-edit,.btn-delete{background:#fff3;border:none;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:16px;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-edit:hover{background:#ffffff4d;transform:scale(1.1)}.btn-delete:hover{background:#ff4d4f99;transform:scale(1.1)}.type-badge{padding:4px 12px;background:#fff3;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.type-badge.aggregator{background:#51cf664d}.type-badge.direct_casino{background:#4aabf74d}.card-body{padding:20px}.info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f1f3f5}.info-row:last-child{border-bottom:none}.info-row .label{color:#868e96;font-size:14px;font-weight:500}.info-row .value{color:#495057;font-size:14px;font-weight:600}.id-value{font-family:monospace;font-size:12px;color:#868e96;font-weight:400}.empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#adb5bd;font-size:16px;background:#f8f9fa;border-radius:8px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:30px;border-radius:8px;width:90%;max-width:500px}.modal-content h3{margin-top:0;margin-bottom:20px;color:#333}.form-group label{display:block;margin-bottom:6px;font-weight:600;color:#555}.form-group input,.form-group select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.modal-actions{display:flex;gap:10px;margin-top:30px;justify-content:flex-end}.btn-save,.btn-cancel{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.organization-card.inactive{border:2px solid #ffa8a8}.organization-card.inactive .card-header{background:linear-gradient(135deg,#868e96,#495057)}.organization-card.inactive .card-body{opacity:.7}.organization-card.inactive .card-actions{opacity:1}.inactive-badge{display:inline-block;padding:4px 12px;background:#ffffff4d;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;margin-left:8px}.status-active{color:#2b8a3e;font-weight:700}.status-inactive{color:#c92a2a;font-weight:700}.btn-toggle{background:#fff3;border:none;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:16px;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-toggle:hover{background:#ffffff4d;transform:scale(1.1)}.btn-deactivate:hover{background:#ff922b99}.btn-activate:hover{background:#69db7c99}.subscription-management{padding:2rem;max-width:1600px;margin:0 auto}.filter-controls{display:flex;gap:10px;margin-bottom:1.5rem;flex-wrap:wrap}.search-input{padding:8px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px;flex:1;min-width:200px;max-width:300px}.filter-select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;cursor:pointer;min-width:150px}.filter-select:focus,.search-input:focus{outline:none;border-color:#4dabf7}.studios-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.studios-table{width:100%;border-collapse:collapse;font-size:.9rem}.studios-table thead{background:#f8f9fa;border-bottom:2px solid #dee2e6}.studios-table th{padding:1rem .75rem;text-align:left;font-weight:600;color:#495057;white-space:nowrap}.studios-table td{padding:1rem .75rem;border-bottom:1px solid #dee2e6}.studios-table tbody tr:hover{background:#f8f9fa}.studio-name{font-weight:600;color:#333}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500;text-transform:capitalize}.status-badge.cancelled{background:#f8d7da;color:#721c24}.status-badge.expired{background:#fff3cd;color:#856404}.status-badge.no-plan{background:#e2e3e5;color:#383d41}.actions{display:flex;gap:.5rem}.btn-small{padding:.4rem .8rem;font-size:.85rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s;white-space:nowrap}.modal-content{background:#fff;border-radius:8px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.modal-header{padding:1.5rem;border-bottom:1px solid #dee2e6;display:flex;align-items:center;justify-content:space-between}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #dee2e6;display:flex;gap:.75rem;justify-content:flex-end}.modal-footer button{padding:.6rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;font-size:.95rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.form-select,.form-input{width:100%;padding:.6rem;border:1px solid #ced4da;border-radius:4px;font-size:.95rem}.form-select:focus,.form-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.plan-details{background:#f8f9fa;padding:1rem;border-radius:4px;margin-top:1rem}.plan-details h3{margin:0 0 .75rem;font-size:1rem;color:#333}.plan-details ul{margin:0;padding-left:1.5rem;list-style:disc}.plan-details li{margin-bottom:.5rem;color:#555}.current-balance{background:#e7f3ff;padding:1rem;border-radius:4px;margin-bottom:1.5rem;font-size:1rem}.prorate-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #dee2e6}.prorate-details{background:#f8f9fa;padding:1rem;border-radius:4px}.prorate-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #dee2e6}.prorate-row:last-child{border-bottom:none}.prorate-row.highlight{background:#fff3cd;padding:.75rem 1rem;margin:.5rem -1rem -1rem;border-radius:0 0 4px 4px}.prorate-note{margin-top:1rem;padding:.75rem;background:#e7f3ff;border-left:3px solid #007bff;font-size:.9rem;color:#004085}.rte{display:flex;flex-direction:column}.rte-modebar{display:flex;justify-content:flex-end;margin-bottom:6px}.rte-mode-btn{padding:4px 10px;background:#fff;color:#4a5568;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.rte-mode-btn:hover{border-color:#667eea;color:#667eea}.rte-editor{border:1px solid #e2e8f0;border-radius:6px;overflow:hidden}.tt-toolbar{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:8px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.tt-toolbar button{min-width:30px;height:30px;padding:0 8px;background:#fff;border:1px solid #e2e8f0;border-radius:4px;font-size:13px;line-height:1;cursor:pointer;color:#4a5568}.tt-toolbar button:hover{border-color:#667eea;color:#667eea}.tt-toolbar button.on{background:#667eea;border-color:#667eea;color:#fff}.tt-color{display:inline-flex;align-items:center;gap:3px;height:30px;padding:0 6px;border:1px solid #e2e8f0;border-radius:4px;background:#fff;cursor:pointer;font-size:13px;color:#4a5568}.tt-color input{width:18px;height:18px;border:none;background:none;padding:0;cursor:pointer}.tt-sep{display:inline-block;width:1px;height:22px;background:#e2e8f0;margin:0 4px}.tt-content .ProseMirror{min-height:320px;max-height:55vh;overflow-y:auto;padding:14px 16px;font-size:14px;line-height:1.6;outline:none}.rte-html-source{display:block;width:100%;box-sizing:border-box;padding:12px;border:1px solid #e2e8f0;border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.5;resize:vertical;min-height:320px}.tt-content .ProseMirror table{border-collapse:collapse;table-layout:fixed;width:100%;margin:12px 0;overflow:hidden}.tt-content .ProseMirror td,.tt-content .ProseMirror th{min-width:1em;border:1px solid #cbd5e0;padding:6px 8px;vertical-align:top;position:relative}.tt-content .ProseMirror th{background:#f1f5f9;font-weight:600}.tt-content .ProseMirror .selectedCell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#667eea26;pointer-events:none}.tt-content .ProseMirror .column-resize-handle{position:absolute;right:-2px;top:0;bottom:-2px;width:4px;background:#667eea;pointer-events:none}.tt-content .ProseMirror.resize-cursor{cursor:col-resize}.privacy-management{max-width:900px;margin:8px auto;padding:24px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d}.privacy-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.privacy-management-header h3{margin:0;font-size:20px;font-weight:600;color:#1a1a1a}.privacy-management .btn-primary{padding:8px 20px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.privacy-management .btn-primary:hover:not(:disabled){background:#5568d3}.privacy-management .btn-primary:disabled{opacity:.6;cursor:not-allowed}.privacy-message{padding:10px 14px;border-radius:6px;font-size:14px;margin-bottom:16px}.privacy-message.success{background:#d1fae5;color:#065f46;border:1px solid #10b981}.privacy-message.error{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}.privacy-title-label{display:block;font-size:13px;font-weight:500;color:#4a5568;margin-bottom:16px}.privacy-title-label input{display:block;width:100%;margin-top:6px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px}.privacy-editor-label{display:block;font-size:13px;font-weight:500;color:#4a5568;margin-bottom:6px}.plan-management{padding:2rem;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.loading{text-align:center;padding:3rem;color:#6c757d;font-size:1.1rem}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.plan-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.plan-card.inactive{border:2px solid #dc3545}.plan-card.inactive .plan-card-body{opacity:.6}.plan-card.inactive .plan-card-actions{opacity:1}.plan-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.plan-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #e9ecef}.plan-card-header>div:first-child{display:flex;flex-direction:column;gap:.5rem}.plan-card-header h3{margin:0;color:#333;font-size:1.4rem}.inactive-badge{display:inline-block;padding:.25rem .75rem;background:#dc3545;color:#fff;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.plan-price{font-size:1.8rem;font-weight:700;color:#007bff}.billing-period{font-size:1rem;color:#6c757d;font-weight:400}.plan-description{color:#666;font-size:.95rem;margin:0 0 1rem}.plan-limits,.plan-features{margin-bottom:1rem}.plan-limits h4,.plan-features h4{margin:0 0 .75rem;color:#495057;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.plan-limits ul{list-style:none;padding:0;margin:0}.plan-limits li{padding:.35rem 0;color:#666;font-size:.9rem;display:flex;justify-content:space-between}.feature-tags{display:flex;flex-wrap:wrap;gap:.5rem}.feature-tag{display:inline-block;padding:.25rem .75rem;background:#e7f3ff;color:#004085;border-radius:12px;font-size:.85rem;text-transform:capitalize}.plan-actions{margin-top:auto;padding-top:1rem;display:flex;gap:.5rem}.btn-primary,.btn-secondary,.btn-danger,.btn-success,.btn-small{padding:.6rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;font-size:.95rem;transition:all .2s}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0056b3}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#545b62}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#218838}.btn-small{padding:.4rem 1rem;font-size:.9rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:8px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.modal-content.large{max-width:900px}.modal-header{padding:1.5rem;border-bottom:1px solid #dee2e6;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#fff;z-index:1}.modal-header h2{margin:0;font-size:1.5rem;color:#333}.close-btn{background:none;border:none;font-size:2rem;line-height:1;cursor:pointer;color:#6c757d;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.close-btn:hover{color:#333}.modal-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #dee2e6;display:flex;gap:.75rem;justify-content:flex-end;position:sticky;bottom:0;background:#fff}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{margin-bottom:.5rem;font-weight:600;color:#333;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{padding:.6rem;border:1px solid #ced4da;border-radius:4px;font-size:.95rem;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-group small{margin-top:.25rem;color:#6c757d;font-size:.85rem}.help-text{color:#6c757d;font-size:.9rem;margin:-.5rem 0 1rem}.modal-body h3{margin:1.5rem 0 1rem;color:#333;font-size:1.2rem;border-bottom:2px solid #e9ecef;padding-bottom:.5rem}.modal-body h3:first-of-type{margin-top:0}.features-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background .2s}.checkbox-label:hover{background:#f8f9fa}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}@media (max-width: 768px){.plans-grid,.form-grid,.features-checkboxes{grid-template-columns:1fr}.page-header{flex-direction:column;gap:1rem}}.logs-page{padding:2rem;max-width:1800px;margin:0 auto}.page-header{margin-bottom:2rem}.page-header h1{margin:0 0 .5rem;color:#333}.page-header p{margin:0;color:#666}.message{position:fixed;top:20px;right:20px;padding:16px 24px;border-radius:8px;font-weight:500;box-shadow:0 4px 12px #00000026;z-index:9999;animation:slideInRight .3s ease-out;min-width:300px;max-width:500px;width:auto}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.message.success{background:#d3f9d8;color:#2b8a3e;border-left:4px solid #51cf66}.message.error{background:#ffe3e3;color:#c92a2a;border-left:4px solid #ff6b6b}.filters-panel{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.filters-row{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.filters-row:last-child{margin-bottom:0}.filter-group{display:flex;flex-direction:column;min-width:150px;flex:1}.filter-group label{font-size:.85rem;font-weight:600;color:#555;margin-bottom:.5rem}.filter-group input,.filter-group select{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#4dabf7}.filter-actions{display:flex;gap:.5rem;align-items:flex-end}.btn-primary,.btn-secondary{padding:.5rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s}.btn-primary{background:#4dabf7;color:#fff}.btn-primary:hover{background:#339af0}.btn-secondary{background:#e9ecef;color:#495057}.btn-secondary:hover{background:#dee2e6}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.9rem;color:#666}.logs-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.logs-table{width:100%;border-collapse:collapse;font-size:.9rem}.logs-table thead{background:#f8f9fa;border-bottom:2px solid #dee2e6}.logs-table th{padding:1rem .75rem;text-align:left;font-weight:600;color:#495057;white-space:nowrap}.logs-table td{padding:.75rem;border-bottom:1px solid #dee2e6}.logs-table tbody tr:hover{background:#f8f9fa}.log-row{transition:background .2s}.log-row.status-success{border-left:3px solid #51cf66}.log-row.status-warning{border-left:3px solid #ffa94d}.log-row.status-error{border-left:3px solid #ff6b6b}.timestamp{font-size:.85rem;color:#666;white-space:nowrap}.method-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.method-badge.get{background:#d3f9d8;color:#2b8a3e}.method-badge.post{background:#d0ebff;color:#1971c2}.method-badge.put{background:#ffec99;color:#e67700}.method-badge.delete{background:#ffe3e3;color:#c92a2a}.endpoint{font-family:monospace;font-size:.85rem}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.status-badge.status-success{background:#d3f9d8;color:#2b8a3e}.status-badge.status-warning{background:#fff3bf;color:#e67700}.status-badge.status-error{background:#ffe3e3;color:#c92a2a}.user-info{font-size:.85rem}.username{font-weight:600;color:#333}.user-role{font-size:.75rem;color:#868e96;display:block}.ip-address{font-family:monospace;font-size:.8rem;color:#666}.expand-icon{font-size:.7rem;color:#868e96}.log-details-row td{background:#f8f9fa;padding:0}.log-details{padding:1.5rem}.detail-section{margin-bottom:1.5rem}.detail-section:last-child{margin-bottom:0}.detail-section h4{margin:0 0 1rem;color:#495057;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.detail-item{display:flex;justify-content:space-between;padding:.5rem 0}.detail-item .label{font-weight:600;color:#666;margin-right:1rem}.detail-item .value{color:#333;text-align:right}.monospace{font-family:monospace;font-size:.85rem}.error-section{background:#fff5f5;padding:1rem;border-radius:4px;border-left:3px solid #ff6b6b}.error-message{color:#c92a2a;font-family:monospace;font-size:.85rem;white-space:pre-wrap}.action-logs-list{display:flex;flex-direction:column;gap:1rem}.action-log-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;border-left:4px solid #4dabf7;transition:box-shadow .2s}.action-log-card:hover{box-shadow:0 4px 8px #00000026}.action-log-card.severity-warning{border-left-color:#ffa94d}.action-log-card.severity-error{border-left-color:#ff6b6b}.action-log-card.severity-critical{border-left-color:#c92a2a}.log-card-header{padding:1.25rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.log-main-info{flex:1}.log-timestamp{font-size:.85rem;color:#868e96;margin-bottom:.5rem}.log-user{font-size:.9rem;margin-bottom:.5rem}.log-user .username{font-weight:600;color:#333}.log-user .user-role{color:#868e96;font-size:.85rem;margin-left:.5rem}.log-description{color:#495057;font-size:.95rem}.log-meta{display:flex;gap:.5rem;align-items:center}.severity-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.severity-badge.severity-info{background:#d0ebff;color:#1971c2}.severity-badge.severity-warning{background:#fff3bf;color:#e67700}.severity-badge.severity-error{background:#ffe3e3;color:#c92a2a}.severity-badge.severity-critical{background:#ffc9c9;color:#a61e4d}.category-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;background:#e9ecef;color:#495057;text-transform:capitalize}.log-card-details{padding:1.25rem;background:#f8f9fa;border-top:1px solid #dee2e6}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:1.5rem}.changed-fields{margin-bottom:1.5rem}.changed-fields h4{margin:0 0 .75rem;color:#495057;font-size:.9rem}.field-list{display:flex;flex-wrap:wrap;gap:.5rem}.field-badge{display:inline-block;padding:.25rem .75rem;background:#fff3bf;color:#e67700;border-radius:12px;font-size:.75rem;font-weight:600}.data-changes{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.data-section h4,.metadata-section h4{margin:0 0 .75rem;color:#495057;font-size:.9rem}.data-json{background:#fff;padding:1rem;border-radius:4px;border:1px solid #dee2e6;font-family:monospace;font-size:.8rem;overflow-x:auto;max-height:300px;overflow-y:auto}.metadata-section{margin-top:1rem}.empty-state{text-align:center;padding:3rem;color:#adb5bd;font-size:1rem}.loading{text-align:center;padding:3rem;color:#868e96;font-size:1.1rem}.admin-dashboard{width:100%;height:100%;display:flex;flex-direction:column}.admin-header{padding:20px 30px;background:#fff;color:#333;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0}.admin-header>div{flex:1}.admin-header h2{margin:0;font-size:24px;font-weight:600}.admin-subtitle{margin:0;opacity:.7;font-size:14px}.admin-tabs{display:flex;background:#fff;border-bottom:2px solid #e9ecef;padding:0 30px;gap:5px}.tab-button{padding:15px 25px;background:none;border:none;cursor:pointer;font-size:15px;font-weight:600;color:#6c757d;border-bottom:3px solid transparent;transition:all .2s;position:relative;top:2px}.tab-button:hover{color:#495057;background:#f8f9fa}.tab-button.active{color:#667eea;border-bottom-color:#667eea}.admin-content{flex:1;background:#f8f9fa;overflow-y:auto}.terms-management{padding:30px;max-width:1400px;margin:0 auto}.terms-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.terms-header h2{margin:0 0 8px;font-size:28px;font-weight:600;color:#1a1a1a}.terms-subtitle{margin:0;font-size:14px;color:#666}.terms-table{width:100%;background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0}.terms-table thead{background:#f7fafc}.terms-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:#4a5568;border-bottom:1px solid #e2e8f0}.terms-table td{padding:12px 16px;border-bottom:1px solid #f0f0f0;font-size:14px;color:#2d3748}.terms-table tbody tr:hover{background:#f7fafc}.terms-table tbody tr.active-row{background:#e6f7ff}.status-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f3f3f3;color:#666}.action-buttons{display:flex;gap:8px}.btn-small{padding:4px 12px;font-size:13px;border:1px solid #e2e8f0;background:#fff;color:#4a5568;border-radius:4px;cursor:pointer;transition:all .2s}.btn-small:hover{background:#f7fafc;border-color:#cbd5e0}.btn-small.btn-success{background:#48bb78;color:#fff;border-color:#48bb78}.btn-small.btn-success:hover{background:#38a169}.btn-link{background:none;border:none;color:#667eea;cursor:pointer;text-decoration:underline;font-size:14px}.btn-link:hover{color:#5568d3}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.empty-state p{margin:0 0 20px;color:#666;font-size:16px}.btn-primary{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#5568d3;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.terms-editor{padding:30px;max-width:1200px;margin:0 auto}.editor-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.editor-header>div:first-child{display:flex;flex-direction:column;gap:12px}.btn-back{padding:8px 16px;background:#f0f0f0;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.btn-back:hover{background:#e0e0e0}.editor-header h2{margin:0;font-size:28px;font-weight:600;color:#1a1a1a}.header-actions{display:flex;gap:12px}.btn-secondary{padding:10px 20px;background:#fff;border:1px solid #667eea;color:#667eea;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-secondary:hover{background:#f0f4ff}.editor-form{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:30px}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-weight:600;font-size:14px;color:#2d3748}.label-hint{font-weight:400;font-size:12px;color:#718096;margin-left:8px}.form-group input[type=text],.form-group input[type=date],.form-group textarea{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-family:inherit;transition:all .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:80px}.content-textarea{font-family:Courier New,monospace;min-height:400px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:30px;padding-top:20px;border-top:1px solid #e2e8f0}.btn-cancel{padding:10px 20px;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.btn-cancel:hover{background:#f0f0f0}.btn-save{padding:10px 20px;background:#48bb78;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-save:hover{background:#38a169}.btn-activate{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-activate:hover{background:#5568d3}.btn-save:disabled,.btn-activate:disabled,.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.editor-preview{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:40px}.preview-header{margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e2e8f0}.preview-header h3{margin:0 0 8px;font-size:28px;font-weight:600;color:#1a1a1a}.preview-date{margin:0;font-size:14px;color:#718096}.preview-changes{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:20px;margin-bottom:30px}.preview-changes h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#856404}.changes-content{white-space:pre-wrap;font-size:14px;line-height:1.6;color:#856404}.preview-content{font-size:15px;line-height:1.8;color:#2d3748}.preview-content-iframe{width:100%;min-height:600px;border:none;background:#fff}.preview-content h1,.preview-content h2,.preview-content h3,.preview-content h4{margin-top:24px;margin-bottom:12px;font-weight:600}.preview-content p{margin-bottom:16px}.preview-content ul,.preview-content ol{margin-bottom:16px;padding-left:28px}.preview-content li{margin-bottom:8px}.terms-report{padding:30px;max-width:1400px;margin:0 auto}.report-header{margin-bottom:30px}.report-header>div{display:flex;flex-direction:column;gap:12px}.report-header h2{margin:0;font-size:28px;font-weight:600;color:#1a1a1a}.report-subtitle{margin:0;font-size:14px;color:#718096}.report-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;text-align:center}.stat-card.highlight{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.stat-value{font-size:36px;font-weight:700;margin-bottom:8px;color:#1a1a1a}.stat-card.highlight .stat-value{color:#fff}.stat-label{font-size:14px;color:#718096;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-card.highlight .stat-label{color:#ffffffe6}.report-section{margin-bottom:40px}.report-section h3{margin:0 0 20px;font-size:20px;font-weight:600;color:#1a1a1a}.report-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.report-table{width:100%;border-collapse:collapse}.report-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.report-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:#4a5568;text-transform:uppercase;letter-spacing:.5px}.report-table td{padding:14px 16px;font-size:14px;color:#2d3748;border-bottom:1px solid #f0f0f0}.report-table tbody tr:last-child td{border-bottom:none}.report-table tbody tr:hover{background:#f8fafc}.pending-row{background:#fff3cd}.pending-row:hover{background:#ffe69c!important}.ip-address{font-family:Courier New,monospace;font-size:13px;color:#718096}.report-empty{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:60px;text-align:center}.report-empty p{margin:0;font-size:16px;color:#718096}.error{text-align:center;padding:60px;color:#e53e3e;font-size:16px}.loading{text-align:center;padding:60px;color:#666;font-size:16px}.subscription-view{padding:2rem;max-width:1000px;margin:0 auto}.subscription-view.loading,.subscription-view.error{text-align:center;padding:3rem;color:#6c757d;font-size:1.1rem}.subscription-view.error{color:#dc3545}.no-subscription-card{background:#fff;border-radius:8px;padding:3rem;text-align:center;box-shadow:0 1px 3px #0000001a}.no-subscription-card h2{margin:0 0 1rem;color:#333}.no-subscription-card p{margin:.5rem 0;color:#666;font-size:1.05rem}.plan-card{background:#fff;color:#333;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000001a;border:1px solid #e2e8f0}.plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.plan-header h2{margin:0;font-size:2rem}.plan-price{font-size:1.5rem;font-weight:700;background:#fff3;padding:.5rem 1rem;border-radius:8px}.plan-status{margin-bottom:1rem}.status-badge{display:inline-block;padding:.35rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;text-transform:capitalize;background:#ffffff4d}.status-badge.active{background:#28a745e6}.plan-description{margin:0;opacity:.95;font-size:1.05rem}.tokens-card{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a;border-left:4px solid #ffc107}.tokens-card h3{margin:0 0 1rem;color:#333;font-size:1.3rem}.token-balance{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.5rem}.balance-amount{font-size:2.5rem;font-weight:700;color:#ffc107}.balance-label{font-size:1rem;color:#666}.token-info{margin-top:.75rem;padding:.75rem;background:#fff3cd;border-radius:4px;color:#856404;font-size:.95rem}.usage-section{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.usage-section h3{margin:0 0 1.5rem;color:#333;font-size:1.3rem}.usage-item{margin-bottom:1.5rem}.usage-item:last-child{margin-bottom:0}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.usage-label{font-weight:600;color:#333}.usage-value{color:#666;font-weight:500}.usage-bar{height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.usage-fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:4px}.features-section{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.features-section h3{margin:0 0 1rem;color:#333;font-size:1.3rem}.features-list{list-style:none;padding:0;margin:0}.feature-item{padding:.5rem 0;color:#28a745;font-size:1rem}.feature-item:before{content:"✓ ";font-weight:700;margin-right:.5rem}.contact-section{background:#f8f9fa;border-radius:8px;padding:1.5rem;text-align:center;border:2px dashed #dee2e6}.contact-section h3{margin:0 0 .75rem;color:#333;font-size:1.2rem}.contact-section p{margin:0;color:#666;font-size:1rem}@media (max-width: 768px){.subscription-view{padding:1rem}.plan-header{flex-direction:column;align-items:flex-start;gap:1rem}.plan-header h2{font-size:1.5rem}.balance-amount{font-size:2rem}}.studio-settings{padding:20px;max-width:800px;margin:0 auto}.studio-settings.loading,.studio-settings.error{display:flex;justify-content:center;align-items:center;min-height:400px;flex-direction:column;gap:15px}.studio-header{margin-bottom:30px}.studio-header h1{margin:0 0 10px;color:#333}.studio-subtitle{color:#666;margin:0;font-size:14px}.studio-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #dee2e6}.tab-button{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;font-weight:500;color:#6c757d;transition:all .2s;margin-bottom:-2px}.tab-button:hover{color:#495057}.studio-settings .settings-section{margin-bottom:30px}.studio-settings .section-header{margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #e9ecef}.studio-settings .section-header h3{margin:0 20px 10px 0!important;color:#212529!important;font-size:20px!important;font-weight:600!important}.studio-settings .section-description{color:#6c757d!important;font-size:14px!important;margin:0!important;line-height:1.6!important;max-width:700px}.setting-item{padding:20px;background:#f8f9fa;border-radius:8px;margin-bottom:15px}.setting-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.setting-label{font-weight:500;color:#333;font-size:15px}.setting-help{color:#6c757d;font-size:13px;margin:8px 0 0;line-height:1.4}.studio-settings .toggle-switch{position:relative;display:inline-block;width:52px;height:28px;cursor:pointer}.studio-settings .toggle-switch input{opacity:0;width:0;height:0}.studio-settings .toggle-switch .toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#dc3545!important;transition:all .3s ease;border-radius:28px;box-shadow:inset 0 2px 4px #0000001a;width:100%;height:100%}.studio-settings .toggle-switch .toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff!important;transition:all .3s ease;border-radius:50%;box-shadow:0 2px 4px #0003}.studio-settings .toggle-switch input:checked+.toggle-slider{background-color:#28a745!important}.studio-settings .toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)!important}.studio-settings .toggle-switch:hover .toggle-slider{box-shadow:inset 0 2px 4px #00000026,0 0 0 3px #007bff1a}.quality-value{font-weight:600;color:#007bff;font-size:16px}.quality-slider{width:100%;height:6px;border-radius:5px;background:#dee2e6;outline:none;margin:15px 0 10px;-webkit-appearance:none}.quality-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#007bff;cursor:pointer}.quality-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#007bff;cursor:pointer;border:none}.slider-labels{display:flex;justify-content:space-between;font-size:12px;color:#6c757d;margin-top:5px}.settings-footer{margin-top:30px;padding-top:20px;border-top:1px solid #dee2e6;display:flex;justify-content:flex-end}.message-banner{padding:12px 20px;border-radius:6px;margin-bottom:20px;font-size:14px}.message-banner.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message-banner.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.tab-button:hover{color:#495057;border-bottom-color:#adb5bd}.tab-button.active{color:#007bff;border-bottom-color:#007bff}.studio-card{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 4px #0000001a}.studio-info{display:flex;gap:30px;align-items:flex-start;margin-bottom:30px}.studio-logo{flex-shrink:0}.studio-logo img{max-width:150px;max-height:100px;object-fit:contain;border:1px solid #ddd;border-radius:4px;padding:10px}.studio-details{flex:1}.studio-details h2{margin:0 0 20px;color:#333}.info-row{display:flex;gap:10px;margin-bottom:10px}.info-row .label{font-weight:600;color:#555;min-width:100px}.info-row .value{color:#666}.studio-actions{display:flex;gap:10px}.studio-form .form-group{margin-bottom:20px}.studio-form .form-group label{display:block;margin-bottom:8px;font-weight:600;color:#555}.studio-form .form-group input[type=text]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.studio-form .form-group input[type=file]{display:block;margin-top:10px}.studio-form .form-group small{display:block;margin-top:5px;color:#666;font-size:12px}.logo-preview{margin:10px 0}.logo-preview img{max-width:200px;max-height:100px;object-fit:contain;border:1px solid #ddd;border-radius:4px;padding:8px}.form-actions{display:flex;gap:10px;margin-top:30px}.btn-edit,.btn-save,.btn-cancel{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.btn-edit{background:#4dabf7;color:#fff}.btn-edit:hover{background:#339af0}.btn-save{background:#51cf66;color:#fff}.btn-save:hover{background:#40c057}.btn-cancel{background:#e9ecef;color:#495057}.btn-cancel:hover{background:#dee2e6}.privacy-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.privacy-modal{background:#fff;border-radius:12px;width:100%;max-width:1000px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003}.privacy-modal-header{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.privacy-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#1a1a1a}.privacy-modal-close{background:none;border:none;font-size:28px;line-height:1;color:#999;cursor:pointer;padding:0 4px}.privacy-modal-close:hover{color:#333}.privacy-modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:24px;font-size:15px;line-height:1.6;color:#2d3748;overflow-wrap:break-word;word-break:break-word}.privacy-modal-body h1,.privacy-modal-body h2,.privacy-modal-body h3{color:#1a1a1a}.privacy-modal-body img,.privacy-modal-body video,.privacy-modal-body iframe{max-width:100%;height:auto}.privacy-modal-body pre{white-space:pre-wrap;word-break:break-word}.privacy-modal-body table{border-collapse:collapse;table-layout:fixed;width:100%;max-width:100%;margin:8px 0}.privacy-modal-body th,.privacy-modal-body td{border:1px solid #e2e8f0;padding:6px 10px;text-align:left}.privacy-modal-body th{background:#f7fafc;font-weight:600}.privacy-modal-error{color:#e53e3e}.privacy-modal-empty{color:#999}.privacy-modal-footer{flex:0 0 auto;display:flex;justify-content:flex-end;padding:16px 24px;border-top:1px solid #e2e8f0}.privacy-modal-footer .btn-primary{padding:8px 20px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer}.privacy-modal-footer .btn-primary:hover{background:#5568d3}.main-layout{display:flex;flex-direction:column;height:100vh;background:#f5f5f5}.main-header{display:flex;justify-content:space-between;align-items:center;padding:8px 30px;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 2px #00000008}.header-left{display:flex;align-items:center;gap:20px}.header-logo{height:32px}.header-title{font-size:18px;font-weight:600;color:#333;margin:0;padding-right:20px;border-right:1px solid #e5e7eb}.header-nav{display:flex;gap:5px;align-items:center}.nav-link{padding:6px 14px;color:#6b7280;text-decoration:none;font-weight:500;font-size:13px;border-radius:4px;transition:all .2s}.nav-link:hover{color:#374151;background:#f9fafb}.nav-link.active{color:#667eea;background:#fafbff}.nav-link-button{border:none;background:none;cursor:pointer}.nav-link .warning-badge{display:inline-block;background:#ef4444;color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;margin-left:4px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulse-red-border{0%,to{border:2px solid #ef4444;box-shadow:0 0 #ef4444b3}50%{border:2px solid #dc2626;box-shadow:0 0 0 4px #ef44444d}}.terms-warning-pulse{animation:pulse-red-border 2s ease-in-out infinite;background:#fef2f2!important;border-radius:6px;color:#991b1b!important;font-weight:600!important}.terms-warning-pulse:hover{background:#fee2e2!important}.header-right{display:flex;align-items:center;gap:20px}.user-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.user-name{font-weight:600;color:#333;font-size:14px}.user-role{font-size:12px;color:#666;text-transform:capitalize}.btn-logout{padding:6px 12px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;color:#374151;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-logout:hover{background:#e5e7eb;border-color:#9ca3af}.main-content{flex:1;overflow-y:auto;padding:0}@media (max-width: 768px){.main-header{padding:12px 20px}.header-title{font-size:18px}.header-logo{height:30px}.tab-nav{padding:0 20px;overflow-x:auto}.tab-link{padding:12px 20px;font-size:14px;white-space:nowrap}.main-content{padding:20px}.user-info{display:none}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;background:#efeee7;min-height:100vh;padding:0}.app{max-width:1400px;margin:0 auto}.app-header{text-align:left;padding-bottom:24px;margin-bottom:32px;border-bottom:3px solid rgb(91,88,165)}.app-logo{height:48px;display:block;margin-bottom:12px}.app-title{color:#5b58a5;margin:0 0 8px;font-size:28px;font-weight:700}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;overflow-y:auto}.modal-content{position:relative;background:#fff;border-radius:15px;max-width:95%;max-height:95vh;width:600px;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease;padding:30px;margin:20px}.library-container{max-width:1400px;margin:0 auto}.library-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#5b58a50d,#5b58a51a);padding:30px;border-radius:12px;margin-bottom:30px;border:2px solid rgba(91,88,165,.2)}.library-header h2{margin:0;color:#333;font-size:28px;font-weight:700}.btn-large{padding:16px 32px;font-size:18px;font-weight:600;border-radius:10px;border:none;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s;box-shadow:0 4px 12px #0000001a}.btn-primary{background:#5b58a5;color:#fff}.btn-primary:hover{background:#474491;box-shadow:0 6px 20px #5b58a566;transform:translateY(-2px)}.btn-icon{font-size:24px;line-height:1;color:#fff!important}.btn-primary .btn-icon,.btn-large .btn-icon{color:#fff!important}.projects-list{display:flex;flex-direction:column;gap:15px}.project-item{background:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:20px 25px;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.project-item:hover{border-color:#5b58a5;box-shadow:0 4px 12px #5b58a526}.project-item-info{flex:1}.project-item-name{font-size:20px;font-weight:600;color:#333;margin:0 0 8px}.project-item-meta{display:flex;gap:20px;font-size:14px;color:#666}.project-item-meta span{display:flex;align-items:center;gap:5px}.project-item-actions{display:flex;gap:10px}.btn-open{background:#5b58a5;color:#fff;padding:10px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-open:hover{background:#474491;transform:scale(1.05)}.btn-delete{background:#fff;color:#dc3545;padding:10px 20px;border:2px solid #dc3545;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-delete:hover{background:#dc3545;color:#fff}.btn-play{background:#28a745;color:#fff;padding:10px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-play:hover{background:#218838;transform:scale(1.05)}.btn-game-preview-header{background:#28a745;color:#fff;padding:6px 16px;border-radius:6px;font-weight:600;text-decoration:none;display:inline-block;transition:all .2s;font-size:14px}.btn-game-preview-header:hover{background:#218838;transform:scale(1.05)}.projects-list-empty{text-align:center;padding:60px 20px;color:#999}.projects-list-empty h3{color:#666;margin-bottom:10px}.project-selector{display:flex;align-items:center;gap:15px}.project-selector label{font-weight:600;color:#333}.project-selector select{flex:1;max-width:400px;padding:10px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px}.new-project-form{background:#fff;border:2px solid rgb(91,88,165);border-radius:10px;padding:25px;margin-bottom:20px;box-shadow:0 4px 12px #0000001a}.new-project-form h3{margin-top:0;background:#5b58a5;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-actions{display:flex;gap:10px;margin-top:20px}.project-content{animation:fadeIn .3s ease-in}.project-header{background:linear-gradient(135deg,#5b58a5f2,#5b58a5);color:#fff;padding:20px 25px;border-radius:10px;margin-bottom:30px;display:flex;flex-direction:column;gap:15px}.btn-back-to-projects{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;align-self:flex-start;display:flex;align-items:center;gap:8px}.btn-back-to-projects:hover{background:#ffffff4d;border-color:#ffffff80;transform:translate(-4px)}.project-info-inline h2{margin:0 0 10px;font-size:28px;font-weight:700}.project-meta-inline{display:flex;gap:30px;font-size:14px;opacity:.95}.project-meta-inline>span{display:flex;align-items:center;gap:5px}.project-meta-inline strong{font-weight:600;display:inline}.project-meta-inline strong span{display:inline}.project-info{background:#5b58a5;color:#fff;padding:25px;border-radius:10px;margin-bottom:30px}.project-info h2{margin:0 0 10px;font-size:24px}.project-info p{margin:5px 0;opacity:.9}.library-actions{margin-bottom:30px}.library-actions h3{color:#333;margin-bottom:20px}.action-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.action-card{background:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:30px 20px;text-align:center;cursor:pointer;transition:all .3s}.action-card:hover{border-color:#5b58a5;box-shadow:0 8px 20px #5b58a533;transform:translateY(-5px)}.action-icon{font-size:48px;margin-bottom:15px}.action-card h4{margin:10px 0;color:#333;font-size:18px}.action-card p{margin:0;color:#666;font-size:14px}.library-section{background:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:25px;animation:slideIn .3s ease-out}.library-section h3{margin-top:0;color:#333;display:flex;align-items:center;gap:15px}.btn-add-symbols{margin-left:auto;background:#5b58a5;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;font-size:14px;transition:all .2s}.btn-add-symbols:hover{background:#474491;transform:translateY(-1px);box-shadow:0 2px 8px #5b58a54d}.back-btn{background:#f0f0f0;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.back-btn:hover{background:#e0e0e0}.library-image-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;padding:20px;background:#f5f5f5;border-radius:8px;max-height:400px;overflow-y:auto}.library-image-item{position:relative;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:10px;text-align:center;cursor:pointer;transition:all .2s}.library-image-item:hover{border-color:#5b58a5}.library-image-item.selected{border-color:#5b58a5;background:#f0f4ff}.library-image-item img{width:100%;height:80px;object-fit:contain;border-radius:4px;background:repeating-conic-gradient(#ccc,#ccc 25%,#fff 0%,#fff 50%) 50% / 10px 10px}.library-image-item p{margin:8px 0 0;font-size:11px;color:#333;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-image-item .checkmark{position:absolute;top:5px;right:5px;width:24px;height:24px;background:#5b58a5;color:#fff;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:14px}.library-image-item.selected .checkmark{display:flex}.upload-hint{background:#f0f4ff;border-left:4px solid rgb(91,88,165);padding:10px 15px;border-radius:6px;margin-bottom:15px}.upload-hint p{margin:5px 0;font-size:13px;color:#333;font-weight:500}.validation-status{background:#f8f9fa;border-left:4px solid #ffc107;padding:15px 20px;border-radius:6px;margin:20px 0}.validation-status.valid{border-color:#28a745;background:#f0fdf4}.validation-status.invalid{border-color:#dc3545;background:#fef2f2}.validation-status p{margin:0;font-size:14px;color:#333}.validation-status ul{margin:10px 0 0 20px;font-size:13px;color:#666}.category-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px}.category-tab{background:#fff;border:3px solid #e0e0e0;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .3s}.category-tab:hover{border-color:#5b58a5;box-shadow:0 4px 12px #5b58a526}.category-tab.active{border-color:#5b58a5;background:linear-gradient(135deg,#5b58a50d,#5b58a51a);box-shadow:0 4px 16px #5b58a540}.progress-ring-container{position:relative;flex-shrink:0}.progress-ring-circle{fill:none;stroke:#5b58a5;stroke-width:4;stroke-linecap:round;stroke-dasharray:150.796;stroke-dashoffset:150.796;transition:stroke-dashoffset .6s ease}.category-tab.active .progress-ring-circle{stroke:#5b58a5;filter:drop-shadow(0 0 4px rgba(91,88,165,.5))}.progress-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:700;color:#5b58a5}.category-tab-info{flex:1;display:flex;flex-direction:column;gap:5px}.category-icon{font-size:24px;line-height:1}.category-name{font-size:16px;font-weight:600;color:#333}.category-counts{display:flex;gap:8px;font-size:11px}.category-count-required,.category-count-optional{display:flex;gap:3px;align-items:center}.count-label{font-weight:600;color:#999}.count-value{color:#333;font-weight:600}.category-required-badge,.category-optional-badge,.category-ready-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.category-required-badge{background:#dc35451a;color:#dc3545;border:1px solid rgba(220,53,69,.3)}.category-optional-badge{background:#6c757d1a;color:#6c757d;border:1px solid rgba(108,117,125,.3)}.category-ready-badge{background:#28a74526;color:#28a745;border:1px solid rgba(40,167,69,.4);font-weight:800;animation:pulse-ready 2s ease-in-out infinite}@keyframes pulse-ready{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.category-tab.active .category-name{color:#5b58a5}.resources-layout{display:flex;gap:20px;margin-bottom:20px}.category-sidebar{display:flex;flex-direction:column;gap:8px;background:#fff;border-radius:12px;padding:12px;border:1px solid #e2e8f0;min-width:70px;position:sticky;top:0;align-self:flex-start;max-height:400px;overflow-y:auto;overflow-x:hidden}.category-sidebar::-webkit-scrollbar{width:6px}.category-sidebar::-webkit-scrollbar-track{background:#f7fafc;border-radius:3px}.category-sidebar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.category-sidebar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.category-sidebar{scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.category-sidebar-item{position:relative;cursor:pointer;border-radius:8px;transition:all .2s}.category-sidebar-item:hover{transform:scale(1.05);box-shadow:0 2px 8px #0000001a}.category-sidebar-item.active{box-shadow:0 2px 12px #5b58a54d;background:linear-gradient(135deg,#5b58a5,#667eea)!important}.sidebar-item-inner{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 6px;background:#fff;border-radius:6px}.category-sidebar-item.active .sidebar-item-inner{background:transparent}.sidebar-icon{font-size:20px;line-height:1;margin-bottom:2px}.sidebar-percentage{font-size:10px;font-weight:700;color:#5b58a5;margin-bottom:2px}.category-sidebar-item.active .sidebar-percentage{color:#fff}.sidebar-category-name{font-size:9px;font-weight:600;color:#666;text-align:center;line-height:1.1;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-sidebar-item.active .sidebar-category-name{color:#fff}.sidebar-badge{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.sidebar-badge.ready{background:#28a745e6;color:#fff;box-shadow:0 2px 6px #28a74566}.sidebar-badge.optional{background:#6c757dcc;color:#fff;font-size:9px}.category-content{flex:1;min-width:0}.library-grid-container{margin-bottom:20px}.library-bulk-actions{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f8f9fa;border-radius:8px;margin-bottom:15px;border:2px solid #e0e0e0}.bulk-actions-info{display:flex;align-items:center;gap:20px}.select-all-container{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;color:#333}.select-all-container input[type=checkbox]{width:18px;height:18px;cursor:pointer}#selectedCount{color:#666;font-size:14px}.bulk-actions-buttons{display:flex;gap:10px}.btn-danger{background:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-danger:hover:not(:disabled){background:#c82333}.btn-danger:disabled{background:#ccc;cursor:not-allowed}.btn-danger-outline{background:#fff;color:#dc3545;border:2px solid #dc3545;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-danger-outline:hover:not(:disabled){background:#dc3545;color:#fff}.btn-danger-outline:disabled{border-color:#ccc;color:#ccc;cursor:not-allowed}.select-all-container input[type=checkbox]:disabled{cursor:not-allowed}.select-all-container:has(input:disabled){opacity:.5;cursor:not-allowed}.library-filters{display:flex;gap:10px;margin-bottom:20px}.filter-btn{padding:8px 16px;border:2px solid #e0e0e0;background:#fff;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.filter-btn:hover{border-color:#5b58a5}.filter-btn.active{background:#5b58a5;color:#fff;border-color:transparent}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;padding:20px;background:#f5f5f5;border-radius:8px;min-height:300px}.library-category-header{grid-column:1 / -1;background:#fff;border-left:4px solid rgb(91,88,165);padding:12px 20px;margin:10px 0 5px;border-radius:6px}.library-category-header h4{margin:0;color:#333;font-size:16px;font-weight:600;display:flex;align-items:center;gap:10px}.library-grid-item{position:relative;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:15px;text-align:center;transition:all .2s}.library-grid-item:hover{box-shadow:0 4px 12px #0000001a}.library-grid-item.selected{border-color:#5b58a5;background:#5b58a50d}.library-grid-item .select-checkbox{position:absolute;top:10px;left:10px;width:20px;height:20px;cursor:pointer;z-index:10}.library-grid-item.required{border-color:#dc3545}.library-grid-item.optional{border-color:#ffc107}.library-grid-item.uploaded{border-color:#28a745}.library-grid-item .status-badge{position:absolute;top:5px;right:5px;padding:3px 8px;border-radius:12px;font-size:10px;font-weight:600;color:#fff}.library-grid-item .status-badge.required{background:#dc3545}.library-grid-item .status-badge.optional{background:#ffc107}.library-grid-item .status-badge.uploaded{background:#28a745}.library-grid-item .status-badge.spine-badge{background:#5b58a5}.spine-placeholder-small{font-size:48px!important}.library-grid-item img{width:100%;height:100px;object-fit:contain;border-radius:4px;background:repeating-conic-gradient(#ccc,#ccc 25%,#fff 0%,#fff 50%) 50% / 10px 10px;margin-bottom:10px}.library-grid-item .placeholder{width:100%;height:100px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border-radius:4px;margin-bottom:10px;font-size:36px;color:#ccc}.library-grid-item p{margin:5px 0;font-size:12px;font-weight:600;color:#333}.library-grid-item small{color:#999;font-size:10px}.library-grid-item .actions{margin-top:10px;display:flex;gap:5px;justify-content:center}.library-grid-item .actions button{padding:4px 8px;font-size:11px;border:none;border-radius:4px;cursor:pointer;background:#5b58a5;color:#fff;transition:all .2s}.library-grid-item .actions button:hover{background:#5568d3}.library-grid-item .actions button.delete{background:#dc3545}.library-grid-item .actions button.delete:hover{background:#c82333}.library-export{text-align:center;padding:20px 0}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.action-cards{grid-template-columns:1fr}.library-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.project-selector{flex-direction:column;align-items:stretch}.project-selector select{max-width:none}}.spine-mapping-section{margin-top:30px;padding:25px;background:#f8f9fa;border-radius:12px;border:2px solid #dee2e6}.spine-mapping-section h4{margin:0 0 10px;color:#495057;font-size:18px;font-weight:600}.spine-mapping-hint{margin:0 0 20px;color:#6c757d;font-size:14px}.spine-mapping-list{display:flex;flex-direction:column;gap:15px}.spine-mapping-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;padding:15px;background:#fff;border-radius:8px;border:1px solid #dee2e6}.spine-mapping-resource{display:flex;flex-direction:column;gap:5px}.spine-mapping-resource-name{font-weight:600;color:#212529;font-size:14px}.spine-mapping-resource-type{font-size:12px;color:#6c757d;font-style:italic}.spine-mapping-arrow{font-size:20px;color:#6c757d}.spine-mapping-select{padding:10px;border:1px solid #ced4da;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .2s}.spine-mapping-select:hover{border-color:#80bdff}.spine-mapping-select:focus{border-color:#80bdff;outline:none;box-shadow:0 0 0 .2rem #007bff40}.spine-filename{color:#28a745;font-weight:500;font-size:13px}.category-complete-section{margin-bottom:20px;padding:20px;background:linear-gradient(135deg,#28a7450d,#28a7451a);border:2px solid rgba(40,167,69,.3);border-radius:12px}.upload-section,.resources-grid-section{background:#fff;border:1px solid rgba(91,88,165,.15);border-radius:10px;margin-bottom:20px;overflow:hidden;transition:all .3s ease-in-out;box-shadow:0 2px 4px #0000000d}.upload-section:hover,.resources-grid-section:hover{box-shadow:0 4px 8px #00000014;border-color:#5b58a540}.upload-section-header,.resources-grid-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:linear-gradient(135deg,#5b58a50a,#5b58a514);border-bottom:1px solid rgba(91,88,165,.1);cursor:pointer;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none}.upload-section-header:hover,.resources-grid-header:hover{background:linear-gradient(135deg,#5b58a514,#5b58a51f)}.upload-section-header.collapsed,.resources-grid-header.collapsed{border-bottom:none}.upload-section-header h4,.resources-grid-header h4{margin:0;color:#333;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px;width:100%}.upload-section-header h4:after,.resources-grid-header h4:after{content:"▼";font-size:14px;color:#5b58a5;transition:transform .3s ease-in-out;display:inline-block;margin-left:auto;font-weight:400}.upload-section-header.collapsed h4:after,.resources-grid-header.collapsed h4:after{transform:rotate(-90deg)}.toggle-section-btn{display:none}.upload-section-content,.resources-grid-content{max-height:none;overflow:visible;opacity:1;padding:18px;transition:max-height .4s ease-in-out,opacity .3s ease-in-out,padding .3s ease-in-out}.upload-section-content.collapsed,.resources-grid-content.collapsed{max-height:0;opacity:0;overflow:hidden;padding-top:0;padding-bottom:0}.upload-section.disabled{opacity:.5;pointer-events:none}.resources-grid-section{margin-top:20px}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:999999;opacity:1;transition:opacity .3s ease-in-out}.loader-overlay.hidden{opacity:0;pointer-events:none}.loader-content{background:#fff;padding:40px 50px;border-radius:16px;box-shadow:0 10px 40px #0000004d;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.spinner{width:60px;height:60px;border:5px solid rgba(91,88,165,.2);border-top:5px solid rgb(91,88,165);border-radius:50%;animation:spin 1s linear infinite}.loader-content p{margin:0;color:#333;font-size:16px;font-weight:600}.toggle-section-btn{transition:all .3s ease-in-out}.toggle-section-btn.collapsed{transform:rotate(-90deg)}.symbol-animation-list{display:flex;flex-direction:column;gap:20px;padding:20px 0}.symbol-animation-item{background:#fff;border:2px solid rgba(91,88,165,.15);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:20px;transition:all .2s}.symbol-animation-item:hover{border-color:#5b58a54d;box-shadow:0 4px 12px #0000001a}.symbol-animation-header{display:flex;align-items:center;gap:20px}.symbol-animation-preview{width:120px;height:120px;border-radius:8px;overflow:hidden;background:#f5f5f5;display:flex;align-items:center;justify-content:center;flex-shrink:0}.symbol-animation-preview img{max-width:100%;max-height:100%;object-fit:contain}.symbol-animation-info{flex:1}.symbol-animation-info h4{margin:0 0 10px;color:#333;font-size:20px;font-weight:600}.symbol-animation-info p{margin:0;color:#666;font-size:14px}.animation-types-container{padding:16px;background:#5b58a50d;border-radius:8px}.animation-types-container h5{margin:0 0 12px;color:#333;font-size:16px;font-weight:600}.animation-types-grid{display:flex;flex-direction:column;gap:12px}.animation-type-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:2px solid rgba(91,88,165,.2);border-radius:8px;transition:all .2s}.animation-type-item:hover{border-color:#5b58a54d;box-shadow:0 2px 8px #00000014}.animation-type-name{font-weight:600;color:#333;font-size:15px;min-width:120px;text-transform:capitalize}.animation-type-actions{display:flex;gap:8px;margin-left:auto}.animation-type-actions button{padding:8px 16px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;font-size:13px;display:flex;align-items:center;gap:6px;white-space:nowrap}.btn-ai-generate{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-ai-generate:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-upload-video{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-upload-video:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f5576c66}.animation-exists-info{display:flex;flex-direction:column;gap:4px;margin-right:12px}.animation-status{color:#28a745;font-weight:600;font-size:13px}.animation-meta{color:#666;font-size:12px}.btn-preview-animation{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:8px 16px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;font-size:13px;display:flex;align-items:center;gap:6px;white-space:nowrap}.btn-preview-animation:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.btn-replace-animation{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;padding:8px 16px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;font-size:13px;display:flex;align-items:center;gap:6px;white-space:nowrap}.btn-replace-animation:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff980066}.btn-delete-animation{padding:8px 16px;background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #dc35454d}.btn-delete-animation:hover{transform:translateY(-2px);box-shadow:0 4px 12px #dc354566;background:linear-gradient(135deg,#c82333,#bd2130)}.btn-reprocess-animation{padding:8px 16px;background:linear-gradient(135deg,#17a2b8,#138496);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #17a2b84d}.btn-reprocess-animation:hover{transform:translateY(-2px);box-shadow:0 4px 12px #17a2b866;background:linear-gradient(135deg,#138496,#117a8b)}.btn-disable-animation{padding:8px 16px;background:linear-gradient(135deg,#ffc107,#ff9800);color:#333;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #ffc1074d}.btn-disable-animation:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffc10766;background:linear-gradient(135deg,#ff9800,#f57c00)}.btn-enable-animation{padding:8px 16px;background:linear-gradient(135deg,#28a745,#218838);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #28a7454d}.btn-enable-animation:hover{transform:translateY(-2px);box-shadow:0 4px 12px #28a74566;background:linear-gradient(135deg,#218838,#1e7e34)}.animation-toggle-switch{display:flex;align-items:center;gap:8px;margin-top:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.animation-toggle-switch input[type=checkbox]{display:none}.toggle-slider{position:relative;width:36px;height:20px;background:#ccc;border-radius:20px;transition:background .3s}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .3s;box-shadow:0 2px 4px #0003}.animation-toggle-switch input[type=checkbox]:checked+.toggle-slider{background:#28a745}.animation-toggle-switch input[type=checkbox]:checked+.toggle-slider:before{transform:translate(16px)}.toggle-label{font-size:12px;font-weight:500;color:#666}.animation-toggle-switch input[type=checkbox]:checked~.toggle-label{color:#28a745}.video-upload-modal{border:none;border-radius:12px;padding:0;max-width:600px;width:90%;box-shadow:0 10px 40px #0000004d}.video-upload-modal::backdrop{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-upload-modal .modal-content{display:flex;flex-direction:column;position:relative}.modal-loader{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;border-radius:12px}.modal-loader.hidden{display:none}.video-upload-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.1)}.video-upload-modal .modal-header h3{margin:0;font-size:20px;color:#333}.modal-close-btn{background:none;border:none;font-size:32px;cursor:pointer;color:#999;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close-btn:hover{color:#333;transform:rotate(90deg)}.video-upload-modal .modal-body{padding:24px}.video-upload-modal .upload-area{border:2px dashed rgba(91,88,165,.3);border-radius:8px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s;background:#5b58a505;margin-bottom:20px}.video-upload-modal .upload-area:hover{border-color:#5b58a580;background:#5b58a50d}.video-upload-modal .upload-placeholder .upload-icon{font-size:48px;display:block;margin-bottom:12px}.video-upload-modal .upload-placeholder p{margin:4px 0;color:#333;font-weight:600}.video-upload-modal .upload-placeholder .upload-hint{font-size:13px;color:#999;font-weight:400}.video-upload-modal .preview-video{max-width:100%;max-height:300px;border-radius:8px}.video-bg-selector{display:flex;align-items:center;gap:12px}.video-bg-selector label{font-weight:600;color:#333}.video-bg-selector select{flex:1;padding:10px;border:2px solid rgba(91,88,165,.2);border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.video-upload-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid rgba(0,0,0,.1)}.btn-secondary{padding:10px 20px;border:2px solid rgba(91,88,165,.3);border-radius:8px;background:#fff;color:#5b58a5;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{border-color:#5b58a5;background:#5b58a50d}.btn-primary{padding:10px 20px;border:none;border-radius:8px;background:#5b58a5;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){background:#474491;transform:translateY(-1px);box-shadow:0 4px 12px #5b58a566}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-export-spine{padding:12px 24px;border:none;border-radius:8px;background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #ff6b6b4d;display:flex;align-items:center;gap:8px;margin-left:auto}.btn-export-spine:hover{background:linear-gradient(135deg,#ee5a52,#dd4b42);transform:translateY(-2px);box-shadow:0 6px 16px #ff6b6b66}.btn-export-spine:active{transform:translateY(0);box-shadow:0 2px 8px #ff6b6b4d}n.btn-export-spine.disabled,.btn-export-spine:disabled{background:linear-gradient(135deg,#ccc,#b3b3b3);color:#666;cursor:not-allowed;box-shadow:0 2px 6px #0000001a;opacity:.6}.btn-export-spine.disabled:hover,.btn-export-spine:disabled:hover{background:linear-gradient(135deg,#ccc,#b3b3b3);transform:none;box-shadow:0 2px 6px #0000001a}.spine-export-options{display:flex;flex-direction:column;gap:12px}.export-option{display:flex;align-items:flex-start;gap:12px;padding:16px;border:2px solid rgba(91,88,165,.2);border-radius:8px;cursor:pointer;transition:all .2s}.export-option:hover{border-color:#5b58a580;background:#5b58a508}.export-option input[type=radio]{margin-top:4px;cursor:pointer}.export-option input[type=radio]:checked~label{color:#5b58a5}.export-option label{flex:1;cursor:pointer;-webkit-user-select:none;user-select:none}.export-option label strong{display:block;margin-bottom:4px;font-size:15px}.export-option label p{margin:0;color:#666;font-size:13px}.frame-preview-section{margin-top:24px;padding-top:24px;border-top:2px solid rgba(91,88,165,.1)}.frame-preview-section h4{margin:0 0 16px;color:#333;font-size:18px;font-weight:600}.frame-selection-controls{display:flex;align-items:center;gap:12px;margin-bottom:16px}.frame-selection-controls label{font-weight:600;color:#333}.frame-selection-controls select{padding:8px 12px;border:2px solid rgba(91,88,165,.2);border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.frame-count-info{color:#666;font-size:14px;margin-left:auto}.frame-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;max-height:400px;overflow-y:auto;padding:12px;background:#5b58a505;border-radius:8px}.frame-grid-item{position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden;border:2px solid rgba(91,88,165,.2);transition:all .2s}.frame-grid-item:hover{border-color:#5b58a5;transform:scale(1.05);z-index:10}.animation-preview-container{display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:8px;padding:20px;margin-bottom:20px;min-height:300px}.animation-preview-canvas{max-width:100%;max-height:400px;background:repeating-conic-gradient(#ccc,#ccc 25%,#fff 0%,#fff 50%) 50% / 10px 10px;border-radius:8px;box-shadow:0 4px 12px #0000001a}.animation-controls{display:flex;flex-direction:column;gap:16px;padding:16px;background:#5b58a50d;border-radius:8px}.version-controls{display:flex;gap:12px;justify-content:center;padding:16px;background:#5b58a50d;border-radius:8px;margin-bottom:16px}.btn-version{padding:10px 20px;background:#5b58a5;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.btn-version:hover:not(:disabled){background:#474491;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.btn-version:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.fps-control label{font-weight:600;color:#333;font-size:14px}.fps-control input[type=range]{width:100%;height:6px;border-radius:3px;background:#5b58a533;outline:none;cursor:pointer}.fps-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#5b58a5;cursor:pointer;box-shadow:0 2px 4px #0003}.fps-control input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#5b58a5;cursor:pointer;border:none;box-shadow:0 2px 4px #0003}.playback-controls{display:flex;gap:10px;justify-content:center}.btn-control{padding:10px 20px;border:2px solid rgba(91,88,165,.3);border-radius:8px;background:#fff;color:#5b58a5;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.btn-control:hover{border-color:#5b58a5;background:#5b58a50d}.btn-control:active{background:#5b58a51a}.animation-info{padding:12px 16px;background:#fff;border-left:4px solid rgb(91,88,165);border-radius:6px;color:#333;font-size:14px}.upload-modal-content{max-width:700px;width:90%}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{margin:0;color:#333;font-size:24px;font-weight:600}.btn-close{background:none;border:none;font-size:36px;color:#999;cursor:pointer;line-height:1;padding:0;transition:all .2s}.btn-close:hover{color:#333;transform:rotate(90deg)}.modal-body{margin-bottom:20px}.drop-zone{border:3px dashed rgba(91,88,165,.3);border-radius:12px;padding:60px 30px;text-align:center;background:#5b58a505;transition:all .3s;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.drop-zone>*{pointer-events:none}.drop-zone .btn-browse{pointer-events:auto}.drop-zone:hover{border-color:#5b58a580;background:#5b58a50d}.drop-zone.dragging{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:9999;border-radius:0;border:3px dashed rgba(102,126,234,.6);background:#ffffffbf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:none}.drop-zone.dragging *{color:#2d3748}.drop-zone.dragging .drop-zone-icon{font-size:120px;opacity:.7}.drop-zone.dragging h3{color:#2d3748;font-size:32px}.drop-zone.dragging .hint{color:#4a5568;font-size:18px}.drop-zone-icon{font-size:64px;margin-bottom:20px}.drop-zone h3{margin:0 0 10px;color:#333;font-size:20px;font-weight:600;text-align:center}.drop-zone p{margin:10px 0;color:#666;font-size:14px}.drop-zone .hint{font-size:13px;color:#999;margin-top:15px}.btn-browse{display:inline-block;padding:12px 28px;background:#5b58a5;color:#fff;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;margin:15px 0}.btn-browse:hover{background:#474491;transform:translateY(-2px);box-shadow:0 4px 12px #5b58a566}.file-list{margin-top:25px}.file-list h3{margin:0 0 15px;color:#333;font-size:16px;font-weight:600}.files-preview{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto;padding:10px;background:#f5f5f5;border-radius:8px}.file-preview-item{display:flex;align-items:center;gap:15px;padding:12px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;transition:all .2s}.file-preview-item:hover{border-color:#5b58a5;box-shadow:0 2px 8px #0000001a}.file-preview-item img{width:60px;height:60px;object-fit:cover;border-radius:6px;background:#f0f0f0}.file-info{flex:1;display:flex;flex-direction:column;gap:5px}.file-name{font-weight:600;color:#333;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#999;font-size:12px}.btn-remove-file{background:none;border:2px solid #dc3545;color:#dc3545;width:32px;height:32px;border-radius:50%;font-size:20px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0}.btn-remove-file:hover{background:#dc3545;color:#fff}.upload-progress-section{text-align:center;padding:40px 20px}.upload-progress-section h3{margin:20px 0;color:#333;font-size:18px;font-weight:600}.progress-bar{width:100%;height:12px;background:#e0e0e0;border-radius:6px;overflow:hidden;margin:20px 0}.progress-fill{height:100%;background:linear-gradient(90deg,#5b58a5,#474491);transition:width .3s ease;border-radius:6px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:20px;border-top:1px solid #e0e0e0}.resource-list{margin-top:20px}.empty-resources{text-align:center;padding:60px 20px;background:#f5f5f5;border-radius:8px;color:#999}.empty-resources p{margin:5px 0;font-size:16px}.empty-resources .hint{font-size:14px;color:#bbb}.bulk-actions{display:flex;align-items:center;gap:10px;padding:15px 20px;background:#f8f9fafa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;margin-bottom:15px;border:2px solid #e0e0e0;position:sticky;top:-30px;z-index:100;box-shadow:0 2px 8px #0000000d}.bulk-actions .selection-count{font-weight:600;color:#5b58a5;margin-left:auto;padding:6px 12px;background:#5b58a51a;border-radius:6px;font-size:13px}.btn-select-all{background:#5b58a5;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s}.btn-select-all:hover:not(:disabled){background:#474491}.btn-select-all:disabled{opacity:.5;cursor:not-allowed}.btn-delete-all{background:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s;margin-left:auto}.btn-delete-all:hover:not(:disabled){background:#c82333}.btn-delete-all:disabled{opacity:.5;cursor:not-allowed}.btn-danger-small{background:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s}.btn-danger-small:hover{background:#c82333}.btn-secondary-small{background:#fff;color:#666;border:2px solid #e0e0e0;padding:8px 16px;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s}.btn-secondary-small:hover{border-color:#999;color:#333}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;padding:20px;background:#f5f5f5;border-radius:8px}.resources-grid.sounds-category{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.resource-item{position:relative;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:15px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:10px}.resource-item:hover{border-color:#5b58a5;box-shadow:0 4px 12px #0000001a}.resource-item.selected{border-color:#5b58a5;background:#5b58a50d;box-shadow:0 0 0 3px #5b58a51a}.resource-preview{width:100%;height:auto;min-height:120px;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#ccc,#ccc 25%,#fff 0%,#fff 50%) 50% / 10px 10px;border-radius:6px;overflow:hidden}.resource-preview .sound-preview{min-height:160px}.resource-preview img{max-width:100%;max-height:120px;object-fit:contain}.placeholder-preview{font-size:48px;color:#ccc}.resource-info{display:flex;flex-direction:column;gap:5px}.resource-info h4{margin:0;font-size:14px;font-weight:600;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-info .dimensions{font-size:12px;color:#999}.resource-info .spine-files-info{font-size:11px;color:#666;background:#5b58a51a;padding:2px 6px;border-radius:3px;font-weight:500}.resource-info .mapped-name{font-size:11px;color:#5b58a5;font-weight:600}.resource-actions{display:flex;gap:5px;justify-content:center;margin-top:auto}.btn-action-delete{padding:6px 12px;font-size:12px;border:none;border-radius:4px;cursor:pointer;background:#dc3545;color:#fff;transition:all .2s;font-weight:600;width:100%}.btn-action-delete:hover:not(:disabled){background:#c82333}.btn-action-delete:disabled{opacity:.5;cursor:not-allowed}.selection-indicator{position:absolute;top:10px;left:10px;background:#5b58a5;color:#fff;width:28px;height:28px;border-radius:50%;font-size:16px;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 2px 8px #0003}.confirm-dialog{max-width:500px;width:90%}.confirm-dialog .modal-header h3{margin:0;color:#333;font-size:22px;font-weight:600}.confirm-dialog .modal-body{padding:20px 0}.confirm-message{margin:0;color:#555;font-size:15px;line-height:1.6;white-space:pre-line}.btn-danger{background:#dc3545;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-danger:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 4px 12px #dc354566}.animation-modal{max-width:600px;width:90%}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;font-family:Roboto,sans-serif;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#5b58a5;box-shadow:0 0 0 3px #5b58a51a}.form-group textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.error-message{padding:12px 16px;background:#fee;border-left:4px solid #dc3545;border-radius:6px;color:#dc3545;font-size:14px;margin:15px 0}.generating-status{text-align:center;padding:30px}.generating-status p{margin-top:15px;color:#666;font-size:14px}.spinner{border:4px solid #f3f3f3;border-top:4px solid rgb(91,88,165);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-large{border:6px solid #f3f3f3;border-top:6px solid rgb(91,88,165);border-radius:50%;width:80px;height:80px;animation:spin 1s linear infinite;margin:0 auto 24px}.upload-progress-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.upload-progress-content{background:#fff;padding:48px;border-radius:16px;text-align:center;box-shadow:0 20px 60px #0000004d;max-width:500px;animation:slideUp .3s ease}.upload-progress-content h3{margin:0 0 16px;color:#5b58a5;font-size:24px;font-weight:700}.upload-progress-content p{margin:8px 0;color:#666;font-size:16px}.upload-progress-content .upload-hint{margin-top:16px;font-size:14px;color:#999;font-style:italic}.video-preview{text-align:center}.video-preview video{width:100%;max-width:500px;border-radius:8px;margin-bottom:15px}.video-preview p{color:#666;font-size:14px}.upload-zone{margin:20px 0}.upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;border:3px dashed rgb(91,88,165);border-radius:12px;background:#5b58a50d;cursor:pointer;transition:all .3s ease;padding:30px}.upload-label:hover{border-color:#393683;background:#5b58a51a;transform:translateY(-2px)}.upload-label.dragging{border-color:#393683;background:#5b58a526;transform:scale(1.02);box-shadow:0 4px 12px #5b58a533}.upload-icon{font-size:64px;margin-bottom:15px;opacity:.8}.upload-text{text-align:center}.upload-text p{margin:5px 0;color:#333}.upload-text .hint{font-size:12px;color:#666}.preview-info{background:#5b58a50d;border-left:3px solid rgb(91,88,165);padding:12px 16px;margin:15px 0;border-radius:4px}.preview-info p{margin:0;color:#333;font-size:14px}.auto-detected-badge{display:inline-block;margin-left:10px;padding:4px 10px;background:#22c55e1a;color:#16a34a;border-radius:12px;font-size:12px;font-weight:600;border:1px solid rgba(34,197,94,.3)}.frame-count-display{margin:15px 0;padding:10px;background:#5b58a50d;border-radius:6px;text-align:center;color:#333}.frame-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;max-height:400px;overflow-y:auto;padding:12px;background:#5b58a505;border-radius:8px;margin-top:15px}.frame-grid-item{position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden;border:2px solid rgba(91,88,165,.2);transition:all .2s;cursor:pointer}.frame-grid-item:hover{border-color:#5b58a5;transform:scale(1.05);z-index:10;box-shadow:0 4px 8px #5b58a54d}.frame-grid-item img{width:100%;height:100%;object-fit:contain;background:#f5f5f5}.frame-grid-item .frame-number{position:absolute;top:4px;right:4px;background:#000000b3;color:#fff;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600}.frame-grid-item.active{border-color:#5b58a5;border-width:3px;box-shadow:0 0 0 2px #5b58a54d}.animation-preview-section{background:#fff;border:2px solid rgba(91,88,165,.2);border-radius:12px;padding:20px;margin:20px 0}.animation-preview-section h5{margin:0 0 15px;color:#333;font-size:16px;font-weight:600}.animation-preview-container{display:flex;justify-content:center;align-items:center;border-radius:8px;padding:30px;min-height:250px}.animation-preview-canvas{padding:10px;border-radius:8px;display:flex;align-items:center;justify-content:center}.animation-controls{display:flex;flex-direction:column;gap:15px;margin-top:20px;padding:15px;background:#5b58a50d;border-radius:8px}.btn-play-pause{padding:10px 20px;background:#5b58a5;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;align-self:center}.btn-play-pause:hover{background:#393683;transform:translateY(-1px)}.fps-control{display:flex;flex-direction:column;gap:8px}.fps-control label{font-size:14px;color:#333;text-align:center}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .15s ease-out}.dialog-content{background:#fff;border-radius:12px;padding:24px;max-width:400px;width:90%;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;align-items:center;gap:16px;animation:slideUp .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dialog-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.dialog-info .dialog-icon{background:#5b58a51a;color:#5b58a5}.dialog-success .dialog-icon{background:#28a7451a;color:#28a745}.dialog-error .dialog-icon{background:#dc35451a;color:#dc3545}.dialog-warning .dialog-icon{background:#ffc1071a;color:#ffc107}.dialog-message{text-align:center;color:#333;font-size:15px;line-height:1.5;white-space:pre-line}.dialog-button{padding:10px 32px;background:#5b58a5;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;min-width:100px}.dialog-button:hover{background:#474491;transform:translateY(-1px)}.fps-slider{width:100%;height:6px;border-radius:3px;background:#5b58a533;outline:none;-webkit-appearance:none}.fps-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#5b58a5;cursor:pointer;transition:all .2s}.fps-slider::-webkit-slider-thumb:hover{background:#393683;transform:scale(1.2)}.fps-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#5b58a5;cursor:pointer;border:none;transition:all .2s}.fps-slider::-moz-range-thumb:hover{background:#393683;transform:scale(1.2)}.fps-labels{display:flex;justify-content:space-between;font-size:11px;color:#666}.frame-indicator{text-align:center;font-size:13px;color:#666;font-weight:500}.section-description{color:#666;font-size:14px;margin-bottom:25px;line-height:1.6}.animation-symbols-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:20px;background:#f5f5f5;border-radius:8px}.animation-symbol-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:15px;transition:all .2s}.animation-symbol-card:hover{border-color:#5b58a5;box-shadow:0 4px 12px #0000001a}.animation-symbol-card .symbol-preview{width:100%;height:120px;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#ccc,#ccc 25%,#fff 0%,#fff 50%) 50% / 10px 10px;border-radius:6px;margin-bottom:12px;overflow:hidden}.animation-symbol-card .symbol-preview img{max-width:100%;max-height:100%;object-fit:contain}.animation-symbol-card .symbol-info h4{margin:0 0 5px;font-size:15px;font-weight:600;color:#333}.animation-symbol-card .symbol-dimensions{margin:0 0 12px;font-size:12px;color:#999}.animation-types{display:flex;gap:8px;flex-wrap:wrap}.btn-animation-type{padding:6px 12px;font-size:12px;background:#5b58a5;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s;font-weight:600}.btn-animation-type:hover{background:#474491;transform:translateY(-1px)}.empty-state{text-align:center;padding:60px 20px;background:#f5f5f5;border-radius:8px;color:#999}.empty-state p{margin:5px 0;font-size:16px}.empty-state .hint{font-size:14px;color:#bbb}.spine-mapping-section{background:#fff;border:2px solid rgba(91,88,165,.15);border-radius:10px;padding:20px;margin:20px 0;box-shadow:0 2px 4px #0000000d}.spine-mapping-header{margin-bottom:20px}.spine-mapping-header h4{margin:0 0 8px;color:#5b58a5;font-size:18px;font-weight:600}.spine-mapping-header .hint{margin:0;color:#999;font-size:13px}.spine-mapping-list{display:flex;flex-direction:column;gap:12px}.spine-mapping-row{display:grid;grid-template-columns:1fr auto 2fr;align-items:center;gap:15px;padding:12px 15px;background:#f9f9f9;border:2px solid #e0e0e0;border-radius:8px;transition:all .2s}.spine-mapping-row:hover{border-color:#5b58a54d;background:#f5f5f5}.spine-mapping-resource{display:flex;align-items:center;gap:10px}.spine-mapping-resource-name{font-weight:600;color:#333;font-size:14px}.spine-mapping-resource-type{padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.spine-mapping-resource-type.required{background:#ffe0e0;color:#dc3545}.spine-mapping-resource-type.optional{background:#e0f0ff;color:#06c}.spine-mapping-arrow{color:#5b58a5;font-size:18px;font-weight:700}.spine-mapping-select{padding:8px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;font-family:Roboto,sans-serif;background:#fff;cursor:pointer;transition:all .2s}.spine-mapping-select:hover{border-color:#5b58a5}.spine-mapping-select:focus{outline:none;border-color:#5b58a5;box-shadow:0 0 0 3px #5b58a51a}.spine-mapping-status{margin-top:15px;padding-top:15px;border-top:1px solid #e0e0e0;text-align:center}.spine-mapping-status p{margin:0;color:#666;font-size:13px;font-weight:600}.category-tab{display:flex;gap:15px;align-items:center;padding:15px 20px;background:#fff;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;transition:all .2s}.category-tab:hover{border-color:#5b58a5;box-shadow:0 2px 8px #0000001a}.category-tab.active{border-color:#5b58a5;background:#5b58a50d}.progress-ring-container{position:relative;width:60px;height:60px;flex-shrink:0}.progress-ring{transform:rotate(-90deg)}.progress-ring-circle-bg{fill:none;stroke:#e0e0e0;stroke-width:4}.progress-ring-circle{fill:none;stroke:#5b58a5;stroke-width:4;stroke-dasharray:150;stroke-dashoffset:150;transition:stroke-dashoffset .5s ease;stroke-linecap:round}.progress-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700;color:#5b58a5}.category-tab-info{flex:1;display:flex;flex-direction:column;gap:6px}.category-tab-info .category-icon{font-size:20px}.category-tab-info .category-name{font-weight:600;font-size:16px;color:#333}.category-ready-badge{display:inline-block;padding:3px 8px;background:#28a745;color:#fff;border-radius:4px;font-size:11px;font-weight:600}.category-optional-badge{display:inline-block;padding:3px 8px;background:#17a2b8;color:#fff;border-radius:4px;font-size:11px;font-weight:600}.category-counts{display:flex;gap:12px;font-size:12px}.category-count-required,.category-count-optional{display:flex;gap:4px}.count-label{color:#999}.count-value{font-weight:600;color:#333}.pending-uploads-section{background:#f8f9fa;border:2px dashed rgba(91,88,165,.3);border-radius:12px;padding:20px;margin:20px 0}.pending-uploads-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.pending-uploads-header h4{margin:0;color:#5b58a5;font-size:16px}.pending-uploads-actions{display:flex;gap:10px}.btn-save-all{background:#5b58a5;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-save-all:hover:not(:disabled){background:#4b4891;transform:translateY(-1px);box-shadow:0 4px 12px #5b58a54d}.btn-save-all:disabled{background:#ccc;cursor:not-allowed;transform:none}.btn-clear-all{background:#fff;color:#666;border:2px solid #ddd;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-clear-all:hover{border-color:#dc3545;color:#dc3545;background:#fff5f5}.pending-file-item{position:relative;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:10px;transition:all .2s}.pending-file-item:hover{border-color:#5b58a5;box-shadow:0 4px 12px #0000001a}.pending-file-preview{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:6px;overflow:hidden;margin-bottom:8px}.pending-file-preview img{max-width:100%;max-height:100%;object-fit:contain}.pending-file-name{font-size:12px;color:#333;word-break:break-word;text-align:center;margin-bottom:0}.btn-remove-file{position:absolute;top:5px;right:5px;background:#dc3545;color:#fff;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;transition:all .2s;opacity:0}.pending-file-item:hover .btn-remove-file{opacity:1}.btn-remove-file:hover{background:#c82333;transform:scale(1.1)}.pending-upload-item{position:relative;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:8px;transition:all .2s;overflow:hidden}.pending-upload-item:hover{border-color:#5b58a5;box-shadow:0 4px 12px #5b58a533}.pending-upload-item.will-overwrite{border-color:#ffc107;background:#fff9e6}.pending-upload-item.will-overwrite:hover{border-color:#ff9800;box-shadow:0 4px 12px #ff98004d}.overwrite-badge{position:absolute;top:5px;left:5px;background:#ffc107;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 2px 4px #0003;z-index:10}.pending-upload-item img{width:100%;height:100px;object-fit:contain;background:#f5f5f5;border-radius:6px;margin-bottom:8px}.pending-upload-item .sound-placeholder{height:auto!important;min-height:140px}.spine-placeholder{width:100%;height:100px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:6px;margin-bottom:8px;font-size:48px}.spine-files-badge{position:absolute;bottom:115px;right:8px;background:#5b58a5e6;color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;z-index:10}.pending-upload-info{padding:4px 0}.pending-upload-name{font-size:12px;color:#333;word-break:break-word;display:block;text-align:center}.btn-remove-pending{position:absolute;top:4px;right:4px;background:#dc3545;color:#fff;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;transition:all .2s;opacity:0}.pending-upload-item:hover .btn-remove-pending{opacity:1}.btn-remove-pending:hover{background:#c82333;transform:scale(1.15)}.pending-uploads{margin-top:20px;background:#f8f9fa;border:2px dashed rgba(91,88,165,.3);border-radius:12px;padding:20px}.pending-uploads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px}.pending-uploads-grid.sounds-category{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.btn-secondary-small{background:#fff;color:#666;border:2px solid #ddd;padding:8px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:14px}.btn-secondary-small:hover{border-color:#dc3545;color:#dc3545;background:#fff5f5}.pending-upload-filename{font-size:11px;color:#666;display:block;margin-bottom:6px;word-break:break-word}.resource-mapping{font-size:12px;margin-top:4px}.mapped-name{display:block;color:#28a745;font-weight:600;text-align:center;padding:4px;background:#e8f5e9;border-radius:4px}.mapping-suggestion{background:#fff9e6;border:1px solid #ffd54f;border-radius:6px;padding:6px}.suggestion-text{font-size:11px;margin-bottom:6px;text-align:center;color:#333}.suggestion-text strong{color:#5b58a5}.suggestion-actions{display:flex;gap:4px;justify-content:center}.btn-approve-suggestion,.btn-reject-suggestion{border:none;width:28px;height:28px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s}.btn-approve-suggestion{background:#28a745;color:#fff}.btn-approve-suggestion:hover{background:#218838;transform:scale(1.05)}.btn-reject-suggestion{background:#dc3545;color:#fff}.btn-reject-suggestion:hover{background:#c82333;transform:scale(1.05)}.resource-name-select{width:100%;padding:6px;border:2px solid #ddd;border-radius:6px;font-size:11px;background:#fff;cursor:pointer;transition:all .2s}.resource-name-select:focus{outline:none;border-color:#5b58a5}.resource-name-select:hover{border-color:#5b58a5}.no-mapping-available{display:block;font-size:10px;color:#ffc107;text-align:center;padding:4px;background:#fff9e6;border-radius:4px}.spritesheet-section{background:#f0f4ff;border:2px solid rgba(91,88,165,.3);border-radius:12px;padding:20px;margin:20px 0;text-align:center}.btn-generate-spritesheet{background:#5b58a5;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-generate-spritesheet:hover{background:#4b4891;transform:translateY(-2px);box-shadow:0 6px 16px #5b58a566}.spritesheet-generation-modal{width:600px;max-width:90vw}.resource-summary{background:#f8f9fa;padding:15px;border-radius:8px;margin-top:15px;text-align:center}.resource-summary p{margin:0;color:#666}.resource-summary strong{color:#5b58a5;font-size:18px}.spritesheet-generation-modal .form-group:has(input[type=range]){text-align:center}.spritesheet-generation-modal input[type=range]{width:50%;display:block;margin:8px auto}.game-link-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#28a745;color:#fff;text-decoration:none;border-radius:6px;font-size:14px;font-weight:600;transition:all .2s}.game-link-btn:hover{background:#218838;transform:scale(1.05)}.generated-spritesheets-section{background:#fff;padding:24px;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 8px #0000001a;text-align:center}.generated-spritesheets-section h4{color:#5b58a5;font-size:18px;margin-bottom:16px;text-align:left}.spritesheet-warning{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:16px;margin-bottom:20px;text-align:left;color:#856404;font-size:14px;line-height:1.6;box-shadow:0 2px 8px #ffc10733}.spritesheet-warning strong{color:#856404;font-weight:700}.spritesheets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:16px}.spritesheet-item{background:#efeee7;border:2px solid rgb(91,88,165);border-radius:8px;overflow:hidden}.spritesheet-preview{width:100%;height:180px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:2px solid rgb(91,88,165);position:relative}.spritesheet-preview img{max-width:100%;max-height:100%;object-fit:contain;transition:opacity .2s}.spritesheet-preview:hover img{opacity:.7}.zoom-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#5b58a5e6;color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;opacity:0;transition:opacity .2s;pointer-events:none}.spritesheet-preview:hover .zoom-overlay{opacity:1}.spritesheet-info{padding:12px;display:flex;flex-direction:column;gap:6px}.spritesheet-name{font-weight:600;color:#5b58a5;font-size:14px}.spritesheet-size{font-size:12px;color:#666}.btn-download-spritesheet{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:#5b58a5;color:#fff;text-decoration:none;border-radius:4px;font-size:13px;font-weight:500;transition:background .2s;align-self:flex-start;margin-top:4px}.btn-download-spritesheet:hover{background:#474491}.btn-regenerate-spritesheet{display:inline-flex;align-items:center;gap:6px;padding:12px 24px;background:#5b58a5;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;transition:background .2s;margin:0 auto}.btn-regenerate-spritesheet:hover{background:#474491}.collapsible-section{background:#fff;border-radius:12px;margin-bottom:16px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.collapsible-section summary{padding:16px 24px;background:#5b58a5;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;display:flex;align-items:center;justify-content:space-between;font-weight:500;font-size:16px}.collapsible-section summary::-webkit-details-marker{display:none}.collapsible-section summary:hover{background:#474491}.collapsible-section summary>span:first-child{display:flex;align-items:center;gap:8px}.collapsible-section[open] summary{border-bottom:2px solid rgb(200,165,91)}.collapsible-section .ready-badge{background:#fff3;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600}.collapsible-section>*:not(summary){padding:0 24px 24px}.missing-resources-section{margin-top:24px;margin-bottom:24px}.missing-group{margin-bottom:24px}.missing-group-title{font-size:16px;font-weight:600;color:#5b58a5;margin-bottom:12px;display:flex;align-items:center;gap:8px}.missing-resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.missing-resource-placeholder{background:#fff;border:2px dashed #ddd;border-radius:8px;padding:16px;text-align:center;transition:all .2s ease}.missing-resource-placeholder.required{border-color:#ff6b6b;background:#ff6b6b0d}.missing-resource-placeholder.optional{border-color:#4dabf7;background:#4dabf70d}.missing-resource-placeholder:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.placeholder-icon{font-size:32px;margin-bottom:8px;opacity:.5}.placeholder-name{font-size:14px;font-weight:600;color:#333;margin-bottom:4px;word-break:break-word}.placeholder-status{font-size:12px;color:#666;font-style:italic}.missing-resource-placeholder.required .placeholder-status{color:#ff6b6b}.missing-resource-placeholder.optional .placeholder-status{color:#4dabf7}.image-zoom-modal{background:#fff;border-radius:12px;max-width:95vw;max-height:95vh;display:flex;flex-direction:column;overflow:hidden;position:relative;margin:auto}.zoom-modal-header{padding:16px 24px;background:#5b58a5;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.zoom-modal-header h3{margin:0;font-size:18px}.zoom-modal-body{padding:20px;overflow:auto;flex:1;min-height:0;display:flex;align-items:flex-start;justify-content:center;background:#f5f5f5}.zoom-modal-body img{max-width:100%;height:auto;display:block;box-shadow:0 4px 12px #0003}[data-theme=dark] body{background:var(--bg-beige);color:var(--text-primary)}[data-theme=dark] .app{background:var(--bg-beige)}[data-theme=dark] .app-header{border-bottom-color:var(--accent-primary)}[data-theme=dark] .app-title{color:var(--accent-primary)}[data-theme=dark] .modal-overlay{background-color:#000c}[data-theme=dark] .modal-content,[data-theme=dark] .modal{background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .modal h2,[data-theme=dark] .modal h3{color:var(--text-primary)}[data-theme=dark] .modal-header{border-bottom-color:var(--border-primary);background:var(--bg-tertiary)}[data-theme=dark] .modal-header h2,[data-theme=dark] .modal-header h3{color:var(--text-primary)}[data-theme=dark] .modal-footer{border-top-color:var(--border-primary);background:var(--bg-tertiary)}[data-theme=dark] table{background:var(--bg-secondary);border-color:var(--border-primary)}[data-theme=dark] th{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-primary)}[data-theme=dark] td{border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] tr:hover{background:var(--bg-tertiary)}[data-theme=dark] .form-group label{color:var(--text-secondary)}[data-theme=dark] .form-control{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .form-control:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}[data-theme=dark] .btn{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .btn:hover{background:var(--bg-secondary);border-color:var(--border-secondary)}[data-theme=dark] .btn-primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}[data-theme=dark] .btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}[data-theme=dark] .btn-danger{background:var(--error);border-color:var(--error);color:#fff}[data-theme=dark] .btn-success{background:var(--success);border-color:var(--success);color:#fff}[data-theme=dark] nav{background:var(--bg-secondary);border-bottom-color:var(--border-primary)}[data-theme=dark] nav a{color:var(--text-secondary)}[data-theme=dark] nav a:hover,[data-theme=dark] nav a.active{color:var(--accent-primary)}[data-theme=dark] .card{background:var(--bg-secondary);border-color:var(--border-primary)}[data-theme=dark] .card-header{background:var(--bg-tertiary);border-bottom-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .card-body{color:var(--text-primary)}[data-theme=dark] .loading{color:var(--text-secondary)}[data-theme=dark] .loading:before{border-color:var(--bg-tertiary);border-top-color:var(--accent-primary)}[data-theme=dark] .empty-state{color:var(--text-secondary);background:var(--bg-tertiary);border-color:var(--border-primary)}[data-theme=dark] .tab-btn{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-primary)}[data-theme=dark] .tab-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .tab-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}[data-theme=dark] .action-menu{background:var(--bg-secondary);border-color:var(--border-primary);box-shadow:0 4px 12px #0006}[data-theme=dark] .action-menu button:hover{background:#7c3aed26;color:var(--accent-primary)}[data-theme=dark] .editor-form{background:var(--bg-secondary);border-color:var(--border-primary)}[data-theme=dark] .editor-form input,[data-theme=dark] .editor-form select,[data-theme=dark] .editor-form textarea{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-primary)}[data-theme=dark] .editor-form input:focus,[data-theme=dark] .editor-form select:focus,[data-theme=dark] .editor-form textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #7c3aed1a}[data-theme=dark] .folder-import-modal{background:var(--bg-primary)}[data-theme=dark] .folder-import-modal .modal-content{background:var(--bg-secondary);border-color:var(--border-primary)}[data-theme=dark] .more-dropdown button:hover{background:#7c3aed26;color:var(--accent-primary)}[data-theme=dark] .animation-preview-container{background:var(--bg-tertiary)}[data-theme=dark] .animation-preview-canvas{background:repeating-conic-gradient(#333,#333 25%,#222 0%,#222 50%) 50% / 10px 10px;box-shadow:0 4px 12px #0006}[data-theme=dark] .game-type-badge{background:var(--bg-tertiary);color:var(--text-secondary)}[data-theme=dark] .config-mode-switch{background:var(--bg-tertiary)}[data-theme=dark] .config-mode-switch button{color:var(--text-secondary)}[data-theme=dark] .config-mode-switch button.active{background:var(--accent-primary);color:#fff;box-shadow:0 1px 3px #0000004d}[data-theme=dark] .config-help{background:#7c3aed26;border-left-color:var(--accent-primary)}[data-theme=dark] .config-help p{color:var(--text-primary)}[data-theme=dark] .version-note{background:var(--bg-tertiary);border-left-color:var(--accent-primary);color:var(--text-secondary)}[data-theme=dark] .version-note strong{color:var(--text-primary)}[data-theme=dark] .btn-back{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-primary)}[data-theme=dark] .btn-back:hover{background:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] .btn-play-version{background:var(--accent-primary);color:#fff}[data-theme=dark] .btn-play-version:hover{background:#6d28d9}[data-theme=dark] .btn-play-version:disabled{background:var(--bg-tertiary);color:var(--text-tertiary)}[data-theme=dark] pre{background:var(--bg-tertiary)!important;color:var(--text-primary)!important}[data-theme=dark] .config-json{background:var(--bg-secondary);border-color:var(--border-primary)}[data-theme=dark] .config-json textarea{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-primary)}[data-theme=dark] .config-json textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #7c3aed1a}[data-theme=dark] .section-btn{background:var(--bg-tertiary);color:var(--text-secondary)}[data-theme=dark] .section-btn:hover:not(.active){background:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] .section-btn.active{background:var(--bg-primary);color:var(--accent-primary);border-bottom-color:var(--accent-primary)}[data-theme=dark] .style-item,[data-theme=dark] .style-preview-panel{background:var(--bg-tertiary);border-color:var(--border-primary)}[data-theme=dark] .style-preview-panel h4{color:var(--text-primary)}[data-theme=dark] .fullsize-modal{background:#000000e6}[data-theme=dark] .fullsize-modal-content{background:var(--bg-secondary)}[data-theme=dark] .fullsize-modal-header{border-bottom-color:var(--border-primary)}[data-theme=dark] .fullsize-canvas-container{background:var(--bg-tertiary)}[data-theme=dark] .editor-preview{background:var(--bg-secondary);border-color:var(--border-primary)}[data-theme=dark] .nav-link:hover{color:var(--text-primary);background:#7c3aed1a}[data-theme=dark] .template-path,[data-theme=dark] .type-id{background:var(--bg-tertiary);color:var(--text-secondary)}[data-theme=dark] .btn-delete{background:var(--bg-primary);color:#ef4444;border-color:#ef4444}[data-theme=dark] .btn-delete:hover{background:#ef4444;color:#fff}[data-theme=dark] .btn-variant{background:var(--accent-primary);color:#fff}[data-theme=dark] .btn-variant:hover{background:#6d28d9}[data-theme=dark] .categories-json-preview{background:var(--bg-tertiary);border-color:var(--border-primary)}[data-theme=dark] .categories-json-preview strong,[data-theme=dark] .categories-json-preview pre{color:var(--text-primary)}[data-theme=dark] .game-type-selector{background:var(--bg-tertiary)}[data-theme=dark] .game-type-selector label{color:var(--text-primary)}[data-theme=dark] .game-type-selector select{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-primary)}[data-theme=dark] .category-btn{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-primary)}[data-theme=dark] .category-btn:hover:not(.active){border-color:var(--accent-primary);color:var(--accent-primary)}[data-theme=dark] .category-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}[data-theme=dark] .resource-card{background:var(--bg-secondary);border-color:var(--border-primary)}[data-theme=dark] .resource-card:hover{box-shadow:0 4px 12px #0006}[data-theme=dark] .file-extension{background:#7c3aed33;color:var(--accent-primary);border-color:#7c3aed66}[data-theme=dark] .btn-copy,[data-theme=dark] .resource-actions .btn-copy{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-primary)}[data-theme=dark] .btn-copy:hover,[data-theme=dark] .resource-actions .btn-copy:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}[data-theme=dark] .btn-delete-resource,[data-theme=dark] .resource-actions .btn-delete-resource{background:#1e1e2ee6;color:var(--text-primary);border-color:var(--border-primary)}[data-theme=dark] .btn-delete-resource:hover,[data-theme=dark] .resource-actions .btn-delete-resource:hover{background:#ef4444;border-color:#ef4444;color:#fff}[data-theme=dark] .badge-platform{background:#06c3;color:#60a5fa}[data-theme=dark] .more-dropdown{background:var(--bg-secondary);border-color:var(--border-primary);box-shadow:0 4px 12px #0006}[data-theme=dark] .more-dropdown-item{background:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] .more-dropdown-item:hover{background:#7c3aed26}[data-theme=dark] .resource-browser-modal{background:var(--bg-secondary);box-shadow:0 4px 20px #00000080}[data-theme=dark] .user-name{color:var(--text-primary)}[data-theme=dark] .user-role{color:var(--text-secondary)}[data-theme=dark] .draft-indicator{color:#d97706}[data-theme=dark] .animation-mode-indicator{color:#7c3aed}[data-theme=dark] .version-info{color:#06c}[data-theme=dark] .object-list-item.selected{background:#7c3aed33;border-color:#7c3aed66}[data-theme=dark] .object-list-item.selected .object-label{color:var(--accent-primary)}[data-theme=dark] .visual-field.supports-live-update{background:#7c3aed26;border-color:#7c3aed4d}[data-theme=dark] .visual-field.supports-live-update:after{color:var(--accent-primary);background:#7c3aed40}[data-theme=dark] .visual-field.supports-live-update.is-overridden{background:#d9770626}[data-theme=dark] .panel-expand-btn{background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-secondary);box-shadow:0 1px 2px #0000004d}[data-theme=dark] .panel-expand-btn:hover{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary);box-shadow:0 1px 3px #0006}[data-theme=dark] .sidebar-toggle{background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-secondary)}[data-theme=dark] .sidebar-toggle:hover{background:var(--bg-tertiary);color:var(--accent-primary);border-color:var(--accent-primary)}[data-theme=dark] .import-loading-overlay{background:#1e1e2ef2}[data-theme=dark] .loading-spinner{border-color:var(--bg-tertiary);border-top-color:var(--accent-primary)}[data-theme=dark] .admin-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}[data-theme=dark] .users-table tbody tr:hover{background:var(--bg-tertiary)}[data-theme=dark] .feature-tag{background:#7c3aed33;color:var(--accent-primary)}[data-theme=dark] .info-row{border-bottom-color:var(--border-primary)}[data-theme=dark] .info-row .label{color:var(--text-secondary)}[data-theme=dark] .info-row .value{color:var(--text-primary)}[data-theme=dark] .id-value{color:var(--text-tertiary)}[data-theme=dark] .menu-item{background:var(--bg-secondary);color:var(--text-primary);border-bottom-color:var(--border-primary)}[data-theme=dark] .menu-item:hover{background:var(--bg-tertiary)}[data-theme=dark] .menu-item-danger{color:#ef4444}[data-theme=dark] .menu-item-danger:hover{background:#ef44441a}[data-theme=dark] .plan-card{background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 2px 4px #0000004d;border-color:var(--border-primary)}[data-theme=dark] .plan-card:hover{box-shadow:0 4px 8px #0006}[data-theme=dark] .plan-card-header{border-bottom-color:var(--border-primary)}[data-theme=dark] .plan-card-header h3,[data-theme=dark] .plan-header h2{color:var(--text-primary)}[data-theme=dark] .plan-price{background:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .pixi-text-preview{background:var(--bg-secondary);border-color:var(--border-primary)}[data-theme=dark] .pixi-canvas-container{background:var(--bg-tertiary)}[data-theme=dark] .pixi-canvas-container canvas{box-shadow:0 2px 8px #0006}[data-theme=dark] .btn-edit-style,[data-theme=dark] .btn-delete-style{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .btn-edit-style:hover{background:#7c3aed33;border-color:var(--accent-primary)}[data-theme=dark] .btn-add-color{background:var(--accent-primary);color:#fff}[data-theme=dark] .btn-add-color:hover{background:#6d28d9}[data-theme=dark] .style-properties span,[data-theme=dark] .zoom-controls button{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .zoom-controls button:hover{background:#7c3aed33;border-color:var(--accent-primary)}[data-theme=dark] .canvas-zoom-controls{background:var(--bg-secondary);box-shadow:0 1px 3px #0006}[data-theme=dark] .canvas-zoom-controls button{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .canvas-zoom-controls button:hover{background:#7c3aed33;border-color:var(--accent-primary)}[data-theme=dark] .style-preview-canvas{background:var(--bg-tertiary)}[data-theme=dark] .extends-badge{background:#7c3aed33!important;color:var(--accent-primary)!important}[data-theme=dark] .alert{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .alert-success{background:#48bb7833;border-color:var(--success);color:var(--success)}[data-theme=dark] .alert-error{background:#f5656533;border-color:var(--error);color:var(--error)}[data-theme=dark] .alert-warning{background:#ecc94b33;border-color:var(--warning);color:var(--warning)}[data-theme=dark] .alert-info{background:#4299e133;border-color:var(--info);color:var(--info)}[data-theme=dark] ::-webkit-scrollbar{background:var(--bg-secondary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-color:var(--border-primary)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--border-secondary)}[data-theme=dark] .badge{background:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .badge-primary{background:var(--accent-primary);color:#fff}[data-theme=dark] .badge-success{background:var(--success);color:#fff}[data-theme=dark] .badge-warning{background:var(--warning);color:var(--bg-primary)}[data-theme=dark] .badge-error{background:var(--error);color:#fff}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:var(--text-primary)}[data-theme=dark] p,[data-theme=dark] span,[data-theme=dark] div,[data-theme=dark] label,[data-theme=dark] li{color:inherit}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-muted)}[data-theme=dark] input:disabled,[data-theme=dark] textarea:disabled,[data-theme=dark] select:disabled{background:var(--bg-primary);color:var(--text-tertiary);opacity:.6}[data-theme=dark] select option{background:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] code,[data-theme=dark] pre{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-primary)}[data-theme=dark] a{color:var(--accent-primary)}[data-theme=dark] a:hover{color:var(--accent-hover)}[data-theme=dark] a.btn-open-game,[data-theme=dark] a.btn-primary,[data-theme=dark] a.btn,[data-theme=dark] button a{color:#fff}[data-theme=dark] ul,[data-theme=dark] ol{color:var(--text-primary)}[data-theme=dark] hr{border-color:var(--border-primary)}[data-theme=dark] [title]:hover:after{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-primary)}[data-theme=dark] input[type=checkbox],[data-theme=dark] input[type=radio]{border-color:var(--border-primary);background:var(--bg-tertiary)}[data-theme=dark] input[type=checkbox]:checked,[data-theme=dark] input[type=radio]:checked{background:var(--accent-primary);border-color:var(--accent-primary)}[data-theme=dark] .panel,[data-theme=dark] .section{background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .tabs{border-bottom-color:var(--border-primary)}[data-theme=dark] .tab{color:var(--text-secondary);border-color:transparent}[data-theme=dark] .tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}[data-theme=dark] .tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}[data-theme=dark] .sidebar{background:var(--bg-secondary);border-color:var(--border-primary)}[data-theme=dark] .sidebar-item{color:var(--text-secondary)}[data-theme=dark] .sidebar-item:hover,[data-theme=dark] .sidebar-item.active{background:var(--bg-tertiary);color:var(--accent-primary)}[data-theme=dark] .dropdown{background:var(--bg-secondary);border-color:var(--border-primary);box-shadow:0 4px 12px #0006}[data-theme=dark] .dropdown-item{color:var(--text-primary)}[data-theme=dark] .dropdown-item:hover{background:var(--bg-tertiary)}[data-theme=dark] .main-header{background:var(--bg-secondary);border-bottom-color:var(--border-primary)}[data-theme=dark] .header-title{color:var(--text-primary)}[data-theme=dark] .nav-link{color:var(--text-secondary)}[data-theme=dark] .nav-link:hover{color:var(--text-primary)}[data-theme=dark] .nav-link.active{color:#fff;background:#7c3aed66;font-weight:600}[data-theme=dark] .error-message{color:var(--error)}[data-theme=dark] .success-message{color:var(--success)}[data-theme=dark] .json-viewer{background:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .resource-browser,[data-theme=dark] .config-editor{background:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] .text-primary{color:var(--text-primary)!important}[data-theme=dark] .text-secondary{color:var(--text-secondary)!important}[data-theme=dark] .text-muted{color:var(--text-muted)!important}[data-theme=dark] .upload-area,[data-theme=dark] .drop-zone{background:#ffffff0d!important}[data-theme=dark] .upload-area:hover,[data-theme=dark] .drop-zone:hover{background:#ffffff14!important}[data-theme=dark] .drop-zone.drag-over{background:#ffffff1a!important}[data-theme=dark] .drop-zone.dragging{background:#1e1e2ef2!important;border-color:#667eeacc}[data-theme=dark] .drop-zone.dragging *{color:#fff!important}[data-theme=dark] .frame-grid{background:#ffffff0d!important}[data-theme=dark] .upload-section,[data-theme=dark] .resources-grid-section{background:var(--bg-secondary);border-color:var(--border-primary);box-shadow:0 2px 4px #0000004d}[data-theme=dark] .upload-section:hover,[data-theme=dark] .resources-grid-section:hover{box-shadow:0 4px 8px #0006;border-color:var(--border-secondary)}[data-theme=dark] .upload-section-header,[data-theme=dark] .resources-grid-header{background:#ffffff0d;border-bottom-color:var(--border-primary)}[data-theme=dark] .upload-section-header:hover,[data-theme=dark] .resources-grid-header:hover{background:#ffffff14}[data-theme=dark] .upload-section-header h4,[data-theme=dark] .resources-grid-header h4{color:var(--text-primary)}[data-theme=dark] .upload-section-content,[data-theme=dark] .resources-grid-content{background:var(--bg-secondary)}[data-theme=dark] .library-section,[data-theme=dark] .animation-preview-section,[data-theme=dark] .spine-mapping-section,[data-theme=dark] .generated-spritesheets-section,[data-theme=dark] .collapsible-section,[data-theme=dark] .symbol-animation-item,[data-theme=dark] .animation-symbol-card,[data-theme=dark] .resource-item,[data-theme=dark] .pending-file-item,[data-theme=dark] .pending-upload-item,[data-theme=dark] .library-grid-item,[data-theme=dark] .library-image-item,[data-theme=dark] .action-card,[data-theme=dark] .project-item{background:var(--bg-secondary);border-color:var(--border-primary)}[data-theme=dark] .category-tab.active{background:var(--accent-primary);color:#fff}[data-theme=dark] .library-category-header,[data-theme=dark] .animation-info{background:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .loader-content,[data-theme=dark] .upload-progress-content,[data-theme=dark] .dialog-content{background:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] .missing-resource-placeholder{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-secondary)}[data-theme=dark] .image-zoom-modal{background:var(--bg-secondary)}[data-theme=dark] .category-tabs{background:transparent}[data-theme=dark] .category-tab{background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .category-tab:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #7c3aed4d}[data-theme=dark] .category-tab.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}[data-theme=dark] .bulk-actions{background:#2d3748fa;border-color:var(--border-primary);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .bulk-actions .selection-count{color:var(--accent-primary)}[data-theme=dark] .resources-grid{background:#ffffff0d}[data-theme=dark] .category-sidebar{background:var(--bg-secondary);border-color:var(--border-primary)}[data-theme=dark] .category-sidebar::-webkit-scrollbar-track{background:var(--bg-primary)}[data-theme=dark] .category-sidebar::-webkit-scrollbar-thumb{background:var(--bg-tertiary)}[data-theme=dark] .category-sidebar::-webkit-scrollbar-thumb:hover{background:var(--border-secondary)}[data-theme=dark] .category-sidebar{scrollbar-color:var(--bg-tertiary) var(--bg-primary)}[data-theme=dark] .category-sidebar-item:hover{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .category-sidebar-item.active{box-shadow:0 2px 12px #7c3aed66;background:linear-gradient(135deg,#7c3aed,#6d28d9)!important}[data-theme=dark] .sidebar-category-name{color:var(--text-secondary)}[data-theme=dark] .category-sidebar-item.active .sidebar-category-name{color:#fff}[data-theme=dark] .sidebar-percentage{color:var(--text-tertiary)}[data-theme=dark] .category-sidebar-item.active .sidebar-percentage{color:#fff}[data-theme=dark] .sidebar-item-inner{background:var(--bg-tertiary)}[data-theme=dark] .category-sidebar-item.active .sidebar-item-inner{background:transparent}[data-theme=dark] .resource-actions{background:var(--bg-tertiary);border-top-color:var(--border-primary)}[data-theme=dark] .visual-editor,[data-theme=dark] .visual-editor.fullscreen{background:var(--bg-primary)}[data-theme=dark] .editor-toolbar{background:var(--bg-primary);border-bottom-color:var(--border-primary);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .toolbar-title{color:var(--text-primary)}[data-theme=dark] .toolbar-btn{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .toolbar-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 2px 8px #7c3aed4d}[data-theme=dark] .toolbar-btn:disabled{background:var(--bg-primary);color:var(--text-muted);opacity:.5}[data-theme=dark] .dialog-overlay{background:#000c}[data-theme=dark] .dialog-content,[data-theme=dark] .dialog-container{background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .dialog-header{background:var(--bg-tertiary);border-bottom-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .dialog-title{color:var(--text-primary)}[data-theme=dark] .dialog-body{background:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] .dialog-footer{background:var(--bg-tertiary);border-top-color:var(--border-primary)}[data-theme=dark] .editor-section{background:var(--bg-secondary);border-color:var(--border-primary)}[data-theme=dark] .object-list-panel,[data-theme=dark] .properties-panel{background:var(--bg-primary);border-color:var(--border-primary)}[data-theme=dark] .object-list-header,[data-theme=dark] .properties-header{background:var(--bg-secondary);border-bottom-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .object-list-header h3,[data-theme=dark] .properties-header h3{color:var(--text-primary)}[data-theme=dark] .object-list-content,[data-theme=dark] .properties-content{background:var(--bg-primary)}[data-theme=dark] .object-item,[data-theme=dark] .property-group{background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .object-item:hover{background:#ffffff14}[data-theme=dark] .object-item.selected{background:var(--accent-primary);color:#fff}[data-theme=dark] .property-label{color:var(--text-secondary)}[data-theme=dark] .property-input{background:var(--bg-primary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .toolbar-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}[data-theme=dark] .toolbar-btn.active:hover{background:var(--accent-hover);border-color:var(--accent-hover)}[data-theme=dark] .toolbar-dropdown-menu{background:var(--bg-secondary);border-color:var(--border-primary);box-shadow:0 4px 12px #0006}[data-theme=dark] .toolbar-dropdown-menu button{background:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] .toolbar-dropdown-menu button:hover{background:#7c3aed26;color:var(--accent-primary)}[data-theme=dark] .toolbar-dropdown-menu button.active{background:#7c3aed40;color:var(--accent-primary);font-weight:600}[data-theme=dark] .canvas-overlay-info{color:var(--accent-primary)}[data-theme=dark] .symbol-animation-preview{background:var(--bg-tertiary)}[data-theme=dark] .animation-types-grid{background:transparent}[data-theme=dark] .animation-type-item{background:var(--bg-secondary);border-color:var(--border-primary)}[data-theme=dark] .animation-type-item:hover{border-color:var(--accent-primary);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .animation-type-name{color:var(--text-primary)}[data-theme=dark] .font-manager{background:var(--bg-secondary)}[data-theme=dark] .font-manager-header{border-bottom-color:var(--border-primary)}[data-theme=dark] .font-manager-header h3{color:var(--text-primary)}[data-theme=dark] .font-item,[data-theme=dark] .font-card{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .pixi-style-editor{background:var(--bg-secondary);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .style-sections{background:var(--bg-tertiary);border-bottom-color:var(--border-primary)}[data-theme=dark] .style-section-tab{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-primary)}[data-theme=dark] .style-section-tab.active{background:var(--bg-primary);color:var(--accent-primary)}[data-theme=dark] .config-field{background:var(--bg-secondary);border-color:var(--border-primary)}[data-theme=dark] .config-field label{color:var(--text-secondary)}[data-theme=dark] .config-field input,[data-theme=dark] .config-field textarea,[data-theme=dark] .config-field select{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .game-config-viewer{background:var(--bg-primary)}[data-theme=dark] .view-mode-tabs button{background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .view-mode-tabs button:hover{background:var(--bg-tertiary)}[data-theme=dark] .view-mode-tabs button.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}[data-theme=dark] .config-legend,[data-theme=dark] .config-empty-state{background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-secondary)}[data-theme=dark] .history-card{background:var(--bg-secondary);border-color:var(--border-primary);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .history-card:hover{box-shadow:0 4px 12px #0006;border-color:var(--accent-primary)}[data-theme=dark] .history-item.active-release .history-card{border-color:var(--success);background:#48bb781a}[data-theme=dark] .history-header h3,[data-theme=dark] .history-meta,[data-theme=dark] .history-description{color:var(--text-primary)}[data-theme=dark] .game-type-card{background:var(--bg-secondary);border-color:var(--border-primary);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .game-type-header{border-bottom-color:var(--border-primary)}[data-theme=dark] .game-type-card h3,[data-theme=dark] .game-type-card h4{color:var(--text-primary)}[data-theme=dark] .game-type-card p,[data-theme=dark] .game-type-description{color:var(--text-secondary)}[data-theme=dark] .resources-content{background:var(--bg-secondary);border-color:var(--border-primary)}[data-theme=dark] .loading-state{color:var(--text-secondary)}[data-theme=dark] .terms-acceptance-page .loading,[data-theme=dark] .terms-acceptance-page .error{background:var(--bg-secondary);box-shadow:0 10px 40px #00000080}[data-theme=dark] .terms-acceptance-page .loading{color:var(--text-secondary)}[data-theme=dark] .terms-acceptance-page .error{color:var(--error)}[data-theme=dark] .preview-changes{background:#eab30826;border-color:#eab3084d}[data-theme=dark] .preview-changes h4,[data-theme=dark] .changes-content{color:#fbbf24}[data-theme=dark] .terms-table tbody tr:hover{background:var(--bg-tertiary)}[data-theme=dark] .folder-drop-zone{background:var(--bg-tertiary);border-color:var(--border-primary)}[data-theme=dark] .folder-drop-zone.dragging{border-color:var(--accent-primary);background:#7c3aed1a}[data-theme=dark] .drop-zone-text p{color:var(--text-primary)}[data-theme=dark] .drop-zone-hint{color:var(--text-secondary)!important}[data-theme=dark] .drag-overlay{background:#7c3aedf2}[data-theme=dark] .drag-overlay-content,[data-theme=dark] .drag-text{color:#fff}[data-theme=dark] .drag-hint{color:#ffffffe6}[data-theme=dark] .resources-toolbar{background:var(--bg-tertiary)}[data-theme=dark] .admin-content{background:var(--bg-primary)}[data-theme=dark] .admin-tabs{background:var(--bg-secondary);border-bottom-color:var(--border-primary)}[data-theme=dark] .tab-button{color:var(--text-secondary)}[data-theme=dark] .tab-button.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}[data-theme=dark] .tab-button:hover{color:var(--text-primary)}[data-theme=dark] .organization-card{background:var(--bg-secondary);box-shadow:0 2px 4px #0000004d}[data-theme=dark] .organization-card:hover{box-shadow:0 4px 8px #0006}[data-theme=dark] .card-body{background:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] .section-header{background:var(--bg-tertiary);border-bottom-color:var(--border-primary)}[data-theme=dark] .section-header h2,[data-theme=dark] .section-header h3{color:var(--text-primary)}[data-theme=dark] .filters-panel,[data-theme=dark] .logs-table-container{background:var(--bg-secondary);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .logs-table{background:var(--bg-secondary)}[data-theme=dark] .logs-table th{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-primary)}[data-theme=dark] .logs-table td{border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .logs-table tr:hover{background:var(--bg-tertiary)}[data-theme=dark] .action-log-card{background:var(--bg-secondary);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .action-log-card:hover{box-shadow:0 4px 8px #0006}[data-theme=dark] .log-card-header{color:var(--text-primary)}[data-theme=dark] .log-card-body{background:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .main-content{background:var(--bg-beige)}[data-theme=dark] .terms-table tbody tr.active-row{background:#7c3aed26}