: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}.terms-modal-heading{flex:1;min-width:0}.terms-version-pill{display:inline-flex;align-items:center;gap:6px;margin-top:2px;padding:5px 11px;border-radius:999px;background:#eef0ff;color:#5b60c4;font-size:12.5px;font-weight:600}.terms-version-pill svg{opacity:.9}.terms-close-circle{flex:0 0 auto;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #e6e8ef;background:#fff;color:#374151;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.terms-close-circle:hover{background:#eef0f6;color:#111827}.terms-close-circle svg{width:16px;height:16px}.terms-callout{display:flex;align-items:flex-start;gap:12px;margin:16px 30px 0;padding:14px 16px;border-radius:12px;border:1px solid transparent}.terms-callout-ico{flex:0 0 auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:9px;color:#fff}.terms-callout-ico svg{width:17px;height:17px}.terms-callout p{margin:0;font-size:13.5px;line-height:1.55}.terms-callout-body{min-width:0}.terms-callout-body h3{margin:0 0 4px;font-size:14px;font-weight:700}.terms-callout .updates-content{white-space:pre-wrap;font-size:13px;line-height:1.6}.terms-callout-success{background:linear-gradient(180deg,#f2fdf6,#eafaf0);border-color:#b6e6c8}.terms-callout-success .terms-callout-ico{background:linear-gradient(135deg,#34c77b,#22a862);box-shadow:0 2px 6px #22a86259}.terms-callout-success p{color:#17663a;font-weight:600}.terms-callout-changes{background:linear-gradient(180deg,#fff9ec,#fef3d8);border-color:#f2d68a}.terms-callout-changes .terms-callout-ico{background:linear-gradient(135deg,#f6b545,#e6982f);box-shadow:0 2px 6px #e6982f59}.terms-callout-changes .terms-callout-body h3{color:#8a5a12}.terms-callout-changes .updates-content{color:#7a5416}.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-state{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;color:#666}.terms-acceptance-state.is-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}.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}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:22px;color:#333}.modal-close{background:none;border:none;font-size:32px;color:#9ca3af;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-form{padding:30px;display:flex;flex-direction:column;gap:20px}.form-error{background:#fee;border:1px solid #fcc;color:#c33;padding:12px;border-radius:6px;font-size:14px}.form-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;padding:12px;border-radius:6px;font-size:14px;font-weight:500}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:500;color:#374151;font-size:14px}.form-group input{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background:#f9fafb;cursor:not-allowed}.password-requirements{margin:4px 0 0;padding-left:18px;font-size:12px;color:#6b7280;line-height:1.6}.modal-footer{display:flex;gap:10px;padding:20px 30px;border-top:1px solid #e5e7eb;justify-content:flex-end}.btn-secondary,.btn-primary{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid}.btn-secondary{background:#fff;color:#374151;border-color:#d1d5db}.btn-secondary:hover:not(:disabled){background:#f9fafb}.btn-primary{background:#667eea;color:#fff;border-color:#667eea}.btn-primary:hover:not(:disabled){background:#5568d3;border-color:#5568d3}.btn-secondary:disabled,.btn-primary:disabled{opacity:.6;cursor:not-allowed}.settings-menu{position:relative}.settings-toggle{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.settings-toggle:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--text-primary)}.settings-toggle.open{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--bg-tertiary)}.settings-toggle svg{transition:transform .3s ease}.settings-toggle.open svg{transform:rotate(90deg)}.settings-toggle:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.settings-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:244px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:14px;box-shadow:0 12px 32px #10182829;z-index:1000;padding:8px;animation:settings-pop .16s ease}@keyframes settings-pop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-account{display:flex;align-items:center;gap:11px;padding:8px 8px 10px}.settings-avatar{flex:0 0 auto;width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;background:linear-gradient(135deg,#5a9bf0,#4a90e2);box-shadow:0 2px 8px #4a90e259}.settings-account-meta{min-width:0}.settings-account-name{font-weight:700;font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-account-role{font-size:12px;color:var(--text-secondary);text-transform:capitalize}.settings-divider{height:1px;background:var(--border-primary);margin:4px 4px 6px}.settings-item{width:100%;padding:8px;background:transparent;border:none;display:flex;align-items:center;gap:11px;cursor:pointer;border-radius:9px;color:var(--text-primary);font-size:13.5px;font-weight:500;text-align:left;transition:background .15s ease}.settings-item:hover{background:var(--bg-tertiary)}.settings-item:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.settings-icon{flex:0 0 auto;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);color:var(--text-secondary);transition:color .15s ease,background .15s ease}.settings-item:hover .settings-icon{color:var(--accent-primary)}.settings-icon svg{width:16px;height:16px;display:block}.settings-label{flex:1}.settings-logout{color:var(--error)}.settings-logout .settings-icon{background:#f565651f;color:var(--error)}.settings-logout:hover{background:#f565651a}.settings-logout:hover .settings-icon{color:var(--error)}[data-theme=dark] .settings-dropdown{box-shadow:0 12px 32px #00000073}@media (prefers-reduced-motion: reduce){.settings-dropdown{animation:none}.settings-toggle svg,.settings-toggle.open svg{transition:none;transform:none}}.modal-overlay.adw-overlay{z-index:1200}.modal-content.adw-modal{width:min(1240px,96vw);max-width:min(1240px,96vw);height:min(900px,92vh);max-height:92vh;display:flex;flex-direction:column;overflow:hidden;border-radius:14px}.adw-header{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px 16px 24px;border-bottom:1px solid #ece9f5;background:linear-gradient(180deg,#fbfaff,#f6f4fd)}.adw-title h2{display:flex;align-items:center;gap:9px;margin:0;font-size:18px;font-weight:700;color:#2a2740;letter-spacing:-.01em}.adw-spark{width:20px;height:20px;color:#7b57c8;flex:0 0 auto}.adw-subtitle{margin:5px 0 0;font-size:13px;color:#6b6880}.adw-subtitle strong{color:#3a3650;font-weight:600}.adw-dot{margin:0 7px;color:#b9b5cc}.adw-layout{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:272px 1fr}.adw-rail{display:flex;flex-direction:column;gap:6px;padding:16px 14px;border-right:1px solid #ece9f5;background:#faf9fe;overflow-y:auto}.adw-rail-item{display:flex;align-items:flex-start;gap:11px;width:100%;text-align:left;border:1px solid transparent;background:transparent;color:#5a5570;border-radius:10px;padding:11px 12px;cursor:pointer;font-family:inherit;transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}.adw-rail-item:hover:not(:disabled){background:#f1eefb;color:#4b47a8}.adw-rail-item.active{background:#fff;color:#4b47a8;border-color:#e0dcf3;box-shadow:0 2px 10px #665abe1f}.adw-rail-item:disabled{opacity:.5;cursor:not-allowed}.adw-rail-num{flex:0 0 auto;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#e6e2f6;color:#6d6ac2;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.adw-rail-item.active .adw-rail-num{background:#6d6ac2;color:#fff}.adw-rail-text{display:flex;flex-direction:column;gap:2px;min-width:0}.adw-rail-title{font-size:13.5px;font-weight:600}.adw-rail-state{font-size:11.5px;color:#8b88a0;font-weight:500}.adw-rail-item.active .adw-rail-state{color:#7d79a5}.adw-rail-foot{margin-top:auto;padding-top:14px}.adw-locknote{display:flex;align-items:flex-start;gap:8px;margin:0;padding:11px 12px;border-radius:10px;background:#f2f4f8;border:1px solid #e3e7ef;font-size:11.5px;line-height:1.55;color:#5b6478}.adw-locknote svg{width:14px;height:14px;flex:0 0 auto;margin-top:1px;color:#8792a8}.adw-locknote strong{color:#3a4150;font-weight:700}.adw-link{margin-top:10px;border:none;background:none;padding:0;font-family:inherit;font-size:12px;font-weight:600;color:#6d6ac2;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.adw-link:hover{color:#4b47a8}.adw-main{min-height:0;overflow-y:auto;background:#fff}.adw-pane{padding:22px 26px 30px}.adw-pane-head{margin-bottom:20px}.adw-pane-head h3{margin:0 0 5px;font-size:16px;color:#2d2b40;font-weight:700}.adw-pane-head p{margin:0;font-size:13px;color:#6b6880;line-height:1.6;max-width:74ch}.adw-restored{display:flex;align-items:center;gap:12px;margin:20px 26px 0;padding:10px 14px;border-radius:10px;background:#f4f2fb;border:1px solid #e0dcf3;font-size:12.5px;color:#55507a}.adw-restored .adw-link{margin:0 0 0 auto;white-space:nowrap}.adw-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}.adw-field{display:flex;flex-direction:column;gap:6px;min-width:0}.adw-field--wide{grid-column:1 / -1}.adw-field label{font-size:12.5px;font-weight:600;color:#4a4660}.adw-req{color:#b4548a;margin-left:3px}.adw-field input,.adw-field textarea,.adw-card textarea,.adw-cast-input,.adw-preview-pick select{width:100%;box-sizing:border-box;border:1.5px solid #e2dff0;border-radius:9px;padding:9px 11px;font-size:13.5px;line-height:1.55;color:#2a2740;font-family:inherit;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.adw-field textarea,.adw-card textarea,.adw-cast-input{resize:vertical}.adw-field input::placeholder,.adw-field textarea::placeholder,.adw-cast-input::placeholder{color:#b4b0c6}.adw-field input:focus,.adw-field textarea:focus,.adw-card textarea:focus,.adw-cast-input:focus,.adw-preview-pick select:focus{outline:none;border-color:#8f8bd6;box-shadow:0 0 0 3px #6d6ac224}.adw-hint{margin:0;font-size:11.5px;color:#8b88a0;line-height:1.5}.adw-specgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.adw-card{display:flex;flex-direction:column;gap:8px;min-width:0;padding:14px 15px 13px;border:1px solid #ece9f5;border-radius:12px;background:#fdfdff}.adw-card--wide{grid-column:1 / -1}.adw-card-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.adw-card-head h4{margin:0;font-size:13.5px;font-weight:700;color:#2d2b40}.adw-tag{font-size:10.5px;font-weight:700;letter-spacing:.02em;padding:2px 8px;border-radius:999px;white-space:nowrap}.adw-tag--live{background:#e8e4fa;color:#5b58a5}.adw-tag--doc{background:#eef1f5;color:#6b7280}.adw-tag--edited{background:#fdf0e2;color:#a06b28;margin-left:auto}.adw-rebuild{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;padding:11px 14px;border-radius:10px;background:#faf9fe;border:1px solid #ece9f5;font-size:12.5px;color:#6b6880}.adw-rebuild .adw-hint{margin-left:0}.adw-section{margin-top:26px}.adw-section-head{margin-bottom:12px}.adw-section-head h4{margin:0 0 4px;font-size:14.5px;font-weight:700;color:#2d2b40}.adw-section-head p{margin:0;font-size:12.5px;color:#8b88a0;line-height:1.6;max-width:78ch}.adw-cast-state{padding:16px;border:1px dashed #ddd9ee;border-radius:10px;background:#faf9fe;font-size:12.5px;color:#6b6880;line-height:1.6}.adw-error{padding:10px 12px;border-radius:8px;background:#fee2e2;border:1px solid #ef4444;color:#991b1b;font-size:13px}.adw-cast-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:10px}.adw-search{position:relative;display:flex;align-items:center;flex:1 1 260px;min-width:0}.adw-search svg{position:absolute;left:11px;width:15px;height:15px;color:#a9a5be;pointer-events:none}.adw-search input{width:100%;box-sizing:border-box;border:1.5px solid #e2dff0;border-radius:999px;padding:8px 32px 8px 33px;font-size:13px;font-family:inherit;color:#2a2740;background:#fbfaff;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.adw-search input:focus{outline:none;background:#fff;border-color:#8f8bd6;box-shadow:0 0 0 3px #6d6ac224}.adw-search-clear{position:absolute;right:8px;border:none;background:none;color:#a9a5be;font-size:18px;line-height:1;padding:0 4px;cursor:pointer}.adw-search-clear:hover{color:#6d6ac2}.adw-check{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;color:#5a5570;cursor:pointer}.adw-check input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;flex-shrink:0;width:34px;height:20px;border-radius:999px;background:#d7d3ea;position:relative;cursor:pointer;transition:background .18s ease}.adw-check input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #14122d47;transition:transform .18s ease}.adw-check input[type=checkbox]:checked{background:#6d6ac2}.adw-check input[type=checkbox]:checked:after{transform:translate(14px)}.adw-cast-count{margin-left:auto;font-size:12px;font-weight:600;color:#6d6ac2;font-variant-numeric:tabular-nums;white-space:nowrap}.adw-group{border:1px solid #ece9f5;border-radius:11px;background:#fff;overflow:hidden}.adw-group+.adw-group{margin-top:8px}.adw-group-head{display:flex;align-items:center;gap:10px;width:100%;padding:11px 14px;border:none;background:#faf9fe;cursor:pointer;text-align:left;font-family:inherit;transition:background .12s ease}.adw-group.open .adw-group-head{border-bottom:1px solid #ece9f5}.adw-group-head:hover{background:#f4f2fb}.adw-chev{width:15px;height:15px;flex:0 0 auto;color:#8a86b4;transition:transform .18s ease}.adw-chev.open{transform:rotate(90deg)}.adw-group-name{font-size:13.5px;font-weight:700;color:#3a3650}.adw-group-meta{font-size:11.5px;color:#9d99b4;font-variant-numeric:tabular-nums}.adw-group-done{margin-left:auto;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:#e8e4fa;color:#5b58a5;white-space:nowrap}.adw-rows{display:flex;flex-direction:column}.adw-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px;padding:12px 14px;align-items:start}.adw-row+.adw-row{border-top:1px solid #f3f1fa}.adw-row-def{min-width:0;display:flex;flex-direction:column;gap:5px}.adw-row-name{align-self:flex-start;font-family:SF Mono,Menlo,Consolas,monospace;font-size:11.5px;font-weight:600;padding:2px 7px;border-radius:6px;background:#eef1f5;color:#46506a}.adw-row-purpose{margin:0;font-size:12.5px;line-height:1.55;color:#4a4660}.adw-row-purpose--empty{color:#a9a5be;font-style:italic}.adw-row-usage{margin:0;font-size:11.5px;line-height:1.5;color:#8b88a0}.adw-locked{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;color:#8792a8;margin-top:1px}.adw-locked svg{width:11px;height:11px}.adw-row-dir{min-width:0}.adw-cast-input{min-height:38px;overflow-y:auto}.adw-preview{border:1px solid #ece9f5;border-radius:12px;background:#fdfdff;padding:14px 15px}.adw-preview-pick{display:flex;align-items:center;gap:10px;margin-bottom:12px}.adw-preview-pick label{font-size:12px;font-weight:600;color:#6b6880}.adw-preview-pick select{width:auto;min-width:180px;padding:6px 10px;font-size:12.5px}.adw-legend{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-size:11px;color:#8b88a0}.adw-legend-key{width:9px;height:9px;border-radius:3px;display:inline-block}.adw-legend-key--yours{background:#8f8bd6}.adw-legend-key--locked{background:#c4cbd8;margin-left:8px}.adw-pblock{border-left:3px solid #e2dff0;padding:2px 0 2px 12px}.adw-pblock+.adw-pblock{margin-top:12px}.adw-pblock--yours{border-left-color:#8f8bd6}.adw-pblock--definition{border-left-color:#c4cbd8}.adw-pblock--mixed{border-left-color:transparent;border-image:linear-gradient(180deg,#c4cbd8 0,#c4cbd8 50%,#8f8bd6 50%,#8f8bd6) 1}.adw-pblock--mixed .adw-pblock-title{color:#55507a}.adw-pblock-head{display:flex;align-items:center;gap:9px;margin-bottom:4px;flex-wrap:wrap}.adw-pblock-title{font-family:SF Mono,Menlo,Consolas,monospace;font-size:10.5px;font-weight:700;letter-spacing:.06em;color:#55507a}.adw-pblock--definition .adw-pblock-title{color:#5b6478}.adw-pblock-origin{font-size:10px;font-weight:700;color:#a9a5be}.adw-pline{margin:0 0 2px;font-size:12px;line-height:1.6;color:#3a3650;white-space:pre-wrap}.adw-pline.locked{color:#6d7688;font-style:italic}.adw-pline.muted{color:#b4b0c6}.adw-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.adw-sumcard{display:flex;flex-direction:column;gap:10px;padding:16px 17px;border:1px solid #ece9f5;border-radius:12px;background:#fdfdff}.adw-sumcard h4{margin:0;font-size:14px;font-weight:700;color:#2d2b40}.adw-sumstate{margin:-6px 0 0;font-size:11.5px;font-weight:600;color:#6d6ac2}.adw-sumcard .gt-hbtn{align-self:flex-start;margin-top:auto}.adw-deflist{margin:0;display:flex;flex-direction:column;gap:9px}.adw-deflist>div{display:flex;flex-direction:column;gap:2px}.adw-deflist dt{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#9d99b4}.adw-deflist dd{margin:0;font-size:12.5px;line-height:1.55;color:#3a3650}.adw-pre{white-space:pre-wrap}.adw-table{width:100%;border-collapse:collapse;font-size:12.5px}.adw-table th{text-align:left;padding:8px 10px;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#9d99b4;border-bottom:1px solid #ece9f5}.adw-table td{padding:9px 10px;border-bottom:1px solid #f3f1fa;vertical-align:top;line-height:1.55;color:#3a3650}.adw-td-muted{color:#8b88a0}.adw-pane>.adw-locknote{margin-top:20px;max-width:78ch}.adw-foot{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 20px;border-top:1px solid #ece9f5;background:#faf9fe}.adw-foot-left,.adw-foot-right{display:flex;align-items:center;gap:10px}.adw-foot-note{font-size:12px;color:#a06b28;font-weight:600}@media (max-width: 1080px){.adw-specgrid,.adw-form{grid-template-columns:minmax(0,1fr)}.adw-row{grid-template-columns:minmax(0,1fr);gap:8px}}@media (max-width: 820px){.adw-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.adw-rail{flex-direction:row;align-items:center;border-right:none;border-bottom:1px solid #ece9f5;overflow-x:auto}.adw-rail-foot{display:none}.adw-pane{padding:18px 16px 26px}.adw-restored{margin:16px 16px 0}}.adw-refs{display:flex;flex-direction:column;gap:12px}.adw-drop{display:flex;align-items:center;gap:14px;padding:16px;border:1.5px dashed #ddd9ee;border-radius:12px;background:#fbfaff;transition:border-color .15s ease,background .15s ease}.adw-drop.over{border-color:#8f8bd6;background:#f4f2fb}.adw-drop.full{opacity:.72}.adw-drop>svg{width:26px;height:26px;flex:0 0 auto;color:#a9a5be}.adw-drop-text{display:flex;flex-direction:column;gap:3px;min-width:0}.adw-drop-text strong{font-size:13.5px;font-weight:700;color:#3a3650}.adw-drop-text span{font-size:11.5px;color:#8b88a0}.adw-drop .gt-hbtn{margin-left:auto;flex:0 0 auto}.adw-refs-error{margin:0;padding:9px 12px;border-radius:8px;background:#fdf0e2;border:1px solid #f0d9b8;color:#8a5a1c;font-size:12px;line-height:1.5}.adw-refgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.adw-refcard{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid #ece9f5;border-radius:12px;background:#fff}.adw-refcard.assigned{border-color:#d3cdf2;box-shadow:0 2px 10px #665abe1a}.adw-refthumb{position:relative;border-radius:9px;overflow:hidden;background:linear-gradient(45deg,#eef0f4 25%,transparent 25%,transparent 75%,#eef0f4 75%) 0 0 / 14px 14px,linear-gradient(45deg,#eef0f4 25%,#fff 25%,#fff 75%,#eef0f4 75%) 7px 7px / 14px 14px;aspect-ratio:4 / 3}.adw-refthumb img{width:100%;height:100%;object-fit:contain;display:block}.adw-refx{position:absolute;top:5px;right:5px;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#1816289e;color:#fff;font-size:15px;line-height:1;cursor:pointer;transition:background .15s ease}.adw-refx:hover{background:#181628d9}.adw-refmeta{display:flex;align-items:baseline;gap:8px;min-width:0}.adw-refname{font-size:12px;font-weight:600;color:#3a3650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.adw-refsize{font-size:10.5px;color:#a9a5be;margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums}.adw-refuse{display:flex;flex-direction:column;gap:4px}.adw-refuse>span{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#9d99b4}.adw-refuse select{width:100%;box-sizing:border-box;border:1.5px solid #e2dff0;border-radius:8px;padding:6px 8px;font-size:12.5px;font-family:inherit;color:#2a2740;background:#fff}.adw-refuse select:focus{outline:none;border-color:#8f8bd6;box-shadow:0 0 0 3px #6d6ac224}.adw-refnote{margin:0;font-size:11px;line-height:1.5;color:#8b88a0}.adw-refnote code{font-family:SF Mono,Menlo,Consolas,monospace;font-size:10.5px;padding:1px 5px;border-radius:5px;background:#eef1f5;color:#46506a}.adw-donor{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-top:2px;padding:2px 8px 2px 3px;border-radius:999px;background:#f0edfb;color:#5b58a5;font-size:10.5px;font-weight:700}.adw-donor img{width:16px;height:16px;border-radius:50%;object-fit:cover;display:block}.adw-refsum{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.adw-refsum li{display:flex;align-items:center;gap:9px;min-width:0}.adw-refsum img{width:30px;height:30px;border-radius:7px;object-fit:cover;flex:0 0 auto;background:#eef1f5}.adw-refsum-name{font-size:12px;color:#3a3650;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adw-refsum-use{margin-left:auto;font-size:11px;color:#8b88a0;white-space:nowrap}.adw-refsum-use code{font-family:SF Mono,Menlo,Consolas,monospace;font-size:10.5px;padding:1px 6px;border-radius:5px;background:#e8e4fa;color:#5b58a5}.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}.form-group .gt-type-dd{display:block}.form-group .gt-type-dd .gt-type-trigger{width:100%;max-width:none}.gt-type-menu--fixed{min-width:0;max-width:none;overflow-x:hidden}.gt-type-menu--fixed .gt-type-option-name{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;word-break:break-word}.gt-type-option.gt-type-option--variant{padding-left:24px}.gt-type-branch{flex:0 0 auto;color:#7c6cf0;font-size:14px;line-height:1;margin:-2px 2px 0 0}.gt-type-vtag{flex:0 0 auto;font-size:9.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#6b5ce0;background:#efecfe;border-radius:999px;padding:2px 8px}.ng-infobox{display:flex;align-items:flex-start;gap:10px;margin:0;padding:12px 14px;border-radius:10px;font-size:13px;line-height:1.55;background:linear-gradient(180deg,#f6f9fe,#eef4fc);border:1px solid #cfe0f5;color:#35507a}.ng-infobox svg{flex:0 0 auto;width:17px;height:17px;color:#4a90e2;margin-top:1px}.ng-wizard{position:relative;isolation:isolate;display:flex;align-items:center;gap:14px;width:100%;margin-top:4px;padding:15px 16px;border:1px solid #ded8fb;border-radius:13px;background:linear-gradient(135deg,#faf8ff,#f4f1fe 55%,#f7f2fd);cursor:pointer;text-align:left;font-family:inherit;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .06s ease}.ng-wizard:hover:not(:disabled){border-color:#bfb2f4;box-shadow:0 6px 20px #674fc629}.ng-wizard:active:not(:disabled){transform:translateY(.5px)}.ng-wizard:focus-visible{outline:3px solid rgba(109,106,194,.35);outline-offset:2px}.ng-wizard-glow{position:absolute;z-index:-1;top:-40%;right:-10%;bottom:-40%;left:-10%;background:radial-gradient(38% 55% at 20% 50%,rgba(150,118,240,.22),transparent 70%),radial-gradient(32% 50% at 75% 45%,rgba(96,165,224,.18),transparent 72%);opacity:.75;transition:opacity .25s ease}.ng-wizard:hover:not(:disabled) .ng-wizard-glow{opacity:1;animation:ng-wizard-drift 7s ease-in-out infinite}@keyframes ng-wizard-drift{0%,to{transform:translate(0)}50%{transform:translate(7%)}}@media (prefers-reduced-motion: reduce){.ng-wizard:hover:not(:disabled) .ng-wizard-glow{animation:none}}.ng-wizard-ico{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(160deg,#7b57c8,#5b58a5);color:#fff;box-shadow:0 4px 12px #5b58a552}.ng-wizard-ico svg{width:20px;height:20px}.ng-wizard-text{display:flex;flex-direction:column;gap:3px;min-width:0}.ng-wizard-title{font-size:14px;font-weight:700;color:#322d52}.ng-wizard-sub{font-size:12px;line-height:1.5;color:#6b6880}.ng-wizard-arrow{flex:0 0 auto;width:18px;height:18px;margin-left:auto;color:#8a86b4;transition:transform .18s ease}.ng-wizard:hover:not(:disabled) .ng-wizard-arrow{transform:translate(3px);color:#5b58a5}.ng-wizard--off,.ng-wizard:disabled{cursor:not-allowed;border-color:#e6e3ef;background:#fafafd;box-shadow:none}.ng-wizard--off .ng-wizard-glow{opacity:0}.ng-wizard--off .ng-wizard-ico{background:#e4e1ee;color:#a9a5be;box-shadow:none}.ng-wizard--off .ng-wizard-title{color:#8b88a0}.ng-wizard--off .ng-wizard-arrow{color:#c9c6d6}.games-container{padding:20px 30px;max-width:1400px;margin:0 auto}.games-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.games-header h2{margin:0;font-size:24px;font-weight:800;letter-spacing:-.01em;color:#14181f}.games-subtitle{margin:4px 0 0;font-size:13.5px;color:#8a93a6}.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}.template-badge{background:#ccfbf1;color:#0f766e}.wizard-badge{display:inline-flex;align-items:center;gap:3px;background:#ede9fe;color:#5b21b6}.wizard-badge svg{width:9px;height:9px;flex:0 0 auto}.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}.game-actions-menu{position:relative}.btn-actions-trigger{padding:4px 9px;background:transparent;border:1px solid #e2e8f0;border-radius:5px;font-size:16px;line-height:1;color:#4a5568;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-actions-trigger:hover,.btn-actions-trigger.is-open{background:#f1f5f9;border-color:#cbd5e0}.actions-dropdown{position:absolute;bottom:calc(100% + 6px);right:0;min-width:150px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 6px 20px #0000001f;padding:4px;z-index:20;display:flex;flex-direction:column;gap:2px}.actions-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:6px;font-size:13px;color:#2d3748;cursor:pointer;text-align:left;transition:background .15s}.actions-dropdown-item:hover{background:#f1f5f9}.actions-dropdown-item.item-danger{color:#c53030}.actions-dropdown-item.item-danger:hover{background:#fff5f5}.actions-dropdown-item .item-icon{width:16px;height:16px;flex-shrink:0}.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-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5568d3;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.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}.games-filters .filter-group{display:flex;align-items:center;flex:0 0 auto;margin-right:auto}.games-filters .games-search{position:relative;display:flex;align-items:center}.games-filters .games-search-ico{position:absolute;left:13px;width:15px;height:15px;color:#9ca3af;pointer-events:none;z-index:1}.games-filters .games-search .filter-search{padding:9px 14px 9px 36px;height:36px;border:1px solid #d1d5db;border-radius:20px;font-size:13px;width:240px;background:#fff;color:#212529;font-family:inherit;box-shadow:none;transition:border-color .15s ease,box-shadow .15s ease}.games-filters .games-search .filter-search:focus{outline:none;border-color:#5a4bd6;box-shadow:0 0 0 3px #5a4bd626}.games-filters .games-select{position:relative;display:flex;align-items:center}.games-filters .games-select-ico{position:absolute;left:12px;width:15px;height:15px;color:#9ca3af;pointer-events:none;z-index:1}.games-filters .filter-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:36px;padding:0 34px 0 36px;border:1px solid #d1d5db;border-radius:20px;font-size:13px;font-weight:500;color:#212529;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;cursor:pointer;min-width:130px;max-width:190px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.games-filters .filter-select:hover{border-color:#b6bcc7;background-color:#fafbfc}.games-filters .filter-select:focus{outline:none;border-color:#5a4bd6;box-shadow:0 0 0 3px #5a4bd626}.games-filters .btn-clear-filters{width:34px;height:34px;padding:0;background:#eef0f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.games-filters .btn-clear-filters:hover{background:#e2e5ee;color:#374151}.games-filters .btn-clear-filters svg{width:15px;height:15px}.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)}.games-header-actions{display:flex;align-items:center;gap:10px}.export-version-list{display:flex;flex-direction:column;gap:8px;margin-top:6px}.export-version{display:flex;align-items:flex-start;gap:11px;padding:12px 14px;border:1px solid #e2e6ef;border-radius:12px;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.export-version:hover{border-color:#c7cbf5;background:#fafbff}.export-version.is-selected{border-color:#667eea;background:#f2f3ff;box-shadow:0 0 0 3px #667eea1f}.export-version input[type=radio]{margin-top:3px;accent-color:#667eea}.export-version-main{min-width:0}.export-version-title{font-size:14px;font-weight:600;color:#14181f;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.export-version-sub{font-size:12.5px;color:#8a93a6;margin-top:2px}.export-badge{display:inline-flex;align-items:center;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:2px 8px;border-radius:999px}.export-badge.active{background:linear-gradient(135deg,#34c77b,#22a862);color:#fff}.export-badge.released{background:#eef0ff;color:#5b60c4}.export-badge.changes{background:linear-gradient(180deg,#fff9ec,#fef3d8);color:#8a5a12;border:1px solid #f2d68a}.import-notice{margin-top:14px;padding:12px 14px;border-radius:10px;font-size:13px;line-height:1.55;border:1px solid transparent}.import-notice code{background:#0000000f;padding:1px 5px;border-radius:5px;font-size:12px}.import-blocker{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.import-warning{background:linear-gradient(180deg,#fff9ec,#fef3d8);border-color:#f2d68a;color:#7a4e12}.import-error{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.btn-danger{padding:10px 18px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#f2716f,#e0514f);transition:filter .15s ease}.btn-danger:hover:not(:disabled){filter:brightness(1.05)}.btn-danger:disabled{opacity:.6;cursor:default}.modal-content>.form-group{margin-bottom:16px}.export-version-list{max-height:52vh;overflow-y:auto;padding-right:2px}.file-picker{display:flex;align-items:center;gap:12px}.file-picker-btn{cursor:pointer}.file-picker-btn.is-disabled{opacity:.6;pointer-events:none}.file-picker-name{font-size:13px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.file-picker-name.is-empty{color:#9aa3b2}.import-info{display:flex;align-items:flex-start;gap:10px;margin:0 0 18px;background:linear-gradient(180deg,#f6f9fe,#eef4fc);border-color:#cfe0f5;color:#35507a}.import-info svg{flex:0 0 auto;width:17px;height:17px;color:#4a90e2;margin-top:1px}.delete-confirm{display:flex;align-items:flex-start;gap:14px}.delete-confirm-ico{flex:0 0 auto;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#f2716f,#e0514f);box-shadow:0 2px 8px #e0514f4d}.delete-confirm-ico svg{width:21px;height:21px}.delete-confirm p{margin:0;font-size:14px;line-height:1.55;color:#40506b}.delete-confirm strong{color:#14181f}[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-actions-trigger{border-color:var(--border-primary);color:var(--text-secondary)}[data-theme=dark] .btn-actions-trigger:hover,[data-theme=dark] .btn-actions-trigger.is-open{background:var(--bg-tertiary);border-color:var(--border-secondary)}[data-theme=dark] .actions-dropdown{background:var(--bg-secondary);border-color:var(--border-primary);box-shadow:0 6px 20px #00000073}[data-theme=dark] .actions-dropdown-item{color:var(--text-primary)}[data-theme=dark] .actions-dropdown-item:hover{background:var(--bg-tertiary)}[data-theme=dark] .actions-dropdown-item.item-danger{color:#fc8181}[data-theme=dark] .actions-dropdown-item.item-danger:hover{background:#f565651f}[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)}.slt{position:relative;display:inline-flex;gap:4px;padding:5px;max-width:100%;background:#eef1f5;border:1px solid #e3e7ef;border-radius:14px;box-shadow:inset 0 1px 2px #1018280a;overflow-x:auto;scrollbar-width:none;--slt-active: #2f6fb3;--slt-ico: #4a90e2}.slt::-webkit-scrollbar{display:none}.slt-block{margin-bottom:26px;align-self:flex-start}.slt-indigo{--slt-active: #5b60c4;--slt-ico: #5b60c4}.slt-indicator{position:absolute;left:0;top:0;z-index:0;border-radius:10px;background:#fff;box-shadow:0 1px 2px #1018281a,0 3px 8px #1018280f;opacity:0;pointer-events:none}.slt-indicator.ready{opacity:1}.slt-indicator.animate{transition:transform .28s cubic-bezier(.4,.75,.25,1),width .28s cubic-bezier(.4,.75,.25,1)}.slt-tab{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:none;background:transparent;border-radius:10px;font-size:13.5px;font-weight:600;color:#6b7280;white-space:nowrap;cursor:pointer;transition:color .2s ease}.slt-ico{display:inline-flex;opacity:.9;transition:opacity .2s ease,color .2s ease}.slt-ico svg{width:16px;height:16px}.slt-tab:hover:not(.active){color:#374151}.slt-tab.active{color:var(--slt-active)}.slt-tab.active .slt-ico{color:var(--slt-ico);opacity:1}.slt-tab:focus-visible{outline:2px solid #4a90e2;outline-offset:2px}@media (prefers-reduced-motion: reduce){.slt-indicator.animate{transition:none}}.tagi{position:relative}.tagi-field{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:40px;padding:6px 8px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;cursor:text;transition:border-color .15s ease,box-shadow .15s ease}.tagi-field:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.tagi-input{flex:1 1 90px;min-width:90px;border:none;outline:none;font-size:13.5px;color:#2d3748;background:transparent;padding:4px 2px}.tagi-chip{display:inline-flex;align-items:center;gap:5px;background:#eef0fb;color:#4b47a8;border:1px solid #dfe1f7;border-radius:999px;padding:3px 6px 3px 10px;font-size:12.5px;font-weight:600}.tagi-chip-x{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;border-radius:50%;background:#4b47a824;color:#4b47a8;font-size:13px;line-height:1;cursor:pointer;padding:0}.tagi-chip-x:hover{background:#4b47a847}.tagi-hint{margin-top:6px;font-size:11.5px;color:#94a0b8}.tagi-kbd{display:inline-block;padding:0 5px;margin:0 1px;font-size:11px;font-weight:600;color:#5a6478;background:#eef1f6;border:1px solid #dfe3ec;border-bottom-width:2px;border-radius:4px;font-family:inherit;line-height:1.5}.tagi-suggest{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 30px #1e1b3c29;padding:4px;max-height:220px;overflow-y:auto}.tagi-suggest-item{display:block;width:100%;text-align:left;border:none;background:none;padding:7px 10px;border-radius:7px;font-size:13px;color:#3a3760;cursor:pointer}.tagi-suggest-item:hover,.tagi-suggest-item.is-active{background:#f0eefb;color:#4b47a8}.tagchips{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.tagchip{display:inline-flex;align-items:center;background:#eef1f6;color:#5a6478;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:600;line-height:1.5;border:1px solid transparent}button.tagchip{cursor:pointer}.tagchip-click:hover{background:#e4e8f6;color:#4b47a8;border-color:#d3d8ee}.tagchip-match{background:#667eea;color:#fff}.tagchip-more{background:transparent;color:#a0aec0}.rb-modal{width:760px;max-width:92vw}.rb-scope{flex:0 0 auto;margin:4px 0 12px;padding:0 2rem}.rb-searchbar{flex:0 0 auto;display:flex;align-items:center;gap:8px;margin:0 2rem 16px;padding:0 12px;height:40px;border:1px solid #e2e8f0;border-radius:10px;background:#f8f9fc;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.rb-searchbar:focus-within{border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea26}.rb-search-ico{color:#94a0b8;flex:0 0 auto}.rb-search{flex:1 1 auto;border:none;outline:none;background:transparent;font-size:13.5px;color:#2d3748}.rb-search-clear{flex:0 0 auto;border:none;background:#e6e9f2;color:#6b7280;width:18px;height:18px;border-radius:50%;font-size:13px;line-height:1;cursor:pointer;padding:0}.rb-search-clear:hover{background:#d7dbec}.rb-body{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:10px 2rem 24px}.rb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.rb-card{display:flex;flex-direction:column;text-align:left;padding:0;background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.rb-card:hover{border-color:#667eea;box-shadow:0 2px 10px #667eea33}.rb-card:focus-visible{outline:2px solid #667eea;outline-offset:2px}.rb-thumb{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background-color:#fafbfc;background-image:linear-gradient(45deg,#eef0f4 25%,transparent 25%),linear-gradient(-45deg,#eef0f4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef0f4 75%),linear-gradient(-45deg,transparent 75%,#eef0f4 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;border-bottom:1px solid #eef0f4}.rb-thumb img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.rb-placeholder{color:#a0aec0}.rb-placeholder svg{width:40px;height:40px}.rb-card-info{padding:8px 10px 10px;display:flex;flex-direction:column;gap:3px}.rb-card-name{font-size:13px;font-weight:600;color:#2d3748;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rb-card-date{font-size:10px;font-weight:400;color:#a0aec0;line-height:1.2}.rb-card-meta{font-size:11px;color:#718096;line-height:1.2}.rb-state{text-align:center;color:#718096;padding:48px 16px;font-size:14px}.rb-state p{margin:0 0 4px}.rb-state-hint{font-size:12.5px;color:#a0aec0}.aigm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4000;background:#11101e8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;animation:aigm-fade .15s ease}@keyframes aigm-fade{0%{opacity:0}to{opacity:1}}.aigm-modal{width:min(760px,100%);max-height:92vh;overflow:hidden;display:flex;flex-direction:column;background:#fff;border-radius:18px;box-shadow:0 24px 70px #14122d66;animation:aigm-pop .18s cubic-bezier(.22,1,.36,1)}@keyframes aigm-pop{0%{transform:translateY(10px) scale(.98);opacity:0}to{transform:none;opacity:1}}.aigm-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #eceaf3;background:linear-gradient(180deg,#f7f6fc,#fff)}.aigm-title{display:flex;align-items:center;gap:9px;font-size:15px;color:#2a2740}.aigm-title strong{color:#5b58a5}.aigm-spark{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#6d6ac2,#a24bd0);color:#fff;font-size:13px}.aigm-header-actions{display:flex;align-items:center;gap:10px}.aigm-close{width:32px;height:32px;border-radius:50%;border:1px solid #e2dff0;background:#fff;color:#6b6880;font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:all .15s}.aigm-close:hover:not(:disabled){background:#f2eefb;color:#3a3560;border-color:#cdc7ea}.aigm-close:disabled{opacity:.4;cursor:not-allowed}.aigm-body{padding:18px;overflow-y:auto}.aigm-stage{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-bottom:16px}.aigm-panel{display:flex;flex-direction:column;gap:6px;min-width:0}.aigm-panel-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b88a0}.aigm-imgbox{aspect-ratio:1 / 1;border-radius:12px;border:1px solid #e8e5f2;overflow:hidden;display:grid;place-items:center}.aigm-imgbox img{max-width:100%;max-height:100%;object-fit:contain}.aigm-checker{background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px;background-color:#fafafa}.aigm-noimg{font-size:12px;color:#a7a4bb;text-align:center;padding:12px}.aigm-dims{font-size:11px;color:#9895ad;text-align:center;min-height:14px}.aigm-imgbox{position:relative}.aigm-dropzone{transition:border-color .15s ease,box-shadow .15s ease}.aigm-dropover{border-color:#8a58c8;box-shadow:inset 0 0 0 2px #8a58c859}.aigm-drop-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#2e27408c;color:#fff;font-size:12.5px;font-weight:600;border-radius:12px;pointer-events:none;text-align:center;padding:8px}.aigm-ref-tools{display:flex;align-items:center;gap:8px;min-height:26px;flex-wrap:wrap}.aigm-mini-btn{border:1px solid #e0dcef;background:#f7f5fc;color:#5b58a5;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.aigm-mini-btn:hover:not(:disabled){background:#efeafa;border-color:#cbc3e8}.aigm-mini-btn:disabled{opacity:.5;cursor:not-allowed}.aigm-mini-reset{color:#7a768f}.aigm-ref-badge{margin-left:auto;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#7c53b8;background:#f0e8fb;border-radius:999px;padding:2px 8px}.aigm-arrow{font-size:22px;color:#b7b3d4}.aigm-progress{width:100%;padding:16px;display:flex;flex-direction:column;align-items:center;gap:12px}.aigm-spinner{width:34px;height:34px;border-radius:50%;border:3px solid #ece9f7;border-top-color:#6d6ac2;animation:aigm-spin .8s linear infinite}@keyframes aigm-spin{to{transform:rotate(360deg)}}.aigm-progress-bar{width:80%;height:6px;border-radius:999px;background:#ece9f7;overflow:hidden}.aigm-progress-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#6d6ac2,#a24bd0);transition:width .3s ease}.aigm-progress-msg{font-size:11px;color:#8b88a0;text-align:center}.aigm-error{font-size:12px;color:#c0392b;text-align:center;padding:14px}.aigm-spec{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#f6f4fc;border:1px solid #e7e2f5;border-radius:10px;padding:9px 12px;margin-bottom:12px}.aigm-spec-purpose{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.aigm-spec-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#8b88a0}.aigm-spec-desc{font-size:13px;color:#3a3650}.aigm-spec-desc.muted{color:#a09db5;font-style:italic}.aigm-spec-tech{display:flex;gap:6px;flex-shrink:0}.aigm-spec-chip{font-size:11px;font-weight:600;color:#5b58a5;background:#ece9f7;border-radius:999px;padding:3px 9px;white-space:nowrap}.aigm-controls{display:flex;flex-direction:column;gap:8px}.aigm-provided-note{font-size:13px;color:#8a5a1a;background:#fdf4e6;border:1px solid #f0dcbc;border-radius:9px;padding:10px 12px;margin-bottom:6px}.aigm-provided-note strong{color:#6b4310;font-family:ui-monospace,monospace}.aigm-ref-toggle{display:flex;align-items:center;gap:9px;font-size:12.5px;color:#4a4664;cursor:pointer;margin-bottom:2px}.aigm-ref-toggle strong{color:#5b58a5}.aigm-ref-toggle input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;flex-shrink:0;width:36px;height:21px;border-radius:999px;background:#d7d3ea;position:relative;cursor:pointer;transition:background .18s ease}.aigm-ref-toggle input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #14122d47;transition:transform .18s ease}.aigm-ref-toggle input[type=checkbox]:checked{background:#6d6ac2}.aigm-ref-toggle input[type=checkbox]:checked:after{transform:translate(15px)}.aigm-field-label{font-size:12px;font-weight:600;color:#4a4664}.aigm-textarea{width:100%;resize:vertical;border-radius:12px;border:1.5px solid #e2dff0;padding:11px 13px;font-size:14px;font-family:inherit;color:#2a2740;line-height:1.45;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.aigm-textarea:focus{outline:none;border-color:#8f8bd6;box-shadow:0 0 0 3px #6d6ac224}.aigm-textarea:disabled{background:#f6f5fb;color:#9895ad}.aigm-actions{display:flex;align-items:center;gap:12px;margin-top:4px}.aigm-hint{font-size:12px;color:#9895ad}.aigm-btn{border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;padding:10px 18px;transition:transform .1s,box-shadow .15s,background .15s}.aigm-btn:active:not(:disabled){transform:translateY(1px)}.aigm-btn:disabled{opacity:.5;cursor:not-allowed}.aigm-btn-primary{background:linear-gradient(135deg,#6d6ac2,#8a58c8);color:#fff;box-shadow:0 4px 14px #6d6ac259}.aigm-btn-primary:hover:not(:disabled){box-shadow:0 6px 18px #6d6ac273}.aigm-btn-ghost{background:#f2eefb;color:#5b58a5}.aigm-btn-ghost:hover:not(:disabled){background:#e8e1f7}.aigm-btn-discard{background:#fdecec;color:#c0392b}.aigm-btn-discard:hover:not(:disabled){background:#f9dcdc}.aigm-generate{flex:1 1 auto;padding:12px;font-size:15px}.aigm-actions .aigm-btn-ghost{flex:0 0 auto;white-space:nowrap}.aigm-save-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:4px}.aigm-libconfirm{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;border-radius:18px;background:#1e1c2d80;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;animation:aigm-fade .14s ease}.aigm-libconfirm-card{width:min(380px,100%);background:#fff;border-radius:16px;padding:22px 22px 18px;box-shadow:0 18px 50px #14122d59;text-align:center}.aigm-libconfirm-icon{width:42px;height:42px;margin:0 auto 10px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#6d6ac2,#a24bd0);color:#fff;font-size:22px;font-weight:700}.aigm-libconfirm-title{font-size:16px;font-weight:700;color:#2a2740}.aigm-libconfirm-hint{font-size:12.5px;color:#8b88a0;margin-top:4px}.aigm-libconfirm-sub{font-weight:400;color:#a7a4bb}.aigm-libconfirm-namelabel{display:block;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#8b88a0;margin:16px 0 5px}.aigm-libconfirm-name{width:100%;box-sizing:border-box}.aigm-libconfirm-error{color:#c0392b;font-size:12px;margin-top:8px;text-align:left}.aigm-libconfirm-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.aigm-save-actions{display:flex;align-items:center;gap:8px}.aigm-btn-done{background:#e6f4ea!important;color:#1e7e42!important;cursor:default}.aigm-save-modes{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.aigm-save-target{font-size:13px;color:#6b6880}.aigm-save-target strong{color:#2a2740}.aigm-save-modes label{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b6880;cursor:pointer}.aigm-save-modes label.active{color:#2a2740;font-weight:600}.aigm-save-modes input[type=radio]{accent-color:#6d6ac2}.aigm-name-input{border:1.5px solid #e2dff0;border-radius:8px;padding:6px 10px;font-size:13px;color:#2a2740;width:140px}.aigm-name-input:focus{outline:none;border-color:#8f8bd6;box-shadow:0 0 0 3px #6d6ac224}@media (max-width: 560px){.aigm-stage{grid-template-columns:1fr}.aigm-arrow{transform:rotate(90deg);justify-self:center}}.modal-content.spv-modal{width:min(1060px,90vw);max-width:94vw;display:flex;flex-direction:column;padding:0;border-radius:16px;overflow:hidden}.spv-modal .modal-header{padding:14px 18px;margin:0;border-bottom:1px solid #eef0f6}.spv-modal .modal-header h2{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:17px;font-weight:800;color:#14181f}.spv-modal .modal-close-btn{width:32px;height:32px;border-radius:50%;border:1px solid #e6e8ef;background:#fff;color:#374151;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;line-height:1}.spv-modal .modal-close-btn:hover{background:#eef0f6;color:#111827}.spv-sub{font-size:11px;font-weight:500;color:#6b7280;letter-spacing:.01em}.spv-body{display:grid;grid-template-columns:232px 1fr;gap:14px;padding:14px 16px 16px;min-height:0}.spv-rail{display:flex;flex-direction:column;gap:8px;min-height:0}.spv-filter{width:100%;padding:7px 10px;border:1px solid #d7d3ea;border-radius:7px;font-size:13px;box-sizing:border-box}.spv-filter:focus{outline:2px solid #8f8bd6;outline-offset:-1px;border-color:transparent}.spv-groups{overflow-y:auto;max-height:58vh;padding-right:4px;display:flex;flex-direction:column;gap:10px}.spv-group{display:flex;flex-direction:column;gap:2px}.spv-group-key{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#8b8aa3;padding:2px 4px}.spv-anim{text-align:left;padding:5px 9px;border:1px solid transparent;border-radius:6px;background:transparent;font-size:13px;color:#33324a;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spv-anim:hover{background:#f1effa}.spv-anim.active{background:#ede9fe;border-color:#c4b5fd;color:#5b21b6;font-weight:600}.spv-empty{font-size:12px;color:#8b8aa3;padding:8px 4px}.spv-stage{display:flex;flex-direction:column;gap:10px;min-width:0}.spv-canvas-wrap{position:relative;border-radius:8px;overflow:hidden;height:58vh;min-height:320px;border:1px solid #e5e2f0}.spv-bg-checker{background:repeating-conic-gradient(#e9edf2,#e9edf2 25%,#fff 0%,#fff 50%) 50% / 20px 20px}.spv-bg-dark{background:#2e2e35}.spv-bg-light{background:#fff}.spv-canvas{display:block;width:100%;height:100%}.spv-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:20px;background:#ffffffdb;font-size:13px;color:#4b5563}.spv-overlay-error strong{color:#b91c1c;font-size:14px}.spv-overlay-error span{max-width:460px;color:#6b7280}.spv-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px;background:#f7f6fb;border-radius:8px}.spv-scrub{flex:1 1 180px;min-width:120px;accent-color:#6d6ac2;cursor:pointer}.spv-time{font-size:12px;color:#6b7280;font-variant-numeric:tabular-nums;min-width:92px}.spv-toggle{display:flex;align-items:center;gap:5px;font-size:12px;color:#4b5563;cursor:pointer}.spv-toggle input{accent-color:#6d6ac2;cursor:pointer}.spv-speed{padding:5px 7px;border:1px solid #d7d3ea;border-radius:6px;font-size:12px;background:#fff;cursor:pointer}.spv-bg-pick{display:flex;gap:2px}.spv-bg-btn{width:26px;height:26px;border:1px solid #d7d3ea;background:#fff;border-radius:6px;cursor:pointer;font-size:12px;color:#6b7280;line-height:1}.spv-bg-btn.active{background:#ede9fe;border-color:#c4b5fd;color:#5b21b6}@media (min-width: 1680px){.modal-content.spv-modal{width:min(1200px,84vw)}.spv-body{grid-template-columns:272px 1fr}.spv-canvas-wrap{height:64vh}.spv-groups{max-height:64vh}}@media (max-height: 780px){.spv-canvas-wrap{height:50vh;min-height:260px}.spv-groups{max-height:50vh}}@media (max-width: 860px){.spv-body{grid-template-columns:1fr}.spv-groups{max-height:26vh}.spv-canvas-wrap{height:42vh}}.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-content{position:relative;max-width:960px}.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:inherit;gap:20px}.loading-spinner{width:44px;height:44px;border:4px solid #e5e7eb;border-top-color:#4a90e2;border-radius:50%;animation:spin .8s linear infinite}.loading-message{font-size:1em;color:#1a1a1a;font-weight:500;margin:0}.folder-import-body{display:flex;flex-direction:column}.folder-drop-zone{border:3px dashed #d1d5db;border-radius:12px;padding:44px 40px;text-align:center;transition:all .3s;background:#f9fafb;display:flex;flex-direction:column;align-items:center}.folder-drop-zone.dragging{border-color:#4a90e2;background:#4a90e20d}.drop-zone-icon{font-size:3.4em;margin-bottom:14px;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.05em}.drop-zone-hint{font-size:.85em!important;color:#6b7280!important;margin-top:8px!important}.folder-browse-or{margin:16px 0 12px;font-size:.8em;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em}.folder-browse-btn.is-disabled{opacity:.6;pointer-events:none}.accepted-folders-section{margin-top:24px;padding:16px 18px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px}.accepted-folders-heading{margin:0 0 12px;font-size:.95em;font-weight:600;color:#1a1a1a}.accepted-folders-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.accepted-folder-item{display:flex;flex-direction:column;gap:2px}.accepted-folder-path{font-family:Monaco,Courier New,monospace;font-size:.85em;font-weight:600;color:#4a90e2}.accepted-folder-desc{font-size:.82em;color:#6b7280}.accepted-folders-footer{margin:12px 0 0;padding-top:10px;border-top:1px solid #e5e7eb;font-size:.78em;color:#9ca3af}.scanned-files-preview{display:flex;flex-direction:column;gap:12px}.import-summary-row{display:flex;gap:24px;padding:14px 18px;background:#f9fafb;border-radius:10px;border:1px solid #e5e7eb}.import-stat{display:flex;flex-direction:column;gap:2px}.import-stat-label{font-size:.78em;color:#6b7280;font-weight:500}.import-stat-value{font-size:1.3em;font-weight:700;color:#1a1a1a}.import-stat.ready .import-stat-value{color:#10b981}.import-stat.duplicates .import-stat-value{color:#ef4444}.import-stat.unmapped .import-stat-value{color:#f59e0b}.import-stat.replaces .import-stat-value{color:#4a90e2}.import-stat.warnings .import-stat-value{color:#d97706}.import-details{border-radius:8px;padding:10px 14px;font-size:.85em}.import-details summary{cursor:pointer;font-weight:600;list-style:none;-webkit-user-select:none;user-select:none}.import-details summary::-webkit-details-marker{display:none}.import-details summary:before{content:"▶ ";display:inline-block;transition:transform .2s}.import-details[open] summary:before{transform:rotate(90deg)}.import-details-list{margin:8px 0 0;padding-left:18px;max-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.import-details-error{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b}.import-details-warning{background:linear-gradient(180deg,#fff9ec,#fef3d8);border:1px solid #f2d68a;color:#7a4e12}.import-details-unmapped{background:#f3f4f6;border:1px solid #d1d5db;color:#4b5563}.import-details-replace{background:#eef4fd;border:1px solid #bcd6f5;color:#1e528e}.import-success{background:linear-gradient(180deg,#f2fbf6,#e7f8ef);border-color:#b9e8cc;color:#166534}.import-details-list-error{color:#991b1b}.import-result-head{font-weight:600}.import-confirm-notice{display:flex;flex-direction:column;gap:10px}.import-confirm-text{line-height:1.5}.import-confirm-actions{display:flex;justify-content:flex-end;gap:8px}.files-by-category{display:flex;flex-direction:column;gap:12px}.category-group{background:#fff;border-radius:8px;padding:12px 14px;border:1px solid #e5e7eb}.category-group-header{margin:0 0 8px;color:#1a1a1a;font-size:1em;font-weight:600;padding-bottom:6px;border-bottom:1px solid #e5e7eb}.category-files-list{display:flex;flex-direction:column;gap:5px}.file-mapping-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f9fafb;border-radius:6px;border-left:3px solid transparent;transition:all .2s;gap:12px}.file-mapping-item.mapped{border-left-color:#10b981}.file-mapping-item.duplicate{border-left-color:#ef4444;opacity:.5}.file-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.file-name{color:#1a1a1a;font-weight:500;font-size:.92em}.file-path{color:#6b7280;font-size:.8em}.mapping-info{display:flex;align-items:center;gap:8px;color:#10b981;flex:0 0 auto}.mapping-info.duplicate{color:#ef4444}.arrow{color:#9ca3af;font-weight:700}.mapped-resource{font-weight:600;padding:3px 8px;background:#10b9811a;border-radius:4px;font-family:Monaco,Courier New,monospace;color:#047857;font-size:.9em}.match-score{font-size:.8em;color:#6b7280}.replace-badge{font-size:.78em;padding:2px 7px;background:#f59e0b1a;color:#d97706;border-radius:4px;font-weight:500}.duplicate-label{font-size:.85em;font-style:italic}.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}.packed-sounds{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.packed-sounds-empty{display:flex;flex-direction:column;gap:20px}.packed-sounds-disabled{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 24px;text-align:center;background:#f7fafc;border:1px dashed #cbd5e0;border-radius:12px}.ps-disabled-icon{font-size:32px;margin-bottom:4px;opacity:.6}.packed-sounds-disabled h3{margin:0;font-size:16px;color:#2d3748}.packed-sounds-disabled p{margin:0;max-width:480px;color:#666;font-size:14px;line-height:1.5}.ps-disabled-guidance{padding:10px 16px;background:#edf0ff;border:1px solid #c3c9f5;border-radius:8px;color:#4c51bf!important}.ps-disabled-guidance strong{color:#4c51bf}.ps-explainer{text-align:center;padding:8px 12px 4px}.ps-explainer h3{margin:0 0 8px;font-size:16px;color:#2d3748}.ps-explainer p{margin:0;color:#666;font-size:14px;line-height:1.5}.ps-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.ps-header-actions{flex:0 0 auto;display:flex;gap:8px}.ps-download-btn{padding:6px 14px;background:#fff;color:#2f855a;border:1px solid #b7dfc6;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.ps-download-btn:hover{background:#ecfdf3;border-color:#48bb78}.ps-replace-btn{padding:6px 14px;background:#fff;color:#4c51bf;border:1px solid #c3c9f5;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.ps-replace-btn:hover{background:#edf0ff;border-color:#667eea}.ps-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ps-chip{display:inline-flex;align-items:center;padding:4px 12px;background:#edf0ff;color:#4c51bf;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.ps-chip-source{background:#667eea;color:#fff}.ps-chip-muted{background:#f1f5f9;color:#64748b;font-weight:500}.ps-chip-missing{background:#fdecea;color:#c0392b}.ps-chip-mutedsounds{gap:5px;background:#ffedd5;color:#c2410c}.ps-chip-mutedsounds svg{width:12px;height:12px;flex:0 0 auto}.ps-delete-btn{padding:6px 14px;background:#fff;color:#c0392b;border:1px solid #f3c6c1;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.ps-delete-btn:hover{background:#fdecea;border-color:#e74c3c}.ps-repack-btn{padding:6px 14px;background:#fff;color:#4a90e2;border:1px solid #bcd8f5;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.ps-repack-btn:hover:not(:disabled){background:#eaf3fd;border-color:#4a90e2}.ps-repack-btn:disabled{color:#a0aec0;border-color:#e2e8f0;cursor:not-allowed}.ps-stale-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:10px 14px;background:#fff8e1;border:1px solid #f6d98a;border-radius:8px;color:#8a6d1f;font-size:13px;line-height:1.5}.ps-repack-inline-btn{flex:0 0 auto;padding:6px 14px;background:#4a90e2;color:#fff;border:none;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s}.ps-repack-inline-btn:hover:not(:disabled){background:#3a7fd5}.ps-repack-inline-btn:disabled{background:#d6c98f;cursor:not-allowed}.ps-transport{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:10px 14px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:999px}.ps-play-all{flex:0 0 auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#667eea;color:#fff;border:none;border-radius:50%;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.ps-play-all:hover{background:#5568d3;transform:translateY(-1px)}.ps-play-all.active{background:#4a5568}.ps-scrubber{flex:1 1 auto;min-width:0;height:4px;accent-color:#667eea;cursor:pointer}.ps-scrubber:disabled{cursor:default;opacity:.5}.ps-time{flex:0 0 auto;font-size:12px;color:#666;font-variant-numeric:tabular-nums;white-space:nowrap}.ps-error{margin-bottom:12px;padding:10px 14px;background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;color:#c53030;font-size:13px}.ps-search{margin-bottom:14px}.ps-search.search-bar{flex:unset;max-width:320px}.ps-search input{width:100%;padding:8px 12px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px;box-sizing:border-box;transition:all .2s}.ps-search input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.ps-list{display:flex;flex-direction:column;gap:6px;max-height:420px;overflow-y:auto}.ps-empty{padding:24px;text-align:center;color:#999;font-size:13px}.ps-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .15s}.ps-row:hover{border-color:#cbd5e0;background:#edf2f7}.ps-row.active{border-color:#667eea;background:#eef1ff;box-shadow:0 2px 8px #667eea26}.ps-row-play{flex:0 0 auto;width:18px;text-align:center;color:#667eea;font-size:12px}.ps-row.active .ps-row-play{color:#4c51bf}.ps-row-name{flex:1 1 auto;min-width:0;font-size:14px;font-weight:500;color:#2d3748;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ps-row-dur{flex:0 0 auto;font-size:12px;color:#666;font-variant-numeric:tabular-nums}.ps-row-loop{flex:0 0 auto;display:inline-flex;align-items:center;gap:3px;padding:2px 8px;background:#d3f9d8;color:#2b8a3e;border-radius:999px;font-size:11px;font-weight:600}.ps-row-music{flex:0 0 auto;display:inline-flex;align-items:center;gap:3px;padding:2px 8px;background:#e5dbff;color:#6741d9;border-radius:999px;font-size:11px;font-weight:600}.ps-row-mute{opacity:.7}.ps-row-mute:hover{opacity:1}.ps-row-notpacked{cursor:default;background:#f4f5f7}.ps-row-notpacked:hover{background:#f4f5f7}.ps-row-notpacked .ps-row-name{color:#718096}.ps-row-mutedflag{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#ffedd5;color:#c2410c;border-radius:999px;font-size:11px;font-weight:600}.ps-row-mutedflag svg{width:12px;height:12px;flex:0 0 auto}.ps-row-aiflag{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#fae8ff;color:#a21caf;border-radius:999px;font-size:11px;font-weight:600}.ps-row-aiflag svg{width:12px;height:12px;flex:0 0 auto}.ps-missing{margin-top:14px}.ps-missing-title{font-size:11px;font-weight:700;color:#c0392b;text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px}.ps-row-missing{cursor:default;background:#fdecea}.ps-row-missing:hover{background:#fbe0dd}.ps-row-missing .ps-row-name{color:#b23b3b}.ps-extra-title{color:#b7791f}.ps-row-extra{cursor:default;background:#fff8e1}.ps-row-extra:hover{background:#fdf3d0}.ps-row-extra .ps-row-name{color:#8a6d1f}.ps-upload{display:flex;flex-direction:column;gap:14px;padding:18px;margin-bottom:16px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px}.ps-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:28px 20px;background:#fff;border:2px dashed #cbd5e0;border-radius:10px;text-align:center;transition:all .15s}.ps-dropzone.dragging{border-color:#667eea;background:#edf0ff}.ps-dropzone-icon{font-size:28px;margin-bottom:2px}.ps-dropzone-text{margin:0;font-size:14px;color:#2d3748}.ps-dropzone-or{margin:2px 0;font-size:12px;color:#a0aec0;text-transform:uppercase;letter-spacing:.05em}.ps-dropzone-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:4px}.ps-browse-btn{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.ps-browse-btn:hover{background:#5568d3}.ps-upload-files{display:flex;flex-direction:column;gap:8px}.ps-upload-slot{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:13px}.ps-upload-slot.filled{border-color:#a3bffa;background:#f4f6ff}.ps-upload-slot-label{flex:0 0 auto;padding:2px 8px;background:#edf0ff;color:#4c51bf;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase}.ps-upload-slot-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2d3748;font-weight:500}.ps-upload-slot-placeholder{flex:1 1 auto;color:#a0aec0;font-style:italic}.ps-upload-slot-remove{flex:0 0 auto;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:transparent;color:#a0aec0;border:none;border-radius:50%;font-size:16px;line-height:1;cursor:pointer}.ps-upload-slot-remove:hover{background:#fed7d7;color:#c53030}.ps-upload-validation{padding:10px 14px;border-radius:8px;font-size:13px;line-height:1.5}.ps-upload-validation.ok{background:#f0fff4;border:1px solid #c6f6d5;color:#2b8a3e}.ps-upload-validation.error{background:#fff5f5;border:1px solid #fed7d7;color:#c53030}.ps-upload-validation.warn{margin-top:8px;background:#fff8e1;border:1px solid #f6d98a;color:#8a6d1f}.ps-upload-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.ps-upload-cancel{padding:8px 16px;background:#fff;color:#666;border:1px solid #cbd5e0;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer}.ps-upload-cancel:hover{background:#f7fafc}.ps-upload-save{padding:8px 18px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.ps-upload-save:hover:not(:disabled){background:#5568d3}.ps-upload-save:disabled{background:#cbd5e0;cursor:not-allowed}.ps-upload-message{margin-bottom:16px;padding:10px 14px;border-radius:8px;font-size:13px;line-height:1.5}.ps-upload-message.success{background:#f0fff4;border:1px solid #c6f6d5;color:#2b8a3e}.ps-upload-message.error{background:#fff5f5;border:1px solid #fed7d7;color:#c53030}.ps-delete-dialog{max-width:520px;width:90%}.ps-delete-options{display:flex;flex-direction:column;gap:10px;margin-top:16px}.ps-delete-option{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .15s}.ps-delete-option:hover{border-color:#cbd5e0;background:#edf2f7}.ps-delete-option input[type=radio]{flex:0 0 auto;margin-top:3px;accent-color:#4a90e2}.ps-delete-option.selected{border-color:#4a90e2;background:#eaf3fd;box-shadow:0 0 0 3px #4a90e21f}.ps-delete-option.danger.selected{border-color:#dc3545;background:#fdecea;box-shadow:0 0 0 3px #dc35451f}.ps-delete-option.danger input[type=radio]{accent-color:#dc3545}.ps-delete-option-body{display:flex;flex-direction:column;gap:4px}.ps-delete-option-title{font-size:14px;font-weight:700;color:#2d3748}.ps-delete-option.danger .ps-delete-option-title{color:#a83232}.ps-delete-option-desc{font-size:12.5px;color:#666;line-height:1.5}.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}.resource-item.ai-editable{cursor:pointer}.resource-item.ai-editable:hover{border-color:#8f8bd6;box-shadow:0 6px 18px #6d6ac238}.resource-select-checkbox{position:absolute;top:6px;right:6px;z-index:3;width:22px;height:22px;border-radius:6px;background:#ffffffeb;border:1px solid #d7d3ea;display:grid;place-items:center;cursor:pointer;box-shadow:0 1px 3px #0000001f}.resource-select-checkbox input{width:15px;height:15px;margin:0;cursor:pointer;accent-color:#6d6ac2}.resource-prompt-badge{position:absolute;top:6px;left:6px;z-index:3;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,#6d6ac2,#a24bd0);cursor:help;box-shadow:0 1px 4px #6d6ac266}.resource-derived-badge{display:inline-block;margin-top:2px;padding:1px 8px;background:#e5dbff;color:#6741d9;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.resource-ai-hint{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:6px 8px;font-size:11px;font-weight:600;text-align:center;color:#fff;background:linear-gradient(0deg,#2e2a4ed1,#2e2a4e00);opacity:0;transition:opacity .16s ease;pointer-events:none}.resource-item.ai-editable:hover .resource-ai-hint{opacity:1}.gta-badge.own{background:#ede9fe;color:#5b21b6}.gta-badge.inherited{background:#e0e7ff;color:#3730a3}.resource-preview.spine-preview{background:#f7f6fb;align-items:stretch;justify-content:stretch}.resource-preview.spine-preview{background:#f7f6fb}.spine-tile{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:6px 8px;box-sizing:border-box;overflow:hidden;text-align:center}.spine-tile>*{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spine-tile-count{font-size:26px;font-weight:800;line-height:1.05;color:#3f3d56;font-variant-numeric:tabular-nums}.spine-tile-count-sm{font-size:15px}.spine-tile-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#8b8aa3}.spine-tile-meta{margin-top:3px;font-size:10px;color:#9b9ab0}.spine-tile-muted{color:#9b9ab0;font-size:11px}.spine-tile-bad{color:#b91c1c;gap:3px}.spine-tile-bad .spine-tile-count{color:#b91c1c}.spine-tile-bad .spine-tile-label{color:#dc2626}.spine-source-badge{align-self:flex-start;width:fit-content}.game-config{--cfg-bg:#f5f7fb;--cfg-surface:#ffffff;--cfg-rail:#eef1f6;--cfg-rail-hover:#e6eaf2;--cfg-ink:#161a22;--cfg-muted:#828ca1;--cfg-faint:#aab2c2;--cfg-line:#e7eaf2;--cfg-accent:#5b60c4;--cfg-accent-ink:#4a4fb0;--cfg-accent-soft:#edeefb;--cfg-danger:#c2415a;--cfg-radius:11px;--cfg-shadow:0 1px 2px rgba(16,24,40,.05), 0 8px 24px rgba(16,24,40,.06);--cfg-mono:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--cfg-ink)}[data-theme=dark] .game-config{--cfg-bg:#0e1117;--cfg-surface:#161a21;--cfg-rail:#12151c;--cfg-rail-hover:#1b2029;--cfg-ink:#e9ecf4;--cfg-muted:#8b95a8;--cfg-faint:#5b6577;--cfg-line:#252b36;--cfg-accent:#9498ea;--cfg-accent-ink:#aab0f2;--cfg-accent-soft:#20233a;--cfg-danger:#e2718a;--cfg-shadow:0 1px 2px rgba(0,0,0,.4), 0 10px 30px rgba(0,0,0,.35)}.game-config-loading{padding:40px;color:var(--cfg-muted, #888);font-size:14px}.config-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:18px}.config-header h3{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em}.config-header>div>p{margin:4px 0 0;color:var(--cfg-muted);font-size:13px}.config-header code{font-family:var(--cfg-mono);font-size:12px;color:var(--cfg-accent-ink);background:var(--cfg-accent-soft);padding:1px 6px;border-radius:5px}.config-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cfg-ovr-chip{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--cfg-accent-ink);background:var(--cfg-accent-soft);border:1px solid color-mix(in srgb,var(--cfg-accent) 22%,transparent);padding:6px 11px;border-radius:999px;white-space:nowrap}.cfg-ovr-n{font-variant-numeric:tabular-nums}.cfg-ovr-dot{width:7px;height:7px;border-radius:50%;background:var(--cfg-accent)}.cfg-btn{font:inherit;font-size:13px;font-weight:600;border-radius:9px;padding:8px 15px;cursor:pointer;border:1px solid var(--cfg-line);background:var(--cfg-surface);color:var(--cfg-ink);transition:background .15s,border-color .15s,opacity .15s;white-space:nowrap}.cfg-btn:hover{border-color:var(--cfg-faint)}.cfg-btn:disabled{opacity:.55;cursor:default}.cfg-btn-primary{background:var(--cfg-accent);border-color:var(--cfg-accent);color:#fff}.cfg-btn-primary:hover{border-color:var(--cfg-accent);filter:brightness(1.05)}.cfg-btn-ghost{background:transparent}.cfg-btn-danger{color:var(--cfg-danger);border-color:transparent;background:transparent}.cfg-btn-danger:hover{background:color-mix(in srgb,var(--cfg-danger) 12%,transparent)}.cfg-btn:focus-visible,.cfg-navitem:focus-visible,.config-mode-switch button:focus-visible,.game-config input:focus-visible,.game-config textarea:focus-visible{outline:2px solid var(--cfg-accent);outline-offset:2px}.config-mode-switch{display:inline-flex;gap:2px;padding:3px;background:var(--cfg-rail);border:1px solid var(--cfg-line);border-radius:10px}.config-mode-switch button{font:inherit;font-size:12.5px;font-weight:600;border:none;background:transparent;color:var(--cfg-muted);padding:6px 12px;border-radius:7px;cursor:pointer}.config-mode-switch button.active{background:var(--cfg-surface);color:var(--cfg-accent-ink);box-shadow:var(--cfg-shadow)}.cfg-shell{display:grid;grid-template-columns:248px 1fr;gap:22px;align-items:start}.cfg-rail{position:sticky;top:8px;background:var(--cfg-rail);border:1px solid var(--cfg-line);border-radius:var(--cfg-radius);padding:12px;max-height:calc(100vh - 130px);overflow:auto}.cfg-navlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.cfg-navitem{position:relative;width:100%;text-align:left;border:none;background:transparent;color:var(--cfg-ink);font:inherit;font-size:13.5px;font-weight:500;padding:9px 11px 9px 13px;border-radius:9px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:background .13s}.cfg-navitem:hover{background:var(--cfg-rail-hover)}.cfg-nav-lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cfg-nav-ov{flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:var(--cfg-accent);opacity:0;transition:opacity .15s}.cfg-navitem.has-ov .cfg-nav-ov{opacity:1}.cfg-navitem.active{background:var(--cfg-surface);color:var(--cfg-accent-ink);font-weight:650;box-shadow:var(--cfg-shadow)}.cfg-navitem.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--cfg-accent)}.cfg-panel{background:var(--cfg-surface);border:1px solid var(--cfg-line);border-radius:var(--cfg-radius);box-shadow:var(--cfg-shadow);overflow:hidden}.cfg-shead{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 22px;background:var(--cfg-rail);border-bottom:1px solid var(--cfg-line)}.cfg-shead h4{margin:0;font-size:16.5px;font-weight:700;letter-spacing:-.01em}.cfg-shead-meta{display:inline-block;margin:6px 0 0;color:var(--cfg-muted);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.cfg-rows{padding:10px 8px 12px}.cfg-group{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--cfg-muted);padding:16px 14px 6px}.cfg-rowwrap:first-child .cfg-group{padding-top:8px}.cfg-row{display:grid;grid-template-columns:1fr 290px;gap:22px;align-items:center;padding:14px;border-radius:9px}.cfg-rowwrap+.cfg-rowwrap .cfg-row{border-top:1px solid var(--cfg-line)}.cfg-rowwrap:has(.cfg-group) .cfg-row{border-top:none}.cfg-row:hover{background:color-mix(in srgb,var(--cfg-accent) 4%,transparent)}.cfg-row-key{min-width:0}.cfg-row-name{font-weight:600;font-size:13.5px;display:flex;align-items:center;gap:9px}.cfg-row-desc{color:var(--cfg-muted);font-size:12.5px;margin-top:2px}.cfg-pill{font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:2px 7px;border-radius:6px;color:var(--cfg-accent-ink);background:var(--cfg-accent-soft)}.cfg-row-ctl{display:flex;flex-direction:column;gap:5px}.cfg-default{font-size:11.5px;color:var(--cfg-faint);display:flex;align-items:center;gap:6px}.cfg-default b{font-family:var(--cfg-mono);font-weight:500;color:var(--cfg-muted);font-variant-numeric:tabular-nums}.cfg-field{display:flex;align-items:center;gap:8px}.cfg-field input{width:100%;font:inherit;font-size:13.5px;font-family:var(--cfg-mono);font-variant-numeric:tabular-nums;color:var(--cfg-ink);background:var(--cfg-bg);border:1px solid var(--cfg-line);border-radius:8px;padding:9px 11px;transition:border-color .15s,background .15s,box-shadow .15s}.cfg-field input::placeholder{color:var(--cfg-faint);font-family:inherit}.cfg-row.is-ovr .cfg-field input{border-color:var(--cfg-accent);background:var(--cfg-surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--cfg-accent) 14%,transparent)}.cfg-reset{flex:0 0 auto;width:30px;height:30px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--cfg-faint);cursor:pointer;font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center;visibility:hidden}.cfg-reset:hover{color:var(--cfg-ink);background:var(--cfg-rail-hover)}.cfg-row.is-ovr .cfg-reset{visibility:visible}.cfg-foot{padding:14px 22px 20px;color:var(--cfg-faint);font-size:12px;border-top:1px solid var(--cfg-line)}.config-json-editor{margin-top:4px}.config-help{background:var(--cfg-accent-soft);border:1px solid var(--cfg-line);border-radius:var(--cfg-radius);padding:12px 16px;margin-bottom:14px}.config-help p{margin:0;font-size:13px;color:var(--cfg-ink)}.config-json textarea{width:100%;min-height:460px;font-family:var(--cfg-mono);font-size:12.5px;line-height:1.6;color:var(--cfg-ink);background:var(--cfg-surface);border:1px solid var(--cfg-line);border-radius:var(--cfg-radius);padding:14px;resize:vertical}.config-json textarea.has-error{border-color:var(--cfg-danger)}.json-error{margin-top:8px;color:var(--cfg-danger);font-size:12.5px;font-family:var(--cfg-mono)}@media (max-width:860px){.cfg-shell{grid-template-columns:1fr}.cfg-rail{position:relative;max-height:none;top:0}.cfg-row{grid-template-columns:1fr;gap:10px}}@media (prefers-reduced-motion:reduce){.game-config *{transition:none!important}}.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-dates{margin-top:8px}.version-date{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;line-height:1.9;color:#666}.user-badge{display:inline-flex;align-items:center;gap:5px;padding:0 8px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;font-size:12px;line-height:1.7;white-space:nowrap}.user-badge-icon{font-size:11px}.user-badge-name{font-weight:600;color:#374151}.user-badge-email{color:#9ca3af}.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-number .badge{display:inline-block;padding:3px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border-radius:12px;margin-left:8px;vertical-align:middle}.badge.released{background:#fef3c7;color:#92400e;border:1px solid #fbbf24}.badge.active,.badge.released-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-marked-released{padding:6px 16px;background:#22c55e;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:not-allowed;opacity:.6}.btn-active-marked{padding:6px 16px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:not-allowed;opacity:.6}.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}.gh-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:10001}.gh-modal{background:#fff;border-radius:12px;padding:26px 28px;width:100%;max-width:420px;box-shadow:0 12px 40px #00000040;text-align:center}.gh-modal-title{margin:0 0 8px;font-size:18px;color:#1f2430}.gh-modal-text{margin:0 0 22px;color:#4b5563;font-size:14px;line-height:1.5}.gh-modal-actions{display:flex;gap:12px;justify-content:center}.gh-modal-btn{min-width:120px;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center}.gh-modal-cancel{background:#fff;color:#4b5563;border-color:#d1d5db}.gh-modal-cancel:hover{background:#f3f4f6}.gh-modal-confirm.gh-modal-primary{background:#5b58a5;color:#fff}.gh-modal-confirm.gh-modal-primary:hover{background:#474491}.gh-modal-confirm.gh-modal-success{background:#16a34a;color:#fff}.gh-modal-confirm.gh-modal-success:hover{background:#15803d}.gh-modal-confirm.gh-modal-danger{background:#dc2626;color:#fff}.gh-modal-confirm.gh-modal-danger:hover{background:#b91c1c}.gh-modal-btn:disabled{opacity:.7;cursor:not-allowed}.gh-modal-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:gh-spin .7s linear infinite}@keyframes gh-spin{to{transform:rotate(360deg)}}.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}.modal-body{padding:1.5rem}.form-group{margin-bottom:1.5rem}.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:#16a34a;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)}}.btn-customize.active{background:#474491;box-shadow:0 2px 8px #5b58a559}.maths-customize-panel{margin-top:28px;max-width:760px;background:#fff;border:1px solid #e7e7f1;border-radius:14px;padding:22px 28px 26px;box-shadow:0 2px 14px #5b58a50f}.maths-customize-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.maths-customize-title{margin:0;font-size:14px;font-weight:700;color:#6b6b7b;letter-spacing:.2px}.maths-customize-close{border:none;background:transparent;font-size:22px;line-height:1;color:#9ca3af;cursor:pointer;padding:0 6px;border-radius:6px}.maths-customize-close:hover{background:#f1f1f7;color:#4b5563}.maths-section{margin-top:18px}.maths-section-title{margin:0 0 10px;font-size:17px;font-weight:700;color:#1f2430}.maths-row{display:grid;grid-template-columns:190px 1fr 62px;align-items:center;gap:16px;padding:7px 0}.maths-row-label{font-size:15px;color:#2d3748}.maths-slider{border:2px solid rgb(91,88,165);border-radius:999px;background:#fff;padding:9px 16px;display:flex;align-items:center}.maths-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;margin:0;border-radius:999px;background:linear-gradient(to right,#16161a 0 var(--pct, 0%),#d7d7e0 var(--pct, 0%) 100%);cursor:pointer;outline:none}.maths-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#16161a;border:none;box-shadow:0 1px 3px #00000059;cursor:grab;transition:transform .1s ease}.maths-range:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.12)}.maths-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#16161a;border:none;box-shadow:0 1px 3px #00000059;cursor:grab}.maths-range::-moz-range-track{height:4px;border-radius:999px;background:transparent}.maths-range:focus-visible{box-shadow:0 0 0 3px #5b58a540}.maths-range:disabled{cursor:not-allowed;opacity:.85}.maths-range:disabled::-webkit-slider-thumb{cursor:not-allowed;background:#9a9aa6;box-shadow:none}.maths-range:disabled:active::-webkit-slider-thumb{cursor:not-allowed;transform:none}.maths-range:disabled::-moz-range-thumb{cursor:not-allowed;background:#9a9aa6;box-shadow:none}.maths-slider-value{text-align:right;font-weight:700;font-size:14px;color:#2d3748;font-variant-numeric:tabular-nums}.maths-save-footer{display:flex;align-items:center;gap:28px;margin-top:24px;padding-top:20px;border-top:1px solid #eee}.maths-save-hint{margin:0;color:#6b7280;font-size:13px;font-style:italic;line-height:1.5;flex:1}.maths-save-btn{display:inline-flex;align-items:center;gap:10px;background:#22c55e;color:#fff;border:none;border-radius:9px;padding:12px 22px;font-size:15px;font-weight:700;cursor:pointer;transition:all .15s ease;white-space:nowrap}.maths-save-btn:hover{background:#16a34a;transform:translateY(-1px);box-shadow:0 3px 10px #22c55e59}.maths-save-btn:active{transform:translateY(0)}.maths-save-plus{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#ffffff40;font-size:15px;font-weight:700;line-height:1}.maths-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:10001}.maths-modal{background:#fff;border-radius:12px;padding:26px 28px;width:100%;max-width:380px;box-shadow:0 12px 40px #00000040;text-align:center}.maths-modal-title{margin:0 0 8px;font-size:18px;color:#1f2430}.maths-modal-text{margin:0 0 22px;color:#4b5563;font-size:14px}.maths-modal-actions{display:flex;gap:12px;justify-content:center}.maths-modal-btn{min-width:96px;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s ease}.maths-modal-no{background:#fff;color:#4b5563;border-color:#d1d5db}.maths-modal-no:hover{background:#f3f4f6}.maths-modal-yes{background:#5b58a5;color:#fff}.maths-modal-yes:hover{background:#474491}.maths-modal-btn:disabled{opacity:.6;cursor:not-allowed}.gsp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.gsp-modal{background:#fff;width:520px;max-width:92vw;max-height:90vh;border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;overflow:hidden}.gsp-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:1.25rem 1.5rem 1rem;border-bottom:1px solid #eee}.gsp-header h2{margin:0;font-size:1.2rem;font-weight:600;color:#333}.gsp-header-actions{display:flex;align-items:center;gap:10px}.gsp-close{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e6e8ef;border-radius:50%;color:#374151;font-size:18px;line-height:1;cursor:pointer;transition:background .15s ease}.gsp-close:hover{background:#eef0f6}.gsp-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:1.25rem 1.5rem 1.5rem}.gsp-note{color:#667085;font-size:.85rem;line-height:1.5;margin:0 0 14px}.gsp-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:9px;font-size:.9rem;font-weight:600;cursor:pointer;border:1px solid transparent;white-space:nowrap;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .05s ease}.gsp-btn svg{width:16px;height:16px;flex:0 0 auto}.gsp-btn:active:not(:disabled){transform:translateY(.5px)}.gsp-btn:disabled{opacity:.55;cursor:not-allowed}.gsp-btn-primary{background:linear-gradient(180deg,#5a9bf0,#4a90e2);color:#fff;box-shadow:0 2px 8px #4a90e252}.gsp-btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#4a90e2,#3f7fd0);box-shadow:0 4px 12px #4a90e266}.gsp-form{display:flex;flex-direction:column;gap:1rem}.gsp-field{display:flex;flex-direction:column;gap:.5rem}.gsp-field label{font-weight:600;color:#555;font-size:.9rem}.gsp-field input{padding:.7rem .75rem;border:1px solid #ddd;border-radius:4px;font-size:.95rem;font-family:inherit;color:#1a1a1a}.gsp-field input:focus{outline:none;border-color:#4a90e2}.gsp-notice{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;margin:0 0 16px;border-radius:10px;border:1px solid transparent;font-size:13px;line-height:1.55}.gsp-notice-icon{flex:0 0 auto;display:inline-flex;margin-top:1px}.gsp-notice-icon svg{width:18px;height:18px}.gsp-notice--warn{background:linear-gradient(180deg,#fff9ec,#fef3d8);border-color:#f2d68a;color:#7a4e12}.gsp-notice--warn .gsp-notice-icon{color:#c98a12}.gsp-error{margin-top:14px;padding:10px 12px;border-radius:6px;background:#fee2e2;border:1px solid #ef4444;color:#991b1b;font-size:13px}.gsp-empty{text-align:center;padding:12px 4px 6px}.gsp-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:10px;border-radius:50%;background:#f1f5f9;color:#64748b}.gsp-empty-title{font-size:1rem;font-weight:600;color:#1a1a1a;margin-bottom:6px}.gsp-empty-text{font-size:13px;color:#667085;margin:0;line-height:1.5}.gsp-empty-text code{background:#f1f3f5;padding:1px 5px;border-radius:4px}.gsp-group{border:1px solid #e8ebf0;border-radius:10px;overflow:hidden}.gsp-group+.gsp-group{margin-top:12px}.gsp-group-head{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f8fafc;border-bottom:1px solid #e8ebf0;color:#344054}.gsp-group-head svg{width:16px;height:16px;flex:0 0 auto;color:#64748b}.gsp-group-title{font-size:13px;font-weight:600}.gsp-group-meta{margin-left:auto;font-size:12px;font-weight:500;color:#98a2b3}.gsp-list{list-style:none;margin:0;padding:5px}.gsp-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:7px}.gsp-list li:hover{background:#f8fafc}.gsp-item-name{font-size:13.5px;font-weight:500;color:#1a1a1a}.gsp-item-sep{color:#cbd5e0}.gsp-item-hint{font-size:11.5px;color:#667085;white-space:nowrap;background:#eef2f6;border-radius:10px;padding:2px 9px}.ss-embed-wrap{position:relative;width:100%;min-height:60vh}.ss-embed-scope{position:relative;width:100%}.ss-embed-wrap.is-loading .ss-embed-scope{visibility:hidden}.ss-embed-wrap.is-ready .ss-embed-loading{display:none}.ss-embed-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#64748b;font-size:14px}.ss-embed-spinner{width:38px;height:38px;border:3px solid rgba(91,88,165,.2);border-top-color:#5b58a5;border-radius:50%;animation:ss-embed-spin .8s linear infinite;will-change:transform;transform:translateZ(0)}@media (prefers-reduced-motion: reduce){.ss-embed-spinner{animation-duration:2s}}@keyframes ss-embed-spin{0%{transform:translateZ(0) rotate(0)}to{transform:translateZ(0) rotate(360deg)}}.ss-embed-scope.ss-library-page{padding:0!important}.ss-library-page #libraryManagerModal.editor-modal-overlay{position:static;display:block;width:100%;height:auto;padding:0;background:transparent;z-index:auto}.ss-library-page #libraryManagerModal .library-modal{width:100%;max-width:none;height:auto;min-height:0;max-height:none;overflow:visible;box-shadow:none;border:none;border-radius:0;background:transparent}.ss-library-page #libraryManagerModal .library-modal-content,.ss-library-page #libraryManagerModal .library-categories-list,.ss-library-page #libraryManagerModal .library-sounds{overflow:visible}.ss-library-page #libraryManagerModal .library-modal-header,.ss-library-page #libraryManagerModal .library-modal-footer{display:none}.ss-library-page #libraryManagerModal .library-sounds{padding-top:0}.ss-library-page #libraryManagerModal .library-sounds-header{padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid #eef0f6}.ss-library-page #libraryManagerModal .library-sounds-title{font-size:13px;color:#8a93a6}.ss-library-page #libraryManagerModal .library-sounds-title strong{color:#14181f;font-weight:700}.ss-library-page #libraryManagerModal .library-add-sound-btn{padding:9px 16px;font-size:13px;font-weight:600;border-radius:10px;background:linear-gradient(180deg,#5a9bf0,#4a90e2);box-shadow:0 2px 8px #4a90e252}.ss-library-page #libraryManagerModal .library-add-sound-btn:hover{background:linear-gradient(180deg,#4f92ea,#3f85d8)}.ai-hub-page{padding:24px 28px 36px;color:#1f2937;font-size:14px;max-width:1500px;margin:0 auto}.ah-header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:2px solid #d1d5db;padding-bottom:12px;margin-bottom:26px;flex-wrap:wrap}.ah-vision{margin:0;font-size:30px;font-weight:800;letter-spacing:.18em;color:#111827}.ah-title{font-size:26px;font-weight:800;font-style:italic;letter-spacing:.1em;color:#db2777}.ah-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(340px,1.25fr) minmax(280px,1fr);gap:20px;align-items:start}.ah-card{background:#fff;border:1px solid #eef0f4;border-radius:16px;padding:18px 18px 20px;box-shadow:0 1px 3px #1018280f}.ah-card-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.ah-card-head h2{margin:1px 0 2px;font-size:15px;font-weight:800;letter-spacing:.04em;color:#111827}.ah-card-head p{margin:0;color:#6b7280;font-size:12.5px;line-height:1.4}.ah-num{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:#4f46e5;color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}.ah-services{display:flex;flex-direction:column;gap:10px}.ah-service{display:flex;align-items:center;gap:12px;border:1px solid #eef0f4;border-radius:12px;padding:9px 12px;background:#fbfbfd}.ah-service-logo{width:34px;height:34px;object-fit:contain;border-radius:8px;flex:0 0 auto}.ah-service-text{display:flex;flex-direction:column;line-height:1.25;flex:1;min-width:0}.ah-service-name{font-weight:700;color:#111827}.ah-service-sub{color:#6b7280;font-size:12px}.ah-check{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 auto}.ah-check-ok{background:#22c55e}.ah-check-pending{background:#f59e0b}.ah-center{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:4px}.ah-oslogo{height:44px;max-width:100%;object-fit:contain;margin-bottom:8px}.ah-hub-label{display:flex;align-items:center;justify-content:center;gap:12px;color:#4338ca;font-weight:800;letter-spacing:.14em;font-size:20px;margin:2px 0 12px}.ah-hub-label:before,.ah-hub-label:after{content:"";height:2px;width:40px;background:#cdd0f7;border-radius:2px}.ah-tagline{margin:0 0 14px;color:#4b5563;max-width:440px}.ah-hub{width:100%;max-width:460px;height:auto;margin:2px 0 18px}.ah-note{display:flex;align-items:center;gap:10px;background:#eef0ff;border:1px solid #e0e3fb;color:#4338ca;border-radius:12px;padding:12px 16px;font-size:13px;text-align:left}.ah-note-icon{color:#4f46e5;display:flex;flex:0 0 auto}.ah-skills{display:flex;flex-direction:column}.ah-skill{display:flex;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px solid #f1f2f6;color:#111827;font-weight:500}.ah-skill:last-child{border-bottom:none}.ah-skill-icon{color:#4f46e5;display:flex;flex:0 0 auto}.ah-auto{margin-top:26px;display:flex;align-items:center;gap:28px}.ah-auto-head{display:flex;gap:12px;align-items:flex-start;flex:0 0 230px}.ah-auto-head h2{margin:1px 0 2px;font-size:15px;font-weight:800;letter-spacing:.04em;color:#111827}.ah-auto-head p{margin:0;color:#6b7280;font-size:12.5px;line-height:1.4}.ah-flow{flex:1;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ah-flow-item{display:flex;align-items:center;gap:12px}.ah-step{background:#fff;border:1px solid #eef0f4;border-radius:12px;padding:12px 18px;min-width:150px;box-shadow:0 1px 3px #1018280f;display:flex;flex-direction:column;align-items:center;gap:8px}.ah-step-title{font-weight:700;font-size:13px;color:#111827}.ah-step-icon{color:#4f46e5;display:flex;align-items:center;gap:8px}.ah-step-check{color:#22c55e;display:flex}.ah-step-assets{display:flex;gap:6px;color:#4f46e5}.ah-flow-arrow{color:#9aa0ec;display:flex}.ah-outcome{display:flex;align-items:center;gap:10px;color:#4b5563;font-size:13px;max-width:230px;margin-left:6px}.ah-outcome-icon{color:#4f46e5;display:flex;flex:0 0 auto}@media (max-width: 1100px){.ah-grid{grid-template-columns:1fr}.ah-center{order:-1}.ah-auto{flex-direction:column;align-items:flex-start;gap:14px}.ah-auto-head{flex-basis:auto}}.grm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#1814288c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:24px}.grm-modal{width:720px;max-width:94vw;max-height:90vh;background:#fff;border-radius:16px;box-shadow:0 24px 70px #14102d66;display:flex;flex-direction:column;overflow:hidden;animation:grmUp .22s ease}@keyframes grmUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.grm-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid #eee}.grm-title{display:flex;align-items:center;gap:8px;font-size:15.5px;font-weight:700;color:#2a2740}.grm-spark{color:#8a58c8}.grm-header-actions{display:flex;align-items:center;gap:8px}.grm-hbtn{border:1px solid #e0dcef;background:#f7f5fc;color:#5b58a5;border-radius:8px;padding:6px 11px;font-size:12.5px;font-weight:600;cursor:pointer}.grm-hbtn:hover{background:#efeafa}.grm-hbtn-primary{background:linear-gradient(135deg,#6d6ac2,#8a58c8);color:#fff;border-color:transparent}.grm-hbtn-primary:hover{box-shadow:0 4px 12px #6d6ac259;background:linear-gradient(135deg,#6d6ac2,#8a58c8)}.grm-hbtn-danger{color:#b4436b;border-color:#f0d6df;background:#fdf2f5}.grm-hbtn-danger:hover{background:#fbe7ec}.grm-close{border:none;background:none;font-size:26px;line-height:1;color:#b4b0c4;cursor:pointer;width:32px;height:32px;border-radius:50%}.grm-close:hover{background:#f1eff8;color:#6b6880}.grm-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:16px 20px 20px;display:flex;flex-direction:column;gap:14px}.grm-empty{text-align:center;color:#9895ad;padding:40px 0;font-size:14px}.grm-card{display:grid;grid-template-columns:132px 1fr;gap:16px;border:1px solid #ece9f5;border-radius:12px;padding:12px;background:#fcfbff}.grm-thumb{aspect-ratio:1 / 1;border-radius:10px;overflow:hidden;border:1px solid #e8e5f2;display:grid;place-items:center}.grm-thumb img{max-width:100%;max-height:100%;object-fit:contain;display:block}.grm-checker{background-color:#fafafa;background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.grm-thumb-state{color:#b4b0c4;font-size:22px}.grm-thumb-error{color:#d06a8a}.grm-spinner{width:26px;height:26px;border:3px solid #e6e1f5;border-top-color:#8a58c8;border-radius:50%;animation:grmSpin .8s linear infinite}@keyframes grmSpin{to{transform:rotate(360deg)}}.grm-detail{display:flex;flex-direction:column;gap:8px;min-width:0;justify-content:center}.grm-name{font-size:14px;font-weight:700;color:#2d2b40}.grm-sub{font-weight:400;color:#8b88a0}.grm-meta{display:flex;flex-wrap:wrap;gap:6px}.grm-chip{font-size:11px;font-weight:600;color:#6b6880;background:#efedf7;border-radius:999px;padding:2px 9px}.grm-chip-lib{color:#1e7e42;background:#e6f4ea}.grm-progress{display:flex;flex-direction:column;gap:6px}.grm-bar{height:6px;background:#ece8f6;border-radius:999px;overflow:hidden}.grm-bar span{display:block;height:100%;background:linear-gradient(90deg,#6d6ac2,#8a58c8);border-radius:999px;transition:width .3s ease}.grm-msg{font-size:12px;color:#8b88a0}.grm-fields{display:flex;flex-wrap:wrap;gap:8px}.grm-select,.grm-input{border:1px solid #e2e0ef;border-radius:8px;padding:7px 10px;font-size:13px;color:#3a3760;background:#fff}.grm-input{flex:1 1 120px;min-width:120px}.grm-select{cursor:pointer}.grm-select:focus,.grm-input:focus{outline:none;border-color:#8a58c8;box-shadow:0 0 0 3px #8a58c824}.grm-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px}.grm-btn{border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer}.grm-btn:disabled{opacity:.5;cursor:not-allowed}.grm-btn-primary{background:linear-gradient(135deg,#6d6ac2,#8a58c8);color:#fff}.grm-btn-ghost{background:#f2eefb;color:#5b58a5}.grm-btn-ghost:hover:not(:disabled){background:#e8e1f7}.grm-btn-discard{color:#9a5573;background:#fbeef2}.grm-btn-discard:hover:not(:disabled){background:#f7e2e9}.grm-libeditor{margin-top:6px;padding:12px;border:1px dashed #dcd6ef;border-radius:10px;background:#fbfaff;display:flex;flex-direction:column;gap:8px}.grm-libeditor-hint{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#8b88a0}.grm-saved{font-size:13px;font-weight:600;color:#1e7e42}.grm-err{font-size:12.5px;color:#c0392b}@media (max-width: 560px){.grm-card{grid-template-columns:1fr}.grm-thumb{max-width:200px}}.asc{position:fixed;bottom:20px;right:20px;width:380px;max-width:calc(100vw - 40px);z-index:9000;background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:18px;overflow:hidden;box-shadow:0 24px 60px #26215c47,0 8px 20px #1018281f;display:flex;flex-direction:column;transition:height .26s cubic-bezier(.4,0,.2,1),top .26s cubic-bezier(.4,0,.2,1)}.asc-min{height:54px}.asc-open{height:min(60vh,560px)}.asc-header{display:flex;align-items:center;gap:10px;padding:11px 12px 11px 14px;cursor:pointer;color:#fff;background:linear-gradient(135deg,#6d5ef0,#5a4bd6 55%,#7b4fd4)}.asc-glyph{width:30px;height:30px;border-radius:9px;background:#ffffff2e;display:inline-flex;align-items:center;justify-content:center}.asc-title{font-weight:600;font-size:14px;flex:1}.asc-toggle{width:30px;height:30px;border:none;background:transparent;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.9}.asc-toggle:hover{background:#ffffff29;opacity:1}.asc-body{display:flex;flex-direction:column;flex:1;min-height:0}.asc-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:6px}.asc-msg{display:flex;max-width:85%}.asc-user{align-self:flex-end}.asc-assistant,.asc-error{align-self:flex-start}.asc-bubble{padding:10px 14px;border-radius:16px;font-size:13px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.asc-user .asc-bubble{background:#5a4bd6;color:#fff;border-bottom-right-radius:4px}.asc-assistant .asc-bubble{background:#eef1f5;color:#14181f;border-bottom-left-radius:4px}.asc-msg.sev-success .asc-bubble{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.asc-msg.sev-warning .asc-bubble{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.asc-error .asc-bubble{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.asc-typing{color:#6b7280;font-style:italic}.asc-input{display:flex;align-items:flex-end;gap:4px;margin:12px;padding:5px 6px;background:#fff;border:1px solid #e2e5ee;border-radius:22px}.asc-input:focus-within{border-color:#6d5ef0;box-shadow:0 0 0 3px #6d5ef024}.asc-input textarea{flex:1;resize:none;border:none;background:transparent;outline:none;padding:7px 6px;font-size:13.5px;font-family:inherit;line-height:1.45;max-height:120px;color:#14181f}.asc-send{width:36px;height:36px;border-radius:50%;border:none;color:#fff;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6d5ef0,#5a4bd6);box-shadow:0 2px 8px #5a4bd659}.asc-send:hover{transform:translateY(-1px) scale(1.04)}.asc-send:disabled{background:#c7cbd6;box-shadow:none;transform:none;cursor:not-allowed}.asc-attach-btn{width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:#6b7280;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center}.asc-attach-btn:hover{background:#eef1f5;color:#14181f}.asc-attachments{display:flex;flex-wrap:wrap;gap:6px;margin:0 12px 8px}.asc-att{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:4px 6px 4px 9px;border-radius:14px;background:#eef1f5;color:#14181f;max-width:100%}.asc-att-error{background:#fee2e2;color:#991b1b}.asc-att-x{border:none;background:transparent;color:inherit;opacity:.6;cursor:pointer;font-size:14px;line-height:1;padding:0 2px}.asc-att-x:hover{opacity:1}.asc-results-chip{margin:4px 16px 10px;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;border:1px solid #d9d2f2;background:linear-gradient(135deg,#f4f0fd,#efe9fb);color:#5b4aa8;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:box-shadow .15s ease,transform .1s ease}.asc-results-chip:hover{box-shadow:0 4px 14px #6d6ac240}.asc-results-chip:active{transform:translateY(1px)}.asc-results-spark{color:#8a58c8}.asc-results-spin{width:13px;height:13px;border:2px solid #d7cef0;border-top-color:#8a58c8;border-radius:50%;animation:ascSpin .8s linear infinite;display:inline-block}@keyframes ascSpin{to{transform:rotate(360deg)}}.asc-jobs{padding:0 16px 8px;display:flex;flex-direction:column;gap:8px}.asc-job{border:1px solid #e2e5ee;border-radius:12px;padding:8px 10px;background:#fafbfe}.asc-job-progress{display:flex;align-items:center;gap:8px}.asc-job-bar{flex:1;height:6px;border-radius:3px;background:#e2e5ee;overflow:hidden}.asc-job-fill{height:100%;background:linear-gradient(135deg,#6d5ef0,#5a4bd6);transition:width .3s ease}.asc-job-msg{font-size:12px;color:#6b7280;white-space:nowrap}.asc-job-error{font-size:12.5px;color:#991b1b}.asc-job-preview img{max-width:100%;border-radius:8px;display:block;margin-bottom:6px;background:repeating-conic-gradient(#eee,#eee 25%,#fff 0%,#fff 50%) 50% / 14px 14px}.asc-job-save-row{display:flex;gap:6px;align-items:center}.asc-job-save-row select,.asc-job-save-row input{font-size:12.5px;padding:5px 7px;border:1px solid #e2e5ee;border-radius:8px}.asc-job-save-row input,.asc-job-save-row select.asc-job-name-select{flex:1;min-width:0}.asc-job-save-row button{font-size:12.5px;padding:5px 10px;border:none;border-radius:8px;color:#fff;background:linear-gradient(135deg,#6d5ef0,#5a4bd6);cursor:pointer}.asc-job-save-row button:disabled{background:#c7cbd6;cursor:not-allowed}.asc-job-save-row button.asc-job-discard{background:transparent;color:#6b7280;border:1px solid #e2e5ee}.asc-job-save-row button.asc-job-discard:hover{color:#dc3545;border-color:#f0b6bd;background:#fff5f5}.asc-job-save-row button.asc-job-discard:disabled{background:transparent;color:#c7cbd6;border-color:#eef0f6}.asc-job-saved{font-size:12.5px;color:#065f46}.asc-job-anim-caption{font-size:11.5px;color:#6b7280;margin-bottom:6px}.asc-job-anim-target{font-size:12.5px;color:#14181f;font-weight:600;flex:1}.asc-libconfirm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;padding:24px;background:#11101e8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.asc-libconfirm-card{width:min(360px,100%);background:#fff;border-radius:16px;padding:22px;text-align:center;box-shadow:0 18px 50px #14122d66}.asc-libconfirm-icon{width:40px;height:40px;margin:0 auto 10px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#6d6ac2,#a24bd0);color:#fff;font-size:20px;font-weight:700}.asc-libconfirm-title{font-size:15.5px;font-weight:700;color:#2a2740}.asc-libconfirm-hint{font-size:12px;color:#8b88a0;margin-top:4px}.asc-libconfirm-label{display:block;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#8b88a0;margin:15px 0 5px}.asc-libconfirm-sub{font-weight:400;text-transform:none;letter-spacing:0;color:#a7a4bb}.asc-libconfirm-input{width:100%;box-sizing:border-box;border:1.5px solid #e2dff0;border-radius:9px;padding:8px 11px;font-size:14px;color:#2a2740}.asc-libconfirm-input:focus{outline:none;border-color:#8f8bd6;box-shadow:0 0 0 3px #6d6ac224}.asc-libconfirm-error{color:#c0392b;font-size:12px;text-align:left;margin-top:8px}.asc-libconfirm-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:18px}.asc-libconfirm-cancel,.asc-libconfirm-add{border:none;border-radius:9px;font-size:13.5px;font-weight:600;padding:9px 16px;cursor:pointer}.asc-libconfirm-cancel{background:#f2eefb;color:#5b58a5}.asc-libconfirm-add{background:linear-gradient(135deg,#6d6ac2,#8a58c8);color:#fff}.asc-libconfirm-add:disabled,.asc-libconfirm-cancel:disabled{opacity:.5;cursor:not-allowed}.asc-floating.asc-maximized{border-radius:18px}.asc-floating.asc-resizing{-webkit-user-select:none;user-select:none;transition:none}@media (prefers-reduced-motion: reduce){.asc{transition:none}}.asc-resize{position:absolute;top:0;left:0;right:0;height:8px;cursor:ns-resize;z-index:2}.asc-floating.asc-maximized .asc-resize,.asc-floating.asc-min .asc-resize{display:none}.asc-chrome-btn{width:28px;height:28px;border:none;background:transparent;color:#fff;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:.9}.asc-chrome-btn:hover{background:#ffffff29;opacity:1}.asc-status-cluster{display:inline-flex;align-items:center;gap:5px;margin:0 4px 0 2px}.asc-pdot{width:9px;height:9px;border-radius:50%;background:#cbd5e1;flex:0 0 auto}.asc-pdot--online{background:#34d399}.asc-pdot--not_set{background:#fbbf24}.asc-pdot--error{background:#f87171}.asc-pdot--connecting{background:#cbd5e1}[data-theme=dark] .asc{background:var(--bg-secondary, #2d3748);border-color:var(--border-primary, #4a5568)}[data-theme=dark] .asc-assistant .asc-bubble{background:var(--bg-tertiary, #4a5568);color:var(--text-primary, #f7fafc)}[data-theme=dark] .asc-input{background:var(--bg-tertiary, #4a5568);border-color:var(--border-primary, #4a5568)}[data-theme=dark] .asc-input textarea{color:var(--text-primary, #f7fafc)}[data-theme=dark] .asc-input textarea::placeholder{color:#a0aec0}[data-theme=dark] .asc-att{background:var(--bg-tertiary, #4a5568);color:var(--text-primary, #f7fafc)}[data-theme=dark] .asc-attach-btn{color:#cbd5e1}[data-theme=dark] .asc-attach-btn:hover{background:#ffffff1a;color:#fff}[data-theme=dark] .asc-job{background:#ffffff0a;border-color:var(--border-primary, #4a5568)}[data-theme=dark] .asc-job-save-row select,[data-theme=dark] .asc-job-save-row input{background:var(--bg-tertiary, #4a5568);color:var(--text-primary, #f7fafc);border-color:var(--border-primary, #4a5568)}[data-theme=dark] .asc-job-save-row button.asc-job-discard{color:#cbd5e1;border-color:var(--border-primary, #4a5568)}[data-theme=dark] .asc-libconfirm-card{background:var(--bg-secondary, #2d3748);color:var(--text-primary, #f7fafc)}[data-theme=dark] .asc-libconfirm-input{background:var(--bg-tertiary, #4a5568);color:var(--text-primary, #f7fafc);border-color:var(--border-primary, #4a5568)}.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:214px;background:linear-gradient(180deg,#fff,#fcfdff);border-right:1px solid #eaeef5;display:flex;flex-direction:column;transition:width .28s cubic-bezier(.4,.75,.25,1);position:relative}.game-sidebar.collapsed{width:60px}.sidebar-toggle{position:absolute;right:-13px;top:18px;width:26px;height:26px;background:#fff;border:1px solid #e6e9f2;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#8a93a6;z-index:201;box-shadow:0 2px 6px #1018281a;transition:color .15s ease,border-color .15s ease,background .15s ease}.sidebar-toggle svg{width:13px;height:13px;transition:transform .28s cubic-bezier(.4,.75,.25,1)}.sidebar-toggle:hover{background:#f4f6ff;color:#5b60c4;border-color:#cdd2f5}.game-sidebar.collapsed .sidebar-toggle svg{transform:rotate(180deg)}.sidebar-nav{position:relative;padding:14px 10px;display:flex;flex-direction:column;gap:3px}.sb-indicator{position:absolute;left:10px;right:10px;top:0;z-index:0;border-radius:11px;background:linear-gradient(135deg,#eef0ff,#e7eaff);border:1px solid #dee2fb;box-shadow:0 4px 12px #667eea29;opacity:0;pointer-events:none}.sb-indicator:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#7c86f2,#5b60c4)}.sb-indicator.ready{opacity:1}.sb-indicator.animate{transition:transform .3s cubic-bezier(.4,.8,.3,1),height .3s cubic-bezier(.4,.8,.3,1)}@media (prefers-reduced-motion: reduce){.sb-indicator.animate{transition:none}}.sidebar-tab{position:relative;z-index:1;display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border:none;border-radius:11px;font-size:13.5px;font-weight:600;color:#67718a;cursor:pointer;text-align:left;transition:color .18s ease,background .18s ease,transform .18s ease}.sidebar-tab .tab-icon{display:inline-flex;align-items:center;justify-content:center;min-width:22px;color:#98a2b8;transition:color .18s ease,transform .18s ease}.sidebar-tab .tab-icon svg{width:19px;height:19px}.sidebar-tab .tab-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.sidebar-tab:hover:not(.active):not(.disabled){color:#2b3345;background:#f4f6fb;transform:translate(2px)}.sidebar-tab:hover:not(.active):not(.disabled) .tab-icon{color:#5b60c4;transform:scale(1.08)}.sidebar-tab.active{color:#4a4fbf;font-weight:700}.sidebar-tab.active .tab-icon{color:#5b60c4}.sidebar-tab.disabled{color:#c2cad8;cursor:not-allowed}.sidebar-tab.disabled .tab-icon{color:#cfd6e2}.sidebar-tab.disabled:hover{background:transparent}.sidebar-tab .disabled-icon{margin-left:auto;display:inline-flex;color:#c2cad8}.sidebar-tab .disabled-icon svg{width:14px;height:14px}.sidebar-tab .sb-tip{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%) translate(-4px);z-index:250;max-width:230px;width:max-content;white-space:normal;text-align:left;line-height:1.35;font-size:12px;font-weight:600;color:#eef1f7;background:linear-gradient(180deg,#2a3040,#1b2030);border:1px solid rgba(255,255,255,.06);padding:8px 11px;border-radius:9px;box-shadow:0 8px 24px #0a0e1847;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.sidebar-tab .sb-tip:after{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:#262d3b}.sidebar-tab:hover .sb-tip,.sidebar-tab:focus-visible .sb-tip{opacity:1;visibility:visible;transform:translateY(-50%) translate(0)}@media (prefers-reduced-motion: reduce){.sidebar-tab .sb-tip{transition:none}}.sidebar-tab .coming-soon-badge{margin-left:auto;font-size:8.5px;background:#fff4e5;color:#b7791f;border:1px solid #f6d9a8;padding:2px 6px;border-radius:999px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.sidebar-tab .premium-badge{margin-left:auto;font-size:8.5px;background:linear-gradient(135deg,#f6b545,#e6982f);color:#fff;padding:2px 7px;border-radius:999px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;box-shadow:0 2px 5px #e6982f66}.game-sidebar.collapsed .sidebar-tab{justify-content:center;padding:10px}.game-sidebar.collapsed .sidebar-tab:hover:not(.active):not(.disabled){transform:none}.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}.gd-fullpage{display:flex;align-items:center;justify-content:center;height:100vh;font-size:18px;color:#666}.gd-fullpage-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}.publish-success-modal{max-width:420px}.publish-success-body{text-align:center;padding:32px 24px 12px}.publish-success-icon{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:#f0fdf4;border:2px solid #bbf7d0;color:#16a34a;font-size:34px;font-weight:700;display:flex;align-items:center;justify-content:center}.publish-success-body h3{margin:0 0 8px;font-size:20px;font-weight:600;color:#1a1a1a}.publish-success-body p{margin:0;font-size:14px;line-height:1.5;color:#4a5568}.publish-success-actions{justify-content:center}.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;overflow-y:auto}.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:transparent;color:#fff}[data-theme=dark] .sidebar-tab.active .tab-icon{color:#c8ccff}[data-theme=dark] .sidebar-tab:hover:not(.active):not(.disabled) .tab-icon{color:#c8ccff}[data-theme=dark] .sb-indicator{background:linear-gradient(135deg,#7c3aed47,#7c3aed2e);border-color:#7c3aed73;box-shadow:0 4px 12px #00000059}[data-theme=dark] .sb-indicator:before{background:linear-gradient(180deg,#a78bfa,#7c3aed)}[data-theme=dark] .sidebar-tab.disabled{color:var(--text-muted)}[data-theme=dark] .sidebar-tab .sb-tip{border-color:#ffffff1f;box-shadow:0 8px 26px #00000080}[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}.modal-content.gta-modal{max-width:560px}.gta-note{color:#475467;font-size:14px}.gta-slots{display:flex;flex-direction:column;gap:14px}.gta-slot{border:1px solid #e2e8f0;border-radius:8px;padding:12px 14px}.gta-slot-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.gta-slot-name{font-weight:600;color:#1a1a1a;font-size:14px}.gta-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px}.gta-badge.ok{background:#d1fae5;color:#065f46}.gta-badge.missing{background:#fee2e2;color:#991b1b}.gta-preview{display:block;max-width:100%;max-height:180px;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:10px;background:#f8fafc}.gta-slot-actions{display:flex;gap:10px}.gta-slot-actions .gt-hbtn.disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.gta-error{margin-top:14px;padding:10px 12px;border-radius:6px;background:#fee2e2;border:1px solid #ef4444;color:#991b1b;font-size:13px}.gta-inherited-note{display:flex;align-items:flex-start;gap:10px;margin:0 0 14px;padding:12px 14px;border-radius:10px;font-size:13px;line-height:1.55;background:linear-gradient(180deg,#f6f9fe,#eef4fc);border:1px solid #cfe0f5;color:#35507a}.gta-inherited-note svg{flex:0 0 auto;width:17px;height:17px;color:#4a90e2;margin-top:1px}.spot{position:relative;width:100%;margin-bottom:22px;z-index:100;--btn: 44px;--gap: 6px;--rowgap: 12px;--actions-w: calc(var(--n, 4) * var(--btn) + (var(--n, 4) - 1) * var(--gap))}.spot-row{position:relative}.spot-shell{width:100%;border-radius:16px;background:#ffffffb8;-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);border:1px solid rgba(17,24,39,.09);box-shadow:0 2px 10px #1018280f;transition:width .24s cubic-bezier(.2,.7,.3,1),box-shadow .22s cubic-bezier(.2,.7,.3,1),border-color .22s ease}.spot.is-open .spot-shell{width:calc(100% - var(--actions-w) - var(--rowgap));border-color:#667eea61;box-shadow:0 18px 48px #10182826,0 0 0 4px #667eea1a}.spot-bar{display:flex;align-items:center;gap:12px;height:44px;padding:0 12px 0 15px}.spot-search-ico{display:flex;color:#9aa3b2;transition:color .2s ease}.spot-search-ico svg{width:18px;height:18px}.spot.is-open .spot-search-ico{color:#667eea}.spot-input{flex:1;min-width:0;border:none;background:transparent;outline:none;font-size:15px;font-weight:400;color:#14181f}.spot-input::placeholder{color:#9aa3b2}.spot-clear{flex:0 0 auto;width:26px;height:26px;border:none;border-radius:50%;background:#eceef4;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease}.spot-clear:hover{background:#dfe2ec;color:#374151}.spot-actions{position:absolute;top:0;bottom:0;right:0;display:flex;align-items:center;gap:var(--gap);opacity:0;transform:translate(10px);pointer-events:none;transition:opacity .24s cubic-bezier(.2,.7,.3,1),transform .24s cubic-bezier(.2,.7,.3,1)}.spot.is-open .spot-actions{opacity:1;transform:translate(0);pointer-events:auto}.spot-dd{position:relative}.spot-dd-btn{width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #d8dde7;background:#fff;color:#6b7280;cursor:pointer;box-shadow:0 1px 3px #1018280f;transition:border-color .15s ease,color .15s ease,background .15s ease,box-shadow .15s ease}.spot-dd-btn svg{width:18px;height:18px}.spot-dd-btn:hover{border-color:#b9c1d1;color:#111827;background:#f7f8fb}.spot-dd.open .spot-dd-btn{border-color:#667eea;color:#667eea;box-shadow:0 0 0 3px #667eea24}.spot-dd.active .spot-dd-btn{background:#eef0ff;border-color:#c7cbf5;color:#5b60c4}.spot-tip{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%) translateY(4px);z-index:70;padding:5px 9px;border-radius:8px;background:linear-gradient(180deg,#2a3040,#1b2030);color:#eef1f7;font-size:11.5px;font-weight:600;letter-spacing:.01em;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;box-shadow:0 8px 20px #10182847;transition:opacity .14s ease,transform .14s ease,visibility .14s}.spot-tip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1b2030}.spot-dd-btn:hover+.spot-tip,.spot-dd-btn:focus-visible+.spot-tip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.spot-dd.open .spot-tip{opacity:0!important;visibility:hidden!important}@media (prefers-reduced-motion: reduce){.spot-tip{transition:opacity .14s ease,visibility .14s}}.spot-dd-menu{position:absolute;top:calc(100% + 8px);right:0;left:auto;z-index:60;min-width:210px;max-height:320px;overflow-y:auto;padding:6px;background:#fff;border:1px solid #e6e8ef;border-radius:12px;box-shadow:0 16px 38px #1018282e;animation:spot-menu .16s cubic-bezier(.2,.7,.3,1)}@keyframes spot-menu{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.spot-dd-head{padding:4px 9px 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9aa3b2;border-bottom:1px solid #f0f1f5;margin-bottom:4px}.spot-dd-item{width:100%;display:flex;align-items:center;gap:8px;padding:8px 9px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:500;color:#374151;text-align:left;cursor:pointer;transition:background .12s ease}.spot-dd-item:hover{background:#f3f4f7}.spot-dd-item.selected{color:#5b60c4;font-weight:600}.spot-dd-check{flex:0 0 auto;width:16px;display:flex;color:#5b60c4}.spot-dd-check svg{width:15px;height:15px}.spot-dd-group{padding:9px 9px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#9aa3b2}.spot-dd-menu--search{display:flex;flex-direction:column;max-height:340px}.spot-dd-search{padding:0 2px 6px}.spot-dd-search-input{width:100%;box-sizing:border-box;height:32px;padding:0 10px;border:1px solid #e2e5ee;border-radius:8px;font-size:13px;color:#14181f;background:#f7f8fb;outline:none;transition:border-color .15s ease,background .15s ease}.spot-dd-search-input:focus{border-color:#667eea;background:#fff}.spot-dd-search-input::placeholder{color:#9aa3b2}.spot-dd-list{overflow-y:auto;max-height:260px}.spot-dd-empty{padding:14px 9px;text-align:center;font-size:12.5px;color:#9aa3b2}.spot-dr-menu{min-width:270px;max-height:none;overflow:visible}.spot-dr-summary{padding:2px 9px 10px;font-size:13px;font-weight:600;color:#374151}.spot-dr-nav{display:flex;align-items:center;justify-content:space-between;padding:0 4px 6px}.spot-dr-navbtn{width:26px;height:26px;border:none;border-radius:8px;background:transparent;color:#6b7280;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s ease,color .12s ease}.spot-dr-navbtn:hover{background:#f3f4f7;color:#14181f}.spot-dr-month{font-size:12.5px;font-weight:700;color:#374151}.spot-dr-week{display:grid;grid-template-columns:repeat(7,1fr);padding:0 4px;margin-bottom:2px}.spot-dr-week span{text-align:center;font-size:10.5px;font-weight:700;color:#9aa3b2;text-transform:uppercase}.spot-dr-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;padding:0 4px}.spot-dr-day{width:100%;aspect-ratio:1;border:none;background:transparent;border-radius:8px;font-size:12.5px;color:#374151;cursor:pointer;transition:background .12s ease,color .12s ease}.spot-dr-day:hover:not(.is-empty):not(.is-from):not(.is-to){background:#f3f4f7}.spot-dr-day.is-empty{visibility:hidden;cursor:default}.spot-dr-day.in-range{background:#667eea24;border-radius:0}.spot-dr-day.is-from{background:#667eea;color:#fff;font-weight:700;border-radius:8px 0 0 8px}.spot-dr-day.is-to{background:#667eea;color:#fff;font-weight:700;border-radius:0 8px 8px 0}.spot-dr-day.is-from.is-to{border-radius:8px}.spot-dr-actions{display:flex;justify-content:space-between;align-items:center;padding:10px 4px 2px;margin-top:6px;border-top:1px solid #f0f1f5}.spot-dr-clear{border:none;background:transparent;color:#6b7280;font-size:12.5px;font-weight:600;cursor:pointer;padding:6px 8px;border-radius:8px;transition:background .15s ease,color .15s ease}.spot-dr-clear:hover{background:#eceef4;color:#374151}.spot-dr-apply{border:none;background:#667eea;color:#fff;font-size:12.5px;font-weight:700;cursor:pointer;padding:7px 14px;border-radius:8px;transition:background .15s ease}.spot-dr-apply:hover{background:#5b58a5}.spot-badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}.spot-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 6px 6px 11px;border-radius:20px;background:#eef0ff;border:1px solid #d7dbf7;color:#4a4f9e;font-size:12.5px;animation:spot-menu .16s ease}.spot-badge-ico{display:flex;color:#7b80d4}.spot-badge-ico svg{width:13px;height:13px}.spot-badge-txt b{font-weight:700}.spot-badge-x{flex:0 0 auto;width:19px;height:19px;border:none;border-radius:50%;background:#667eea24;color:#5b60c4;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease}.spot-badge-x:hover{background:#667eea47}.spot-badge-x svg{width:12px;height:12px}.spot-clearall{border:none;background:transparent;color:#6b7280;font-size:12.5px;font-weight:600;cursor:pointer;padding:6px 10px;border-radius:8px;transition:background .15s ease,color .15s ease}.spot-clearall:hover{background:#eceef4;color:#374151}@media (prefers-reduced-motion: reduce){.spot-shell,.spot-actions,.spot-dd-menu,.spot-badge{animation:none;transition:none}}[data-theme=dark] .spot-shell{background:#20232cb8;border-color:#ffffff17}[data-theme=dark] .spot.is-open .spot-shell{border-color:#7c84f680;box-shadow:0 18px 48px #0000006b,0 0 0 4px #667eea29}[data-theme=dark] .spot-input{color:#e8eaf0}[data-theme=dark] .spot-input::placeholder{color:#8a93a6}[data-theme=dark] .spot-clear{background:#ffffff14;color:#c7ccd6}[data-theme=dark] .spot-clear:hover{background:#ffffff24}[data-theme=dark] .spot-dd-btn{background:#ffffff0d;border-color:#ffffff21;color:#c7ccd6}[data-theme=dark] .spot-dd-btn:hover{border-color:#ffffff3d;color:#fff;background:#ffffff17}[data-theme=dark] .spot-dd.active .spot-dd-btn{background:#7c84f638;border-color:#7c84f680;color:#c8ccff}[data-theme=dark] .spot-dd-menu{background:#22252e;border-color:#ffffff1a;box-shadow:0 16px 38px #00000080}[data-theme=dark] .spot-dd-head{color:#8a93a6;border-bottom-color:#ffffff14}[data-theme=dark] .spot-dd-item{color:#c7ccd6}[data-theme=dark] .spot-dd-item:hover{background:#ffffff12}[data-theme=dark] .spot-dd-item.selected,[data-theme=dark] .spot-dd-check{color:#c8ccff}[data-theme=dark] .spot-badge{background:#7c84f62e;border-color:#7c84f666;color:#c8ccff}[data-theme=dark] .spot-badge-ico{color:#a3a9ee}[data-theme=dark] .spot-clearall{color:#a3adbe}[data-theme=dark] .spot-clearall:hover{background:#ffffff14;color:#e8eaf0}[data-theme=dark] .spot-dd-search-input{background:#ffffff0f;border-color:#ffffff21;color:#e8eaf0}[data-theme=dark] .spot-dd-search-input:focus{border-color:#7c84f699;background:#ffffff17}[data-theme=dark] .spot-dd-search-input::placeholder{color:#8a93a6}[data-theme=dark] .spot-dd-empty{color:#8a93a6}[data-theme=dark] .spot-dr-summary{color:#e8eaf0}[data-theme=dark] .spot-dr-navbtn{color:#c7ccd6}[data-theme=dark] .spot-dr-navbtn:hover{background:#ffffff14;color:#fff}[data-theme=dark] .spot-dr-month{color:#e8eaf0}[data-theme=dark] .spot-dr-week span{color:#8a93a6}[data-theme=dark] .spot-dr-day{color:#c7ccd6}[data-theme=dark] .spot-dr-day:hover:not(.is-empty):not(.is-from):not(.is-to){background:#ffffff14}[data-theme=dark] .spot-dr-day.in-range{background:#7c84f638}[data-theme=dark] .spot-dr-day.is-from,[data-theme=dark] .spot-dr-day.is-to{background:#7c84f6;color:#14181f}[data-theme=dark] .spot-dr-actions{border-top-color:#ffffff14}[data-theme=dark] .spot-dr-clear{color:#a3adbe}[data-theme=dark] .spot-dr-clear:hover{background:#ffffff14;color:#e8eaf0}[data-theme=dark] .spot-dr-apply{background:#7c84f6;color:#14181f}[data-theme=dark] .spot-dr-apply:hover{background:#8f96fb}.modal-content.gtad-modal{width:min(1500px,96vw);max-width:min(1500px,96vw);max-height:92vh;display:flex;flex-direction:column}.gtad-title{display:flex;align-items:center;gap:12px;min-width:0}.gtad-title h2{margin:0;font-size:18px}.gtad-type{color:#5b58a5;font-family:ui-monospace,monospace;font-size:15px}.gtad-badge{font-size:10px;font-weight:700;letter-spacing:.02em;padding:2px 8px;border-radius:999px;text-transform:uppercase;white-space:nowrap}.gtad-badge.variant{background:#efe9fb;color:#6b46c1}.gtad-badge.required{background:#fdecec;color:#c0392b}.gtad-badge.optional{background:#eef1f4;color:#6b7280}.gtad-badge.inherited{background:#eef1f4;color:#8b8f98}.gtad-badge.overridden{background:#e6f4ea;color:#1e7e42}.gtad-body{flex:1;overflow:hidden;display:flex}.gtad-loading,.gtad-error,.gtad-empty{padding:40px;text-align:center;color:#8b8f98;width:100%}.gtad-error{color:#c0392b}.gtad-layout{display:flex;width:100%;min-height:0}.gtad-rail{width:180px;flex-shrink:0;border-right:1px solid #ececf3;padding:12px 8px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.gtad-rail-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:14px;color:#3a3650;text-align:left;transition:background .12s}.gtad-rail-item:hover{background:#f4f2fb}.gtad-rail-item.active{background:#5b58a5;color:#fff}.gtad-rail-count{font-size:11px;opacity:.7;background:#00000014;padding:1px 7px;border-radius:999px}.gtad-rail-item.active .gtad-rail-count{background:#ffffff38}.gtad-panel{flex:1;overflow-y:auto;padding:16px 20px;min-width:0}.gtad-inherit-note{font-size:12px;color:#6b6880;background:#f6f4fc;border:1px solid #e7e2f5;border-radius:8px;padding:8px 12px;margin-bottom:14px}.gtad-section-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#8b88a0;margin-bottom:8px}.gtad-section-label span{font-weight:500;text-transform:none;letter-spacing:0;color:#a7a4bb}.gtad-catdefaults{background:#faf9fe;border:1px solid #ece9f7;border-radius:12px;padding:12px 14px;margin-bottom:18px}.gtad-field-row{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.gtad-field{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#6b6880;font-weight:600}.gtad-field input,.gtad-field select{border:1.5px solid #e2dff0;border-radius:8px;padding:7px 9px;font-size:14px;color:#2a2740;width:92px}.gtad-field select{width:100px}.gtad-field input:focus,.gtad-field select:focus{outline:none;border-color:#8f8bd6;box-shadow:0 0 0 3px #6d6ac224}.gtad-x{font-size:16px;color:#b7b3d4;padding-bottom:8px}.gtad-check{display:flex;align-items:center;gap:9px;font-size:13px;color:#4a4664;cursor:pointer;padding-bottom:4px}.gtad-check input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;flex-shrink:0;width:38px;height:22px;border-radius:999px;background:#d7d3ea;position:relative;cursor:pointer;transition:background .18s ease}.gtad-check input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #14122d47;transition:transform .18s ease}.gtad-check input[type=checkbox]:checked{background:#6d6ac2}.gtad-check input[type=checkbox]:checked:after{transform:translate(16px)}.gtad-check input[type=checkbox]:focus-visible{outline:2px solid #8f8bd6;outline-offset:2px}.gtad-images-head{margin-bottom:12px}.gtad-images-head .spot{width:100%}.gtad-images{display:flex;flex-direction:column;gap:12px}.gtad-image{border:1px solid #ececf3;border-radius:12px;padding:12px 14px;transition:border-color .12s,box-shadow .12s}.gtad-image.overridden{border-color:#bfe3cc;box-shadow:0 0 0 1px #d9f0e1 inset}.gtad-image-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.gtad-image-name{font-family:ui-monospace,monospace;font-weight:700;font-size:14px;color:#2a2740}.gtad-size-chip{font-size:11px;font-weight:600;color:#5b58a5;background:#ece9f7;border-radius:999px;padding:2px 9px;white-space:nowrap}.gtad-revert{margin-left:auto;border:1px solid #e2dff0;background:#fff;color:#6b6880;font-size:12px;padding:4px 10px;border-radius:7px;cursor:pointer}.gtad-revert:hover{background:#f4f2fb;color:#3a3560}.gtad-desc,.gtad-usage{width:100%;box-sizing:border-box;border:1.5px solid #e2dff0;border-radius:9px;padding:8px 11px;font-size:13.5px;color:#2a2740;font-family:inherit;margin-bottom:8px;resize:vertical}.gtad-desc:focus,.gtad-usage:focus{outline:none;border-color:#8f8bd6;box-shadow:0 0 0 3px #6d6ac224}.gtad-override-toggle{font-size:12.5px;color:#6b6880}.gtad-override-row{margin-top:8px;padding:10px 12px;background:#faf9fe;border-radius:9px}.gtad-genkind{margin:4px 0 2px}.gtad-genkind-row{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.gtad-genkind .gtad-field select{width:240px}.gtad-genkind-from{flex:1;min-width:160px}.gtad-genkind-from input{width:100%;box-sizing:border-box;border:1.5px solid #e2dff0;border-radius:8px;padding:7px 9px;font-size:14px;color:#2a2740}.gtad-genkind-from input:focus{outline:none;border-color:#8f8bd6;box-shadow:0 0 0 3px #6d6ac224}.gtad-genkind-hint{margin:6px 0 0;font-size:12px;color:#6b6880}.gtad-genkind-hint strong{color:#5b58a5;font-family:ui-monospace,monospace}.gtad-footer-error{padding:10px 20px;color:#c0392b;font-size:13px;border-top:1px solid #f0dede;background:#fdf5f5}.gtad-footer-notice{padding:10px 20px;color:#1e7e42;font-size:13px;border-top:1px solid #d9f0e1;background:#f2fbf5}.gtad-rail-art{font-weight:700;color:#5b58a5}.gtad-rail-art.active{background:#5b58a5;color:#fff}.gtad-rail-sounds{font-weight:700;color:#2f7d6b}.gtad-rail-sounds.active{background:#2f7d6b;color:#fff}.gtad-art{display:flex;flex-direction:column}.gtad-art-label{display:block;font-size:12px;font-weight:700;color:#4a4664;margin:14px 0 5px}.gtad-art-label span{font-weight:500;color:#a7a4bb}.gtad-art-input,.gtad-art-textarea{width:100%;box-sizing:border-box;border:1.5px solid #e2dff0;border-radius:9px;padding:8px 11px;font-size:13.5px;color:#2a2740;font-family:inherit}.gtad-art-input:focus,.gtad-art-textarea:focus{outline:none;border-color:#8f8bd6;box-shadow:0 0 0 3px #6d6ac224}.gtad-art-textarea{resize:vertical}.gtad-art-palette{display:flex;flex-direction:column;gap:7px}.gtad-art-swatch{display:flex;align-items:center;gap:8px}.gtad-art-chip{width:22px;height:22px;border-radius:6px;border:1px solid #d7d3ea;flex-shrink:0}.gtad-art-pname{width:130px;border:1.5px solid #e2dff0;border-radius:8px;padding:6px 9px;font-size:13px}.gtad-art-pval{flex:1;min-width:0;border:1.5px solid #e2dff0;border-radius:8px;padding:6px 9px;font-size:13px}.gtad-art-prem{width:26px;height:26px;flex-shrink:0;border-radius:6px;border:1px solid #e2dff0;background:#fff;color:#b26a6a;cursor:pointer;font-size:16px;line-height:1}.gtad-art-padd{align-self:flex-start;margin-top:2px;border:1px dashed #cdc7ea;background:#faf9fe;color:#5b58a5;border-radius:8px;padding:6px 12px;font-size:12.5px;font-weight:600;cursor:pointer}.gtds-modal .gta-slots{display:flex;flex-direction:column;gap:10px}.gtds-modal .gta-slot{border:1px solid var(--border-primary, #e2e8f0);border-radius:8px;padding:10px 12px}.gtds-modal .gta-slot-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.gtds-modal .gta-slot-name{font-weight:600}.gtds-modal .gta-slot-actions{display:flex;gap:8px}.gtds-modal .gta-badge{font-size:11px;padding:2px 8px;border-radius:10px}.gtds-modal .gta-badge.ok{background:#dcfce7;color:#166534}.gtds-modal .gta-badge.inherited{background:#e0e7ff;color:#3730a3}.gtds-modal .gta-badge.missing{background:#fee2e2;color:#991b1b}.gtds-modal .gta-note{color:#667085;font-size:14px}.gtds-modal .gta-error{margin-top:12px;padding:10px 12px;border-radius:6px;background:#fee2e2;border:1px solid #ef4444;color:#991b1b;font-size:13px}.modal-content.gtda-modal{width:920px;max-width:95vw}.gtda-layout{display:grid;grid-template-columns:210px 1fr;min-height:340px}.gtda-nav{display:flex;flex-direction:column;gap:4px;padding:16px 12px;border-right:1px solid #ece9f5;background:#faf9fe}.gtda-nav-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:1px solid transparent;background:transparent;color:#5a5570;border-radius:10px;padding:10px 12px;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.gtda-nav-item:hover{background:#f1eefb;color:#4b47a8}.gtda-nav-item.active{background:#fff;color:#4b47a8;border-color:#e0dcf3;box-shadow:0 2px 10px #665abe1f}.gtda-nav-ico{display:inline-flex;color:#8a58c8;flex:0 0 auto}.gtda-nav-item:not(.active) .gtda-nav-ico{color:#a99fc4}.gtda-nav-label{min-width:0}.gtda-pane{padding:20px 22px 22px}.gtda-pane-head{margin-bottom:14px}.gtda-pane-head h3{margin:0 0 4px;font-size:15px;color:#2d2b40}.gtda-pane-sub{margin:0;font-size:12.5px;color:#8b88a0;line-height:1.5}.gtda-sync-msg{margin-top:12px;color:#1e7e42;font-weight:600;font-size:13px}.gtda-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;background:#18142880;display:grid;place-items:center;padding:20px}.gtda-confirm-card{width:420px;max-width:92vw;background:#fff;border-radius:14px;box-shadow:0 24px 70px #14102d66;padding:24px 24px 18px;text-align:center;animation:gtdaPop .16s ease}@keyframes gtdaPop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.gtda-confirm-icon{font-size:26px}.gtda-confirm-title{font-size:16px;font-weight:700;color:#2a2740;margin:8px 0}.gtda-confirm-msg{font-size:13px;color:#6b6880;line-height:1.55}.gtda-confirm-actions{display:flex;justify-content:center;gap:10px;margin-top:20px}.gta-slot-tags{display:inline-flex;align-items:center;gap:8px}.gta-fmt-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;letter-spacing:.02em;color:#3a2f7a;background:#ece9fb;border:1px solid #ddd7f5;border-radius:999px;padding:2px 9px}@media (max-width: 620px){.gtda-layout{grid-template-columns:1fr}.gtda-nav{flex-direction:row;border-right:none;border-bottom:1px solid #ece9f5;overflow-x:auto}}.modal-content.rhm-modal{width:min(720px,94vw);max-width:min(720px,94vw);max-height:88vh;display:flex;flex-direction:column}.rhm-body{padding:18px 22px 20px;display:flex;flex-direction:column;gap:14px}.rhm-lead{margin:0;font-size:13.5px;line-height:1.6;color:#3a3650}.rhm-lead code{font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px;padding:1px 6px;border-radius:5px;background:#eef1f5;color:#46506a}.rhm-muted{margin:0;font-size:12.5px;color:#8b88a0}.rhm-note{margin:0;font-size:12px;color:#8b88a0;line-height:1.55}.rhm-error{padding:10px 12px;border-radius:8px;background:#fee2e2;border:1px solid #ef4444;color:#991b1b;font-size:13px}.rhm-scope{display:flex;flex-direction:column;gap:8px;padding:13px 15px;border-radius:11px;background:#faf9fe;border:1px solid #ece9f5}.rhm-scope-row{display:flex;align-items:flex-start;gap:10px;font-size:12.5px;line-height:1.55;color:#4a4660}.rhm-scope-row--off{color:#8b88a0}.rhm-tick{color:#2e8b57;font-weight:700;flex:0 0 auto}.rhm-cross{color:#a9a5be;font-weight:700;flex:0 0 auto}.rhm-list{list-style:none;margin:0;padding:0;border:1px solid #ece9f5;border-radius:10px;overflow:hidden;max-height:320px;overflow-y:auto}.rhm-list li{display:flex;align-items:baseline;gap:12px;padding:8px 13px;font-size:12.5px}.rhm-list li+li{border-top:1px solid #f3f1fa}.rhm-name{color:#3a3650;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rhm-vers{margin-left:auto;color:#8b88a0;font-size:11.5px;text-align:right}.rhm-list--result li.good .rhm-vers{color:#2e8b57}.rhm-list--result li.skip{background:#fffaf2}.rhm-list--result li.skip .rhm-vers{color:#a06b28}.rhm-list--result li.bad{background:#fef4f4}.rhm-list--result li.bad .rhm-vers{color:#c8412b}.rhm-progress{display:flex;flex-direction:column;gap:7px}.rhm-bar{height:8px;border-radius:999px;background:#ece9f5;overflow:hidden}.rhm-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#7b57c8,#5b58a5);transition:width .25s ease}.rhm-foot{flex:0 0 auto;display:flex;justify-content:flex-end;gap:10px;padding:13px 20px;border-top:1px solid #ece9f5;background:#faf9fe}.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-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-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}.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 .monaco-editor{position:absolute!important;top:0;left:0;right:0;bottom:0}.variant-badge{display:inline-flex;align-items:center;gap:4px;margin:0 0 0 .6rem;padding:2px 8px;background:#fff3cd;border:1px solid #ffe08a;color:#856404;font-size:.7rem;font-weight:600;line-height:1.4;border-radius:999px;vertical-align:middle;white-space:nowrap}.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}.gtce-modal-overlay{padding:24px;z-index:1100}.modal-content.gtce-modal{width:min(1120px,96vw);max-width:1120px;height:88vh;max-height:88vh;padding:0;overflow:hidden;display:flex;flex-direction:column;border-radius:14px}.game-type-config-editor.gtce-embedded{position:relative;min-height:0;height:100%;padding:0;display:flex;flex-direction:column;background:#fff}.gtce-close{flex:0 0 auto;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:#fff;border:1px solid #e6e8ef;border-radius:50%;color:#374151;cursor:pointer;transition:background .15s ease}.gtce-close:hover{background:#eef0f6}.gtce-close svg{width:16px;height:16px}.gtce-embedded .config-editor-header{flex:0 0 auto;margin:0;padding:16px 22px 14px;border-bottom:1px solid #edeff3;align-items:center}.gtce-embedded .config-editor-header h1{font-size:1.15rem;margin:0}.gtce-embedded .variant-badge{margin:0 0 0 .5rem}.gtce-embedded .config-subtitle{margin:5px 0 0;font-size:.85rem;color:#8891a1}.gtce-embedded .config-editor-header .header-actions{display:flex;align-items:center;gap:10px}.gtce-embedded .config-toolbar{flex:0 0 auto;margin:0;padding:12px 22px;display:flex;align-items:center;justify-content:space-between}.gtce-embedded .config-editor-content{flex:1 1 auto;min-height:0;margin:0;padding:0 22px 20px;overflow:hidden}.gtce-embedded .config-editor-content .monaco-editor{height:100%!important;border-radius:10px;border:1px solid #e7e9ee}.gtce-embedded .json-preview{height:100%;border-radius:10px;border:1px solid #e7e9ee;background:#fbfcfe}.gtce-embedded .variant-overrides-section{flex:1 1 auto;min-height:0;overflow:auto;padding:16px 22px}.gtce-embedded .view-mode-toggle,.gtce-embedded .variant-view-toggle{display:inline-flex;background:#eef1f6;border-radius:9px;padding:3px;gap:2px;border:none}.gtce-embedded .view-mode-toggle .toggle-btn,.gtce-embedded .variant-view-toggle .toggle-btn{border:none;background:transparent;padding:6px 16px;font-size:.84rem;font-weight:600;color:#6b7280;border-radius:7px;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.gtce-embedded .view-mode-toggle .toggle-btn.active,.gtce-embedded .variant-view-toggle .toggle-btn.active{background:#fff;color:#2c3242;box-shadow:0 1px 3px #1418211f}.gtce-embedded .btn-format{border:1px solid #dfe3ea;background:#fff;color:#3a4150;padding:7px 14px;border-radius:8px;font-size:.84rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.gtce-embedded .btn-format:hover{background:#f6f8fb;border-color:#c7cdd8}.gtce-embedded .btn-save{border:none;background:linear-gradient(180deg,#5a9bf0,#4a90e2);color:#fff;padding:8px 18px;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #4a90e24d;transition:background .15s ease,box-shadow .15s ease}.gtce-embedded .btn-save:hover:not(:disabled){background:linear-gradient(180deg,#4a90e2,#3f7fd0);box-shadow:0 4px 12px #4a90e266}.gtce-embedded .btn-save:disabled{opacity:.6;cursor:default}.gtce-embedded .btn-cancel{border:1px solid #dfe3ea;background:#fff;color:#3a4150;padding:8px 16px;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s ease}.gtce-embedded .btn-cancel:hover{background:#f6f8fb}.editor-loading{display:flex;align-items:center;justify-content:center;height:100%;min-height:300px;color:#666;font-size:14px}.config-editor-body{display:flex;align-items:stretch;flex:1 1 auto;min-height:0}.config-sections{flex:0 0 210px;min-width:210px;overflow-y:auto;background:#f7f8fa;border-right:1px solid #e3e6ec;padding:12px 0 16px}.config-editor-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;min-height:0}.config-section-group{margin-bottom:14px}.config-section-group-title{display:flex;align-items:center;gap:6px;padding:6px 16px;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#97a0af}.config-section-count{background:#e3e6ec;color:#6b7280;border-radius:9px;padding:1px 7px;font-size:.66rem;font-weight:700;letter-spacing:0}.config-section-btn{display:block;width:100%;text-align:left;background:none;border:0;border-left:3px solid transparent;padding:7px 16px 7px 13px;font-size:.85rem;color:#4b5563;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.config-section-btn:hover{background:#eef0f4;color:#1f2937}.config-section-btn.active{background:#fff;border-left-color:#2563eb;color:#111827;font-weight:600}.config-section-btn:focus-visible{outline:2px solid #2563eb;outline-offset:-2px}.gtce-embedded .config-editor-body{flex:1 1 auto;min-height:0}.gtce-embedded .config-sections{flex-basis:190px;min-width:190px;padding-top:10px}.gtce-embedded .config-editor-main{min-width:0}.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-management .variant-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#fff3cd;border:1px solid #ffe08a;color:#856404;font-size:.7rem;font-weight:600;line-height:1.4;border-radius:999px;white-space:nowrap}.translations-management .variant-view-toggle{display:inline-flex;margin-left:auto;background:#eef1f6;border-radius:9px;padding:3px;gap:2px;border:none}.translations-management .toggle-btn{border:none;background:transparent;padding:6px 16px;font-size:.84rem;font-weight:600;color:#6b7280;border-radius:7px;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.translations-management .toggle-btn:hover:not(.active){color:#2c3242}.translations-management .toggle-btn.active{background:#fff;color:#2c3242;box-shadow:0 1px 3px #1418211f}.variant-mode-subtitle{display:flex;align-items:flex-start;gap:8px;margin:0 0 12px;padding:8px 11px;border-radius:8px;background:#f0f6ff;border:1px solid #d6e6fb;color:#3a5b82;font-size:12px;line-height:1.5}.variant-mode-subtitle svg{flex:0 0 auto;width:15px;height:15px;color:#4a90e2;margin-top:1px}.btn-reset{padding:8px 20px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-reset:hover:not(:disabled){background:#5a6268}.btn-reset:disabled{opacity:.65;cursor:not-allowed}.json-editor.read-only{background:#f1f3f5;color:#495057;cursor:not-allowed}.translations-container{display:flex;gap:20px;height:calc(100vh - 200px)}.languages-sidebar{width:224px;background:#fbfcfe;border:1px solid #eef0f4;border-radius:12px;padding:12px 10px;overflow-y:auto}.languages-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin:2px 4px 10px}.languages-sidebar h3{margin:0;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8891a1}.ls-count{font-size:10px;font-weight:700;letter-spacing:0;color:#6b7280;background:#eef0f4;border-radius:999px;padding:1px 6px}.btn-add-language{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#fff;color:#4a90e2;border:1px solid #cfe0f5;border-radius:999px;cursor:pointer;font-size:12px;font-weight:600;transition:background .15s,border-color .15s}.btn-add-language:hover{background:#eef4fc;border-color:#b9d4f2}.language-list{display:flex;flex-direction:column;gap:2px}.language-item{position:relative;width:100%;text-align:left;padding:7px 10px;background:transparent;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:9px;font:inherit;color:#1f2a37;transition:background .15s}.language-item:hover{background:#f2f5fa}.language-item.selected{background:#eef4fc}.language-item.selected .li-label{font-weight:600;color:#2c4a72}.language-item.selected:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:#4a90e2}.language-item:focus-visible{outline:2px solid #4a90e2;outline-offset:-2px}.li-dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#cbd5e1}.language-item.state-complete .li-dot{background:#10b981}.language-item.state-partial .li-dot{background:#f59e0b}.language-item.state-empty .li-dot{background:#ef4444}.language-item.state-none .li-dot{background:transparent;box-shadow:inset 0 0 0 1.5px #cbd5e1}.li-label{flex:1 1 auto;font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.li-meta{flex:0 0 auto;font-size:11px;font-weight:600;color:#9aa4b2;font-variant-numeric:tabular-nums}.language-item.state-complete .li-meta{color:#10b981}.li-bar{position:absolute;left:10px;right:10px;bottom:3px;height:2px;border-radius:2px;overflow:hidden}.language-item:not(.state-partial) .li-bar{display:none}.li-bar-fill{display:block;height:100%;border-radius:2px;background:#f59e0b;transition:width .2s}.ls-io{display:flex;gap:6px;margin:0 2px 8px}.ls-io-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 8px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;font-size:11.5px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.ls-io-btn svg{width:14px;height:14px}.ls-io-btn:hover:not(:disabled){background:#f2f5fa;border-color:#cfe0f5;color:#2c4a72}.ls-io-btn:disabled{opacity:.5;cursor:not-allowed}.modal-content.ti-modal{max-width:560px;width:100%}.ti-hint{margin:0 0 14px;font-size:12.5px;line-height:1.5;color:#5b6472}.ti-hint code{background:#eef1f6;border-radius:4px;padding:1px 5px;font-size:.92em;color:#384252}.ti-dropzone{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 16px;border:1.5px dashed #cdd6e3;border-radius:12px;background:#fafbfe;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.ti-dropzone:hover{border-color:#9db9e6;background:#f5f8fe}.ti-dropzone.active{border-color:#4a90e2;background:#eef4fc}.ti-dropzone svg{width:30px;height:30px;color:#9db1cf}.ti-dz-title{font-size:13.5px;font-weight:600;color:#374151}.ti-dz-link{color:#4a90e2;text-decoration:underline}.ti-dz-sub{font-size:11.5px;color:#97a1b0}.ti-list{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:260px;overflow-y:auto}.ti-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #e8ebf1;border-radius:9px;background:#fff}.ti-item.ti-invalid,.ti-item.ti-failed{border-color:#f2c8c8;background:#fdf5f5}.ti-item.ti-done{border-color:#cdeede;background:#f4fbf7}.ti-check{width:15px;height:15px;flex:0 0 auto;accent-color:#4a90e2}.ti-item-main{flex:1 1 auto;min-width:0}.ti-item-top{display:flex;align-items:baseline;gap:8px}.ti-item-name{font-size:13px;font-weight:600;color:#1f2a37;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ti-item-lang{font-size:11px;color:#8891a1;white-space:nowrap}.ti-item-meta{font-size:11.5px;color:#6b7280;margin-top:1px}.ti-bad{color:#c0392b}.ti-ok{color:#10b981;font-weight:600}.ti-remove{flex:0 0 auto;width:22px;height:22px;border:none;background:transparent;color:#9aa4b2;font-size:16px;line-height:1;border-radius:6px;cursor:pointer}.ti-remove:hover:not(:disabled){background:#f0f2f6;color:#4b5563}.ti-remove:disabled{opacity:.4;cursor:not-allowed}.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-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-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}.translations-management.tm-embedded{padding:0;margin:0;max-width:none;width:100%;min-height:0;height:100%;display:flex;flex-direction:column;background:#fff}.tm-embedded .header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:16px 22px 14px;border-bottom:1px solid #edeff3}.tm-embedded .header h1{margin:0;font-size:1.15rem}.tm-embedded .translations-container{flex:1 1 auto;min-height:0;height:auto;margin:0;padding:18px 22px 22px;overflow:hidden}.tm-embedded .editor-panel{min-width:0}.tm-embedded .languages-sidebar{flex:0 0 224px}.tm-close{flex:0 0 auto;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:#fff;border:1px solid #e6e8ef;border-radius:50%;color:#374151;cursor:pointer;transition:background .15s ease}.tm-close:hover{background:#eef0f6}.tm-close svg{width:16px;height:16px}.game-types-management{max-width:1400px;margin:0 auto;padding:20px 30px 40px}.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}.game-types-management .page-header{gap:16px;margin-bottom:24px}.game-types-management .page-header h2{margin:0;font-size:24px;font-weight:800;letter-spacing:-.01em;color:#14181f}.game-types-management .page-header .page-subtitle{margin:4px 0 0;font-size:13.5px;color:#8a93a6}.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}.game-type-actions button{padding:.3rem .65rem}.game-type-body{display:flex;align-items:stretch;gap:16px}.game-type-body .game-type-details{flex:1;min-width:0}.game-type-corner-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.game-type-corner-actions .btn-export{height:34px;padding:0 16px;display:inline-flex;align-items:center}.game-type-corner-actions .btn-delete,[data-theme=dark] .game-type-corner-actions .btn-delete{height:34px;width:42px;padding:0;font-size:1rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;background:#ef6a6a;color:#fff;border:none;border-radius:4px;transition:background .15s}.game-type-corner-actions .btn-delete:hover,[data-theme=dark] .game-type-corner-actions .btn-delete:hover{background:#e85555}.game-type-corner-actions .btn-delete .btn-delete-icon{width:15px;height:15px;display:block}.game-types-management .page-header .btn-large{padding:9px 18px;font-size:14px;border-radius:8px;box-shadow:0 2px 6px #00000014}.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}.btn-regen{display:inline-flex;align-items:center;gap:5px;margin-left:10px;padding:2px 9px;font-size:.8rem;font-weight:500;color:#495057;background:#f1f3f5;border:1px solid #dee2e6;border-radius:5px;cursor:pointer;vertical-align:middle;transition:all .15s}.btn-regen:hover:not(:disabled){background:#e9ecef;border-color:#ced4da}.btn-regen:disabled{opacity:.6;cursor:default}.btn-regen-icon{width:13px;height:13px;flex-shrink:0}.btn-regen-icon.spin{animation:btn-regen-spin .9s linear infinite}@keyframes btn-regen-spin{to{transform:rotate(360deg)}}.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-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;padding:2rem;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.modal-content.gt-scroll-modal{padding:0;display:flex;flex-direction:column;overflow:hidden}.modal-content.gt-scroll-modal .modal-header{flex:0 0 auto;margin:0;padding:1.5rem 2rem 1rem}.modal-content.gt-scroll-modal .game-type-form,.modal-content.gt-scroll-modal .modal-form{flex:1 1 auto;min-height:0;overflow-y:auto;padding:1.5rem 2rem 2rem}.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}.modal-close-btn:hover{color:#333}.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-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-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-export{background:#495057;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem}.btn-export:hover{background:#343a40}.import-conflicts{display:flex;flex-direction:column;gap:8px;margin:16px 0;max-height:50vh;overflow-y:auto}.import-conflict-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc}.import-conflict-info strong{font-family:monospace}.import-conflict-name{font-size:12px;color:#868e96;margin-top:2px}.import-variant-tag{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:10px;font-size:11px;font-weight:600;background:#e7f0fd;color:#1c6bd4}.import-conflict-row select{padding:5px 8px;border:1px solid #ced4da;border-radius:5px;font-size:13px;flex-shrink:0}.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}.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}.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}.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}.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}.gt-delete-usage{margin-top:10px;font-size:13px;text-align:left}.gt-delete-usage-ok{color:#16a34a;font-weight:600}.gt-delete-usage-warning{background:#fff7ed;border:1px solid #fdba74;border-radius:8px;padding:10px 12px}.gt-delete-usage-title{color:#b45309;font-weight:700;margin-bottom:8px}.gt-delete-usage-list{margin:0;padding:0;list-style:none;max-height:200px;overflow-y:auto}.gt-delete-usage-list li{padding:4px 0;border-bottom:1px solid #fde3c6;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}.gt-delete-usage-list li:last-child{border-bottom:none}.gt-usage-name{font-weight:600;color:#1f2937}.gt-usage-meta{color:#9a6b3f;font-size:12px}.gt-usage-more{color:#b45309;font-style:italic}.template-path-inline{display:inline-block;font-family:Courier New,monospace;background:#f5f5f5;padding:.25rem .5rem;border-radius:3px;font-size:.85rem;color:#666;margin-left:.5rem;word-break:break-all}.gt-header-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.gt-header-actions .status-badge{margin-left:0}.gt-menu{position:relative;flex:0 0 auto}.gt-menu-trigger{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #e2e4e9;border-radius:8px;background:#fff;color:#5a6270;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.gt-menu-trigger svg{width:18px;height:18px}.gt-menu-trigger:hover{background:#f4f6f9;border-color:#cdd2da;color:#2c3242}.gt-menu.open .gt-menu-trigger{background:#eef1f6;border-color:#b9c0cb;color:#2c3242}.gt-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:40;min-width:212px;padding:6px;background:#fff;border:1px solid #e7e9ee;border-radius:10px;box-shadow:0 12px 32px #14182129;animation:gtMenuIn .13s ease}@keyframes gtMenuIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.gt-menu-section{display:flex;flex-direction:column;gap:2px}.gt-menu-divider{height:1px;margin:6px 4px;background:#edeff3}.gt-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:none;border-radius:7px;background:transparent;color:#2c3242;font-size:.88rem;font-weight:500;text-align:left;cursor:pointer;transition:background .12s ease,color .12s ease}.gt-menu-item svg{width:17px;height:17px;flex:0 0 auto;color:#7a828f;transition:color .12s ease}.gt-menu-item:hover{background:#f2f5fa}.gt-menu-item:hover svg{color:#4a90e2}.gt-menu-item:disabled{opacity:.5;cursor:not-allowed}.gt-menu-item:disabled:hover{background:transparent}.gt-menu-item:disabled:hover svg{color:#7a828f}.gt-menu-item.success{color:#1e7e34}.gt-menu-item.success svg{color:#28a745}.gt-menu-item.success:hover{background:#e9f7ee}.gt-menu-item.danger{color:#c8412b}.gt-menu-item.danger svg{color:#e0563e}.gt-menu-item.danger:hover{background:#fdece8}.gt-menu-item.danger:hover svg{color:#e0563e}.gt-template-thumb{order:-1;flex:0 0 auto;align-self:stretch;display:flex;align-items:stretch;gap:12px;min-width:300px;max-width:380px;padding:10px;background:#f7f8fb;border:1px solid #e7e9ee;border-radius:12px;box-shadow:0 1px 2px #1418210d;transition:box-shadow .15s ease,border-color .15s ease}.gt-template-thumb:hover{border-color:#d5d9e0;box-shadow:0 6px 16px #1418211a}.gt-template-avatar{position:relative;overflow:hidden;flex:0 0 auto;align-self:stretch;aspect-ratio:1 / 1;min-width:46px;max-width:168px;border:none;padding:0;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:inherit;font-weight:700;font-size:1.2rem;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.18);box-shadow:inset 0 0 0 1px #ffffff2e}button.gt-template-avatar{cursor:pointer}button.gt-template-avatar:focus-visible{outline:2px solid #4a90e2;outline-offset:2px}.gt-template-avatar-initial{position:relative;z-index:0}.gt-template-avatar-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:contain;border-radius:inherit;background:#fff}.gt-template-avatar-edit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;background:#12161e94;color:#fff;border-radius:inherit;opacity:0;transition:opacity .15s ease}.gt-template-avatar-edit svg{width:18px;height:18px}button.gt-template-avatar:hover .gt-template-avatar-edit,button.gt-template-avatar:focus-visible .gt-template-avatar-edit{opacity:1}.gt-stats{display:flex;flex-wrap:wrap;gap:10px}.gt-stat{flex:1 1 150px;min-width:150px;padding:10px 12px 11px;background:linear-gradient(180deg,#f9fafc,#f3f5f9);border:1px solid #eaecf2;border-radius:11px}.gt-stat-head{display:flex;align-items:center;gap:6px;margin-bottom:7px}.gt-stat-icon{width:15px;height:15px;color:#98a0b0;flex:0 0 auto}.gt-stat-label{font-size:.66rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#8891a1}.gt-stat-value{display:flex;align-items:baseline;gap:6px;font-size:1.25rem;font-weight:700;line-height:1.1;color:#2c3242}.gt-stat-unit{font-size:.78rem;font-weight:500;color:#9aa1ac}.gt-stat-ok{font-size:.92rem;font-weight:600;color:#1e7e34}.gt-stat-pending{font-size:.92rem;font-weight:500;color:#b26a00}.gt-stat .btn-regen{margin:9px 0 0}button.gt-stat-assetdefs{cursor:pointer;text-align:left;font:inherit;transition:border-color .15s,box-shadow .15s,background .2s}button.gt-stat-assetdefs:hover{border-color:#c9cdf0;box-shadow:0 3px 10px #5b58a524}.gt-stat-assetdefs .gt-stat-arrow{width:14px;height:14px;color:#b7b3d4;margin-left:auto;opacity:0;transition:opacity .15s}.gt-stat-assetdefs:hover .gt-stat-arrow{opacity:1}.gt-adp-bar{height:6px;border-radius:999px;background:#e7e9f2;overflow:hidden;margin-top:8px}.gt-adp-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#6d6ac2,#8a58c8);transition:width .4s ease}.gt-adp-pct{font-size:.72rem;font-weight:600;color:#7a7f99;margin-top:5px}.gt-stat-assetdefs.is-complete{background:linear-gradient(180deg,#f0faf3,#e7f6ec);border-color:#bfe3cc}.gt-stat-assetdefs.is-complete .gt-stat-icon{color:#29a35a}.gt-stat-assetdefs.is-complete .gt-adp-bar{background:#cdeed7}.gt-stat-assetdefs.is-complete .gt-adp-bar span{background:linear-gradient(90deg,#29a35a,#1e7e42)}.gt-stat-assetdefs.is-complete .gt-adp-pct{color:#1e7e42}.gt-tooltip-cats{width:258px;transform:translate(-30px) translateY(4px)}.gt-tooltip-cats:after{left:30px}.gt-info-tip:hover .gt-tooltip-cats,.gt-info-tip:focus-within .gt-tooltip-cats{transform:translate(-30px) translateY(0)}.gt-tooltip-title{display:block;font-weight:700;font-size:.72rem;margin-bottom:7px;color:#fff}.gt-tooltip-chips{display:flex;flex-wrap:wrap;gap:4px}.gt-tooltip-chip{display:inline-block;padding:2px 7px;background:#ffffff1f;border:1px solid rgba(255,255,255,.15);border-radius:999px;font-size:.7rem;font-weight:500;color:#eef1f6;font-family:Courier New,monospace}.gt-tooltip-note{display:block;margin-top:8px;padding-top:7px;border-top:1px solid rgba(255,255,255,.13);font-size:.68rem;line-height:1.4;color:#b9c0cc}.gt-template-meta{display:flex;flex-direction:column;justify-content:center;min-width:0;gap:1px}.gt-template-caption{font-size:.62rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#9aa1ac;margin-bottom:3px}.gt-template-name{font-weight:600;font-size:.9rem;color:#2c3242;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gt-template-id{font-family:Courier New,monospace;font-size:.74rem;color:#8a8f98;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gt-template-thumb.empty{border-style:dashed;background:#fbfbfc}.gt-template-thumb.empty .gt-template-avatar{background:#eceef2;color:#b6bcc6;text-shadow:none;box-shadow:inset 0 0 0 1px #0000000a}.gt-info-tip{position:relative;display:inline-flex;align-items:center;margin-left:5px;color:#b0b4bb;cursor:help;vertical-align:middle;outline:none}.gt-info-tip .gt-info-icon{width:14px;height:14px}.gt-info-tip:hover .gt-info-icon,.gt-info-tip:focus-visible .gt-info-icon{color:#4a90e2}.gt-tooltip{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%) translateY(4px);width:230px;background:#2c3242;color:#fff;padding:8px 10px;border-radius:6px;font-size:.76rem;font-weight:400;line-height:1.45;text-align:left;white-space:normal;box-shadow:0 6px 20px #00000038;opacity:0;visibility:hidden;transition:opacity .15s ease,transform .15s ease;z-index:30;pointer-events:none}.gt-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#2c3242}.gt-info-tip:hover .gt-tooltip,.gt-info-tip:focus-within .gt-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.gt-header-btns{display:flex;gap:10px;flex-wrap:wrap}.gt-hbtn{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:9px;font-size:.9rem;font-weight:600;cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,transform .05s ease}.gt-hbtn svg{width:16px;height:16px;flex:0 0 auto}.gt-hbtn:active:not(:disabled){transform:translateY(.5px)}.gt-hbtn:disabled{opacity:.55;cursor:not-allowed}.gt-hbtn-ghost{background:#fff;border-color:#dfe3ea;color:#3a4150}.gt-hbtn-ghost:hover:not(:disabled){background:#f6f8fb;border-color:#c7cdd8;box-shadow:0 2px 6px #1418210f}.gt-hbtn-primary{background:linear-gradient(180deg,#5a9bf0,#4a90e2);color:#fff;box-shadow:0 2px 8px #4a90e252}.gt-hbtn-primary:hover:not(:disabled){background:linear-gradient(180deg,#4a90e2,#3f7fd0);box-shadow:0 4px 12px #4a90e266}.gt-hbtn-danger{background:#fff;border-color:#f0c2c2;color:#c8412b}.gt-hbtn-danger:hover:not(:disabled){background:#fdece8;border-color:#e6a9a0;box-shadow:0 2px 6px #c8412b1f}.gt-variant-edit-note{margin:1rem 2rem;padding:.6rem .9rem;background:#f0f6ff;border:1px solid #d6e6fb;border-radius:6px;color:#3a5b82;font-size:.85rem;line-height:1.4}.gt-override-label{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-weight:600;color:#555}.gt-override-marker{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:#4a90e2;text-transform:uppercase;letter-spacing:.02em}.gt-override-dot{width:7px;height:7px;border-radius:50%;background:#4a90e2;flex:0 0 auto}.gt-override-reset{background:none;border:none;padding:0;color:#999;font-size:.78rem;font-weight:600;text-transform:none;letter-spacing:normal;text-decoration:underline;cursor:pointer}.gt-override-reset:hover{color:#333}.form-group input::placeholder,.form-group textarea::placeholder{color:#b7bcc6;font-style:italic;opacity:1}.gt-merged-view-panel{background:#f7f8fa;border:1px solid #e2e5eb;border-radius:6px;padding:1rem}.gt-merged-view-panel pre{margin:0;font-family:Courier New,monospace;font-size:12px;line-height:1.5;color:#333;white-space:pre-wrap;word-wrap:break-word;max-height:60vh;overflow-y:auto}.modal-header-actions{display:flex;align-items:center;gap:10px}.modal-header-actions .modal-close-btn{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e6e8ef;border-radius:50%;color:#374151;font-size:18px;line-height:1;cursor:pointer;transition:background .15s ease}.modal-header-actions .modal-close-btn:hover{background:#eef0f6}.gt-tree-group{display:block}.gt-variants{position:relative;margin:16px 0 0 36px;padding-left:26px;border-left:2px solid #e2d9f6;display:flex;flex-direction:column;gap:16px}.gt-variant-item{position:relative}.gt-variant-item:before{content:"";position:absolute;left:-26px;top:42px;width:24px;height:2px;background:#e2d9f6}.gt-variant-item>.game-type-card{border-left:3px solid #c4b5fd}.status-badge.variant{background:#f3eefe;color:#7c3aed;border:1px solid #e0d4fb;text-transform:none}.gt-stat-games{cursor:pointer;font:inherit;color:inherit;text-align:left;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease}.gt-stat-games:hover{border-color:#b9c1d1;background:linear-gradient(180deg,#fbfcfe,#eef2f9);box-shadow:0 5px 14px #10182812;transform:translateY(-1px)}.gt-stat-games:focus-visible{outline:2px solid #4a90e2;outline-offset:2px}.gt-stat-arrow{width:15px;height:15px;margin-left:auto;color:#b3bac7;transition:color .15s ease,transform .15s ease}.gt-stat-games:hover .gt-stat-arrow{color:#4a90e2;transform:translate(2px)}.gt-stat-parent .gt-parent-value{flex-direction:column;align-items:flex-start;gap:4px;font-size:.95rem}.gt-parent-name{font-weight:700;color:#2c3242;font-size:.92rem}.gt-parent-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;color:#7c3aed;background:#f3eefe;border:1px solid #e0d4fb;border-radius:6px;padding:2px 7px}.gt-stat-games-empty{cursor:default}.gt-stat-games-empty:hover{border-color:#eaecf2;background:linear-gradient(180deg,#f9fafc,#f3f5f9);box-shadow:none;transform:none}.gt-stat-games-empty .gt-stat-value{color:#9aa3b2}.shared-resources{max-width:1400px;margin:0 auto;padding:20px 30px 40px;position:relative;color:#14181f}.sr-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;margin-bottom:22px}.sr-title{margin:0;font-size:24px;font-weight:800;letter-spacing:-.01em;color:#14181f}.sr-subtitle{margin:4px 0 0;font-size:13.5px;color:#8a93a6}.sr-scope{display:inline-flex;gap:4px;padding:5px;background:#eef1f5;border:1px solid #e3e7ef;border-radius:13px;box-shadow:inset 0 1px 2px #1018280a}.sr-scope-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border:none;background:transparent;border-radius:9px;font-size:13px;font-weight:600;color:#6b7280;white-space:nowrap;cursor:pointer;transition:color .15s ease,background .15s ease,box-shadow .15s ease}.sr-scope-btn svg{width:15px;height:15px;opacity:.85}.sr-scope-btn:hover:not(.active){color:#374151;background:#fff9}.sr-scope-btn.active{color:#5b60c4;background:#fff;box-shadow:0 1px 2px #1018281a,0 3px 8px #1018280f}.sr-scope-btn.active svg{color:#5b60c4;opacity:1}.sr-scopebar{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding:12px 16px;background:linear-gradient(180deg,#f7f8fc,#f1f3fa);border:1px solid #e6e9f2;border-radius:14px}.sr-scopebar-label{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:#5b60c4}.sr-scopebar-label svg{width:15px;height:15px}.gt-type-dd{position:relative;display:inline-block}.gt-type-trigger{display:inline-flex;align-items:center;gap:12px;min-width:260px;max-width:380px;height:44px;padding:0 14px 0 16px;border:1px solid #d8dde7;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.gt-type-trigger:hover{border-color:#b6bcc7}.gt-type-dd.open .gt-type-trigger{border-color:#5b60c4;box-shadow:0 0 0 3px #5b60c426}.gt-type-cur{display:flex;flex-direction:column;align-items:flex-start;gap:1px;flex:1;min-width:0}.gt-type-cur-name{font-size:13.5px;font-weight:600;color:#14181f;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gt-type-cur-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#8a93a6}.gt-type-chev{width:16px;height:16px;color:#9aa3b2;flex:0 0 auto;transition:transform .15s ease}.gt-type-dd.open .gt-type-chev{transform:rotate(180deg)}.gt-type-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:60;min-width:100%;max-width:420px;max-height:340px;overflow-y:auto;padding:6px;background:#fff;border:1px solid #e6e8ef;border-radius:12px;box-shadow:0 16px 38px #10182829;animation:gt-type-pop .14s ease}@keyframes gt-type-pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.gt-type-option{display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;border:none;background:transparent;border-radius:9px;cursor:pointer;text-align:left;transition:background .12s ease}.gt-type-option:hover{background:#f3f4f7}.gt-type-option.selected{background:#f2f0fe}.gt-type-option-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.gt-type-option-name{font-size:13.5px;font-weight:600;color:#14181f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gt-type-option-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:#8a93a6}.gt-type-option.selected .gt-type-option-id{color:#5b60c4}.gt-type-check{width:16px;height:16px;color:#5b60c4;flex:0 0 auto}.sr-tabs{display:inline-flex;gap:4px;padding:5px;background:#eef1f5;border:1px solid #e3e7ef;border-radius:14px;box-shadow:inset 0 1px 2px #1018280a;margin-bottom:24px;max-width:100%;overflow-x:auto;scrollbar-width:none}.sr-tabs::-webkit-scrollbar{display:none}.sr-tab{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:none;background:transparent;border-radius:10px;font-size:13.5px;font-weight:600;color:#6b7280;white-space:nowrap;cursor:pointer;transition:color .15s ease,background .15s ease,box-shadow .15s ease}.sr-tab-ico{display:inline-flex;opacity:.9}.sr-tab-ico svg{width:16px;height:16px}.sr-tab:hover:not(.active){color:#374151;background:#fff9}.sr-tab.active{color:#2f6fb3;background:#fff;box-shadow:0 1px 2px #1018281a,0 3px 8px #1018280f}.sr-tab.active .sr-tab-ico{color:#4a90e2;opacity:1}.sr-tab:focus-visible{outline:2px solid #4a90e2;outline-offset:2px}.sr-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.sr-count{font-size:13px;font-weight:600;color:#8a93a6;white-space:nowrap}.sr-toolbar-actions{display:flex;align-items:center;gap:10px}.sr-search{display:flex;align-items:center;gap:8px;flex:1 1 240px;max-width:440px;height:38px;padding:0 12px;border:1px solid #e2e8f0;border-radius:10px;background:#f8f9fc;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.sr-search:focus-within{border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea26}.sr-search-ico{color:#94a0b8;flex:0 0 auto}.sr-search-input{flex:1 1 auto;border:none;outline:none;background:transparent;font-size:13.5px;color:#2d3748}.sr-search-clear{flex:0 0 auto;border:none;background:#e6e9f2;color:#6b7280;width:18px;height:18px;border-radius:50%;font-size:13px;line-height:1;cursor:pointer;padding:0}.sr-search-clear:hover{background:#d7dbec}.sr-tag-hint{font-size:12px;color:#94a0b8;margin:8px 0 0}.sr-upload-label{cursor:pointer}.sr-upload-label.is-busy{opacity:.7;pointer-events:none}.resources-content{min-height:360px}.sr-state{display:flex;justify-content:center;align-items:center;min-height:320px;font-size:14px;color:#8a93a6}.sr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:320px;color:#98a2b3;text-align:center}.sr-empty svg{color:#c4cbd8;margin-bottom:4px}.sr-empty-title{margin:0;font-size:15px;font-weight:700;color:#6b7280}.sr-empty-hint{margin:0;font-size:13px;color:#9aa4b2}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:18px}.resource-card{background:#fff;border:1px solid #eaedf4;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px #1018280a;transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease}.resource-card:hover{box-shadow:0 10px 26px #1018281a;border-color:#dfe3ee;transform:translateY(-1px)}.resource-preview{position:relative;width:100%;height:158px;background:linear-gradient(180deg,#f7f8fb,#eef1f6);display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #eef0f6}.resource-preview img{max-width:100%;max-height:100%;object-fit:contain}.resource-icon{color:#b6c0d2}.resource-icon svg{width:46px;height:46px}.resource-info{padding:14px 15px 12px}.resource-name{font-weight:700;font-size:14px;color:#14181f;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-meta{font-size:12.5px;color:#8a93a6;margin-bottom:6px}.resource-date{font-size:12px;color:#9aa4b2;margin-bottom:8px}.resource-path{margin-top:8px}.resource-path code{font-size:11px;background:#f5f7fb;border:1px solid #eef0f6;padding:5px 8px;border-radius:7px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6b7280;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.resource-actions{display:flex;gap:8px;padding:11px 15px;border-top:1px solid #f0f2f7;background:#fbfcfe}.sr-cardbtn{flex:1;height:34px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e6ee;border-radius:9px;color:#6b7280;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.sr-cardbtn svg{width:16px;height:16px}.sr-cardbtn:hover{background:#eef4fc;border-color:#cfe0f5;color:#2f6fb3}.sr-cardbtn.rename:hover{background:#fff7ec;border-color:#f6d9a8;color:#b7791f}.sr-cardbtn.danger:hover{background:#fdeceb;border-color:#f4c4bf;color:#c8412b}.resource-files-count{font-weight:700;color:#4a90e2;font-size:12.5px}.resource-files-list{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.file-extension{background:#eef4fc;color:#2f6fb3;padding:3px 8px;border-radius:6px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;border:1px solid #d6e6f8}.drag-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#4a90e2f0;z-index:9999;display:flex;align-items:center;justify-content:center;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drag-overlay-content{text-align:center;color:#fff}.drag-icon{display:flex;justify-content:center;margin-bottom:16px;animation:sr-bounce 1s infinite}.drag-icon svg{width:64px;height:64px}.drag-text{font-size:28px;font-weight:700;margin-bottom:8px}.drag-hint{font-size:16px;opacity:.92}@keyframes sr-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.modal-close{display:inline-flex;align-items:center;justify-content:center}.modal-close svg{width:16px;height:16px}.rename-modal{max-width:440px;width:100%}.rename-modal-body{padding:22px 24px;display:flex;flex-direction:column;gap:8px}.rename-label{font-size:13.5px;font-weight:600;color:#374151}.rename-input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #d8dde7;border-radius:10px;font-size:14px;transition:all .15s}.rename-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e226}.rename-error{color:#c8412b;font-size:13px}.delete-modal{max-width:540px;width:100%}.delete-modal-body{padding:22px 24px;display:flex;flex-direction:column;gap:12px;font-size:14px;color:#374151;line-height:1.5}.delete-usage-checking{color:#6b7280;font-size:13px}.delete-usage-ok{display:inline-flex;align-items:center;gap:7px;color:#22a862;font-size:13px;font-weight:600}.delete-usage-ok svg{width:15px;height:15px}.delete-usage-warning{background:#fdeceb;border:1px solid #f4c4bf;border-radius:10px;padding:12px 14px}.delete-usage-title{display:flex;align-items:center;gap:7px;color:#c8412b;font-weight:700;font-size:13px;margin-bottom:8px}.delete-usage-title svg{width:15px;height:15px;flex:0 0 auto}.delete-usage-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto}.delete-usage-item{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:#fff;border:1px solid #f2d7d3;border-radius:8px}.dg-name{font-weight:700;color:#14181f;font-size:13px}.dg-meta{font-size:12px;color:#6b7280}.upload-modal{max-width:560px;width:100%}.upload-modal-body{padding:22px 24px;display:flex;flex-direction:column;gap:16px}.upload-info{background:linear-gradient(180deg,#f6f9fe,#eef4fc);border:1px solid #dbe6f7;border-radius:12px;padding:12px 14px;font-size:13px;color:#35507a}.upload-info-title{font-weight:700;margin-bottom:6px}.upload-info-list{margin:0 0 6px;padding-left:18px;line-height:1.7}.upload-info-list code{background:#35507a1a;padding:1px 5px;border-radius:4px;font-size:12px}.upload-info-hint{color:#5b7aa8}.upload-dropzone{border:2px dashed #cfd6e2;border-radius:12px;padding:26px 16px;text-align:center;color:#6b7280;font-size:14px;cursor:pointer;transition:all .15s}.upload-dropzone:hover,.upload-dropzone.dragging{border-color:#4a90e2;background:#f4f8ff;color:#2f6fb3}.upload-dropzone-icon{display:flex;justify-content:center;margin-bottom:8px;color:#9db1cf}.upload-dropzone-icon svg{width:26px;height:26px}.upload-dropzone:hover .upload-dropzone-icon,.upload-dropzone.dragging .upload-dropzone-icon{color:#4a90e2}.upload-browse{color:#4a90e2;font-weight:600}.upload-checklist{display:flex;flex-direction:column;gap:6px;font-size:13px}.ucl-item{display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:9px;background:#f7f8fb;border:1px solid #eef0f6}.ucl-mark{display:inline-flex;flex:0 0 auto}.ucl-mark svg{width:15px;height:15px}.ucl-item.ok{color:#22a862;background:#ecfdf3;border-color:#b8ecca}.ucl-item.missing{color:#c8412b;background:#fdeceb;border-color:#f4c4bf}.ucl-item.extra{color:#b7791f;background:#fff7ec;border-color:#f6d9a8}.upload-name-group{display:flex;flex-direction:column;gap:6px}.upload-name-group label{font-size:13.5px;font-weight:600;color:#374151}.upload-name-group input{padding:10px 12px;border:1px solid #d8dde7;border-radius:10px;font-size:14px}.upload-name-group input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e226}.upload-error{color:#c8412b;font-size:13px;background:#fdeceb;border:1px solid #f4c4bf;border-radius:10px;padding:10px 12px}.resource-preview-clickable{cursor:pointer;position:relative}.resource-preview-clickable:hover img{opacity:.85}.resource-preview-clickable:focus-visible{outline:2px solid #5b58a5;outline-offset:2px}.resource-preview-badge{position:absolute;top:6px;right:6px;background:#0000009e;color:#fff;font-size:11px;font-weight:600;line-height:1;padding:3px 7px;border-radius:10px;pointer-events:none}.resource-tags{margin-top:6px;display:flex;flex-wrap:wrap;gap:5px}.sr-images-modal{max-width:760px;width:92vw}.sr-images-modal .modal-body{padding:0;display:block}.sr-particle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;padding:4px}.sr-particle-item{margin:0;display:flex;flex-direction:column;align-items:center;gap:6px}.sr-particle-thumb{width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#e9edf2,#e9edf2 25%,#fff 0%,#fff 50%) 50% / 16px 16px;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;padding:6px;box-sizing:border-box}.sr-particle-thumb img{max-width:100%;max-height:100%;object-fit:contain}.sr-particle-item figcaption{font-size:11px;color:#4a5568;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-optional{font-weight:400;color:#94a0b8;font-size:12px}[data-theme=dark] .sr-particle-thumb{background:repeating-conic-gradient(#2a2f3a,#2a2f3a 25%,#202531 0%,#202531 50%) 50% / 16px 16px;border-color:#3a4150}[data-theme=dark] .sr-particle-item figcaption{color:#a0aec0}[data-theme=dark] .resource-preview-badge{background:#000000b3}.user-management.um-page{color:#14181f}.um-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.um-title{margin:0;font-size:22px;font-weight:800;letter-spacing:-.01em;color:#14181f}.um-subtitle{margin:4px 0 0;font-size:13.5px;color:#8a93a6}.um-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:22px}.um-stat{display:flex;align-items:center;gap:13px;padding:16px;background:#fff;border:1px solid #eaedf4;border-radius:14px;box-shadow:0 1px 2px #1018280a;transition:border-color .15s,box-shadow .15s,transform .15s}.um-stat:hover{border-color:#d8deea;box-shadow:0 6px 16px #1018280f;transform:translateY(-1px)}.um-stat-ico{flex:0 0 auto;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#eef1f7;color:#6b7280}.um-stat-ico.accent{background:linear-gradient(135deg,#5a9bf0,#4a90e2);color:#fff;box-shadow:0 4px 10px #4a90e247}.um-stat-ico.ok{background:linear-gradient(135deg,#34c77b,#22a862);color:#fff;box-shadow:0 4px 10px #22a86242}.um-stat-ico.live{background:linear-gradient(135deg,#5ac8a8,#22a862);color:#fff;box-shadow:0 4px 10px #22a8623d}.um-stat-ico.warn{background:linear-gradient(135deg,#f6b545,#e6982f);color:#fff;box-shadow:0 4px 10px #e6982f42}.um-stat-ico.demo{background:linear-gradient(135deg,#a879f0,#8b5cf6);color:#fff;box-shadow:0 4px 10px #8b5cf642}.um-stat-value{font-size:22px;font-weight:800;color:#14181f;line-height:1.1}.um-stat-label{font-size:12.5px;font-weight:700;color:#8a93a6;margin-top:2px}.um-list{background:#fff;border:1px solid #eaedf4;border-radius:14px;box-shadow:0 1px 2px #1018280a;overflow:hidden}.um-list-head,.um-row{display:grid;grid-template-columns:46px minmax(170px,1.5fr) 104px minmax(118px,.9fr) 96px 128px 120px 92px 112px;align-items:center;gap:14px;padding:12px 16px}.um-list-head{padding:11px 16px;background:#fafbfe;border-bottom:1px solid #eef0f6;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#98a2b3}.um-row{border-top:1px solid #f0f2f7;transition:background .12s ease}.um-list-head+.um-row{border-top:none}.um-row:hover{background:#fafbfe}.um-row.inactive{opacity:.66}.um-avatar{position:relative;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:#fff;background:linear-gradient(135deg,#7b8aa5,#5f6f8c)}.um-avatar.role-superuser{background:linear-gradient(135deg,#f2716f,#e0514f)}.um-avatar.role-admin{background:linear-gradient(135deg,#f6b545,#e6982f)}.um-avatar.role-studio_admin{background:linear-gradient(135deg,#5a9bf0,#4a90e2)}.um-avatar.role-user{background:linear-gradient(135deg,#7b8aa5,#5f6f8c)}.um-presence{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:50%;border:2px solid #fff;background:#cbd5e1}.um-presence.online{background:#22c55e}.um-id{min-width:0}.um-name{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:#14181f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.um-email{display:block;font-size:12.5px;color:#8a93a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.um-role{justify-self:start;display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.um-role.role-superuser{background:#fdeceb;color:#c8412b}.um-role.role-admin{background:#fff4e5;color:#b7791f}.um-role.role-studio_admin{background:#eef0ff;color:#5b60c4}.um-role.role-user{background:#eef1f7;color:#6b7280}.um-studio{font-size:13px;color:#40506b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.um-muted{color:#a3adbe;font-style:normal}.um-status{display:inline-flex;align-items:center;gap:6px;justify-self:start;padding:4px 10px 4px 8px;border-radius:999px;font-size:11.5px;font-weight:700}.um-status-dot{width:7px;height:7px;border-radius:50%}.um-status.active{background:#ecfdf3;color:#22a862}.um-status.active .um-status-dot{background:#22c55e}.um-status.inactive{background:#f3f4f6;color:#8a93a6}.um-status.inactive .um-status-dot{background:#cbd5e1}.um-perms{font-size:12.5px}.um-perm-count{display:inline-block;padding:3px 9px;border-radius:999px;background:#eef1f7;color:#6b7280;font-weight:600;font-size:11.5px;cursor:default}.um-created{font-size:12.5px;color:#8a93a6}.um-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.um-actions .gt-hbtn{padding:6px 11px;font-size:12.5px}.um-actions .gt-hbtn svg{width:14px;height:14px}.um-kebab{flex:0 0 auto;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e6e8ef;background:#fff;color:#6b7280;border-radius:8px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.um-kebab:hover,.um-kebab.active{background:#eef1f6;color:#111827;border-color:#d8deea}.um-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;color:#a3adbe;text-align:center}.um-empty svg{opacity:.7}.um-empty span{font-size:13.5px}.um-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:320px;color:#8a93a6;font-size:14px}.um-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500}.um-menu{position:fixed;z-index:1600;width:216px;padding:6px;background:#fff;border:1px solid #e8ebf1;border-radius:12px;box-shadow:0 12px 30px #10182829}.um-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:600;color:#374151;cursor:pointer;text-align:left}.um-menu-item svg{color:#6b7280;flex:0 0 auto}.um-menu-item:hover{background:#f2f5fa;color:#14181f}.um-menu-item:hover svg{color:#4a90e2}.um-menu-item.danger{color:#c8412b}.um-menu-item.danger svg{color:#d98a7e}.um-menu-item.danger:hover{background:#fdece8;color:#b91c1c}.um-menu-item.danger:hover svg{color:#c8412b}.um-menu-sep{height:1px;background:#eef0f6;margin:5px 6px}.um-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182873;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.um-modal{background:#fff;border-radius:16px;width:100%;max-width:540px;box-shadow:0 20px 60px #10182847;overflow:hidden}.um-modal-narrow{max-width:480px}.um-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #eef0f6}.um-modal-header h3{margin:0;font-size:17px;font-weight:800;color:#14181f}.um-modal-close{width:32px;height:32px;border-radius:50%;border:1px solid #e6e8ef;background:#fff;color:#374151;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.um-modal-close:hover{background:#eef0f6;color:#111827}.um-modal-body{padding:20px}.um-modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid #eef0f6;background:#fbfcfe}.um-field{margin-bottom:16px}.um-field:last-child{margin-bottom:0}.um-field-row{display:flex;gap:14px}.um-field-row .um-field{flex:1}.um-field label{display:block;margin-bottom:7px;font-weight:700;font-size:13px;color:#374151}.um-field input,.um-field select{width:100%;padding:10px 12px;border:1px solid #d8dde7;border-radius:10px;font-size:14px;color:#14181f;background:#fff;box-sizing:border-box}.um-field select{cursor:pointer}.um-field input:focus,.um-field select:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e226}.um-input-disabled{background:#f5f6f9!important;color:#8a93a6;cursor:not-allowed}.um-field-hint{display:block;margin-top:6px;font-size:12px;color:#8a93a6}.um-modal-user{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:18px;background:#f7f9fc;border:1px solid #eef0f6;border-radius:12px}.um-modal-user .um-avatar{width:38px;height:38px}.um-modal-user-meta{flex:1;min-width:0}.um-modal-user-name{display:block;font-size:14px;font-weight:700;color:#14181f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.um-modal-user-email{display:block;font-size:12.5px;color:#8a93a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.um-perms-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.um-perm-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #e5e8ef;border-radius:11px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s}.um-perm-toggle:hover{border-color:#cfe0f5;background:#f8fbff}.um-perm-toggle.on{border-color:#bcd8f7;background:#f2f8ff}.um-perm-toggle:focus-visible{outline:2px solid #4a90e2;outline-offset:2px}.um-perm-label{font-size:13px;font-weight:600;color:#40506b;text-transform:capitalize;text-align:left}.um-perm-toggle.on .um-perm-label{color:#2c4a72}.um-switch2{flex:0 0 auto;position:relative;width:38px;height:22px;border-radius:999px;background:#cbd5e1;transition:background .15s}.um-perm-toggle.on .um-switch2{background:#4a90e2}.um-switch2-knob{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #10182840;transition:transform .15s}.um-perm-toggle.on .um-switch2-knob{transform:translate(16px)}.um-modal-confirm{max-width:440px}.um-confirm{display:flex;align-items:flex-start;gap:14px}.um-confirm-ico{flex:0 0 auto;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.um-confirm-ico.danger{background:linear-gradient(135deg,#f2716f,#e0514f);box-shadow:0 6px 14px #e0514f47}.um-confirm-ico.accent{background:linear-gradient(135deg,#5a9bf0,#4a90e2);box-shadow:0 6px 14px #4a90e247}.um-confirm-msg{margin:3px 0 0;font-size:14px;line-height:1.55;color:#40506b}.um-reset-note{margin:0 0 12px;font-size:14px;color:#40506b;line-height:1.5}.um-reset-link{background:#f6f8fb;border:1px solid #e2e8f0;border-radius:10px;padding:12px;font-family:Courier New,monospace;font-size:12.5px;color:#384252;word-break:break-all;line-height:1.5}.um-reset-meta{margin:12px 0 0;font-size:12.5px;color:#8a93a6}.um-create-demo{flex:0 0 auto;white-space:nowrap}.um-demo-badge{flex:0 0 auto;display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#7c3aed;background:#f2ecfe;border:1px solid #e2d5fb}.um-demo-cell{min-width:0}.um-demo{display:flex;flex-direction:column;gap:5px;min-width:0}.um-demo-track{position:relative;height:6px;border-radius:999px;background:#eceef3;overflow:hidden}.um-demo-fill{position:absolute;inset:0 auto 0 0;height:100%;border-radius:999px;background:linear-gradient(90deg,#8b5cf6,#7c3aed);transition:width .3s ease}.um-demo.warn .um-demo-fill{background:linear-gradient(90deg,#f6b545,#e6982f)}.um-demo.expired .um-demo-fill{background:linear-gradient(90deg,#f2716f,#e0514f)}.um-demo-remain{font-size:11.5px;font-weight:700;color:#7c3aed;white-space:nowrap}.um-demo.warn .um-demo-remain{color:#b7791f}.um-demo.expired .um-demo-remain{color:#d0392f}.um-seg{display:flex;gap:6px;flex-wrap:wrap}.um-seg-btn{flex:1 1 auto;min-width:64px;padding:9px 12px;border:1px solid #d8dde7;border-radius:10px;background:#fff;font-size:13px;font-weight:700;color:#40506b;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.um-seg-btn:hover{border-color:#cfe0f5;background:#f8fbff}.um-seg-btn.on{border-color:#4a90e2;background:#eff6ff;color:#2c4a72}.um-seg-btn:focus-visible{outline:2px solid #4a90e2;outline-offset:2px}.um-custom-days{display:flex;align-items:center;gap:9px;margin-top:10px}.um-custom-days input{width:150px}.um-custom-days span{font-size:13px;font-weight:600;color:#8a93a6}.um-pass-input{margin-top:10px;font-family:Courier New,monospace}.um-req{color:#e0514f}.um-modal-lead{margin:0 0 18px;font-size:13.5px;line-height:1.55;color:#6b7280}.um-cred-row{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid #e2e8f0;border-radius:10px;background:#f6f8fb;margin-top:10px}.um-cred-key{flex:0 0 72px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#98a2b3}.um-cred-val{flex:1;min-width:0;font-size:13.5px;color:#1f2937;word-break:break-all}.um-cred-pass{font-family:Courier New,monospace;font-weight:700;color:#14181f}.um-cred-copy{flex:0 0 auto;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d8dde7;border-radius:8px;background:#fff;color:#6b7280;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.um-cred-copy:hover{background:#eef6ff;color:#2c4a72;border-color:#bcd8f7}.um-toast{position:fixed;bottom:24px;right:24px;z-index:3000;padding:12px 18px;border-radius:12px;color:#fff;font-size:13.5px;font-weight:600;box-shadow:0 10px 30px #10182833;animation:um-toast-in .18s ease}.um-toast--success{background:linear-gradient(180deg,#34c77b,#22a862)}.um-toast--error{background:linear-gradient(180deg,#f2716f,#e0514f)}@keyframes um-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.um-toast{animation:none}}.invite-management.um-page{color:#14181f}.um-list .im-head,.um-list .im-row{grid-template-columns:46px minmax(200px,1.8fr) 120px 118px 104px 104px 184px}.im-avatar{background:linear-gradient(135deg,#7b8aa5,#5f6f8c)}.im-avatar.pending{background:linear-gradient(135deg,#f6b545,#e6982f)}.im-avatar.accepted{background:linear-gradient(135deg,#34c77b,#22a862)}.im-avatar.expired,.im-avatar.cancelled{background:linear-gradient(135deg,#a8b1c1,#8a93a6)}.im-status{display:inline-flex;align-items:center;gap:6px;justify-self:start;padding:4px 10px 4px 8px;border-radius:999px;font-size:11.5px;font-weight:700}.im-status-dot{width:7px;height:7px;border-radius:50%}.im-status.pending{background:#fff8e8;color:#b7791f}.im-status.pending .im-status-dot{background:#f6b545}.im-status.accepted{background:#ecfdf3;color:#22a862}.im-status.accepted .im-status-dot{background:#22c55e}.im-status.expired,.im-status.cancelled{background:#f3f4f6;color:#8a93a6}.im-status.expired .im-status-dot,.im-status.cancelled .im-status-dot{background:#cbd5e1}.im-noaction{padding-right:6px}.im-role-info{margin-top:10px;padding:12px 13px;background:linear-gradient(180deg,#f6f9fe,#eef4fc);border:1px solid #dbe6f7;border-radius:11px}.im-role-desc{margin:0 0 9px;font-size:12.5px;font-weight:600;color:#35507a}.im-role-perms{display:flex;flex-wrap:wrap;gap:6px}.im-perm-chip{font-size:11.5px;font-weight:600;color:#2c4a72;background:#fff;border:1px solid #cfe0f5;border-radius:999px;padding:3px 9px}.im-success{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}.organization-management.um-page{color:#14181f}.org-unit{font-size:13px;font-weight:600;color:#8a93a6}.um-list .org-head,.um-list .org-row{grid-template-columns:46px minmax(190px,1.6fr) 132px 104px 78px 104px 100px 118px}.org-avatar:not(.has-logo){background:linear-gradient(135deg,#6f7fd6,#5b60c4)}.org-avatar.has-logo{background:#fff;border:1px solid #eaedf4;padding:4px}.org-avatar.has-logo img{max-width:100%;max-height:100%;object-fit:contain}.org-idcell{min-width:0}.org-idchip{display:inline-flex;align-items:center;gap:5px;max-width:100%;margin-top:3px;padding:2px 8px;border:1px solid #e8ebf1;border-radius:999px;background:#f6f8fb;color:#8a93a6;font-size:11px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.org-idchip:hover{background:#eef4fc;border-color:#cfe0f5;color:#4a90e2}.org-idchip svg{flex:0 0 auto}.org-idtext{font-family:Courier New,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-plan{justify-self:start;display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.org-plan.assigned{background:#eef0ff;color:#5b60c4}.org-plan.none{background:#f3f4f6;color:#9aa4b2}.org-num{font-size:13px;font-weight:600;color:#40506b}.org-logo-field{display:flex;align-items:center;gap:16px}.org-logo-preview{flex:0 0 auto;width:84px;height:84px;border-radius:14px;border:1px dashed #cfd6e2;background:#fbfcfe;display:flex;align-items:center;justify-content:center;color:#9db1cf;overflow:hidden}.org-logo-preview.has-image{border-style:solid;border-color:#eaedf4;background:#fff;padding:8px}.org-logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.org-logo-upload{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.subscription-management.um-page{color:#14181f}.um-list .sm-head,.um-list .sm-row{grid-template-columns:46px minmax(190px,1.4fr) 112px 92px minmax(158px,1.2fr) 94px 200px}.sm-avatar{background:linear-gradient(135deg,#6f7fd6,#5b60c4)}.sm-status{display:inline-flex;align-items:center;gap:6px;justify-self:start;padding:4px 10px 4px 8px;border-radius:999px;font-size:11.5px;font-weight:700;text-transform:capitalize}.sm-status-dot{width:7px;height:7px;border-radius:50%}.sm-status.active{background:#ecfdf3;color:#22a862}.sm-status.active .sm-status-dot{background:#22c55e}.sm-status.trial{background:#eef4fc;color:#2f6fb3}.sm-status.trial .sm-status-dot{background:#4a90e2}.sm-status.cancelled{background:#fdeceb;color:#c8412b}.sm-status.cancelled .sm-status-dot{background:#e0514f}.sm-status.expired,.sm-status.noplan{background:#f3f4f6;color:#8a93a6}.sm-status.expired .sm-status-dot,.sm-status.noplan .sm-status-dot{background:#cbd5e1}.sm-price{font-size:13.5px;font-weight:700;color:#14181f;white-space:nowrap}.sm-usage{font-size:12.5px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}.sm-tokens{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:#40506b}.sm-tokens svg{color:#f6b545}.sm-prorate-btn{width:100%;justify-content:center;margin-bottom:16px}.sm-plan-details{padding:14px;background:linear-gradient(180deg,#f6f9fe,#eef4fc);border:1px solid #dbe6f7;border-radius:12px}.sm-plan-details-title{font-size:12.5px;font-weight:700;color:#35507a;margin-bottom:10px}.sm-plan-limits{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.sm-plan-limit{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:12.5px}.sm-plan-limit-label{color:#6b7280}.sm-plan-limit-val{font-weight:700;color:#2c4a72}.sm-balance{display:flex;align-items:center;gap:13px;padding:14px 16px;margin-bottom:18px;background:#fbfbff;border:1px solid #eef0f6;border-radius:12px}.sm-balance-ico{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#f6b545,#e6982f);box-shadow:0 4px 10px #e6982f42}.sm-balance-value{font-size:22px;font-weight:800;color:#14181f;line-height:1.1}.sm-balance-label{font-size:12.5px;font-weight:700;color:#8a93a6;margin-top:2px}.sm-prorate{border:1px solid #eef0f6;border-radius:12px;overflow:hidden}.sm-prorate-row{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;font-size:13.5px;color:#40506b;border-top:1px solid #f0f2f7}.sm-prorate-row:first-child{border-top:none}.sm-prorate-row span:last-child{font-weight:600;color:#14181f}.sm-prorate-row.highlight{background:#f2f8ff}.sm-prorate-row.highlight span{font-weight:800;color:#2c4a72}.sm-prorate-note{margin:12px 0 0;font-size:12.5px;line-height:1.5;color:#8a93a6}.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.um-page{color:#14181f}.um-list .pm-head,.um-list .pm-row{grid-template-columns:46px minmax(180px,1.4fr) 128px 100px minmax(150px,1.1fr) 98px 196px}.pm-avatar{background:linear-gradient(135deg,#56c2b0,#2f9e8f)}.pm-type{justify-self:start;display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap}.pm-type.type-subscription{background:#eef4fc;color:#2f6fb3}.pm-type.type-token_package{background:#fff4e5;color:#b7791f}.pm-type.type-hybrid{background:#eef0ff;color:#5b60c4}.pm-price{font-size:14px;font-weight:700;color:#14181f;white-space:nowrap}.pm-period{font-size:11.5px;font-weight:600;color:#8a93a6}.pm-limits{font-size:12.5px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}.um-modal.um-modal-lg{max-width:720px;max-height:90vh;display:flex;flex-direction:column}.um-modal-lg form{display:flex;flex-direction:column;min-height:0;flex:1}.pm-modal-body{flex:1;min-height:0;overflow-y:auto}.pm-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pm-grid .um-field{margin-bottom:0}.pm-span2{grid-column:1 / -1}.pm-grid textarea{width:100%;padding:10px 12px;border:1px solid #d8dde7;border-radius:10px;font-size:14px;font-family:inherit;color:#14181f;background:#fff;box-sizing:border-box;resize:vertical}.pm-grid textarea:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e226}.pm-section{margin-top:22px}.pm-section-head{display:flex;align-items:baseline;gap:10px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #eef0f6}.pm-section-head h4{margin:0;font-size:14px;font-weight:800;color:#14181f}.pm-section-hint{font-size:12px;color:#8a93a6}.logs-page{padding:0;max-width:none;margin:0;width:100%}.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 1 150px}.filter-group--narrow{flex:0 0 110px;min-width:110px}.filters-row--dense{gap:.6rem}.filters-row--dense .filter-group{min-width:118px;flex:1 1 118px}.filters-row--dense .filter-group--narrow{flex:0 0 88px;min-width:88px}.filters-row--dense .filter-actions .btn-primary,.filters-row--dense .filter-actions .btn-secondary{min-width:96px}.filter-group label{font-size:.85rem;font-weight:600;color:#555;margin-bottom:.5rem}.filter-group input,.filter-group select,.date-button{height:40px;box-sizing:border-box;padding:0 .65rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;background:#fff;color:#333}.filter-group input:focus,.filter-group select:focus,.date-button:focus-visible{outline:none;border-color:#4dabf7}.date-button{position:relative;display:flex;align-items:center;gap:8px;cursor:pointer;text-align:left;transition:border-color .15s}.date-button:hover{border-color:#b9c2cc}.date-button .date-icon{color:#868e96;flex-shrink:0}.date-button .date-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date-button .date-text.placeholder{color:#adb5bd}.date-button .date-clear{flex-shrink:0;color:#adb5bd;font-size:1.1rem;line-height:1;padding:0 3px;border-radius:4px}.date-button .date-clear:hover{color:#495057;background:#f1f3f5}.date-button input[type=date]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:none;opacity:0;pointer-events:none}.filter-actions{display:flex;gap:.5rem;align-items:flex-end;margin-left:auto}.filter-actions .btn-primary,.filter-actions .btn-secondary{height:40px;min-width:118px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 1rem;border:none;border-radius:6px;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}.ai-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14141e8c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.ai-modal{background:#fff;border-radius:12px;width:min(880px,100%);max-height:86vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.ai-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #eee}.ai-modal-header h3{margin:0;font-size:1.05rem}.ai-modal-close{border:none;background:#f1f1f4;width:30px;height:30px;border-radius:50%;font-size:1.1rem;cursor:pointer}.ai-modal-body{padding:1rem 1.25rem;overflow-y:auto}.ai-item-card{border:1px solid #ececf2;border-radius:10px;padding:.9rem 1rem;margin-bottom:1rem}.ai-item-card.is-error{border-color:#f3b0b0;background:#fff7f7}.ai-item-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.6rem}.ai-item-name{font-weight:700}.ai-item-meta{font-size:.78rem;color:#777;font-variant-numeric:tabular-nums}.ai-item-error{color:#b00020;font-size:.82rem;margin-bottom:.5rem}.ai-item-block{margin-top:.5rem}.ai-item-block-head{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#999;margin-bottom:.25rem}.ai-copy-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid #e2e4ee;background:#fff;color:#5b58a5;border-radius:8px;font-size:.74rem;font-weight:600;padding:.32rem .7rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.ai-copy-btn:hover{background:#f4f4fb;border-color:#cdd0e6}.ai-copy-btn svg{display:block}.ai-copy-btn.is-copied{background:#ecfdf3;border-color:#b7eccd;color:#22a862}.ai-prompt,.ai-settings{background:#f7f7fb;border:1px solid #eee;border-radius:8px;padding:.6rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;white-space:pre-wrap;word-break:break-word;max-height:240px;overflow:auto;margin:0}.logs-panel>.slt{margin-bottom:1rem}.results-header{display:flex;align-items:center;justify-content:space-between}.page-size{display:flex;align-items:center;gap:.5rem}.page-size select,.filter-group--narrow select{padding:.25rem .4rem}.ai-providers{display:flex;gap:.35rem;flex-wrap:wrap}.ai-provider-badge{font-size:.72rem;font-weight:600;padding:.1rem .45rem;border-radius:999px;color:var(--pc);border:1px solid var(--pc);background:color-mix(in srgb,var(--pc) 10%,transparent)}.ai-source-icon,.ai-media-icon{color:#5b58a5;display:inline-flex}.ai-spent{font-variant-numeric:tabular-nums;font-size:.82rem;color:#444}.ai-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 0}.ai-pagination .page-indicator{font-variant-numeric:tabular-nums;color:#666}.ai-pagination button:disabled{opacity:.45;cursor:default}.ai-source-badge{display:inline-block;padding:.18rem .55rem;border-radius:999px;font-size:.72rem;font-weight:600;white-space:nowrap}.ai-source-badge--direct{background:#e7f0ff;color:#3163c9}.ai-source-badge--assistant{background:#f1e9ff;color:#6a3bc9}.ai-user-prompt-section{margin-bottom:1.1rem}.ai-user-prompt-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#999;margin-bottom:.35rem;font-weight:600}.ai-user-prompt-box{margin:0 0 .5rem;padding:.7rem .9rem;border-left:4px solid #6a3bc9;background:#f6f2ff;border-radius:0 8px 8px 0;font-size:.95rem;line-height:1.5;color:#2b2140;white-space:pre-wrap;word-break:break-word}.ai-user-prompt-empty{color:#adb5bd;font-style:italic}.ai-user-prompt-explainer{font-size:.78rem;color:#888}.ai-item-user-req{font-size:.8rem;line-height:1.5;color:#777;margin:.4rem 0 .5rem;white-space:pre-wrap;word-break:break-word}.ai-item-user-req-label{font-weight:700;color:#6b7280;margin-right:.35rem;text-transform:uppercase;font-size:.68rem;letter-spacing:.04em}.ai-copy-caption{font-size:.7rem;color:#a3adbe;margin-top:.35rem}.ai-settings-toggle{display:flex;align-items:center;gap:.4rem;width:100%;background:none;border:none;padding:.3rem 0;margin:0;cursor:pointer;text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#999}.ai-settings-toggle:hover{color:#5b58a5}.ai-settings-chevron{color:#5b58a5;flex:0 0 auto;transition:transform .18s ease}.ai-settings-chevron.open{transform:rotate(90deg)}.ai-settings-toggle .ai-settings-count{margin-left:auto;color:#b7b4d6;font-weight:600;text-transform:none;letter-spacing:0}.ail-page .spot{margin-bottom:.75rem}.ail-secondary-row{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap;margin:0 0 1rem}.ail-secondary-row .filter-group{flex:0 0 auto;min-width:0}.ail-secondary-row .filter-group--narrow{flex:0 0 148px;min-width:148px}.ail-secondary-row .filter-group input,.ail-secondary-row .filter-group .date-button{width:100%}.ail-list .um-list-head,.ail-list .um-row{grid-template-columns:150px minmax(150px,1.2fr) minmax(120px,1fr) minmax(150px,1.2fr) 104px minmax(92px,auto) 64px 60px minmax(130px,1fr) 88px 20px;align-items:center;gap:14px}.ail-game{display:flex;align-items:center;gap:8px;min-width:0}.ail-game-ico{width:22px;height:22px;border-radius:6px;object-fit:cover;flex:0 0 auto}.ail-game-ph{width:22px;height:22px;border-radius:6px;background:#eef1f7;color:#8a93a6;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex:0 0 auto}.ail-game-name{font-size:12.5px;color:#40506b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ail-list .um-row>span{min-width:0}.ail-list .um-row>span:not(.ai-providers):not(.ail-col-media){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ail-list .um-list-head .ail-col-media,.ail-list .um-row .ail-col-media{justify-self:center;text-align:center}.ail-list .um-row .ail-col-media .ai-media-icon{display:inline-flex}.ail-res .um-perm-count{font-variant-numeric:tabular-nums}.ail-dur{font-size:13px;color:#40506b;font-variant-numeric:tabular-nums}.ail-chev{color:#c2c8d4;font-size:18px;justify-self:center}.ai-spent{font-size:12px;color:#8a93a6}.ai-providers{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center}.ail-list .um-row.is-error{background:#fff7f7;box-shadow:inset 3px 0 #e5484d}.ail-list .um-row.is-error:hover{background:#fff0f0}.page-size select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:.35rem 1.8rem .35rem .6rem;border:1px solid #d8dde7;border-radius:8px;font-size:.82rem;font-weight:600;color:#374151;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") no-repeat right .5rem center/13px 13px;cursor:pointer}.page-size select:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e226}.ai-pagination .gt-hbtn{min-width:92px;justify-content:center}.ail-userprompt{background:#f7f8fb;border:1px solid #eceef4;border-radius:10px;padding:.7rem .9rem;margin-bottom:1rem}.ail-userprompt-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#8a93a6;margin-bottom:.3rem}.ail-userprompt-text{font-size:.9rem;color:#14181f;line-height:1.45;white-space:pre-wrap;word-break:break-word}.ail-assistantreply{background:#f5f8ff;border-color:#e2e9fb}.ail-assistantreply .ail-userprompt-label{color:#5b6ea5}.admin-ai-keys{color:#14181f}.aik-infobox{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;margin-bottom:22px;background:linear-gradient(180deg,#f6f9fe,#eef4fc);border:1px solid #dbe6f7;border-radius:12px}.aik-infobox-ico{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;color:#fff;background:linear-gradient(135deg,#6ea8f0,#4a90e2);box-shadow:0 3px 8px #4a90e247}.aik-infobox p{margin:0;padding-top:2px;font-size:13px;line-height:1.5;color:#35507a}[data-theme=dark] .ai-provider-name{color:#111827}[data-theme=dark] .ai-provider-desc,[data-theme=dark] .ai-key-current-label,[data-theme=dark] .ai-usage-text{color:#6b7280}.admin-dashboard{max-width:1400px;margin:0 auto;padding:20px 30px 40px;display:flex;flex-direction:column}.admin-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px}.admin-header h2{margin:0;font-size:24px;font-weight:800;letter-spacing:-.01em;color:#14181f}.admin-subtitle{margin:4px 0 0;font-size:13.5px;color:#8a93a6}.admin-tabs{display:inline-flex;gap:4px;padding:5px;background:#eef1f5;border:1px solid #e3e7ef;border-radius:14px;box-shadow:inset 0 1px 2px #1018280a;margin-bottom:26px;max-width:100%;overflow-x:auto;align-self:flex-start;scrollbar-width:none}.admin-tabs::-webkit-scrollbar{display:none}.tab-button{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:none;background:transparent;border-radius:10px;font-size:13.5px;font-weight:600;color:#6b7280;white-space:nowrap;cursor:pointer;transition:color .15s ease,background .15s ease,box-shadow .15s ease}.tab-button .tab-ico{display:inline-flex;opacity:.9}.tab-button .tab-ico svg{width:16px;height:16px}.tab-button:hover:not(.active){color:#374151;background:#fff9}.tab-button.active{color:#2f6fb3;background:#fff;box-shadow:0 1px 2px #1018281a,0 3px 8px #1018280f}.tab-button.active .tab-ico{color:#4a90e2;opacity:1}.tab-button:focus-visible{outline:2px solid #4a90e2;outline-offset:2px}.admin-content{flex:1;min-width:0}.admin-content>.user-management{padding:0}.terms-management{max-width:1400px;margin:0 auto;padding:20px 30px 40px}.terms-management.um-page{color:#14181f}.um-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:16px;padding:6px 13px 6px 9px;border:1px solid #e2e6ee;border-radius:999px;background:#fff;color:#6b7280;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.um-back:hover{background:#f6f8fb;border-color:#cfd6e2;color:#35507a}.um-back svg{transition:transform .15s}.um-back:hover svg{transform:translate(-2px)}.um-list .terms-head,.um-list .terms-row{grid-template-columns:46px minmax(200px,1.7fr) 116px 128px 148px minmax(140px,1fr) 150px}.terms-avatar{background:linear-gradient(135deg,#9aa2b1,#6b7280);font-size:13px;font-weight:800;letter-spacing:-.01em}.terms-avatar.active{background:linear-gradient(135deg,#34c77b,#22a862)}.terms-accept-link{justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:4px 11px 4px 9px;border:1px solid #e2e6ee;border-radius:999px;background:#f6f8fb;color:#40506b;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.terms-accept-link:hover{background:#eef4fc;border-color:#cfe0f5;color:#2f6fb3}.terms-accept-link svg{color:#8a93a6;transition:color .15s}.terms-accept-link:hover svg{color:#4a90e2}.terms-author{font-size:13px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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}.loading{text-align:center;padding:60px;color:#666;font-size:16px}.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}.terms-report-state{text-align:center;padding:60px;color:#666;font-size:16px}.terms-report-state.is-error{color:#e53e3e}.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-team{max-width:1400px;margin:0 auto;padding:24px 30px 40px;color:#14181f}.studio-team.embedded{max-width:none;margin:0;padding:0}.studio-team.embedded .stm-header{margin-top:2px}.stm-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.stm-title{margin:0;font-size:24px;font-weight:800;color:#14181f;letter-spacing:-.01em}.stm-subtitle{margin:4px 0 0;font-size:13.5px;color:#8a93a6}.stm-toast{position:fixed;bottom:24px;right:24px;z-index:3000;display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:12px;font-size:13.5px;font-weight:600;color:#fff;max-width:380px;box-shadow:0 12px 32px #1018283d;animation:stm-toast-in .22s ease}.stm-toast svg{width:18px;height:18px;flex:0 0 auto}.stm-toast.success{background:linear-gradient(135deg,#34c77b,#22a862)}.stm-toast.error{background:linear-gradient(135deg,#f2716f,#e0514f)}.stm-toast.info{background:linear-gradient(135deg,#5a9bf0,#4a90e2)}@keyframes stm-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.stm-toast{animation:none}}.stm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:28px}.stm-stat{display:flex;align-items:center;gap:13px;padding:16px;background:#fff;border:1px solid #eaedf4;border-radius:14px;box-shadow:0 1px 2px #1018280a;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.stm-stat:hover{border-color:#d8deea;box-shadow:0 6px 16px #1018280f;transform:translateY(-1px)}.stm-stat-ico{flex:0 0 auto;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#eef1f7;color:#6b7280}.stm-stat-ico svg{width:21px;height:21px}.stm-stat.accent .stm-stat-ico{background:linear-gradient(135deg,#5a9bf0,#4a90e2);color:#fff;box-shadow:0 2px 8px #4a90e259}.stm-stat.warn .stm-stat-ico{background:linear-gradient(135deg,#f6b545,#e6982f);color:#fff;box-shadow:0 2px 8px #e6982f4d}.stm-stat.ok .stm-stat-ico{background:linear-gradient(135deg,#34c77b,#22a862);color:#fff;box-shadow:0 2px 8px #22a8624d}.stm-stat.danger .stm-stat-ico{background:linear-gradient(135deg,#f2716f,#e0514f);color:#fff;box-shadow:0 2px 8px #e0514f4d}.stm-stat-value{font-size:22px;font-weight:800;line-height:1.1;color:#14181f;letter-spacing:-.01em}.stm-stat-label{font-size:12.5px;color:#8a93a6;font-weight:600;margin-top:2px}.stm-section{margin-bottom:26px}.stm-section-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.stm-section-head h3{margin:0;font-size:15px;font-weight:700;color:#14181f}.stm-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 8px;border-radius:999px;background:#eef1f7;color:#6b7280;font-size:12px;font-weight:700}.stm-list{background:#fff;border:1px solid #eaedf4;border-radius:14px;box-shadow:0 1px 2px #1018280a;overflow:hidden}.stm-row{display:grid;align-items:center;gap:15px;padding:13px 16px;border-top:1px solid #f0f2f7;transition:background .12s ease}.stm-list.members .stm-row,.stm-list.inactive .stm-row{grid-template-columns:40px minmax(0,1fr) 96px 168px 150px}.stm-list.invites .stm-row{grid-template-columns:40px minmax(0,1fr) 118px auto}.stm-row:first-child{border-top:none}.stm-row:hover{background:#fafbfe}.stm-row.inactive{opacity:.72}.stm-avatar{flex:0 0 auto;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:#fff;background:linear-gradient(135deg,#7b8aa5,#5f6f8c)}.stm-avatar.admin{background:linear-gradient(135deg,#5a9bf0,#4a90e2)}.stm-avatar.mail{background:linear-gradient(135deg,#f6b545,#e6982f)}.stm-avatar svg{width:19px;height:19px}.stm-id{flex:1;min-width:0}.stm-name{font-size:14px;font-weight:700;color:#14181f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stm-email{font-size:12.5px;color:#8a93a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stm-role{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.stm-role svg{width:12px;height:12px}.stm-role.studio_admin{background:#eef0ff;color:#5b60c4}.stm-role.user{background:#eef1f7;color:#6b7280}.stm-status{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:700}.stm-status svg{width:12px;height:12px}.stm-status.pending{background:linear-gradient(180deg,#fff9ec,#fef3d8);color:#8a5a12;border:1px solid #f2d68a}.stm-status.expired{background:#f3f4f6;color:#9ca3af;border:1px solid #e5e7eb}.stm-meta{font-size:12.5px;color:#8a93a6}.stm-meta .stm-meta-strong{color:#6b7280;font-weight:600}.stm-row-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.stm-row-actions .gt-hbtn{padding:7px 12px;font-size:12.5px}.stm-row-actions .gt-hbtn svg{width:14px;height:14px}.stm-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:34px 20px;color:#a3adbe;text-align:center}.stm-empty svg{width:30px;height:30px;opacity:.7}.stm-empty span{font-size:13.5px}.stm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182873;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.stm-modal{background:#fff;border-radius:16px;width:100%;max-width:460px;box-shadow:0 20px 60px #10182847;overflow:hidden}.stm-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #eef0f6}.stm-modal-header h3{margin:0;font-size:17px;font-weight:800;color:#14181f}.stm-modal-close{flex:0 0 auto;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #e6e8ef;background:#fff;color:#374151;cursor:pointer;transition:background .15s ease,color .15s ease}.stm-modal-close:hover{background:#eef0f6;color:#111827}.stm-modal-close svg{width:16px;height:16px}.stm-modal-body{padding:20px}.stm-field label{display:block;margin-bottom:8px;font-weight:700;font-size:13px;color:#374151}.stm-field input{width:100%;padding:11px 13px;border:1px solid #d8dde7;border-radius:10px;font-size:14px;color:#14181f;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.stm-field input::placeholder{color:#a3adbe}.stm-field input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e226}.stm-field-hint{margin:8px 0 0;font-size:12px;color:#8a93a6}.stm-modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid #eef0f6;background:#fbfcfe}.stm-modal-confirm{max-width:440px}.stm-confirm-body{display:flex;align-items:flex-start;gap:14px}.stm-confirm-ico{flex:0 0 auto;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.stm-confirm-ico svg{width:21px;height:21px}.stm-confirm-ico.danger{background:linear-gradient(135deg,#f2716f,#e0514f);box-shadow:0 2px 8px #e0514f4d}.stm-confirm-ico.accent{background:linear-gradient(135deg,#5a9bf0,#4a90e2);box-shadow:0 2px 8px #4a90e259}.stm-confirm-msg{margin:0;font-size:14px;line-height:1.55;color:#40506b}.stm-state{display:flex;align-items:center;justify-content:center;min-height:320px;color:#8a93a6;font-size:14px}[data-theme=dark] .studio-team,[data-theme=dark] .stm-title,[data-theme=dark] .stm-stat-value,[data-theme=dark] .stm-section-head h3,[data-theme=dark] .stm-name,[data-theme=dark] .stm-modal-header h3,[data-theme=dark] .stm-field input{color:#14181f}[data-theme=dark] .stm-subtitle,[data-theme=dark] .stm-stat-label,[data-theme=dark] .stm-email,[data-theme=dark] .stm-confirm-msg,[data-theme=dark] .stm-meta{color:#8a93a6}[data-theme=dark] .stm-field>label{color:#374151}.studio-settings{padding:20px 30px;max-width:1400px;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}.ss-tabs{display:inline-flex;gap:4px;padding:5px;margin-bottom:26px;max-width:100%;background:#eef1f5;border:1px solid #e3e7ef;border-radius:14px;box-shadow:inset 0 1px 2px #1018280a;overflow-x:auto;scrollbar-width:none}.ss-tabs::-webkit-scrollbar{display:none}.ss-tab{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:none;background:transparent;border-radius:10px;font-size:13.5px;font-weight:600;color:#6b7280;cursor:pointer;white-space:nowrap;transition:color .15s ease,background .15s ease,box-shadow .15s ease}.ss-tab-ico{display:inline-flex;opacity:.9}.ss-tab-ico svg{width:16px;height:16px;display:block}.ss-tab:hover:not(.active){color:#374151;background:#fff9}.ss-tab.active{color:#2f6fb3;background:#fff;box-shadow:0 1px 2px #1018281a,0 3px 8px #1018280f}.ss-tab.active .ss-tab-ico{color:#4a90e2;opacity:1}.ss-tab:focus-visible{outline:2px solid #4a90e2;outline-offset:2px}[data-theme=dark] .ss-tab{color:#6b7280}[data-theme=dark] .ss-tab:hover:not(.active){color:#374151}[data-theme=dark] .ss-tab.active{color:#2f6fb3;background:#fff}.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}.dip-dd{position:relative;display:inline-block;margin-top:6px}.dip-trigger{display:inline-flex;align-items:center;gap:10px;min-width:280px;height:44px;padding:0 14px 0 10px;border:1px solid #d8dde7;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.dip-trigger:hover{border-color:#b6bcc7}.dip-dd.open .dip-trigger{border-color:#5b60c4;box-shadow:0 0 0 3px #5b60c426}.dip-cur-name{flex:1;text-align:left;font-size:13.5px;font-weight:600;color:#14181f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dip-chev{width:16px;height:16px;color:#9aa3b2;flex:0 0 auto;transition:transform .15s ease}.dip-dd.open .dip-chev{transform:rotate(180deg)}.dip-ico{width:26px;height:26px;border-radius:8px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:#fff}.dip-ico svg{width:15px;height:15px}.dip-ico.openAi{background:#10a37f}.dip-ico.leonardo{background:#6d28d9}.dip-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:60;min-width:100%;padding:6px;background:#fff;border:1px solid #e6e8ef;border-radius:12px;box-shadow:0 16px 38px #10182829;animation:dip-pop .14s ease}@keyframes dip-pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.dip-menu{animation:none}}.dip-option{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;background:transparent;border-radius:9px;cursor:pointer;text-align:left;transition:background .12s ease}.dip-option:hover{background:#f3f4f7}.dip-option.selected{background:#f2f0fe}.dip-option-name{flex:1;font-size:13.5px;font-weight:600;color:#14181f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dip-check{width:16px;height:16px;color:#5b60c4;flex:0 0 auto}.dip-status{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}.dip-status-dot{width:6px;height:6px;border-radius:50%;flex:0 0 auto}.dip-status-set,.dip-status-valid{background:#ecfdf5;color:#059669}.dip-status-set .dip-status-dot,.dip-status-valid .dip-status-dot{background:#059669}.dip-status-unset{background:#f3f4f6;color:#9ca3af}.dip-status-unset .dip-status-dot{background:#9ca3af}.dip-status-invalid{background:#fef3ec;color:#c2620a}.dip-status-invalid .dip-status-dot{background:#c2620a}.dip-status-checking{background:#eef2ff;color:#6366f1}.dip-status-checking .dip-status-dot{background:transparent;width:9px;height:9px;border:1.5px solid #c7cbfa;border-top-color:#6366f1;border-radius:50%;animation:dip-status-spin .7s linear infinite}@keyframes dip-status-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.dip-status-checking .dip-status-dot{animation:none}}.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}.studio-card{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 4px #0000001a}.ss-info-card{padding:0;overflow:hidden}.ss-hero{display:flex;align-items:center;gap:22px;padding:26px 28px;background:radial-gradient(1200px 200px at 0% -40%,rgba(74,144,226,.1),transparent 60%),linear-gradient(180deg,#fbfcff,#fff);border-bottom:1px solid #eef0f6}.ss-hero-logo{flex:0 0 auto;width:186px;height:62px;border-radius:14px;background:#eef1f5;border:1px solid #e2e6ef;box-shadow:inset 0 1px 2px #1018280d;display:flex;align-items:center;justify-content:center;overflow:hidden}.ss-hero-logo img{width:100%;height:100%;object-fit:contain;padding:9px 14px}.ss-mono{font-weight:800;font-size:38px;color:#4a90e2;background:linear-gradient(135deg,#5a9bf0,#4a90e2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.ss-hero-meta{flex:1;min-width:0}.ss-eyebrow{text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:700;color:#8a93a6;margin-bottom:4px}.ss-hero-name{margin:0 0 10px;font-size:26px;font-weight:800;color:#14181f;line-height:1.15;word-break:break-word}.ss-hero-sub{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.ss-id-pill{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#4b5563;background:#eef1f7;border:1px solid #e2e6ef;padding:4px 10px;border-radius:999px}.ss-created{font-size:13px;color:#8a93a6}.ss-hero-edit{flex:0 0 auto;align-self:flex-start}.ss-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;padding:22px 28px 28px}.ss-stat{display:flex;align-items:center;gap:13px;padding:16px;background:#fbfcfe;border:1px solid #eaedf4;border-radius:14px;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.ss-stat:hover{border-color:#d8deea;box-shadow:0 6px 16px #1018280f;transform:translateY(-1px)}.ss-stat-ico{flex:0 0 auto;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#eef1f7;color:#6b7280}.ss-stat-ico svg{width:20px;height:20px}.ss-stat-accent .ss-stat-ico{background:linear-gradient(135deg,#5a9bf0,#4a90e2);color:#fff}.ss-stat-body{min-width:0}.ss-stat-value{font-size:22px;font-weight:800;color:#14181f;line-height:1.1;letter-spacing:-.01em}.ss-stat-label{font-size:12.5px;color:#8a93a6;font-weight:600;margin-top:2px}.ss-form{padding:26px 28px 28px}.ss-form-title{margin:0 0 22px;font-size:19px;font-weight:800;color:#14181f}.ss-field{margin-bottom:22px}.ss-field>label{display:block;margin-bottom:8px;font-weight:700;font-size:13px;color:#374151}.ss-field input[type=text]{width:100%;padding:11px 13px;border:1px solid #d8dde7;border-radius:10px;font-size:14px;color:#14181f;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.ss-field input[type=text]::placeholder{color:#a3adbe}.ss-field input[type=text]:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e226}.ss-logo-upload{display:flex;align-items:center;gap:18px;padding:16px;border:1px dashed #cfd6e2;border-radius:14px;background:#fbfcfe}.ss-logo-thumb{flex:0 0 auto;width:168px;height:56px;border-radius:12px;background:#eef1f5;border:1px solid #e2e6ef;box-shadow:inset 0 1px 2px #1018280d;display:flex;align-items:center;justify-content:center;overflow:hidden}.ss-logo-thumb img{width:100%;height:100%;object-fit:contain;padding:7px 12px}.ss-hero-logo .ss-mono{font-size:30px}.ss-logo-thumb .ss-mono{font-size:26px}.ss-logo-side{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.ss-upload-btn{cursor:pointer}.ss-logo-side small{font-size:12px;color:#8a93a6}.ss-form-actions{display:flex;gap:10px;margin-top:28px;padding-top:20px;border-top:1px solid #eef0f6}[data-theme=dark] .ss-hero-name,[data-theme=dark] .ss-form-title,[data-theme=dark] .ss-stat-value{color:#14181f}[data-theme=dark] .ss-eyebrow,[data-theme=dark] .ss-created,[data-theme=dark] .ss-stat-label,[data-theme=dark] .ss-logo-side small{color:#8a93a6}[data-theme=dark] .ss-field>label{color:#374151}[data-theme=dark] .ss-id-pill{color:#4b5563;background:#eef1f7}[data-theme=dark] .ss-field input[type=text]{color:#14181f;background:#fff}.ai-keys-header{margin-bottom:12px}.ai-keys-header h3{margin:0;font-size:18px;font-weight:700;color:#111827}.ss-infobox{display:flex;align-items:flex-start;gap:12px;padding:13px 15px;margin-bottom:22px;border-radius:12px;background:linear-gradient(180deg,#f6f9fe,#eef4fc);border:1px solid #dbe6f7}.ss-infobox-ico{flex:0 0 auto;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:linear-gradient(135deg,#5a9bf0,#4a90e2);color:#fff;box-shadow:0 2px 6px #4a90e259}.ss-infobox-ico svg{width:17px;height:17px;display:block}.ss-infobox p{margin:0;font-size:13px;line-height:1.55;color:#40506b;max-width:720px}[data-theme=dark] .ss-infobox p{color:#40506b}.ai-keys-grid{display:grid;gap:16px;grid-template-columns:1fr}.ai-provider{background:#fbfbfd;border:1px solid #e5e7eb;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:14px;transition:border-color .15s ease,box-shadow .15s ease}.ai-provider:hover{border-color:#d1d5db;box-shadow:0 4px 12px #1018280f}.ai-provider-top{display:flex;align-items:center;gap:12px}.ai-provider-logo{width:42px;height:42px;border-radius:11px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:#fff}.ai-provider-logo svg{width:22px;height:22px}.ai-provider-logo.elevenLabs{background:#111827}.ai-provider-logo.openAi{background:#10a37f}.ai-provider-logo.replicate{background:#000}.ai-provider-logo.leonardo{background:#6d28d9}.ai-provider-meta{display:flex;flex-direction:column;flex:1;min-width:0}.ai-provider-name{font-weight:700;font-size:15px;color:#111827}.ai-provider-desc{font-size:12.5px;color:#6b7280}.ai-provider-pill{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:999px}.ai-provider-pill svg{width:13px;height:13px}.ai-provider-pill.set{background:#ecfdf5;color:#059669}.ai-provider-pill.unset{background:#f3f4f6;color:#9ca3af}.ai-key-current{display:flex;align-items:center;gap:8px;font-size:12px}.ai-key-current-label{color:#6b7280}.ai-key-hint{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f3f4f6;color:#374151;padding:3px 8px;border-radius:6px;font-size:12px}.ai-key-input-row{display:flex;gap:8px}.ai-key-input-wrap{position:relative;flex:1;display:flex;align-items:center}.ai-key-input-wrap>svg{position:absolute;left:11px;color:#9ca3af;pointer-events:none}.ai-key-input-wrap input{width:100%;padding:9px 12px 9px 36px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#111827;font-size:13px;transition:border-color .15s ease,box-shadow .15s ease}.ai-key-input-wrap input::placeholder{color:#9ca3af}.ai-key-input-wrap input:focus{outline:none;border-color:#5b58a5;box-shadow:0 0 0 3px #5b58a526}.ai-btn-save{flex:0 0 auto;padding:9px 15px;min-width:0}.ai-provider-actions{display:flex;align-items:center;gap:8px}.ai-provider-actions svg{width:15px;height:15px}.ai-btn-test{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#4b5563;font-weight:600;font-size:13px;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.ai-btn-test:hover:not(:disabled){border-color:#5b58a5;color:#5b58a5;background:#f5f5fb}.ai-btn-test:disabled{opacity:.55;cursor:default}.ai-btn-remove{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;padding:8px 11px}.ai-validation{border-radius:10px;padding:11px 13px;font-size:13px;display:flex;flex-direction:column;gap:8px}.ai-validation-head{display:flex;align-items:center;gap:7px;font-weight:600}.ai-validation-head svg{width:16px;height:16px;flex:0 0 auto}.ai-validation.valid{background:#ecfdf5;border:1px solid #a7f3d0}.ai-validation.valid .ai-validation-head{color:#059669}.ai-validation.invalid{background:#fef2f2;border:1px solid #fecaca}.ai-validation.invalid .ai-validation-head{color:#dc2626}.ai-validation.unreachable{background:#fffbeb;border:1px solid #fde68a}.ai-validation.unreachable .ai-validation-head{color:#d97706}.ai-usage{display:flex;flex-direction:column;gap:5px}.ai-usage-bar{height:6px;border-radius:999px;background:#e5e7eb;overflow:hidden}.ai-usage-fill{height:100%;background:#10b981;border-radius:999px;transition:width .3s ease}.ai-usage-text{font-size:11.5px;color:#6b7280}[data-theme=dark] .ai-keys-header h3,[data-theme=dark] .ai-provider-name{color:#111827}[data-theme=dark] .ai-keys-header p,[data-theme=dark] .ai-provider-desc,[data-theme=dark] .ai-key-current-label,[data-theme=dark] .ai-usage-text{color:#6b7280}[data-theme=dark] .ai-key-hint{background:#f3f4f6;color:#374151}[data-theme=dark] .dip-cur-name,[data-theme=dark] .dip-option-name{color:#14181f}.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;overflow:hidden}.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{flex:0 0 auto;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #e6e8ef;background:#fff;color:#374151;cursor:pointer;padding:0;transition:background .15s ease,border-color .15s ease,color .15s ease}.privacy-modal-close:hover{background:#eef0f6;color:#111827}.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-page{display:flex;justify-content:center;padding:2rem 1.5rem 4rem}.privacy-page-content{width:100%;max-width:900px}.privacy-page-content h1{margin:0 0 1.25rem;font-size:1.9rem;color:#1a1a1a}.privacy-page-status{color:#667085}.privacy-page-error{color:#e53e3e}.privacy-page-body{font-size:15px;line-height:1.6;color:#2d3748;overflow-wrap:break-word;word-break:break-word}.privacy-page-body h1,.privacy-page-body h2,.privacy-page-body h3{color:#1a1a1a}.privacy-page-body img,.privacy-page-body video,.privacy-page-body iframe{max-width:100%;height:auto}.privacy-page-body pre{white-space:pre-wrap;word-break:break-word}.privacy-page-body table{border-collapse:collapse;table-layout:fixed;width:100%;max-width:100%;margin:8px 0}.privacy-page-body th,.privacy-page-body td{border:1px solid #e2e8f0;padding:6px 10px;text-align:left}.privacy-page-body th{background:#f7fafc;font-weight:600}:root[data-theme=dark] .privacy-page-content h1,:root[data-theme=dark] .privacy-page-body h1,:root[data-theme=dark] .privacy-page-body h2,:root[data-theme=dark] .privacy-page-body h3{color:#f1f3f5}:root[data-theme=dark] .privacy-page-body{color:#cbd5e0}:root[data-theme=dark] .privacy-page-body th,:root[data-theme=dark] .privacy-page-body td{border-color:#3a4250}:root[data-theme=dark] .privacy-page-body th{background:#2a2f3a}.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:3px;align-items:center;position:relative}.nav-indicator{position:absolute;left:0;top:0;z-index:0;border-radius:9px;background:#eef0ff;opacity:0;pointer-events:none}.nav-indicator.ready{opacity:1}.nav-indicator.animate{transition:transform .28s cubic-bezier(.4,.75,.25,1),width .28s cubic-bezier(.4,.75,.25,1)}@media (prefers-reduced-motion: reduce){.nav-indicator.animate{transition:none}}.nav-link{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;color:#6b7280;text-decoration:none;font-weight:500;font-size:13px;line-height:1;border-radius:9px;white-space:nowrap;position:relative;z-index:1;transition:color .15s ease,background .15s ease}.nav-link svg{flex:0 0 auto;opacity:.85;transition:opacity .15s ease}.nav-link:hover{color:#374151;background:#f3f4f6}.nav-link:hover svg{opacity:1}.nav-link.active{color:#667eea;background:transparent;font-weight:600}.nav-link.active:hover{background:transparent}.nav-link.active svg{opacity:1}.nav-link:focus-visible{outline:2px solid #667eea;outline-offset:2px}.nav-link-button{border:none;background:none;cursor:pointer;font-family:inherit}.nav-divider{width:1px;height:22px;background:#e5e7eb;margin:0 8px;flex:0 0 auto}.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:scroll;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}}.toast-host{position:fixed;right:20px;top:20px;z-index:1000000;display:flex;flex-direction:column;gap:10px;max-width:min(420px,calc(100vw - 40px));pointer-events:none}.toast-item{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:10px;color:#fff;font-size:14px;line-height:1.4;box-shadow:0 8px 24px #00000038;cursor:pointer;animation:toast-in .22s ease-out both;word-break:break-word}.toast-item.toast-exiting{pointer-events:none;animation:toast-out .2s ease-in both}@keyframes toast-in{0%{opacity:0}to{opacity:1}}@keyframes toast-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.toast-item,.toast-item.toast-exiting{animation:none}}.toast-icon{flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:#ffffff40;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.toast-msg{flex:1 1 auto}.toast-success{background:linear-gradient(180deg,#16a34a,#15803d)}.toast-error{background:linear-gradient(180deg,#ef4444,#dc2626)}.toast-warning{background:linear-gradient(180deg,#f59e0b,#d97706)}.toast-info{background:linear-gradient(180deg,#4a90e2,#3f7fce)}*{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.is-disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.5)}.category-sidebar-item.is-disabled:hover{transform:none;box-shadow:none}.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}.animation-exists-info .resource-prompt-badge{display:inline-block;align-self:flex-start;position:static;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,#6d6ac2,#a24bd0);cursor:help;box-shadow:0 1px 4px #6d6ac266}.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-generating{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:6px;color:#fff;background:linear-gradient(135deg,#667eead1,#764ba2d1);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);overflow:hidden}.resource-generating:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translate(-100%);animation:resourceGenSweep 1.4s ease-in-out infinite}.resource-gen-spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;animation:resourceGenSpin .8s linear infinite;z-index:1}.resource-gen-label{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.25)}.resource-gen-cancel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);width:42px;height:42px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffffeb;border:2px solid #d9534f;color:#d9534f;box-shadow:0 2px 8px #00000040;opacity:0;transition:opacity .15s,transform .15s,background .15s;z-index:7;cursor:pointer}.resource-item:hover .resource-gen-cancel{opacity:1;transform:translate(-50%,-50%) scale(1)}.resource-gen-cancel:hover{background:#d9534f;color:#fff}.resource-gen-cancel:focus-visible{opacity:1;transform:translate(-50%,-50%) scale(1);outline:2px solid #fff;outline-offset:2px}.resource-gen-cancel:disabled{background:#fff9;border-color:#b0b0b0;color:#b0b0b0;cursor:default}.resource-item:hover .resource-generating .resource-gen-spinner,.resource-item:hover .resource-generating .resource-gen-label{opacity:.3;transition:opacity .15s}.resource-review-badge{position:absolute;top:8px;left:8px;z-index:6;display:inline-flex;align-items:center;font-size:9px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:3px 7px;border-radius:6px;color:#fff;background:linear-gradient(135deg,#f59e0b,#b45309);box-shadow:0 2px 6px #b4530966}@keyframes resourceGenSpin{to{transform:rotate(360deg)}}@keyframes resourceGenSweep{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.resource-generating:before,.resource-gen-spinner{animation:none}.resource-gen-cancel{transition:opacity .15s,background .15s}}.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}.confirm-phrase{display:flex;flex-direction:column;gap:6px;margin-top:16px}.confirm-phrase label{font-size:14px;color:#555}.confirm-phrase label strong{color:#dc3545;letter-spacing:.04em}.confirm-phrase input{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s}.confirm-phrase input:focus{outline:none;border-color:#dc3545;box-shadow:0 0 0 3px #dc35451f}.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{display:block;width:fit-content;max-width:100%;margin:0 auto 6px;background:#5b58a5e6;color:#fff;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600;text-align:center}.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}.pending-upload-info .mapped-name{display:block;max-width:100%;line-height:1.3;overflow-wrap:anywhere;word-break:break-word}.pending-upload-info .resource-mapping{min-width:0}.mapping-suggestion .suggestion-text{overflow-wrap:anywhere;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}.missing-resource-placeholder.ai-editable{cursor:pointer}.missing-resource-placeholder.ai-editable .placeholder-icon{opacity:1;color:#6d6ac2}.missing-resource-placeholder.ai-editable:hover{border-color:#6d6ac2;box-shadow:0 4px 14px #6d6ac238}.missing-resource-placeholder.ai-editable .placeholder-status{color:#5b58a5;font-style:normal;font-weight:600}.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}.app-confirm-host .modal-overlay{z-index:99000}[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:transparent;font-weight:600}[data-theme=dark] .nav-link.active:hover{background:transparent}[data-theme=dark] .nav-indicator{background:#7c3aed66}[data-theme=dark] .nav-divider{background:var(--border-primary)}[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}