:root{--sf-panel-bg:#12121280;--sf-panel-blur:100px;--sf-panel-saturate:100%;--sf-panel-radius:30px;--sf-panel-border:none;--sf-panel-shadow:none;--sf-panel-content-x-padding:30px;--sf-panel-header-padding:30px var(--sf-panel-content-x-padding);--sf-panel-header-font-family:var(--sf-font);--sf-panel-header-font-size:14px;--sf-panel-header-font-weight:600;--sf-panel-header-letter-spacing:.03em;--sf-panel-header-text-transform:none;--sf-panel-header-color:color-mix(in srgb, var(--sf-layer-color) 50%, transparent);--sf-panel-header-border-bottom:none;--sf-panel-header-bg:transparent;--sf-font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sf-size:14px;--sf-row-height:26px;--sf-gap:10px;--sf-left-panel-width:280px;--sf-right-panel-width:280px;--sf-radius:8px;--sf-text-input-width:96px;--sf-color-hex-text-width:54px;--sf-slider-height:14px;--sf-track-input-gap:8px;--sf-color-swatch-size:22px;--sf-color-swatch-radius:999px;--sf-color-input-width:var(--sf-color-swatch-size);--sf-color-input-height:var(--sf-color-swatch-size);--sf-thumb-size:7px;--sf-primary:#fff;--sf-layer-color:#fff;--sf-accent:var(--sf-layer-color);--sf-text:color-mix(in srgb, var(--sf-layer-color) 88%, transparent);--sf-text-muted:color-mix(in srgb, var(--sf-layer-color) 55%, transparent);--sf-line:color-mix(in srgb, var(--sf-layer-color) 8%, transparent);--sf-line-active:var(--sf-accent);--sf-input-bg:color-mix(in srgb, var(--sf-layer-color) 4%, transparent);--sf-input-border:color-mix(in srgb, var(--sf-layer-color) 14%, transparent);--sf-input-focus:var(--sf-accent);--sf-disabled-bg:color-mix(in srgb, var(--sf-layer-color) 2%, transparent);--sf-slider-text-size:11px;--sf-slider-text-color:var(--sf-accent);--sf-slider-track-bg:color-mix(in srgb, var(--sf-accent) 3%, transparent);--sf-slider-fill-bg:linear-gradient(90deg, color-mix(in srgb, var(--sf-accent) 10%, transparent) 0%, color-mix(in srgb, var(--sf-accent) 30%, transparent) 100%);--sf-slider-thumb-bg:var(--sf-accent);--sf-slider-thumb-shadow:0 0 5px var(--sf-accent);--sf-button-font-size:12px;--sf-button-padding:7px 0;--sf-button-primary-bg:var(--sf-layer-color);--sf-button-primary-text:#000;--sf-button-primary-hover:var(--sf-layer-color);--sf-button-primary-hover-text:#000;--sf-button-secondary-bg:color-mix(in srgb, var(--sf-layer-color) 8%, transparent);--sf-button-secondary-text:color-mix(in srgb, var(--sf-layer-color) 88%, transparent);--sf-button-secondary-hover:color-mix(in srgb, var(--sf-layer-color) 14%, transparent);--sf-button-secondary-hover-text:color-mix(in srgb, var(--sf-layer-color) 88%, transparent);--sf-chip-border:color-mix(in srgb, var(--sf-layer-color) 14%, transparent);--sf-chip-border-hover:color-mix(in srgb, var(--sf-layer-color) 35%, transparent);--sf-chip-border-active:var(--sf-accent);--sf-chip-color:color-mix(in srgb, var(--sf-layer-color) 55%, transparent);--sf-chip-color-hover:color-mix(in srgb, var(--sf-layer-color) 88%, transparent);--sf-chip-color-active:var(--sf-accent);--sf-thumb:var(--sf-accent);--sf-shadow-dark:#00000040;--sf-bg:#111;--sf-danger:#ff6b6b;--sf-danger-tint-weak:color-mix(in srgb, var(--sf-danger) 10%, transparent);--sf-danger-tint-med:color-mix(in srgb, var(--sf-danger) 18%, transparent);--sf-danger-tint-ring:color-mix(in srgb, var(--sf-danger) 35%, transparent);--sf-danger-tint-strong:color-mix(in srgb, var(--sf-danger) 60%, transparent);--sf-tint-2:color-mix(in srgb, var(--sf-text) 2%, transparent);--sf-tint-3:color-mix(in srgb, var(--sf-text) 3%, transparent);--sf-tint-4:color-mix(in srgb, var(--sf-text) 4%, transparent);--sf-tint-6:color-mix(in srgb, var(--sf-text) 6%, transparent);--sf-tint-8:color-mix(in srgb, var(--sf-text) 8%, transparent);--sf-tint-10:color-mix(in srgb, var(--sf-text) 10%, transparent);--sf-tint-12:color-mix(in srgb, var(--sf-text) 12%, transparent);--sf-tint-14:color-mix(in srgb, var(--sf-text) 14%, transparent);--sf-tint-18:color-mix(in srgb, var(--sf-text) 18%, transparent);--sf-tint-22:color-mix(in srgb, var(--sf-text) 22%, transparent);--sf-tint-26:color-mix(in srgb, var(--sf-text) 26%, transparent);--sf-tint-30:color-mix(in srgb, var(--sf-text) 30%, transparent);--sf-tint-40:color-mix(in srgb, var(--sf-text) 40%, transparent);--sf-tint-45:color-mix(in srgb, var(--sf-text) 45%, transparent);--sf-tint-55:color-mix(in srgb, var(--sf-text) 55%, transparent);--sf-tint-65:color-mix(in srgb, var(--sf-text) 65%, transparent);--sf-tint-70:color-mix(in srgb, var(--sf-text) 70%, transparent);--sf-tint-75:color-mix(in srgb, var(--sf-text) 75%, transparent);--sf-tint-80:color-mix(in srgb, var(--sf-text) 80%, transparent);--sf-tint-85:color-mix(in srgb, var(--sf-text) 85%, transparent);--sf-tint-88:color-mix(in srgb, var(--sf-text) 88%, transparent);--sf-tint-95:color-mix(in srgb, var(--sf-text) 95%, transparent);--sf-surface-0:var(--sf-tint-2);--sf-surface-1:var(--sf-tint-3);--sf-surface-2:var(--sf-tint-6);--sf-surface-3:var(--sf-tint-8);--sf-surface-selected:var(--sf-tint-12);--sf-surface-strong:var(--sf-tint-22);--sf-border-subtle:var(--sf-tint-8);--sf-border-soft:var(--sf-tint-14);--sf-border-strong:var(--sf-tint-30);--sf-text-strong:var(--sf-tint-88);--sf-text-soft:var(--sf-tint-75);--sf-text-faint:color-mix(in srgb, var(--sf-text-muted) 70%, transparent);--sf-icon-faint:var(--sf-tint-26);--sf-icon-muted:var(--sf-tint-55);--sf-icon-strong:var(--sf-tint-75);--sf-edge-pad:20px;--sf-panel-gap:16px;--sf-canvas-gap:40px;--sf-layer-panel-top:84px;--sf-sequencer-track-height:180px;--sf-bottom-strip-gap:12px;--sf-bottom-strip-padding-y:12px;--sf-bottom-strip-padding-x:16px;--sf-z-canvas:0;--sf-z-overlay:10;--sf-z-panel:1000;--sf-z-menu-panel:1010;--sf-z-dropdown:1020;--sf-z-modal:2000;--sf-z-dialog:2100;--sf-z-warming:3000;--sf-transition-fast:.12s ease;--sf-transition-std:.16s ease;--sf-transition-slow:.22s ease;--sf-transport-bg:linear-gradient(180deg, #ffffff29 0%, #ffffff1a 100%);--sf-transport-bg-hover:linear-gradient(180deg, #ffffff3d 0%, #ffffff29 100%);--sf-transport-bg-active:linear-gradient(180deg, #ffffff4d 0%, #ffffff38 100%);--sf-transport-bg-soft:linear-gradient(180deg, #ffffff1c 0%, #ffffff0f 100%);--sf-transport-bg-soft-hover:linear-gradient(180deg, #fff3 0%, #ffffff1f 100%);--sf-transport-bg-soft-active:linear-gradient(180deg, #ffffff42 0%, #ffffff2e 100%)}.sf-gui{font-family:var(--sf-font);color:var(--sf-text);-webkit-user-select:none;user-select:none;width:100%}.sf-gui .title{letter-spacing:.03em;text-transform:uppercase;color:var(--sf-text-muted);font-size:10px}.sf-gui .children{display:block}.sf-gui .folder>.title{width:100%;padding:8px var(--sf-panel-content-x-padding);text-align:left;cursor:pointer;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;display:flex}.sf-gui .folder>.title .sf-folder-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.sf-gui .folder>.title .sf-folder-caret{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;opacity:.5;flex:none;width:9px;height:9px;transition:transform .16s,opacity .16s}.sf-gui .folder>.title:hover .sf-folder-caret{opacity:.9}.sf-gui .folder.closed>.title .sf-folder-caret{transform:rotate(-90deg)}.sf-gui .folder>.children{padding-left:8px}.sf-gui .folder.closed>.children{display:none}.sf-gui .controller{min-height:var(--sf-row-height);align-items:center;gap:var(--sf-gap);padding:4px var(--sf-panel-content-x-padding);border-bottom:0;grid-template-columns:1fr minmax(110px,1fr);display:grid}.sf-gui .controller .name{font-size:var(--sf-size);color:var(--sf-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sf-gui .controller .widget{justify-content:flex-end;align-items:center;gap:8px;display:flex}.sf-gui .controller.number.sf-number-row{grid-template-columns:1fr;min-height:0;padding-top:3px;padding-bottom:3px}.sf-gui .controller.number.sf-number-row>.name{display:none}.sf-gui .controller.number.sf-number-row>.widget{width:100%;display:block}.sf-gui .controller.function{grid-template-columns:1fr}.sf-gui .controller.function>.name{display:none}.sf-gui .controller.function>.widget{width:100%}.sf-gui .controller.sf-asset-picker-row{grid-template-columns:1fr;min-width:0}.sf-gui .controller.sf-asset-picker-row>.name{display:none}.sf-gui .controller.sf-asset-picker-row>.widget{width:100%;min-width:0;display:block}.sf-gui .sf-asset-picker{box-sizing:border-box;background:color-mix(in srgb, var(--sf-text,#eee) 4%, transparent);border:1px solid color-mix(in srgb, var(--sf-text,#eee) 8%, transparent);width:100%;min-width:0;color:var(--sf-text);font-family:inherit;font-size:var(--sf-size);cursor:pointer;text-align:left;border-radius:6px;flex-direction:column;gap:6px;padding:8px;transition:background .16s,border-color .16s,transform .16s;display:flex}.sf-gui .sf-asset-picker:hover{background:color-mix(in srgb, var(--sf-text,#eee) 8%, transparent);border-color:color-mix(in srgb, var(--sf-text,#eee) 20%, transparent)}.sf-gui .sf-asset-picker:active{transform:translateY(1px)}.sf-gui .sf-asset-picker-thumb{aspect-ratio:16/9;background:color-mix(in srgb, var(--sf-text,#eee) 6%, transparent);width:100%;min-width:0;color:color-mix(in srgb, var(--sf-text,#eee) 30%, transparent);letter-spacing:.05em;text-transform:uppercase;border-radius:4px;justify-content:center;align-items:center;font-size:11px;display:flex;position:relative;overflow:hidden}.sf-gui .sf-asset-picker-thumb img,.sf-gui .sf-asset-picker-thumb video{object-fit:cover;width:100%;height:100%;display:block}.sf-gui .sf-asset-picker-footer{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:0 2px;display:grid}.sf-gui .sf-asset-picker-filename{min-width:0;color:color-mix(in srgb, var(--sf-text,#eee) 75%, transparent);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sf-gui .sf-asset-picker-meta{font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--sf-text,#eee) 48%, transparent);white-space:nowrap;flex:none;font-size:11px}.sf-gui .controller.disabled{opacity:.45;pointer-events:none}.sf-gui .controller.disabled .sf-number-input,.sf-gui .controller.disabled .sf-text-input,.sf-gui .controller.disabled .sf-select-input,.sf-gui .controller.disabled .sf-color-hex-input{color:var(--sf-text-muted);background:var(--sf-disabled-bg);border-style:dashed}.sf-gui .sf-number-widget{width:100%;position:relative}.sf-gui .sf-number-track{width:100%;min-height:var(--sf-slider-height);background:var(--sf-slider-track-bg);cursor:ew-resize;touch-action:none;border:0;border-radius:5px;display:grid;position:relative;overflow:hidden}.sf-gui .sf-number-overlay{z-index:1;pointer-events:none;grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid;position:relative}.sf-gui .sf-number-overlay .name{color:var(--sf-slider-text-color);font-size:var(--sf-slider-text-size);padding:5px}.sf-gui .sf-number-track.unbounded{opacity:.35}.sf-gui .sf-number-fill{background:var(--sf-slider-fill-bg);width:0;position:absolute;inset:0 auto 0 0}.sf-gui .sf-number-thumb{background:var(--sf-slider-thumb-bg);width:1px;height:100%;box-shadow:var(--sf-slider-thumb-shadow);pointer-events:none;z-index:1;position:absolute;top:0;left:0;transform:translate(-50%)}.sf-gui .sf-number-track.unbounded .sf-number-thumb{opacity:0}.sf-gui .sf-number-input,.sf-gui .sf-text-input,.sf-gui .sf-select-input{width:var(--sf-text-input-width);border:1px solid var(--sf-input-border);background:var(--sf-input-bg);min-width:0;max-width:100%;color:var(--sf-text);text-align:right;border-radius:6px;margin-left:auto;padding:2px 6px;font-size:11px}.sf-gui .sf-number-input{pointer-events:none;cursor:ew-resize;width:fit-content;min-width:1ch;max-width:none;font-family:inherit;font-size:var(--sf-slider-text-size);color:var(--sf-slider-text-color);font-weight:inherit;line-height:inherit;background:0 0;border-color:#0000;margin-left:0;padding:5px}.sf-gui .sf-number-input:focus{box-shadow:none;background:0 0;border-color:#0000;outline:none}.sf-gui .controller.number.sf-number-row.sf-number-editing .sf-number-input{pointer-events:auto;cursor:text}.sf-gui .sf-select-input{text-align:left;width:100%}.sf-gui .sf-text-input:focus,.sf-gui .sf-select-input:focus{border-color:var(--sf-input-focus);outline:none}.sf-gui .sf-color-input{width:var(--sf-color-input-width);height:var(--sf-color-input-height);border-radius:var(--sf-color-swatch-radius);cursor:pointer;appearance:none;background:0 0;border:0;padding:0;overflow:hidden}.sf-gui .sf-color-input::-webkit-color-swatch-wrapper{padding:0}.sf-gui .sf-color-input::-webkit-color-swatch{border:1px solid var(--sf-input-border);border-radius:var(--sf-color-swatch-radius)}.sf-gui .sf-color-input::-moz-color-swatch{border:1px solid var(--sf-input-border);border-radius:var(--sf-color-swatch-radius)}.sf-gui .sf-color-widget{align-items:center;gap:var(--sf-track-input-gap);justify-content:flex-end;width:100%;display:flex}.sf-gui .sf-color-hex-input{box-sizing:border-box;width:var(--sf-color-hex-text-width);max-width:100%;color:var(--sf-text);text-align:right;text-transform:lowercase;cursor:text;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:5px;margin:0;padding:2px 4px;font-size:11px}.sf-gui .sf-color-hex-input:focus,.sf-gui .sf-color-hex-input.is-editing{border-color:var(--sf-input-focus);background:var(--sf-input-bg);outline:none}.sf-gui .sf-boolean-widget{justify-content:flex-end}.sf-gui .sf-boolean-input{accent-color:var(--sf-line-active)}.sf-gui .sf-button-input{border-radius:var(--sf-radius);cursor:pointer;border:0;width:100%;transition:background-color .22s,color .22s;padding:var(--sf-button-padding)!important;font-size:var(--sf-button-font-size)!important}.sf-gui .controller.function button{font-size:var(--sf-button-font-size)!important;padding:var(--sf-button-padding)!important}.sf-gui .sf-button-input.sf-button-primary{background:var(--sf-button-primary-bg);color:var(--sf-button-primary-text)}.sf-gui .sf-button-input.sf-button-primary:hover{background:var(--sf-button-primary-hover);color:var(--sf-button-primary-hover-text)}.sf-gui .sf-button-input.sf-button-secondary{background:var(--sf-button-secondary-bg);color:var(--sf-button-secondary-text)}.sf-gui .sf-button-input.sf-button-secondary:hover{background:var(--sf-button-secondary-hover);color:var(--sf-button-secondary-hover-text)}.sf-gui .sf-button-input.sf-button-danger{background:var(--sf-danger-tint-weak);color:var(--sf-danger);border:1px solid var(--sf-danger-tint-ring)}.sf-gui .sf-button-input.sf-button-danger:hover{background:var(--sf-danger-tint-med);border-color:var(--sf-danger-tint-strong)}.sf-gui .sf-chip-group{flex-wrap:wrap;gap:4px;display:flex}.sf-gui .controller.option-chip.sf-option-chip-row--icon-only{grid-template-columns:1fr}.sf-gui .controller.option-chip.sf-option-chip-row--icon-only>.name{display:none}.sf-gui .controller.option-chip.sf-option-chip-row--icon-only>.widget,.sf-gui .controller.option-chip.sf-option-chip-row--icon-only .sf-chip-group{width:100%}.sf-gui .sf-chip{border:1px solid var(--sf-chip-border);border-radius:var(--sf-radius);font-size:var(--sf-size);color:var(--sf-chip-color);cursor:pointer;background:0 0;flex:1;padding:4px 8px;transition:border-color .16s,color .16s}.sf-gui .sf-chip:hover:not(.sf-chip--active):not(:disabled){border-color:var(--sf-chip-border-hover);color:var(--sf-chip-color-hover)}.sf-gui .sf-chip--active{border-color:var(--sf-chip-border-active);color:var(--sf-chip-color-active)}.sf-gui .sf-chip--icon{justify-content:center;align-items:center;min-height:30px;padding:5px 8px;line-height:0;display:inline-flex}.sf-gui .sf-chip--icon svg{width:18px;height:18px;display:block}.sf-gui .sf-controller.option-chip .sf-chip:disabled{opacity:.4;pointer-events:none}.sf-panel-dock{z-index:var(--sf-z-panel);pointer-events:none;position:fixed}.sf-panel-dock>*{pointer-events:auto}.sf-panel-dock--left-top{top:var(--sf-edge-pad);left:var(--sf-edge-pad)}.sf-panel-dock--left{top:var(--sf-layer-panel-top);left:var(--sf-edge-pad);width:var(--sf-left-panel-width);max-height:calc(100vh - var(--sf-layer-panel-top) - var(--sf-edge-pad))}.sf-panel-dock--right{top:var(--sf-edge-pad);right:var(--sf-edge-pad);width:var(--sf-right-panel-width);max-height:calc(100vh - 2 * var(--sf-edge-pad))}.sf-panel-dock--right-tall{top:var(--sf-layer-panel-top);right:var(--sf-edge-pad);bottom:var(--sf-edge-pad);width:var(--sf-right-panel-width)}.sf-panel-dock--bottom{bottom:var(--sf-edge-pad);left:calc(var(--sf-left-panel-width) + var(--sf-canvas-gap));right:calc(var(--sf-right-panel-width) + var(--sf-canvas-gap))}.sf-panel-dock--dropdown{z-index:var(--sf-z-dropdown);pointer-events:auto}body.sf-chrome-hidden .sf-panel-dock:not(.sf-panel-dock--always-visible){display:none!important}.settings-panel{background:var(--sf-panel-bg);-webkit-backdrop-filter:blur(var(--sf-panel-blur)) saturate(var(--sf-panel-saturate));backdrop-filter:blur(var(--sf-panel-blur)) saturate(var(--sf-panel-saturate));border-radius:var(--sf-panel-radius);border:var(--sf-panel-border);box-shadow:var(--sf-panel-shadow);color:var(--sf-text);font-family:var(--sf-font);flex-direction:column;display:flex;overflow:hidden}.settings-panel-header{padding:var(--sf-panel-header-padding);font-family:var(--sf-panel-header-font-family);font-size:var(--sf-panel-header-font-size);font-weight:var(--sf-panel-header-font-weight);letter-spacing:var(--sf-panel-header-letter-spacing);text-transform:var(--sf-panel-header-text-transform);color:var(--sf-panel-header-color);background:var(--sf-panel-header-bg);border-bottom:var(--sf-panel-header-border-bottom);justify-content:space-between;align-items:center;display:flex}.settings-panel-content{padding:0}.sf-panel-scroll-content{overscroll-behavior:contain;flex:0 auto;min-height:0;overflow-y:auto;max-height:none!important}.sf-scroll-region{overscroll-behavior:contain;min-height:0;overflow-y:auto}.settings-panel-content>.sf-gui,.settings-panel-content>.lil-gui{width:100%;box-shadow:none;background:0 0;border:none}.settings-panel-content>.sf-gui>.title,.settings-panel-content>.lil-gui>.title{display:none}.settings-panel-content>.sf-gui .children,.settings-panel-content>.lil-gui .children{padding:4px 0}.settings-panel-content>.sf-gui .controller,.settings-panel-content>.lil-gui .controller{border-bottom:0}.sf-menu-item{color:var(--sf-text);cursor:pointer;text-align:left;transition:background var(--sf-transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;padding:8px 14px;font-family:inherit;font-size:13px;display:flex}.sf-menu-item:hover:not(:disabled):not(.disabled){background:var(--sf-tint-8)}.sf-menu-item:disabled,.sf-menu-item.disabled{opacity:.4;cursor:default}.sf-menu-item .shortcut{color:var(--sf-tint-55);font-variant-numeric:tabular-nums;font-size:11px}.sf-menu-sep{background:var(--sf-tint-8);border:0;height:1px;margin:6px 10px}.sf-menu-item--danger{color:var(--sf-danger)}.sf-menu-item--danger:hover:not(:disabled):not(.disabled){background:var(--sf-danger-tint-weak)}.sf-overlay-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;justify-content:center;align-items:center;animation:.14s ease-out sf-dialog-fade;display:flex;position:fixed;inset:0}@keyframes sf-dialog-fade{0%{opacity:0}to{opacity:1}}.sf-scroll-thin{scrollbar-width:thin;scrollbar-color:var(--sf-tint-14) transparent}.sf-scroll-thin::-webkit-scrollbar{width:6px;height:6px}.sf-scroll-thin::-webkit-scrollbar-track{background:0 0}.sf-scroll-thin::-webkit-scrollbar-thumb{background:var(--sf-tint-14);border-radius:3px}.sf-scroll-thin::-webkit-scrollbar-thumb:hover{background:var(--sf-tint-22)}.layer-manager-container{color:var(--sf-text-strong);font-family:var(--sf-font);-webkit-user-select:none;user-select:none;flex-direction:column;font-size:13px;display:flex;overflow:hidden}.layer-manager-tabs{align-items:baseline;gap:10px;display:inline-flex}.layer-manager-tab{appearance:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;opacity:.5;cursor:pointer;transition:opacity var(--sf-transition-fast);background:0 0;border:0;padding:0}.layer-manager-tab.active{opacity:1;cursor:default}.layer-manager-tab:hover,.layer-manager-tab:focus-visible{opacity:.78}.layer-manager-tab.active:hover,.layer-manager-tab.active:focus-visible{opacity:1}.layer-manager-tab:focus-visible{outline:1px solid color-mix(in srgb, var(--sf-panel-header-color) 50%, transparent);outline-offset:3px;border-radius:2px}.layer-manager-header{justify-content:space-between;align-items:center;display:flex}.layer-manager-subtitle{color:var(--sf-text-faint);font-size:10px}.layer-list{flex:1;margin:0;padding:6px 0;list-style:none}.layer-item{cursor:grab;flex-direction:column;margin:4px 14px;display:flex}.layer-item-row{background:color-mix(in srgb, var(--layer-type-color,#fff) 3%, transparent);border-radius:6px;outline:1px solid #0000;align-items:center;gap:12px;padding:9px 16px;transition:background .2s,outline-color .2s;display:flex}.layer-item.selected>.layer-item-row{background:color-mix(in srgb, var(--layer-type-color,#fff) 6%, transparent);outline-color:color-mix(in srgb, var(--layer-type-color,#fff) 45%, transparent)}.layer-item-row:hover{background:color-mix(in srgb, var(--layer-type-color,#fff) 6%, transparent)}.layer-item.sortable-ghost{opacity:.3}.layer-item.sortable-ghost>.layer-item-row{background:var(--sf-tint-10)}.layer-item.sortable-drag>.layer-item-row{background:color-mix(in srgb, var(--sf-shadow-dark) 65%, black);box-shadow:0 10px 25px var(--sf-shadow-dark);cursor:grabbing}.layer-item.sortable-drag{cursor:grabbing;opacity:1!important}.layer-child-list{flex-direction:column;gap:2px;margin:2px 0 4px;padding:0 0 0 18px;list-style:none;display:flex;position:relative}.layer-child-list:before{content:"";background:var(--sf-border-subtle);pointer-events:none;width:1px;position:absolute;top:4px;bottom:10px;left:10px}.layer-item--child{cursor:pointer;margin:0}.layer-item--reorderable-child{cursor:grab}.layer-item--child>.layer-item-row{gap:10px;padding:5px 12px 5px 10px;font-size:12px}.layer-swatch{background:var(--layer-type-color,#888);width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--sf-tint-22);border-radius:50%;flex:none}.layer-child-drag-handle{color:color-mix(in srgb, var(--layer-type-color,var(--sf-icon-faint)) 45%, transparent);align-items:center;font-size:13px;transition:color .2s;display:flex}.layer-item--child:hover .layer-child-drag-handle{color:color-mix(in srgb, var(--layer-type-color,var(--sf-icon-strong)) 75%, transparent)}.layer-add-child-row{margin:2px 0 0;padding:0;list-style:none}.layer-add-child-btn{width:100%;color:var(--sf-text-muted);border:1px dashed var(--sf-border-subtle);cursor:pointer;text-align:left;background:0 0;border-radius:5px;padding:4px 10px;font-size:11px;transition:color .15s,background .15s,border-color .15s}.layer-add-child-btn:hover{color:var(--sf-text-strong);border-color:var(--sf-tint-26);background:var(--sf-tint-4)}.layer-drag-handle{color:color-mix(in srgb, var(--layer-type-color,var(--sf-icon-faint)) 45%, transparent);align-items:center;font-size:16px;transition:color .2s;display:flex}.layer-item:hover .layer-drag-handle{color:color-mix(in srgb, var(--layer-type-color,var(--sf-icon-strong)) 75%, transparent)}.layer-info{flex-direction:column;flex:1;min-width:0;display:flex}.layer-name{color:color-mix(in srgb, var(--layer-type-color,var(--sf-text-strong)) 75%, transparent);overflow-wrap:break-word;word-break:break-word;font-weight:500;transition:color .2s}.layer-item.selected .layer-name{color:var(--layer-type-color,var(--sf-text-strong))}.layer-name-input{box-sizing:border-box;border:1px solid var(--sf-border-subtle);background:color-mix(in srgb, var(--sf-bg) 88%, black);width:100%;color:var(--sf-text-strong);font:inherit;border-radius:4px;padding:2px 6px}.layer-status{color:var(--sf-text-faint);margin-top:2px;font-size:10px}.layer-toggle{width:20px;height:20px;color:color-mix(in srgb, var(--layer-type-color,#fff) 26%, transparent);justify-content:center;align-items:center;transition:color .2s,transform .2s;display:flex}.layer-toggle:hover{color:color-mix(in srgb, var(--layer-type-color,#fff) 75%, transparent);transform:scale(1.1)}.layer-toggle.active{color:color-mix(in srgb, var(--layer-type-color,#fff) 88%, transparent)}.layer-solo{color:color-mix(in srgb, var(--layer-type-color,#fff) 26%, transparent);transition:color .2s,transform .2s,background .2s}.layer-solo.active{color:var(--layer-type-color,#fff);background:color-mix(in srgb, var(--layer-type-color,#fff) 14%, transparent)}.layer-solo.active:hover{color:var(--layer-type-color,#fff);background:color-mix(in srgb, var(--layer-type-color,#fff) 22%, transparent)}.layer-item.muted{opacity:.45}.layer-item.muted:hover{opacity:.65}.layer-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.layer-action-btn{cursor:pointer;width:22px;height:22px;color:color-mix(in srgb, var(--layer-type-color,#fff) 26%, transparent);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:color .2s,transform .2s,background .2s;display:inline-flex}.layer-action-btn:disabled,.layer-action-btn.disabled{cursor:default;opacity:.28;pointer-events:none;background:0 0;transform:none}.layer-action-btn:hover{color:color-mix(in srgb, var(--layer-type-color,#fff) 75%, transparent);background:color-mix(in srgb, var(--layer-type-color,#fff) 8%, transparent);transform:scale(1.08)}.layer-delete:hover{color:var(--sf-danger)}.layer-manager-footer{border-top:1px solid var(--sf-border-subtle);flex:none;padding:8px 12px 12px}.layer-add-button{border-radius:var(--sf-radius);width:100%;min-height:30px}.layer-add-button.open{box-shadow:0 0 0 1px color-mix(in srgb, var(--sf-accent) 35%, transparent)}.layer-add-menu{width:240px;overflow:hidden}.layer-add-menu[hidden]{display:none!important}.layer-add-menu-header{padding:10px 14px}.layer-add-menu-content{flex-direction:column;padding:4px 0;display:flex}.layer-add-section{flex-direction:column;padding:6px 0;display:flex}.layer-add-section+.layer-add-section{border-top:1px solid var(--sf-border-subtle)}.layer-add-section-header{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--layer-type-color,#fff) 85%, transparent);padding:6px 14px 4px;font-size:10px;font-weight:600}.layer-manager-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.layer-manager-tab-panel{flex:1;min-height:0}.layer-manager-tab-panel[hidden]{display:none!important}.layer-manager-layers-content{flex-direction:column;display:flex}.layer-manager-scene-content>.sf-gui,.layer-manager-scene-content>.lil-gui{width:100%;box-shadow:none;background:0 0;border:none}.layer-manager-scene-content>.sf-gui>.title,.layer-manager-scene-content>.lil-gui>.title{display:none}.layer-manager-scene-content>.sf-gui .children,.layer-manager-scene-content>.lil-gui .children{padding:4px 0}.layer-manager-scene-content>.sf-gui .controller,.layer-manager-scene-content>.lil-gui .controller{border-bottom:0}.layer-add-option{min-height:30px;color:color-mix(in srgb, var(--layer-type-color,#fff) 80%, transparent);padding-left:16px;font-size:12px;transition:background .15s,color .15s;position:relative}.layer-add-option:before{content:"";background:color-mix(in srgb, var(--layer-type-color,#fff) 70%, transparent);border-radius:2px;width:3px;transition:background .15s;position:absolute;top:6px;bottom:6px;left:6px}.layer-add-option:hover:not(:disabled):not(.disabled){background:color-mix(in srgb, var(--layer-type-color,#fff) 8%, transparent);color:var(--layer-type-color,var(--sf-text-strong))}.layer-add-option:hover:not(:disabled):not(.disabled):before{background:var(--layer-type-color,#fff)}.layer-add-option.disabled:hover{background:0 0}.layer-add-option.disabled:hover:before{background:color-mix(in srgb, var(--layer-type-color,#fff) 70%, transparent)}.layer-add-option:disabled{opacity:.55}.layer-add-meta{color:color-mix(in srgb, var(--layer-type-color,#fff) 55%, transparent);font-variant-numeric:tabular-nums;font-size:10px;transition:color .15s}.layer-add-option:hover .layer-add-meta{color:color-mix(in srgb, var(--layer-type-color,#fff) 80%, transparent)}.layer-add-option.disabled .layer-add-meta{color:var(--layer-type-color,#fff);font-weight:600}.layer-item.disabled .layer-name{opacity:.5;text-decoration:line-through}.right-panels-container{gap:var(--sf-panel-gap);flex-direction:column;display:flex;overflow:hidden}.layer-settings-panel{flex-direction:column;flex:0 auto;min-height:0;display:flex;overflow:hidden}.layer-settings-panel .settings-panel-header-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.layer-settings-panel .settings-panel-header-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.layer-settings-clipboard-actions{align-items:center;gap:4px;display:flex}.layer-settings-clipboard-actions[hidden]{display:none!important}.layer-settings-clipboard-btn{border:1px solid var(--sf-button-secondary-bg);background:var(--sf-button-secondary-bg);width:24px;height:24px;color:var(--sf-button-secondary-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:background .16s,color .16s,opacity .16s;display:inline-flex}.layer-settings-clipboard-btn:hover:not(:disabled){background:var(--sf-button-secondary-hover);color:var(--sf-button-secondary-hover-text)}.layer-settings-clipboard-btn:disabled{cursor:default;opacity:.35}.scene-panel-identity{font-family:var(--sf-font);color:var(--sf-tint-80);border-bottom:1px solid var(--sf-border-subtle);align-items:center;gap:6px;margin-bottom:4px;padding:6px 10px 8px;display:flex}.scene-panel-identity-name{letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;font-weight:500;overflow:hidden}.scene-panel-identity-dot{background:color-mix(in srgb, var(--sf-accent) 70%, transparent);opacity:0;border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:opacity .2s,transform .2s;transform:scale(.6)}.scene-panel-identity-dot.visible{opacity:1;transform:scale(1)}.timeline-panel{width:min(100%, var(--sf-timeline-panel-max-width,750px));margin-inline:auto;flex-direction:column!important;display:flex!important}.timeline-body{align-items:center;gap:var(--sf-bottom-strip-gap);width:100%;padding:var(--sf-bottom-strip-padding-y) var(--sf-bottom-strip-padding-x);display:flex}.timeline-primary-controls{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.timeline-scrubber{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.timeline-scrubber>.sf-gui{width:100%;box-shadow:none;background:0 0;border:none;order:2}.timeline-scrubber>.sf-gui>.title{display:none}.timeline-scrubber>.sf-gui .children{padding:0}.timeline-scrubber>.sf-gui .controller{border-bottom:none;padding:0}.timeline-scrubber .sf-number-track{cursor:ew-resize;background:#ffffff1a;border:none;border-radius:100px;min-height:4px;overflow:visible}.timeline-scrubber .sf-number-fill{background:#fff;border-radius:100px}.timeline-scrubber .sf-number-track:before{content:"";position:absolute;inset:-10px 0}.timeline-scrubber .sf-number-thumb{background:#fff;border-radius:50%;width:12px;height:12px;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #ffffff40}.timeline-scrubber .sf-number-overlay .name,.timeline-scrubber .sf-number-input{display:none}.timeline-ruler{flex-shrink:0;order:3;width:100%;height:18px;margin-top:6px;position:relative}.duration-track{cursor:ew-resize;-webkit-user-select:none;user-select:none;background:0 0;border-radius:2px;flex-shrink:0;order:1;width:100%;height:16px;margin-top:0;margin-bottom:14px;position:relative}.duration-track:before{content:"";pointer-events:none;background:#ffffff12;border-radius:2px;height:2px;position:absolute;top:7px;left:0;right:0}.duration-track:hover .duration-handle,.duration-track.is-dragging .duration-handle{opacity:1}.duration-track:hover .duration-label,.duration-track.is-dragging .duration-label{opacity:.85}.duration-fill{pointer-events:none;background:#ffffff38;border-radius:2px;height:2px;position:absolute;top:7px;left:0}.duration-handle{pointer-events:none;opacity:.55;background:#ffffff8c;border-radius:1px;width:1px;height:10px;transition:opacity .15s;position:absolute;top:3px;transform:translate(-50%)}.duration-track.is-dragging .duration-handle{background:#ffffffe6}.duration-label{color:#ffffffe6;white-space:nowrap;pointer-events:none;opacity:.5;letter-spacing:.03em;font-family:inherit;font-size:9px;transition:opacity .15s;position:absolute;top:13px;bottom:auto;left:50%;transform:translate(-50%)}.timeline-controls{box-sizing:border-box;flex:none;min-width:0;padding:0 40px 0 15px}.timeline-controls>.sf-gui{width:auto;box-shadow:none;background:0 0;border:none}.timeline-controls>.sf-gui>.title{display:none}.timeline-controls>.sf-gui .children{flex-direction:column;align-items:stretch;gap:10px;padding:0;display:flex}.timeline-controls .sf-gui .controller{border-bottom:none;grid-template-columns:auto auto;gap:10px;min-height:18px;padding:0 10px}.timeline-controls .sf-gui .controller .name{white-space:nowrap;color:var(--sf-text-muted);font-size:10px;line-height:1}.timeline-controls .sf-gui .controller .widget{min-width:0}.timeline-controls .sf-gui .sf-number-track{min-height:10px}.timeline-controls .sf-gui .sf-chip-group{flex-wrap:nowrap;gap:3px}.timeline-controls .sf-gui .sf-chip{white-space:nowrap;flex:none;padding:2px 7px;font-size:10px;line-height:1}.timeline-primary-controls.is-freerun .timeline-scrubber,.timeline-primary-controls.is-freerun .duration-track{opacity:.28;pointer-events:none;cursor:not-allowed}.controller.sf-hidden{display:none!important}.controller.sf-timeline-disabled{opacity:.28;pointer-events:none;cursor:not-allowed}@media (width<=1200px){.timeline-body{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.timeline-primary-controls{width:100%}.timeline-controls{width:100%;padding:0}}.sf-ruler{width:100%;font-family:var(--sf-font);pointer-events:none;-webkit-user-select:none;user-select:none;position:relative}.sf-ruler-tick{background:var(--sf-tint-18);width:1px;position:absolute;top:0;bottom:0;transform:translate(-.5px)}.sf-ruler-tick--major{background:var(--sf-tint-45);height:60%;top:20%}.sf-ruler-tick:not(.sf-ruler-tick--major){height:30%;top:35%}.sf-ruler-label{color:var(--sf-tint-65);letter-spacing:.03em;white-space:nowrap;margin-top:1px;font-size:9px;line-height:1;position:absolute;top:100%;left:2px}.sf-transport-btn{background:var(--sf-transport-bg);color:var(--sf-text);cursor:pointer;transition:background var(--sf-transition-std), box-shadow var(--sf-transition-std), transform var(--sf-transition-std), opacity var(--sf-transition-std);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;box-shadow:0 1px 2px #00000040}.sf-transport-btn:hover:not(:disabled){background:var(--sf-transport-bg-hover);box-shadow:0 2px 6px #0000004d}.sf-transport-btn:active:not(:disabled){background:var(--sf-transport-bg-active);transform:scale(.97)}.sf-transport-btn:disabled{opacity:.35;cursor:default;box-shadow:none}.sf-transport-btn svg{pointer-events:none;display:block}.sf-transport-btn--primary{border-radius:50%;width:44px;height:44px}.sf-transport-btn--primary svg{width:18px;height:18px}.sf-transport-btn .icon-pause,.sf-transport-btn.is-playing .icon-play{display:none}.sf-transport-btn.is-playing .icon-pause{display:block}.sf-transport-btn--secondary{background:var(--sf-transport-bg-soft);border-radius:50%;width:32px;height:32px}.sf-transport-btn--secondary:hover:not(:disabled){background:var(--sf-transport-bg-soft-hover)}.sf-transport-btn--secondary:active:not(:disabled){background:var(--sf-transport-bg-soft-active)}.sf-transport-btn--secondary svg{width:14px;height:14px}.menu-panel-container{width:var(--sf-left-panel-width);z-index:var(--sf-z-menu-panel);font-family:var(--sf-font);color:var(--sf-text);-webkit-user-select:none;user-select:none}.menu-panel-container .settings-panel-header{display:none}.menu-panel-container .settings-panel-content{align-items:center;gap:8px;min-height:44px;padding:6px 10px 6px 6px;display:flex}.menu-panel-trigger{width:32px;height:32px;color:var(--sf-tint-70);cursor:pointer;transition:background var(--sf-transition-std), color var(--sf-transition-std);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.menu-panel-trigger:hover{background:var(--sf-tint-10);color:var(--sf-text)}.menu-panel-trigger.open{background:var(--sf-tint-14);color:var(--sf-text)}.menu-panel-spacer{flex:1;min-width:0}.menu-panel-mode-toggle{background:var(--sf-tint-6);border-radius:999px;flex-shrink:0;align-items:stretch;gap:2px;padding:2px;display:inline-flex}.menu-panel-mode-btn{color:var(--sf-tint-55);letter-spacing:.02em;cursor:pointer;transition:background var(--sf-transition-std), color var(--sf-transition-std);white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:500}.menu-panel-mode-btn:hover:not(.is-active){color:var(--sf-text)}.menu-panel-mode-btn.is-active{background:var(--sf-tint-14);color:var(--sf-text)}.menu-panel-chrome-actions{flex-shrink:0;align-items:center;gap:2px;margin-left:4px;display:flex}.menu-panel-chrome-btn{width:28px;height:28px;color:var(--sf-tint-55);cursor:pointer;transition:background var(--sf-transition-std), color var(--sf-transition-std);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.menu-panel-chrome-btn:hover:not(:disabled){background:var(--sf-tint-10);color:var(--sf-text)}.menu-panel-chrome-btn:active:not(:disabled){background:var(--sf-tint-14)}.menu-panel-chrome-btn:disabled{opacity:.35;cursor:default}.menu-panel-chrome-btn svg{pointer-events:none;display:block}.menu-panel-save-btn.is-dirty{color:color-mix(in srgb, var(--sf-accent) 90%, var(--sf-text));background:color-mix(in srgb, var(--sf-accent) 10%, transparent)}.menu-panel-save-btn.is-dirty:hover:not(:disabled){background:color-mix(in srgb, var(--sf-accent) 18%, transparent)}.menu-dropdown{width:240px;font-family:var(--sf-font);overflow:hidden}.menu-dropdown[hidden]{display:none!important}.menu-dropdown .settings-panel-header{display:none}.menu-dropdown .settings-panel-content{flex-direction:column;padding:6px 0;display:flex}.undo-panel-container{z-index:var(--sf-z-menu-panel);width:auto;min-width:72px;font-family:var(--sf-font);color:var(--sf-text);-webkit-user-select:none;user-select:none;position:fixed;top:12px;left:50%;transform:translate(-50%)}.undo-panel-container[hidden]{display:none!important}.undo-panel-container .settings-panel-header{display:none}.undo-panel-container .settings-panel-content{min-height:44px;padding:0}.undo-panel-content{align-items:center;gap:6px;padding:6px;display:flex}.undo-panel-history-group{align-items:center;gap:2px;display:flex}.undo-panel-history-group[hidden]{display:none!important}.undo-panel-content .menu-panel-chrome-btn{width:32px;height:32px}.undo-panel-cloud-status{text-overflow:ellipsis;white-space:nowrap;max-width:128px;color:var(--sf-tint-65);background:var(--sf-tint-8);border-radius:999px;flex-shrink:0;padding:6px 9px;font-size:10px;line-height:1;overflow:hidden}.undo-panel-cloud-status[hidden]{display:none!important}.undo-panel-cloud-status[data-status=dirty],.undo-panel-cloud-status[data-status=draft],.undo-panel-cloud-status[data-status=local]{color:var(--sf-tint-70);background:var(--sf-tint-10)}.undo-panel-cloud-status[data-status=syncing]{color:var(--sf-text);background:var(--sf-tint-14)}.undo-panel-cloud-status[data-status=failed]{color:color-mix(in srgb, var(--sf-accent) 85%, var(--sf-text));background:color-mix(in srgb, var(--sf-accent) 12%, transparent)}.undo-panel-cloud-status[data-status=synced],.undo-panel-cloud-status[data-status=cloud]{color:var(--sf-text);background:var(--sf-tint-12)}.browse-context-menu{min-width:180px;font-family:var(--sf-font);overflow:hidden}.browse-context-menu .settings-panel-header{display:none}.browse-context-menu .settings-panel-content{flex-direction:column;padding:6px 0;display:flex}.sf-modal-card-thumb.sf-modal-card-thumb--pending{opacity:.7;letter-spacing:.06em;color:#ffffff73;font-size:1.75rem}.sf-modal-card-sync-badge{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--sf-tint-65);background:var(--sf-tint-8);border-radius:999px;align-self:flex-start;margin-top:6px;padding:4px 7px;font-size:10px;line-height:1;overflow:hidden}.sf-modal-card-sync-badge[data-status=local]{color:var(--sf-tint-70);background:var(--sf-tint-10)}.sf-modal-card-sync-badge[data-status=syncing]{color:var(--sf-text);background:var(--sf-tint-14)}.sf-modal-card-sync-badge[data-status=failed]{color:color-mix(in srgb, var(--sf-accent) 85%, var(--sf-text));background:color-mix(in srgb, var(--sf-accent) 12%, transparent)}.sf-modal-card-sync-badge[data-status=synced],.sf-modal-card-sync-badge[data-status=cloud]{color:var(--sf-text);background:var(--sf-tint-12)}.sf-modal-overlay{z-index:var(--sf-z-modal)}.sf-modal-modal{width:min(1100px,100vw - 40px);height:min(720px,100vh - 40px);color:var(--sf-text);font-family:var(--sf-font);flex-direction:column;display:flex;overflow:hidden}.sf-modal-modal .settings-panel-header{border-bottom:1px solid var(--sf-border-subtle);justify-content:space-between;align-items:center;padding:18px 22px 14px;display:flex}.sf-modal-modal .settings-panel-header span{font-size:18px;font-weight:600}.sf-modal-close{width:32px;height:32px;color:var(--sf-tint-65);cursor:pointer;transition:background var(--sf-transition-std), color var(--sf-transition-std);background:0 0;border:none;border-radius:6px;font-size:20px;line-height:1}.sf-modal-close:hover{background:var(--sf-tint-10);color:var(--sf-text)}.sf-modal-content{flex:1;min-height:0;padding:20px 22px 22px;overflow-y:auto}.sf-modal-empty{text-align:center;height:100%;min-height:200px;color:var(--sf-tint-55);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:14px;display:flex}.sf-modal-empty strong{color:var(--sf-tint-85);font-size:16px;font-weight:600}.sf-modal-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;display:grid}.sf-modal-card{cursor:pointer;background:var(--sf-surface-1);border:1px solid var(--sf-tint-6);border-radius:10px;flex-direction:column;gap:8px;padding:10px 10px 12px;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden}.sf-modal-card:hover{border-color:var(--sf-tint-18);transform:translateY(-2px);box-shadow:0 10px 28px #00000059}.sf-modal-card--current{border-color:color-mix(in srgb, var(--sf-accent) 55%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--sf-accent) 35%, transparent)}.sf-modal-card-thumb{aspect-ratio:16/9;background:var(--sf-surface-2);width:100%;color:var(--sf-tint-30);letter-spacing:.05em;text-transform:uppercase;border-radius:6px;justify-content:center;align-items:center;font-size:11px;display:flex;position:relative;overflow:hidden}.sf-modal-card-thumb img,.sf-modal-card-thumb video{object-fit:cover;width:100%;height:100%;display:block}.sf-modal-card-badge{letter-spacing:.06em;text-transform:uppercase;color:#fff;pointer-events:none;background:#0000008c;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;top:6px;right:6px}.sf-modal-card-meta{flex-direction:column;gap:2px;min-width:0;padding:0 2px;display:flex}.sf-modal-card-name{color:var(--sf-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.sf-modal-card-date{color:var(--sf-tint-45);font-size:11px}.sequencer-library-container{max-height:calc(100vh - var(--sf-layer-panel-top) - var(--sf-edge-pad) - var(--sf-sequencer-track-height));-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}.sequencer-library-content{flex-direction:column;flex:1;gap:8px;padding:10px 10px 14px;display:flex;overflow:hidden}.sequencer-library-tab-panel{flex:1;min-height:0}.sequencer-library-tab-panel[hidden]{display:none!important}.sequencer-library-designs-content,.sequencer-library-scene-content{flex-direction:column;gap:8px;min-height:0;display:flex}.sequencer-library-scene-content{padding:0 2px 4px}.sequencer-library-search{border:1px solid var(--sf-input-border);background:var(--sf-input-bg);width:100%;color:var(--sf-text);transition:border-color var(--sf-transition-std);border-radius:6px;outline:none;flex:none;padding:6px 10px;font-family:inherit;font-size:12px}.sequencer-library-search::placeholder{color:var(--sf-tint-40)}.sequencer-library-search:focus{border-color:var(--sf-input-focus)}.sequencer-library-list{flex:1;grid-template-columns:1fr 1fr;gap:6px;padding:2px;display:grid}.sequencer-library-item{background:var(--sf-surface-1);border:1px solid var(--sf-border-subtle);cursor:grab;transition:background var(--sf-transition-std), border-color var(--sf-transition-std), transform .1s ease;border-radius:6px;flex-direction:column;gap:4px;padding:4px;display:flex;position:relative}.sequencer-library-item:hover{background:var(--sf-surface-3);border-color:var(--sf-tint-22)}.sequencer-library-item:active{cursor:grabbing;transform:scale(.98)}.sequencer-library-item-thumb{aspect-ratio:16/9;background:var(--sf-surface-2);letter-spacing:.05em;text-transform:uppercase;width:100%;color:var(--sf-tint-30);border-radius:4px;justify-content:center;align-items:center;font-size:9px;display:flex;overflow:hidden}.sequencer-library-item-thumb img{object-fit:cover;width:100%;height:100%;display:block}.sequencer-library-item-name{color:var(--sf-text-soft);white-space:nowrap;text-overflow:ellipsis;padding:0 2px;font-size:11px;overflow:hidden}.sequencer-library-empty{color:var(--sf-tint-45);text-align:center;padding:20px 10px;font-size:12px;line-height:1.5}.sequencer-inspector-container{gap:var(--sf-panel-gap);-webkit-user-select:none;user-select:none;bottom:calc(var(--sf-edge-pad) + var(--sf-sequencer-track-height));flex-direction:column;display:flex;overflow:hidden}.sequencer-inspector-scene-panel,.sequencer-inspector-detail-panel{flex-direction:column;flex:0 auto;min-height:0;display:flex;overflow:hidden}.sequencer-inspector-scene-panel .settings-panel-header,.sequencer-inspector-detail-panel .settings-panel-header{flex:none}.sequencer-inspector-content{flex-direction:column;gap:8px;padding:8px 12px 12px;display:flex}.sequencer-transition-editor{background:0 0;border:0;flex-direction:column;gap:6px;margin:0 0 8px;padding:0;transition:box-shadow .28s;display:flex}.sequencer-transition-editor.is-inherited,.sequencer-transition-editor.is-overridden,.sequencer-transition-editor.is-default-editor{background:0 0}.sequencer-transition-editor.is-highlight{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--sf-accent) 55%, transparent)}.sequencer-transition-editor-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.sequencer-transition-pill{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600}.sequencer-transition-pill.is-inherited{color:var(--sf-text-soft);background:var(--sf-tint-10)}.sequencer-transition-pill.is-overridden{color:#000;background:var(--sf-accent)}.sequencer-transition-editor-actions{flex-wrap:wrap;gap:4px;display:flex}.sequencer-transition-editor-body{flex-direction:column;gap:6px;display:flex}.sequencer-transition-editor-body>.controller{padding-left:var(--sf-panel-content-x-padding);padding-right:var(--sf-panel-content-x-padding)}.sequencer-transition-editor-body.is-disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.sequencer-inspector-gui{margin:2px -4px 6px}.sequencer-inspector-gui .sf-gui,.sequencer-inspector-gui .lil-gui,.sequencer-inspector-gui .gui-panel{box-sizing:border-box;width:100%}.sequencer-library-scene-content .sequencer-inspector-gui>.sf-gui,.sequencer-library-scene-content .sequencer-inspector-gui>.lil-gui{width:100%;box-shadow:none;background:0 0;border:none}.sequencer-library-scene-content .sequencer-inspector-gui>.sf-gui>.title,.sequencer-library-scene-content .sequencer-inspector-gui>.lil-gui>.title{display:none}.sequencer-library-scene-content .sequencer-inspector-gui>.sf-gui .children,.sequencer-library-scene-content .sequencer-inspector-gui>.lil-gui .children{padding:4px 0}.sequencer-library-scene-content .sequencer-inspector-gui>.sf-gui .controller,.sequencer-library-scene-content .sequencer-inspector-gui>.lil-gui .controller{border-bottom:0}.sequencer-library-scene-content .sf-gui .sf-number-track{touch-action:none}.sequencer-inspector-loop-seam-pane{align-self:stretch}.sequencer-transition-editor-loop-hint.sequencer-transition-editor{padding:0 var(--sf-panel-content-x-padding);gap:10px}.sequencer-loop-seam-copy{color:var(--sf-text-soft);margin:0;font-size:12px;line-height:1.45}.sequencer-loop-seam-actions{justify-content:flex-start;display:flex}.sequencer-transitions-drawer-body{flex-direction:column;gap:8px;padding:4px 6px 8px;display:flex}.sequencer-track-wrapper{bottom:var(--sf-edge-pad);box-sizing:border-box;padding:0 var(--sf-edge-pad);left:0;right:0}.sequencer-track-panel{width:100%;flex-direction:column!important;display:flex!important}.sequencer-track-panel .settings-panel-header{display:none}.sequencer-track-body{align-items:stretch;gap:var(--sf-bottom-strip-gap);width:100%;padding:var(--sf-bottom-strip-padding-y) 0;display:flex}.sequencer-track-transport{flex-shrink:0;align-items:center;gap:6px;display:flex}.sequencer-track-clock{font-variant-numeric:tabular-nums;color:var(--sf-text-muted);white-space:nowrap;padding:0 8px;font-family:SF Mono,Menlo,monospace;font-size:11px}.sequencer-track-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.sequencer-track-ruler{cursor:ew-resize;touch-action:none;flex-shrink:0;height:14px}.sequencer-track-strip{background:var(--sf-surface-1);cursor:ew-resize;touch-action:none;border-radius:6px;flex-shrink:0;height:60px;position:relative;overflow:hidden}.sequencer-track-strip.is-empty{color:var(--sf-tint-40);justify-content:center;align-items:center;font-size:11px;font-style:italic;display:flex}.sequencer-track-strip.is-drop-target{background:color-mix(in srgb, var(--sf-accent) 10%, transparent);outline:1px dashed color-mix(in srgb, var(--sf-accent) 40%, transparent);outline-offset:-2px}.sequencer-clip{box-sizing:border-box;background:color-mix(in srgb, var(--sf-accent) 14%, transparent);border:1px solid color-mix(in srgb, var(--sf-accent) 24%, transparent);cursor:grab;transition:background var(--sf-transition-fast), border-color var(--sf-transition-fast);-webkit-user-select:none;user-select:none;border-radius:5px;flex-direction:column;padding:5px 8px;display:flex;position:absolute;top:4px;bottom:4px;overflow:hidden}.sequencer-clip:hover{background:color-mix(in srgb, var(--sf-accent) 22%, transparent);border-color:color-mix(in srgb, var(--sf-accent) 40%, transparent)}.sequencer-clip.is-selected{background:color-mix(in srgb, var(--sf-accent) 28%, transparent);border-color:var(--sf-accent)}.sequencer-clip.is-dragging{opacity:.6;cursor:grabbing}.sequencer-clip-thumb{opacity:.85;z-index:0;pointer-events:none;border-radius:inherit;background-position:0;background-repeat:repeat-x;background-size:auto 100%;position:absolute;inset:0}.sequencer-clip.has-thumb{background:color-mix(in srgb, var(--sf-accent) 6%, transparent)}.sequencer-clip.has-thumb:before{content:"";z-index:1;pointer-events:none;border-radius:inherit;opacity:.85;background:linear-gradient(#0000008c 0%,#00000026 35%,#0000008c 100%);position:absolute;inset:0}.sequencer-clip.has-thumb.is-selected:before{background:linear-gradient(#00000073 0%,#00000014 35%,#00000073 100%)}.sequencer-clip-title,.sequencer-clip-meta,.sequencer-clip-handle{z-index:2;position:relative}.sequencer-clip-title{color:var(--sf-text);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;line-height:1.1;overflow:hidden}.sequencer-clip.has-thumb .sequencer-clip-title{color:#fff;text-shadow:0 1px 2px #0009}.sequencer-clip.has-thumb .sequencer-clip-meta{color:#ffffffd9;text-shadow:0 1px 2px #00000080}.sequencer-clip-meta{letter-spacing:.05em;text-transform:uppercase;color:var(--sf-tint-55);white-space:nowrap;align-items:center;gap:6px;margin-top:auto;font-size:9px;display:flex;overflow:hidden}.sequencer-clip-meta .dot{opacity:.7;background:currentColor;border-radius:50%;flex-shrink:0;width:3px;height:3px}.sequencer-clip-handle{cursor:ew-resize;background:0 0;width:6px;position:absolute;top:0;bottom:0}.sequencer-clip-handle.handle-left{left:0}.sequencer-clip-handle.handle-right{right:0}.sequencer-clip-handle:hover,.sequencer-clip-handle.is-dragging{background:color-mix(in srgb, var(--sf-accent) 30%, transparent)}.sequencer-transition{cursor:pointer;z-index:2;background:0 0;border:none;justify-content:center;align-items:center;width:14px;height:22px;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.sequencer-transition-diamond{border:1px solid var(--sf-tint-40);width:12px;height:12px;transition:background var(--sf-transition-fast), border-color var(--sf-transition-fast);pointer-events:none;background:0 0;border-radius:2px;position:relative;transform:rotate(45deg)}.sequencer-transition.is-inherited .sequencer-transition-diamond{background:var(--sf-tint-8);border-color:var(--sf-tint-30)}.sequencer-transition.is-override .sequencer-transition-diamond{background:color-mix(in srgb, var(--sf-accent) 65%, transparent);border-color:var(--sf-accent)}.sequencer-transition:hover .sequencer-transition-diamond,.sequencer-transition.is-selected .sequencer-transition-diamond{background:color-mix(in srgb, var(--sf-accent) 70%, transparent);border-color:var(--sf-accent)}.sequencer-transition.is-override:not(.is-cut) .sequencer-transition-diamond:after{content:"";background:color-mix(in srgb, var(--sf-accent) 80%, white 10%);pointer-events:none;border-radius:1px;position:absolute;inset:3px}.sequencer-transition.is-selected:not(.is-cut) .sequencer-transition-diamond:after{content:"";background:var(--sf-accent);pointer-events:none;border-radius:1px;position:absolute;inset:3px}.sequencer-loop-marker{cursor:pointer;z-index:3;width:22px;height:22px;color:var(--sf-tint-55);transition:color var(--sf-transition-std), transform var(--sf-transition-std);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.sequencer-loop-marker.is-override{color:var(--sf-accent)}.sequencer-loop-marker:hover,.sequencer-loop-marker.is-selected{color:var(--sf-accent);transform:translateY(-50%)scale(1.1)}.sequencer-loop-marker.is-selected:before{content:"";border:1px solid var(--sf-accent);border-radius:50%;position:absolute;inset:-2px}.sequencer-loop-glyph{pointer-events:none;width:16px;height:16px}.sequencer-playhead{background:var(--sf-accent);width:1px;box-shadow:0 0 5px var(--sf-accent);pointer-events:auto;cursor:ew-resize;touch-action:none;z-index:3;position:absolute;top:0;bottom:0;transform:translate(-50%)}.sequencer-playhead:before{content:"";position:absolute;inset:0 -4px}body.sf-mode-sequencer .layer-manager-container,body.sf-mode-sequencer .right-panels-container,body.sf-mode-sequencer .timeline-panel-wrapper,body.sf-mode-sequencer .sf-canvas-ruler,body.sf-mode-sequencer .sf-canvas-handle,body.sf-mode-sequencer .sf-overlay{display:none!important}body.sf-mode-sequencer .sf-canvas-stage,body.sf-mode-sequencer .sf-canvas-stage *{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}body.sf-mode-sequencer.sf-sequencer-empty .sf-canvas-stage{visibility:hidden!important}body:not(.sf-mode-sequencer) .sequencer-library-container,body:not(.sf-mode-sequencer) .sequencer-inspector-container,body:not(.sf-mode-sequencer) .sequencer-track-wrapper,body:not(.sf-mode-sequencer) .sequencer-preview-stage{display:none!important}.sequencer-preview-stage{z-index:var(--sf-z-overlay);pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sequencer-preview-empty{font-family:var(--sf-font);color:var(--sf-tint-55);text-align:center;letter-spacing:.01em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border-radius:10px;max-width:360px;padding:20px 24px;font-size:13px;line-height:1.55}.sequencer-preview-empty strong{color:var(--sf-text);margin-bottom:6px;font-size:15px;font-weight:600;display:block}.sequencer-preview-hud{bottom:calc(var(--sf-sequencer-track-height) + 32px);color:#ffffffe6;font-family:var(--sf-font);letter-spacing:.02em;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity var(--sf-transition-fast);z-index:var(--sf-z-overlay);background:#0000008c;border-radius:999px;align-items:center;gap:8px;padding:4px 12px;font-size:11px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.sequencer-preview-hud.is-hidden{opacity:0}.sequencer-preview-hud .dot{opacity:.6;background:currentColor;border-radius:50%;width:4px;height:4px}.sf-seq-warming{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;z-index:var(--sf-z-warming);pointer-events:all;transition:opacity var(--sf-transition-std);opacity:1;background:#00000094;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sf-seq-warming.sf-seq-warming--hidden{opacity:0;pointer-events:none}.sf-seq-warming__inner{text-align:center;background:#141418d9;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;align-items:center;gap:12px;min-width:220px;padding:22px 28px;display:flex;box-shadow:0 8px 32px #00000073}.sf-seq-warming__spinner{border:2px solid #ffffff2e;border-top-color:#fff;border-radius:50%;width:28px;height:28px;animation:.9s linear infinite sf-seq-warming-spin}@keyframes sf-seq-warming-spin{to{transform:rotate(360deg)}}.sf-seq-warming__label{letter-spacing:.01em;font-size:13px;font-weight:500}.sf-seq-warming__progress{opacity:.72;font-variant-numeric:tabular-nums;font-size:12px}.sf-overlay{pointer-events:none;z-index:10;position:absolute;top:0;left:0}.sf-overlay-layer{pointer-events:none;transform-origin:0 0;box-sizing:border-box;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}.sf-overlay-picker{pointer-events:auto;cursor:move;outline-offset:2px;outline:1px dashed #0000;transition:outline-color .12s;position:absolute;inset:0}.sf-overlay-layer:not(.is-selected):not(.is-secondary-selected):not(.is-editing) .sf-overlay-picker:hover{outline-color:color-mix(in srgb, var(--sf-layer-color) 55%, transparent)}.sf-overlay-box{pointer-events:none;box-sizing:border-box;border:1px solid #0000;transition:border-color .12s;position:absolute;inset:0}.sf-overlay-layer.is-selected .sf-overlay-box{border-color:var(--sf-layer-color);box-shadow:0 0 0 1px #00000059}.sf-overlay-layer.is-secondary-selected .sf-overlay-box{border-color:color-mix(in srgb, var(--sf-layer-color) 65%, transparent);border-style:dashed}.sf-overlay-layer.is-editing .sf-overlay-box{border-color:color-mix(in srgb, var(--sf-layer-color) 60%, transparent)}.sf-overlay-layer.is-editing .sf-overlay-picker{pointer-events:none;cursor:text}.sf-overlay-handle{background:var(--sf-layer-color);box-sizing:border-box;pointer-events:auto;opacity:0;border:1px solid #0009;width:10px;height:10px;transition:opacity .12s;position:absolute}.sf-overlay-layer.is-selected .sf-overlay-handle{opacity:1}.sf-overlay-layer:not(.is-selected) .sf-overlay-handle{pointer-events:none}.sf-overlay-handle.corner-tl{cursor:nwse-resize;top:-5px;left:-5px}.sf-overlay-handle.corner-tr{cursor:nesw-resize;top:-5px;right:-5px}.sf-overlay-handle.corner-br{cursor:nwse-resize;bottom:-5px;right:-5px}.sf-overlay-handle.corner-bl{cursor:nesw-resize;bottom:-5px;left:-5px}.sf-overlay-handle.rotate{left:calc(var(--sf-anchor-x,50%) - 5px);cursor:grab;border-radius:50%;top:-32px}.sf-overlay-handle.rotate:active{cursor:grabbing}.sf-overlay-handle.rotate:after{content:"";background:var(--sf-layer-color);width:1px;height:18px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.sf-overlay-editor{color:inherit;white-space:pre-wrap;overflow-wrap:break-word;pointer-events:auto;cursor:text;caret-color:var(--sf-layer-color);-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:0;margin:0;padding:0;display:none;position:absolute;inset:0}.sf-overlay-layer.is-editing .sf-overlay-editor{display:block}.sf-overlay-layer.kind-center,.sf-overlay-layer.kind-center-radius,.sf-overlay-layer.kind-center-rotation{width:0;height:0}.sf-overlay-center-dot{background:var(--sf-layer-color);box-sizing:border-box;pointer-events:auto;cursor:move;opacity:.55;border:2px solid #0000008c;border-radius:50%;width:14px;height:14px;transition:opacity .12s,transform .12s;position:absolute;top:-7px;left:-7px;box-shadow:0 0 0 1px #ffffff26}.sf-overlay-center-dot:hover{opacity:.85}.sf-overlay-layer.is-selected .sf-overlay-center-dot{opacity:1;transform:scale(1.15)}.sf-overlay-radius-ring{border:1px dashed var(--sf-layer-color);box-sizing:border-box;pointer-events:none;opacity:0;border-radius:50%;transition:opacity .12s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sf-overlay-layer.is-selected .sf-overlay-radius-ring{opacity:.75}.sf-overlay-radius-handle{background:var(--sf-layer-color);box-sizing:border-box;pointer-events:auto;cursor:ew-resize;opacity:0;border:1px solid #0000008c;border-radius:50%;width:12px;height:12px;margin-top:-6px;margin-left:-6px;transition:opacity .12s;position:absolute}.sf-overlay-layer.is-selected .sf-overlay-radius-handle{opacity:1}.sf-overlay-rotation-arm{background:var(--sf-layer-color);transform-origin:0;pointer-events:none;opacity:0;height:1px;transition:opacity .12s;position:absolute;top:0;left:0}.sf-overlay-layer.is-selected .sf-overlay-rotation-arm{opacity:.75}.sf-overlay-rotation-handle{background:var(--sf-layer-color);box-sizing:border-box;pointer-events:auto;cursor:grab;transform-origin:50%;opacity:0;border:1px solid #0000008c;border-radius:50%;width:12px;height:12px;margin-top:-6px;margin-left:-6px;transition:opacity .12s;position:absolute;top:0;left:0}.sf-overlay-rotation-handle:active{cursor:grabbing}.sf-overlay-layer.is-selected .sf-overlay-rotation-handle{opacity:1}body.sf-overlay-dragging{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.sf-canvas-stage{z-index:0;pointer-events:none;box-sizing:border-box;background:0 0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}body.sf-canvas-space-held,body.sf-canvas-space-held *{cursor:grab!important}body.sf-canvas-panning,body.sf-canvas-panning *{cursor:grabbing!important}.sf-canvas-stage.sf-canvas-stage--fit{background:0 0}.sf-canvas-stage.sf-canvas-stage--aspect,.sf-canvas-stage.sf-canvas-stage--fixed{background:#0a0a0a}.sf-canvas-frame{pointer-events:auto;will-change:width, height, transform;position:relative;overflow:visible}.sf-canvas-stage--aspect .sf-canvas-frame,.sf-canvas-stage--fixed .sf-canvas-frame{box-shadow:0 0 0 1px #ffffff14,0 16px 48px #0000008c}.sf-canvas-frame>canvas{display:block;width:100%!important;height:100%!important}.sf-canvas-hud{color:#e5e5e5;font:500 10px/1.4 var(--sf-font);letter-spacing:.04em;text-transform:uppercase;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:4;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#141414d1;border-radius:4px;padding:4px 8px;position:absolute;bottom:8px;right:8px}.sf-canvas-stage--fit .sf-canvas-hud{display:none}.sf-canvas-ruler{pointer-events:none;color:#ebebeb8c;font:9px/1 var(--sf-font);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3;background:#0a0a0a8c;position:absolute;overflow:hidden}.sf-canvas-ruler--top{border-bottom:1px solid #ffffff1a;width:100%;height:16px;top:-18px;left:0}.sf-canvas-ruler--left{border-right:1px solid #ffffff1a;width:16px;height:100%;top:0;left:-18px}.sf-canvas-ruler svg{width:100%;height:100%;display:block}.sf-canvas-handle{pointer-events:auto;z-index:5;background:#111;border:1px solid #ffffffe6;border-radius:2px;width:12px;height:12px;transition:transform .1s,background .1s;position:absolute;box-shadow:0 1px 3px #00000073}.sf-canvas-handle:hover{background:#fff}.sf-canvas-handle:active,.sf-canvas-handle.sf-canvas-handle--dragging{background:#fff;transform:scale(1.15)}.sf-canvas-handle--n{cursor:ns-resize;top:-6px;left:50%;transform:translate(-50%)}.sf-canvas-handle--s{cursor:ns-resize;bottom:-6px;left:50%;transform:translate(-50%)}.sf-canvas-handle--w{cursor:ew-resize;top:50%;left:-6px;transform:translateY(-50%)}.sf-canvas-handle--e{cursor:ew-resize;top:50%;right:-6px;transform:translateY(-50%)}.sf-canvas-handle--nw{cursor:nwse-resize;top:-6px;left:-6px}.sf-canvas-handle--ne{cursor:nesw-resize;top:-6px;right:-6px}.sf-canvas-handle--sw{cursor:nesw-resize;bottom:-6px;left:-6px}.sf-canvas-handle--se{cursor:nwse-resize;bottom:-6px;right:-6px}.sf-canvas-handle--n.sf-canvas-handle--dragging,.sf-canvas-handle--s.sf-canvas-handle--dragging{transform:translate(-50%)scale(1.15)}.sf-canvas-handle--w.sf-canvas-handle--dragging,.sf-canvas-handle--e.sf-canvas-handle--dragging{transform:translateY(-50%)scale(1.15)}.sf-canvas-stage--fit .sf-canvas-handle{display:none}.sf-canvas-snap-badge{color:#111;font:600 9px/1.2 var(--sf-font);letter-spacing:.06em;text-transform:uppercase;pointer-events:none;z-index:6;background:#fff;border-radius:3px;padding:3px 6px;position:absolute;transform:translate(8px,-20px)}.sf-dialog-overlay{z-index:var(--sf-z-dialog)}.sf-dialog{box-sizing:border-box;min-width:320px;max-width:min(440px,100vw - 40px);color:var(--sf-text);font-family:var(--sf-font);flex-direction:column;gap:14px;padding:20px 22px 18px;display:flex}.sf-dialog-title{letter-spacing:.01em;color:var(--sf-tint-95);font-size:16px;font-weight:600}.sf-dialog-message{color:var(--sf-text-soft);white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.45}.sf-dialog-input{border:1px solid var(--sf-input-border);background:var(--sf-input-bg);width:100%;color:var(--sf-text);box-sizing:border-box;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:14px}.sf-dialog-input:focus{border-color:var(--sf-input-focus);outline:none}.sf-dialog-actions{justify-content:flex-end;gap:8px;margin-top:2px;display:flex}.sf-dialog-btn{border:1px solid var(--sf-input-border);border-radius:var(--sf-radius);min-width:84px;color:var(--sf-text);cursor:pointer;transition:background var(--sf-transition-std), border-color var(--sf-transition-std), color var(--sf-transition-std);background:0 0;padding:7px 14px;font-family:inherit;font-size:13px}.sf-dialog-btn:hover{background:var(--sf-tint-8);border-color:var(--sf-tint-30)}.sf-dialog-btn.primary{background:var(--sf-button-primary-bg);color:var(--sf-button-primary-text);border-color:#0000}.sf-dialog-btn.primary:hover{background:var(--sf-button-primary-hover);color:var(--sf-button-primary-hover-text)}.sf-dialog-btn.danger{color:var(--sf-danger);border-color:var(--sf-danger-tint-ring)}.sf-dialog-btn.danger:hover{background:var(--sf-danger-tint-med);border-color:color-mix(in srgb, var(--sf-danger) 60%, transparent)}.sf-code-export-panel{box-sizing:border-box;width:min(920px,100vw - 32px);max-width:calc(100vw - 32px)}.sf-code-export-panel .settings-panel-header,.sf-code-export-panel .settings-panel-content{box-sizing:border-box;width:100%;min-width:0}.sf-code-export-dialog{width:100%;min-width:0;max-width:none;overflow:hidden}.sf-code-export-warnings{box-sizing:border-box;border:1px solid var(--sf-danger-tint-ring);border-radius:var(--sf-radius);background:var(--sf-danger-tint-med);width:100%;color:var(--sf-text);white-space:pre-wrap;padding:10px 12px;font-size:12px;line-height:1.45}.sf-code-export-textarea{resize:vertical;box-sizing:border-box;border:1px solid var(--sf-input-border);border-radius:var(--sf-radius);background:var(--sf-input-bg);width:100%;max-width:100%;min-height:min(58vh,560px);color:var(--sf-text);tab-size:2;padding:12px;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.sf-code-export-textarea:focus{border-color:var(--sf-input-focus);outline:none}