.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--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),body.sf-chrome-hidden .sf-global-message-stack,body.sf-chrome-hidden .sf-font-edit-blocked-callout{display:none!important}body.sf-chrome-hidden .sf-overlay{visibility:hidden!important;pointer-events:none!important}body.sf-chrome-hidden .sf-canvas-hud-row{display:none!important}.sf-surface-panel,.settings-panel,.sf-global-message,.sf-font-edit-blocked-callout{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)}.sf-surface-panel,.settings-panel{flex-direction:column;display:flex;overflow:hidden}.sf-font-edit-blocked-callout{border-radius:var(--sf-radius-sm);box-shadow:0 4px 20px var(--sf-shadow-dark)}.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 0 20px}.sf-dialog-panel>.settings-panel-header,.sf-modal-modal>.settings-panel-header{padding:var(--sf-modal-header-top) var(--sf-modal-inset) var(--sf-modal-header-gap);font-size:var(--sf-modal-title-size)}.sf-dialog-panel>.settings-panel-content,.sf-modal-modal>.settings-panel-content{padding:var(--sf-modal-body-top) var(--sf-modal-inset) var(--sf-modal-inset)}.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{width:100%;box-shadow:none;background:0 0;border:none}.settings-panel-content>.sf-gui>.title{display:none}.settings-panel-content>.sf-gui .children{padding:4px 0}.settings-panel-content>.sf-gui .controller{border-bottom:0}.sf-context-menu{min-width:180px;font-family:var(--sf-font);z-index:calc(var(--sf-z-modal) + 1);overflow:hidden}.sf-context-menu .settings-panel-header{display:none}.sf-context-menu .settings-panel-content{flex-direction:column;padding:6px 0;display:flex}.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{background:var(--sf-overlay-backdrop-bg,var(--sf-scrim-bg));-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);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-icon{width:var(--sf-icon-size,var(--sf-icon-size-md));height:var(--sf-icon-size,var(--sf-icon-size-md));flex-shrink:0;display:block}.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)}.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 .sf-crumb{font:inherit;color:inherit}.layer-settings-panel .sf-crumb--link{cursor:pointer;opacity:.62;background:0 0;border:0;margin:0;padding:0}.layer-settings-panel .sf-crumb--link:hover,.layer-settings-panel .sf-crumb--link:focus-visible{opacity:1;text-decoration:underline}.layer-settings-panel .sf-crumb-sep{opacity:.42;margin:0 5px}.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{--sf-icon-size:15px;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}.layer-settings-clipboard-btn[hidden]{display:none!important}.scene-panel-identity{font-family:var(--sf-font);color:var(--sf-text);border-bottom:1px solid var(--sf-border-subtle);align-items:center;margin-bottom:4px;padding:4px 6px 8px;display:flex}.scene-panel-identity-name{letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;font-weight:600;overflow:hidden}input.scene-panel-identity-name{box-sizing:border-box;border-radius:var(--sf-radius);width:100%;color:inherit;font:inherit;letter-spacing:inherit;cursor:text;background:0 0;border:1px solid #0000;margin:0;padding:5px 8px;transition:background .16s,border-color .16s,box-shadow .16s}input.scene-panel-identity-name:hover:not(:focus):not(:read-only){background:var(--sf-input-bg);border-color:var(--sf-input-border)}input.scene-panel-identity-name:focus{background:var(--sf-input-bg);border-color:var(--sf-input-focus);box-shadow:0 0 0 1px color-mix(in srgb, var(--sf-input-focus) 35%, transparent);outline:none}input.scene-panel-identity-name:read-only{cursor:default}.layer-settings-panel.sf-panel--material .sf-gui>.children>.folder:first-child{margin:15px}.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:10px;display:flex;overflow:hidden}.layer-manager-tabs{align-items:baseline;gap:10px;display:inline-flex}.layer-manager-container .settings-panel-header-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.layer-clipboard-btn{--sf-icon-size:15px;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-clipboard-btn:hover:not(:disabled){background:var(--sf-button-secondary-hover);color:var(--sf-button-secondary-hover-text)}.layer-clipboard-btn:disabled{cursor:default;opacity:.35}.layer-manager-tab{appearance:none;color:var(--sf-text-strong);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-list{flex:1;margin:0;padding:6px 0;list-style:none}.layer-item{flex-direction:column;margin:4px 14px;display:flex}.layer-item:not(.layer-item--child)>.layer-item-row{cursor:grab}.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;font-size:12px;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%, var(--sf-paper));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{margin:0}.layer-item--reorderable-child>.layer-item-row{cursor:grab}.layer-item--child:not(.layer-item--reorderable-child)>.layer-item-row{cursor:pointer}.layer-item--child>.layer-item-row{gap:10px;padding:5px 12px 5px 10px}.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-add-child-row{margin:2px 0 0;padding:0;list-style:none}.layer-add-child-btn{width:100%;color:color-mix(in srgb, var(--layer-type-color,var(--sf-text-muted)) 72%, transparent);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:color-mix(in srgb, var(--layer-type-color,var(--sf-text-strong)) 92%, transparent);border-color:var(--sf-tint-26);background:var(--sf-tint-4)}.layer-info{flex-direction:row;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.layer-font-lock-badge{border:1px solid color-mix(in srgb, var(--layer-type-color) 45%, transparent);background:color-mix(in srgb, var(--layer-type-color) 14%, transparent);width:20px;height:17px;color:var(--layer-type-color);cursor:pointer;border-radius:3px;flex-shrink:0;padding:0;font-size:9px;font-weight:700;line-height:1}.layer-font-lock-badge:hover{filter:brightness(1.08)}.layer-mask-badge{--sf-icon-size:var(--sf-icon-size-sm);border:1px solid color-mix(in srgb, var(--layer-type-color) 45%, transparent);background:color-mix(in srgb, var(--layer-type-color) 14%, transparent);width:20px;height:17px;color:var(--layer-type-color);cursor:pointer;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.layer-mask-badge:hover{filter:brightness(1.08)}.layer-mask-badge--warning{border-color:var(--sf-danger-tint-strong);background:color-mix(in srgb, var(--sf-danger) 16%, transparent);color:var(--sf-danger)}.layer-mask-source-badge{--sf-icon-size:11px;border:1px dashed color-mix(in srgb, var(--layer-type-color) 45%, transparent);background:color-mix(in srgb, var(--layer-type-color) 8%, transparent);width:20px;height:17px;color:var(--layer-type-color);cursor:pointer;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.layer-mask-source-badge:hover{filter:brightness(1.08)}.layer-item--mask-related>.layer-item-row{outline:1px solid color-mix(in srgb, var(--layer-type-color) 55%, transparent);outline-offset:-1px;border-radius:6px}.layer-item--mask-only-source>.layer-item-row .layer-name{opacity:.75;font-style:italic}.layer-name{min-width:0;color:color-mix(in srgb, var(--layer-type-color,var(--sf-text-strong)) 75%, transparent);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;transition:color .2s;overflow:hidden}.layer-item.selected .layer-name{color:var(--layer-type-color,var(--sf-text-strong))}.layer-name-input{cursor:text;box-sizing:border-box;border:1px solid var(--sf-border-subtle);background:color-mix(in srgb, var(--sf-bg) 88%, var(--sf-paper));width:100%;color:var(--sf-text-strong);font:inherit;border-radius:4px;padding:2px 6px}.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-lock{color:color-mix(in srgb, var(--layer-type-color,#fff) 26%, transparent);transition:color .2s,transform .2s,background .2s}.layer-lock.active{color:var(--layer-type-color,#fff);background:color-mix(in srgb, var(--layer-type-color,#fff) 14%, transparent)}.layer-lock.active:hover{color:var(--layer-type-color,#fff);background:color-mix(in srgb, var(--layer-type-color,#fff) 22%, transparent)}.layer-item.layer-item--user-locked>.layer-item-row{opacity:.94}.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{--sf-icon-size:var(--sf-icon-size-md);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.layer-lock{--sf-icon-size:14px}.layer-drag-handle{--sf-icon-size:12px}.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:none;flex:none;align-items:stretch;gap:6px;padding:8px 12px 12px;display:flex}.layer-add-button{border-radius:var(--sf-radius);flex:1 1 0;min-width:0;min-height:30px;width:auto!important}.layer-new-group-button{border-radius:var(--sf-radius);white-space:nowrap;flex:1 1 0;min-width:0;min-height:30px;width:auto!important}.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 .settings-panel-header{color:var(--sf-text-strong)}.layer-add-menu[hidden]{display:none!important}.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-add-menu-content .sf-menu-item.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-menu-content .sf-menu-item.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-menu-content .sf-menu-item.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-menu-content .sf-menu-item.layer-add-option:hover:not(:disabled):not(.disabled):before{background:var(--layer-type-color,#fff)}.layer-add-menu-content .sf-menu-item.layer-add-option.disabled:hover{background:0 0}.layer-add-menu-content .sf-menu-item.layer-add-option.disabled:hover:before{background:color-mix(in srgb, var(--layer-type-color,#fff) 70%, transparent)}.layer-add-menu-content .sf-menu-item.layer-add-option:disabled{opacity:.55}.layer-add-menu-content .layer-add-option>span:not(.layer-add-meta){color:color-mix(in srgb, var(--layer-type-color,#fff) 80%, transparent);transition:color .15s}.layer-add-menu-content .layer-add-option:hover:not(:disabled):not(.disabled)>span:not(.layer-add-meta){color:var(--layer-type-color,var(--sf-text-strong))}.layer-add-menu-content .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-menu-content .layer-add-option:hover:not(:disabled):not(.disabled) .layer-add-meta{color:color-mix(in srgb, var(--layer-type-color,#fff) 80%, transparent)}.layer-add-menu-content .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}.layer-item--group{margin:4px 10px}.layer-item--group>.layer-item-row{background:color-mix(in srgb, var(--layer-type-color,#8a8f98) 7%, transparent);outline:1px solid color-mix(in srgb, var(--layer-type-color,#8a8f98) 16%, transparent);gap:8px}.layer-item--group.selected>.layer-item-row{background:color-mix(in srgb, var(--layer-type-color,#8a8f98) 12%, transparent);outline-color:color-mix(in srgb, var(--layer-type-color,#8a8f98) 55%, transparent)}.layer-item--group.disabled>.layer-item-row{opacity:.55}.layer-group-collapse{--sf-icon-size:14px;width:18px;height:18px;color:var(--sf-text-faint);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.layer-group-collapse:hover{color:var(--sf-text-strong);background:var(--sf-tint-10)}.layer-group-icon{--sf-icon-size:15px;color:var(--layer-type-color,#8a8f98);flex:none;align-items:center;display:inline-flex}.layer-group-count{font-variant-numeric:tabular-nums;min-width:18px;height:16px;color:var(--sf-text-faint);background:var(--sf-tint-10);border-radius:8px;flex:none;justify-content:center;align-items:center;margin-left:2px;padding:0 5px;font-size:10px;display:inline-flex}.layer-group-list{flex-direction:column;gap:3px;min-height:10px;margin:3px 0 2px;padding:0 0 0 16px;list-style:none;display:flex;position:relative}.layer-group-list:before{content:"";background:color-mix(in srgb, var(--layer-type-color,#8a8f98) 30%, var(--sf-border-subtle));pointer-events:none;width:1px;position:absolute;top:2px;bottom:6px;left:8px}.layer-group-list>.layer-item{margin-left:0;margin-right:0}.layer-item--group.layer-item--collapsed>.layer-group-list{display:none}.layer-group-empty-hint{color:var(--sf-text-faint);border:1px dashed var(--sf-border-subtle);text-align:center;pointer-events:none;border-radius:5px;margin:2px 0;padding:6px 10px;font-size:11px;font-style:italic;list-style:none}.layer-item--utility>.layer-item-row{background:color-mix(in srgb, var(--layer-type-color,#b8c4d0) 7%, transparent);cursor:default}.layer-item--utility .layer-solo{display:none}.layer-item--utility+.layer-item:not(.layer-item--utility){border-top:1px solid color-mix(in srgb, var(--sf-text) 9%, transparent);margin-top:7px;padding-top:7px}.layer-utility-badge{text-align:center;white-space:nowrap;border:1px solid color-mix(in srgb, var(--layer-type-color,#b8c4d0) 45%, transparent);background:color-mix(in srgb, var(--layer-type-color,#b8c4d0) 14%, transparent);min-width:16px;color:color-mix(in srgb, var(--layer-type-color,#b8c4d0) 80%, var(--sf-primary));border-radius:999px;flex-shrink:0;margin-left:4px;padding:1px 5px;font-size:10px;font-weight:600;line-height:1.5}.layer-utility-badge--idle{opacity:.5}.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;box-shadow:none;transition:background 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}.sf-transport-btn:hover:not(:disabled){background:var(--sf-transport-bg-hover);box-shadow:none}.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}.sf-transport-btn--primary{--sf-icon-size:var(--sf-icon-size-lg);border-radius:50%;width:44px;height:44px}.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{--sf-icon-size:14px;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)}.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;padding:6px 10px 6px 6px;display:flex}.menu-panel-trigger{--sf-icon-size:var(--sf-icon-size-lg);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{--sf-icon-size:var(--sf-icon-size-md);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}.menu-panel-save-btn.is-dirty{color: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}.sf-draft-recovery-banner{flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;font-size:12px;display:flex}.sf-draft-recovery-banner-text{opacity:.95;flex:180px;line-height:1.35}.sf-draft-recovery-banner-actions{flex-shrink:0;gap:8px;display:flex}.undo-panel-container{top:var(--sf-edge-pad);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;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 20px}.undo-panel-content{align-items:center;gap:6px;padding:6px 10px 6px 6px;display:flex}.undo-panel-history-group{align-items:center;gap:2px;display:flex}.undo-panel-history-group[hidden]{display:none!important}.menu-panel-chrome-btn.undo-panel-align-btn{--sf-icon-size:var(--sf-icon-size-lg)}.undo-panel-align-group{align-items:center;gap:2px;display:flex}.undo-panel-align-group[hidden]{display:none!important}.undo-panel-divider{background:var(--sf-tint-14);flex-shrink:0;width:1px;height:18px}.undo-panel-divider[hidden]{display:none!important}.undo-panel-content .menu-panel-chrome-btn{width:28px;height:28px}.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)}.undo-panel-snap-btn.is-active{background:var(--sf-tint-14);color:var(--sf-text)}