.app[data-astro-cid-ppr4gqxh]{display:flex;margin-top:70px;margin-bottom:70px;height:calc(100vh - 140px)}.panel-left[data-astro-cid-ppr4gqxh]{width:280px;min-width:280px;background:#111;border-right:1px solid #1a1a1a;display:flex;flex-direction:column;overflow-y:auto}.viewport[data-astro-cid-ppr4gqxh]{flex:1;position:relative;background:#0d0d0d}#canvas3d[data-astro-cid-ppr4gqxh]{width:100%;height:100%;display:block}.panel-right[data-astro-cid-ppr4gqxh]{width:300px;min-width:300px;background:#111;border-left:1px solid #1a1a1a;display:flex;flex-direction:column;overflow-y:auto}.section[data-astro-cid-ppr4gqxh]{padding:12px;border-bottom:1px solid #1a1a1a}.section-title[data-astro-cid-ppr4gqxh]{color:#0f8;font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.dropzone[data-astro-cid-ppr4gqxh]{border:2px dashed #333;border-radius:4px;padding:24px 12px;text-align:center;cursor:pointer;transition:border-color .2s}.dropzone[data-astro-cid-ppr4gqxh]:hover,.dropzone[data-astro-cid-ppr4gqxh].drag-over{border-color:#0f8}.dropzone-icon[data-astro-cid-ppr4gqxh]{font-size:32px;margin-bottom:8px}.dropzone-text[data-astro-cid-ppr4gqxh]{font-size:11px;color:#666}.dropzone-small[data-astro-cid-ppr4gqxh]{padding:12px 8px}.info-row[data-astro-cid-ppr4gqxh]{display:flex;justify-content:space-between;padding:3px 0;font-size:12px}.info-label[data-astro-cid-ppr4gqxh]{color:#666}.info-value[data-astro-cid-ppr4gqxh]{color:#ddd;text-align:right}.checkbox-row[data-astro-cid-ppr4gqxh]{margin-bottom:6px;display:flex;align-items:center;gap:8px}.checkbox-row[data-astro-cid-ppr4gqxh] label[data-astro-cid-ppr4gqxh]{font-size:11px;cursor:pointer;color:#aaa}.anim-item[data-astro-cid-ppr4gqxh]{padding:8px 12px;border-bottom:1px solid #1a1a1a;font-size:11px;cursor:pointer;transition:background .15s}.anim-item[data-astro-cid-ppr4gqxh]:hover{background:#1a1a1a}.anim-item[data-astro-cid-ppr4gqxh].active{background:#00ff8815;border-left:2px solid #00ff88}.anim-item-header[data-astro-cid-ppr4gqxh]{display:flex;justify-content:space-between;align-items:center}.anim-item-name[data-astro-cid-ppr4gqxh] input[data-astro-cid-ppr4gqxh]{background:transparent;border:1px solid #333;color:#ddd;font-size:11px;font-family:inherit;padding:2px 4px;width:140px;border-radius:2px}.anim-item-name[data-astro-cid-ppr4gqxh] input[data-astro-cid-ppr4gqxh]:focus{border-color:#0f8;outline:none}.anim-item-duration[data-astro-cid-ppr4gqxh]{color:#666;font-size:10px}.anim-item-remove[data-astro-cid-ppr4gqxh]{color:#666;cursor:pointer;font-size:14px;padding:0 4px;transition:color .15s}.anim-item-remove[data-astro-cid-ppr4gqxh]:hover{color:#f44}.btn[data-astro-cid-ppr4gqxh]{display:block;width:100%;padding:10px;border:1px solid #333;background:transparent;color:silver;font-family:inherit;font-size:12px;cursor:pointer;text-align:center;transition:all .2s}.btn[data-astro-cid-ppr4gqxh]:hover,.btn-primary[data-astro-cid-ppr4gqxh]{border-color:#0f8;color:#0f8}.btn-primary[data-astro-cid-ppr4gqxh]:hover{background:#00ff8815}.btn[data-astro-cid-ppr4gqxh]:disabled{opacity:.3;cursor:not-allowed}.btn[data-astro-cid-ppr4gqxh]+.btn[data-astro-cid-ppr4gqxh]{margin-top:6px}.size-compare[data-astro-cid-ppr4gqxh]{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:13px}.size-original[data-astro-cid-ppr4gqxh]{color:#666;text-decoration:line-through}.size-arrow[data-astro-cid-ppr4gqxh]{color:#0f8}.size-compressed[data-astro-cid-ppr4gqxh]{color:#0f8;font-weight:700}.size-ratio[data-astro-cid-ppr4gqxh]{color:#f80;font-size:11px}.header[data-astro-cid-ppr4gqxh]{padding:8px 12px;background:#0a0a0a;border-bottom:1px solid #1a1a1a;display:flex;align-items:center;gap:8px}.header-title[data-astro-cid-ppr4gqxh]{color:#0f8;font-size:13px;font-weight:700}.header-sub[data-astro-cid-ppr4gqxh]{color:#444;font-size:10px}.viewport-empty[data-astro-cid-ppr4gqxh]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#333;font-size:13px}.viewport-info[data-astro-cid-ppr4gqxh]{position:absolute;bottom:8px;left:8px;font-size:10px;color:#444;pointer-events:none}.progress-overlay[data-astro-cid-ppr4gqxh]{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;z-index:10;display:none}.progress-overlay[data-astro-cid-ppr4gqxh].active{display:flex}.progress-bar[data-astro-cid-ppr4gqxh]{width:200px;height:4px;background:#333;border-radius:2px}.progress-bar-inner[data-astro-cid-ppr4gqxh]{height:100%;background:#0f8;border-radius:2px;width:0%;transition:width .2s}.progress-text[data-astro-cid-ppr4gqxh]{color:#0f8;font-size:11px}@media(max-width:1024px){.app[data-astro-cid-ppr4gqxh]{flex-direction:column;height:auto}.panel-left[data-astro-cid-ppr4gqxh]{width:100%;min-width:unset;border-right:none;border-bottom:1px solid #1a1a1a}.panel-right[data-astro-cid-ppr4gqxh]{width:100%;min-width:unset;border-left:none;border-top:1px solid #1a1a1a}.viewport[data-astro-cid-ppr4gqxh]{min-height:50vh}}@media(max-width:640px){.app[data-astro-cid-ppr4gqxh]{margin-top:50px;margin-bottom:50px}.viewport[data-astro-cid-ppr4gqxh]{min-height:40vh}.header-title[data-astro-cid-ppr4gqxh]{font-size:12px}.info-row[data-astro-cid-ppr4gqxh]{font-size:11px}.anim-item-name[data-astro-cid-ppr4gqxh] input[data-astro-cid-ppr4gqxh]{width:100px}}