body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1e1e1e;color:#fff;height:100vh;overflow:hidden}a{color:#fff}a: visited{color:#fff}section p{margin-left:18px;padding-bottom:12px}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw}.menu-bar{background:#2d2d30;border-bottom:1px solid #3e3e42;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px;height:48px;flex-shrink:0}.menu-section{display:flex;align-items:center;gap:8px}.menu-section h3{font-size:12px;color:#ccc;margin-right:8px;font-weight:500}.menu-bar nav a:hover,.menu-bar nav button:hover{background-color:#ffffff1a;color:#fff!important}.menu-bar nav a,.menu-bar nav button{transition:background-color .15s ease,color .15s ease;font-size:12px}.scene-name-section{flex:1;justify-content:center;position:relative}.scene-name-container{display:flex;align-items:center;gap:6px;position:relative}.scene-name-display{font-size:14px;color:#fff;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-name-display:hover{background-color:#ffffff1a}.scene-name-input{font-size:14px;color:#fff;background:#3c3c3c;border:1px solid #007acc;border-radius:4px;padding:4px 8px;outline:none;min-width:150px;max-width:300px}.scene-name-edit-btn{background:none;border:none;color:#ccc;cursor:pointer;padding:4px;border-radius:3px;font-size:12px;transition:all .2s ease}.scene-name-edit-btn:hover{background-color:#ffffff1a;color:#fff}.scene-menu-container{position:relative}.scene-menu-btn{background:none;border:none;color:#ccc;cursor:pointer;padding:4px 6px;border-radius:3px;font-size:14px;font-weight:700;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.scene-menu-btn:hover{background-color:#ffffff1a;color:#fff}.scene-menu-dropdown{position:absolute;top:100%;right:0;background:#3c3c3c;border:1px solid #5a5a5a;border-radius:4px;box-shadow:0 4px 12px #0000004d;z-index:1000;min-width:180px;display:none;margin-top:4px}.scene-menu-dropdown.show{display:block}.scene-menu-item{padding:8px 12px;color:#ccc;cursor:pointer;transition:background-color .2s ease;font-size:13px;display:flex;align-items:center;gap:8px}.scene-menu-item:hover{background-color:#ffffff1a;color:#fff}.scene-menu-item:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.scene-menu-item:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.main-workspace{display:flex;flex:1;min-height:0}.preview-panel{flex:2;background:#252526;border-right:1px solid #3e3e42;display:flex;flex-direction:column;min-width:0}.canvas-container{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;min-height:0;max-width:100%;max-height:100%}#canvas{border:1px solid #3e3e42;border-radius:4px;background:#000;box-shadow:0 4px 20px #0000004d;image-rendering:pixelated;display:block}.playback-controls{background:#2d2d30;border-top:1px solid #3e3e42;padding:12px 20px;display:flex;align-items:center;gap:12px;flex-shrink:0}.progress-bar-container{position:relative;height:8px;background-color:#3e3e42;border-radius:4px;flex-grow:1;cursor:pointer;overflow:hidden}.progress-bar-fill{position:absolute;top:0;left:0;height:100%;background-color:#0078d7;width:0%}#playPauseBtn{min-width:38px;padding:0 10px}.side-panels{flex:1;display:flex;flex-direction:column;min-width:320px}.layer-panel{flex:1;background:#252526;border-bottom:1px solid #3e3e42;display:flex;flex-direction:column;min-height:0;max-height:250px}.properties-panel{flex:1;background:#252526;display:flex;flex-direction:column;min-height:0}.panel-header{background:#2d2d30;border-bottom:1px solid #3e3e42;padding:8px 16px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;position:relative}.panel-header h3{font-size:13px;font-weight:600;color:#ccc}.panel-header .element-dropdown{position:absolute;top:100%;right:0;z-index:1001;margin-top:4px}.btn-add{background:#3c3c3c;color:#fff;border:1px solid #464647;border-radius:3px;padding:4px 10px;font-size:12px;cursor:pointer;transition:background-color .2s}.btn-add:hover{background:#4a4a4a}.element-dropdown{display:none;position:absolute;top:100%;right:16px;background:#2d2d30;border:1px solid #464647;border-radius:3px;z-index:100;box-shadow:0 4px 8px #0000004d;min-width:200px;max-height:300px;overflow-y:auto}.element-dropdown.show{display:block}.element-dropdown-item{padding:6px 12px;cursor:pointer;font-size:12px;color:#ccc;transition:background-color .15s}.element-dropdown-item:hover{background:#3e3e42}.element-dropdown-category{padding:6px 12px;font-size:11px;font-weight:700;color:#8a8a8a;background:#252526;border-top:1px solid #3e3e42;border-bottom:1px solid #3e3e42;text-transform:uppercase}.properties-content,.scene-editor-container{flex:1;overflow-y:auto;padding:16px}.btn{padding:4px 12px;border:1px solid #464647;border-radius:3px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease;background:#3c3c3c;color:#ccc;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:fit-content}.btn:hover{background:#464647;border-color:#565657}.btn-primary{background:#0e639c;border-color:#17b;color:#fff}.btn-primary:hover{background:#17b;border-color:#1890d4}.btn-secondary{background:#5a5a5a;border-color:#6a6a6a}.btn-secondary:hover{background:#6a6a6a;border-color:#7a7a7a}.btn-success{background:#196127;border-color:#2d7a3d;color:#fff}.btn-success:hover{background:#2d7a3d;border-color:#3d8a4d}.btn-warning{background:#b8860b;border-color:#daa520;color:#fff}.btn-warning:hover{background:#daa520;border-color:#ffb347}.btn-export{background:#8b5cf6;border-color:#a855f7;color:#fff;padding:6px 16px;font-weight:600}.btn-export:hover{background:#a855f7;border-color:#c084fc}.btn-export:disabled{background:#4a4a4a;border-color:#5a5a5a;color:#888;cursor:not-allowed}.file-input{display:none}.file-input+label{cursor:pointer}.file-input-container{display:flex;flex-direction:column;gap:8px}.file-input-label{display:inline-block;padding:6px 12px;background:#0078d4;color:#fff;border-radius:4px;cursor:pointer;font-size:12px;text-align:center;transition:background-color .2s;width:fit-content}.file-input-label:hover{background:#106ebe}.current-file{font-size:11px;color:#ccc;font-style:italic}.file-input-wrapper{display:flex;align-items:center;gap:8px}.btn-file{padding:4px 8px;background:#0078d4;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:11px;transition:background-color .2s}.btn-file:hover{background:#106ebe}.file-name{font-size:11px;color:#ccc;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.file-preview{margin-top:4px;border:1px dashed #464647;border-radius:4px;padding:8px;min-height:50px;display:flex;align-items:center;justify-content:center;background:#ffffff05}.file-preview:empty{display:none}.file-preview img{border-radius:4px;box-shadow:0 2px 8px #0000004d}.time-display{background:#3c3c3c;padding:4px 8px;border-radius:3px;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:11px;color:#ccc;border:1px solid #464647}.settings-grid{display:flex;flex-direction:column;gap:24px}.setting-group{margin-bottom:20px}.setting-group h4{margin-bottom:12px;color:#fff;font-size:13px;font-weight:600;border-bottom:1px solid #3e3e42;padding-bottom:4px}.setting-group label{display:block;margin-bottom:6px;font-weight:500;font-size:12px;color:#fff}.setting-group input,.setting-group select{width:100%;padding:6px 8px;border:1px solid #464647;border-radius:3px;font-size:12px;background:#3c3c3c;color:#fff;margin-bottom:8px}.setting-group input:focus,.setting-group select:focus{outline:none;border-color:#0e639c;box-shadow:0 0 0 2px #0e639c33}.setting-group input[type=checkbox]{width:auto;margin-right:8px;accent-color:#0e639c}.time-signature-controls{display:flex;align-items:center;gap:8px;margin-bottom:8px}.time-signature-controls select{width:auto;min-width:50px;margin-bottom:0}.apply-btn{padding:4px 8px;font-size:11px;margin-bottom:0}.progress-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000}.progress-modal{background:#2d2d30;border:1px solid #3e3e42;border-radius:6px;padding:24px;min-width:400px;text-align:center}.progress-modal h3{margin-bottom:20px;color:#fff}.progress-section{margin-bottom:20px}.progress-bar{width:100%;height:8px;background:#3c3c3c;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#0e639c,#17b);width:0%;transition:width .3s ease}.progress-text{font-size:12px;color:#ccc}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#1e1e1ef2,#000000f2);display:flex;align-items:center;justify-content:center;z-index:9000;animation:fadeIn .4s ease}.onboarding-modal{background:#2d2d30;border:1px solid #3e3e42;border-radius:10px;padding:32px 36px;max-width:640px;width:92vw;box-shadow:0 8px 40px #00000073}.onboarding-modal h2{margin:0 0 16px;font-size:24px;font-weight:600;letter-spacing:.5px}.onboarding-list{list-style:disc;padding-left:20px;margin:12px 0 24px;display:flex;flex-direction:column;gap:6px;font-size:14px}.onboarding-actions{display:flex;gap:12px;margin-top:8px}.onboarding-footer-hint{font-size:11px;opacity:.6;margin-top:18px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.download-btn{display:inline-block;padding:8px 16px;background:#196127;color:#fff;text-decoration:none;border-radius:4px;font-weight:600;font-size:13px}.download-btn:hover{background:#2d7a3d}.scene-editor{display:flex;flex-direction:column;gap:16px;color:#ccc}.elements-panel,.config-panel{background:transparent}.element-list{margin-bottom:16px}.element-item{display:flex;align-items:center;justify-content:space-between;padding:2px 12px;margin-bottom:4px;background:#3c3c3c;border:1px solid #464647;border-radius:4px;cursor:pointer;transition:all .2s}.element-item:hover{background:#464647;border-color:#565657}.element-item.selected{background:#0e639c;border-color:#17b;color:#fff}.element-info{flex:1}.element-name-container{display:flex;align-items:center;gap:4px;margin-bottom:2px}.element-name{font-weight:500;font-size:13px;cursor:pointer}.edit-id-btn{background:transparent!important;border:none!important;font-size:10px!important;padding:0 2px!important;opacity:.6;cursor:pointer;transition:opacity .2s}.edit-id-btn:hover{opacity:1}.element-id-input{font-family:inherit;outline:none}.element-type{font-size:11px;opacity:.7}.element-controls{display:flex;gap:4px}.element-controls button{padding:2px 6px;font-size:10px;border:none;border-radius:2px;cursor:pointer;background:#ffffff1a;color:currentColor}.element-controls button:hover{background:#fff3}.element-controls button:disabled{opacity:.5;cursor:not-allowed}.scene-controls{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.no-selection{text-align:center;color:#888;font-style:italic;padding:20px;font-size:12px}.visibility-toggle{opacity:.5;cursor:pointer;transition:opacity .2s;background:transparent!important;border:none!important;font-size:12px!important}.visibility-toggle.visible{opacity:1}.z-index-controls{display:flex;gap:2px}.z-index-controls button{width:20px;height:20px;padding:0;display:flex;align-items:center;justify-content:center;font-size:10px}.config-editor{color:#fff}.config-editor-header{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #3e3e42}.config-editor-header h3{margin:0 0 5px;color:#fff;font-size:14px;font-weight:600}.config-editor-header .description{margin:0;color:#ccc;font-size:12px}.config-editor-form{display:flex;flex-direction:column;gap:12px}.form-field{display:flex;flex-direction:column;gap:4px;min-height:32px}.form-field .field-row{display:flex;align-items:center;gap:8px}.form-field label{font-weight:500;color:#fff;font-size:12px;min-width:80px;flex-shrink:0;text-align:left}.form-field .macro-assignment-select{width:120px;flex-shrink:0;padding:6px 8px;border:1px solid #464647;border-radius:3px;font-size:12px;background:#3c3c3c;color:#fff}.form-field input,.form-field select:not(.macro-assignment-select){width:120px;flex-shrink:0;padding:6px 8px;border:1px solid #464647;border-radius:3px;font-size:12px;background:#3c3c3c;color:#fff;min-width:0}.form-field input:focus,.form-field select:focus{outline:none;border-color:#0e639c;box-shadow:0 0 0 2px #0e639c33}.form-field input[type=checkbox]{width:auto;margin:0;accent-color:#0e639c}.form-field input[type=color]{width:60px;height:32px;padding:2px;border-radius:3px}.form-field input[type=range]{width:120px}.file-input-container{width:120px;display:flex;flex-direction:column;gap:4px}.file-input-label{background:#0e639c;color:#fff;padding:6px 8px;border-radius:3px;cursor:pointer;text-align:center;font-size:12px;border:none;transition:background-color .2s}.current-file{font-size:10px;color:#ccc;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.file-preview{display:flex;justify-content:center}.file-preview img{border-radius:3px;border:1px solid #464647}.range-input-container{display:flex;align-items:center;gap:10px;width:120px}.range-input-container input[type=range]{flex:1}.field-description{color:#ccc;font-size:11px;font-style:italic;margin-top:4px}.form-field.has-description{flex-direction:column;align-items:stretch;gap:4px}.form-field.has-description .field-row{display:flex;align-items:center;gap:8px}.form-field.has-description label{min-width:80px}.form-field.has-description .macro-assignment-select{width:120px}.form-field.has-description input,.form-field.has-description select:not(.macro-assignment-select){width:120px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#2d2d30}::-webkit-scrollbar-thumb{background:#464647;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#565657}@media (max-width: 1200px){.main-workspace{flex-direction:column}.preview-panel{flex:1;border-right:none;border-bottom:1px solid #3e3e42}.side-panels{flex-direction:row;height:40vh}.layer-panel{border-bottom:none;border-right:1px solid #3e3e42;max-height:unset}.scene-name-display,.scene-name-input{max-width:250px}#canvas{width:300px;height:300px}}@media (max-width: 768px){.menu-bar{flex-wrap:wrap;height:auto;min-height:48px;padding:8px}.menu-section{margin-bottom:4px}.scene-name-section{order:-1;width:100%;margin-bottom:8px}.scene-name-display,.scene-name-input{max-width:200px}.side-panels{flex-direction:column;height:50vh}.layer-panel{border-right:none;border-bottom:1px solid #3e3e42;max-height:unset}#canvas{width:250px;height:250px}}.about-page-root{overflow:hidden}.about-container{flex:1;background:#252526;display:flex;flex-direction:column;overflow-y:auto;padding:32px 40px 60px}.about-content{max-width:900px;margin:0 auto;line-height:1.5;font-size:14px;color:#ccc}.about-content h1{font-size:28px;margin-bottom:16px;color:#fff;font-weight:600}.about-content h2{font-size:18px;margin:32px 0 12px;color:#fff;font-weight:600}.about-content .lead{font-size:15px;color:#ddd;margin-bottom:24px}.feature-list,.getting-started-list{margin-left:20px;display:flex;flex-direction:column;gap:6px}.getting-started-list li{margin-left:4px}.about-actions{margin-top:48px}@media (max-width: 768px){.about-container{padding:24px 20px 40px}.about-content h1{font-size:24px}.about-content h2{font-size:16px}}.macro-config{margin-bottom:20px}.macro-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.macro-header h4{margin:0;font-size:16px;color:#ccc}.macro-add-btn{font-size:12px;padding:4px 8px;background:#0e639c;color:#fff;border:none;border-radius:3px;cursor:pointer}.macro-add-btn:hover{background:#17b}.macro-list{background:#252526;border:1px solid #3e3e42;border-radius:4px;max-height:200px;overflow-y:auto}.macro-empty{padding:20px;text-align:center;color:#8e8e93;font-size:14px;font-style:italic}.macro-item{padding:8px 12px;border-bottom:1px solid #3e3e42}.macro-item:last-child{border-bottom:none}.macro-control{display:flex;align-items:center;gap:8px;margin-bottom:4px}.macro-label{font-weight:500;color:#ccc;min-width:80px;font-size:13px}.macro-control input,.macro-control select{flex:1;padding:2px 6px;border:1px solid #3e3e42;background:#1e1e1e;color:#ccc;border-radius:2px;font-size:12px}.macro-control input[type=checkbox]{flex:none;width:auto}.macro-control input[type=color]{width:30px;height:20px;padding:0;border:none;border-radius:2px}.macro-actions{display:flex;gap:4px}.btn-icon{background:none;border:none;color:#8e8e93;cursor:pointer;padding:2px 4px;border-radius:2px;font-size:12px}.btn-icon:hover{background:#3e3e42;color:#ccc}.macro-assignments{font-size:11px;color:#8e8e93;margin-left:88px}.macro-create-dialog,.macro-assignment-dialog{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:10000;display:flex;align-items:center;justify-content:center}.dialog-content{background:#2d2d30;border:1px solid #3e3e42;border-radius:6px;padding:20px;min-width:300px;max-width:500px;width:90vw;max-height:80vh;overflow-y:auto;margin:auto}.dialog-content h4{margin:0 0 15px;color:#ccc}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;color:#ccc;font-size:13px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:6px 8px;border:1px solid #3e3e42;background:#1e1e1e;color:#ccc;border-radius:3px;font-size:13px}.form-group textarea{resize:vertical;font-family:monospace}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px;padding-top:15px;border-top:1px solid #3e3e42}.current-assignment{margin-bottom:15px;padding:8px;background:#252526;border-radius:3px}.macro-options{margin-bottom:15px}.macro-options label{display:block;margin-bottom:8px;padding:4px;cursor:pointer;border-radius:3px}.macro-options label:hover{background:#3e3e42}.macro-options input[type=radio]{margin-right:8px}.label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.macro-btn{background:none;border:1px solid #3e3e42;color:#8e8e93;padding:2px 6px;border-radius:3px;cursor:pointer;font-size:12px;margin-left:8px}.macro-btn:hover{background:#3e3e42;color:#ccc}.macro-btn.assigned{background:#0e639c;color:#fff;border-color:#0e639c}.macro-btn.assigned:hover{background:#17b;border-color:#17b}.macro-assignment-select{background:#1e1e1e;border:1px solid #3e3e42;color:#ccc;padding:2px 6px;border-radius:3px;font-size:12px;margin-left:8px;min-width:120px}input:disabled[title*=macro],select:disabled[title*=macro]{background:#2a2a2a!important;color:#666!important;border-color:#666!important;cursor:not-allowed}input:disabled[title*=macro]::placeholder{color:#555}.field-row{display:flex;align-items:center;gap:8px}.field-row label{flex:0 0 auto;margin-bottom:0}.field-row input,.field-row select{flex:1}.file-input-container{display:flex;flex-direction:column;gap:6px}.file-input-label{display:inline-block;padding:6px 12px;background:#0e639c;color:#fff;border-radius:3px;cursor:pointer;font-size:12px;text-align:center}.file-input-label:hover{background:#17b}.file-preview{min-height:40px;border:1px dashed #3e3e42;border-radius:3px;display:flex;align-items:center;justify-content:center;padding:8px}.file-preview img{border-radius:2px}.current-file{font-size:11px;color:#8e8e93;font-style:italic}.file-input-container input[type=file]{display:none}.element-properties-panel.ae-style{background:#2c2c2c;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;line-height:1.2}.ae-element-header{background:#2d2d30;border-bottom:1px solid #3e3e42;padding:8px 12px;flex-shrink:0}.ae-element-title{font-size:13px;font-weight:600;color:#e0e0e0;margin:0}.ae-properties-container{padding:4px 0;overflow-y:auto;flex:1}.ae-property-group{border-bottom:1px solid #383838}.ae-group-header{display:flex;align-items:center;padding:6px 8px;background:#2c2c2c;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s}.ae-group-header:hover{background:#333}.ae-collapse-icon{width:12px;height:12px;display:flex;align-items:center;justify-content:center;margin-right:6px;font-size:10px;color:#a0a0a0;transition:transform .2s ease}.ae-collapse-icon.collapsed{transform:rotate(-90deg)}.ae-group-label{font-weight:700;font-size:11px;color:#e0e0e0}.ae-property-list{background:#2c2c2c}.ae-property-row{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 4px 26px;min-height:24px;border-bottom:1px solid rgba(255,255,255,.05)}.ae-property-row:hover{background:#ffffff08}.ae-property-label{display:flex;align-items:center;min-width:80px;flex-shrink:0;margin-right:8px}.ae-property-name{font-size:11px;color:#e0e0e0;cursor:default;-webkit-user-select:none;user-select:none}.ae-animation-icon{width:14px;height:14px;margin-left:4px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#666;cursor:pointer;transition:color .2s}.ae-animation-icon:hover,.ae-animation-icon.active{color:#0e639c}.ae-property-controls{display:flex;align-items:center;gap:6px;flex:1;justify-content:flex-end}.ae-macro-assignment{width:120px;height:20px;padding:2px 4px;font-size:10px;background:#383838;border:1px solid #464647;border-radius:2px;color:#e0e0e0;outline:none}.ae-macro-assignment:focus{border-color:#0e639c;box-shadow:0 0 0 1px #0e639c4d}.ae-property-input{flex:0 0 120px;max-width:120px}.ae-style .ae-property-input input,.ae-style .ae-property-input select{width:100%;height:20px;padding:2px 6px;font-size:11px;background:#383838;border:1px solid #464647;border-radius:2px;color:#e0e0e0;outline:none}.ae-style .ae-property-input input:focus,.ae-style .ae-property-input select:focus{border-color:#0e639c;box-shadow:0 0 0 1px #0e639c4d}.ae-style .ae-property-input input:disabled,.ae-style .ae-property-input select:disabled{background:#2a2a2a;color:#888;border-color:#3a3a3a}.ae-style .ae-property-input input[type=checkbox]{width:14px;height:14px;accent-color:#0e639c;margin:0}.ae-style .ae-property-input input[type=color]{width:40px;height:20px;padding:1px;border-radius:2px;cursor:pointer}.ae-style .ae-property-input input[type=range]{width:100%;height:4px;background:#464647;border:none;border-radius:2px;outline:none;cursor:pointer}.ae-style .ae-property-input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#0e639c;border-radius:50%;cursor:pointer}.ae-style .ae-property-input input[type=range]::-moz-range-thumb{width:12px;height:12px;background:#0e639c;border-radius:50%;border:none;cursor:pointer}.ae-style .file-input-container{width:100%;max-width:120px}.ae-style .file-input-label{background:#0e639c;color:#fff;padding:2px 6px;border-radius:2px;cursor:pointer;text-align:center;font-size:10px;border:none;transition:background-color .2s;display:block;width:100%}.ae-style .file-input-label:hover{background:#17b}.ae-style .current-file{font-size:9px;color:#a0a0a0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-top:2px}.ae-style .range-input-container{display:flex;align-items:center;gap:6px;width:100%}.ae-style .range-input-container input[type=range]{flex:1}.ae-style .range-input-container .range-value{font-size:10px;color:#a0a0a0;min-width:30px;text-align:right}.animation-test-page{background:#1e1e1e;color:#eee;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.animation-test-page h1,.animation-test-page h2{font-weight:600;letter-spacing:.5px}.phase-card{border:1px solid #444;padding:8px;margin-bottom:8px;background:#111;border-radius:4px}.phase-card.active{background:#223a55;border-color:#25608a}.text-input,.number-input,.select-input{background:#2d2d30;color:#eee;border:1px solid #464647;padding:4px 6px;border-radius:3px;font-size:12px}.text-input:focus,.number-input:focus,.select-input:focus{outline:none;border-color:#0e639c;box-shadow:0 0 0 2px #0e639c40}.color-input{width:48px;height:32px;padding:2px;background:#2d2d30;border:1px solid #464647;border-radius:4px}.btn{padding:4px 10px;background:#3c3c3c;color:#ccc;border:1px solid #464647;border-radius:3px;cursor:pointer;font-size:12px;font-weight:500;transition:background .15s,border-color .15s}.btn:hover{background:#464647}.btn.small{padding:2px 6px}.btn:disabled{opacity:.4;cursor:not-allowed}.field-label{font-size:11px;display:flex;flex-direction:column;gap:4px;color:#ccc}.grid-inputs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.animation-test-page select option{background:#1e1e1e;color:#eee}