.ds-page-main{overflow:hidden;padding:0!important}.ds-page-main>*{max-width:none!important;margin:0!important}.ds-wrap{background:var(--bg-base);border-top:0;flex-direction:column;height:100%;display:flex;overflow:hidden}.ds-toolbar{height:var(--workspace-header-height);background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:6px;padding:6.5px 10px;display:flex;overflow:auto hidden}.ds-group{flex-shrink:0;align-items:center;gap:4px;display:flex}.ds-sep{background:var(--border);flex-shrink:0;width:1px;height:24px;margin:0 5px}.ds-toolbar-label{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.66rem}.ds-preset-select,.ds-export-select{min-width:150px;min-height:32px;padding:5px 8px}.ds-export-select{min-width:165px}.ds-main{flex:1;grid-template-columns:250px minmax(0,1fr) 440px;min-height:0;display:grid;overflow:hidden}.ds-layers,.ds-preview,.ds-settings{border-right:1px solid var(--border);background:var(--bg-base);min-height:0;overflow:hidden}.ds-settings{border-right:0}.ds-panel-head{border-bottom:1px solid var(--border);background:var(--bg-surface);justify-content:space-between;align-items:center;gap:10px;height:45px;min-height:45px;padding:10px 12px;display:flex}.ds-label,.ds-section-title{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:.65rem;font-weight:500}.ds-meter{color:var(--text-muted);font-family:var(--font-mono);gap:12px;font-size:.68rem;display:flex}.ds-layer-actions{align-items:center;gap:4px;display:flex}.ds-layer-list{align-content:start;gap:6px;height:calc(100% - 45px);padding:10px;display:grid;overflow:auto}.ds-layer-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);min-height:42px;color:var(--text-secondary);text-align:left;cursor:pointer;grid-template-columns:24px minmax(0,1fr) 28px;align-items:center;gap:8px;padding:7px;display:grid}.ds-layer-item.active,.ds-layer-item:hover{color:var(--text-primary);border-color:var(--accent-teal-dim);background:var(--accent-soft)}.ds-layer-icon{border:1px solid var(--border);border-radius:var(--radius-sm);width:24px;height:24px;color:var(--accent-teal);background:var(--bg-base);font-family:var(--font-mono);place-items:center;font-size:.68rem;display:grid}.ds-layer-copy{gap:2px;min-width:0;display:grid}.ds-layer-copy strong{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-family:var(--font-body);letter-spacing:0;font-size:.78rem;font-weight:600;overflow:hidden}.ds-layer-copy span{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-family:var(--font-body);font-size:.64rem;overflow:hidden}.ds-layer-visible{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-base);width:26px;height:26px;color:var(--text-muted);cursor:pointer;place-items:center;display:grid}.ds-layer-visible.active{color:var(--accent-teal);border-color:var(--accent-teal-dim)}.ds-thumb{object-fit:cover;border:1px solid var(--border);background:var(--surface-canvas);width:56px;height:36px}.ds-panel-head strong{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-family:var(--font-body);letter-spacing:0;font-size:.78rem;font-weight:600;overflow:hidden}.ds-preview{flex-direction:column;display:flex}.ds-canvas-wrap{background-color:var(--surface-canvas);background-image:radial-gradient(circle,#7aa2d809 1px,#0000 1px);background-size:20px 20px;flex:1;place-items:center;min-height:0;padding:18px;display:grid;position:relative;overflow:auto}.ds-canvas-wrap.is-panning,.ds-canvas-wrap.is-panning #ds-canvas{cursor:grabbing}#ds-canvas{aspect-ratio:16/9;border:1px solid var(--border-mid);background:var(--bg-base);width:auto;max-width:none;height:auto;max-height:none;box-shadow:var(--shadow-md);cursor:grab;touch-action:none;display:block}#ds-canvas.is-dragging{cursor:grabbing}.ds-timeline{border-top:1px solid var(--border);background:var(--bg-surface);grid-template-columns:1.2fr .9fr 1fr 1fr;gap:12px;padding:10px 12px;display:grid}.ds-timeline label,.ds-control-grid label,.ds-check-label{min-width:0;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;gap:6px;font-size:.66rem;display:grid}.ds-timeline label span,.ds-control-grid label span{color:var(--text-mono);justify-self:end}.ds-timeline-actions{grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;min-height:28px;display:flex}.ds-shot-actions{align-items:center;gap:4px;display:flex}.ds-timeline-strip{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-base);grid-column:1/-1;gap:4px;min-height:28px;padding:4px;display:flex}.ds-timeline-shot{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);min-width:44px;color:var(--text-muted);font-family:var(--font-mono);text-align:left;cursor:pointer;font-size:.58rem;position:relative;overflow:hidden}.ds-timeline-shot:before{content:"";width:var(--shot-progress,0%);background:var(--accent-soft);position:absolute;inset:0}.ds-timeline-shot span{text-overflow:ellipsis;white-space:nowrap;padding:5px 7px;display:block;position:relative;overflow:hidden}.ds-timeline-shot.active{border-color:var(--accent-teal-dim);color:var(--accent-teal)}.ds-settings-scroll{align-content:start;gap:10px;height:calc(100% - 45px);padding:10px;display:grid;overflow:hidden auto}.ds-section{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);gap:10px;padding:10px;display:grid}.ds-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ds-wide .ds-control-grid{grid-template-columns:1fr 1fr}.ds-control-grid input:not([type=range]):not([type=checkbox]):not([type=color]),.ds-control-grid select{width:100%;min-height:32px;padding:6px 8px}.ds-control-grid input[type=color]{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);width:100%;height:32px;padding:2px}.ds-check-label,.ds-control-grid .ds-check-label{justify-content:flex-start;align-items:center;gap:8px;min-height:32px;display:flex}.ds-check-label input[type=checkbox],.ds-control-grid .ds-check-label input[type=checkbox]{flex:none;margin:0;transform:translateY(0)}.ds-element-editor{gap:10px;display:grid}.ds-empty-editor{color:var(--text-muted);font-family:var(--font-body);font-size:.76rem;line-height:1.45}.ds-library-overlay{z-index:520;background:var(--overlay-scrim-strong);justify-content:center;align-items:center;display:none;position:fixed;inset:0}.ds-library-overlay.open{display:flex}.ds-library-modal{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-surface);width:min(760px,100vw - 48px);max-height:min(720px,100vh - 48px);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.ds-library-modal-head{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--border);display:flex}.ds-library-modal-head h2{letter-spacing:0;margin-top:4px;font-size:1rem}.ds-library-close{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-base);width:32px;height:32px;color:var(--text-muted);cursor:pointer;place-items:center;font-size:1.2rem;line-height:1;display:grid}.ds-library-list{padding:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid;overflow:auto}.ds-library-empty{color:var(--text-muted);font-family:var(--font-body);margin:0;font-size:.76rem;line-height:1.45}.ds-library-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);min-height:108px;color:var(--text-secondary);text-align:left;gap:8px;padding:10px;display:grid}.ds-library-item.active,.ds-library-item:hover{border-color:var(--accent-teal-dim);color:var(--text-primary)}.ds-library-open{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:5px;padding:0;display:grid}.ds-library-open strong,.ds-library-open span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ds-library-open strong{font-family:var(--font-body);font-size:.78rem;font-weight:600}.ds-library-open span{color:var(--text-muted);font-family:var(--font-body);font-size:.68rem}.ds-library-actions{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.ds-library-actions button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-base);min-height:24px;color:var(--text-muted);font-family:var(--font-body);cursor:pointer;font-size:.66rem;font-weight:600}.ds-library-actions button:hover{border-color:var(--accent-teal-dim);color:var(--text-primary)}.ds-library-actions [data-action=delete]:hover{border-color:var(--accent-red);color:var(--accent-red)}@media (width<=1180px){.ds-main{grid-template-columns:220px minmax(0,1fr) 360px}.ds-control-grid,.ds-wide .ds-control-grid{grid-template-columns:1fr}}@media (width<=1050px){.ds-main{grid-template-columns:190px minmax(360px,1fr) 300px;overflow-x:auto}}@media (width<=800px){.ds-main{grid-template-rows:280px minmax(520px,70vh) 480px;grid-template-columns:1fr;overflow:auto}.ds-layers,.ds-preview,.ds-settings{border-right:0;border-bottom:1px solid var(--border);min-height:0}.ds-timeline{grid-template-columns:1fr 1fr}.ds-timeline label,.ds-control-grid label{font-size:.78rem}}