.sw-auth-gate{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--sw-bg-app)}.sw-auth-card{width:320px;display:flex;flex-direction:column;gap:var(--sw-space-2);padding:var(--sw-space-6);background:var(--sw-bg-panel);border:1px solid var(--sw-border-default);border-radius:var(--sw-radius-lg)}.sw-auth-title{font-size:var(--sw-text-size-body);font-weight:var(--sw-font-weight-semibold);color:var(--sw-text-primary);margin:0}.sw-auth-subtitle{font-size:var(--sw-text-size-small);color:var(--sw-text-secondary);margin:0 0 var(--sw-space-3) 0}.sw-auth-label{font-size:var(--sw-text-size-small);color:var(--sw-text-secondary);margin-top:var(--sw-space-2)}.sw-auth-input{background:var(--sw-bg-elevated);border:1px solid var(--sw-border-default);border-radius:var(--sw-radius-sm);color:var(--sw-text-primary);font-family:var(--sw-font-family);font-size:var(--sw-text-size-body);padding:var(--sw-space-2) var(--sw-space-3);outline:none}.sw-auth-input:focus{border-color:var(--sw-accent)}.sw-auth-error{color:var(--sw-danger);font-size:var(--sw-text-size-small);margin:0}.sw-auth-submit{margin-top:var(--sw-space-3);background:var(--sw-accent);color:var(--sw-text-primary);border:none;border-radius:var(--sw-radius-sm);padding:var(--sw-space-2) var(--sw-space-3);font-family:var(--sw-font-family);font-size:var(--sw-text-size-body);font-weight:var(--sw-font-weight-medium);cursor:pointer}.sw-auth-submit:hover{background:var(--sw-accent-hover)}.sw-auth-submit:disabled{background:var(--sw-bg-active);color:var(--sw-text-disabled);cursor:not-allowed}.sw-auth-switch{background:none;border:none;color:var(--sw-text-tertiary);font-family:var(--sw-font-family);font-size:var(--sw-text-size-small);cursor:pointer;padding:var(--sw-space-1) 0}.sw-auth-switch:hover{color:var(--sw-text-secondary)}.sw-dashboard{width:100%;height:100%;overflow-y:auto;background:var(--sw-bg-app);padding:var(--sw-space-6);display:flex;flex-direction:column}.sw-dashboard__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--sw-space-6)}.sw-dashboard__error{color:var(--sw-danger);font-size:var(--sw-text-size-small);margin:0 0 var(--sw-space-4) 0}.sw-dashboard__title{font-size:var(--sw-text-size-body);font-weight:var(--sw-font-weight-semibold);color:var(--sw-text-primary);margin:0}.sw-dashboard__subtitle{font-size:var(--sw-text-size-small);color:var(--sw-text-tertiary);margin:var(--sw-space-1) 0 0 0}.sw-dashboard__section{flex:1;background:var(--sw-bg-panel);border:1px solid var(--sw-border-default);border-radius:var(--sw-radius-lg);padding:var(--sw-space-5)}.sw-dashboard__section-title{font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-semibold);color:var(--sw-text-secondary);margin:0 0 var(--sw-space-4) 0}.sw-dashboard__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sw-space-4)}.sw-project-card{display:flex;flex-direction:column;gap:var(--sw-space-3);background:var(--sw-bg-panel-alt);border:1px solid var(--sw-border-default);border-radius:var(--sw-radius-md);padding:var(--sw-space-3);cursor:pointer;text-align:left;font-family:var(--sw-font-family)}.sw-project-card:hover{border-color:var(--sw-accent)}.sw-project-card__thumb{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--sw-bg-elevated);border-radius:var(--sw-radius-sm)}.sw-project-card__actions{position:absolute;top:var(--sw-space-1);right:var(--sw-space-1);display:none;gap:var(--sw-space-1)}.sw-project-card:hover .sw-project-card__actions{display:inline-flex}.sw-card-action{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:var(--sw-radius-sm);background:var(--sw-bg-hover);color:var(--sw-text-secondary);cursor:pointer}.sw-card-action:hover{color:var(--sw-text-primary);background:var(--sw-bg-active)}.sw-project-card__name{color:var(--sw-text-secondary);font-size:var(--sw-text-size-small)}.sw-project-card:hover .sw-project-card__name{color:var(--sw-text-primary)}.sw-project-card--new{width:200px;align-items:center;justify-content:center;aspect-ratio:16 / 9;background:var(--sw-bg-panel);border:1px dashed var(--sw-border-default);border-radius:var(--sw-radius-md);color:var(--sw-text-tertiary);gap:var(--sw-space-2);margin-bottom:var(--sw-space-6);padding:0}.sw-project-card--new:hover{border-color:var(--sw-accent);color:var(--sw-text-primary)}.sw-dashboard__new-input{width:80%;background:var(--sw-bg-elevated);border:1px solid var(--sw-border-default);border-radius:var(--sw-radius-sm);color:var(--sw-text-primary);font-family:var(--sw-font-family);font-size:var(--sw-text-size-small);padding:var(--sw-space-1) var(--sw-space-2);outline:none}.sw-dashboard__new-confirm{background:var(--sw-accent);color:var(--sw-text-primary);border:none;border-radius:var(--sw-radius-sm);padding:var(--sw-space-1) var(--sw-space-3);font-size:var(--sw-text-size-small);cursor:pointer}.sw-side-panel{position:absolute;top:94px;right:var(--sw-space-3);bottom:var(--sw-space-3);width:380px;display:flex;flex-direction:column;background:var(--sw-bg-elevated);border:1px solid var(--sw-border-default);border-radius:var(--sw-radius-md);box-shadow:var(--sw-shadow-lg);overflow:hidden;z-index:10}.sw-side-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--sw-space-2) var(--sw-space-3);border-bottom:1px solid var(--sw-border-subtle);flex-shrink:0}.sw-side-panel__title{font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-semibold);color:var(--sw-text-primary)}.sw-side-panel__grid{overflow-y:auto;padding:var(--sw-space-3);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sw-space-3);align-content:start}.sw-side-panel__card{display:flex;flex-direction:column;gap:var(--sw-space-1);cursor:grab}.sw-side-panel__card:active{cursor:grabbing}.sw-side-panel__thumb{position:relative;width:100%;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;background:var(--sw-bg-panel-alt);border:1px solid var(--sw-border-default);border-radius:var(--sw-radius-sm);color:var(--sw-text-tertiary);overflow:hidden}.sw-side-panel__proxy{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:var(--sw-space-1);padding:var(--sw-space-1);background:linear-gradient(to top,color-mix(in srgb,var(--sw-bg-base) 82%,transparent),transparent)}.sw-side-panel__proxy-label{color:var(--sw-text-secondary);font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-medium);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sw-side-panel__proxy-track{height:3px;width:100%;background:color-mix(in srgb,var(--sw-text-primary) 16%,transparent);border-radius:var(--sw-radius-full);overflow:hidden}.sw-side-panel__proxy-fill{display:block;height:100%;background:var(--sw-accent);border-radius:var(--sw-radius-full);transition:width .2s ease}.sw-side-panel__badge{position:absolute;top:var(--sw-space-1);left:var(--sw-space-1);max-width:calc(100% - var(--sw-space-4));padding:0 var(--sw-space-1);background:color-mix(in srgb,var(--sw-bg-base) 72%,transparent);color:var(--sw-text-secondary);font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-medium);line-height:var(--sw-control-h-sm);border-radius:var(--sw-radius-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.sw-side-panel__badge--warn{background:var(--sw-orange);color:var(--sw-text-primary)}.sw-side-panel__card-actions{position:absolute;top:var(--sw-space-1);right:var(--sw-space-1);display:none;gap:var(--sw-space-1)}.sw-side-panel__card:hover .sw-side-panel__card-actions{display:inline-flex}.sw-card-action{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:var(--sw-radius-sm);background:var(--sw-bg-elevated);color:var(--sw-text-secondary);cursor:pointer}.sw-card-action:hover{color:var(--sw-text-primary);background:var(--sw-bg-hover)}.sw-side-panel__rename{background:var(--sw-bg-panel);border:1px solid var(--sw-accent);border-radius:var(--sw-radius-sm);color:var(--sw-text-primary);font-family:var(--sw-font-family);font-size:var(--sw-text-size-small);padding:0 var(--sw-space-1);outline:none;width:100%}.sw-side-panel__thumb-img{width:100%;height:100%;object-fit:cover}.sw-side-panel__card:hover .sw-side-panel__thumb{border-color:var(--sw-accent);color:var(--sw-text-primary)}.sw-side-panel__card-name{color:var(--sw-text-secondary);font-size:var(--sw-text-size-small);line-height:var(--sw-text-line-height-small);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sw-side-panel__card:hover .sw-side-panel__card-name{color:var(--sw-text-primary)}.sw-icon-button--small{width:24px;height:24px}.sw-nodemenu{position:absolute;top:50%;z-index:5;pointer-events:none}.sw-nodemenu__node{pointer-events:auto}.sw-nodemenu__scrim{position:absolute;pointer-events:none;background:color-mix(in srgb,var(--sw-bg-panel) 32%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);-webkit-mask-image:radial-gradient(ellipse at center,#000 42%,transparent 82%);mask-image:radial-gradient(ellipse at center,#000 42%,transparent 82%);transition:width var(--sw-motion-glide) var(--sw-ease-out),height var(--sw-motion-glide) var(--sw-ease-out)}.sw-nodemenu__wires{position:absolute;transform:translateY(-50%);overflow:visible;pointer-events:none}.sw-nodemenu__wires path{fill:none;stroke:var(--sw-text-primary);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.sw-nodemenu__node{position:absolute;transform:translateY(-50%);box-sizing:border-box;width:max-content;height:44px;display:flex;align-items:center;gap:var(--sw-space-2);padding:4px var(--sw-space-3) 4px 4px;border:1px solid var(--sw-border-strong);border-radius:var(--sw-radius-full);background:var(--sw-bg-active);box-shadow:var(--sw-shadow-lg);cursor:pointer;white-space:nowrap;opacity:.9;transition:opacity var(--sw-motion-fast) var(--sw-ease-out);animation:sw-nodemenu-fade var(--sw-motion-glide) var(--sw-ease-out)}.sw-nodemenu__node:hover{opacity:1}.sw-nodemenu__node:focus,.sw-nodemenu__node:focus-visible{outline:none}.sw-nodemenu__node--open{opacity:1;border-color:var(--sw-teal)}.sw-nodemenu__node--open .sw-nodemenu__dot{background:var(--sw-teal)}.sw-nodemenu__node--icon{justify-content:center;padding:4px}.sw-nodemenu__cardwire{position:absolute;height:2.5px;transform:translateY(-50%);background:var(--sw-text-primary);border-radius:var(--sw-radius-xs)}@keyframes sw-nodemenu-fade{0%{opacity:0}}.sw-nodemenu__card{position:absolute;transform:translateY(-50%);width:340px;display:flex;flex-direction:column;gap:var(--sw-space-4);padding:var(--sw-space-4);border:1px solid var(--sw-border-strong);border-radius:var(--sw-radius-md);background:var(--sw-bg-elevated);box-shadow:var(--sw-shadow-lg);pointer-events:auto;animation:sw-nodemenu-fade var(--sw-motion-glide) var(--sw-ease-out)}.sw-nodemenu__card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sw-space-2)}.sw-nodemenu__card-headleft{display:flex;align-items:center;gap:var(--sw-space-2);min-width:0}.sw-nodemenu__card-headright{display:flex;align-items:center;gap:var(--sw-space-3)}.sw-nodemenu__factions{display:flex;align-items:center;gap:var(--sw-space-1)}.sw-nodemenu__faction{display:inline-flex;align-items:center;gap:var(--sw-space-1);height:26px;padding:0 var(--sw-space-2);border:1px solid var(--sw-border-subtle);border-radius:var(--sw-radius-sm);background:var(--sw-bg-panel);color:var(--sw-text-secondary);font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-medium);cursor:pointer;transition:color var(--sw-motion-fast) var(--sw-ease-out),background var(--sw-motion-fast) var(--sw-ease-out),border-color var(--sw-motion-fast) var(--sw-ease-out)}.sw-nodemenu__faction:hover{color:var(--sw-text-primary);background:var(--sw-bg-elevated);border-color:var(--sw-border-strong)}.sw-nodemenu__faction--close{width:26px;padding:0;justify-content:center}.sw-nodemenu__faction--close:hover{color:var(--sw-text-primary);border-color:var(--sw-border-strong)}.sw-nodemenu__grab{display:inline-flex;align-items:center;justify-content:center;width:32px;height:28px;padding:0;border:1px solid var(--sw-border-subtle);border-radius:var(--sw-radius-sm);background:var(--sw-bg-panel);color:var(--sw-text-secondary);cursor:grab;touch-action:none;transition:color var(--sw-motion-fast) var(--sw-ease-out),background var(--sw-motion-fast) var(--sw-ease-out),border-color var(--sw-motion-fast) var(--sw-ease-out)}.sw-nodemenu__grab:hover{color:var(--sw-text-primary);background:var(--sw-bg-elevated);border-color:var(--sw-border-strong)}.sw-nodemenu__grab:active{cursor:grabbing;color:var(--sw-teal);border-color:var(--sw-teal)}.sw-nodemenu__card--float{position:absolute;transform:none;z-index:60;box-shadow:var(--sw-shadow-xl, var(--sw-shadow-lg))}.sw-nodemenu__card-titlewrap{display:flex;align-items:baseline;gap:var(--sw-space-2);min-width:0}.sw-nodemenu__card-title{font-size:var(--sw-text-size-body);font-weight:var(--sw-font-weight-semibold);color:var(--sw-text-primary)}.sw-nodemenu__panel{width:340px;gap:var(--sw-space-3)}.sw-nodemenu__prow{display:flex;align-items:center;gap:var(--sw-space-2)}.sw-nodemenu__prow .sw-nodemenu__dot{width:24px;height:24px}.sw-nodemenu__prow-label{flex:0 0 64px;font-size:var(--sw-text-size-small);color:var(--sw-text-secondary)}.sw-nodemenu__prow-key{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;border:none;border-radius:var(--sw-radius-full);background:transparent;color:var(--sw-text-secondary);cursor:pointer;transition:color var(--sw-motion-fast) var(--sw-ease-out)}.sw-nodemenu__prow-key:hover:not(:disabled){color:var(--sw-text-primary)}.sw-nodemenu__prow-key.is-on{color:var(--sw-teal)}.sw-nodemenu__prow-key:disabled{opacity:.35;cursor:default}.sw-nodemenu__pcard{width:300px;gap:var(--sw-space-3)}.sw-nodemenu__pfield{display:flex;align-items:center;gap:var(--sw-space-2)}.sw-nodemenu__pfield>span{flex:0 0 76px;font-size:var(--sw-text-size-small);color:var(--sw-text-tertiary)}.sw-nodemenu__pfield input,.sw-nodemenu__pfield textarea{flex:1;min-width:0;padding:var(--sw-space-1) var(--sw-space-2);border:1px solid var(--sw-border-default);border-radius:var(--sw-radius-sm);background:var(--sw-bg-panel);color:var(--sw-text-primary);font-family:var(--sw-font-family);font-size:var(--sw-text-size-small);outline:none;resize:none}.sw-nodemenu__pfield input:focus,.sw-nodemenu__pfield textarea:focus{border-color:var(--sw-teal)}.sw-nodemenu__pfield input[type=color]{flex:0 0 40px;height:26px;padding:2px;cursor:pointer}.sw-nodemenu__pval{flex:1;font-size:var(--sw-text-size-small);color:var(--sw-text-secondary);font-variant-numeric:tabular-nums}.sw-nodemenu__card-time{display:inline-flex;align-items:baseline;gap:var(--sw-space-2);font-size:var(--sw-text-size-body);font-variant-numeric:tabular-nums;color:var(--sw-teal)}.sw-nodemenu__card-timelabel{font-size:var(--sw-text-size-small);font-variant-numeric:normal;color:var(--sw-text-tertiary)}.sw-nodemenu__card-time.is-out{color:var(--sw-text-tertiary)}.sw-nodemenu__addrow{display:flex;justify-content:flex-end;margin-top:calc(var(--sw-space-1) * -1)}.sw-nodemenu__card-add{display:inline-flex;align-items:center;gap:var(--sw-space-2);padding:var(--sw-space-1) var(--sw-space-3);height:28px;border:1px solid var(--sw-teal);border-radius:var(--sw-radius-sm);background:var(--sw-teal-subtle);color:var(--sw-teal);font-family:var(--sw-font-family);font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-medium);cursor:pointer;transition:background var(--sw-motion-fast) var(--sw-ease-out),border-color var(--sw-motion-fast) var(--sw-ease-out)}.sw-nodemenu__card-add:hover:not(:disabled){background:color-mix(in srgb,var(--sw-teal) 22%,transparent)}.sw-nodemenu__card-add.is-on{background:transparent;border-color:var(--sw-border-strong);color:var(--sw-text-secondary)}.sw-nodemenu__card-add.is-on:hover:not(:disabled){border-color:var(--sw-danger);color:var(--sw-danger)}.sw-nodemenu__card-add:disabled{opacity:.4;cursor:default}.sw-nodemenu__card-slider{display:flex;align-items:center;gap:var(--sw-space-2)}.sw-nodemenu__slider{flex:1;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:var(--sw-radius-full);background:linear-gradient(to right,var(--sw-accent) 0,var(--sw-accent) var(--fill, 0%),var(--sw-bg-active) var(--fill, 0%),var(--sw-bg-active) 100%);outline:none;cursor:pointer}.sw-nodemenu__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;border-radius:var(--sw-radius-full);background:var(--sw-text-primary);border:2px solid var(--sw-accent);box-shadow:var(--sw-shadow-sm);transition:transform var(--sw-motion-fast) var(--sw-ease-out)}.sw-nodemenu__slider:active::-webkit-slider-thumb{transform:scale(1.15)}.sw-nodemenu__track{position:relative;height:48px;background:var(--sw-bg-panel);border:1px solid var(--sw-border-default);border-radius:var(--sw-radius-sm);box-shadow:inset 0 1px 2px #00000059;cursor:ew-resize}.sw-nodemenu__track-line{position:absolute;left:6%;right:6%;top:50%;height:2px;transform:translateY(-50%);background:var(--sw-border-strong);border-radius:var(--sw-radius-xs);pointer-events:none}.sw-nodemenu__track-playhead{position:absolute;top:0;bottom:0;width:1.5px;transform:translate(-50%);background:var(--sw-danger);pointer-events:none}.sw-nodemenu__track-playhead:before{content:"";position:absolute;top:-1px;left:-4px;width:9px;height:8px;background:var(--sw-danger);clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%)}.sw-nodemenu__track-scale{display:flex;align-items:baseline;justify-content:space-between;margin-top:calc(var(--sw-space-1) * -1);font-size:var(--sw-text-size-small);font-variant-numeric:tabular-nums;color:var(--sw-text-tertiary)}.sw-nodemenu__track-now{display:inline-flex;align-items:baseline;gap:var(--sw-space-2);font-variant-numeric:tabular-nums}.sw-nodemenu__track-nowlabel{font-size:var(--sw-text-size-small);color:var(--sw-text-tertiary)}.sw-nodemenu__track-nowval{font-size:var(--sw-text-size-body);color:var(--sw-teal)}.sw-nodemenu__track-now.is-out .sw-nodemenu__track-nowval{color:var(--sw-text-tertiary)}.sw-nodemenu__track-key{position:absolute;top:50%;width:11px;height:11px;margin:0;transform:translate(-50%,-50%) rotate(45deg);background:var(--sw-text-primary);border-radius:var(--sw-radius-xs);cursor:ew-resize;transition:background var(--sw-motion-fast) var(--sw-ease-out)}.sw-nodemenu__track-key.is-active{background:var(--sw-teal)}.sw-nodemenu__eases{display:flex;align-items:center;gap:var(--sw-space-1)}.sw-nodemenu__ease{flex:1;padding:4px 0;border:1px solid var(--sw-border-default);border-radius:var(--sw-radius-sm);background:var(--sw-bg-panel);color:var(--sw-text-secondary);font-family:var(--sw-font-family);font-size:var(--sw-text-size-small);cursor:pointer;transition:background var(--sw-motion-fast) var(--sw-ease-out),color var(--sw-motion-fast) var(--sw-ease-out)}.sw-nodemenu__ease:hover:not(:disabled){color:var(--sw-text-primary);border-color:var(--sw-border-strong)}.sw-nodemenu__ease.is-on{background:var(--sw-teal-subtle);border-color:var(--sw-teal);color:var(--sw-teal)}.sw-nodemenu__ease:disabled{opacity:.35;cursor:default}.sw-nodemenu__ease--del{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:26px;color:var(--sw-text-tertiary)}.sw-nodemenu__ease--del:hover{color:var(--sw-danger);border-color:var(--sw-danger)}.sw-nodemenu__val{width:26px;flex-shrink:0;text-align:right;font-size:var(--sw-text-size-small);font-variant-numeric:tabular-nums;color:var(--sw-text-secondary)}.sw-nodemenu__dot{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:var(--sw-radius-full);background:var(--sw-text-primary);color:#1a1a1a}.sw-nodemenu__text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.sw-nodemenu__label{font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-medium);color:var(--sw-text-primary)}.sw-nodemenu__hint{font-size:var(--sw-text-size-small);color:var(--sw-text-tertiary)}.sw-nodemenu__kfmark{width:8px;height:8px;flex-shrink:0;margin-left:auto;transform:rotate(45deg);border-radius:var(--sw-radius-xs);background:var(--sw-teal)}.sw-tl{flex:1 0 auto;overflow-x:auto;overflow-y:hidden;position:relative;background:var(--sw-bg-panel);display:flex;flex-direction:column}.sw-tl__content{position:relative;min-width:100%;flex:1;display:flex;flex-direction:column}.sw-tl__add-track{position:sticky;left:0;display:flex;gap:var(--sw-space-2);padding:var(--sw-space-2) var(--sw-space-3);width:fit-content}.sw-tl__add-track button{background:transparent;border:1px dashed var(--sw-border-default);border-radius:var(--sw-radius-sm);color:var(--sw-text-tertiary);font-family:var(--sw-font-family);font-size:var(--sw-text-size-small);padding:var(--sw-space-1) var(--sw-space-3);cursor:pointer}.sw-tl__add-track button:hover{border-color:var(--sw-accent);color:var(--sw-text-primary)}.sw-tl__ruler{position:relative;overflow:hidden;border-bottom:1px solid var(--sw-border-default);cursor:col-resize;-webkit-user-select:none;user-select:none;background:var(--sw-bg-panel-alt)}.sw-tl__tick{position:absolute;top:6px;font-size:var(--sw-text-size-small);color:var(--sw-text-tertiary);border-left:1px solid var(--sw-border-strong);padding-left:4px;height:100%;pointer-events:none}.sw-tl__tick-minor{position:absolute;bottom:0;width:1px;height:6px;background:var(--sw-border-strong);opacity:.55;pointer-events:none}.sw-tl__void{flex:1;display:flex}.sw-tl__void-gutter{position:sticky;left:0;flex-shrink:0;background:var(--sw-bg-panel-alt);border-right:1px solid var(--sw-border-default);z-index:6}.sw-tl__corner{position:sticky;left:0;height:100%;background:var(--sw-bg-panel-alt);border-right:1px solid var(--sw-border-default);z-index:5}.sw-tl__head{position:sticky;left:0;width:120px;height:calc(100% + 1px);display:flex;align-items:center;justify-content:center;padding:0 var(--sw-space-1);background:var(--sw-bg-panel-alt);border-right:1px solid var(--sw-border-default);z-index:6;cursor:grab}.sw-tl__head:active{cursor:grabbing}.sw-tl__head-grip{display:inline-flex;align-items:center;justify-content:center;width:14px;height:22px;flex-shrink:0;color:var(--sw-text-disabled)}.sw-tl__head-pills{display:flex;align-items:center;gap:5px}.sw-tl__head-pill{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;border:none;border-radius:var(--sw-radius-full);background:var(--sw-bg-elevated);color:var(--sw-text-secondary);cursor:pointer}button.sw-tl__head-pill:hover{background:var(--sw-bg-hover);color:var(--sw-text-primary)}.sw-tl__head-pill--kind{color:var(--sw-text-tertiary);cursor:default}.sw-tl__head-pill--empty{background:transparent}.sw-tl__head-pill--on{color:var(--sw-accent)}.sw-tl__head-empty{display:block;width:100%;height:100%}.sw-tl__lane--locked .sw-tl__clip{cursor:not-allowed;opacity:.75}.sw-tl__lane--dim,.sw-tl__lane--solo-dimmed{opacity:.55}.sw-tl__lanes{position:relative;background:var(--sw-bg-panel)}.sw-tl__lane{position:relative;border-bottom:1px solid var(--sw-border-subtle)}.sw-tl__lane--menu{z-index:5}.sw-tl__lane--drop{background:var(--sw-accent-subtle)}.sw-tl__lane--drop-insert{background:color-mix(in srgb,var(--sw-orange) 16%,transparent)}.sw-tl__drop-insert-label{position:absolute;top:var(--sw-space-1);right:var(--sw-space-2);z-index:4;background:var(--sw-orange);color:var(--sw-text-primary);font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-semibold);padding:0 var(--sw-space-2);border-radius:var(--sw-radius-sm);line-height:var(--sw-control-h-sm);pointer-events:none}.sw-tl__lane-label{position:sticky;left:6px;top:4px;display:inline-block;margin-top:4px;font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-semibold);color:var(--sw-text-tertiary);z-index:2;pointer-events:none}.sw-tl__clip{--sw-tl-title-h: 22px;position:absolute;top:6px;bottom:6px;background:var(--sw-bg-elevated);border:1px solid var(--sw-border-strong);border-radius:var(--sw-radius-sm);display:flex;align-items:center;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;transition:left var(--sw-motion-glide) var(--sw-ease-out),width var(--sw-motion-glide) var(--sw-ease-out)}.sw-tl.is-instant .sw-tl__clip{transition:none}.sw-tl__clip--trimming{transition:left var(--sw-motion-nudge) linear,width var(--sw-motion-nudge) linear}.sw-tl__clip--slip-hover{cursor:ew-resize;box-shadow:inset 0 0 0 1px var(--sw-accent)}.sw-tl__clip--slide-hover{cursor:col-resize;box-shadow:inset 0 0 0 1px var(--sw-orange)}.sw-tl__drag-readout{position:fixed;transform:translate(12px,-50%);background:var(--sw-bg-elevated);color:var(--sw-text-primary);font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-medium);padding:var(--sw-space-1) var(--sw-space-2);border-radius:var(--sw-radius-sm);box-shadow:var(--sw-shadow-md);pointer-events:none;z-index:60;white-space:nowrap}.sw-tl__clip--floating{z-index:20;transition:none;cursor:grabbing;box-shadow:var(--sw-shadow-lg);opacity:.95}.sw-tl__clip--media{background:#2b3a5c;border-color:transparent}.sw-tl__clip--text{background:#3c2f58;border-color:#594682}.sw-tl__clip--shape{background:#274a41;border-color:#3a6e60}.sw-tl__clip--composition{background:#4a3820;border-color:#7a5c33}.sw-tl__clip--selected{border-color:var(--sw-text-primary)}.sw-tl__lane--audio .sw-tl__clip--media{background:var(--sw-clip-audio-bg);border-color:transparent}.sw-tl__lane .sw-tl__clip--selected{border-color:var(--sw-text-primary)}.sw-tl__wave{position:absolute;top:var(--sw-tl-title-h);left:0;right:0;bottom:3px;pointer-events:none;z-index:0}.sw-tl__wave svg{display:block;width:100%;height:100%;fill:var(--sw-clip-audio-wave)}.sw-tl__poster{position:absolute;top:var(--sw-tl-title-h);left:0;right:0;bottom:0;background-size:auto 100%;background-repeat:repeat-x;background-position:left center;z-index:0;pointer-events:none}.sw-tl__lane--video .sw-tl__clip--media{background:var(--sw-bg-panel-alt)}.sw-tl__lane--video .sw-tl__clip-name{background:var(--sw-clip-title-bg)}.sw-tl__clip-name{position:absolute;top:0;left:0;right:0;height:var(--sw-tl-title-h);display:flex;align-items:center;z-index:2;padding:0 var(--sw-space-2);font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-medium);color:var(--sw-text-primary);background:#ffffff24;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.sw-tl__clip-open{display:none;align-items:center;gap:var(--sw-space-1);height:var(--sw-control-h-sm);padding:0 var(--sw-space-2);border:none;border-radius:var(--sw-radius-sm);position:absolute;right:var(--sw-space-2);bottom:var(--sw-space-2);z-index:3;background:var(--sw-accent);color:var(--sw-text-primary);font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-medium);cursor:pointer}.sw-tl__clip--selected .sw-tl__clip-open{display:inline-flex}.sw-tl__clip-open:hover{background:var(--sw-accent-hover);color:var(--sw-text-primary)}.sw-tl__clip-handle{position:absolute;top:0;bottom:0;width:3px;cursor:ew-resize;z-index:3}.sw-tl__clip--selected .sw-tl__clip-handle:before,.sw-tl__clip-handle:hover:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:2px;height:18px;border-radius:var(--sw-radius-full);background-image:repeating-linear-gradient(to bottom,rgba(20,20,20,.9) 0 2px,transparent 2px 5px)}.sw-tl__clip-handle:after{content:"";position:absolute;top:0;bottom:0;left:-4px;right:-4px}.sw-tl__clip-handle--l{left:0}.sw-tl__clip-handle--r{right:0}.sw-tl__kf-strip{position:absolute;left:0;right:0;bottom:2px;height:8px;pointer-events:none;z-index:2}.sw-tl__kf{position:absolute;bottom:0;width:7px;height:7px;margin-left:-3.5px;background:var(--sw-text-primary);border-radius:var(--sw-radius-xs);transform:rotate(45deg);box-shadow:0 0 0 1px #00000080}.sw-tl__clip--selected .sw-tl__clip-handle{background:var(--sw-text-primary)}.sw-tl__clip-handle:hover{background:var(--sw-text-primary);opacity:.7}.sw-tl__roll{position:absolute;top:6px;bottom:6px;width:22px;display:flex;align-items:center;justify-content:center;gap:0;color:var(--sw-text-primary);cursor:ew-resize;z-index:4}.sw-tl__roll:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:70%;background:#f2f2f2d9;border-radius:var(--sw-radius-full);opacity:0;transition:opacity .1s ease}.sw-tl__roll:hover:after{opacity:1}.sw-tl__roll:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18px;height:34px;background:#101010eb;border-radius:var(--sw-radius-sm);opacity:0;transition:opacity .08s ease}.sw-tl__roll svg{position:relative;opacity:0;transition:opacity .08s ease}.sw-tl__roll:active:before,.sw-tl__roll:active svg{opacity:1}.sw-tl__roll:active:after{opacity:0}.sw-tl__roll-label{position:absolute;top:100%;left:50%;transform:translate(-50%);line-height:1;white-space:nowrap;padding:2px 5px;border-radius:var(--sw-radius-xs);background:#101010eb;font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-medium);color:var(--sw-text-primary);opacity:0;pointer-events:none;z-index:10;transition:opacity .08s ease}.sw-tl__roll:hover .sw-tl__roll-label,.sw-tl__roll:active .sw-tl__roll-label{opacity:1}.sw-tl__playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--sw-danger);pointer-events:none;z-index:8}.sw-tl__playhead-cap{position:absolute;top:0;left:-6px;width:13px;height:14px;background:var(--sw-danger);clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%);pointer-events:none}.sw-tl__playhead-grab{position:absolute;top:0;bottom:0;left:-6px;width:13px;pointer-events:auto;cursor:ew-resize}.sw-tl--blade .sw-tl__clip{cursor:none}.sw-tl__blade-line{position:absolute;top:0;bottom:0;width:1.5px;background:var(--sw-text-primary);pointer-events:none;z-index:5}.sw-tl__blade-cursor{position:fixed;z-index:60;transform:translate(10px,-8px);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--sw-radius-full);background:var(--sw-text-primary);color:#1a1a1a;box-shadow:var(--sw-shadow-lg);pointer-events:none}.sw-tl__io-range{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--sw-accent) 14%,transparent);pointer-events:none}.sw-tl__io-mark{position:absolute;top:0;bottom:0;width:2px;background:var(--sw-accent);pointer-events:none}.sw-tl__io-mark--in:before,.sw-tl__io-mark--out:before{content:"";position:absolute;top:0;width:0;height:0;border-top:6px solid var(--sw-accent)}.sw-tl__io-mark--in:before{border-left:6px solid transparent;left:0}.sw-tl__io-mark--out:before{border-right:6px solid transparent;right:0}.sw-tl__marquee{position:fixed;border:1px solid var(--sw-accent);background:color-mix(in srgb,var(--sw-accent) 12%,transparent);pointer-events:none;z-index:50}.sw-props{position:absolute;top:94px;right:var(--sw-space-3);max-height:calc(100% - 94px - var(--sw-space-3));width:260px;display:flex;flex-direction:column;background:var(--sw-bg-elevated);border:1px solid var(--sw-border-default);border-radius:var(--sw-radius-md);box-shadow:var(--sw-shadow-lg);overflow:hidden;z-index:11;transition:right .15s ease}.sw-props--shifted{right:calc(380px + var(--sw-space-3) * 2)}.sw-props__titlebar{display:flex;align-items:center;justify-content:space-between;padding:var(--sw-space-2) var(--sw-space-3);border-bottom:1px solid var(--sw-border-subtle);flex-shrink:0}.sw-props__title{font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-semibold);color:var(--sw-text-primary);min-width:0}.sw-props__crumbs{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sw-props__body{overflow-y:auto;padding:var(--sw-space-3)}.sw-props__header{margin-bottom:var(--sw-space-3)}.sw-props__name{width:100%;background:transparent;border:1px solid transparent;border-radius:var(--sw-radius-sm);color:var(--sw-text-primary);font-family:var(--sw-font-family);font-size:var(--sw-text-size-body);font-weight:var(--sw-font-weight-medium);padding:var(--sw-space-1) var(--sw-space-2);margin-left:calc(var(--sw-space-2) * -1);outline:none}.sw-props__name:hover{border-color:var(--sw-border-default)}.sw-props__name:focus{background:var(--sw-bg-panel);border-color:var(--sw-accent)}.sw-props__cta{display:flex;align-items:center;justify-content:center;gap:var(--sw-space-2);width:100%;margin-bottom:var(--sw-space-4);padding:var(--sw-space-2) var(--sw-space-3);border:1px solid var(--sw-border-default);border-radius:var(--sw-radius-sm);background:var(--sw-bg-elevated);color:var(--sw-text-primary);font-family:var(--sw-font-family);font-size:var(--sw-text-size-body);font-weight:var(--sw-font-weight-medium);cursor:pointer}.sw-props__cta:hover{border-color:var(--sw-accent);background:var(--sw-bg-hover)}.sw-props__cta:active{background:var(--sw-bg-active)}.sw-props__group{margin-bottom:var(--sw-space-4)}.sw-props__group h3{font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-semibold);color:var(--sw-text-secondary);margin:0 0 var(--sw-space-2) 0}.sw-prop-field{display:flex;align-items:center;justify-content:space-between;gap:var(--sw-space-2);margin-bottom:var(--sw-space-1)}.sw-prop-field>span{font-size:var(--sw-text-size-small);color:var(--sw-text-tertiary)}.sw-prop-field input[type=number],.sw-prop-field input[type=text],.sw-prop-field select{width:110px;background:var(--sw-bg-elevated);border:1px solid var(--sw-border-default);border-radius:var(--sw-radius-sm);color:var(--sw-text-primary);font-family:var(--sw-font-family);font-size:var(--sw-text-size-small);padding:var(--sw-space-1) var(--sw-space-2);outline:none}.sw-prop-field--wide input{width:140px}.sw-prop-field--stacked{flex-direction:column;align-items:stretch}.sw-prop-field--stacked textarea{width:100%;resize:vertical;background:var(--sw-bg-elevated);border:1px solid var(--sw-border-default);border-radius:var(--sw-radius-sm);color:var(--sw-text-primary);font-family:var(--sw-font-family);font-size:var(--sw-text-size-small);padding:var(--sw-space-1) var(--sw-space-2);outline:none}.sw-prop-field--stacked textarea:focus{border-color:var(--sw-accent)}.sw-prop-field input:focus,.sw-prop-field select:focus{border-color:var(--sw-accent)}.sw-prop-field input[type=color]{width:40px;height:24px;padding:0;border:1px solid var(--sw-border-default);border-radius:var(--sw-radius-sm);background:none;cursor:pointer}.sw-recsetup__scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:200}.sw-recsetup{width:420px;max-width:calc(100vw - var(--sw-space-6));max-height:calc(100vh - var(--sw-space-6));overflow-y:auto;background:var(--sw-bg-panel);border:1px solid var(--sw-border-default);border-radius:var(--sw-radius-lg);box-shadow:var(--sw-shadow-lg);padding:var(--sw-space-4);font-family:var(--sw-font-family)}.sw-recsetup__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sw-space-4)}.sw-recsetup__title{color:var(--sw-text-primary);font-size:var(--sw-text-size-body);font-weight:var(--sw-font-weight-semibold)}.sw-recsetup__close{display:inline-flex;align-items:center;justify-content:center;width:var(--sw-control-h);height:var(--sw-control-h);border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:var(--sw-text-secondary);border-radius:var(--sw-radius-sm);cursor:pointer}.sw-recsetup__close:hover{background:var(--sw-bg-hover);color:var(--sw-text-primary)}.sw-recsetup__label{color:var(--sw-text-secondary);font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-medium);margin:var(--sw-space-3) 0 var(--sw-space-2)}.sw-recsetup__modes{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sw-space-2)}.sw-recsetup__mode{display:flex;flex-direction:column;align-items:center;gap:var(--sw-space-2);padding:var(--sw-space-4) var(--sw-space-2);border:1px solid var(--sw-border-default);border-radius:var(--sw-radius-md);background:var(--sw-bg-panel-alt);color:var(--sw-text-secondary);font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-medium);cursor:pointer;text-align:center}.sw-recsetup__mode:hover{color:var(--sw-text-primary)}.sw-recsetup__mode.is-on{border-color:var(--sw-accent);background:var(--sw-accent-subtle);color:var(--sw-text-primary)}.sw-recsetup__row{display:flex;gap:var(--sw-space-2)}.sw-recsetup__field{display:flex;flex-direction:column;gap:var(--sw-space-1);flex:1}.sw-recsetup__field--grow{flex:1}.sw-recsetup__field>span{color:var(--sw-text-secondary);font-size:var(--sw-text-size-small)}.sw-recsetup__field select{height:var(--sw-control-h);padding:0 var(--sw-space-2);background:var(--sw-bg-elevated);color:var(--sw-text-primary);border:1px solid var(--sw-border-default);border-radius:var(--sw-radius-sm);font-family:var(--sw-font-family);font-size:var(--sw-text-size-small);cursor:pointer}.sw-recsetup__field select:disabled{opacity:.5;cursor:default}.sw-recsetup__toggle-row{display:flex;align-items:center;gap:var(--sw-space-2);margin-bottom:var(--sw-space-2)}.sw-recsetup__toggle{display:inline-flex;align-items:center;gap:var(--sw-space-1);height:var(--sw-control-h);padding:0 var(--sw-space-3);border:1px solid var(--sw-border-default);border-radius:var(--sw-radius-sm);background:var(--sw-bg-panel-alt);color:var(--sw-text-secondary);font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-medium);cursor:pointer;white-space:nowrap}.sw-recsetup__toggle.is-on{border-color:var(--sw-accent);background:var(--sw-accent-subtle);color:var(--sw-accent)}.sw-recsetup__start{display:flex;align-items:center;justify-content:center;gap:var(--sw-space-2);width:100%;height:var(--sw-control-h);margin-top:var(--sw-space-4);border:none;border-radius:var(--sw-radius-sm);background:var(--sw-accent);color:var(--sw-text-primary);font-family:var(--sw-font-family);font-size:var(--sw-text-size-body);font-weight:var(--sw-font-weight-semibold);cursor:pointer}.sw-recsetup__start:hover{background:var(--sw-accent-hover)}.sw-editor-stage{width:75%;flex:1;height:100%;display:flex;flex-direction:column;background:var(--sw-bg-app);min-width:0;overflow-y:auto;position:relative}.sw-stage-body{display:flex;flex-direction:column;flex:1;min-width:0}.sw-comp-designrow{display:flex;flex-direction:row;min-width:0;height:670px;flex:none}.sw-comp-designrow .sw-preview{flex:1;min-width:0}.sw-comp-designrow.is-comp{height:720px}.sw-editor-stage--comp .sw-preview{padding:0}.sw-comp-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.sw-hover{position:absolute;z-index:3;border:1px solid var(--sw-teal);opacity:.5;pointer-events:none}.sw-marquee{position:absolute;z-index:5;border:1px solid var(--sw-teal);background:color-mix(in srgb,var(--sw-teal) 12%,transparent);pointer-events:none}.sw-sel{position:absolute;z-index:4;border:1px solid var(--sw-teal);pointer-events:none}.sw-sel--multi{border-style:dashed}.sw-align__row{display:flex;gap:var(--sw-space-1)}.sw-align__btn{flex:1;min-width:0;height:var(--sw-control-h);padding:0 var(--sw-space-1);border:1px solid var(--sw-border-subtle);border-radius:var(--sw-radius-sm);background:var(--sw-bg-elevated);color:var(--sw-text-secondary);font-size:var(--sw-text-size-small);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--sw-motion-fast) var(--sw-ease-out),border-color var(--sw-motion-fast) var(--sw-ease-out)}.sw-align__btn:hover{color:var(--sw-text-primary);border-color:var(--sw-teal)}.sw-sel__handle{position:absolute;width:9px;height:9px;margin:-5px 0 0 -5px;background:var(--sw-bg-app);border:1.5px solid var(--sw-teal);border-radius:var(--sw-radius-xs);pointer-events:auto}.sw-lower-row{flex-shrink:0;display:flex;flex-direction:row;min-height:600px}.sw-comp-layers{flex-shrink:0;width:var(--sw-comp-rail-w);align-self:stretch;position:sticky;top:0;max-height:100vh;display:flex;flex-direction:column;background:var(--sw-bg-panel);border-right:1px solid var(--sw-border-subtle)}.sw-comp-layers__head{display:flex;align-items:center;gap:var(--sw-space-2);padding:var(--sw-space-3) var(--sw-space-4);font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-semibold);color:var(--sw-text-secondary);border-bottom:1px solid var(--sw-border-subtle)}.sw-comp-layers__list{display:flex;flex-direction:column;padding:var(--sw-space-2) var(--sw-space-2) var(--sw-space-4);overflow-y:auto}.sw-comp-layers__empty{padding:var(--sw-space-2) var(--sw-space-3);font-size:var(--sw-text-size-small);color:var(--sw-text-tertiary)}.sw-comp-layers__section{height:var(--sw-control-h);display:flex;align-items:center;padding:0 var(--sw-space-2);font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-medium);color:var(--sw-text-tertiary)}.sw-comp-layers__section:not(:first-child){margin-top:var(--sw-space-2)}.sw-comp-layer{height:var(--sw-control-h);flex-shrink:0;width:100%;display:flex;align-items:center;gap:var(--sw-space-2);padding:0 var(--sw-space-2);border:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:var(--sw-radius-sm);background:transparent;color:var(--sw-text-secondary);font-family:inherit;font-size:var(--sw-text-size-small);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--sw-motion-fast) var(--sw-ease-out)}.sw-comp-layer:hover{background:var(--sw-bg-elevated)}.sw-comp-layer.is-selected{background:color-mix(in srgb,var(--sw-teal) 16%,transparent);color:var(--sw-text-primary)}.sw-comp-layer.is-hidden{opacity:.45}.sw-comp-layer__icon{width:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--sw-text-tertiary)}.sw-comp-layer.is-selected .sw-comp-layer__icon{color:var(--sw-teal)}.sw-comp-layer__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sw-comp-layer__time{flex-shrink:0;display:none;font-size:var(--sw-text-size-small);color:var(--sw-text-tertiary);font-variant-numeric:tabular-nums}.sw-comp-layer:hover .sw-comp-layer__time,.sw-comp-layer.is-selected .sw-comp-layer__time{display:inline}.sw-comp-layer.is-offtime .sw-comp-layer__name,.sw-comp-layer.is-offtime .sw-comp-layer__icon{opacity:.4}.sw-comp-layer.is-offtime .sw-comp-layer__time{color:var(--sw-accent);opacity:.8}.sw-comp-layer__ctrls{display:flex;align-items:center;gap:1px;opacity:0;transition:opacity var(--sw-motion-fast) var(--sw-ease-out)}.sw-comp-layer:hover .sw-comp-layer__ctrls,.sw-comp-layer.is-hidden .sw-comp-layer__ctrls,.sw-comp-layer.is-locked .sw-comp-layer__ctrls{opacity:1}.sw-comp-layer__ctrl{display:inline-flex;align-items:center;justify-content:center;width:var(--sw-control-h-sm);height:var(--sw-control-h-sm);border:none;border-radius:var(--sw-radius-sm);background:transparent;color:var(--sw-text-tertiary);cursor:pointer}.sw-comp-layer__ctrl:hover{color:var(--sw-text-primary);background:var(--sw-bg-panel)}.sw-comp-layer__ctrl.is-on{color:var(--sw-text-secondary)}.sw-comp-inspect{flex-shrink:0;width:var(--sw-comp-rail-w);align-self:stretch;position:sticky;top:0;max-height:100vh;display:flex;flex-direction:column;background:var(--sw-bg-panel);border-left:1px solid var(--sw-border-subtle);overflow-y:auto}.sw-comp-inspect__head{height:var(--sw-control-h);flex-shrink:0;display:flex;align-items:center;padding:0 var(--sw-panel-pad-x);font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-semibold);color:var(--sw-text-secondary);border-bottom:1px solid var(--sw-border-subtle)}.sw-comp-inspect__empty{padding:var(--sw-space-3) var(--sw-panel-pad-x);font-size:var(--sw-text-size-small);color:var(--sw-text-tertiary)}.sw-comp-inspect__body{display:flex;flex-direction:column}.sw-inspect__section{display:flex;flex-direction:column;gap:var(--sw-space-2);padding:var(--sw-space-3) var(--sw-panel-pad-x);border-bottom:1px solid var(--sw-border-subtle)}.sw-inspect__title{font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-medium);color:var(--sw-text-tertiary)}.sw-inspect__row{display:flex;gap:var(--sw-space-2)}.sw-inspect__num{display:flex;align-items:center;gap:var(--sw-space-1);flex:1;min-width:0;padding:0 var(--sw-space-2);height:var(--sw-control-h);border:1px solid var(--sw-border-subtle);border-radius:var(--sw-radius-sm);background:var(--sw-bg-elevated)}.sw-inspect__num span{font-size:var(--sw-text-size-small);color:var(--sw-text-tertiary)}.sw-inspect__num input{flex:1;min-width:0;border:none;background:transparent;color:var(--sw-text-primary);font-size:var(--sw-text-size-small);outline:none}.sw-inspect__slider{display:flex;align-items:center;gap:var(--sw-space-2)}.sw-inspect__slider-label{font-size:var(--sw-text-size-small);color:var(--sw-text-tertiary);width:48px}.sw-inspect__slider input[type=range]{flex:1;min-width:0;accent-color:var(--sw-accent)}.sw-inspect__slider-val{font-size:var(--sw-text-size-small);color:var(--sw-text-secondary);width:40px;text-align:right;font-variant-numeric:tabular-nums}.sw-inspect__textarea{width:100%;padding:var(--sw-space-2);border:1px solid var(--sw-border-subtle);border-radius:var(--sw-radius-sm);background:var(--sw-bg-elevated);color:var(--sw-text-primary);font-family:var(--sw-font-family);font-size:var(--sw-text-size-small);resize:vertical;outline:none}.sw-inspect__note{padding:var(--sw-space-3) var(--sw-panel-pad-x);font-size:var(--sw-text-size-small);line-height:1.5;color:var(--sw-text-tertiary)}.sw-inspect__fill{display:flex;align-items:center;gap:var(--sw-space-2)}.sw-inspect__swatch{width:var(--sw-control-h);height:var(--sw-control-h);padding:0;border:1px solid var(--sw-border-subtle);border-radius:var(--sw-radius-sm);background:transparent;cursor:pointer}.sw-inspect__hex{flex:1;min-width:0;height:var(--sw-control-h);padding:0 var(--sw-space-2);border:1px solid var(--sw-border-subtle);border-radius:var(--sw-radius-sm);background:var(--sw-bg-elevated);color:var(--sw-text-primary);font-size:var(--sw-text-size-small);outline:none}.sw-inspect__iconrow{display:flex;align-items:center;gap:var(--sw-space-1);flex:1}.sw-inspect__iconrow-gap{width:var(--sw-space-2);flex-shrink:0}.sw-inspect__iconbtn{flex:1;min-width:0;height:var(--sw-control-h);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--sw-border-subtle);border-radius:var(--sw-radius-sm);background:var(--sw-bg-elevated);color:var(--sw-text-secondary);cursor:pointer;transition:color var(--sw-motion-fast) var(--sw-ease-out),border-color var(--sw-motion-fast) var(--sw-ease-out)}.sw-inspect__iconbtn:hover{color:var(--sw-text-primary);border-color:var(--sw-border-strong)}.sw-inspect__iconbtn.is-on{color:var(--sw-teal);border-color:var(--sw-teal)}.sw-inspect__seg{display:flex;align-items:stretch;border:1px solid var(--sw-border-subtle);border-radius:var(--sw-radius-sm);overflow:hidden}.sw-inspect__seg-btn{flex:1;min-width:0;height:var(--sw-control-h);display:inline-flex;align-items:center;justify-content:center;border:none;border-right:1px solid var(--sw-border-subtle);background:var(--sw-bg-elevated);color:var(--sw-text-secondary);font-size:var(--sw-text-size-small);cursor:pointer;transition:color var(--sw-motion-fast) var(--sw-ease-out),background var(--sw-motion-fast) var(--sw-ease-out)}.sw-inspect__seg-btn:last-child{border-right:none}.sw-inspect__seg-btn:hover{color:var(--sw-text-primary)}.sw-inspect__seg-btn.is-on{color:var(--sw-teal);background:color-mix(in srgb,var(--sw-teal) 16%,var(--sw-bg-elevated))}.sw-inspect__section--stub{flex-direction:row;align-items:center;justify-content:space-between;color:var(--sw-text-tertiary);cursor:pointer}.sw-inspect__section--stub:hover{color:var(--sw-text-secondary)}.sw-comp-toolbar{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:5;display:flex;align-items:center;gap:var(--sw-space-1);padding:var(--sw-space-1);background:var(--sw-bg-elevated);border:1px solid var(--sw-border-strong);border-radius:var(--sw-radius-lg);box-shadow:var(--sw-shadow-lg)}.sw-comp-toolbar__tool{display:inline-flex;align-items:center;justify-content:center;width:38px;height:34px;border:1px solid transparent;border-radius:var(--sw-radius-md);background:transparent;color:var(--sw-text-secondary);cursor:pointer;transition:background var(--sw-motion-fast) var(--sw-ease-out),color var(--sw-motion-fast) var(--sw-ease-out)}.sw-comp-toolbar__tool:hover{background:var(--sw-bg-panel);color:var(--sw-text-primary)}.sw-comp-toolbar__tool.is-active{background:var(--sw-bg-active);color:var(--sw-text-primary)}.sw-comp-toolbar__group{position:relative;display:inline-flex;align-items:center;border-radius:var(--sw-radius-md)}.sw-comp-toolbar__group:hover{background:var(--sw-bg-panel)}.sw-comp-toolbar__group:has(.sw-comp-toolbar__tool.is-active){background:var(--sw-bg-active)}.sw-comp-toolbar__group .sw-comp-toolbar__tool{width:auto;padding:0 var(--sw-space-1) 0 var(--sw-space-2);outline:none}.sw-comp-toolbar__group .sw-comp-toolbar__tool:hover,.sw-comp-toolbar__group .sw-comp-toolbar__tool.is-active{background:transparent;color:var(--sw-text-primary)}.sw-comp-toolbar__chev{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:34px;padding:0;margin-left:-2px;border:none;background:transparent;color:var(--sw-text-secondary);cursor:pointer;outline:none}.sw-comp-toolbar__chev svg{flex-shrink:0}.sw-comp-toolbar__group:hover .sw-comp-toolbar__chev,.sw-comp-toolbar__chev:hover{color:var(--sw-text-primary)}.sw-comp-toolbar__group:has(.sw-comp-toolbar__tool.is-active) .sw-comp-toolbar__chev{color:var(--sw-text-primary)}.sw-comp-flyout{position:absolute;bottom:calc(100% + var(--sw-space-2));left:0;min-width:150px;padding:var(--sw-space-1);display:flex;flex-direction:column;background:var(--sw-bg-elevated);border:1px solid var(--sw-border-strong);border-radius:var(--sw-radius-md);box-shadow:var(--sw-shadow-lg);z-index:10}.sw-comp-flyout__item{display:flex;align-items:center;gap:var(--sw-space-2);height:var(--sw-control-h);padding:0 var(--sw-space-2) 0 var(--sw-space-1);border:none;border-radius:var(--sw-radius-sm);background:transparent;color:var(--sw-text-secondary);font-size:var(--sw-text-size-small);text-align:left;cursor:pointer}.sw-comp-flyout__item:hover{background:var(--sw-bg-hover);color:var(--sw-text-primary)}.sw-comp-flyout__item.is-active{color:var(--sw-text-primary)}.sw-comp-flyout__item.is-disabled{color:var(--sw-text-disabled);cursor:default}.sw-comp-flyout__item.is-disabled:hover{background:transparent;color:var(--sw-text-disabled)}.sw-comp-flyout__check{width:14px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--sw-teal)}.sw-comp-flyout__label{flex:1;min-width:0}.sw-comp-dim{position:absolute;bottom:20px;right:20px;z-index:5;display:inline-flex;align-items:center;gap:var(--sw-space-2);height:32px;padding:0 var(--sw-space-3);border:1px solid var(--sw-border-strong);border-radius:var(--sw-radius-full);background:var(--sw-bg-elevated);box-shadow:var(--sw-shadow-md, var(--sw-shadow-lg));color:var(--sw-text-secondary);font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-medium);cursor:pointer}.sw-comp-dim.is-3d{border-color:var(--sw-teal);color:var(--sw-teal)}.sw-viewlock{position:absolute;top:var(--sw-space-4);left:var(--sw-space-4);z-index:3;display:inline-flex;align-items:center;gap:var(--sw-space-1);padding:var(--sw-space-1) var(--sw-space-2);border-radius:var(--sw-radius-sm);background:color-mix(in srgb,var(--sw-bg-panel) 80%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--sw-text-tertiary);font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-medium)}.sw-viewlock.is-3d{color:var(--sw-teal)}.sw-preview{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:var(--sw-space-5);position:relative}.sw-preview__stage{position:relative;width:100%;max-width:1280px;margin:auto}.sw-preview__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#000;border:1px solid var(--sw-border-default);border-radius:var(--sw-radius-md);display:block}.sw-preview__design{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:var(--sw-radius-md);overflow:hidden}.sw-comp-canvas{width:100%;height:100%}.sw-icon-button--active{background:var(--sw-bg-active);color:var(--sw-text-primary)}.sw-drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#1a1a1ab8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.sw-drop-overlay__card{display:flex;flex-direction:column;align-items:center;gap:var(--sw-space-3);padding:var(--sw-space-6) var(--sw-space-6);min-width:320px;border:2px dashed var(--sw-accent);border-radius:var(--sw-radius-lg);background:var(--sw-bg-elevated);color:var(--sw-text-primary);font-size:var(--sw-text-size-body);font-weight:var(--sw-font-weight-semibold)}.sw-context-menu{position:fixed;z-index:100;display:flex;flex-direction:column;min-width:180px;background:var(--sw-bg-elevated);border:1px solid var(--sw-border-default);border-radius:var(--sw-radius-md);box-shadow:var(--sw-shadow-lg);padding:var(--sw-space-1)}.sw-context-menu button{display:block;text-align:left;background:none;border:none;border-radius:var(--sw-radius-sm);color:var(--sw-text-secondary);font-family:var(--sw-font-family);font-size:var(--sw-text-size-small);padding:var(--sw-space-2) var(--sw-space-3);cursor:pointer}.sw-context-menu button:hover{background:var(--sw-bg-hover);color:var(--sw-text-primary)}.sw-context-menu__primary{color:var(--sw-accent)!important;font-weight:var(--sw-font-weight-medium)}.sw-context-menu__danger:hover{color:var(--sw-danger)!important}.sw-timecode{font-size:var(--sw-text-size-small);font-variant-numeric:tabular-nums;color:var(--sw-text-secondary);min-width:66px}.sw-icon-button:disabled,.sw-tab-button:disabled{opacity:.4;cursor:not-allowed}.sw-zoom-float{position:absolute;top:148px;left:132px;z-index:30;display:flex;align-items:center;gap:var(--sw-space-1);padding:2px var(--sw-space-1);background:linear-gradient(180deg,#4a4a4a73,#2e2e2e73);border-radius:var(--sw-radius-full);opacity:.55;transition:opacity .15s ease}.sw-autofit-float{position:absolute;top:148px;left:300px;z-index:30;display:flex;align-items:center;gap:var(--sw-space-1);height:30px;padding:0 var(--sw-space-3);border:none;border-radius:var(--sw-radius-full);background:linear-gradient(180deg,#4a4a4a73,#2e2e2e73);color:var(--sw-text-secondary);font-family:var(--sw-font-family);font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-medium);cursor:pointer;opacity:.55;transition:opacity .15s ease}.sw-autofit-float:hover{opacity:1;color:var(--sw-text-primary);background:linear-gradient(180deg,#52525299,#31313199)}.sw-zoom-float:hover,.sw-zoom-float:focus-within{opacity:1;background:linear-gradient(180deg,#52525299,#31313199)}.sw-zoom-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:88px;height:3px;border-radius:var(--sw-radius-full);background:var(--sw-bg-active);outline:none;cursor:pointer}.sw-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:var(--sw-radius-full);background:var(--sw-text-secondary);border:none}.sw-zoom-slider:active::-webkit-slider-thumb{background:var(--sw-accent)}.sw-toolbar-divider{width:1px;height:20px;background:var(--sw-border-default);margin:0 var(--sw-space-1)}.sw-layers-bar{display:flex;align-items:center;gap:var(--sw-space-2);padding:var(--sw-space-2) var(--sw-space-3);border-bottom:1px solid var(--sw-border-subtle);overflow-x:auto}.sw-layer-chip{display:inline-flex;align-items:center;gap:var(--sw-space-1);background:var(--sw-bg-elevated);border:1px solid var(--sw-border-default);border-radius:var(--sw-radius-sm);padding:var(--sw-space-1) var(--sw-space-2);font-size:var(--sw-text-size-small);color:var(--sw-text-secondary);flex-shrink:0}.sw-layer-chip__label{background:none;border:none;color:inherit;font-family:var(--sw-font-family);font-size:var(--sw-text-size-small);cursor:pointer;padding:0}.sw-layer-chip__label:hover{color:var(--sw-text-primary)}.sw-layer-chip__input{background:var(--sw-bg-panel);border:1px solid var(--sw-accent);border-radius:var(--sw-radius-sm);color:var(--sw-text-primary);font-family:var(--sw-font-family);font-size:var(--sw-text-size-small);padding:0 var(--sw-space-1);width:140px;outline:none}.sw-layer-chip__delete{display:inline-flex;align-items:center;background:none;border:none;color:var(--sw-text-tertiary);cursor:pointer;padding:0}.sw-layer-chip__delete:hover{color:var(--sw-danger)}.sw-timeline{position:relative;flex:1;min-width:0;background:var(--sw-bg-panel);border-top:1px solid var(--sw-border-default);display:flex;flex-direction:column}.sw-breadcrumb{display:flex;align-items:center;gap:var(--sw-space-2);padding:var(--sw-space-2) var(--sw-space-3);border-bottom:1px solid var(--sw-border-subtle);background:var(--sw-bg-panel-alt);min-height:36px}.sw-breadcrumb--inside{background:var(--sw-bg-panel);border-bottom:1px solid var(--sw-border-subtle)}.sw-comp-tabs{display:flex;align-items:center;gap:var(--sw-space-5);margin:0 auto}.sw-comp-crumbs{display:flex;align-items:center;gap:var(--sw-space-2);flex-shrink:0}.sw-comp-tabgroup{display:inline-flex;align-items:center;gap:var(--sw-space-1);padding:3px;background:var(--sw-bg-panel);border:1px solid var(--sw-border-subtle);border-radius:var(--sw-radius-full);box-shadow:0 1px 2px #0000002e}.sw-comp-tab{--tab-c: var(--sw-accent);display:inline-flex;align-items:center;gap:var(--sw-space-2);height:var(--sw-control-h-lg);padding:0 var(--sw-space-4);border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--sw-radius-full);background:transparent;color:var(--sw-text-secondary);font-family:var(--sw-font-family);font-size:var(--sw-text-size-body);font-weight:var(--sw-font-weight-medium);cursor:pointer;transition:background var(--sw-motion-glide) var(--sw-ease-out),color var(--sw-motion-glide) var(--sw-ease-out)}.sw-comp-tab svg{color:var(--sw-text-primary)}.sw-comp-tab:hover:not(.is-active){color:var(--sw-text-primary);background:var(--sw-bg-elevated)}.sw-comp-tab.is-active{background:var(--sw-bg-active);color:var(--sw-text-primary)}.sw-breadcrumb__item{display:inline-flex;align-items:center;gap:var(--sw-space-1)}.sw-breadcrumb__sep{color:var(--sw-text-tertiary);font-size:var(--sw-text-size-small)}.sw-breadcrumb__link{display:inline-flex;align-items:center;gap:var(--sw-space-1);background:var(--sw-bg-elevated);border:1px solid transparent;padding:3px var(--sw-space-2);border-radius:var(--sw-radius-sm);color:var(--sw-text-secondary);font-family:var(--sw-font-family);font-size:var(--sw-text-size-small);cursor:pointer}.sw-breadcrumb__link svg{flex-shrink:0}.sw-breadcrumb__link:hover:not(:disabled){color:var(--sw-text-primary);border-color:var(--sw-accent)}.sw-breadcrumb__link--current{background:transparent;color:var(--sw-text-primary);font-weight:var(--sw-font-weight-semibold);cursor:default}.sw-breadcrumb__hint{margin-left:auto;color:var(--sw-text-tertiary);font-size:var(--sw-text-size-small)}.sw-timeline__toolbar{display:flex;align-items:center;gap:var(--sw-space-2);padding:var(--sw-space-2) var(--sw-space-3);border-bottom:1px solid var(--sw-border-subtle)}.sw-icon-button--ghost{background:transparent;color:var(--sw-text-secondary)}.sw-icon-button--ghost:hover{background:var(--sw-bg-hover);color:var(--sw-text-primary)}.sw-icon-button--blade-active{background:var(--sw-accent);color:var(--sw-text-primary)}.sw-icon-button--blade-active:hover{background:var(--sw-accent-hover)}.sw-timeline__toolbar-spacer{flex:1}.sw-tab-button{display:flex;align-items:center;gap:var(--sw-space-1);padding:var(--sw-space-1) var(--sw-space-2);border-radius:var(--sw-radius-sm);border:none;background:transparent;color:var(--sw-text-secondary);font-family:var(--sw-font-family);font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-medium);cursor:pointer}.sw-tab-button:hover{background:var(--sw-bg-hover);color:var(--sw-text-primary)}.sw-tab-button--active{background:var(--sw-bg-active);color:var(--sw-text-primary)}.sw-tab-button--recording,.sw-tab-button--recording:hover{color:var(--sw-danger)}.sw-tab-button--recording svg{animation:sw-rec-pulse 1.2s ease-in-out infinite}@keyframes sw-rec-pulse{0%,to{opacity:1}50%{opacity:.3}}.sw-timeline__track{flex:1;display:flex;align-items:center;gap:var(--sw-space-3);padding:var(--sw-space-4);overflow-x:auto}.sw-timeline__track--drag-over{background:var(--sw-accent-subtle);outline:2px dashed var(--sw-accent);outline-offset:-4px}.sw-scene{position:relative;flex-shrink:0;width:200px;height:100px;background:var(--sw-bg-panel-alt);border:1px solid var(--sw-border-default);border-radius:var(--sw-radius-md);display:flex;align-items:center;justify-content:center;color:var(--sw-text-secondary);font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-medium);cursor:pointer}.sw-scene:hover{border-color:var(--sw-accent);color:var(--sw-text-primary)}.sw-scene--active{border-color:var(--sw-accent);background:var(--sw-accent-subtle);color:var(--sw-text-primary)}.sw-scene__delete{position:absolute;top:var(--sw-space-1);right:var(--sw-space-1);display:none;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:var(--sw-radius-sm);background:var(--sw-bg-elevated);color:var(--sw-text-tertiary);cursor:pointer}.sw-scene:hover .sw-scene__delete{display:inline-flex}.sw-scene__delete:hover{color:var(--sw-danger)}.sw-scene__rename{width:85%;background:var(--sw-bg-panel);border:1px solid var(--sw-accent);border-radius:var(--sw-radius-sm);color:var(--sw-text-primary);font-family:var(--sw-font-family);font-size:var(--sw-text-size-small);padding:var(--sw-space-1) var(--sw-space-2);outline:none;text-align:center}.sw-timeline-action{flex-shrink:0;width:160px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sw-space-2);background:var(--sw-bg-panel);border:1px dashed var(--sw-border-default);border-radius:var(--sw-radius-md);color:var(--sw-text-tertiary);font-family:var(--sw-font-family);font-size:var(--sw-text-size-small);cursor:pointer}.sw-timeline-action:hover{border-color:var(--sw-accent);color:var(--sw-text-primary)}.sw-export-anchor{position:relative;display:inline-flex}.sw-export{position:absolute;bottom:calc(100% + var(--sw-space-2));right:0;width:244px;padding:var(--sw-space-3);display:flex;flex-direction:column;gap:var(--sw-space-3);background:var(--sw-bg-elevated);border:1px solid var(--sw-border-strong);border-radius:var(--sw-radius-md);box-shadow:var(--sw-shadow-lg);z-index:20}.sw-export__head{font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-semibold);color:var(--sw-text-primary)}.sw-export__section{display:flex;flex-direction:column;gap:var(--sw-space-2)}.sw-export__label{display:flex;justify-content:space-between;font-size:var(--sw-text-size-small);color:var(--sw-text-tertiary)}.sw-export__qval{color:var(--sw-text-secondary)}.sw-export__segs{display:flex;gap:var(--sw-space-1);padding:2px;background:var(--sw-bg-panel);border-radius:var(--sw-radius-sm)}.sw-export__seg{flex:1;height:var(--sw-control-h-sm);border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--sw-radius-sm);background:transparent;color:var(--sw-text-secondary);font-size:var(--sw-text-size-small);cursor:pointer}.sw-export__seg:hover:not(:disabled){color:var(--sw-text-primary)}.sw-export__seg.is-on{background:var(--sw-accent-subtle);color:var(--sw-text-primary)}.sw-export__seg:disabled{color:var(--sw-text-disabled);cursor:default}.sw-export__range{width:100%;accent-color:var(--sw-accent)}.sw-export__error{font-size:var(--sw-text-size-small);color:var(--sw-danger)}.sw-export__note{font-size:var(--sw-text-size-small);color:var(--sw-text-tertiary)}.sw-export__go{display:flex;align-items:center;justify-content:center;gap:var(--sw-space-2);height:var(--sw-control-h);border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--sw-radius-sm);background:var(--sw-accent);color:var(--sw-text-primary);font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-semibold);cursor:pointer}.sw-export__go:hover{background:var(--sw-accent-hover)}.sw-export__running{display:flex;align-items:center;gap:var(--sw-space-2)}.sw-export__bar{flex:1;height:6px;border-radius:var(--sw-radius-full);background:var(--sw-bg-panel);overflow:hidden}.sw-export__bar-fill{height:100%;background:var(--sw-accent);border-radius:var(--sw-radius-full);transition:width 80ms linear}.sw-export__cancel{display:flex;align-items:center;gap:var(--sw-space-1);height:var(--sw-control-h-sm);padding:0 var(--sw-space-2);border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--sw-radius-sm);background:transparent;color:var(--sw-text-secondary);font-size:var(--sw-text-size-small);cursor:pointer}.sw-export__cancel:hover{color:var(--sw-text-primary)}.sw-projset{position:absolute;bottom:calc(100% + var(--sw-space-2));right:0;width:248px;padding:var(--sw-space-3);display:flex;flex-direction:column;gap:var(--sw-space-3);background:var(--sw-bg-elevated);border:1px solid var(--sw-border-strong);border-radius:var(--sw-radius-md);box-shadow:var(--sw-shadow-lg);z-index:20}.sw-projset__head{font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-semibold);color:var(--sw-text-primary)}.sw-projset__section{display:flex;flex-direction:column;gap:var(--sw-space-2)}.sw-projset__label{font-size:var(--sw-text-size-small);color:var(--sw-text-tertiary)}.sw-projset__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sw-space-1)}.sw-projset__preset{display:flex;align-items:center;justify-content:space-between;height:var(--sw-control-h);padding:0 var(--sw-space-2);border:1px solid transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--sw-radius-sm);background:var(--sw-bg-panel);color:var(--sw-text-secondary);font-size:var(--sw-text-size-small);cursor:pointer}.sw-projset__preset:hover{color:var(--sw-text-primary)}.sw-projset__preset.is-on{background:var(--sw-accent-subtle);border-color:var(--sw-accent);color:var(--sw-text-primary)}.sw-projset__preset-ratio{color:var(--sw-text-tertiary)}.sw-projset__preset.is-on .sw-projset__preset-ratio{color:var(--sw-text-secondary)}.sw-projset__row{display:flex;gap:var(--sw-space-2)}.sw-projset__num{flex:1;display:flex;align-items:center;gap:var(--sw-space-2);height:var(--sw-control-h);padding:0 var(--sw-space-2);border-radius:var(--sw-radius-sm);background:var(--sw-bg-panel);color:var(--sw-text-tertiary);font-size:var(--sw-text-size-small)}.sw-projset__num input{width:100%;min-width:0;border:none;background:transparent;color:var(--sw-text-primary);font-size:var(--sw-text-size-small);text-align:right}.sw-projset__num input:focus{outline:none}.sw-projset__segs{display:flex;gap:var(--sw-space-1);padding:2px;background:var(--sw-bg-panel);border-radius:var(--sw-radius-sm)}.sw-projset__seg{flex:1;height:var(--sw-control-h-sm);border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--sw-radius-sm);background:transparent;color:var(--sw-text-secondary);font-size:var(--sw-text-size-small);cursor:pointer}.sw-projset__seg:hover{color:var(--sw-text-primary)}.sw-projset__seg.is-on{background:var(--sw-accent-subtle);color:var(--sw-text-primary)}.sw-comp-nodehost{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6}.sw-anim-card{position:absolute;left:50%;bottom:var(--sw-space-4);transform:translate(-50%);z-index:6;width:468px;display:flex;flex-direction:column;gap:var(--sw-space-2);padding:var(--sw-space-3);background:var(--sw-bg-elevated);border:1px solid var(--sw-border-strong);border-radius:var(--sw-radius-lg);box-shadow:var(--sw-shadow-lg)}.sw-anim-card--list{width:240px}.sw-anim-card--empty{width:240px;color:var(--sw-text-tertiary);font-size:var(--sw-text-size-small)}.sw-anim-card__head{display:flex;align-items:center;gap:var(--sw-space-2);color:var(--sw-text-primary);font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-semibold)}.sw-anim-card__title{flex:1}.sw-anim-card__back{width:var(--sw-control-h-sm);height:var(--sw-control-h-sm);display:inline-flex;align-items:center;justify-content:center;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--sw-radius-sm);background:var(--sw-bg-panel);color:var(--sw-text-secondary);cursor:pointer}.sw-anim-card__back:hover{color:var(--sw-text-primary);background:var(--sw-bg-hover)}.sw-anim-card__reset{height:var(--sw-control-h-sm);padding:0 var(--sw-space-2);border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--sw-radius-sm);background:transparent;color:var(--sw-text-tertiary);font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-medium);cursor:pointer}.sw-anim-card__reset:hover{color:var(--sw-text-primary);background:var(--sw-bg-hover)}.sw-anim-card__mods{display:flex;flex-direction:column;gap:2px}.sw-anim-mod{display:flex;align-items:center;gap:var(--sw-space-2);height:var(--sw-control-h);padding:0 var(--sw-space-2);border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--sw-radius-sm);background:transparent;color:var(--sw-text-secondary);font-size:var(--sw-text-size-small);cursor:pointer}.sw-anim-mod:hover{background:var(--sw-bg-hover);color:var(--sw-text-primary)}.sw-anim-mod__label{flex:1;text-align:left}.sw-anim-mod__dot{width:7px;height:7px;border-radius:var(--sw-radius-full);background:var(--sw-accent)}.sw-anim-mod__chev{transform:rotate(180deg);color:var(--sw-text-tertiary)}.sw-anim-mini{position:relative;height:48px;background:var(--sw-bg-panel);border:1px solid var(--sw-border-default);border-radius:var(--sw-radius-sm);box-shadow:inset 0 1px 2px #00000059;cursor:ew-resize;touch-action:none}.sw-anim-mini__line{position:absolute;left:6%;right:6%;top:50%;height:2px;transform:translateY(-50%);background:var(--sw-border-strong);border-radius:var(--sw-radius-xs);pointer-events:none}.sw-anim-mini__playhead{position:absolute;top:0;bottom:0;width:1.5px;transform:translate(-50%);background:var(--sw-danger);pointer-events:none}.sw-anim-mini__playhead:before{content:"";position:absolute;top:-1px;left:-4px;width:9px;height:8px;background:var(--sw-danger);clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%)}.sw-anim-mini__key{position:absolute;top:50%;width:8px;height:8px;margin-left:-4px;transform:translateY(-50%) rotate(45deg);background:var(--sw-accent);border-radius:1px;pointer-events:none}.sw-anim-mini__scale{display:flex;align-items:baseline;justify-content:space-between;margin-top:calc(var(--sw-space-1) * -1);font-size:var(--sw-text-size-small);font-variant-numeric:tabular-nums;color:var(--sw-text-tertiary)}.sw-anim-mini__now{display:inline-flex;align-items:baseline;gap:var(--sw-space-2);font-variant-numeric:tabular-nums}.sw-anim-mini__nowlabel{font-size:var(--sw-text-size-small);color:var(--sw-text-tertiary)}.sw-anim-mini__nowval{font-size:var(--sw-text-size-body);color:var(--sw-accent)}.sw-anim-mini__edge{display:inline-flex;align-items:baseline;gap:var(--sw-space-2)}.sw-anim-mini__edge--end{flex-direction:row-reverse}.sw-anim-mini__edgelabel{font-size:var(--sw-text-size-small);color:var(--sw-text-tertiary)}.sw-anim-mini__edgeval{font-size:var(--sw-text-size-small);color:var(--sw-text-secondary)}.sw-anim-grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:row;gap:var(--sw-space-1) var(--sw-space-4)}.sw-anim-cell{display:flex;align-items:center;gap:var(--sw-space-2);height:var(--sw-control-h);min-width:0}.sw-anim-design{display:flex;flex-direction:column;gap:var(--sw-space-2)}.sw-anim-cell__icon{flex-shrink:0;width:var(--sw-control-h-sm);height:var(--sw-control-h-sm);display:inline-flex;align-items:center;justify-content:center;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--sw-radius-sm);background:transparent;color:var(--sw-text-tertiary);cursor:pointer}.sw-anim-cell__icon:hover{color:var(--sw-text-secondary)}.sw-anim-cell__icon.is-on{color:var(--sw-accent)}.sw-anim-cell__label{width:62px;flex-shrink:0;font-size:var(--sw-text-size-small);color:var(--sw-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sw-anim-cell.is-animated .sw-anim-cell__label{color:var(--sw-text-primary)}.sw-anim-cell__slider{flex:1;min-width:0;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--sw-radius-full);background:linear-gradient(to right,var(--sw-accent) var(--fill, 0%),var(--sw-bg-active) var(--fill, 0%));cursor:pointer}.sw-anim-cell__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:11px;height:11px;border-radius:var(--sw-radius-full);background:var(--sw-text-primary);border:none;box-shadow:var(--sw-shadow-sm)}.sw-anim-cell__val{width:40px;flex-shrink:0;text-align:right;font-size:var(--sw-text-size-small);color:var(--sw-text-secondary);font-variant-numeric:tabular-nums}.sw-anim-cell__diamond{flex-shrink:0;width:10px;height:10px;padding:0;border:1.5px solid var(--sw-accent);background:transparent;transform:rotate(45deg);border-radius:2px;cursor:pointer}.sw-anim-cell__diamond.is-here{background:var(--sw-accent)}.sw-anim-mod.is-soon{cursor:default;color:var(--sw-text-tertiary)}.sw-anim-mod.is-soon:hover{background:transparent;color:var(--sw-text-tertiary)}.sw-anim-mod__soon{font-size:var(--sw-text-size-small);color:var(--sw-text-disabled)}.sw-comp-playgroup{display:inline-flex;align-items:center;gap:calc(var(--sw-space-1) + 4px)}.sw-comp-play{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:var(--sw-text-primary);cursor:pointer}.sw-comp-play svg{color:var(--sw-text-primary)}.sw-comp-play__time{color:var(--sw-text-secondary);font-family:var(--sw-font-family);font-size:var(--sw-text-size-body);font-weight:var(--sw-font-weight-medium);font-variant-numeric:tabular-nums}.sw-comp-loop{display:inline-flex;align-items:center;justify-content:center;width:var(--sw-control-h-sm);height:var(--sw-control-h-sm);padding:0;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border-radius:var(--sw-radius-sm);color:var(--sw-text-tertiary);cursor:pointer;transition:color var(--sw-motion-fast) var(--sw-ease-out),background var(--sw-motion-fast) var(--sw-ease-out)}.sw-comp-loop:hover{color:var(--sw-text-primary)}.sw-comp-loop.is-on{background:var(--sw-accent-subtle);color:var(--sw-accent)}.sw-comp-rescale{display:inline-flex;align-items:center;justify-content:center;min-width:var(--sw-control-h-sm);height:var(--sw-control-h-sm);padding:0 var(--sw-space-1);border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border-radius:var(--sw-radius-sm);color:var(--sw-text-tertiary);font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-medium);cursor:pointer;transition:color var(--sw-motion-fast) var(--sw-ease-out),background var(--sw-motion-fast) var(--sw-ease-out)}.sw-comp-rescale:hover{color:var(--sw-text-primary)}.sw-comp-rescale.is-on{background:var(--sw-bg-hover);color:var(--sw-text-primary)}.sw-comp-vol-wrap{position:relative;display:inline-flex}.sw-vol-slider{position:absolute;bottom:calc(100% + var(--sw-space-1));left:50%;transform:translate(-50%);z-index:41;display:flex;align-items:center;justify-content:center;height:96px;padding:var(--sw-space-2) var(--sw-space-1);background:var(--sw-bg-panel);border:1px solid var(--sw-border-default);border-radius:var(--sw-radius-md);box-shadow:var(--sw-shadow-lg)}.sw-vol-slider input[type=range]{writing-mode:vertical-lr;direction:rtl;width:var(--sw-control-h-sm);height:80px;accent-color:var(--sw-accent);cursor:pointer}.sw-comp-gear-wrap{position:relative;display:inline-flex}.sw-gear-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.sw-gear-menu{position:absolute;bottom:calc(100% + var(--sw-space-2));right:0;z-index:41;min-width:140px;display:flex;flex-direction:column;gap:1px;padding:var(--sw-space-1);background:var(--sw-bg-panel);border:1px solid var(--sw-border-default);border-radius:var(--sw-radius-md);box-shadow:var(--sw-shadow-lg)}.sw-gear-menu__label{color:var(--sw-text-tertiary);font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-medium);padding:var(--sw-space-1) var(--sw-space-2) 0}.sw-gear-menu__item{display:flex;align-items:center;height:var(--sw-control-h);padding:0 var(--sw-space-2);border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border-radius:var(--sw-radius-sm);color:var(--sw-text-secondary);font-family:var(--sw-font-family);font-size:var(--sw-text-size-small);font-weight:var(--sw-font-weight-medium);text-align:left;cursor:pointer}.sw-gear-menu__item:hover{background:var(--sw-bg-hover);color:var(--sw-text-primary)}.sw-gear-menu__item.is-on{color:var(--sw-text-primary);font-weight:var(--sw-font-weight-semibold);background:color-mix(in srgb,var(--sw-text-primary) 12%,transparent)}.sw-comp-layer__indent{flex:0 0 auto}.sw-comp-layer__disclose{flex:0 0 auto;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:var(--sw-text-tertiary);border-radius:var(--sw-radius-sm);cursor:pointer}.sw-comp-layer__disclose:hover{color:var(--sw-text-primary)}.sw-comp-layer__disclose--empty{cursor:default}.sw-comp-layer.is-drop-before:before,.sw-comp-layer.is-drop-after:after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--sw-accent)}.sw-comp-layer.is-drop-before:before{top:0}.sw-comp-layer.is-drop-after:after{bottom:0}.sw-comp-layer.is-drop-into{box-shadow:inset 0 0 0 2px var(--sw-accent);border-radius:var(--sw-radius-sm)}.sw-comp-layer{position:relative}.sw-app-shell{display:flex;width:100%;height:100%;overflow:hidden}.sw-icon-button{display:inline-flex;align-items:center;justify-content:center;width:var(--sw-icon-touch-target);height:var(--sw-icon-touch-target);border-radius:var(--sw-radius-sm);border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:var(--sw-text-secondary);cursor:pointer}.sw-icon-button:hover{background:var(--sw-bg-hover);color:var(--sw-text-primary)}:root{--sw-bg-app: #1a1a1a;--sw-bg-panel: #212121;--sw-bg-panel-alt: #282828;--sw-bg-elevated: #313131;--sw-bg-hover: #3a3a3a;--sw-bg-active: #464646;--sw-border-subtle: #2e2e2e;--sw-border-default: #3a3a3a;--sw-border-strong: #525252;--sw-text-primary: #f2f2f2;--sw-text-secondary: #a8a8a8;--sw-text-tertiary: #707070;--sw-text-disabled: #555555;--sw-accent: #0059cd;--sw-accent-hover: #1a6fe0;--sw-accent-active: #00479f;--sw-accent-subtle: rgba(0, 89, 205, .16);--sw-success: #4caf7d;--sw-warning: #e0a94d;--sw-danger: #e5584f;--sw-teal: #7fd0e0;--sw-teal-deep: #2e8fa3;--sw-teal-subtle: rgba(127, 208, 224, .14);--sw-orange: #ff9a4d;--sw-orange-deep: #e06a1f;--sw-orange-subtle: rgba(255, 154, 77, .14);--sw-clip-audio-bg: #24406e;--sw-clip-audio-border: #3a5fa0;--sw-clip-audio-wave: var(--sw-teal);--sw-clip-video-bg: #282828;--sw-clip-video-border: #4a4a4a;--sw-clip-title-bg: #214a51;--sw-font-family: "Inter", -apple-system, "Segoe UI", sans-serif;--sw-text-size-body: 14px;--sw-text-size-small: 12px;--sw-text-line-height-body: 20px;--sw-text-line-height-small: 16px;--sw-font-weight-regular: 400;--sw-font-weight-medium: 500;--sw-font-weight-semibold: 600;--sw-radius-xs: 2px;--sw-radius-sm: 4px;--sw-radius-md: 6px;--sw-radius-lg: 10px;--sw-radius-full: 999px;--sw-icon-size: 24px;--sw-icon-touch-target: 32px;--sw-icon-size-compact: 20px;--sw-comp-rail-w: 232px;--sw-control-h: 28px;--sw-control-h-sm: 22px;--sw-control-h-lg: 36px;--sw-panel-icon: 16px;--sw-panel-pad-x: var(--sw-space-3);--sw-space-1: 4px;--sw-space-2: 8px;--sw-space-3: 12px;--sw-space-4: 16px;--sw-space-5: 24px;--sw-space-6: 32px;--sw-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--sw-shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--sw-shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--sw-ease-out: cubic-bezier(.22, 1, .36, 1);--sw-ease-io: cubic-bezier(.4, 0, .2, 1);--sw-motion-fast: .12s;--sw-motion-glide: .19s;--sw-motion-nudge: 80ms}*{box-sizing:border-box}*{scrollbar-width:none}*::-webkit-scrollbar{display:none}html,body,#root{height:100%;margin:0;padding:0}.sw-scroll-fade{position:absolute;left:0;right:0;bottom:0;height:48px;background:linear-gradient(to bottom,transparent,var(--sw-bg-elevated));pointer-events:none;border-radius:0 0 var(--sw-radius-md) var(--sw-radius-md)}body{background:var(--sw-bg-app);color:var(--sw-text-primary);font-family:var(--sw-font-family);font-size:var(--sw-text-size-body);line-height:var(--sw-text-line-height-body);font-weight:var(--sw-font-weight-regular);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}