.toolbar[data-astro-cid-k2qgjl73]{background:var(--secondary);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.toolbar-group[data-astro-cid-k2qgjl73]{align-items:center;gap:.5rem;display:flex}.toolbar-btn[data-astro-cid-k2qgjl73]{background:var(--background);border:1px solid var(--border);color:var(--foreground);cursor:pointer;border-radius:4px;padding:.5rem;transition:all .15s}.toolbar-btn[data-astro-cid-k2qgjl73]:hover{background:var(--accent)}.toolbar-btn[data-astro-cid-k2qgjl73].hidden{display:none}.toolbar-label[data-astro-cid-k2qgjl73]{color:var(--muted-foreground);font-size:.875rem}.toolbar-select[data-astro-cid-k2qgjl73],.toolbar-input[data-astro-cid-k2qgjl73]{background:var(--background);border:1px solid var(--border);color:var(--foreground);border-radius:4px;padding:.375rem .5rem;font-size:.875rem}.toolbar-input[data-astro-cid-k2qgjl73]{width:5rem}.time-display[data-astro-cid-k2qgjl73]{background:var(--background);border:1px solid var(--border);border-radius:4px;padding:.375rem .75rem;font-family:monospace;font-size:.875rem}.main-area[data-astro-cid-k2qgjl73]{grid-template-columns:1fr 280px;gap:1rem;margin-bottom:1rem;display:grid}@media (width<=768px){.main-area[data-astro-cid-k2qgjl73]{grid-template-columns:1fr}}.preview-area[data-astro-cid-k2qgjl73]{background:var(--secondary);border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;min-height:400px;padding:1rem;display:flex}.canvas-container[data-astro-cid-k2qgjl73]{max-width:100%;max-height:100%;position:relative}#preview-canvas[data-astro-cid-k2qgjl73]{background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;max-width:100%;max-height:500px}.dark #preview-canvas[data-astro-cid-k2qgjl73]{background-image:linear-gradient(45deg,#444 25%,#0000 25%),linear-gradient(-45deg,#444 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#444 75%),linear-gradient(-45deg,#0000 75%,#444 75%)}.layer-panel[data-astro-cid-k2qgjl73]{background:var(--secondary);border:1px solid var(--border);border-radius:8px;padding:1rem}.layer-buttons[data-astro-cid-k2qgjl73]{gap:.5rem;margin-bottom:.75rem;display:flex}.layer-add-btn[data-astro-cid-k2qgjl73]{background:var(--background);border:1px solid var(--border);color:var(--foreground);cursor:pointer;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:.25rem;padding:.5rem;font-size:.75rem;transition:all .15s;display:flex}.layer-add-btn[data-astro-cid-k2qgjl73]:hover{background:var(--accent);border-color:var(--primary)}.layer-list[data-astro-cid-k2qgjl73]{flex-direction:column;gap:.25rem;max-height:200px;margin-bottom:.75rem;display:flex;overflow-y:auto}.layer-settings[data-astro-cid-k2qgjl73]{border-top:1px solid var(--border);padding-top:.75rem}.settings-grid[data-astro-cid-k2qgjl73]{grid-template-columns:auto 1fr;align-items:center;gap:.5rem;font-size:.875rem;display:grid}.settings-input[data-astro-cid-k2qgjl73]{background:var(--background);border:1px solid var(--border);width:100%;color:var(--foreground);border-radius:4px;padding:.375rem .5rem;font-size:.875rem}.settings-textarea[data-astro-cid-k2qgjl73]{background:var(--background);border:1px solid var(--border);width:100%;color:var(--foreground);resize:vertical;border-radius:4px;padding:.375rem .5rem;font-size:.875rem}.settings-select[data-astro-cid-k2qgjl73]{background:var(--background);border:1px solid var(--border);width:100%;color:var(--foreground);border-radius:4px;padding:.375rem .5rem;font-size:.875rem}.settings-color[data-astro-cid-k2qgjl73]{border:1px solid var(--border);cursor:pointer;border-radius:4px;width:100%;height:32px;padding:0}.input-with-unit[data-astro-cid-k2qgjl73]{align-items:center;gap:.25rem;display:flex}.input-with-unit[data-astro-cid-k2qgjl73] span[data-astro-cid-k2qgjl73]{color:var(--muted-foreground);font-size:.75rem}.timeline-container[data-astro-cid-k2qgjl73]{background:var(--secondary);border:1px solid var(--border);border-radius:8px;margin-bottom:1rem;padding:.5rem;position:relative;overflow-x:auto}.timeline-header[data-astro-cid-k2qgjl73]{height:24px;margin-bottom:.25rem}.timeline-ruler[data-astro-cid-k2qgjl73]{min-width:100%;height:100%;position:relative}.timeline-tracks[data-astro-cid-k2qgjl73]{flex-direction:column;gap:4px;min-height:100px;display:flex;position:relative}.playhead[data-astro-cid-k2qgjl73]{pointer-events:none;z-index:10;background:#ef4444;width:2px;position:absolute;top:0;bottom:0;left:0}.playhead[data-astro-cid-k2qgjl73]:before{content:"";clip-path:polygon(50% 100%,0 0,100% 0);background:#ef4444;width:10px;height:10px;position:absolute;top:0;left:-4px}.export-section[data-astro-cid-k2qgjl73]{background:var(--secondary);border:1px solid var(--border);border-radius:8px;padding:1rem}.export-buttons[data-astro-cid-k2qgjl73]{flex-wrap:wrap;gap:.5rem;display:flex}.export-btn[data-astro-cid-k2qgjl73]{background:var(--primary);color:var(--primary-foreground);cursor:pointer;border:none;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:opacity .15s;display:flex}.export-btn[data-astro-cid-k2qgjl73]:hover{opacity:.9}.export-btn[data-astro-cid-k2qgjl73]:disabled{opacity:.5;cursor:not-allowed}.export-progress[data-astro-cid-k2qgjl73]{align-items:center;gap:1rem;margin-top:1rem;display:flex}.progress-bar[data-astro-cid-k2qgjl73]{background:var(--border);border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-fill[data-astro-cid-k2qgjl73]{background:var(--primary);width:0%;height:100%;transition:width .2s}.progress-text[data-astro-cid-k2qgjl73]{color:var(--muted-foreground);min-width:4rem;font-size:.875rem}.layer-item{background:var(--background);border:1px solid var(--border);cursor:pointer;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem;transition:all .15s;display:flex}.layer-item:hover{background:var(--accent)}.layer-item.selected{border-color:var(--primary);background:var(--accent)}.layer-item-icon{color:var(--muted-foreground);flex-shrink:0}.layer-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.875rem;overflow:hidden}.layer-item-visibility{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;transition:all .15s}.layer-item-visibility:hover{color:var(--foreground);background:var(--secondary)}.layer-item-visibility.hidden-layer{opacity:.4}.layer-item-move{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;transition:all .15s}.layer-item-move:hover{color:var(--foreground);background:var(--accent)}.layer-item-delete{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;transition:all .15s}.layer-item-delete:hover{color:var(--destructive);background:var(--destructive-foreground)}.timeline-track{background:var(--background);border-radius:4px;height:28px;position:relative}.timeline-bar{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;align-items:center;height:24px;padding:0 .5rem;font-size:.75rem;transition:opacity .15s;display:flex;position:absolute;top:2px;overflow:hidden}.timeline-bar:hover{opacity:.9}.timeline-bar.selected{outline:2px solid var(--foreground);outline-offset:1px}.timeline-bar.image-bar{color:#fff;background:#3b82f6}.timeline-bar.subtitle-bar{color:#fff;background:#10b981}.ruler-mark{color:var(--muted-foreground);font-size:10px;position:absolute;bottom:0;transform:translate(-50%)}.ruler-mark:before{content:"";background:var(--border);width:1px;height:8px;position:absolute;bottom:12px;left:50%}.subtitle-dialog{background:var(--background);border:1px solid var(--border);z-index:100;border-radius:12px;min-width:400px;max-width:90vw;padding:1.5rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #0000004d}.subtitle-dialog-backdrop{z-index:99;background:#00000080;position:fixed;inset:0}.dialog-title{border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.75rem;font-size:1.125rem;font-weight:600}.dialog-field{margin-bottom:1rem}.dialog-label{color:var(--foreground);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.dialog-textarea{background:var(--secondary);border:1px solid var(--border);width:100%;color:var(--foreground);resize:vertical;border-radius:6px;min-height:80px;padding:.75rem;font-size:.875rem}.dialog-textarea:focus{border-color:var(--primary);outline:none}.dialog-row{grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:.5rem;display:grid}.dialog-row-4{grid-template-columns:1fr 1fr 1fr 1fr}.dialog-color{background:var(--secondary);border:1px solid var(--border);cursor:pointer;border-radius:6px;width:100%;height:38px;padding:2px}.dialog-color:focus{border-color:var(--primary);outline:none}.dialog-select,.dialog-input{background:var(--secondary);border:1px solid var(--border);width:100%;color:var(--foreground);border-radius:6px;padding:.625rem .75rem;font-size:.875rem}.dialog-select:focus,.dialog-input:focus{border-color:var(--primary);outline:none}.dialog-input-group{align-items:center;gap:.5rem;display:flex}.dialog-input-group .dialog-input{flex:1}.dialog-unit{color:var(--muted-foreground);white-space:nowrap;font-size:.875rem}.dialog-buttons{border-top:1px solid var(--border);justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;display:flex}.dialog-btn{cursor:pointer;border-radius:6px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .15s}.dialog-btn-primary{background:var(--primary);color:var(--primary-foreground);border:none}.dialog-btn-primary:hover{opacity:.9}.dialog-btn-secondary{background:var(--secondary);color:var(--foreground);border:1px solid var(--border)}.dialog-btn-secondary:hover{background:var(--accent)}