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