html.dark{color-scheme:dark;--el-color-primary:#2263f8;--el-color-primary-light-3:#1e4bb4;--el-color-primary-light-5:#1b3c86;--el-color-primary-light-7:#182c58;--el-color-primary-light-8:#172442;--el-color-primary-light-9:#151c2b;--el-color-primary-dark-2:#4e82f9;--el-color-success:#00b884;--el-color-success-light-3:#068762;--el-color-success-light-5:#0a664c;--el-color-success-light-7:#0e4536;--el-color-success-light-8:#10352a;--el-color-success-light-9:#12241f;--el-color-success-dark-2:#33c69d;--el-color-warning:#e6a23c;--el-color-warning-light-3:#a77730;--el-color-warning-light-5:#7d5b28;--el-color-warning-light-7:#533f20;--el-color-warning-light-8:#3e301c;--el-color-warning-light-9:#292218;--el-color-warning-dark-2:#ebb563;--el-color-danger:#dc3545;--el-color-danger-light-3:#a02b36;--el-color-danger-light-5:#78252d;--el-color-danger-light-7:#501e23;--el-color-danger-light-8:#3c1b1e;--el-color-danger-light-9:#281719;--el-color-danger-dark-2:#e35d6a;--el-color-error:#f56c6c;--el-color-error-light-3:#b25252;--el-color-error-light-5:#854040;--el-color-error-light-7:#582e2e;--el-color-error-light-8:#412626;--el-color-error-light-9:#2b1d1d;--el-color-error-dark-2:#f78989;--el-color-info:#909399;--el-color-info-light-3:#6b6d71;--el-color-info-light-5:#525457;--el-color-info-light-7:#393a3c;--el-color-info-light-8:#2d2d2f;--el-color-info-light-9:#202121;--el-color-info-dark-2:#a6a9ad;--el-box-shadow:0px 12px 32px 4px rgba(0,0,0,.36),0px 8px 20px rgba(0,0,0,.72);--el-box-shadow-light:0px 0px 12px rgba(0,0,0,.72);--el-box-shadow-lighter:0px 0px 6px rgba(0,0,0,.72);--el-box-shadow-dark:0px 16px 48px 16px rgba(0,0,0,.72),0px 12px 32px #000,0px 8px 16px -8px #000;--el-bg-color-page:#0a0a0a;--el-bg-color:#141414;--el-bg-color-overlay:#1d1e1f;--el-text-color-primary:#e5eaf3;--el-text-color-regular:#cfd3dc;--el-text-color-secondary:#a3a6ad;--el-text-color-placeholder:#8d9095;--el-text-color-disabled:#6c6e72;--el-border-color-darker:#636466;--el-border-color-dark:#58585b;--el-border-color:#4c4d4f;--el-border-color-light:#414243;--el-border-color-lighter:#363637;--el-border-color-extra-light:#2b2b2c;--el-fill-color-darker:#424243;--el-fill-color-dark:#39393a;--el-fill-color:#303030;--el-fill-color-light:#262727;--el-fill-color-lighter:#1d1d1d;--el-fill-color-extra-light:#191919;--el-fill-color-blank:transparent;--el-mask-color:rgba(0,0,0,.8);--el-mask-color-extra-light:rgba(0,0,0,.3)}html.dark .el-button{--el-button-disabled-text-color:hsla(0,0%,100%,.5)}html.dark .el-card{--el-card-bg-color:var(--el-bg-color-overlay)}html.dark .el-empty{--el-empty-fill-color-0:var(--el-color-black);--el-empty-fill-color-1:#4b4b52;--el-empty-fill-color-2:#36383d;--el-empty-fill-color-3:#1e1e20;--el-empty-fill-color-4:#262629;--el-empty-fill-color-5:#202124;--el-empty-fill-color-6:#212224;--el-empty-fill-color-7:#1b1c1f;--el-empty-fill-color-8:#1c1d1f;--el-empty-fill-color-9:#18181a}.gif-compose{--bg-body:#f0f4ff;--primary-light:#eef4ff}.gif-compose .hidden-input{display:none}.gif-compose .upload-box-icon-t{height:80px;margin-bottom:24px;width:80px}.gif-compose .editor-layout{background-color:#f0f2f5;bottom:0;display:flex;flex:1;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:12}.gif-compose .workspace{display:flex;flex:1;flex-direction:column;gap:20px;justify-content:center;overflow:hidden}.gif-compose .workspace .canvas-area{align-items:center;background:#e5e5e5;background-image:linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0);background-size:20px 20px;box-shadow:inset 0 0 20px #0000000d;flex:1;justify-content:center}.gif-compose .canvas-stage,.gif-compose .workspace .canvas-area{display:flex;overflow:hidden;position:relative}.gif-compose .layer-bg{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.gif-compose .layer-bg img{display:block;height:100%;width:100%}.gif-compose .layer-fg{left:0;position:absolute;top:0;z-index:10}.gif-compose .timeline{align-items:center;background:#fff;display:flex;gap:10px;height:100px;overflow-x:auto;padding:10px}.gif-compose .thumb{border:2px solid transparent;border-radius:8px;cursor:pointer;cursor:grab;flex-shrink:0;height:70px;overflow:hidden;position:relative;transition:all .2s;width:70px}.gif-compose .thumb.is-dragging{border:2px dashed #2263f8;opacity:.4;transform:scale(.9)}.gif-compose .thumb img{height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.gif-compose .thumb.active{border-color:var(--color-primary);box-shadow:0 4px 10px #2263f833;transform:translateY(-2px)}.gif-compose .thumb .del{align-items:center;background:var(--gt-danger);border-radius:50%;color:#fff;display:flex;font-size:12px;height:20px;justify-content:center;opacity:0;position:absolute;right:2px;top:2px;transition:.2s;width:20px}.gif-compose .thumb:hover .del{opacity:1}.gif-compose .sidebar{background:#fff;border-right:1px solid #dcdfe6;box-shadow:-2px 0 8px #0000000d;display:flex;flex-direction:column;width:380px;z-index:20}.gif-compose .sidebar-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:10px;padding:20px}.gif-compose .scroll-content{flex:1;overflow-y:auto;padding:20px}.gif-compose .section-title{color:var(--text-sec);font-size:12px;font-weight:600;margin:20px 0 10px;text-transform:uppercase}.gif-compose .section-title:first-child{margin-top:0}.gif-compose .control-card{background:var(--bg-body);border-radius:8px;margin-bottom:12px;padding:12px;transition:.2s}.gif-compose .control-card:hover{background:#f0f4ff}.gif-compose .row{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.gif-compose .row:last-child{margin-bottom:0}.gif-compose .lbl{font-size:13px;font-weight:500}.gif-compose .layer-item{align-items:center;background:var(--bg-body);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px 12px;transition:.2s}.gif-compose .layer-item.active{background:var(--primary-light);border:1px solid var(--color-primary);color:var(--color-primary)}.gif-compose .align-grid{display:grid;gap:4px;grid-template-columns:repeat(3,1fr);width:90px}.gif-compose .align-btn{align-items:center;background:#fff;border:1px solid var(--border);border-radius:4px;cursor:pointer;display:flex;height:24px;justify-content:center}.gif-compose .align-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.gif-compose .dot{background:#ccc;border-radius:50%;height:4px;width:4px}.gif-compose .align-btn:hover .dot{background:var(--color-primary)}.gif-compose .loading-overlay{align-items:center;background:#fffffff2;top:0;right:0;bottom:0;left:0;justify-content:center;position:fixed;z-index:9999}.gif-compose .loading-overlay,.gif-compose .thumb-list-container{display:flex;flex-direction:column}.gif-compose .thumb-list-container .toolbar{background-color:#f9fafb;border-bottom:1px solid #f3f4f6;color:#6b7280;font-size:12px;padding:4px 16px;text-align:center}.gif-compose .range-wrap{display:flex;flex:1;flex-direction:column;gap:5px;padding-bottom:20px}.gif-compose .range-wrap .el-slider{padding:6px 4px 0}@media (max-width:768px){.gif-compose .editor-layout{flex-direction:column;overflow-y:auto}.gif-compose .workspace{min-height:50vh}.gif-compose .sidebar{border-left:none;border-top:1px solid var(--border);min-height:50vh;width:100%}}.gif-compose .delLayer{color:#ff6b6b;transform:rotate(45deg)}