:root{--ge-primary:var(--main-primary);--ge-primary-hover:var(--main-primary-hover);--ge-text:#1e293b;--ge-text-muted:#64748b;--ge-bg:#fff;--ge-bg-hover:#f8fafc;--ge-border:#e2e8f0;--ge-border-hover:#cbd5e1;--ge-radius:var(--main-radius);--ge-radius-lg:var(--main-radius-lg);--ge-shadow:0 1px 3px #0000001a;--ge-shadow-lg:0 4px 12px #0000001a;--ge-danger:#ef4444;--ge-success:#10b981;--ge-checkerboard:repeating-conic-gradient(#e5e7eb 0% 25%, transparent 0% 50%) 50% / 16px 16px}._ge-container{max-width:960px;margin:0 auto}._ge-editor{gap:var(--main-space-4);flex-direction:column;display:flex}@media (max-width:768px){._ge-container{padding-left:1rem;padding-right:1rem}}._ge-upload-zone{border-style:dashed;border-width:2px;border-color:var(--ge-border);border-radius:var(--ge-radius-lg);background:var(--ge-bg);cursor:pointer;justify-content:center;align-items:center;min-height:350px;transition:border-color .15s,box-shadow .15s;display:flex}._ge-upload-zone:hover,._ge-upload-zone.dragover{border-color:var(--ge-primary);box-shadow:0 0 0 3px #6366f11a}._ge-upload-content{text-align:center;color:var(--ge-text-muted)}._ge-upload-content svg{color:var(--ge-border-hover);margin-bottom:var(--main-space-3)}._ge-upload-text{font-size:var(--main-text-lg);color:var(--ge-text);margin:0 0 var(--main-space-1) 0;font-weight:600}._ge-upload-hint{color:var(--ge-text-muted);margin:0 0 var(--main-space-2) 0}._ge-upload-formats{font-size:var(--main-text-xs);color:var(--ge-text-muted);opacity:.7;margin:0}._ge-loading{justify-content:center;align-items:center;gap:var(--main-space-3);min-height:350px;color:var(--ge-text-muted);flex-direction:column;display:flex}._ge-loading-spinner{border-style:solid;border-width:3px;border-color:var(--ge-border);border-top-color:var(--ge-primary);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite _ge-spin}@keyframes _ge-spin{to{transform:rotate(360deg)}}._ge-toolbar{background:var(--ge-bg);border-radius:var(--ge-radius-lg);border-style:solid;border-width:1px;border-color:var(--ge-border);box-shadow:var(--ge-shadow);overflow:hidden}._ge-toolbar-buttons{padding:var(--main-space-2);flex-wrap:wrap;align-items:center;gap:2px;display:flex}._ge-tool-btn{align-items:center;gap:var(--main-space-1);font-size:var(--main-text-xs);color:var(--ge-text-muted);border-radius:var(--ge-radius);cursor:pointer;white-space:nowrap;background:0 0;border-width:0;padding:.375rem .625rem;font-weight:500;transition:color .15s,background .15s;display:inline-flex}._ge-tool-btn:hover{color:var(--ge-text);background:var(--ge-bg-hover)}._ge-tool-btn.active{color:var(--ge-primary);background:#6366f114}._ge-tool-danger:hover{color:var(--ge-danger)}._ge-toolbar-sep{background:var(--ge-border);width:1px;height:20px;margin:0 var(--main-space-1)}._ge-tool-panel{align-items:center;gap:var(--main-space-2);padding:var(--main-space-2) var(--main-space-3);border-top-style:solid;border-top-width:1px;border-top-color:var(--ge-border);background:var(--ge-bg-hover);flex-wrap:wrap;display:flex}._ge-panel-label{font-size:var(--main-text-sm);color:var(--ge-text);white-space:nowrap;font-weight:500}._ge-panel-hint{font-size:var(--main-text-xs);color:var(--ge-text-muted)}._ge-panel-sep{color:var(--ge-text-muted);font-size:var(--main-text-sm)}._ge-info-bar{align-items:center;gap:var(--main-space-2);background:var(--ge-bg);border-radius:var(--ge-radius-lg);border-style:solid;border-width:1px;border-color:var(--ge-border);box-shadow:var(--ge-shadow);padding:var(--main-space-2) var(--main-space-3);font-size:var(--main-text-sm);flex-wrap:wrap;display:flex}._ge-info-item{color:var(--ge-text);font-weight:500}._ge-info-sep{color:var(--ge-border-hover)}._ge-info-actions{margin-left:auto}._ge-input{font-size:var(--main-text-sm);border-style:solid;border-width:1px;border-color:var(--ge-border);border-radius:var(--ge-radius);background:var(--ge-bg);color:var(--ge-text);outline:none;padding:.375rem .5rem;transition:border-color .15s}._ge-input:focus{border-color:var(--ge-primary)}._ge-input-unit{font-size:var(--main-text-xs);color:var(--ge-text-muted)}._ge-trim-input{text-align:center;width:64px}._ge-resize-input{text-align:center;width:72px}._ge-slider{width:120px;accent-color:var(--ge-primary)}._ge-speed-value{font-size:var(--main-text-sm);color:var(--ge-text);text-align:center;min-width:36px;font-weight:600}._ge-btn{align-items:center;gap:var(--main-space-1);font-size:var(--main-text-sm);border-radius:var(--ge-radius);cursor:pointer;white-space:nowrap;border-width:0;padding:.5rem 1rem;font-weight:500;transition:opacity .15s,background .15s,color .15s;display:inline-flex}._ge-btn-sm{font-size:var(--main-text-xs);padding:.375rem .625rem}._ge-btn-primary{background:var(--ge-primary);color:#fff;box-shadow:0 2px 8px #6366f140}._ge-btn-primary:hover{opacity:.9}._ge-btn-primary:disabled{opacity:.5;cursor:not-allowed}._ge-btn-secondary{background:var(--ge-bg);color:var(--ge-text);border-style:solid;border-width:1px;border-color:var(--ge-border)}._ge-btn-secondary:hover{background:var(--ge-bg-hover);border-color:var(--ge-border-hover)}._ge-btn-ghost{color:var(--ge-text-muted);background:0 0;padding:.375rem .625rem}._ge-btn-ghost:hover{color:var(--ge-text);background:var(--ge-bg-hover)}._ge-checkbox{align-items:center;gap:var(--main-space-1);cursor:pointer;font-size:var(--main-text-sm);color:var(--ge-text);display:flex}._ge-checkbox input{display:none}._ge-checkmark{border-style:solid;border-width:1.5px;border-color:var(--ge-border);background:var(--ge-bg);border-radius:3px;width:16px;height:16px;transition:all .15s;position:relative}._ge-checkbox input:checked+._ge-checkmark{background:var(--ge-primary);border-color:var(--ge-primary)}._ge-checkbox input:checked+._ge-checkmark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:8px;display:block;position:absolute;top:1.5px;left:4.5px;transform:rotate(45deg)}@media (max-width:768px){._ge-toolbar-buttons{gap:1px}._ge-tool-btn span{display:none}._ge-tool-btn{padding:.5rem}._ge-tool-panel{gap:var(--main-space-1);padding:var(--main-space-2)}._ge-slider{width:80px}._ge-info-bar{font-size:var(--main-text-xs);padding:var(--main-space-2)}}._ge-preview-area{align-items:center;gap:var(--main-space-3);flex-direction:column;display:flex}._ge-canvas-container{background:var(--ge-checkerboard);border-radius:var(--ge-radius-lg);border-style:solid;border-width:1px;border-color:var(--ge-border);width:100%;min-height:250px;max-height:500px;box-shadow:var(--ge-shadow);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}._ge-canvas-container canvas,._ge-canvas-container img{max-width:100%;max-height:500px;display:block}._ge-preview-controls{align-items:center;gap:var(--main-space-2);background:var(--ge-bg);border-radius:var(--ge-radius-lg);border-style:solid;border-width:1px;border-color:var(--ge-border);box-shadow:var(--ge-shadow);padding:var(--main-space-2) var(--main-space-3);display:flex}._ge-frame-indicator{font-size:var(--main-text-sm);color:var(--ge-text-muted);text-align:center;min-width:48px}@media (max-width:768px){._ge-canvas-container{min-height:180px;max-height:350px}._ge-canvas-container canvas,._ge-canvas-container img{max-height:350px}}._ge-timeline-section{background:var(--ge-bg);border-radius:var(--ge-radius-lg);border-style:solid;border-width:1px;border-color:var(--ge-border);box-shadow:var(--ge-shadow);padding:var(--main-space-3)}._ge-timeline-header{margin-bottom:var(--main-space-3);justify-content:space-between;align-items:center;display:flex}._ge-frame-count{font-size:var(--main-text-sm);color:var(--ge-text);font-weight:600}._ge-timeline-list{gap:var(--main-space-2);padding-bottom:var(--main-space-2);min-height:100px;display:flex;overflow-x:auto}._ge-timeline-list::-webkit-scrollbar{height:6px}._ge-timeline-list::-webkit-scrollbar-track{background:0 0}._ge-timeline-list::-webkit-scrollbar-thumb{background:var(--ge-border);border-radius:3px}._ge-frame-item{align-items:center;gap:var(--main-space-1);cursor:grab;flex-direction:column;flex-shrink:0;width:88px;display:flex;position:relative}._ge-frame-item:active{cursor:grabbing}._ge-frame-item.active ._ge-frame-thumb{border-color:var(--ge-primary);box-shadow:0 0 0 2px #6366f133}._ge-frame-thumb{border-radius:var(--ge-radius);border-style:solid;border-width:2px;border-color:var(--ge-border);background:var(--ge-checkerboard);width:80px;height:60px;transition:border-color .15s,box-shadow .15s;overflow:hidden}._ge-frame-thumb img{object-fit:contain;width:100%;height:100%;display:block}._ge-frame-delay{align-items:center;gap:2px;display:flex}._ge-frame-delay-input{width:48px;font-size:var(--main-text-xs);text-align:center;border-style:solid;border-width:1px;border-color:var(--ge-border);border-radius:var(--ge-radius);background:var(--ge-bg);color:var(--ge-text);outline:none;padding:2px 4px}._ge-frame-delay-input:focus{border-color:var(--ge-primary)}._ge-frame-delay-unit{color:var(--ge-text-muted);font-size:10px}._ge-frame-remove{background:var(--ge-danger);color:#fff;cursor:pointer;opacity:0;border-width:0;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:10px;transition:opacity .15s;display:flex;position:absolute;top:-4px;right:0}._ge-frame-item:hover ._ge-frame-remove{opacity:1}._ge-frame-number{color:var(--ge-text-muted);font-size:10px}._ge-frame-item.sortable-ghost{opacity:.4}._ge-frame-item.sortable-chosen{opacity:.8}@media (max-width:768px){._ge-frame-thumb{width:64px;height:48px}._ge-frame-item{width:72px}}._ge-export-section{justify-content:space-between;align-items:center;gap:var(--main-space-3);background:var(--ge-bg);border-radius:var(--ge-radius-lg);border-style:solid;border-width:1px;border-color:var(--ge-border);box-shadow:var(--ge-shadow);padding:var(--main-space-3) var(--main-space-4);display:flex}._ge-export-left{align-items:center;gap:var(--main-space-3);min-width:0;display:flex}._ge-output-info{font-size:var(--main-text-sm);color:var(--ge-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._ge-export-btns,._ge-progress-wrapper{align-items:center;gap:var(--main-space-2);display:flex}._ge-progress-bar{background:var(--ge-border);border-radius:3px;width:120px;height:6px;overflow:hidden}._ge-progress-fill{background:var(--ge-primary);border-radius:3px;width:0%;height:100%;transition:width .15s}._ge-progress-text{font-size:var(--main-text-xs);color:var(--ge-text-muted);text-align:right;min-width:32px}@media (max-width:768px){._ge-export-section{gap:var(--main-space-2);padding:var(--main-space-3);flex-direction:column}._ge-export-btns{flex-wrap:wrap;justify-content:flex-end;width:100%}._ge-export-btns ._ge-btn span{display:none}}