@font-face{font-family:Studio Feixen Sans;src:url(/assets/StudioFeixenSans-Medium-CGMvVFMb.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Icons;src:url(/assets/Icons-Regular-C4XUklXk.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--app-font-size: 12pt;--ui-height: 44px;--ui-border-width: 1px;--ui-border-color: rgba(0,0,0,.25);--ui-border: var(--ui-border-width) solid var(--ui-border-color);--ui-radius: 10px;--ui-shadow-inset: inset 0 1px 2px rgba(0,0,0,.08), inset 0 -1px 2px rgba(255,255,255,.6);--ui-shadow-raised: 0 1px 2px rgba(0,0,0,.08), 0 6px 12px rgba(0,0,0,.06)}html,body{font-size:var(--app-font-size);font-weight:500;font-feature-settings:"ss01","ss03"}*,*:before,*:after{font-size:inherit;font-weight:inherit}#ui,#topRightTools{font-family:Studio Feixen Sans,system-ui,sans-serif;touch-action:pan-x pan-y;color:#000;-webkit-tap-highlight-color:transparent}button,select,input,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;font-variant-numeric:tabular-nums}h1,h2,h3,h4,h5,h6,strong,b,th{font-weight:inherit}.penpenLogo{display:inline-block;vertical-align:middle;pointer-events:none;object-fit:contain}.penpenLogo--gallery{height:1.8em;mix-blend-mode:multiply}.penpenLogoCircle{flex-shrink:0;width:80px;height:80px;border-radius:50%;background:#f5f5f5;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-left:10px}.penpenLogo--auth{height:72px;mix-blend-mode:multiply}.uiEditableInput::selection{background:#00507826}.uiSliderValue{height:var(--ui-height);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background:transparent;border:none;border-radius:var(--ui-radius);padding:0 4px;box-shadow:var(--ui-shadow-inset);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.uiSliderValueWrap{display:inline-flex;align-items:center;justify-content:flex-end;gap:2px;flex-shrink:0;height:var(--ui-height)}.uiSliderValueSingle{width:var(--ui-height);height:var(--ui-height);text-align:center}.uiSliderValueDual{display:inline-flex;align-items:center;gap:5px;justify-content:flex-end}.uiSliderValueMin,.uiSliderValueMax{width:var(--ui-height);height:var(--ui-height);padding:0 4px}.uiSliderValueSep{display:none}.uiRangeWrap{min-width:0;height:var(--ui-height);display:flex;align-items:center}.uiRangeWrap>input.uiRangeBase{position:relative;z-index:1}.uiSnapDots{position:absolute;left:calc(var(--ui-height) / 2);right:calc(var(--ui-height) / 2);top:0;bottom:0;pointer-events:none;z-index:0}.uiSnapDot{position:absolute;top:50%;width:5px;height:5px;border-radius:50%;background:#00000021;transform:translate(-50%,-50%)}.uiEffectorBtn{width:var(--ui-height);height:var(--ui-height);border-radius:999px;border:none;background:#fff;box-shadow:var(--ui-shadow-raised);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;user-select:none;opacity:.95;font-family:Icons,sans-serif;font-size:3em;line-height:0;padding-bottom:5px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.uiEffectorBtn:hover{background:#0000000f}#ui .uiEffectorBtn.is-active,#settingsWrap .uiEffectorBtn.is-active,#modeSubPanel .uiEffectorBtn.is-active,.uiEffectorBtn.is-active{background:#000;color:#fff;box-shadow:inset 0 1px 2px #00000059;font-family:Studio Feixen Sans,system-ui,sans-serif;font-size:var(--app-font-size);line-height:1;padding-bottom:0}#ui .uiEffectorBtn.is-active:hover,#settingsWrap .uiEffectorBtn.is-active:hover,#modeSubPanel .uiEffectorBtn.is-active:hover,.uiEffectorBtn.is-active:hover{background:#000;color:#fff}.uiEffectorPopup{position:fixed;z-index:100000;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:12px;box-shadow:0 10px 30px #0000001f;padding:12px;font-family:Studio Feixen Sans,system-ui,sans-serif}.uiEffectorPopupHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;padding:0}.uiEffectorPopupTitle{opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.uiEffectorPopupReset{height:var(--ui-height);width:var(--ui-height);min-width:var(--ui-height);min-height:var(--ui-height);max-width:var(--ui-height);max-height:var(--ui-height);padding:0!important;border-radius:100px!important;border:none;background:#ff44441a!important;box-shadow:var(--ui-shadow-raised);cursor:pointer;font-size:18px;line-height:1;margin-right:-1px;color:#ff4444b3;flex-shrink:0;display:flex;align-items:center;justify-content:center;aspect-ratio:1;box-sizing:border-box}.uiEffectorPopupReset:hover{background:#f443!important;color:#f44}.uiEffectorPopupReset:active{box-shadow:var(--ui-shadow-inset)}.uiEffectorPopupClose{height:var(--ui-height);padding:0 12px;border-radius:var(--ui-radius);border:none;background:#fff;box-shadow:var(--ui-shadow-raised);cursor:pointer;font:inherit}.uiEffectorPopupClose:hover{background:#0000000a}.uiEffectorPopupClose:active{box-shadow:var(--ui-shadow-inset)}.uiEffectorModes{margin-bottom:10px}.uiEffectorSelectWrap{height:var(--ui-height)}.uiEffectorBody{display:flex;flex-direction:column;gap:8px}.uiEffectorHint{opacity:.6;color:#555;padding:6px 2px}.uiEffectorRow{display:flex;align-items:center;gap:6px}.uiEffectorLabel{width:90px;opacity:.85;white-space:nowrap}.uiEffectorValue{width:52px}.uiEffectorPopup button{border:none;background:#fff;border-radius:var(--ui-radius);padding:6px 12px;height:var(--ui-height);box-shadow:var(--ui-shadow-raised);cursor:pointer;font:inherit}.uiEffectorPopup button:active{box-shadow:var(--ui-shadow-inset)}.uiEffectorPopup button:disabled{opacity:.4;cursor:default}.uiEffectorPopup select{border:none;background:transparent;padding:6px 30px 6px 10px;height:100%;font:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}.uiEffectorPopup .uiSelectWrap{position:relative;display:inline-flex;align-items:center;height:var(--ui-height);background:#fff;border-radius:var(--ui-radius);box-shadow:var(--ui-shadow-raised);cursor:pointer}.uiEffectorPopup .uiSelectWrap:active{box-shadow:var(--ui-shadow-inset)}.uiEffectorPopup .uiSelectWrap>select{width:100%;font:inherit;border-radius:inherit;background:transparent}.uiEffectorPopup .uiSelectWrap:after{content:"↓";position:absolute;right:13px;top:calc(50% + 1px);transform:translateY(-50%);pointer-events:none;font-size:.8em;opacity:.4}.uiEffectorPopup input[type=range]{--range-h: var(--ui-height);--thumb: 24px;--inset: calc((var(--range-h) - var(--thumb)) / 2);padding:0 var(--inset);appearance:none;-webkit-appearance:none;width:100%;height:var(--range-h);border-radius:999px;border:0;background:#00000014;box-shadow:var(--ui-shadow-inset);box-sizing:border-box}.uiEffectorPopup input[type=range]::-webkit-slider-runnable-track{height:var(--range-h);background:transparent;border:none;border-radius:999px}.uiEffectorPopup input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);height:var(--thumb);border-radius:999px;background:#fff;border:none;box-shadow:0 1px 2px #0000001a,0 6px 12px #00000014;margin-top:var(--inset)}.uiEffectorPopup input[type=range]::-moz-range-track{height:var(--range-h);background:transparent;border:none;border-radius:999px}.uiEffectorPopup input[type=range]::-moz-range-progress{height:var(--range-h);background:transparent;border-radius:999px;margin:0}.uiEffectorPopup input[type=range]::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border-radius:999px;background:#fff;border:none;box-shadow:0 1px 2px #0000001a,0 6px 12px #00000014}.uiEffectorPopup .uiRangeWrap .uiEffectorRangeBarFill{background:#0000001f}.uiEffectorPopup input.uiRangeBase.is-effector-active::-webkit-slider-thumb{opacity:0;border-color:transparent;background:transparent;box-shadow:none}.uiEffectorPopup input.uiRangeBase.is-effector-active::-moz-range-thumb{opacity:0;border-color:transparent;background:transparent;box-shadow:none}.uiEffectorPopup .uiRangeWrap .uiEffRange{background:transparent!important;box-shadow:none!important;pointer-events:none}.uiEffectorPopup .uiRangeWrap .uiEffRange::-webkit-slider-runnable-track{background:transparent}.uiEffectorPopup .uiRangeWrap .uiEffRange::-moz-range-track{background:transparent}.uiEffectorPopup .uiRangeWrap .uiEffRange::-moz-range-progress{background:transparent}.uiEffectorPopup .uiRangeWrap .uiEffRange::-webkit-slider-thumb{pointer-events:auto;margin-top:calc(var(--inset) - 1px);transform:translate(var(--eff-thumb-shift-x, 0px))}.uiEffectorPopup .uiRangeWrap .uiEffRange::-moz-range-thumb{pointer-events:auto;transform:translate(var(--eff-thumb-shift-x, 0px),-1px)}.uiEffectorPopup .uiRangeWrap .uiEffRange,.uiEffectorPopup .uiRangeWrap .uiEffRange.uiEffRangeMin.is-overlap-start{--eff-thumb-shift-x: 0px}.uiEffectorPopup .uiRangeWrap .uiEffRange.uiEffRangeMax.is-overlap-start{--eff-thumb-shift-x: 8px}.uiEffectorPopup .uiRangeWrap .uiEffRange.uiEffRangeMin.is-overlap-end{--eff-thumb-shift-x: -8px}.uiEffectorPopup .uiRangeWrap .uiEffRange.uiEffRangeMax.is-overlap-end{--eff-thumb-shift-x: 0px}.uiEffectorPopup .uiRangeWrap .uiEffRange.uiEffRangeMin.is-overlap-mid{--eff-thumb-shift-x: -6px}.uiEffectorPopup .uiRangeWrap .uiEffRange.uiEffRangeMax.is-overlap-mid{--eff-thumb-shift-x: 6px}.uiEffectorPopup .uiRangeWrap .uiEffRange.uiEffRangeMin::-webkit-slider-thumb{background:#000;border:none}.uiEffectorPopup .uiRangeWrap .uiEffRange.uiEffRangeMax::-webkit-slider-thumb{background:#fff;border:none}.uiEffectorPopup .uiRangeWrap .uiEffRange.uiEffRangeMin::-moz-range-thumb{background:#000;border:none}.uiEffectorPopup .uiRangeWrap .uiEffRange.uiEffRangeMax::-moz-range-thumb{background:#fff;border:none}body{margin:0;overflow:hidden;overscroll-behavior:none;font-family:Studio Feixen Sans,system-ui,sans-serif!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}canvas{touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;z-index:0;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#ui{position:fixed;top:12px;left:12px;z-index:1100;background:#fff;padding:5px;box-sizing:border-box;border-radius:15px;box-shadow:0 6px 20px #00000014;gap:5px;font-family:Studio Feixen Sans,system-ui,sans-serif;width:fit-content;display:flex;flex-direction:column;align-items:stretch;white-space:nowrap;max-height:calc(100vh - 24px);overflow:visible;min-height:0}#uiTabs{display:flex;gap:8px;margin-bottom:10px}#ui .tabBtn{border:none;background:#fff;border-radius:8px;padding:6px 10px;cursor:pointer;box-shadow:var(--ui-shadow-raised)}#ui .tabBtn.is-active{background:#000;color:#fff;box-shadow:inset 0 1px 2px #00000059}.tabPanel{display:none}.tabPanel.is-active{display:block}.ui-row{display:flex;align-items:center;gap:8px}#uiModeSelect{border:none;background:transparent;padding:6px 30px 6px 10px;height:100%}.ui-panel{display:none;align-items:center;gap:8px}.ui-panel.is-active{display:flex}.eraserWeightRow{display:flex;align-items:center;gap:10px}.eraserWeightRow input[type=range]{flex:1;min-width:120px}.eraserWeightValue{min-width:32px;height:var(--ui-height);display:flex;align-items:center;justify-content:center;text-align:center;background:#fff;border-radius:var(--ui-radius);padding:0 10px;box-shadow:var(--ui-shadow-raised)}#fontsWrap{display:contents}#fontsList:empty{display:none}#ui button{border:none;background:#fff;border-radius:var(--ui-radius);padding:6px 12px;height:var(--ui-height);cursor:pointer;touch-action:manipulation;box-shadow:var(--ui-shadow-raised)}#ui button:active{box-shadow:var(--ui-shadow-inset)}#ui button:disabled{opacity:.4;cursor:default}#toggleParamsBtn.is-active,#toggleShapeSettingsBtn.is-active,#toggleFileSettingsBtn.is-active,#toggleTransformSettingsBtn.is-active,#togglePuppetSettingsBtn.is-active{background:#f0f0f0;box-shadow:var(--ui-shadow-inset)}#toggleParamsBtn.is-active:active,#toggleFileSettingsBtn.is-active:active,#toggleTransformSettingsBtn.is-active:active,#togglePuppetSettingsBtn.is-active:active{background:#e4e4e4}#ui select,.exportSettings select{border:none;background:transparent;padding:6px 30px 6px 10px;height:100%;cursor:pointer;outline:none;touch-action:manipulation;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none}#ui .uiSelectWrap,.exportSettings .uiSelectWrap{position:relative;display:inline-flex;align-items:center;height:var(--ui-height);border:none;background-color:#fff;border-radius:var(--ui-radius);cursor:pointer;box-sizing:border-box;overflow:hidden;box-shadow:var(--ui-shadow-raised)}#ui .uiSelectWrap:active,.exportSettings .uiSelectWrap:active{box-shadow:var(--ui-shadow-inset)}#ui .uiSelectWrap>select,.exportSettings .uiSelectWrap>select{width:100%;font:inherit;border-radius:inherit;background:transparent;padding:8px 30px 8px 13px}#ui .uiSelectWrap:after,.exportSettings .uiSelectWrap:after{content:"↓";position:absolute;right:13px;top:calc(50% + 1px);transform:translateY(-50%);color:var(--ui-border-color);opacity:1;pointer-events:none;font:inherit;line-height:1}#ui select::-ms-expand,.exportSettings select::-ms-expand{display:none}.customDropdown{position:relative;display:inline-block;vertical-align:middle}.customDropdown__trigger{border:none;background:#fff;border-radius:var(--ui-radius);padding:6px 12px;height:var(--ui-height);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;user-select:none;box-shadow:var(--ui-shadow-raised);outline:none;font:inherit;min-width:80px}.customDropdown__trigger.is-pressed{box-shadow:var(--ui-shadow-inset)}.customDropdown__label{display:flex;align-items:center;gap:9px;white-space:nowrap;overflow:visible}.customDropdown__symbol{font-family:Icons,sans-serif;color:#000;font-size:3em;line-height:0;vertical-align:middle;position:relative;-webkit-font-smoothing:antialiased;top:-3px;display:inline-block;overflow:visible}.customDropdown__trigger .customDropdown__symbol{top:-2px}.btn-icon{font-family:Icons,sans-serif;color:#000;font-size:3.25em;line-height:0;vertical-align:middle;position:relative;-webkit-font-smoothing:antialiased;top:-2px;margin-right:8px}.customDropdown__caret{color:var(--ui-border-color);opacity:1;font:inherit;line-height:1;flex-shrink:0}.customDropdown__menu{position:absolute;left:0;top:calc(100% + 6px);min-width:100%;background:#fff;border:none;border-radius:var(--ui-radius);box-shadow:var(--ui-shadow-raised);padding:6px;display:none;z-index:10000}.customDropdown__menu--scrollable{max-height:260px;overflow-y:auto}.customDropdown__row{display:flex;align-items:center;gap:10px;padding:12px 10px;border-radius:8px;cursor:pointer;user-select:none;white-space:nowrap;overflow:visible}.customDropdown__row:hover{background:#0000000f}.customDropdown__row.is-active{background:#0000001a}.customDropdown__rowName{flex:1;overflow:hidden;text-overflow:ellipsis}.customDropdown__rowMeta{opacity:.5;flex-shrink:0}#projectDropdown .customDropdown__trigger{min-width:160px}#projectDropdown .customDropdown__menu{min-width:200px}#brushDropdown .customDropdown__trigger,#layersDropdown .customDropdown__trigger{min-width:100px}#ui input[type=range],#topRightTools input[type=range],.exportSettings input[type=range]{--range-h: var(--ui-height);--thumb: 24px;--inset: calc((var(--range-h) - var(--thumb)) / 2);-webkit-appearance:none;appearance:none;height:var(--ui-height);max-height:var(--ui-height);box-sizing:border-box;background:#0000000d;border:none;border-radius:999px;padding:0 var(--inset);margin:0;cursor:pointer;box-shadow:var(--ui-shadow-inset)}#ui .uiRangeWrap .uiEffectorRangeBarFill,#settingsWrap .uiRangeWrap .uiEffectorRangeBarFill,#modeSubPanel .uiRangeWrap .uiEffectorRangeBarFill{background:#0000001f}#ui input.uiRangeBase.is-effector-active::-webkit-slider-thumb,#settingsWrap input.uiRangeBase.is-effector-active::-webkit-slider-thumb,#modeSubPanel input.uiRangeBase.is-effector-active::-webkit-slider-thumb{opacity:0;border-color:transparent;background:transparent;box-shadow:none}#ui input.uiRangeBase.is-effector-active::-moz-range-thumb,#settingsWrap input.uiRangeBase.is-effector-active::-moz-range-thumb,#modeSubPanel input.uiRangeBase.is-effector-active::-moz-range-thumb{opacity:0;border-color:transparent;background:transparent;box-shadow:none}#ui .uiRangeWrap .uiEffRange,#settingsWrap .uiRangeWrap .uiEffRange,#modeSubPanel .uiRangeWrap .uiEffRange{background:transparent!important;box-shadow:none!important;pointer-events:none}#ui .uiRangeWrap .uiEffRange::-webkit-slider-runnable-track,#settingsWrap .uiRangeWrap .uiEffRange::-webkit-slider-runnable-track,#modeSubPanel .uiRangeWrap .uiEffRange::-webkit-slider-runnable-track{background:transparent}#ui .uiRangeWrap .uiEffRange::-moz-range-track,#settingsWrap .uiRangeWrap .uiEffRange::-moz-range-track,#modeSubPanel .uiRangeWrap .uiEffRange::-moz-range-track{background:transparent}#ui .uiRangeWrap .uiEffRange::-moz-range-progress,#settingsWrap .uiRangeWrap .uiEffRange::-moz-range-progress,#modeSubPanel .uiRangeWrap .uiEffRange::-moz-range-progress{background:transparent}#ui .uiRangeWrap .uiEffRange::-webkit-slider-thumb,#settingsWrap .uiRangeWrap .uiEffRange::-webkit-slider-thumb,#modeSubPanel .uiRangeWrap .uiEffRange::-webkit-slider-thumb{pointer-events:auto;margin-top:calc(var(--inset) - 1px);transform:translate(var(--eff-thumb-shift-x, 0px))}#ui .uiRangeWrap .uiEffRange::-moz-range-thumb,#settingsWrap .uiRangeWrap .uiEffRange::-moz-range-thumb,#modeSubPanel .uiRangeWrap .uiEffRange::-moz-range-thumb{pointer-events:auto;transform:translate(var(--eff-thumb-shift-x, 0px),-1px)}#ui .uiRangeWrap .uiEffRange,#settingsWrap .uiRangeWrap .uiEffRange,#modeSubPanel .uiRangeWrap .uiEffRange,#ui .uiRangeWrap .uiEffRange.uiEffRangeMin.is-overlap-start,#settingsWrap .uiRangeWrap .uiEffRange.uiEffRangeMin.is-overlap-start,#modeSubPanel .uiRangeWrap .uiEffRange.uiEffRangeMin.is-overlap-start{--eff-thumb-shift-x: 0px}#ui .uiRangeWrap .uiEffRange.uiEffRangeMax.is-overlap-start,#settingsWrap .uiRangeWrap .uiEffRange.uiEffRangeMax.is-overlap-start,#modeSubPanel .uiRangeWrap .uiEffRange.uiEffRangeMax.is-overlap-start{--eff-thumb-shift-x: 8px}#ui .uiRangeWrap .uiEffRange.uiEffRangeMin.is-overlap-end,#settingsWrap .uiRangeWrap .uiEffRange.uiEffRangeMin.is-overlap-end,#modeSubPanel .uiRangeWrap .uiEffRange.uiEffRangeMin.is-overlap-end{--eff-thumb-shift-x: -8px}#ui .uiRangeWrap .uiEffRange.uiEffRangeMax.is-overlap-end,#settingsWrap .uiRangeWrap .uiEffRange.uiEffRangeMax.is-overlap-end,#modeSubPanel .uiRangeWrap .uiEffRange.uiEffRangeMax.is-overlap-end{--eff-thumb-shift-x: 0px}#ui .uiRangeWrap .uiEffRange.uiEffRangeMin.is-overlap-mid,#settingsWrap .uiRangeWrap .uiEffRange.uiEffRangeMin.is-overlap-mid,#modeSubPanel .uiRangeWrap .uiEffRange.uiEffRangeMin.is-overlap-mid{--eff-thumb-shift-x: -6px}#ui .uiRangeWrap .uiEffRange.uiEffRangeMax.is-overlap-mid,#settingsWrap .uiRangeWrap .uiEffRange.uiEffRangeMax.is-overlap-mid,#modeSubPanel .uiRangeWrap .uiEffRange.uiEffRangeMax.is-overlap-mid{--eff-thumb-shift-x: 6px}#ui .uiRangeWrap .uiEffRange.uiEffRangeMin::-webkit-slider-thumb,#settingsWrap .uiRangeWrap .uiEffRange.uiEffRangeMin::-webkit-slider-thumb,#modeSubPanel .uiRangeWrap .uiEffRange.uiEffRangeMin::-webkit-slider-thumb{background:#000;border:none}#ui .uiRangeWrap .uiEffRange.uiEffRangeMax::-webkit-slider-thumb,#settingsWrap .uiRangeWrap .uiEffRange.uiEffRangeMax::-webkit-slider-thumb,#modeSubPanel .uiRangeWrap .uiEffRange.uiEffRangeMax::-webkit-slider-thumb{background:#fff;border:none}#ui .uiRangeWrap .uiEffRange.uiEffRangeMin::-moz-range-thumb,#settingsWrap .uiRangeWrap .uiEffRange.uiEffRangeMin::-moz-range-thumb,#modeSubPanel .uiRangeWrap .uiEffRange.uiEffRangeMin::-moz-range-thumb{background:#000;border:none}#ui .uiRangeWrap .uiEffRange.uiEffRangeMax::-moz-range-thumb,#settingsWrap .uiRangeWrap .uiEffRange.uiEffRangeMax::-moz-range-thumb,#modeSubPanel .uiRangeWrap .uiEffRange.uiEffRangeMax::-moz-range-thumb{background:#fff;border:none}#ui input[type=range]::-webkit-slider-runnable-track,#topRightTools input[type=range]::-webkit-slider-runnable-track,.exportSettings input[type=range]::-webkit-slider-runnable-track{height:var(--range-h);background:transparent;border:none;border-radius:999px;margin:0}#ui input[type=range]::-webkit-slider-thumb,#topRightTools input[type=range]::-webkit-slider-thumb,.exportSettings input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);height:var(--thumb);border-radius:999px;background:#fff;border:none;box-shadow:0 1px 2px #0000001a,0 6px 12px #00000014;margin-top:var(--inset)}#ui input[type=range]::-moz-range-track,#topRightTools input[type=range]::-moz-range-track,.exportSettings input[type=range]::-moz-range-track{height:var(--range-h);background:transparent;border:none;border-radius:999px;margin:0}#ui input[type=range]::-moz-range-progress,#topRightTools input[type=range]::-moz-range-progress,.exportSettings input[type=range]::-moz-range-progress{height:var(--range-h);background:transparent;border-radius:999px;margin:0}#ui input[type=range]::-moz-range-thumb,#topRightTools input[type=range]::-moz-range-thumb,.exportSettings input[type=range]::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border-radius:999px;background:#fff;border:none;box-shadow:0 1px 2px #0000001a,0 6px 12px #00000014}#ui input[type=range]:focus-visible,#topRightTools input[type=range]:focus-visible,.exportSettings input[type=range]:focus-visible{outline:none}#ui input[type=range]:focus-visible,#topRightTools input[type=range]:focus-visible,.exportSettings input[type=range]:focus-visible{box-shadow:inset 0 1px 2px #00000024,inset 0 -1px 2px #ffffffb3}.ui-check{display:inline-flex;align-items:center;gap:6px;margin-left:6px;opacity:.85}#settingsWrap,#modeSubPanel,#settingsLeft,#settingsRight{touch-action:pan-x pan-y}#ui .presetDDButton,#settingsWrap .presetDDButton,#modeSubPanel .presetDDButton{width:100%;height:var(--ui-height);display:inline-flex;align-items:center;gap:8px;justify-content:space-between;border:none;background:#fff;border-radius:var(--ui-radius);padding:6px 30px 6px 10px;cursor:pointer;box-shadow:var(--ui-shadow-raised);position:relative}#ui .presetDD.is-open .presetDDButton,#settingsWrap .presetDD.is-open .presetDDButton,#modeSubPanel .presetDD.is-open .presetDDButton{box-shadow:var(--ui-shadow-inset)}#ui .presetDDLabel,#settingsWrap .presetDDLabel,#modeSubPanel .presetDDLabel{flex:1 1 auto;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#ui .presetDDCaret,#settingsWrap .presetDDCaret,#modeSubPanel .presetDDCaret{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--ui-border-color);opacity:1;pointer-events:none}#ui .presetDDMenu,#settingsWrap .presetDDMenu,#modeSubPanel .presetDDMenu{position:absolute;left:0;top:calc(100% + 4px);width:100%;z-index:999;background:#fff;border:none;border-radius:var(--ui-radius);box-shadow:var(--ui-shadow-raised);padding:4px;max-height:240px;overflow:auto}#ui .presetDDItem,#settingsWrap .presetDDItem,#modeSubPanel .presetDDItem{width:100%;border:none;background:transparent;border-radius:var(--ui-radius);padding:6px 10px;display:flex;align-items:center;gap:10px;cursor:pointer}#ui .presetDDItem[draggable=true],#settingsWrap .presetDDItem[draggable=true],#modeSubPanel .presetDDItem[draggable=true]{cursor:grab}#ui .presetDDItem[draggable=true]:active,#settingsWrap .presetDDItem[draggable=true]:active,#modeSubPanel .presetDDItem[draggable=true]:active{cursor:grabbing}#ui .presetDDItem:hover,#settingsWrap .presetDDItem:hover,#modeSubPanel .presetDDItem:hover{background:#0000000a}#ui .presetDDItem.is-selected,#settingsWrap .presetDDItem.is-selected,#modeSubPanel .presetDDItem.is-selected{background:#000;color:#fff}#ui .presetDDItem.is-dragover,#settingsWrap .presetDDItem.is-dragover,#modeSubPanel .presetDDItem.is-dragover{position:relative}#ui .presetDDItem.is-dragover:before,#settingsWrap .presetDDItem.is-dragover:before,#modeSubPanel .presetDDItem.is-dragover:before{content:"";position:absolute;top:-2px;left:8px;right:8px;height:3px;border-radius:2px;background:#007aff;pointer-events:none;z-index:2}#layersDDMenu .layersDDRow{transition:margin .12s ease,background .12s ease}@keyframes layersDDRowAppear{0%{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}#layersDDMenu .layersDDRow.is-new{animation:layersDDRowAppear .16s ease-out both;transform-origin:50% 0%}#layersDDMenu .layersDDMaxNotice{position:sticky;bottom:0;margin-top:8px;padding:6px 8px;border-radius:8px;background:#ffffffeb;box-shadow:var(--ui-shadow-raised);text-align:center;opacity:.65;pointer-events:none}#layersDDMenu .layersDDRow.is-dragover{position:relative}#layersDDMenu .layersDDRow.is-dragover:before{content:"";position:absolute;top:-2px;left:8px;right:8px;height:3px;border-radius:2px;background:#007aff;pointer-events:none;z-index:2}#layersDDMenu .layersDDRow.is-drop-slot{position:relative}.layersDDRow.is-delete{background:#ff000024!important}#layersDDMenu .layersDDRow[data-drop-slot]{height:0;margin-top:0;overflow:visible;position:relative}#layersDDMenu .layersDDRow.is-drop-slot:before{content:"";position:absolute;top:-2px;left:8px;right:8px;height:3px;border-radius:2px;background:#007aff;pointer-events:none;z-index:2}#layersDragGhost{position:fixed;left:0;top:0;transform:translate(-9999px,-9999px);pointer-events:none;z-index:100000;opacity:.95;box-sizing:border-box;background:transparent;border-radius:0;padding:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.08)) drop-shadow(0 6px 12px rgba(0,0,0,.06))}#layersDragGhost .layersDDRow{margin:0!important}#paletteDropdownMenu .paletteDDRow{transition:margin .12s ease,background .12s ease}#paletteDropdownMenu .paletteDDRow.is-dragover{margin-top:16px;background:#0000000f}#paletteDropdownMenu .paletteDDRow.is-drop-slot{margin-top:16px;background:#0000000f;height:16px}.paletteDDRow.is-delete{background:#ff000024!important}#paletteDropdownMenu .paletteDDRow[data-drop-slot]{height:0;margin-top:0}#paletteDropdownMenu.is-dragging .paletteDDRow.is-drop-slot{height:16px;margin-top:16px}#paletteDragGhost{position:fixed;left:0;top:0;transform:translate(-9999px,-9999px);pointer-events:none;z-index:100000;opacity:.95;box-sizing:border-box;background:transparent;border-radius:0;padding:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.08)) drop-shadow(0 6px 12px rgba(0,0,0,.06))}#paletteDragGhost .paletteDDRow{margin:0!important}#ui .presetDDItemLabel,#settingsWrap .presetDDItemLabel,#modeSubPanel .presetDDItemLabel{flex:1 1 auto;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.95}#preview{width:100%;height:100%;display:block;border-radius:8px;border:none;background:transparent;touch-action:none}#topRightTools{position:fixed;top:12px;right:12px;z-index:100;display:flex;align-items:center;gap:5px;background:#fff;padding:5px;border-radius:15px;box-shadow:0 6px 20px #00000014}#topRightTools button{border:none;background:#fff;border-radius:var(--ui-radius);width:var(--ui-height);height:var(--ui-height);padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;box-shadow:var(--ui-shadow-raised)}#topRightTools button:active{box-shadow:var(--ui-shadow-inset)}#topRightTools button:disabled{opacity:.4;cursor:default}.topRightIcon{font-family:Icons,sans-serif;font-size:3em;line-height:0;vertical-align:middle;position:relative;top:-2px;-webkit-font-smoothing:antialiased;font-weight:500}#colorAddBtn,#colorDeleteBtn,#colorPaletteSelect{border:none;background:#fff;border-radius:var(--ui-radius);padding:6px 12px;height:var(--ui-height);box-shadow:var(--ui-shadow-raised);outline:none;-webkit-appearance:none;appearance:none}#colorAddBtn:active,#colorDeleteBtn:active,#colorPaletteSelect:active{box-shadow:var(--ui-shadow-inset)}#colorAddBtn{width:var(--ui-height);padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:1.3em;line-height:1}#colorPaletteSelect{padding:0 10px}#colorPaletteSelect{cursor:pointer;background-image:none}#colorPaletteSelect::-ms-expand{display:none}#colorAddBtn .btnGlyph{display:block;position:relative;top:0;line-height:1;transform:rotate(45deg)}#colorDeleteBtn{width:var(--ui-height);padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:1.3em;line-height:1}#settingsLeft{display:none}#settingsRight{flex:0 0 360px;width:360px;display:flex;flex-direction:column;overflow:visible;min-height:0}#previewWrap{flex:1 1 auto;position:relative;border-radius:8px;box-shadow:var(--ui-shadow-inset);background:transparent;overflow:hidden;min-height:0}#previewWrap:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:var(--ui-shadow-inset)}#previewHint{position:absolute;bottom:8px;left:8px;z-index:1;font:inherit;line-height:1;color:#00000080;user-select:none;pointer-events:none;transition:opacity .12s ease}#previewWrap.has-user-drawing #previewHint{opacity:0}#previewResetBtn{position:absolute;bottom:8px;left:8px;z-index:2;height:28px;border-radius:999px;border:1px solid rgba(0,0,0,.18);background:#ffffffeb;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;opacity:0;visibility:hidden;pointer-events:none;padding:0 12px;align-items:center;justify-content:center;font:inherit;line-height:1;color:#000000b3;text-align:center;user-select:none;transition:opacity .12s ease}#previewWrap.has-user-drawing #previewResetBtn{opacity:1;visibility:visible;pointer-events:auto}#previewResetBtn:hover{background:#fff;color:#000000d1}#paramsHeader{flex:0 0 auto;margin-bottom:8px;padding-right:10px}#paramsScroll{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0;max-height:calc(100vh - 180px);overscroll-behavior:contain;padding:0 10px 10px 0;scrollbar-width:none;-ms-overflow-style:none}#paramsScroll::-webkit-scrollbar{display:none}#typeTrack{position:fixed;left:50%;bottom:12px;transform:translate(-50%);z-index:30;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:12px;box-shadow:0 8px 26px #0000001a;max-width:min(900px,calc(100vw - 24px));padding:10px 12px;font-family:Studio Feixen Sans,system-ui,sans-serif;line-height:1.2}#typeTrackDisplay{display:block;white-space:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:2px 4px}#typeTrackEditor{display:none;width:100%;border:1px solid rgba(0,0,0,.18);border-radius:10px;padding:8px 10px;height:38px;outline:none;font-family:inherit}.typeTrackChar{position:relative;display:inline-block;padding:3px 2px;margin:0 .5px;cursor:pointer;user-select:none}.typeTrackChar.is-space{opacity:.35;width:10px}.typeTrackChar.is-current{z-index:1}.typeTrackChar.is-current:before{content:"";position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:999px;background:#ffdc00d9;z-index:-1}#zoomWrap{position:relative;display:inline-flex;align-items:center;height:var(--ui-height)}#zoomSlider{width:160px;height:var(--ui-height);margin:0}#zoomBubble{position:absolute;top:34px;transform:translate(-50%);padding:3px 6px;border-radius:6px;border:1px solid rgba(0,0,0,.18);background:#fff;opacity:0;pointer-events:none;white-space:nowrap;box-shadow:0 6px 14px #00000014}#settingsWrap,#modeSubPanel,#fileSettingsWrap,#transformSettingsWrap,#puppetSettingsWrap,#morphSettingsWrap{position:fixed;top:85px;left:84px;max-height:calc(100vh - 105px);display:none;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000026;z-index:1000;overflow:visible}#fileSettingsWrap:before,#transformSettingsWrap:before,#puppetSettingsWrap:before,#morphSettingsWrap:before,#layersPanelWrap:before{content:"";position:absolute;top:-12px;left:var(--arrow-left, 50%);transform:translate(-50%);width:24px;height:12px;background:#fff;clip-path:path("M 0 12 C 4 12, 9 0, 12 0 C 15 0, 20 12, 24 12 Z");z-index:1}#fileSettingsWrap,#transformSettingsWrap,#puppetSettingsWrap,#morphSettingsWrap{width:380px;padding:0 10px 10px}.settings-panel-header{display:flex;align-items:center;gap:10px;padding:20px 10px 20px 5px;margin:0;border-bottom:1px solid rgba(0,0,0,.08);flex-shrink:0}.settings-panel-title{flex:1;font-weight:500;opacity:.85;font-size:18px}.settings-reset-btn{margin-left:auto;display:flex;align-items:center;gap:4px;background:none;border:none;color:#0003;padding:4px 12px 4px 4px;border-radius:var(--ui-radius, 10px);line-height:1;pointer-events:none;transition:background .1s ease,color .1s ease}.settings-reset-btn.has-changes{color:#000;cursor:pointer;pointer-events:auto}.settings-reset-btn.has-changes:hover{background:#0000000f}.settings-reset-btn.has-changes:active{box-shadow:var(--ui-shadow-inset)}.settings-reset-btn__icon{font-family:Icons,sans-serif;font-size:3em;line-height:0;position:relative;top:-2px;left:-2px;-webkit-font-smoothing:antialiased}.settings-reset-btn__label{font-size:var(--app-font-size);font-weight:500;padding-left:5px}.settings-section{margin-top:14px}.settings-section:first-child{margin-top:0}.settings-section-header{width:100%;height:var(--ui-height);display:flex;align-items:center;justify-content:space-between;border:none;background:#00000008;border-radius:10px;padding:8px 13px;cursor:pointer;font:inherit;box-shadow:var(--ui-shadow-raised)}.settings-section-header:hover{background:#0000000d}.settings-section-header:active{box-shadow:var(--ui-shadow-inset)}.settings-section-header-left{display:flex;align-items:center;gap:8px}.settings-section-title{opacity:.85}.settings-section-caret{opacity:.7}.settings-section-content{padding:10px 4px;display:flex;flex-direction:column;gap:8px}.settings-section-hint{color:#00000059;line-height:1.4;padding:0 2px}#settingsWrap,#modeSubPanel{--arrow-left: 50%;width:380px;padding:0 0 10px;flex-direction:column;min-height:0;font-family:Studio Feixen Sans,system-ui,sans-serif}#settingsWrap.is-edit-mode,#modeSubPanel.is-edit-mode{width:380px}#settingsWrap.is-edit-mode:before,#modeSubPanel.is-edit-mode:before{display:none}.settings-back-arrow{display:none;flex-shrink:0;color:#0006;transition:color .15s}#settingsWrap.has-back-nav .settings-panel-header,#modeSubPanel.has-back-nav .settings-panel-header{cursor:pointer}#settingsWrap.has-back-nav .settings-back-arrow,#modeSubPanel.has-back-nav .settings-back-arrow{display:inline}#settingsWrap.has-back-nav .settings-panel-header:hover .settings-back-arrow,#modeSubPanel.has-back-nav .settings-panel-header:hover .settings-back-arrow{color:#000000d9}@keyframes qpSlideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}@keyframes qpSlideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes qpSlideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30px)}}@keyframes qpSlideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}#quickPresetPopup.is-sliding-out,#qpCombinedPreview.is-sliding-out{display:flex;animation:qpSlideOutLeft .2s ease-out forwards}#quickPresetPopup.is-sliding-in,#qpCombinedPreview.is-sliding-in{display:flex;animation:qpSlideInLeft .2s ease-out forwards}#settingsWrap.is-sliding-in,#modeSubPanel.is-sliding-in{display:flex;animation:qpSlideInRight .2s ease-out forwards}#settingsWrap.is-sliding-out,#modeSubPanel.is-sliding-out{display:flex;animation:qpSlideOutRight .2s ease-out forwards}#qpCombinedPreview.is-sliding-in-right{display:flex;animation:qpSlideInRight .2s ease-out forwards}#qpCombinedPreview.is-sliding-out-right{display:flex;animation:qpSlideOutRight .2s ease-out forwards}#settingsWrap .settings-panel-header,#modeSubPanel .settings-panel-header{margin:0 10px;padding:20px 10px 20px 5px;border-bottom:1px solid rgba(0,0,0,.08)}#settingsContent{display:flex;flex-direction:row;gap:0;padding:10px 10px 0;min-height:0;flex:1}#settingsWrap button,#modeSubPanel button{border:none;background:#fff;border-radius:var(--ui-radius);padding:6px 12px;height:var(--ui-height);cursor:pointer;touch-action:manipulation;box-shadow:var(--ui-shadow-raised);font:inherit}#settingsWrap button.uiRecBtn,#modeSubPanel button.uiRecBtn{width:var(--ui-height, 44px);height:var(--ui-height, 44px);flex-shrink:0;border:none;outline:none;border-radius:50%;background:#fcfcfc;color:#000;font-family:Studio Feixen Sans,system-ui,sans-serif;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,box-shadow .15s;box-shadow:0 2px 8px #00000026,0 1px 3px #0000001a}#settingsWrap button.uiRecBtn:hover,#modeSubPanel button.uiRecBtn:hover{box-shadow:0 4px 12px #0003,0 2px 4px #00000026}#settingsWrap button.uiRecBtn.is-armed,#modeSubPanel button.uiRecBtn.is-armed{background:red;color:#fff;box-shadow:0 2px 8px #ff000059,0 1px 3px #00000026;animation:rec-pulse 1s infinite}#settingsWrap button.uiRecBtn.is-recording,#modeSubPanel button.uiRecBtn.is-recording{background:red;color:#fff;animation:none}#settingsWrap button.uiRecBtn.is-recorded,#modeSubPanel button.uiRecBtn.is-recorded{background:#fff;color:#000000a6;font-family:Icons,sans-serif;font-size:54px;font-weight:400;line-height:1;padding-top:0;padding-bottom:4px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#settingsWrap button.uiRecBtn.is-recorded:hover,#modeSubPanel button.uiRecBtn.is-recorded:hover{background:#f5f5f5;color:#000000d9}#settingsWrap button.uiRecClearBtn,#modeSubPanel button.uiRecClearBtn{width:var(--ui-height, 44px);height:var(--ui-height, 44px);flex-shrink:0;border:none;outline:none;border-radius:50%;background-color:#ff44441a;color:#ff4444b3;font-size:14px;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s,color .15s;box-shadow:0 2px 8px #00000026,0 1px 3px #0000001a}#settingsWrap button.uiRecClearBtn:hover,#modeSubPanel button.uiRecClearBtn:hover{background-color:#f443;color:#f44}#settingsWrap button:active,#modeSubPanel button:active{box-shadow:var(--ui-shadow-inset)}#settingsWrap button:disabled,#modeSubPanel button:disabled{opacity:.5;cursor:default}.uiRecKeypointDot.is-live{position:relative}.uiRecKeypointDot.is-live:after{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(0,0,0,.4);box-shadow:0 0 0 .5px #ffffff4d;animation:kpBurstRing .4s ease-out forwards;pointer-events:none}#settingsWrap .uiSelectWrap,#modeSubPanel .uiSelectWrap{position:relative;display:inline-flex;align-items:center;height:var(--ui-height);border:none;background-color:#fff;border-radius:var(--ui-radius);cursor:pointer;box-sizing:border-box;overflow:hidden;box-shadow:var(--ui-shadow-raised)}#settingsWrap .uiSelectWrap:active,#modeSubPanel .uiSelectWrap:active{box-shadow:var(--ui-shadow-inset)}#settingsWrap .uiSelectWrap>select,#modeSubPanel .uiSelectWrap>select{width:100%;height:100%;font:inherit;border:none;background:transparent;border-radius:inherit;padding:6px 30px 6px 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}#settingsWrap .uiSelectWrap:after,#modeSubPanel .uiSelectWrap:after{content:"↓";position:absolute;right:13px;top:calc(50% + 1px);transform:translateY(-50%);color:var(--ui-border-color);opacity:1;pointer-events:none;font:inherit;line-height:1}#settingsWrap input[type=range],#modeSubPanel input[type=range]{--range-h: var(--ui-height);--thumb: 24px;--inset: calc((var(--range-h) - var(--thumb)) / 2);-webkit-appearance:none;appearance:none;height:var(--ui-height);max-height:var(--ui-height);box-sizing:border-box;background:#0000000d;border:none;border-radius:999px;padding:0 var(--inset);margin:0;cursor:pointer;box-shadow:var(--ui-shadow-inset)}#settingsWrap input[type=range]::-webkit-slider-runnable-track,#modeSubPanel input[type=range]::-webkit-slider-runnable-track{height:var(--range-h);background:transparent;border:none;border-radius:999px;margin:0}#settingsWrap input[type=range]::-webkit-slider-thumb,#modeSubPanel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);height:var(--thumb);border-radius:999px;background:#fff;border:none;box-shadow:0 1px 2px #0000001a,0 6px 12px #00000014;margin-top:var(--inset)}#settingsWrap input[type=range]::-moz-range-track,#modeSubPanel input[type=range]::-moz-range-track{height:var(--range-h);background:transparent;border:none;border-radius:999px;margin:0}#settingsWrap input[type=range]::-moz-range-thumb,#modeSubPanel input[type=range]::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border-radius:999px;background:#fff;border:none;box-shadow:0 1px 2px #0000001a,0 6px 12px #00000014}#fileSettingsWrap{--arrow-left: 22px;font-family:Studio Feixen Sans,system-ui,sans-serif}#fileSettingsTabBar{margin:14px 0 0}#fileSettingsTabBar .settings-tab-bar{margin-bottom:0}#fileSettingsWrap .settings-tab{flex:1;height:calc(var(--ui-height) - 6px);border:none!important;border-radius:calc(var(--ui-radius) - 2px);background:none;color:inherit;font:inherit;font-weight:500;cursor:pointer;box-shadow:none!important;opacity:.4;transition:opacity .15s ease,background .15s ease,box-shadow .15s ease}#fileSettingsWrap .settings-tab.is-active{background:#fff;opacity:1;box-shadow:var(--ui-shadow-raised)!important}#fileParamsScroll{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0;max-height:calc(100vh - 150px);overscroll-behavior:contain;margin:0 -10px -10px;padding:10px;scrollbar-width:none;-ms-overflow-style:none}#fileParamsScroll::-webkit-scrollbar{display:none}#fileParams{display:flex;flex-direction:column}#fileSettingsWrap button:not(.settings-section-header):not(.settings-tab){border:none;background:#fff;border-radius:var(--ui-radius);padding:6px 12px;height:var(--ui-height);cursor:pointer;touch-action:manipulation;box-shadow:var(--ui-shadow-raised);font:inherit}#fileSettingsWrap button:not(.settings-section-header):not(.settings-tab):active{box-shadow:var(--ui-shadow-inset)}#fileSettingsWrap .uiSelectWrap{position:relative;display:inline-flex;align-items:center;height:var(--ui-height);border:none;background-color:#fff;border-radius:var(--ui-radius);cursor:pointer;box-sizing:border-box;overflow:hidden;box-shadow:var(--ui-shadow-raised)}#fileSettingsWrap .uiSelectWrap:active{box-shadow:var(--ui-shadow-inset)}#fileSettingsWrap .uiSelectWrap>select{width:100%;height:100%;font:inherit;border:none;background:transparent;border-radius:inherit;padding:6px 30px 6px 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}#fileSettingsWrap .uiSelectWrap:after{content:"↓";position:absolute;right:13px;top:calc(50% + 1px);transform:translateY(-50%);color:var(--ui-border-color);opacity:1;pointer-events:none;font:inherit;line-height:1}#fileSettingsWrap input[type=range]{--range-h: var(--ui-height);--thumb: 24px;--inset: calc((var(--range-h) - var(--thumb)) / 2);-webkit-appearance:none;appearance:none;height:var(--ui-height);max-height:var(--ui-height);box-sizing:border-box;background:#0000000d;border:none;border-radius:999px;padding:0 var(--inset);margin:0;cursor:pointer;box-shadow:var(--ui-shadow-inset)}#fileSettingsWrap input[type=range]::-webkit-slider-runnable-track{height:var(--range-h);background:transparent;border:none;border-radius:999px;margin:0}#fileSettingsWrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);height:var(--thumb);border-radius:999px;background:#fff;border:none;box-shadow:0 1px 2px #0000001a,0 6px 12px #00000014;margin-top:var(--inset)}#fileSettingsWrap input[type=range]::-moz-range-track{height:var(--range-h);background:transparent;border:none;border-radius:999px;margin:0}#fileSettingsWrap input[type=range]::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border-radius:999px;background:#fff;border:none;box-shadow:0 1px 2px #0000001a,0 6px 12px #00000014}#fileSettingsWrap .uiSliderValue{height:var(--ui-height);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background:transparent;border:none;border-radius:var(--ui-radius);padding:0 4px;box-shadow:var(--ui-shadow-inset);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8;font-variant-numeric:tabular-nums}.fileSettingsBtn{width:100%;height:var(--ui-height);padding:8px 13px;font-weight:500;cursor:pointer;transition:background .15s}.fileSettingsBtn:hover{background:#f5f5f5}.fileSettingsBtn--export{background:#e8f5e9!important;color:#2e7d32;margin-top:14px}.fileSettingsBtn--export:hover{background:#c8e6c9!important}.fileSettingsBtn--danger{color:#d32f2f}.fileSettingsBtn--danger:hover{background:#ffebee}#layersPanelWrap{--arrow-left: calc(100% - 27px) ;position:fixed;top:85px;right:12px;width:max-content;min-width:340px;max-width:500px;max-height:calc(100dvh - 105px - env(safe-area-inset-bottom,0px));display:none;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000026;z-index:2000;overflow:visible;font-family:Studio Feixen Sans,system-ui,sans-serif}#layersPanelWrap.is-visible{display:flex}#layersPanelWrap.is-returning{display:flex;animation:lsPanelSlideInLeft .2s ease-out}#layersPanelWrap.is-hiding{display:flex;animation:lsPanelSlideOutLeft .2s ease-out forwards}@keyframes lsPanelSlideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes lsPanelSlideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes lsPanelSlideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes lsPanelSlideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}#layersPanelHeader{flex:0 0 auto;padding:11px 0 10px;margin:0 10px 6px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid rgba(0,0,0,.08)}#layersPanelTitle{font-weight:500;font-size:18px;opacity:.85;padding-left:5px}#layersPanelActions{display:flex;align-items:center;gap:8px}#layersPanelHeader button{border:none;background:#fff;border-radius:var(--ui-radius);padding:6px 12px;height:var(--ui-height);cursor:pointer;touch-action:manipulation;box-shadow:var(--ui-shadow-raised);font:inherit}#layersPanelHeader button:active{box-shadow:var(--ui-shadow-inset)}#layersPanelHeader button:disabled{opacity:.4;cursor:default}#layersPanelHeader .layersPanelIconBtn{width:40px;height:40px;padding:0 0 3px;border-radius:999px;font-family:Icons,sans-serif;font-size:54px;line-height:0;display:inline-flex;align-items:center;justify-content:center;-webkit-font-smoothing:antialiased}.importPopup{position:fixed;z-index:2100;display:none;flex-direction:column;padding:6px;background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000040;overflow:visible;font-family:Studio Feixen Sans,system-ui,sans-serif;touch-action:manipulation}.importPopup.is-visible{display:flex}.importPopup:before{content:"";position:absolute;top:-12px;right:var(--arrow-right, 18px);width:24px;height:12px;background:#fff;clip-path:path("M 0 12 C 4 12, 9 0, 12 0 C 15 0, 20 12, 24 12 Z");z-index:1}.importPopup__item{display:flex;align-items:baseline;gap:8px;padding:10px 14px;border-radius:8px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .1s;white-space:nowrap}.importPopup__item:hover{background:#0000000a}.importPopup__item:active{background:#00000014}.importPopup__title{font-weight:500;font-size:var(--app-font-size)}.importPopup__desc{font-size:var(--app-font-size);color:#0003}#addImageLayerBtn.is-active{background:#f0f0f0;box-shadow:var(--ui-shadow-inset)}#layersPanelScroll{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:4px 10px 10px;min-height:0;max-height:calc(100dvh - 180px - env(safe-area-inset-bottom,0px));overscroll-behavior:contain}#layersPanelList{display:flex;flex-direction:column}.layerPanelRow{display:flex;flex-direction:column;gap:0;padding:8px 10px;border-radius:8px;cursor:grab;background:transparent;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;transition:margin .12s ease,background .12s ease}.layerPanelRowContent{display:flex;align-items:center;gap:5px;width:100%}.layerPanelRow:hover{background:#00000008}.layerPanelRow.is-active{background:#00000008;box-shadow:var(--ui-shadow-raised);border-radius:10px}.layerPanelRow.is-hold-ready{background:#0000000f;transform:scale(1.02);transition:transform .1s ease,background .1s ease}.layerPanelRow.is-dragging{opacity:.4}.layerPanelRow.is-dragover{position:relative}.layerPanelRow.is-dragover:before{content:"";position:absolute;top:-2px;left:8px;right:8px;height:3px;border-radius:2px;background:#007aff;pointer-events:none;z-index:2}.layerPanelRow[data-drop-slot]{height:0;padding:0;margin:0;overflow:visible;position:relative}.layerPanelRow[data-drop-slot].is-drop-slot:before{content:"";position:absolute;top:-2px;left:8px;right:8px;height:3px;border-radius:2px;background:#007aff;pointer-events:none;z-index:2}.layerPanelRow.is-delete{background:#f44!important}.layerPanelRow.is-delete .layerPanelBtn,.layerPanelRow.is-delete .layerFxBtn.has-effects,.layerPanelRow.is-delete .layerFxBtn.is-active{background:#f44}.layerPanelRow.is-delete .layerFxInlineSlider{background:#f44;box-shadow:inset 0 1px 2px #00000014}.layerPanelRow.is-delete .layerFxInlineSlider::-webkit-slider-thumb{background:#f44}.layerPanelRow.is-delete .layerFxInlineSlider::-moz-range-thumb{background:#f44}.layerPanelRow.is-delete .layerFxInlineValue{background:#f44;box-shadow:inset 0 1px 2px #00000014}.layerPanelRow.is-delete .layerFxInlineSelectWrap{background:#f44;border-top:none}.layerPanelIndent{pointer-events:none}.layerPanelRow.is-child .layerPanelIndent{border-left:2px solid rgba(0,0,0,.12);height:100%;min-height:28px}.layerPanelRow.is-parent-hidden{opacity:.35}.layerPanelRow.is-nest-target{background:#0078ff14;box-shadow:inset 0 0 0 2px #0078ff59;border-radius:10px}.layerPanelRow.is-new{animation:layerRowSlideIn .16s ease-out both;transform-origin:50% 0%}@keyframes layerRowSlideIn{0%{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.layerPanelThumb{width:60px;height:40px;flex:0 0 auto;border-radius:6px;border:1px solid rgba(0,0,0,.12);object-fit:cover;background:#fff}.layerPanelThumb.is-hidden{opacity:.4}.layerPanelName{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layerPanelBtn{width:32px;height:32px;flex:0 0 auto;padding:0;border-radius:999px;border:none;background:#fff;cursor:pointer;line-height:1;font-size:11px;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--ui-shadow-raised)}.layerFxBtn{width:40px;height:40px;font-family:Icons,sans-serif;font-size:54px;line-height:0;padding-bottom:3px;margin-left:auto;flex-shrink:0;-webkit-font-smoothing:antialiased}.layerPanelBtn:active{box-shadow:var(--ui-shadow-inset)}.layerPanelBtn:disabled{opacity:.35;cursor:default}.layerFxBtn.has-effects{opacity:1}.layerFxBtn.is-active{background:#f0f0f0;box-shadow:var(--ui-shadow-inset)}.layerVisBtn{width:40px;height:40px;font-family:Icons,sans-serif;font-size:54px;line-height:0;padding-bottom:3px;flex-shrink:0;-webkit-font-smoothing:antialiased}.layerVisBtn.is-hidden{background:#f0f0f0;box-shadow:var(--ui-shadow-inset)}.layerLockBtn{width:40px;height:40px;font-family:Icons,sans-serif;font-size:54px;line-height:0;padding-bottom:3px;flex-shrink:0;color:#000;-webkit-font-smoothing:antialiased}.layerLockBtn.is-locked{background:#000;color:#fff;box-shadow:var(--ui-shadow-inset)}.layerParallaxBtn{width:40px;height:40px;font-family:Icons,sans-serif;font-size:50px;line-height:0;padding-bottom:5px;padding-left:1px;color:#000;background:#ff7d00;flex-shrink:0;opacity:1;box-shadow:var(--ui-shadow-raised);transition:opacity .15s,background .15s;-webkit-font-smoothing:antialiased}.layerParallaxBtn.is-excluded{background:#ccc;color:#666;opacity:.6}.layerTransformBtn{width:40px;height:40px;font-family:Icons,sans-serif;font-size:50px;line-height:0;padding-bottom:5px;padding-left:1px;color:#fff;background:#000;flex-shrink:0;opacity:1;box-shadow:var(--ui-shadow-raised);transition:opacity .15s,background .15s;-webkit-font-smoothing:antialiased}.layerPuppetBtn{width:40px;height:40px;font-family:Icons,sans-serif;font-size:50px;line-height:0;padding-bottom:4px;color:#fff;background:#000;flex-shrink:0;opacity:1;box-shadow:var(--ui-shadow-raised);transition:opacity .15s,background .15s;-webkit-font-smoothing:antialiased}.layerTransformBtn.is-muted,.layerPuppetBtn.is-muted{background:#ccc;color:#666;opacity:.6}.layerPanelRow.is-delete .layerTransformBtn,.layerPanelRow.is-delete .layerPuppetBtn,#layersPanelDragGhost.is-delete .layerTransformBtn,#layersPanelDragGhost.is-delete .layerPuppetBtn{background:#000!important;color:#f44!important}.layerPanelRow.is-delete .layerTransformBtn.is-muted,.layerPanelRow.is-delete .layerPuppetBtn.is-muted,#layersPanelDragGhost.is-delete .layerTransformBtn.is-muted,#layersPanelDragGhost.is-delete .layerPuppetBtn.is-muted{background:#d33!important;color:#00000080!important;opacity:1!important}.layerPanelRow.is-delete .layerLockBtn,.layerPanelRow.is-delete .layerLockBtn.is-locked{background:#f44;color:#111;box-shadow:var(--ui-shadow-inset)}.layerFxInline{display:none;flex-direction:column;gap:8px;padding:10px 0 4px;width:100%}.layerFxInline.is-expanded{display:flex}.layerFxInlineRow{display:flex;align-items:center;gap:8px;width:100%}.layerFxInlineSlider{--range-h: var(--ui-height);--thumb: 24px;--inset: calc((var(--range-h) - var(--thumb)) / 2);-webkit-appearance:none;appearance:none;flex:1;height:var(--ui-height);max-height:var(--ui-height);box-sizing:border-box;background:#0000000d;border:none;border-radius:999px;padding:0 var(--inset);margin:0;cursor:pointer;box-shadow:var(--ui-shadow-inset)}.layerFxInlineSlider::-webkit-slider-runnable-track{height:var(--range-h);background:transparent;border:none;border-radius:999px;margin:0}.layerFxInlineSlider::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);height:var(--thumb);border-radius:999px;background:#fff;border:none;box-shadow:0 1px 2px #0000001a,0 6px 12px #00000014;margin-top:var(--inset)}.layerFxInlineSlider::-moz-range-track{height:var(--range-h);background:transparent;border:none;border-radius:999px;margin:0}.layerFxInlineSlider::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border-radius:999px;background:#fff;border:none;box-shadow:0 1px 2px #0000001a,0 6px 12px #00000014}.layerFxInlineValue{height:var(--ui-height);min-width:52px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background:#ffffffd9;border:none;border-radius:var(--ui-radius);padding:0 4px;box-shadow:var(--ui-shadow-inset),0 0 0 1px #0000000f;text-align:center;font-variant-numeric:tabular-nums;flex-shrink:0}.layerFxInlineLabel{min-width:64px;height:var(--ui-height);display:inline-flex;align-items:center;font-size:inherit;flex-shrink:0;margin-right:8px}.layerFxSection{width:100%;margin-top:4px}.layerFxSectionHeader{position:relative;display:flex;align-items:center;width:100%;height:var(--ui-height);padding:0 10px;background:#0000000a;border:none;border-radius:var(--ui-radius);cursor:pointer;font-size:inherit;font-family:inherit;text-align:left}.layerFxSectionHeader:hover{background:#00000012}.layerFxSectionTitle{font-weight:500}.layerFxSectionCaret{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--ui-border-color);font:inherit;line-height:1;pointer-events:none}.layerFxSectionBody{display:flex;flex-direction:column;gap:8px;padding:8px 0 0}.layerFxActionsRow{display:flex;gap:8px;margin-top:8px;width:100%}.layerFxActionBtn{flex:1;height:var(--ui-height);padding:0 12px;border:none;border-radius:var(--ui-radius);background:#0000000f;font-size:inherit;font-family:inherit;cursor:pointer;transition:background .15s}.layerFxActionBtn:hover:not(:disabled){background:#0000001a}.layerFxActionBtn:disabled{opacity:.4;cursor:not-allowed;pointer-events:auto}.layerFxActionBtn--delete{color:#f44;background:#f443}.layerFxActionBtn--delete:hover:not(:disabled){background:#ff44444d}.layerFxInlineSelectWrap{position:relative;display:inline-flex;align-items:center;flex:1;height:var(--ui-height);border:none;border-top:1px solid rgba(255,255,255,.5);background-color:#fff;border-radius:var(--ui-radius);cursor:pointer;box-sizing:border-box;overflow:hidden;box-shadow:var(--ui-shadow-raised)}.layerFxInlineSelectWrap:active{box-shadow:var(--ui-shadow-inset)}.layerFxInlineSelect{width:100%;height:100%;font:inherit;border:none;background:transparent;border-radius:inherit;padding:6px 30px 6px 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;color:inherit}.layerFxInlineSelectWrap:after{content:"↓";position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--ui-border-color);opacity:1;pointer-events:none;font:inherit;line-height:1}#layersPanelBtn.is-active{background:#f0f0f0;box-shadow:var(--ui-shadow-inset)}#layersPanelDragGhost{position:fixed;top:0;left:0;z-index:10000;pointer-events:none;background:#fff;border-radius:8px;padding:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.08)) drop-shadow(0 6px 12px rgba(0,0,0,.06))}#layersPanelDragGhost .layerPanelRow{margin:0!important}#layersPanelDragGhost.is-delete,#layersPanelDragGhost.is-delete .layerPanelBtn,#layersPanelDragGhost.is-delete .layerFxBtn.has-effects,#layersPanelDragGhost.is-delete .layerFxBtn.is-active{background:#f44}#layersPanelDragGhost.is-delete .layerFxInlineSlider{background:#f44;box-shadow:inset 0 1px 2px #00000014}#layersPanelDragGhost.is-delete .layerFxInlineSlider::-webkit-slider-thumb{background:#f44}#layersPanelDragGhost.is-delete .layerFxInlineSlider::-moz-range-thumb{background:#f44}#layersPanelDragGhost.is-delete .layerFxInlineValue{background:#f44;box-shadow:inset 0 1px 2px #00000014}#layersPanelDragGhost.is-delete .layerFxInlineSelectWrap{background:#f44;border-top:none}#layersPanelDragGhost.is-delete .layerLockBtn,#layersPanelDragGhost.is-delete .layerLockBtn.is-locked{background:#f44;color:#111;box-shadow:var(--ui-shadow-inset)}#layerSettingsPanel{position:fixed;top:85px;right:12px;width:max-content;min-width:300px;max-width:500px;box-sizing:border-box;max-height:calc(100dvh - 105px - env(safe-area-inset-bottom,0px));display:none;flex-direction:column;gap:6px;background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000026;z-index:2000;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:4px 10px 10px;font-family:Studio Feixen Sans,system-ui,sans-serif;touch-action:manipulation}#layerSettingsPanel.is-visible{display:flex;animation:lsPanelSlideInRight .2s ease-out}#layerSettingsPanel.is-hiding{display:flex;animation:lsPanelSlideOutRight .2s ease-out forwards}.lsHeader{-webkit-appearance:none;appearance:none;display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:20px 10px 20px 5px;margin:0;border:none;border-bottom:1px solid rgba(0,0,0,.08);border-radius:0;background:transparent;flex-shrink:0;cursor:pointer;touch-action:manipulation;font:inherit;font-weight:500;font-size:18px;opacity:.85;color:inherit;text-align:left}.lsBackArrow{flex-shrink:0;margin-left:auto;color:#0006;transition:color .15s}.lsHeader:hover .lsBackArrow{color:#000000d9}.lsHeaderTitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lsRow{display:flex;align-items:center;gap:8px;width:100%}.lsLabel{width:90px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lsSlider{--range-h: var(--ui-height);--thumb: 24px;--inset: calc((var(--range-h) - var(--thumb)) / 2);-webkit-appearance:none;appearance:none;flex:1;height:var(--ui-height);max-height:var(--ui-height);box-sizing:border-box;background:#0000000d;border:none;border-radius:999px;padding:0 var(--inset);margin:0;cursor:pointer;box-shadow:var(--ui-shadow-inset)}.lsSlider::-webkit-slider-runnable-track{height:var(--range-h);background:transparent;border:none;border-radius:999px}.lsSlider::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);height:var(--thumb);border-radius:999px;background:#fff;border:none;box-shadow:0 1px 2px #0000001a,0 6px 12px #00000014;margin-top:var(--inset)}.lsSlider::-moz-range-track{height:var(--range-h);background:transparent;border:none;border-radius:999px}.lsSlider::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border-radius:999px;background:#fff;border:none;box-shadow:0 1px 2px #0000001a,0 6px 12px #00000014}.lsSliderShort{min-width:0}.lsNote{flex:1;font-size:13px;display:flex;align-items:center;justify-content:center;height:var(--ui-height);border-radius:var(--ui-radius);background:#ff64641f;color:#b43232b3;box-sizing:border-box}.lsValue{height:var(--ui-height);width:52px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background:#ffffffd9;border:none;border-radius:var(--ui-radius);padding:0 4px;box-shadow:var(--ui-shadow-inset),0 0 0 1px #0000000f;text-align:center;font-variant-numeric:tabular-nums;flex-shrink:0}.lsSelectWrap{position:relative;display:inline-flex;align-items:center;flex:1;height:var(--ui-height);border:none;border-top:1px solid rgba(255,255,255,.5);background-color:#fff;border-radius:var(--ui-radius);cursor:pointer;box-sizing:border-box;overflow:hidden;box-shadow:var(--ui-shadow-raised)}.lsSelectWrap:active{box-shadow:var(--ui-shadow-inset)}.lsSelect{width:100%;height:100%;font:inherit;border:none;background:transparent;border-radius:inherit;padding:6px 30px 6px 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;color:inherit}.lsSelectWrap:after{content:"↓";position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--ui-border-color);pointer-events:none;font:inherit;line-height:1}.lsSection{width:100%;margin-top:4px}.lsSectionHeader{position:relative;display:flex;align-items:center;width:100%;height:var(--ui-height);padding:0 10px;background:#0000000a;border:none;border-radius:var(--ui-radius);cursor:pointer;font-size:inherit;font-family:inherit;text-align:left}.lsSectionHeader:hover{background:#00000012}.lsSectionTitle{font-weight:500}.lsSectionCaret{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--ui-border-color);font:inherit;line-height:1;pointer-events:none}.lsSectionBody{display:flex;flex-direction:column;gap:6px;padding:8px 0 0}.lsSubHeader{display:flex;align-items:center;justify-content:space-between;padding:4px 0;margin-top:4px;border-top:1px solid rgba(0,0,0,.06)}.lsShadowControls{display:flex;flex-direction:column;gap:6px;padding-left:0}#layerSettingsPanel .color-picker--shadow{flex:1}#layerSettingsPanel .color-picker--shadow .color-picker__trigger{width:100%;height:var(--ui-height);padding:0 10px;border:none;border-radius:var(--ui-radius);box-shadow:var(--ui-shadow-raised);box-sizing:border-box;display:flex;align-items:center;gap:8px;transition:color .15s}#layerSettingsPanel .color-picker--shadow .color-picker__swatch{display:none}#layerSettingsPanel .color-picker--shadow .color-picker__value{color:inherit}.lsActionsRow{display:flex;gap:8px;margin-top:8px;width:100%}.lsActionBtn{flex:1;height:var(--ui-height);padding:0 12px;border:none;border-radius:var(--ui-radius);background:#0000000f;font-size:inherit;font-family:inherit;cursor:pointer;transition:background .15s}.lsActionBtn:hover:not(:disabled){background:#0000001a}.lsActionBtn:disabled{opacity:.4;cursor:not-allowed}.lsActionBtn--delete{color:#f44;background:#f443}.lsActionBtn--delete:hover:not(:disabled){background:#ff44444d}#transformSettingsWrap{--arrow-left: 275px;left:auto;right:12px}#transformParamsScroll{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0;max-height:calc(100vh - 150px);overscroll-behavior:contain;margin:0 -10px -10px;padding:10px;scrollbar-width:none;-ms-overflow-style:none}#transformParamsScroll::-webkit-scrollbar{display:none}#transformParams{display:flex;flex-direction:column}.ts-guide{color:#666;text-align:center;padding:20px 16px;line-height:1.5}.ts-section{margin-top:14px;overflow:visible}.ts-section:first-child{margin-top:0}.ts-section-header{width:100%;height:var(--ui-height);display:flex;align-items:center;justify-content:space-between;border:none;background:#00000008;border-radius:10px;padding:8px 13px;font:inherit;box-shadow:var(--ui-shadow-raised);box-sizing:border-box}.ts-header-left{display:flex;align-items:center;gap:8px;flex:1}.ts-color-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.ts-recording-badge{display:none;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:#0000001a;border-radius:50%;cursor:pointer;font-size:17px;line-height:1;padding:0;color:inherit;opacity:.7;margin-right:12px;flex-shrink:0}.ts-recording-badge.is-visible{display:inline-flex}.ts-recording-badge:hover{background:#0003;opacity:1}.ts-section-title{opacity:.85}.ts-caret{opacity:.7}.ts-section-content{padding:10px 4px;display:flex;flex-direction:column;gap:8px}.ts-delete-recording-btn{width:100%;height:var(--ui-height);border:none;border-radius:var(--ui-radius);background:#ff44441a;color:#f44;font:inherit;cursor:pointer;margin-top:8px;box-shadow:var(--ui-shadow-raised)}.ts-delete-recording-btn:hover{background:#f443}.ts-delete-recording-btn:active{box-shadow:var(--ui-shadow-inset)}.ts-row{display:flex;align-items:center;gap:8px}.ts-label{width:90px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.9}#transformSettingsWrap .uiSelectWrap{flex:1;position:relative;display:inline-flex;align-items:center;height:var(--ui-height);border:none;background-color:#fff;border-radius:var(--ui-radius);cursor:pointer;box-sizing:border-box;overflow:hidden;box-shadow:var(--ui-shadow-raised)}#transformSettingsWrap .uiSelectWrap:active{box-shadow:var(--ui-shadow-inset)}#transformSettingsWrap .uiSelectWrap>select{width:100%;height:100%;font:inherit;border:none;background:transparent;border-radius:inherit;padding:6px 30px 6px 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}#transformSettingsWrap .uiSelectWrap:after{content:"↓";position:absolute;right:13px;top:calc(50% + 1px);transform:translateY(-50%);color:var(--ui-border-color);opacity:1;pointer-events:none;font:inherit;line-height:1}.ts-slider-wrap{flex:1;display:flex;align-items:center;gap:8px}.ts-slider{flex:1;--range-h: var(--ui-height);--thumb: 24px;--inset: calc((var(--range-h) - var(--thumb)) / 2);-webkit-appearance:none;appearance:none;height:var(--range-h);box-sizing:border-box;background:#0000000d;border:none;border-radius:999px;padding:0 var(--inset);margin:0;cursor:pointer;box-shadow:var(--ui-shadow-inset)}.ts-slider::-webkit-slider-runnable-track{height:var(--range-h);background:transparent;border:none;border-radius:999px;margin:0}.ts-slider::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);height:var(--thumb);border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 2px #0000001a,0 6px 12px #00000014;margin-top:var(--inset)}.ts-slider::-moz-range-track{height:var(--range-h);background:transparent;border:none;border-radius:999px;margin:0}.ts-slider::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 2px #0000001a,0 6px 12px #00000014}.ts-slider:disabled{opacity:.4;cursor:not-allowed}.ts-slider-value{width:52px;height:var(--ui-height);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background:transparent;border:none;border-radius:var(--ui-radius);padding:0;box-shadow:var(--ui-shadow-inset);text-align:center;white-space:nowrap;overflow:hidden;flex-shrink:0;cursor:text}.ts-checkbox-label{display:flex;align-items:center;gap:6px;cursor:pointer;opacity:.85}.ts-checkbox{width:16px;height:16px}.ts-auto-rotate-info{margin-top:8px;padding:10px;background:#00000008;border-radius:6px}.ts-info-text{margin:0;font-size:inherit;line-height:1.4;opacity:.7;cursor:pointer}.ts-mode-options,.ts-loop-settings,.ts-easing-loop-settings{display:flex;flex-direction:column;gap:8px}.ts-easing-sub-settings{display:flex;flex-direction:column;gap:6px}.ts-easing-separator{height:1px;background:#0000001a;margin:4px 0}.ts-loop-info,.ts-easing-loop-info{color:#666;line-height:1.3}.ts-auto-rotate-row{margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,0,0,.06)}#toggleTransformBtn.is-active{background:#000;color:#fff;box-shadow:var(--ui-shadow-inset)}#puppetSettingsWrap{--arrow-left: 324px;left:auto;right:12px}#puppetParamsScroll{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0;max-height:calc(100vh - 150px);overscroll-behavior:contain;margin:0 -10px -10px;padding:10px;scrollbar-width:none;-ms-overflow-style:none}#puppetParamsScroll::-webkit-scrollbar{display:none}#puppetParams{display:flex;flex-direction:column}.ps-section{margin-top:14px;overflow:visible}.ps-section:first-child{margin-top:0}.ps-section-header{width:100%;height:var(--ui-height);display:flex;align-items:center;justify-content:space-between;border:none;background:#00000008;border-radius:10px;padding:8px 13px;font:inherit;box-shadow:var(--ui-shadow-raised);box-sizing:border-box}.ps-header-left{display:flex;align-items:center;gap:8px;flex:1}.ps-color-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.ps-recording-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:#ff646433;border-radius:50%;cursor:pointer;font-size:17px;line-height:1;padding:0;color:#ff6464;opacity:.8;margin-right:12px;flex-shrink:0}.ps-recording-badge:hover{background:#ff64644d;opacity:1}.ps-section-title{opacity:.85}.ps-caret{opacity:.7}.ps-section-content{padding:10px 4px;display:flex;flex-direction:column;gap:8px}.ps-row{display:flex;align-items:center;gap:8px}.ps-label{width:90px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.9}#puppetSettingsWrap .uiSelectWrap{flex:1;position:relative;display:inline-flex;align-items:center;height:var(--ui-height);border:none;background-color:#fff;border-radius:var(--ui-radius);cursor:pointer;box-sizing:border-box;overflow:hidden;box-shadow:var(--ui-shadow-raised)}#puppetSettingsWrap .uiSelectWrap:active{box-shadow:var(--ui-shadow-inset)}#puppetSettingsWrap .uiSelectWrap>select{width:100%;height:100%;font:inherit;border:none;background:transparent;border-radius:inherit;padding:6px 30px 6px 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}#puppetSettingsWrap .uiSelectWrap:after{content:"↓";position:absolute;right:13px;top:calc(50% + 1px);transform:translateY(-50%);color:var(--ui-border-color);opacity:1;pointer-events:none;font:inherit;line-height:1}.ps-slider-wrap{flex:1;display:flex;align-items:center;gap:8px}.ps-slider{flex:1;--range-h: var(--ui-height);--thumb: 24px;--inset: calc((var(--range-h) - var(--thumb)) / 2);-webkit-appearance:none;appearance:none;height:var(--range-h);box-sizing:border-box;background:#0000000d;border:none;border-radius:999px;padding:0 var(--inset);margin:0;cursor:pointer;box-shadow:var(--ui-shadow-inset)}.ps-slider::-webkit-slider-runnable-track{height:var(--range-h);background:transparent;border:none;border-radius:999px;margin:0}.ps-slider::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);height:var(--thumb);border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 2px #0000001a,0 6px 12px #00000014;margin-top:var(--inset)}.ps-slider::-moz-range-track{height:var(--range-h);background:transparent;border:none;border-radius:999px;margin:0}.ps-slider::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 2px #0000001a,0 6px 12px #00000014}.ps-slider-value{width:52px;height:var(--ui-height);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background:transparent;border:none;border-radius:var(--ui-radius);padding:0;box-shadow:var(--ui-shadow-inset);text-align:center;white-space:nowrap;overflow:hidden;flex-shrink:0;cursor:text}.ps-mode-options,.ps-loop-settings,.ps-easing-loop-settings,.ps-fixed-duration-settings{display:flex;flex-direction:column;gap:8px}.ps-easing-separator{height:1px;background:#0000001a;margin:8px 0}.ps-easing-sub-settings{display:flex;flex-direction:column;gap:8px}.ps-empty,.ps-no-recording{color:#888;text-align:center;padding:20px 10px;line-height:1.5}.ps-guide{padding:20px 16px;text-align:center}.ps-guide-text{color:#666;line-height:1.5}.ps-tip{padding:8px 12px;margin-top:10px;background:#00000008;border-radius:6px;color:#666;font-size:.9em;line-height:1.4}.ps-info-row{margin-top:10px;padding:8px;background:#00000008;border-radius:6px}.ps-info{color:#666;font-size:inherit}.ps-delete-row{margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.06)}.ps-delete-btn{width:100%;padding:8px;border:1px solid rgba(255,100,100,.3);background:#ff64640d;color:#f44;border-radius:6px;cursor:pointer;font:inherit}.ps-delete-btn:hover{background:#ff646426}.ps-delete-recording-btn{width:100%;height:var(--ui-height);border:none;border-radius:var(--ui-radius);background:#ff44441a;color:#f44;font:inherit;cursor:pointer;margin-top:8px;box-shadow:var(--ui-shadow-raised)}.ps-delete-recording-btn:hover{background:#f443}.ps-delete-recording-btn:active{box-shadow:var(--ui-shadow-inset)}.puppet-snap-zone{position:fixed;width:120px;height:120px;border-radius:50%;transform:translate(-50%,-50%);display:none;pointer-events:none;z-index:101}.puppet-snap-zone .puppet-snap-inner{position:absolute;top:50%;left:50%;width:80px;height:80px;transform:translate(-50%,-50%);border:2px dashed rgba(179,0,255,.4);border-radius:50%;transition:all .15s ease}.puppet-snap-zone.is-near .puppet-snap-inner{width:100px;height:100px;border-color:#b300ff;border-style:solid;background:#b300ff26;box-shadow:0 0 15px #b300ff80}#puppetPinBtn.is-active,#puppetBoneBtn.is-active{background:#000;color:#fff;box-shadow:var(--ui-shadow-inset)}#uiNoticeRoot{position:fixed;inset:0;pointer-events:none;z-index:100000;font-family:inherit}#uiNoticeRoot>*{pointer-events:auto}.ui-notice{background:#000000d1;color:#fff;border-radius:14px;padding:12px 16px;box-shadow:0 14px 40px #00000040;letter-spacing:.02em}.ui-notice__text{text-align:center;font-size:13px;line-height:1.4;display:flex;align-items:center;justify-content:center;gap:6px}.ui-notice__icon{font-family:Icons,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;flex-shrink:0}.ui-notice--action{transition:opacity .2s ease,transform .2s ease,background .1s ease}.ui-notice--action:active{background:#000000b3}.ui-notice--toast{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.98);opacity:0;transition:opacity .2s ease,transform .2s ease}.ui-notice--toast.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.ui-notice-backdrop{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000001f;opacity:0;transition:opacity .2s ease;pointer-events:auto;z-index:2}.ui-notice-backdrop.is-visible{opacity:1}.ui-notice--modal{width:min(360px,calc(100vw - 40px));padding:16px 18px;text-align:center}.ui-notice__actions{margin-top:12px;display:flex;gap:8px;justify-content:center}.ui-notice__input{width:100%;margin-top:10px;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.35);background:#ffffff1a;color:#fff;font-size:13px;outline:none;box-sizing:border-box}.ui-notice__input::placeholder{color:#fff9}.ui-notice__btn{appearance:none;border:var(--ui-border);border-color:#ffffff59;background:#ffffff14;color:#fff;border-radius:var(--ui-radius);padding:6px 12px;height:var(--ui-height);font-size:inherit;cursor:pointer;font-family:inherit}.ui-notice__btn--ok{background:#fff;color:#000;border-color:#ffffffd9}.ui-notice__btn--danger{background:#ff4d4d;border-color:#ff4d4d;color:#fff}.ui-notice--prompt{background:#fff!important;color:#000!important;border-radius:var(--ui-radius)!important;padding:20px!important;box-shadow:0 8px 30px #00000026,0 0 0 1px #0000000f!important}.ui-notice--prompt .ui-notice__text{font-size:14px;color:#000;opacity:.8;margin-bottom:4px}.ui-notice--prompt .ui-notice__input{margin-top:8px;padding:10px 14px;border-radius:var(--ui-radius);border:none;background:#0000000d;color:#000;font-size:14px;box-shadow:var(--ui-shadow-inset)}.ui-notice--prompt .ui-notice__input::placeholder{color:#0006}.ui-notice--prompt .ui-notice__input:focus{background:#00000012}.ui-notice--prompt .ui-notice__btn{border:none;background:#0000000f;color:#000;border-radius:var(--ui-radius);box-shadow:var(--ui-shadow-raised)}.ui-notice--prompt .ui-notice__btn:hover{background:#0000001a}.ui-notice--prompt .ui-notice__btn--ok{background:#000;color:#fff}.ui-notice--prompt .ui-notice__btn--ok:hover{background:#222}.ui-notice--save-preset{min-width:300px;max-width:360px;background:#fff!important;color:#000!important;border-radius:12px!important;padding:24px!important;box-shadow:0 8px 30px #00000026!important}.ui-notice--save-preset .ui-notice__text{display:none}.ui-notice__title{font-weight:500;margin-bottom:20px;font-size:16px;opacity:.9}.ui-notice__label{display:block;font-size:13px;opacity:.6;margin-bottom:6px;margin-top:16px}.ui-notice__label:first-of-type{margin-top:0}.ui-notice--save-preset .ui-notice__input{margin-top:0;width:100%;padding:10px 14px;border-radius:var(--ui-radius, 10px);border:none;background:#0000000d;color:#000;font-size:14px;outline:none;box-sizing:border-box;box-shadow:var(--ui-shadow-inset, inset 0 1px 3px rgba(0,0,0,.08))}.ui-notice--save-preset .ui-notice__input::placeholder{color:#0006}.ui-notice--save-preset .ui-notice__input:focus{background:#00000012}.ui-notice__input-with-list{display:flex;flex-direction:column;gap:10px}.ui-notice__folder-list{display:flex;flex-wrap:wrap;gap:6px}.ui-notice__folder-btn{appearance:none;border:none;background:#0000000f;color:#000000b3;border-radius:6px;padding:6px 10px;font-size:13px;cursor:pointer;font-family:inherit;transition:background .1s ease;box-shadow:var(--ui-shadow-raised, 0 1px 2px rgba(0,0,0,.06))}.ui-notice__folder-btn:hover{background:#0000001a}.ui-notice__folder-btn.is-selected{background:#000;color:#fff}.ui-notice--save-preset .ui-notice__actions{margin-top:24px;padding-top:4px}.ui-notice--save-preset .ui-notice__btn{border:none;background:#fff;color:#000;border-radius:var(--ui-radius, 10px);padding:8px 16px;height:var(--ui-height, 36px);font-size:14px;cursor:pointer;font-family:inherit;box-shadow:var(--ui-shadow-raised, 0 1px 3px rgba(0,0,0,.1))}.ui-notice--save-preset .ui-notice__btn:hover{background:#0000000a}.ui-notice--save-preset .ui-notice__btn:active{box-shadow:var(--ui-shadow-inset, inset 0 1px 3px rgba(0,0,0,.1))}.ui-notice--save-preset .ui-notice__btn--ok{background:#000;color:#fff;box-shadow:0 1px 2px #00000026,0 6px 12px #0000001f}.ui-notice--save-preset .ui-notice__btn--ok:hover{background:#222}.ui-notice--save-preset .ui-notice__btn--ok:active{box-shadow:var(--ui-shadow-inset, inset 0 1px 3px rgba(0,0,0,.2))}.exportModal{position:fixed;inset:0;background:#00000059;z-index:1000;display:flex;align-items:center;justify-content:center}.exportSettings{font-family:Studio Feixen Sans,system-ui,sans-serif;color:#000;background:#fff;border-radius:12px;padding:24px;max-width:420px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 30px #00000026}.exportSettings .exportTitle{margin:0 0 12px;padding:0 0 15px;font-size:18px;font-weight:500;opacity:.85;border-bottom:1px solid rgba(0,0,0,.08)}.exportSettings__row{display:flex;align-items:center;gap:6px;margin-top:6px}.exportSettings__row:first-of-type{margin-top:0}.exportSettings__label{width:100px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.9}.exportSettings__control{flex:1;min-width:0;display:flex;align-items:center;gap:6px}.exportSettings__control .uiSelectWrap,.exportSettings__control input[type=range]{flex:1;min-width:0}.exportSettings__end{width:52px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.exportSettings__control .exportFieldValue{flex:1;min-width:0}.exportSettings__control .exportButton{flex-shrink:0}.exportSettings .uiSelectWrap{position:relative;display:inline-flex;align-items:center;height:var(--ui-height);border:none;background-color:#fff;border-radius:var(--ui-radius);cursor:pointer;box-sizing:border-box;overflow:hidden;box-shadow:var(--ui-shadow-raised)}.exportSettings .uiSelectWrap:active{box-shadow:var(--ui-shadow-inset)}.exportSettings .uiSelectWrap>select{width:100%;height:100%;font:inherit;border:none;background:transparent;border-radius:inherit;padding:8px 30px 8px 13px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;color:inherit}.exportSettings .uiSelectWrap:after{content:"↓";position:absolute;right:13px;top:calc(50% + 1px);transform:translateY(-50%);color:var(--ui-border-color);opacity:1;pointer-events:none}.exportSettings input[type=range]{--range-h: var(--ui-height);--thumb: 24px;-webkit-appearance:none;appearance:none;height:var(--ui-height);background:#0000000f;border-radius:999px;border:none}.exportSettings input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);height:var(--thumb);border-radius:999px;background:#fff;border:none;box-shadow:0 1px 2px #0000001a,0 6px 12px #00000014}.exportSettings input[type=range]::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border-radius:999px;background:#fff;border:none;box-shadow:0 1px 2px #0000001a,0 6px 12px #00000014}.exportSettings input[type=range]:focus-visible{outline:none;box-shadow:inset 0 1px 2px #00000014,inset 0 -1px 2px #fff9}.exportSettings .uiSliderValue{background:transparent;box-shadow:var(--ui-shadow-inset);color:inherit;opacity:.85}.exportButtons{display:flex;gap:10px;margin-top:22px;padding-top:4px}.exportSettings .exportButton{height:var(--ui-height);padding:6px 14px;border:none;border-radius:var(--ui-radius);background:#fff;color:#000;cursor:pointer;font:inherit;box-shadow:var(--ui-shadow-raised)}.exportSettings .exportButton:active{box-shadow:var(--ui-shadow-inset)}.exportButtons .exportButton{flex:1}.exportSettings .exportButton--primary{background:#000;color:#fff;box-shadow:0 1px 2px #00000026,0 6px 12px #0000001f}.exportSettings .exportButton--primary:active{box-shadow:var(--ui-shadow-inset)}.exportSettings .exportButton:disabled{opacity:.4;cursor:default}.exportFieldValue{flex:1;min-width:0;height:var(--ui-height);padding:6px 12px;border:none;border-radius:var(--ui-radius);background:#fff;display:flex;align-items:center;box-sizing:border-box;font:inherit;color:inherit;opacity:.9;box-shadow:var(--ui-shadow-inset)}.exportInput{width:80px;padding:6px 12px;border:none;border-radius:var(--ui-radius);height:var(--ui-height);box-sizing:border-box;background:#fff;color:#000;font:inherit;font-variant-numeric:tabular-nums;box-shadow:var(--ui-shadow-inset)}.exportInput--filename{width:auto;flex:1;min-width:0;padding:8px 13px}.exportInput:focus{outline:none;background:#00d2c81f;color:#000;box-shadow:inset 0 1px 4px #00507840;-webkit-tap-highlight-color:transparent}.exportInput::selection{background:#00507826}.exportInput::placeholder{color:#0006}.exportInput:focus::placeholder{color:#00507866}#exportMP4Progress{font-family:Studio Feixen Sans,system-ui,sans-serif;color:#000;background:#fff;padding:24px;border-radius:12px;box-shadow:0 8px 30px #00000026;min-width:280px}#exportMP4Progress .exportProgressLabel{margin-bottom:12px;opacity:.9}#exportMP4Progress .exportProgressBarWrap{background:#00000014;border-radius:6px;height:10px;overflow:hidden;margin-bottom:10px}#exportMP4Progress .exportProgressBarFill{background:#000;height:100%;transition:width .1s ease}#exportMP4Progress .exportProgressStats{opacity:.7;margin-bottom:14px}#exportMP4Progress .exportProgressCancel{margin-top:4px;height:var(--ui-height);padding:6px 14px;border:none;border-radius:var(--ui-radius);background:#fff;color:#000;cursor:pointer;font:inherit;box-shadow:var(--ui-shadow-raised)}#exportMP4Progress .exportProgressCancel:active{box-shadow:var(--ui-shadow-inset)}.timeline-control{position:fixed;bottom:37px;right:87px;z-index:15;width:222px;height:222px;user-select:none;-webkit-user-select:none;font-family:Studio Feixen Sans,system-ui,sans-serif;transition:none;pointer-events:none}.timeline-control.is-moving{cursor:grabbing;transform:scale(1.15);transform-origin:center center}.timeline-control.is-moving .timeline-circle{cursor:grabbing}.timeline-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 1px 2px #00000014,0 6px 12px #0000000f;transition:width .15s ease,height .15s ease,background .15s ease;overflow:visible;z-index:2;pointer-events:auto;touch-action:none}.timeline-control.has-rec .timeline-circle{width:80px;height:80px}.timeline-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;display:flex;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:none}.timeline-center.has-subtitle{transform:translate(-50%,-58%)}.timeline-label{color:#000;font-size:inherit;font-weight:500;font-variant-numeric:tabular-nums}.timeline-label.is-icon{font-family:Icons,sans-serif;font-size:3em;transform:translate(2px,-2px);-webkit-font-smoothing:antialiased}.timeline-second-dots{position:absolute;top:50%;left:50%;width:0;height:0;opacity:0;transition:opacity .2s ease}.timeline-second-dot{position:absolute;width:3px;height:3px;background:#00000026;border-radius:50%;top:-24.5px;left:-1.5px;transform-origin:1.5px 26px;transition:top .15s ease,transform-origin .15s ease}.timeline-second-dot.is-start{width:2px;height:9px;border-radius:1px;top:-24.5px;left:-1px;transform-origin:1px 26px}.timeline-second-dot.is-snapped{background:#000}.timeline-second-dot.is-snapped-red{background:red}.timeline-control.is-dragging .timeline-circle{width:80px;height:80px}.timeline-control.is-dragging .timeline-second-dots{opacity:1}.timeline-control.is-dragging .timeline-marker{transform-origin:10px 62px;top:-22px}.timeline-control.is-dragging .timeline-second-dot{top:-33.5px;transform-origin:1.5px 35px}.timeline-control.is-dragging .timeline-second-dot.is-start{top:-33.5px;transform-origin:1px 35px}.timeline-track{display:none}.timeline-marker{position:absolute;top:-22px;left:50%;width:20px;height:20px;margin-left:-10px;background:#111;border-radius:50%;box-shadow:0 0 2px #ffffffb3;z-index:10;transform-origin:10px 53px;pointer-events:auto;cursor:grab;touch-action:none;transition:top .15s ease,transform-origin .15s ease}.timeline-start-markers{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.timeline-start-markers.is-visible{pointer-events:auto}.timeline-start-marker{position:absolute;top:-38px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:transparent;transform-origin:7px 69px;pointer-events:auto;cursor:grab;touch-action:none;scale:0;opacity:0;transition:transform .15s ease,top .15s ease,transform-origin .15s ease,scale .25s cubic-bezier(.34,1.56,.64,1),opacity .2s ease}.timeline-start-markers.is-visible .timeline-start-marker{scale:1;opacity:1}.timeline-start-markers.is-hiding .timeline-start-marker{scale:0;opacity:0;transition:transform .15s ease,top .15s ease,transform-origin .15s ease,scale .2s cubic-bezier(.36,0,.66,-.56),opacity .2s ease}.timeline-start-marker.no-shadow:before{box-shadow:none}.timeline-start-marker:before{content:"";position:absolute;top:0;left:0;width:14px;height:14px;border-radius:50%;background:currentColor;box-shadow:0 1px 3px #0000004d;z-index:1}.timeline-start-marker:after{content:"";position:absolute;top:12px;left:50%;width:2px;margin-left:-1px;height:26px;background:#fff3;border-radius:1px;z-index:0}.timeline-start-marker .start-line{position:absolute;top:12px;left:50%;width:2px;margin-left:-1px;height:26px;background:currentColor;opacity:.45;border-radius:1px;z-index:0}.timeline-start-marker.is-flash{pointer-events:none;scale:0!important;opacity:0!important}.timeline-start-marker.is-flash.is-flash-in{scale:1!important;opacity:1!important;transition:scale .25s cubic-bezier(.34,1.56,.64,1),opacity .2s ease!important}.timeline-start-marker.is-flash.is-flash-out{scale:0!important;opacity:0!important;transition:scale .2s cubic-bezier(.36,0,.66,-.56),opacity .2s ease!important}.timeline-control.is-dragging .timeline-start-marker{transform-origin:7px 78px}.timeline-control.is-dragging-start .timeline-circle{width:80px;height:80px}.timeline-control.is-dragging-start .timeline-second-dots{opacity:1}.timeline-control.is-dragging-start .timeline-start-marker{transform-origin:7px 78px;transition:none!important}.timeline-control.is-dragging-start .timeline-marker{transform-origin:10px 62px;top:-22px}.timeline-stagger-handle{position:absolute;top:-56px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#fff;border:none;box-shadow:0 1px 3px #00000059;transform-origin:7px 87px;pointer-events:auto;cursor:grab;touch-action:none;display:none;z-index:2;scale:0;opacity:0;transition:transform .12s ease,top .12s ease,transform-origin .12s ease,scale .25s cubic-bezier(.34,1.56,.64,1) .05s,opacity .2s ease .05s}.timeline-stagger-handle.is-shown{scale:1;opacity:1}.timeline-start-markers.is-hiding .timeline-stagger-handle{scale:0;opacity:0;transition:transform .12s ease,scale .2s cubic-bezier(.36,0,.66,-.56),opacity .2s ease}.timeline-stagger-handle:hover{box-shadow:0 1px 5px #00000080}.timeline-control.is-dragging-start .timeline-stagger-handle{transform-origin:7px 95px;transition:none!important;top:-55px}.timeline-control.is-dragging-stagger .timeline-stagger-handle{background:#fff;width:10px;height:10px;margin-left:-5px}.timeline-control.is-dragging .timeline-stagger-handle{transform-origin:7px 95px;top:-55px}.timeline-control.is-dragging-start .timeline-second-dot{top:-33.5px;transform-origin:1.5px 35px}.timeline-control.is-dragging-start .timeline-second-dot.is-start{top:-33.5px;transform-origin:1px 35px}.timing-ring-widget{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;flex-shrink:0;padding:0;margin-bottom:0;border-bottom:1px solid rgba(0,0,0,.08);box-sizing:border-box}.timing-ring-widget__labels{position:absolute;top:8px;left:12px;display:flex;flex-direction:column;gap:2px;pointer-events:none;z-index:3}.timing-ring-widget__title{font-weight:400;color:#000;opacity:.7;white-space:nowrap}.timing-ring-widget__loop-tag{position:absolute;top:8px;right:12px;font-size:.8em;font-weight:400;color:#0000004d;background:#0000001a;border-radius:12px;padding:3px 6px;opacity:0;pointer-events:none;z-index:3;transition:opacity .15s}.timing-ring-widget__loop-tag.is-visible{opacity:1;pointer-events:auto;cursor:pointer}.timing-ring-widget__inputs{display:flex;gap:6px;padding:0 0 14px;width:100%;box-sizing:border-box}.timing-ring-widget__input-group{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;min-width:0}.timing-ring-widget__input-label{font-weight:500;white-space:nowrap;line-height:1}.timing-ring-widget__value{width:100%;cursor:text}.timing-ring-widget__value.is-as-drawn{font-style:normal;opacity:.35;text-align:center;justify-content:center}.timing-ring-widget__ring-area{position:relative;width:240px;height:240px;flex-shrink:0;margin:-10px 0}.timing-ring__snap-dots{position:absolute;top:50%;left:50%;width:0;height:0;z-index:0;pointer-events:none}.timing-ring__snap-dot{position:absolute;width:3px;height:3px;background:#00000026;border-radius:50%;top:-34px;left:-1.5px;transform-origin:1.5px 34px}.timing-ring__snap-dot.is-line{width:2px;height:8px;border-radius:1px;top:-34px;left:-1px;transform-origin:1px 34px}.timing-ring__snap-dot.is-snapped{background:#000}.timing-ring__snap-arc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.timing-ring__start-marker{position:absolute;top:calc(50% - 98px);left:calc(50% - 7px);width:14px;height:14px;z-index:3;pointer-events:none}.timing-ring__start-marker:before{content:"";position:absolute;top:0;left:0;width:14px;height:14px;border-radius:50%;background:red;box-shadow:0 1px 3px #0000004d}.timing-ring__start-marker:after{content:"";position:absolute;top:14px;left:50%;width:2px;margin-left:-1px;height:32px;background:red;opacity:.4;border-radius:1px}.timing-ring__time-marker{position:absolute;width:10px;height:10px;background:#000;border-radius:50%;top:calc(50% - 47px);left:calc(50% - 5px);transform-origin:5px 47px;z-index:2;pointer-events:none;transition:background-color 0s}.timing-ring{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.timing-ring.is-visible{opacity:1}.timing-ring.is-visible .timing-ring__arc{pointer-events:fill}.timing-ring__svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.timing-ring__arc{pointer-events:none;cursor:grab}.timing-ring__arc:active{cursor:grabbing}.timing-ring__indicators{position:absolute;top:50%;left:50%;pointer-events:none}.timing-ring__indicator{position:absolute;width:var(--indicator-size, 8px);height:var(--indicator-size, 8px);margin-left:calc(var(--indicator-size, 8px) / -2);margin-top:calc(var(--indicator-size, 8px) / -2);border-radius:50%;transform:rotate(var(--angle, 0deg)) translateY(calc(-1 * var(--orbit-radius, 68px)));opacity:0;pointer-events:none;transition:opacity .15s ease;box-shadow:0 1px 3px #0003;cursor:grab}.timing-ring__indicator.is-visible{opacity:1;pointer-events:auto}.timing-ring__indicator:hover{transform:rotate(var(--angle, 0deg)) translateY(calc(-1 * var(--orbit-radius, 60px))) scale(1.3)}.timing-ring.is-dragging .timing-ring__arc{cursor:grabbing}.timing-ring.is-dragging-appear .timing-ring__arc--appear{filter:brightness(1.2)}.timing-ring.is-dragging-hold .timing-ring__arc--hold{filter:brightness(1.3)}.timing-ring.is-dragging-disappear .timing-ring__arc--disappear{filter:brightness(1.2)}.timing-ring.is-dragging-pause .timing-ring__arc--pause{filter:brightness(1.3)}.timingConfirmDialog{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;touch-action:none}.timingConfirmDialog.is-visible{display:flex}.timingConfirmDialog__backdrop{position:absolute;inset:0;background:#00000059}.timingConfirmDialog__content{position:relative;background:#fff;border-radius:12px;padding:24px;width:min(340px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 8px 30px #00000026;font-family:Studio Feixen Sans,system-ui,sans-serif;color:#000}.timingConfirmDialog__title{margin:0 0 12px;font-size:inherit;font-weight:inherit;text-align:left;opacity:.9}.timingConfirmDialog__message{font-size:14px;line-height:1.5;color:#666;margin-bottom:20px}.timingConfirmDialog__actions{display:flex;gap:12px;justify-content:flex-end}.timingConfirmDialog__btn{height:var(--ui-height, 36px);padding:0 16px;border-radius:var(--ui-radius, 8px);font:inherit;border:none;cursor:pointer;box-shadow:var(--ui-shadow-raised, 0 1px 2px rgba(0,0,0,.08), 0 2px 8px rgba(0,0,0,.06));transition:box-shadow .1s ease;touch-action:manipulation}.timingConfirmDialog__btn:active{box-shadow:var(--ui-shadow-inset, inset 0 1px 3px rgba(0,0,0,.1))}.timingConfirmDialog__btn--cancel{background:#fff;color:#000}.timingConfirmDialog__btn--confirm{background:#000;color:#fff}.transform-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.3);width:300px;height:300px;pointer-events:none;opacity:0;transition:opacity .1s ease,transform .2s ease;z-index:0}.transform-ring.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1);transition:opacity .2s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}.transform-ring__svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:3}.transform-ring__type{pointer-events:none}.transform-ring__type.is-collapsed{cursor:pointer}.transform-ring__type.is-expanded{cursor:default}.transform-ring__type.is-recording .transform-ring__arc--main{animation:ringRecordPulse 1s ease-in-out infinite}@keyframes ringRecordPulse{0%,to{opacity:.55}50%{opacity:.85}}.transform-ring__arc--main,.transform-ring__arc--pause-hitarea{pointer-events:none;cursor:grab;transition:filter .15s ease,opacity .15s ease}.transform-ring.is-visible .transform-ring__arc--main,.transform-ring.is-visible .transform-ring__arc--pause-hitarea{pointer-events:auto}.transform-ring__type.is-collapsed .transform-ring__arc--main{cursor:grab}.transform-ring__type.is-dragging .transform-ring__arc--main,.transform-ring__type.is-dragging .transform-ring__arc--pause-hitarea{cursor:grabbing}.transform-ring__arc--pause,.transform-ring__arc--pause-glow,.transform-ring__ghosts{pointer-events:none}.transform-ring__grip{pointer-events:auto;cursor:grab}.transform-ring__grip-hitarea{transition:fill .15s ease}.transform-ring__grip-bg{opacity:1}.transform-ring__grip:hover .transform-ring__grip-hitarea{fill:transparent}.transform-ring__grip:hover .transform-ring__grip-line{stroke:#ffffffe6}.transform-ring__type.is-dragging .transform-ring__grip{cursor:grabbing}.transform-ring__type.is-dragging-position .transform-ring__grip-hitarea{fill:transparent}.transform-ring__pause-indicator{pointer-events:auto;cursor:grab;transition:transform .1s ease,r .1s ease}.transform-ring__pause-indicator:hover{r:8}.transform-ring__type.is-dragging .transform-ring__pause-indicator{cursor:grabbing}.transform-ring__keypoint-dot{transition:r .15s ease-out,fill .15s ease-out,opacity .15s ease-out;pointer-events:none}.transform-ring__keypoint-dot:hover{r:5;fill:#fffc}.transform-ring__type.is-dragging-keypoint .transform-ring__keypoint-dot{cursor:grabbing}.transform-ring__delete-buttons{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:6}.transform-ring__delete{position:absolute;width:38px;height:38px;border-radius:50%;background:#fff;border:none;color:#f44;font-family:Icons,sans-serif;font-size:3em;line-height:0;padding:0 0 3px 1px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:none;transform:translate(-50%,-50%);transition:background .15s,color .15s,transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 2px 10px #0000002e;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.transform-ring.is-visible .transform-ring__delete{pointer-events:auto}.transform-ring__delete:hover{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 1px 2px #0000001f,0 8px 16px #0000001a;filter:brightness(.85)}.transform-ring__delete--position{background:red;color:#000}.transform-ring__delete--rotate{background:#007aff;color:#000}.transform-ring__delete--scale{background:#00e6c4;color:#000}.transform-ring__delete--opacity{background:#ff9ae4;color:#000}.transform-ring__preset-buttons{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:6}.transform-ring__preset{position:absolute;width:38px;height:38px;border-radius:50%;background:#fff;border:none;color:#000;font-family:Icons,sans-serif;font-size:3em;font-weight:500;line-height:0;display:flex;align-items:center;justify-content:center;padding:0 0 3px;cursor:pointer;pointer-events:none;transform:translate(-50%,-50%);transition:background .15s,color .15s,transform .15s,box-shadow .15s;box-shadow:0 1px 2px #00000014,0 6px 12px #0000000f;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.transform-ring.is-visible .transform-ring__preset{pointer-events:auto}.transform-ring__preset:hover{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 1px 2px #0000001f,0 6px 12px #0000001a}.transform-ring__preset.is-active{background:#000;color:#fff}.transform-ring__preset.is-active:hover{background:#222}@keyframes transformPresetAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}70%{transform:translate(-50%,-50%) scale(1.15)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.transform-ring__preset.is-appearing{animation:transformPresetAppear .2s ease-out both}.transform-ring__preset.is-appearing:nth-child(1){animation-delay:0ms}.transform-ring__preset.is-appearing:nth-child(2){animation-delay:40ms}.transform-ring__preset.is-appearing:nth-child(3){animation-delay:80ms}.transform-ring__preset.is-appearing:nth-child(4){animation-delay:.12s}.transform-ring__preset.is-appearing:nth-child(5){animation-delay:.16s}.transform-ring__preset.is-appearing:nth-child(6){animation-delay:.2s}.transform-ring__preset.is-appearing:nth-child(7){animation-delay:.24s}.transform-ring__rec{position:absolute;z-index:1;width:62px;height:62px;border-radius:50%;background:#f44;border:none;color:#fff;font-family:Studio Feixen Sans,system-ui,sans-serif;font-size:inherit;font-weight:500;font-variant-numeric:tabular-nums;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:none;transform:translate(-50%,-50%);transition:background .15s,transform .15s,box-shadow .15s;box-shadow:0 1px 3px #0000001f,0 6px 16px #0000001a}.transform-ring.is-visible .transform-ring__rec{pointer-events:auto}.transform-ring button,.puppet-ring button,.morph-ring button{touch-action:manipulation}.transform-ring__rec:hover{box-shadow:0 1px 3px #00000026,0 8px 18px #0000001f;filter:brightness(1.08)}.transform-ring__rec:active{transform:translate(-50%,-50%) scale(.95);filter:brightness(.95)}.transform-ring__rec.is-active{background:#f22;color:#fff;animation:recPulse 1.2s ease-in-out infinite}@keyframes recPulse{0%,to{box-shadow:0 0 0 3px #ff22224d,0 2px 8px #f226}50%{box-shadow:0 0 0 6px #ff222226,0 2px 12px #ff222280}}.parallax-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#FF7D00}.timeline-control.has-transform-ring{overflow:visible}.timeline-control.has-transform-ring.is-dragging .timeline-circle{width:80px;height:80px}.timeline-control.has-transform-ring.is-dragging .timeline-second-dots{opacity:1}.timeline-control.has-transform-ring.is-dragging .timeline-second-dot{top:-33.5px;transform-origin:1.5px 35px}.timeline-control.has-transform-ring.is-dragging .timeline-second-dot.is-start{top:-33.5px;transform-origin:1px 35px}.timeline-control.has-transform-ring.is-dragging .timeline-marker{transform-origin:10px 62px;top:-22px}.timeline-control.has-transform-ring.is-dragging .transform-ring{transform:translate(-50%,-50%) scale(1.1)}.timeline-control.has-transform-ring .timeline-second-dots{opacity:0}.timeline-control.has-transform-ring.is-dragging .timeline-second-dots,.timeline-control.has-transform-ring.is-dragging-transform .timeline-second-dots{opacity:1}.timeline-control.has-transform-ring.is-dragging-transform .timeline-circle{width:80px;height:80px}.timeline-control.has-transform-ring.is-dragging-transform .timeline-second-dot{top:-33.5px;transform-origin:1.5px 35px}.timeline-control.has-transform-ring.is-dragging-transform .timeline-second-dot.is-start{top:-33.5px;transform-origin:1px 35px}.timeline-control.has-transform-ring.is-dragging-transform .timeline-marker{transform-origin:10px 62px;top:-22px}.timeline-harmonic-dots{position:absolute;top:50%;left:50%;width:0;height:0;opacity:0;overflow:visible;transition:opacity .15s ease}.timeline-harmonic-dot{position:absolute;width:3px;height:3px;background:#00000026;border-radius:50%;top:-33.5px;left:-1.5px;transform-origin:1.5px 35px}.timeline-harmonic-dot.is-snapped{background:#000}.timeline-harmonic-arc{position:absolute;top:50%;left:50%;width:80px;height:80px;transform:translate(-50%,-50%);pointer-events:none}.timeline-control.has-transform-ring.is-dragging-transform .transform-ring{transform:translate(-50%,-50%) scale(1.1)}.transform-ring__type.is-dragging-pause .transform-ring__arc--pause{filter:brightness(1.5)}.transform-ring__type.is-dragging-position .transform-ring__grip-line{stroke:#fff;stroke-width:2}.puppet-ring{position:absolute;top:50%;left:50%;width:300px;height:300px;transform:translate(-50%,-50%) scale(0);pointer-events:none;opacity:0;transition:transform .32s cubic-bezier(.4,0,.2,1),opacity .25s ease}.puppet-ring.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.puppet-ring__svg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}.puppet-ring__type{pointer-events:none}.puppet-ring__type.is-recording .puppet-ring__arc--main{animation:ringRecordPulse 1s ease-in-out infinite}.puppet-ring__arc--main,.puppet-ring__arc--pause-hitarea{pointer-events:none;cursor:grab}.puppet-ring.is-visible .puppet-ring__arc--main,.puppet-ring.is-visible .puppet-ring__arc--pause-hitarea{pointer-events:auto}.puppet-ring__arc--main:hover{filter:none}.puppet-ring__type.is-dragging .puppet-ring__arc--main,.puppet-ring__type.is-dragging .puppet-ring__arc--pause-hitarea{cursor:grabbing}.puppet-ring__arc--pause,.puppet-ring__arc--pause-glow,.puppet-ring__ghosts{pointer-events:none}.puppet-ring__grip{pointer-events:auto;cursor:grab}.puppet-ring__grip-hitarea{transition:fill .15s ease}.puppet-ring__grip-bg{opacity:1}.puppet-ring__grip:hover .puppet-ring__grip-hitarea{fill:transparent}.puppet-ring__grip:hover .puppet-ring__grip-line{stroke:#ffffffe6}.puppet-ring__type.is-dragging .puppet-ring__grip{cursor:grabbing}.puppet-ring__type.is-dragging-position .puppet-ring__grip-hitarea{fill:transparent}.puppet-ring__keypoint-dot{transition:fill .1s ease}.puppet-ring__pause-indicator{pointer-events:auto;cursor:grab}.puppet-ring__pause-indicator:hover{r:8}.puppet-ring__type.is-dragging .puppet-ring__pause-indicator{cursor:grabbing}.puppet-ring__delete-buttons{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:6}.puppet-ring__delete{position:absolute;width:38px;height:38px;border-radius:50%;border:none;background:#b300ff;color:#000;font-family:Icons,sans-serif;font-size:3em;line-height:0;padding:0 0 3px 1px;box-sizing:border-box;cursor:pointer;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 2px 10px #0000002e;transition:transform .15s ease,box-shadow .15s ease;display:flex;align-items:center;justify-content:center;z-index:5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.puppet-ring.is-visible .puppet-ring__delete{pointer-events:auto}.puppet-ring__delete:hover{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 1px 2px #0000001f,0 8px 16px #0000001a}.puppet-ring__rec{position:absolute;width:62px;height:62px;border-radius:50%;background:#f44;border:none;color:#fff;font-family:Studio Feixen Sans,system-ui,sans-serif;font-size:inherit;font-weight:500;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:none;transform:translate(-50%,-50%);transition:background .15s,transform .15s,box-shadow .15s;box-shadow:0 1px 3px #0000001f,0 6px 16px #0000001a;z-index:5}.puppet-ring.is-visible .puppet-ring__rec{pointer-events:auto}.puppet-ring__rec:hover{box-shadow:0 1px 3px #00000026,0 8px 18px #0000001f;filter:brightness(1.08)}.puppet-ring__rec:active{transform:translate(-50%,-50%) scale(.95);filter:brightness(.95)}.puppet-ring__rec.is-active{background:#f22;color:#fff;animation:recPulse 1.2s ease-in-out infinite}.puppet-ring__preset-buttons{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:6}.puppet-ring__preset{position:absolute;width:38px;height:38px;border-radius:50%;background:#fff;border:none;color:#000;font-family:Icons,sans-serif;font-size:3em;font-weight:500;line-height:0;display:flex;align-items:center;justify-content:center;padding:0 0 3px;cursor:pointer;pointer-events:none;transform:translate(-50%,-50%);transition:background .15s,color .15s,transform .15s,box-shadow .15s;box-shadow:0 1px 2px #00000014,0 6px 12px #0000000f;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.puppet-ring.is-visible .puppet-ring__preset{pointer-events:auto}.puppet-ring__preset:hover{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 1px 2px #0000001f,0 6px 12px #0000001a}.puppet-ring__preset.is-active{background:#000;color:#fff}.puppet-ring__preset.is-active:hover{background:#222}@keyframes puppetPresetAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}70%{transform:translate(-50%,-50%) scale(1.15)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.puppet-ring__preset.is-appearing{animation:puppetPresetAppear .2s ease-out both}.puppet-ring__preset.is-appearing:nth-child(1){animation-delay:0ms}.puppet-ring__preset.is-appearing:nth-child(2){animation-delay:40ms}.puppet-ring__preset.is-appearing:nth-child(3){animation-delay:80ms}.puppet-ring__preset.is-appearing:nth-child(4){animation-delay:.12s}.puppet-ring__preset.is-appearing:nth-child(5){animation-delay:.16s}.puppet-ring__preset.is-appearing:nth-child(6){animation-delay:.2s}.puppet-ring__preset.is-appearing:nth-child(7){animation-delay:.24s}.timeline-control.has-puppet-ring.is-dragging-puppet .puppet-ring{transform:translate(-50%,-50%) scale(1.1)}.puppet-ring__type.is-dragging-duration .puppet-ring__arc--main{filter:none}.puppet-ring__type.is-dragging-pause .puppet-ring__arc--pause{filter:brightness(1.5)}.puppet-ring__type.is-dragging-position .puppet-ring__grip-line{stroke:#fff;stroke-width:3}.section-activate-dot{width:15px;height:15px;border-radius:50%;background:#00000026;border:opx solid rgba(0,0,0,.2);cursor:pointer;transition:background .15s,border-color .15s;flex-shrink:0}.section-activate-dot:hover{background:#00000040;border-color:#0000004d}.section-activate-dot.is-active{background:#000;border-color:#000}.section-activate-dot.is-active:hover{background:#333;border-color:#333}.section-presets-wrapper{position:relative;display:flex;align-items:center;flex-shrink:0}.section-presets-btn{width:30px!important;height:30px!important;min-width:30px;min-height:30px;max-width:30px;max-height:30px;border:none!important;background:#fff;color:#000000b3;font-size:20px;font-weight:300;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0!important;border-radius:50%!important;transition:background .15s,color .15s;flex-shrink:0;box-sizing:border-box}.section-presets-btn:hover{background:#f0f0f0;color:#000000e6}.section-reset-btn{width:30px!important;height:30px!important;min-width:30px;min-height:30px;max-width:30px;max-height:30px;border:none!important;background:#fff;color:#000000b3;font-size:20px;font-weight:300;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0!important;border-radius:50%!important;transition:background .15s,color .15s;flex-shrink:0;box-sizing:border-box}.section-reset-btn:hover{background:#f0f0f0;color:#000000e6}.section-presets-menu{position:fixed;min-width:160px;max-width:220px;background:#fff;border-radius:10px;box-shadow:0 4px 20px #00000026,0 0 0 1px #0000000d;z-index:10000;overflow:hidden;animation:sectionPresetsMenuIn .15s ease-out}@keyframes sectionPresetsMenuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.section-presets-item{padding:8px 12px;margin:4px 8px;font-size:inherit;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;gap:6px;border-radius:var(--ui-radius);transition:background .1s}.section-presets-item:not(.is-selected):not(.section-presets-save){opacity:.6}.section-presets-item:hover{background:#0000000d}.section-presets-item.is-selected{background:#000;color:#fff}.section-presets-item.is-selected .section-presets-item-delete{color:#fff9}.section-presets-item.is-selected .section-presets-item-delete:hover{background:#fff3;color:#fff}.section-presets-save{color:#000000b3;font-weight:500;justify-content:center;padding:8px 16px;margin:8px;background:#fff;border-radius:var(--ui-radius);font-size:inherit;box-shadow:var(--ui-shadow-raised);transition:box-shadow .1s}.section-presets-save:hover{box-shadow:0 1px 2px #0000001f,0 8px 16px #0000001a}.section-presets-divider{height:1px;background:#00000014;margin:4px 0}.section-presets-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-presets-item-name--active{color:#0009}.section-presets-item-delete{width:18px;height:18px;border:none;background:transparent;color:#0006;font-size:inherit;font-weight:600;cursor:pointer;border-radius:50%;display:flex;flex-shrink:0;margin-left:auto;align-items:center;justify-content:center;transition:background .1s,color .1s}.section-presets-item-delete:hover{background:#dc35451a;color:#dc3545}.settings-tab-bar{display:flex;gap:0;background:#0000000a;border-radius:var(--ui-radius);padding:3px;margin-bottom:-4px}#settingsWrap .settings-tab{flex:1;height:calc(var(--ui-height) - 6px);border:none!important;background:transparent;color:inherit;font-size:inherit;font-weight:500;cursor:pointer;border-radius:calc(var(--ui-radius) - 2px);box-shadow:none;opacity:.4;transition:opacity .15s ease,background .15s ease,box-shadow .15s ease}#settingsWrap .settings-tab:hover{opacity:.6}#settingsWrap .settings-tab.is-active{background:#fff;color:inherit;opacity:1;box-shadow:var(--ui-shadow-raised)}.style-presets-row{position:relative;margin-bottom:10px}.style-presets-btn{width:100%;height:40px;border:1px dashed rgba(0,0,0,.2)!important;background:#00000005;color:#0009;font-size:13px;cursor:pointer;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .15s,border-color .15s,color .15s}.style-presets-btn:hover{background:#0000000a;border-color:#0000004d!important;color:#000c}.style-presets-btn.is-open{background:#0000000f;border-color:#0000004d!important}.style-presets-btn__icon{font-size:16px;font-weight:300;line-height:1}.style-presets-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border-radius:10px;box-shadow:0 4px 20px #00000026,0 0 0 1px #0000000d;z-index:1000;overflow:hidden;animation:stylePresetsMenuIn .15s ease-out}@keyframes stylePresetsMenuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.style-presets-menu__item{padding:10px 12px;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:background .1s}.style-presets-menu__item:hover{background:#0000000d}.style-presets-menu__item--save{color:#0009;font-weight:500}.style-presets-menu__divider{height:1px;background:#00000014;margin:4px 0}.style-presets-menu__item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-presets-menu__item-delete{width:24px;height:24px;border:none!important;background:transparent;color:#0000004d;font-size:16px;font-weight:500;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .1s,color .1s}.style-presets-menu__item-delete:hover{background:#dc35451a;color:#dc3545}#params>div.is-disabled{opacity:.5;cursor:pointer}#params>div.is-disabled>button{pointer-events:auto}#params>div.is-disabled>div:last-child{pointer-events:none}#params>div.is-disabled .section-activate-dot{pointer-events:auto;opacity:1}.phase-header-root{display:block!important;width:100%}.phase-body{display:block;width:100%}.morph-ring{position:absolute;top:50%;left:50%;width:300px;height:300px;transform:translate(-50%,-50%) scale(0);pointer-events:none;opacity:0;transition:transform .32s cubic-bezier(.4,0,.2,1),opacity .25s ease}.morph-ring.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1);touch-action:none}.morph-ring.is-preview{opacity:.55;transform:translate(-50%,-50%) scale(.88);pointer-events:auto;cursor:pointer;touch-action:none}.morph-ring.is-preview:hover{opacity:.75;transform:translate(-50%,-50%) scale(.91)}.morph-ring__svg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}.morph-ring__hitarea{pointer-events:none}.morph-ring.is-visible .morph-ring__hitarea,.morph-ring.is-preview .morph-ring__hitarea{pointer-events:auto}.morph-ring__type,.morph-ring__arc--main{pointer-events:none}.morph-ring.is-visible .morph-ring__arc--main{pointer-events:auto}.timeline-control.has-morph-ring.is-dragging .morph-ring.is-visible{transform:translate(-50%,-50%) scale(1.1)}.morph-ring__keyframe-dot{transition:r .15s ease,fill .15s ease}.morph-ring__keyframe-dot:hover{filter:brightness(1.2)}.morph-ring__keyframe-dot.is-selected{filter:none}.morph-ring__buttons{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:6}.morph-ring__delete{position:absolute;transform:translate(-50%,-50%);border:none;cursor:pointer;pointer-events:none;z-index:2;-webkit-tap-highlight-color:transparent;font-family:Icons,sans-serif;transition:transform .15s ease,box-shadow .15s ease;width:38px;height:38px;border-radius:50%;background:#fc0;color:#000;font-size:3em;line-height:0;padding:0 0 3px 1px;box-sizing:border-box;text-align:center;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0000002e;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.morph-ring.is-visible .morph-ring__delete{pointer-events:auto}.morph-ring__delete:hover{transform:translate(-50%,-50%) scale(1.15);background:#e6b800}.morph-ring__preset-buttons{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.morph-ring__preset{position:absolute;width:38px;height:38px;border-radius:50%;background:#fff;border:none;color:#000;font-family:Icons,sans-serif;font-size:3em;font-weight:500;line-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0 0 3px;cursor:pointer;pointer-events:none;transform:translate(-50%,-50%);transition:background .15s,color .15s,transform .15s,box-shadow .15s;box-shadow:0 1px 2px #00000014,0 6px 12px #0000000f;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.morph-ring.is-visible .morph-ring__preset{pointer-events:auto}.morph-ring__preset:hover{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 1px 2px #0000001f,0 6px 12px #0000001a}.morph-ring__preset.is-active{background:#000;color:#fff}.morph-ring__preset.is-active:hover{background:#222}#morphSettingsWrap{top:85px;left:84px}#morphParamsScroll{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0;max-height:calc(100vh - 150px);overscroll-behavior:contain;margin:0 -10px -10px;padding:10px;scrollbar-width:none;-ms-overflow-style:none}#morphParamsScroll::-webkit-scrollbar{display:none}#morphParams{display:flex;flex-direction:column}#morphSettingsWrap .uiSelectWrap{flex:1;position:relative;display:inline-flex;align-items:center;height:var(--ui-height);border:none;background-color:#fff;border-radius:var(--ui-radius);cursor:pointer;box-sizing:border-box;overflow:hidden;box-shadow:var(--ui-shadow-raised)}#morphSettingsWrap .uiSelectWrap:active{box-shadow:var(--ui-shadow-inset)}#morphSettingsWrap .uiSelectWrap>select{width:100%;height:100%;font:inherit;border:none;background:transparent;border-radius:inherit;padding:6px 30px 6px 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}#morphSettingsWrap .uiSelectWrap:after{content:"↓";position:absolute;right:13px;top:calc(50% + 1px);transform:translateY(-50%);color:var(--ui-border-color);opacity:1;pointer-events:none;font:inherit;line-height:1}#morphSettingsWrap .ps-label{width:90px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.9}#layerTransformTool{position:fixed;z-index:15;pointer-events:none;transform:translate(-50%,-50%)}.lt-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:3px solid rgba(0,0,0,.25);border-radius:50%;pointer-events:none;transition:opacity .15s ease}.lt-circle--glow{border-color:#ffffff40}#layerTransformTool:has(.is-dragging) .lt-circle{opacity:.3}.lt-handle{position:absolute;width:44px;height:44px;border-radius:50%;transform:translate(-50%,-50%);cursor:grab;pointer-events:auto;touch-action:none;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#000;box-shadow:0 2px 8px #00000040,0 1px 3px #00000026;transition:width .15s ease,height .15s ease,box-shadow .15s ease,opacity .15s ease;user-select:none;overflow:visible}.lt-handle:hover{box-shadow:0 4px 12px #0000004d,0 2px 4px #0003}.lt-handle-pulse{position:fixed;width:90px;height:90px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid var(--pulse-color, #FF0000);background:none;pointer-events:none;z-index:660;animation:lt-handle-pulse .4s ease-out forwards}@keyframes lt-handle-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.3}to{transform:translate(-50%,-50%) scale(1.6);opacity:0}}.lt-keypoint-pulse{position:fixed;width:16px;height:16px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid var(--pulse-color, #FF0000);background:none;pointer-events:none;z-index:660;animation:lt-keypoint-pulse .4s ease-out forwards}@keyframes lt-keypoint-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.7}50%{transform:translate(-50%,-50%) scale(2.2);opacity:.3}to{transform:translate(-50%,-50%) scale(3);opacity:0}}.lt-track-burst{position:fixed;width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%);background:none;border:2px solid var(--burst-color, #007AFF);pointer-events:none;z-index:660;animation:lt-track-burst .5s ease-out forwards}@keyframes lt-track-burst{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(2);opacity:.4}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.puppet-pin-pulse{position:fixed;width:44px;height:44px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid var(--pulse-color, #b300ff);background:none;pointer-events:none;z-index:660;animation:puppet-pin-pulse .4s ease-out forwards}@keyframes puppet-pin-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.3}to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}.lt-handle.is-dragging{cursor:grabbing;width:80px;height:80px;box-shadow:0 6px 16px #00000059,0 3px 6px #00000040;z-index:10}.lt-handle.is-muted{width:26px;height:26px;opacity:.4;box-shadow:0 1px 4px #00000026}.lt-handle.is-muted .lt-value,.lt-handle.is-muted .lt-icon{opacity:0}.lt-handle.is-muted .lt-anim-btn{opacity:0;pointer-events:none}.lt-handle .lt-icon{font-family:Icons,sans-serif;font-size:3em;font-weight:500;line-height:0;display:flex;align-items:center;justify-content:center;z-index:1;margin-top:-5px;transition:opacity .15s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lt-handle .lt-value{font-family:Studio Feixen Sans,system-ui,sans-serif;font-size:inherit;font-weight:500;white-space:nowrap;line-height:1.2;text-align:center;position:relative;z-index:1;transition:opacity .15s ease;display:none}.lt-handle.is-dragging .lt-icon{display:none}.lt-handle.is-dragging .lt-value{display:block}.lt-position .lt-value{white-space:pre-line}.lt-position .lt-icon{margin-left:1px}.lt-anchor{background:#666;width:20px;height:20px}.lt-anchor.is-dragging{width:26px;height:26px}.lt-anchor.is-locked{cursor:not-allowed;opacity:.4}.lt-handle.is-parallax-disabled{background:#d0d0d0!important;cursor:not-allowed;pointer-events:none}.lt-handle.is-parallax-disabled .lt-icon{color:#999!important}.lt-handle.is-parallax-locked{cursor:not-allowed}.lt-position.is-parallax{background:#ff7d00}.lt-parallax-dot{display:none;position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;background:#ff7d00;color:#fff;font-family:Studio Feixen Sans,system-ui,sans-serif;font-size:10px;font-weight:700;line-height:18px;text-align:center;border:2px solid #fff;box-shadow:0 1px 3px #0000004d;z-index:10;pointer-events:none}.lt-handle.is-muted .lt-parallax-dot,.lt-handle.is-dragging .lt-parallax-dot{display:none!important}.lt-position{background:red}.lt-rotate{background:#007aff}.lt-scale{background:#00e6c4}.lt-opacity{background:#ff9ae4}#perfMonitor{position:fixed;bottom:12px;left:12px;z-index:100;display:flex;align-items:center;gap:5px;font:inherit;font-size:10px;font-variant-numeric:tabular-nums;line-height:1;color:#0000004d;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#perfMonitor>span,#perfMonitor>button{background:#ffffff80;border-radius:5px}#perfMonitor>span{padding:4px 6px}#perfMonitor.perf-warning #perfFps{color:#c90}#perfMonitor.perf-danger #perfFps{color:#c00}#perfStrokes{display:inline-flex;align-items:center;gap:3px}.perfStrokes__icon{font-family:Icons,sans-serif;font-size:14px;line-height:0;-webkit-font-smoothing:antialiased;background:none!important;padding:0!important}#perfSave{pointer-events:auto;cursor:pointer;touch-action:manipulation;transition:background .2s,color .2s}#perfSave:hover{background:#ffffffe6;color:#000000b3}#perfSave.save-active{color:#07a}@keyframes savePulse{0%,to{opacity:1}50%{opacity:.4}}#perfSave.save-active{animation:savePulse 1s ease-in-out infinite}#perfSave.save-error{color:#c00}#snapPill{pointer-events:auto;cursor:pointer;touch-action:manipulation;border:none;font:inherit;font-size:10px;line-height:1;color:#0000004d;display:inline-flex;align-items:center;gap:4px;padding:5px 7px;box-sizing:border-box;transition:background .15s;position:relative}#snapPill:hover{background:#ffffffe6;color:#00000080}.snapPill__dot{width:7px;height:7px;border-radius:50%;background:#00000026;transition:background .15s;flex-shrink:0}.snapPill__dot.is-on[data-snap=smart]{background:#00c8dc}.snapPill__dot.is-on[data-snap=point]{background:#dc32a0}.snapPill__dot.is-on[data-snap=angle]{background:#50c850}.snapPill__guide{width:7px;height:7px;border-radius:2px;background:#00000026;transition:background .15s;flex-shrink:0;margin-left:1px}.snapPill__guide.is-on{background:#000000b3}#snapPopup{display:none;position:fixed;z-index:101;background:#fff;border-radius:var(--ui-radius);box-shadow:0 1px 2px #00000014,0 6px 12px #0000001a;padding:14px 16px;width:260px;font-size:var(--app-font-size);font-family:Studio Feixen Sans,system-ui,sans-serif;color:#000000b3;pointer-events:auto}#snapPopup.is-visible{display:block}.snapPopup__arrow{position:absolute;bottom:-12px;width:24px;height:12px;background:#fff;clip-path:path("M 0 0 C 4 0, 9 12, 12 12 C 15 12, 20 0, 24 0 Z");z-index:1}.snapPopup__title{height:var(--ui-height);display:flex;align-items:center;background:#00000008;border-radius:var(--ui-radius);padding:0 13px;box-shadow:var(--ui-shadow-raised);opacity:.85;margin-bottom:4px}.snapPopup__title+.snapPopup__title,.snapPopup__sep+.snapPopup__title{margin-top:4px}.snapPopup__row{display:flex;align-items:center;gap:8px;padding:6px 0}.snapPopup__row--sub{padding-left:4px;opacity:.7}.snapPopup__row--slider{gap:8px}.snapPopup__dot{width:9px;height:9px;border-radius:50%;background:#00000026;flex-shrink:0;transition:background .15s}.snapPopup__row[data-snap=smart] .snapPopup__dot.is-on{background:#00c8dc}.snapPopup__row[data-snap=point] .snapPopup__dot.is-on{background:#dc32a0}.snapPopup__row[data-snap=angle] .snapPopup__dot.is-on{background:#50c850}.snapPopup__guideIcon{width:9px;height:9px;border-radius:2px;background:#00000026;transition:background .15s;flex-shrink:0}.snapPopup__row[data-snap=guidelines] .snapPopup__guideIcon.is-on{background:#000000b3}.snapPopup__label{flex:1;white-space:nowrap}.snapPopup__toggle{display:flex;gap:0;height:var(--ui-height);background:#0000000a;border-radius:var(--ui-radius);padding:3px;flex-shrink:0;box-sizing:border-box}.snapPopup__toggle button{flex:1;border:none;background:transparent;font:inherit;height:calc(var(--ui-height) - 6px);padding:0 10px;border-radius:calc(var(--ui-radius) - 2px);cursor:pointer;opacity:.4;transition:opacity .15s ease,background .15s ease,box-shadow .15s ease}.snapPopup__toggle button.is-active{background:#fff;opacity:1;box-shadow:var(--ui-shadow-raised)}.snapPopup__sep{display:none}.snapPopup__slider{--range-h: var(--ui-height);--thumb: 24px;--inset: calc((var(--range-h) - var(--thumb)) / 2);flex:1;-webkit-appearance:none;appearance:none;height:var(--ui-height);max-height:var(--ui-height);box-sizing:border-box;background:#0000000d;border:none;border-radius:999px;padding:0 var(--inset);margin:0;cursor:pointer;box-shadow:var(--ui-shadow-inset)}.snapPopup__slider::-webkit-slider-runnable-track{height:var(--range-h);background:transparent;border:none;border-radius:999px;margin:0}.snapPopup__slider::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);height:var(--thumb);border-radius:999px;background:#fff;border:none;box-shadow:0 1px 2px #0000001a,0 6px 12px #00000014;margin-top:var(--inset);cursor:pointer}.snapPopup__slider::-moz-range-track{height:var(--range-h);background:transparent;border:none;border-radius:999px;margin:0}.snapPopup__slider::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border-radius:999px;background:#fff;border:none;box-shadow:0 1px 2px #0000001a,0 6px 12px #00000014;cursor:pointer}.snapPopup__sliderVal{height:var(--ui-height);display:inline-flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums;min-width:36px;padding:0 4px;box-shadow:var(--ui-shadow-inset);border-radius:var(--ui-radius);text-align:center;opacity:.7;box-sizing:border-box}.lt-snap-zone{position:fixed;width:120px;height:120px;border-radius:50%;transform:translate(-50%,-50%);display:none;pointer-events:none;z-index:650}.lt-snap-zone .lt-snap-inner{position:absolute;top:50%;left:50%;width:80px;height:80px;transform:translate(-50%,-50%);border:2px dashed rgba(255,0,0,.4);border-radius:50%;transition:all .15s ease}.lt-snap-zone.is-near .lt-snap-inner{width:100px;height:100px;border-color:red;border-style:solid;background:#ff000026;box-shadow:0 0 15px #ff000080}.lt-snap-zone.is-parallax .lt-snap-inner{border-color:#ff7d0066}.lt-snap-zone.is-parallax.is-near .lt-snap-inner{border-color:#ff7d00;background:#ff7d0026;box-shadow:0 0 15px #ff7d0080}.lt-scale-snap-zone{position:fixed;width:120px;height:120px;border-radius:50%;transform:translate(-50%,-50%);display:none;pointer-events:none;z-index:650}.lt-scale-snap-zone .lt-snap-inner{position:absolute;top:50%;left:50%;width:80px;height:80px;transform:translate(-50%,-50%);border:2px dashed rgba(0,204,204,.4);border-radius:50%;transition:all .15s ease}.lt-scale-snap-zone.is-near .lt-snap-inner{width:100px;height:100px;border-color:#00e6c4;border-style:solid;background:#00cccc26;box-shadow:0 0 15px #00cccc80}.lt-rotate-snap-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:650}.lt-rotate-snap-marker{--proximity: 0;position:absolute;transform:translate(-50%,-50%);width:calc(6px + 40px * var(--proximity));height:calc(6px + 40px * var(--proximity));border-radius:50%;border:none;background:rgba(85,136,255,calc(.3 + .4 * var(--proximity)));transition:width .12s ease-out,height .12s ease-out,background .12s ease-out,box-shadow .12s ease-out;display:flex;align-items:center;justify-content:center}.lt-rotate-snap-marker.is-major{width:calc(10px + 36px * var(--proximity));height:calc(10px + 36px * var(--proximity));background:rgba(85,136,255,calc(.5 + .3 * var(--proximity)))}.lt-rotate-snap-marker.is-loop-snap{width:100px;height:100px;background:#5588ff26;border:2px solid #5588FF;box-shadow:0 0 20px #58f9}.lt-rotate-snap-marker.is-near{width:80px;height:80px;background:#5588ff2e;border:2px solid #5588FF;box-shadow:0 0 15px #5588ff80}.lt-rotate-snap-label{font:500 16px/1 Studio Feixen Sans,system-ui,sans-serif;color:rgba(85,136,255,calc(.5 * var(--proximity)));white-space:nowrap;pointer-events:none;transition:color .12s ease-out}.lt-rotate-snap-marker.is-near .lt-rotate-snap-label{color:#58f}.lt-path-canvas{position:fixed;left:0;top:0;pointer-events:none;touch-action:none;z-index:14}.lt-progress-ring{position:absolute;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);pointer-events:none;transform:rotate(-90deg);display:none!important;z-index:0}.lt-handle.is-recording .lt-progress-ring{display:block!important}.lt-progress-bg{fill:none;stroke:#ffffff4d;stroke-width:3}.lt-progress-fill{fill:none;stroke:#ffffffe6;stroke-width:3;stroke-linecap:round}.lt-anim-btn{pointer-events:none!important;position:absolute;width:24px;height:24px;border-radius:50%;border:none;font-size:14px;line-height:1;cursor:pointer;box-shadow:0 1px 4px #0003;display:none!important;align-items:center;justify-content:center;padding:0;pointer-events:none;z-index:5}.lt-handle.has-recording .lt-anim-btn{display:none!important;pointer-events:none}.lt-delete-btn{background:#fff;color:#f44;font-family:Icons,sans-serif;font-size:3em;font-weight:400;line-height:0;padding-bottom:4px;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lt-anim-btn:hover{transform:scale(1.1)}.lt-position .lt-delete-btn{top:-28px;left:50%;transform:translate(-50%)}.lt-rotate .lt-delete-btn{right:-28px;top:50%;transform:translateY(-50%)}.lt-scale .lt-delete-btn{bottom:-28px;left:50%;transform:translate(-50%)}.lt-opacity .lt-delete-btn{left:-28px;top:50%;transform:translateY(-50%)}#versionIndicator{position:fixed;bottom:12px;right:12px;z-index:100;font:inherit;font-size:10px;color:#666;background:#ffffff80;padding:4px 6px;border-radius:5px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#galleryView{position:fixed;inset:0;z-index:5000;background:#f5f5f5;display:none;flex-direction:column;overflow:hidden;font-family:Studio Feixen Sans,system-ui,sans-serif;-webkit-overflow-scrolling:touch}#galleryView.is-visible{display:flex}#galleryHeader{position:absolute;top:0;left:0;right:0;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;z-index:3;background:#f5f5f5}#galleryView:after{content:"";position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,#f5f5f5 39%,#f5f5f500);pointer-events:none;z-index:2}#galleryTitle{font-size:1.5em;font-weight:500;color:#000;display:flex;align-items:center;gap:4px}#galleryGrid{flex:1 1 auto;position:relative;z-index:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding:110px 24px 48px;min-height:0;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;align-content:start;align-items:center}@media(max-width:900px){#galleryGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){#galleryGrid{grid-template-columns:1fr}}.galleryCard{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:transform .15s ease}.galleryCard:active{transform:scale(.98)}.galleryCard--create{background:transparent;border:none;font:inherit;color:inherit;text-align:center;padding:0;align-self:center}.galleryCard__thumbWrap--create{min-height:100px;display:flex;align-items:center;justify-content:center}.galleryCard--create .galleryCard__createCircle{position:relative;width:120px;height:120px;background:#0000000a;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.galleryCard--create:hover .galleryCard__createCircle{background:#0000000f}.galleryCard__icon{font-family:Icons,sans-serif;font-size:5em;color:#0000004d;line-height:0;pointer-events:none;-webkit-font-smoothing:antialiased;position:relative;top:-4px}.galleryCard__shortcut{position:absolute;bottom:6px;right:8px;font-size:.75em;font-weight:600;color:#00000040;text-transform:uppercase;pointer-events:none}.galleryCard__label{color:#00000080;pointer-events:none}.galleryCard--project{position:relative}.galleryCard__thumbWrap{width:100%;container-type:inline-size;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.galleryCard__thumbInner{position:relative;display:inline-flex}.galleryCard__thumb{width:auto;height:auto;max-width:100%;max-height:min(100cqi,300px);border-radius:8px;box-shadow:0 2px 8px #0000001f;transition:box-shadow .15s ease,transform .15s ease;pointer-events:none}.galleryCard__thumbPlaceholder{width:100%;aspect-ratio:1 / 1;max-height:min(100cqi,300px);background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001f;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;color:#0000001f}.galleryCard__optionsBtn{position:absolute;top:6px;right:6px;width:40px;height:40px;border:none;border-radius:50%;background:#ffffffbf;font-family:Icons,sans-serif;font-size:54px;line-height:0;padding-bottom:3px;-webkit-font-smoothing:antialiased;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--ui-shadow-raised);opacity:0;transition:opacity .15s ease;pointer-events:auto;z-index:2;touch-action:manipulation}.galleryCard--project:hover .galleryCard__optionsBtn,.galleryCard__optionsBtn:focus-visible{opacity:1}@media(hover:none){.galleryCard__optionsBtn{opacity:1}}.galleryCard__optionsBtn:active{box-shadow:var(--ui-shadow-inset)}.galleryCard--project:hover .galleryCard__thumb{box-shadow:0 4px 16px #0000002e}.galleryCard__info{padding:12px 4px 0;text-align:center;width:100%}.galleryCard__name{font-weight:500;font-size:16px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:1px}.galleryCard__meta{font-size:16px;color:#00000073;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.galleryCard.is-dragging{opacity:.5}.galleryCard.is-dragging .galleryCard__thumb,.galleryCard.is-dragging .galleryCard__thumbWrap{transform:scale(.95)}.galleryCard.is-drop-before,.galleryCard.is-drop-after{position:relative}.galleryCard.is-drop-before:before,.galleryCard.is-drop-after:after{content:"";position:absolute;top:0;bottom:0;width:3px;background:#007aff;border-radius:2px;z-index:2;pointer-events:none}.galleryCard.is-drop-before:before{left:-12px}.galleryCard.is-drop-after:after{right:-12px}.galleryCard.is-pressed .galleryCard__thumb{transform:scale(.97);box-shadow:0 0 0 3px #00000026}.galleryContextMenu{position:fixed;z-index:6000;background:#fff;border-radius:12px;box-shadow:0 8px 30px #0003;padding:6px;min-width:160px;display:none;flex-direction:column;overflow:visible}.galleryContextMenu.is-visible{display:flex}.galleryContextMenu:before{content:"";position:absolute;top:-12px;left:var(--arrow-left, 20px);width:24px;height:12px;background:#fff;clip-path:path("M 0 12 C 4 12, 9 0, 12 0 C 15 0, 20 12, 24 12 Z");z-index:1;display:none}.galleryContextMenu.has-arrow:before{display:block}.galleryContextMenu__item{padding:12px 16px;border:none;background:transparent;text-align:left;cursor:pointer;border-radius:8px;font:inherit;color:#000}.galleryContextMenu__item:hover{background:#0000000f}.galleryContextMenu__item:active{background:#0000001a}.galleryContextMenu__item--danger{color:#f44}.galleryContextMenu__item--danger:hover{background:#ff44441a}.galleryDialog{position:fixed;inset:0;z-index:7000;display:none;align-items:center;justify-content:center}.galleryDialog.is-visible{display:flex}.galleryDialog__backdrop{position:absolute;inset:0;background:#00000059}.galleryDialog__content{position:relative;background:#fff;border-radius:12px;padding:24px;width:min(420px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 8px 30px #00000026;font-family:Studio Feixen Sans,system-ui,sans-serif;color:#000}.galleryDialog__title{margin:0 0 16px;padding:0 0 15px;font-size:18px;font-weight:500;text-align:left;opacity:.85;border-bottom:1px solid rgba(0,0,0,.08)}.galleryDialog__field{margin-bottom:16px;display:flex;align-items:center;gap:6px}.galleryDialog__label{width:100px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.9}.galleryDialog__input{flex:1;height:var(--ui-height);padding:8px 12px;border:none;border-radius:var(--ui-radius);font:inherit;font-variant-numeric:tabular-nums;box-sizing:border-box;background:#fff;color:#000;box-shadow:var(--ui-shadow-inset)}.galleryDialog__input:focus{outline:none;background:#00d2c81f;color:#000;box-shadow:inset 0 1px 4px #00507840;-webkit-tap-highlight-color:transparent}.galleryDialog__input::selection{background:#00507826}.galleryDialog__input::placeholder{color:#0006}.galleryDialog__input:focus::placeholder{color:#00507866}.galleryDialog__input--small{width:80px;text-align:center;flex:0 0 auto;-moz-appearance:textfield;appearance:textfield}.galleryDialog__input--small::-webkit-outer-spin-button,.galleryDialog__input--small::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.galleryDialog__presetDropdown{flex:1}.galleryDialog__presetDropdown .uiSelectWrap{position:relative;display:inline-flex;align-items:center;height:var(--ui-height);border:none;background-color:#fff;border-radius:var(--ui-radius);cursor:pointer;box-sizing:border-box;overflow:hidden;box-shadow:var(--ui-shadow-raised);width:100%}.galleryDialog__presetDropdown .uiSelectWrap:active{box-shadow:var(--ui-shadow-inset)}.galleryDialog__presetDropdown .uiSelectWrap>select{width:100%;height:100%;font:inherit;border:none;background:transparent;border-radius:inherit;padding:8px 30px 8px 13px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;color:inherit}.galleryDialog__presetDropdown .uiSelectWrap:after{content:"↓";position:absolute;right:13px;top:calc(50% + 1px);transform:translateY(-50%);color:var(--ui-border-color);opacity:1;pointer-events:none}.galleryDialog__sizeInputs{display:flex;align-items:center;gap:8px;flex:1}.galleryDialog__sizeSep{color:#00000080;opacity:.7}.galleryDialog__sliderRow{display:flex;align-items:center;gap:12px;flex:1}.galleryDialog__slider{--range-h: var(--ui-height);--thumb: 24px;--inset: calc((var(--range-h) - var(--thumb)) / 2);flex:1;-webkit-appearance:none;appearance:none;height:var(--ui-height);max-height:var(--ui-height);box-sizing:border-box;background:#0000000d;border:none;border-radius:999px;padding:0 var(--inset);margin:0;cursor:pointer;box-shadow:var(--ui-shadow-inset)}.galleryDialog__slider::-webkit-slider-runnable-track{height:var(--range-h);background:transparent;border:none;border-radius:999px;margin:0}.galleryDialog__slider::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);height:var(--thumb);border-radius:999px;background:#fff;border:none;box-shadow:0 1px 2px #0000001a,0 6px 12px #00000014;margin-top:var(--inset);cursor:pointer}.galleryDialog__slider::-moz-range-track{height:var(--range-h);background:transparent;border:none;border-radius:999px;margin:0}.galleryDialog__slider::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border-radius:999px;background:#fff;border:none;box-shadow:0 1px 2px #0000001a,0 6px 12px #00000014;cursor:pointer}.galleryDialog__sliderValue{height:var(--ui-height);width:52px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background:transparent;border:none;border-radius:var(--ui-radius);padding:0 4px;box-shadow:var(--ui-shadow-inset);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.galleryDialog__actions{display:flex;gap:10px;margin-top:22px;padding-top:4px}.galleryDialog__btn{flex:1;height:var(--ui-height);padding:6px 14px;border:none;border-radius:var(--ui-radius);cursor:pointer;font:inherit;box-shadow:var(--ui-shadow-raised)}.galleryDialog__btn:active{box-shadow:var(--ui-shadow-inset)}.galleryDialog__btn--cancel{background:#fff;color:#000}.galleryDialog__btn--create{background:#000;color:#fff;box-shadow:0 1px 2px #00000026,0 6px 12px #0000001f}.galleryDialog__btn--create:active{box-shadow:var(--ui-shadow-inset)}#galleryDragGhost{position:fixed;z-index:8000;pointer-events:none;opacity:.9;transform:scale(1.05);box-shadow:0 10px 40px #0000004d;border-radius:12px;overflow:hidden}#navLeft{display:flex;align-items:center;gap:5px}#navCenter{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:5px;padding:5px;border-radius:15px;background:#fff;box-shadow:0 6px 20px #00000014}.navCenter__spacer{width:4px;height:4px;border-radius:50%;background:#e0e0e0;flex-shrink:0;margin:0 2px}.navBtn{width:var(--ui-height);height:var(--ui-height);padding:0;border:none;border-radius:var(--ui-radius);background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--ui-shadow-raised);font-size:1em}.navBtn:active{box-shadow:var(--ui-shadow-inset)}.navBtn:disabled{opacity:.4;cursor:default}.navBtn__icon{font-family:Icons,sans-serif;font-size:3em;line-height:0;color:#000;position:relative;top:-2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#ui .modeBtn,#navCenter .modeBtn,#topRightTools .modeBtn{width:var(--ui-height);height:var(--ui-height);padding:0;border:none;border-radius:var(--ui-radius);background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--ui-shadow-raised);transition:background .1s ease,color .1s ease}#ui .modeBtn:active,#navCenter .modeBtn:active,#topRightTools .modeBtn:active{box-shadow:var(--ui-shadow-inset)}.modeBtn__icon{font-family:Icons,sans-serif;font-size:3em;line-height:0;color:#000;position:relative;top:-2px;transition:color .1s ease;-webkit-font-smoothing:antialiased}#ui .modeBtn.is-active,#navCenter .modeBtn.is-active,#topRightTools .modeBtn.is-active{background:#000;box-shadow:var(--ui-shadow-inset)}#ui .modeBtn.is-active .modeBtn__icon,#navCenter .modeBtn.is-active .modeBtn__icon,#topRightTools .modeBtn.is-active .modeBtn__icon{color:#fff}#ui .modeBtn.is-settings-open,#navCenter .modeBtn.is-settings-open,#topRightTools .modeBtn.is-settings-open{background:#f0f0f0;box-shadow:var(--ui-shadow-inset)}#ui .modeBtn.is-settings-open .modeBtn__icon,#navCenter .modeBtn.is-settings-open .modeBtn__icon,#topRightTools .modeBtn.is-settings-open .modeBtn__icon{color:#000}#leftToolsWrap{position:fixed;left:12px;top:50%;transform:translateY(-50%);z-index:900;flex-direction:column;align-items:center;gap:10px;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);display:none}#leftToolsWrap.is-visible{display:flex}#leftToolsWrap.is-edit-no-selection #strokeSliderWrap,#leftToolsWrap.is-edit-no-selection #strokeSliderShapeWrap,#leftToolsWrap.is-edit-no-selection #leftColorPickers,#leftToolsWrap.is-edit-no-selection #eyedropperWrap{opacity:.35;pointer-events:none}@media(max-height:850px){#leftToolsWrap{top:calc(50% + 25px);max-height:calc(100vh - 190px);max-height:calc(100dvh - 190px)}}#leftStyleWrap{display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0;background:#fff;padding:5px;border-radius:15px;box-shadow:0 6px 20px #00000014}#leftAnimWrap{position:relative;flex:1;min-height:0;overflow:visible;clip-path:inset(0 -50px 0 0);flex-direction:column;background:#fff;padding:5px;border-radius:15px;box-shadow:0 6px 20px #00000014;display:none}#leftAnimWrap.is-visible{display:flex}#leftAnimScroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}#leftAnimScroll::-webkit-scrollbar{display:none}.leftAnimWrap__fadeTop,.leftAnimWrap__fadeBottom{position:absolute;left:0;right:0;height:20px;pointer-events:none;z-index:1;opacity:0;transition:opacity .15s ease}.leftAnimWrap__fadeTop{top:0;background:linear-gradient(to bottom,#fff 20%,transparent);border-radius:15px 15px 0 0}.leftAnimWrap__fadeBottom{bottom:0;background:linear-gradient(to top,#fff 20%,transparent);border-radius:0 0 15px 15px}.leftAnimWrap__fadeTop.is-visible,.leftAnimWrap__fadeBottom.is-visible{opacity:1}#leftToolsWrap.is-eraser #leftColorPickers{display:none}#leftToolsWrap.is-eraser #strokeSliderWrap{margin-bottom:3px}#leftToolsWrap.is-eraser #strokeSlider{--slider-length: 200px}#eraserFilterWrap{display:none;flex-direction:column;gap:5px;margin-top:8px}#leftToolsWrap.is-eraser #eraserFilterWrap{display:flex}#puppetPinsActionsWrap{display:none;flex-direction:column;gap:5px;margin-top:0}#leftToolsWrap.is-puppet-mode #puppetPinsActionsWrap{display:flex}.puppetClearAllPinsBtn:not(:disabled):hover{color:#f44;background:#f443}.puppetClearAllPinsBtn:not(:disabled):hover .quickPresetBtn__icon{color:#f44}#leftToolsWrap .quickPresetBtn:disabled{opacity:.4;cursor:default;pointer-events:none}#eraserFilterWrap .quickPresetBtn.is-active{background:#f0f0f0;box-shadow:var(--ui-shadow-inset)}#eraserFilterWrap .quickPresetBtn.is-active .quickPresetBtn__icon{color:#000}#resetBtnWrap{display:none;margin-top:8px}#leftToolsWrap.is-rec-mode #resetBtnWrap{display:flex}#resetLayerBtn:disabled{opacity:.35;cursor:default;pointer-events:none}#strokeSliderWrap,#strokeSliderShapeWrap{position:relative;margin:8px}#strokeSliderShapeWrap{display:none}#leftColorPickers{display:flex;flex-direction:column;gap:12px}#leftColorPickers .color-picker__trigger{--ui-height: 36px;width:36px;height:36px;min-width:36px;min-height:36px}#leftColorPickers .color-picker__panel{position:fixed;left:84px}#leftColorPickers .color-picker.is-open .color-picker__panel{display:flex;flex-direction:column;max-height:calc(100vh - 105px);overflow:visible}#leftColorPickers .color-picker__content{overflow:hidden;border-radius:0 0 12px 12px}#strokeSlider,#strokeSliderShape{--slider-length: clamp(80px, 13vh, 200px);--slider-thickness: 28px;--thumb: 24px;--inset: calc((var(--slider-thickness) - var(--thumb)) / 2);-webkit-appearance:none;appearance:none;width:var(--slider-thickness);height:var(--slider-length);box-sizing:border-box;background:#0000000d;border:none;border-radius:999px;padding:0;margin:0;cursor:pointer;box-shadow:var(--ui-shadow-inset);writing-mode:vertical-lr;direction:rtl}#strokeSlider::-webkit-slider-runnable-track{width:var(--slider-thickness);height:var(--slider-length);background:transparent;border:none;border-radius:999px}#strokeSliderShape::-webkit-slider-runnable-track{width:var(--slider-thickness);height:var(--slider-length);background:transparent;border:none;border-radius:999px}#strokeSlider::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);height:var(--thumb);border-radius:999px;background:#fff;border:none;box-shadow:0 1px 2px #0000001a,0 6px 12px #00000014;margin:0;margin-left:var(--inset)}#strokeSliderShape::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);height:var(--thumb);border-radius:999px;background:#fff;border:none;box-shadow:0 1px 2px #0000001a,0 6px 12px #00000014;margin:0;margin-left:var(--inset)}#strokeSlider::-moz-range-track{width:var(--slider-thickness);height:var(--slider-length);background:transparent;border:none;border-radius:999px}#strokeSliderShape::-moz-range-track{width:var(--slider-thickness);height:var(--slider-length);background:transparent;border:none;border-radius:999px}#strokeSlider::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border-radius:999px;background:#fff;border:none;box-shadow:0 1px 2px #0000001a,0 6px 12px #00000014;margin:0}#strokeSliderShape::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border-radius:999px;background:#fff;border:none;box-shadow:0 1px 2px #0000001a,0 6px 12px #00000014;margin:0}#strokeSlider:focus-visible{outline:none;box-shadow:inset 0 1px 2px #00000024,inset 0 -1px 2px #ffffffb3}#strokeSliderShape:focus-visible{outline:none;box-shadow:inset 0 1px 2px #00000024,inset 0 -1px 2px #ffffffb3}#weightPreviewWrap{position:fixed;left:84px;top:50%;z-index:950;display:none;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 6px 20px #0000001f;width:296px}#weightPreviewWrap.is-visible{display:block}#weightPreviewHeader{padding:8px 12px;font-weight:500;border-bottom:1px solid rgba(0,0,0,.06)}#weightPreviewCanvas{display:block;width:296px;height:148px}#quickPresetsWrap{display:none}#quickPresetsWrap.is-visible{display:block}#styleButtonWrap{display:none}#styleButtonWrap.is-visible{display:flex;flex-direction:column;gap:8px}#recButtonWrap{display:none}#recButtonWrap.is-visible{display:block}.leftRecBtn{width:var(--ui-height);height:var(--ui-height);padding:0;border:none;background:#fff;border-radius:var(--ui-radius);box-shadow:var(--ui-shadow-raised);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s ease,color .1s ease}.leftRecBtn:active{box-shadow:var(--ui-shadow-inset)}.leftRecBtn__label{font-family:Studio Feixen Sans,system-ui,sans-serif;font-size:inherit;font-weight:500;color:#000;transition:color .1s ease}.leftRecBtn.is-active{background:#f44;box-shadow:var(--ui-shadow-inset)}.leftRecBtn.is-active .leftRecBtn__label{color:#fff}#quickPresetsButtons{display:flex;flex-direction:column;gap:5px}.quickPresetBtn{width:var(--ui-height);height:var(--ui-height);padding:0;border:none;background:#fff;border-radius:var(--ui-radius);box-shadow:var(--ui-shadow-raised);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s ease,color .1s ease}.quickPresetBtn:active{box-shadow:var(--ui-shadow-inset)}.quickPresetBtn.is-pressed{box-shadow:var(--ui-shadow-inset);background:#f0f0f0}.quickPresetBtn__icon{font-family:Icons,sans-serif;font-size:3em;line-height:0;color:#000;position:relative;top:-2px;-webkit-font-smoothing:antialiased}.quickPresetBtn__icon svg{display:block;width:28px;height:28px;position:relative;top:2px}.quickPresetBtn__pathIcon{font-family:Icons,sans-serif;font-size:1em;line-height:0;color:inherit;-webkit-font-smoothing:antialiased}.quickPresetBtn.is-active .quickPresetBtn__icon svg *{stroke:#fff}.quickPresetBtn.is-active{background:#000;box-shadow:var(--ui-shadow-inset)}.quickPresetBtn.is-active .quickPresetBtn__icon{color:#fff}.quickPresetBtn.is-partial{background:#d8d8d8;box-shadow:var(--ui-shadow-inset)}.quickPresetBtn.is-partial .quickPresetBtn__icon{color:#2a2a2a}.quickPresetBtn.is-partial .quickPresetBtn__icon svg *{stroke:#2a2a2a}.quickPresetBtn.is-hidden{display:none}.quickPresetBtn.is-disabled{opacity:.35;cursor:pointer}.quickPresetBtn.is-disabled.is-active,.quickPresetBtn.is-disabled.is-partial{opacity:.35}.quickPresetBtn__wrap{position:relative}.qpRemoveCircle{position:absolute;width:32px;height:32px;border-radius:50%;border:none;background:#fff;color:#000;font-family:Icons,sans-serif;font-size:3em;font-weight:400;line-height:0;padding-bottom:4px;box-sizing:border-box;box-shadow:0 2px 10px #0000002e;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;pointer-events:auto;opacity:1;transform:scale(1);transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .15s ease;transform-origin:center;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.qpRemoveCircle.is-entering{transform:scale(0);opacity:0}.qpRemoveCircle.is-leaving{transform:scale(0);opacity:0;pointer-events:none}.qpRemoveCircle:hover{background:#ffe0e0;color:#f44}.qpRemoveCircle:active{background:#ffd0d0;color:#f44}body:has(#settingsWrap.has-back-nav) .qpRemoveCircle,body:has(.color-picker.is-open) .qpRemoveCircle,body:has(#quickPresetPopup.is-open) .qpRemoveCircle{opacity:0!important;pointer-events:none!important}body:has(.color-picker.is-open) #qpCombinedPreview{opacity:0!important;pointer-events:none!important}#quickPresetPopup:before,.color-picker--left-portal:before{content:"";position:absolute;left:-12px;top:var(--arrow-top, 24px);transform:translateY(-50%);width:12px;height:24px;background:#fff;clip-path:path("M 12 0 C 12 4, 0 9, 0 12 C 0 15, 12 20, 12 24 Z");z-index:1}#quickPresetPopup{position:fixed;left:84px;top:85px;width:340px;max-height:calc(100vh - 105px);max-height:calc(100dvh - 105px);z-index:950;display:none;flex-direction:column;padding:12px;background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000026;overflow:visible;box-sizing:border-box}#quickPresetPopup.is-open{display:flex}#quickPresetPopup.is-mode-popup{width:auto;padding:8px}#quickPresetPopup.is-mode-popup #quickPresetPopupHeader,#quickPresetPopup.is-mode-popup #quickPresetPopupContent{display:none}#quickPresetPopup.is-mode-popup .qpToolbar{padding:0;border-bottom:none}#quickPresetPopup.is-mode-popup .qpToolbar__btnGroup--mode{flex-direction:column;gap:6px}#quickPresetPopup.is-mode-popup .qpToolbar__btn--mode{width:100%;padding-right:15px}#quickPresetPopupHeader{display:flex;align-items:center;gap:10px;padding:8px 5px 17px;min-height:55px;box-sizing:border-box;margin-bottom:12px;border-bottom:1px solid rgba(0,0,0,.08);flex-shrink:0}.qpHeaderSettingsBtn{display:none;align-items:center;justify-content:center;width:38px;height:38px;margin:-4px 0;padding-bottom:5px;border:none;background:#fff;border-radius:50%;box-shadow:0 1px 4px #0000001a;cursor:pointer;font-family:Icons,sans-serif;font-size:54px;line-height:0;color:#000;-webkit-font-smoothing:antialiased;flex-shrink:0;transition:background .1s}.qpHeaderSettingsBtn:hover{background:#f0f0f0}.qpHeaderSettingsBtn:active{background:#e0e0e0}#quickPresetPopupTitle{flex:1;font-weight:500;opacity:.85;font-size:18px}#qpCombinedPreview{position:fixed;z-index:950;display:none;flex-direction:column;width:340px;padding:12px;background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000026;box-sizing:border-box}#qpCombinedPreview.is-open{display:flex}#qpCombinedPreview:before{content:"";position:absolute;left:-12px;top:18px;width:12px;height:24px;background:#fff;clip-path:path("M 12 0 C 12 4, 0 9, 0 12 C 0 15, 12 20, 12 24 Z");z-index:1}#qpCombinedPreviewHeader{display:flex;align-items:center;gap:10px;padding:8px 5px 17px;min-height:55px;box-sizing:border-box;margin-bottom:12px;border-bottom:1px solid rgba(0,0,0,.08);flex-shrink:0}#qpCombinedPreviewTitle{flex:1;font-weight:500;opacity:.85;font-size:18px}#qpCombinedCanvasWrap{position:relative;border-radius:8px;overflow:hidden;box-shadow:var(--ui-shadow-raised);background:#fff}#qpCombinedCanvas{display:block;width:100%;aspect-ratio:1 / 1;background:#fff;cursor:crosshair;touch-action:none}#qpCombinedResetBtn{display:none;position:absolute;top:6px;right:6px;width:30px;height:30px;border:none;border-radius:50%;background:#fff;color:#000;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:0 2px 8px #0000001f}.qpCombinedResetBtn__icon{font-family:Icons,sans-serif;font-size:3em;line-height:0;color:#000;position:relative;top:-2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#qpCombinedCanvasWrap.has-user-drawing #qpCombinedResetBtn{display:inline-flex}#qpCombinedResetBtn:hover{background:#f0f0f0}#qpCombinedResetBtn:active{background:#e0e0e0}#quickPresetPopupContent{flex:1;min-height:100px;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:none;-ms-overflow-style:none;margin:0 -12px -12px;padding:0 12px 12px;display:flex;flex-direction:column;gap:8px;justify-content:flex-start;align-content:flex-start}#quickPresetPopupContent::-webkit-scrollbar{display:none}.qpToolbar+#quickPresetPopupContent{padding-top:10px}.timing-ring-widget+#quickPresetPopupContent{padding-top:10px}.qpToolbar{display:flex;flex-direction:column;gap:4px;padding:0 5px 20px;flex-shrink:0;border-bottom:1px solid rgba(0,0,0,.08)}.qpToolbar__titles{display:flex;padding-bottom:5px}.qpToolbar__title{font-weight:500;opacity:.8}.qpToolbar__title--mode{width:50%}.qpToolbar__title--cap{flex:1}.qpToolbar__title--left{width:calc(50% - 5px);margin-right:10px}.qpToolbar__title--right{flex:1}.qpToolbar__buttons{display:flex;gap:10px}.qpToolbar__btnGroup{display:flex;gap:6px;width:calc(50% - 5px)}.qpToolbar__btnGroup--full{width:100%}.qpToolbar__btn--shape{display:flex;align-items:center;justify-content:center}.qpToolbar__btn--shape svg{width:28px;height:28px}.qpToolbar__btnGroup--right{justify-content:flex-start}.qpToolbar__btn{width:var(--ui-height);height:var(--ui-height);padding:0;border:none;border-radius:var(--ui-radius);background:#fff;box-shadow:var(--ui-shadow-raised);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s ease,color .1s ease}.qpToolbar__btn:active{box-shadow:var(--ui-shadow-inset)}.qpToolbar__btn.is-active{background:#000;box-shadow:var(--ui-shadow-raised)}.qpToolbar__btn.is-active .qpToolbar__btnIcon{color:#fff}.qpToolbar__btn.is-active svg *[stroke]{stroke:#fff}.qpToolbar__btnIcon{font-family:Icons,sans-serif;font-size:3em;line-height:0;color:#000;margin-top:-4px}.qpToolbar__btnGroup--mode{display:flex;flex-wrap:wrap;gap:10px;width:100%}.qpToolbar__btn--mode{width:calc(50% - 5px);height:var(--ui-height);display:flex;align-items:center;gap:8px;padding:0 8px 0 10px;justify-content:flex-start}.qpToolbar__btn--mode .qpToolbar__btnIcon{font-size:3em;flex-shrink:0;margin-top:-4px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.qpToolbar__btn--mode .qpToolbar__btnIcon--svg{font-size:1em;margin-top:0}.qpToolbar__btn--mode svg{width:28px;height:28px;flex-shrink:0}.qpToolbar__btnLabel{font-size:var(--app-font-size);font-weight:500;white-space:nowrap;color:#000;line-height:1}.qpToolbar__btn--mode.is-active .qpToolbar__btnLabel{color:#fff}.qpToolbar__btnShortcut{font-size:var(--app-font-size);font-weight:400;color:#ffffff59;line-height:1;margin-left:2px}@media(hover:none){.qpToolbar__btnShortcut{display:none}}.qpToolbar__btn--mode.is-active svg *[stroke]{stroke:#fff}.qpToolbar__btn--mode.is-active svg *[fill]:not([fill=none]){fill:#fff}.qpToolbar__gearIcon{font-family:Icons,sans-serif;font-size:54px;line-height:0;margin-left:auto;margin-right:-4px;color:#0000004d;cursor:pointer;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:color .15s;flex-shrink:0;position:relative;top:-2px}.qpToolbar__gearIcon:hover{color:#000c}.qpToolbar__btn--mode.is-active .qpToolbar__gearIcon{color:#ffffff73}.qpToolbar__btn--mode.is-active .qpToolbar__gearIcon:hover{color:#ffffffe6}#modeSubPanel{position:fixed;z-index:951;width:380px;display:none;flex-direction:column;padding:8px 8px 8px 16px;background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000026;overflow:visible;box-sizing:border-box;font-family:Studio Feixen Sans,system-ui,sans-serif}#modeSubPanel.is-open{display:flex}#modeSubPanel:before{content:"";position:absolute;left:-12px;top:var(--arrow-top, 24px);transform:translateY(-50%);width:12px;height:24px;background:#fff;clip-path:path("M 12 0 C 12 4, 0 9, 0 12 C 0 15, 12 20, 12 24 Z");z-index:1}.qpToolbar__blendRow{display:flex;flex-direction:column;gap:5px}.qpToolbar__blendRow+.qpToolbar__titles{margin-top:10px}.qpToolbar__blendSelect{width:100%}#quickPresetPopup .uiSelectWrap{position:relative;display:inline-flex;align-items:center;height:var(--ui-height);border:none;background-color:#fff;border-radius:var(--ui-radius);cursor:pointer;box-sizing:border-box;overflow:hidden;box-shadow:var(--ui-shadow-raised)}#quickPresetPopup .uiSelectWrap:active{box-shadow:var(--ui-shadow-inset)}#quickPresetPopup .uiSelectWrap>select{width:100%;height:100%;font:inherit;border:none;background:transparent;border-radius:inherit;padding:6px 30px 6px 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}#quickPresetPopup .uiSelectWrap:after{content:"↓";position:absolute;right:13px;top:calc(50% + 1px);transform:translateY(-50%);color:var(--ui-border-color);opacity:1;pointer-events:none;font:inherit;line-height:1}.qpToolbar--sliders{gap:12px}.qpToolbar__sliderRow{display:flex;flex-direction:column;gap:10px}.qpToolbar__sliderHeader{display:flex;align-items:center;gap:0}.qpToolbar__sliderHeader .qpToolbar__sliderValue{margin-left:auto}.qpToolbar__sliderLabel{font-weight:500;opacity:.8}.qpToolbar__perfectLoopLabel{font-size:.8em;font-weight:400;color:#0000004d;pointer-events:none;background:#0000001a;border-radius:12px;padding:3px 6px;margin-left:6px;opacity:0;position:relative;cursor:pointer}.qpToolbar__perfectLoopLabel.is-visible{opacity:1;pointer-events:auto}.qpToolbar__gpuWarning{font-size:.8em;font-weight:500;color:#ff2d20;background:#ff2d2021;border-radius:12px;padding:3px 6px;margin-left:6px;display:none;pointer-events:none;cursor:pointer;position:relative}.qpToolbar__gpuWarning.is-visible{display:inline;pointer-events:auto}.qpToolbar__labelTip{position:fixed;width:155px;background:#000;color:#fff;font-size:.85em;font-weight:400;line-height:1.35;border-radius:8px;padding:8px 10px;pointer-events:none;display:none;z-index:9999}.qpToolbar__labelTip.is-visible{display:block}.qpToolbar__labelTip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#000}.qpToolbar__sliderValue{font-weight:500;opacity:.8;font-variant-numeric:tabular-nums}.qpToolbar__slider{--range-h: var(--ui-height);--thumb: 24px;--inset: calc((var(--range-h) - var(--thumb)) / 2);-webkit-appearance:none;appearance:none;width:100%;height:var(--ui-height);max-height:var(--ui-height);box-sizing:border-box;background:#0000000d;border:none;border-radius:999px;padding:0 var(--inset);margin:0;cursor:pointer;box-shadow:var(--ui-shadow-inset)}.qpToolbar__slider::-webkit-slider-runnable-track{height:var(--range-h);background:transparent;border:none;border-radius:999px;margin:0}.qpToolbar__slider::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);height:var(--thumb);border-radius:999px;background:#fff;border:none;box-shadow:0 1px 2px #0000001a,0 6px 12px #00000014;margin-top:var(--inset)}.qpToolbar__slider::-moz-range-track{height:var(--range-h);background:transparent;border:none;border-radius:999px;margin:0}.qpToolbar__slider::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border-radius:999px;background:#fff;border:none;box-shadow:0 1px 2px #0000001a,0 6px 12px #00000014}.qpToolbar__slider:focus-visible{outline:none;box-shadow:inset 0 1px 2px #00000024,inset 0 -1px 2px #ffffffb3}.qpToolbar__sliderWrap{position:relative;width:100%}.qpToolbar__snapDots{position:absolute;top:0;bottom:0;left:calc(var(--ui-height) / 2);right:calc(var(--ui-height) / 2);pointer-events:none;z-index:0}.qpToolbar__snapDot{position:absolute;top:50%;width:5px;height:5px;border-radius:50%;background:#00000021;transform:translate(-50%,-50%)}.qpToolbar__snapLine{position:absolute;top:50%;height:5px;border-radius:2.5px;background:#00000021;transform:translateY(-50%)}.qpToolbar__infoIcon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#00000014;color:#0006;font-size:18px;font-weight:600;line-height:16px;padding-top:7px;box-sizing:border-box;margin-left:5px;cursor:default;position:relative;flex-shrink:0;-webkit-tap-highlight-color:transparent;user-select:none}.qpToolbar__infoTooltip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);background:#000000d1;color:#fff;font-size:11px;font-weight:400;line-height:1.4;padding:7px 10px;border-radius:6px;white-space:nowrap;text-align:center;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:1000}.qpToolbar__infoTooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#000000d1}.qpToolbar__infoIcon:hover .qpToolbar__infoTooltip,.qpToolbar__infoIcon.is-tooltip-open .qpToolbar__infoTooltip{opacity:1}.qpToolbar__slider{position:relative;z-index:1}.qpToolbar__sliderPair{display:flex;gap:12px}.qpToolbar__sliderCol{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.qpToolbar__sliderColHeader{display:flex;align-items:center;justify-content:space-between}.qpToolbar__sliderAxisLabel{font-weight:600;opacity:.6}.qpToolbar__sliderColLabel{font-weight:500;opacity:.8}.qpToolbar__sliderValue--grey{opacity:.5}.qpToolbar__divider{height:1px;background:#0000001a;margin:4px 0}.qpToolbar__tabBar{display:flex;gap:0;background:#0000000a;border-radius:var(--ui-radius);padding:3px;margin-bottom:12px}.qpToolbar__tab{flex:1;height:calc(var(--ui-height) - 6px);border:none;border-radius:calc(var(--ui-radius) - 2px);background:transparent;color:inherit;font:inherit;font-weight:600;cursor:pointer;opacity:.4;transition:opacity .15s ease,background .15s ease,box-shadow .15s ease}.qpToolbar__tab--active{background:#fff;opacity:1;box-shadow:var(--ui-shadow-raised)}.qpToolbar__panel{display:none}.qpToolbar__panel--active{display:flex;flex-direction:column;gap:10px}.qpToolbar--drift-enter{animation:driftToolbarIn .25s ease-out both}.qpToolbar--drift-exit{animation:driftToolbarOut .2s ease-out both;pointer-events:none}@keyframes driftToolbarIn{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin-bottom:0;overflow:hidden}to{opacity:1;max-height:200px;overflow:hidden}}@keyframes driftToolbarOut{0%{opacity:1;max-height:200px;overflow:hidden}to{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin-bottom:0;overflow:hidden}}.quickPresetFlatContainer{display:flex;flex-direction:column;gap:8px;width:100%}.quickPresetFlatContainer>.quickPresetItem{width:100%}#quickPresetPopup.is-shape-mode .quickPresetFlatContainer{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:8px}#quickPresetPopup.is-shape-mode .quickPresetFlatContainer>.quickPresetItem{width:auto;min-width:0}.quickPresetNoPresets{padding:40px 20px;text-align:center;opacity:.5;font-size:.9em;min-height:80px}.quickPresetItem{position:relative;border-radius:8px;overflow:hidden;touch-action:pan-y;cursor:pointer;flex-shrink:0;box-shadow:var(--ui-shadow-raised)}.quickPresetItem.is-custom{order:-1;width:100%;box-sizing:border-box}#quickPresetPopup.is-shape-mode .quickPresetItem.is-custom{aspect-ratio:1;min-width:0}.quickPresetItem--none{order:-2;box-sizing:border-box}.quickPresetItem--none .quickPresetItem__name--active{display:none}.quickPresetItem--none.is-selected .quickPresetItem__name--active{display:block;color:#e5393580}.quickPresetItem--none .quickPresetItem--none__name{color:#e53935;opacity:1}.quickPresetItem--none.is-selected{background:#e539350f}.quickPresetItem--none.is-selected .quickPresetItem--none__name{color:#e53935}.quickPresetTopRow{display:flex;flex-direction:column;gap:8px;width:100%}#quickPresetPopup.is-shape-mode .quickPresetTopRow{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr}#quickPresetPopup.is-shape-mode .quickPresetTopRow>.quickPresetItem{min-width:0;aspect-ratio:1}#quickPresetPopup.is-shape-mode .quickPresetTopRow>.quickPresetItem canvas{width:100%!important;height:100%!important}#quickPresetPopup.is-shape-mode .quickPresetItem.is-custom canvas{width:100%!important;height:100%!important}.quickPresetItem:after{content:"";position:absolute;inset:0;background:#0000;pointer-events:none;transition:background .1s ease}.quickPresetItem:not(.is-selected):after{background:#0000000f}.quickPresetItem:not(.is-selected):hover:after{background:#0000}.quickPresetItem.is-selected{box-shadow:0 2px 12px #0000002e}.quickPresetItem.is-selected:after{background:#0000}.quickPresetItem canvas{display:block;width:100%;height:100%;background:#fff;pointer-events:none;touch-action:pan-y}.quickPresetItem__clickOverlay{position:absolute;inset:0;z-index:2;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.quickPresetItem:not(.is-selected){position:relative}.quickPresetItem:not(.is-selected):before{content:"";position:absolute;inset:0;background:#ffffffb3;pointer-events:none;z-index:1;border-radius:8px;transition:background .1s ease}.quickPresetItem:not(.is-selected):hover:before{background:transparent}.quickPresetItem:not(.is-selected) .quickPresetItem__name{opacity:.4;transition:opacity .1s ease}.quickPresetItem:not(.is-selected):hover .quickPresetItem__name{opacity:1}@media(hover:none){.quickPresetItem:not(.is-selected):hover:after{background:#0000000f}.quickPresetItem:not(.is-selected):hover:before{background:#ffffffb3}.quickPresetItem:not(.is-selected):hover .quickPresetItem__name{opacity:.4}.quickPresetFolder__header:hover{background:transparent}}.quickPresetItem__name{position:absolute;top:8px;left:10px;font-weight:500;opacity:.85;pointer-events:none;-webkit-text-stroke:3px rgba(255,255,255,.25);paint-order:stroke fill}.quickPresetItem__name--active{position:absolute;bottom:10px;left:10px;font-weight:500;pointer-events:none;color:#0006;-webkit-text-stroke:3px rgba(255,255,255,.25);paint-order:stroke fill}.quickPresetItem__edit{position:absolute;top:6px;right:8px;width:30px;height:30px;padding-bottom:5px;border:none;background:#fff;border-radius:50%;box-shadow:0 1px 4px #0000001a;cursor:pointer;font-family:Icons,sans-serif;font-size:54px;line-height:0;color:#000;display:flex;-webkit-font-smoothing:antialiased;align-items:center;justify-content:center;opacity:0;transition:opacity .1s ease,background .1s ease;z-index:5}.quickPresetItem.is-selected .quickPresetItem__edit{opacity:1}.quickPresetItem:not(.is-selected) .quickPresetItem__edit{opacity:.4}.quickPresetItem:hover .quickPresetItem__edit{opacity:1}@media(hover:none){.quickPresetItem.is-selected .quickPresetItem__edit{opacity:1}.quickPresetItem:not(.is-selected) .quickPresetItem__edit{opacity:.4}}.quickPresetItem__edit:hover{background:#f0f0f0}.quickPresetItem__edit:active{background:#e0e0e0}.quickPresetItem:has(.quickPresetItem__remove) .quickPresetItem__edit{right:44px}.quickPresetItem__remove{position:absolute;top:6px;right:8px;width:32px;height:32px;border:none;background:#fff;border-radius:50%;box-shadow:0 2px 10px #0000002e;cursor:pointer;font-family:Icons,sans-serif;font-size:3em;font-weight:400;line-height:0;padding-bottom:4px;box-sizing:border-box;color:#f44;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .1s ease,background .1s ease;z-index:5}.quickPresetItem.is-selected .quickPresetItem__remove,.quickPresetItem:hover .quickPresetItem__remove{opacity:1}@media(hover:none){.quickPresetItem.is-selected .quickPresetItem__remove{opacity:1}}.quickPresetItem__remove:hover{background:#f0f0f0}.quickPresetItem__remove:active{background:#e0e0e0}.quickPresetItem{transition:margin .12s ease,opacity .15s ease,transform .15s ease}.quickPresetItem.is-dragging{opacity:.4;transform:scale(.98)}.quickPresetItem.is-hold-ready,.quickPresetFolder.is-hold-ready{transform:scale(1.02);box-shadow:0 2px 8px #00000026;z-index:10}.quickPresetItem.is-drop-before,.quickPresetItem.is-drop-after{overflow:visible!important}.quickPresetItem.is-drop-before:before{inset:-5px 0 auto!important;height:3px!important;border-radius:2px!important;background:#007aff!important;z-index:10!important;transition:none!important}.quickPresetItem.is-drop-after:after{inset:auto 0 -5px!important;height:3px!important;border-radius:2px!important;background:#007aff!important;z-index:10!important;transition:none!important}.quickPresetItem.is-delete{background:transparent!important;position:relative}.quickPresetItem.is-delete canvas{background:#fff!important}.quickPresetItem.is-delete:before{content:""!important;position:absolute!important;inset:0!important;background:#ff00002e!important;pointer-events:none!important;z-index:1!important;border-radius:8px!important}.quickPresetItem.is-delete:after{background:transparent!important}#quickPresetDragGhost{position:fixed;left:0;top:0;pointer-events:none;z-index:100000;opacity:.95;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #00000040}#quickPresetDragGhost .quickPresetItem{margin:0!important;opacity:1!important;transform:none!important}#quickPresetDragGhost.is-delete{background:transparent}#quickPresetDragGhost.is-delete .quickPresetItem{background:transparent!important}#quickPresetDragGhost.is-delete .quickPresetItem:before{content:""!important;position:absolute!important;inset:0!important;background:#ff0000bf!important;pointer-events:none!important;z-index:10!important;border-radius:8px!important;mix-blend-mode:multiply}#quickPresetDragGhost.is-delete .quickPresetItem:after{background:transparent!important}#quickPresetDragGhost.is-delete .quickPresetItem__name{z-index:11!important}.quickPresetFolder{position:relative;border-radius:8px;overflow:visible;transition:margin .12s ease,opacity .15s ease;touch-action:pan-y}.quickPresetFolder__header{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:pointer;touch-action:pan-y;background:#00000008;border-radius:6px;transition:background .1s ease;user-select:none}.quickPresetFolder__header:hover{background:#0000000f}.quickPresetFolder__caret{opacity:.5;font-size:12px;width:12px;text-align:center}.quickPresetFolder__title{flex:1;font-weight:500;opacity:.8}.quickPresetFolder__count{opacity:.4}.quickPresetFolder__content{display:flex;flex-direction:column;gap:8px;padding:8px 0}.quickPresetFolder__header.is-drop-target{background:#0078ff1f;box-shadow:inset 0 0 0 2px #0078ff4d}.quickPresetFolder:not(.is-open) .quickPresetFolder__header{margin-bottom:0}.quickPresetFolder:not(.is-open) .quickPresetFolder__content{display:none!important}.quickPresetFolder.is-folder-dragging{opacity:.5}.quickPresetFolder.is-folder-dragover{position:relative}.quickPresetFolder.is-folder-dragover:before{content:"";position:absolute;top:-2px;left:8px;right:8px;height:3px;background:#007aff;border-radius:2px;pointer-events:none;z-index:10}#quickPresetPopup.is-shape-mode #quickPresetPopupContent{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}#quickPresetPopup.is-shape-mode .quickPresetFolder{grid-column:1 / -1}#quickPresetPopup.is-shape-mode .quickPresetFolder.is-open .quickPresetFolder__content{display:grid;flex-direction:unset;grid-template-columns:1fr 1fr;gap:8px;padding:8px 0;width:100%;align-content:start}#quickPresetPopup.is-shape-mode .quickPresetFolder__content>.quickPresetItem{min-width:0;width:100%}#quickPresetPopup.is-shape-mode .quickPresetNoPresets,#quickPresetPopup.is-shape-mode .qpToolbar{grid-column:1 / -1}#quickPresetPopup.is-shape-mode .quickPresetItem{aspect-ratio:1;min-width:0}#quickPresetPopup.is-shape-mode .quickPresetItem canvas{width:100%!important;height:100%!important}#quickPresetPopup.is-square-previews:not(.is-shape-mode) .quickPresetFlatContainer{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}#quickPresetPopup.is-square-previews:not(.is-shape-mode) .quickPresetFlatContainer>.quickPresetItem{width:auto;min-width:0}#quickPresetPopup.is-square-previews:not(.is-shape-mode) .quickPresetItem{aspect-ratio:1;min-width:0}#quickPresetPopup.is-square-previews:not(.is-shape-mode) .quickPresetItem canvas{width:100%!important;height:100%!important}#quickPresetPopup.is-square-previews:not(.is-shape-mode) .quickPresetItem.is-custom{aspect-ratio:1;min-width:0}#quickPresetPopup.is-square-previews:not(.is-shape-mode) .quickPresetItem.is-custom canvas{width:100%!important;height:100%!important}#quickPresetPopup.is-shape-mode .quickPresetItem__edit,#quickPresetPopup.is-square-previews .quickPresetItem__edit,#quickPresetPopup.is-shape-mode .quickPresetItem__remove,#quickPresetPopup.is-square-previews .quickPresetItem__remove{top:auto;bottom:6px}#quickPresetPopup.is-shape-mode .quickPresetItem.is-drop-before:before,#quickPresetPopup.is-square-previews .quickPresetFlatContainer>.quickPresetItem.is-drop-before:before{inset:0 auto 0 -5px!important;width:3px!important;height:auto!important}#quickPresetPopup.is-shape-mode .quickPresetItem.is-drop-after:after,#quickPresetPopup.is-square-previews .quickPresetFlatContainer>.quickPresetItem.is-drop-after:after{inset:0 -5px 0 auto!important;width:3px!important;height:auto!important}.loading-screen{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;background:#e8e8e8;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none;isolation:isolate}.loading-screen.is-visible{opacity:1;visibility:visible;pointer-events:auto;animation:loadingScreenAutoHide 5s forwards}@keyframes loadingScreenAutoHide{0%,90%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden;pointer-events:none}}.loading-screen:not(.is-visible){animation:none}.loading-screen__container{background:#fff;border-radius:20px;padding:20px;position:relative;z-index:1;box-shadow:0 4px 20px #00000026}.loading-screen__video{display:block;width:120px;height:120px;object-fit:contain;background:#fff;position:relative;z-index:2}.exitObjectModeBtn{position:fixed;z-index:14;display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;background:#fff;box-shadow:0 2px 12px #0000002e;cursor:pointer;transition:box-shadow .15s ease,opacity .25s ease;-webkit-tap-highlight-color:transparent;opacity:0}.exitObjectModeBtn.visible{opacity:1}.exitObjectModeBtn:hover{box-shadow:0 4px 16px #00000038}.exitObjectModeBtn:active{box-shadow:0 1px 6px #00000026}.exitObjectModeBtn__icon{font-family:Icons,sans-serif;font-size:52px;line-height:0;color:#000;-webkit-font-smoothing:antialiased;position:relative;top:-1px}.maskToggleBtn{position:fixed;z-index:14;display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;background:#fff;box-shadow:0 2px 12px #0000002e;cursor:pointer;transition:box-shadow .15s ease,opacity .25s ease,background .15s ease;-webkit-tap-highlight-color:transparent;opacity:0}.maskToggleBtn.visible{opacity:1}.maskToggleBtn:hover{box-shadow:0 4px 16px #00000038}.maskToggleBtn:active{box-shadow:0 1px 6px #00000026}.maskToggleBtn.active{background:#1a1a2e}.maskToggleBtn.active .maskToggleBtn__icon{color:#fff}.maskToggleBtn__icon{font-family:Icons,sans-serif;font-size:48px;line-height:0;color:#000;-webkit-font-smoothing:antialiased;position:relative;top:-2px;left:0}.bezierConfirmBtn{position:fixed;z-index:920;display:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:#fff;box-shadow:0 2px 10px #0000002e;cursor:pointer;transition:box-shadow .15s ease,transform .1s ease;-webkit-tap-highlight-color:transparent;transform:translate(-50%,-50%)}.bezierConfirmBtn:hover{box-shadow:0 4px 14px #00000040;transform:translate(-50%,-50%) scale(1.1)}.bezierConfirmBtn:active{transform:translate(-50%,-50%) scale(.95)}.bezierConfirmBtn__icon{font-family:Icons,sans-serif;font-size:3em;line-height:0;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;top:-2px}.editConvertBtn{position:fixed;z-index:920;display:none;align-items:center;justify-content:center;padding:6px 14px;border-radius:var(--ui-radius);border:none;background:#fff;box-shadow:var(--ui-shadow-raised);cursor:pointer;font-family:Studio Feixen Sans,system-ui,sans-serif;font-size:var(--app-font-size);font-weight:500;color:#000;white-space:nowrap;transition:box-shadow .15s ease,transform .1s ease;-webkit-tap-highlight-color:transparent;transform:translate(-50%,-50%)}.editConvertBtn:hover{box-shadow:0 4px 14px #00000040;transform:translate(-50%,-50%) scale(1.05)}.editConvertBtn:active{transform:translate(-50%,-50%) scale(.95)}.editMorphEnterBtn{position:fixed;z-index:920;display:none;align-items:center;justify-content:center;gap:5px;padding:6px 14px 6px 8px;border-radius:var(--ui-radius);border:none;background:#fc0;box-shadow:var(--ui-shadow-raised);cursor:pointer;font-family:Studio Feixen Sans,system-ui,sans-serif;font-size:var(--app-font-size);font-weight:500;color:#000;white-space:nowrap;transition:box-shadow .15s ease,transform .1s ease;-webkit-tap-highlight-color:transparent;transform:translate(-50%,-50%)}.editMorphEnterBtn:hover{box-shadow:0 4px 14px #00000040;transform:translate(-50%,-50%) scale(1.05)}.editMorphEnterBtn:active{transform:translate(-50%,-50%) scale(.95)}.editMorphEnterBtn__icon{font-family:Icons,sans-serif;font-size:48px;line-height:0;position:relative;top:-2px;left:1px;-webkit-font-smoothing:antialiased}.editDeleteBtn .bezierConfirmBtn__icon{color:#f44}.editModeActions{position:fixed;z-index:14;display:none;gap:6px;align-items:center;transform:translate(-50%);opacity:0;transition:opacity .2s ease;pointer-events:none}.editModeActions.visible{opacity:1;pointer-events:auto}.editModeActions__btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;background:#fff;box-shadow:0 2px 12px #0000002e;cursor:pointer;transition:box-shadow .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent}.editModeActions__btn:hover{box-shadow:0 4px 16px #00000038}.editModeActions__btn:active{box-shadow:0 1px 6px #00000026}.editModeActions__icon{font-family:Icons,sans-serif;font-size:48px;line-height:0;color:#000;position:relative;top:-2px;left:0;-webkit-font-smoothing:antialiased}.editModeActions__icon--delete{top:-3px}.editModeActions__icon--duplicate{top:-2px}.editModeActions__icon--parent{top:-2px;left:0}.editModeActions__icon--morph{top:-2px;left:1px}.editModeActions__btn.is-morph-active{background:#fc0}.editModeActions__btn.is-mask-active{background:#000}.editModeActions__btn.is-mask-active .editModeActions__icon{color:#fff}.editModeActions__dropdownWrap{position:relative}.editModeActions__icon--more{font-family:Icons,sans-serif;font-size:48px;line-height:0;color:#000;position:relative;top:-2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.editModeActions__menu{position:absolute;top:calc(100% + 16px);left:50%;transform:translate(-50%);display:none;flex-direction:column;gap:6px;padding:8px;background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000026;min-width:170px;box-sizing:border-box;z-index:25;overflow:visible}.editModeActions__menu:before{content:"";position:absolute;top:-12px;left:50%;transform:translate(-50%);width:24px;height:12px;background:#fff;clip-path:path("M 0 12 C 4 12, 9 0, 12 0 C 15 0, 20 12, 24 12 Z");z-index:1;pointer-events:none;filter:drop-shadow(0 -2px 3px rgba(0,0,0,.06))}.editModeActions__menu.is-open{display:flex}.editModeActions__menu--flipUp{top:auto;bottom:calc(100% + 16px)}.editModeActions__menu--flipUp:before{top:auto;bottom:-12px;transform:translate(-50%) scaleY(-1);filter:drop-shadow(0 2px 3px rgba(0,0,0,.06))}.editModeActions__menuItem{width:100%;height:var(--ui-height);display:flex;align-items:center;gap:10px;padding:0 12px 0 10px;margin:0;border:none;border-radius:var(--ui-radius);background:#fff;box-shadow:var(--ui-shadow-raised);cursor:pointer;font-family:Studio Feixen Sans,system-ui,sans-serif;text-align:left;transition:background .1s ease,box-shadow .1s ease;-webkit-tap-highlight-color:transparent}.editModeActions__menuItem:hover{background:#f4f4f4}.editModeActions__menuItem:active{box-shadow:var(--ui-shadow-inset)}.editModeActions__menuItem .qpToolbar__btnIcon{flex-shrink:0;margin-top:-4px;font-size:3em;line-height:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.editModeActions__menuItem--iconOnly{width:var(--ui-height);height:var(--ui-height);padding:0;justify-content:center}.editModeActions__menu:has(.editModeActions__menuItem--iconOnly){display:none;grid-template-columns:repeat(3,var(--ui-height));min-width:auto;width:auto}.editModeActions__menu.is-open:has(.editModeActions__menuItem--iconOnly){display:grid}.editModeActions__menu--cols2:has(.editModeActions__menuItem--iconOnly){grid-template-columns:repeat(2,var(--ui-height))}.editModeActions__menuItem.is-disabled{opacity:.3;pointer-events:none}.editModeActions__menuIcon--delete{position:relative;top:-3px}.editModeActions__menuItem--danger:hover{color:#f44;background:#f443}.editModeActions__menuItem--danger:hover .qpToolbar__btnIcon,.editModeActions__menuItem--danger:hover .qpToolbar__btnLabel{color:#f44}.editModeActions__menuItem--danger:active{background:#ff44444d;box-shadow:var(--ui-shadow-inset)}.editModeActions__menuItem--submenu{position:relative;cursor:pointer;box-sizing:border-box}.editModeActions__submenuArrow{margin-left:auto;padding-left:8px;font-size:1.2em;opacity:.25}.editModeActions__submenu{display:none;position:absolute;left:calc(100% + 18px);top:50%;transform:translateY(-50%);flex-direction:column;gap:2px;padding:8px;width:max-content;background:#fff;border-radius:14px;box-shadow:0 4px 20px #00000026;z-index:1}.editModeActions__submenu:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:#fff}.editModeActions__submenuItem{width:100%;height:34px;display:flex;align-items:center;padding:0 14px;margin:0;border:none;background:transparent;border-radius:8px;cursor:pointer;white-space:nowrap;font-family:inherit;font-size:inherit;font-weight:inherit}.editModeActions__submenuItem:hover{background:#f4f4f4}.editModeActions__submenuItem:active{box-shadow:var(--ui-shadow-inset)}.editModeActions__menuItem--submenu.is-open>.editModeActions__submenu{display:flex}.fingerObjectBtns{position:fixed;z-index:14;display:none;gap:6px;align-items:center;transform:translate(-50%);opacity:0;transition:opacity .2s ease;pointer-events:none}.fingerObjectBtns.visible{opacity:1;pointer-events:auto}.exitMorphModeBtn{position:fixed;z-index:14;display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;background:#fff;box-shadow:0 2px 12px #0000002e;cursor:pointer;transform:translate(-50%);transition:box-shadow .15s ease,opacity .25s ease;-webkit-tap-highlight-color:transparent;opacity:0}.exitMorphModeBtn.visible{opacity:1}.exitMorphModeBtn:hover{box-shadow:0 4px 16px #00000038}.exitMorphModeBtn:active{box-shadow:0 1px 6px #00000026}.exitMorphModeBtn__icon{font-family:Icons,sans-serif;font-size:52px;line-height:0;color:#000;-webkit-font-smoothing:antialiased;position:relative;top:-1px}.bottomModeNav{position:fixed;bottom:10%;left:50%;transform:translate(-50%);z-index:100;display:none;align-items:center;gap:5px;width:fit-content;min-width:340px;padding:15px;border-radius:20px;background:#fff;box-shadow:0 6px 20px #00000014;opacity:0;transition:opacity .2s ease;-webkit-tap-highlight-color:transparent}.bottomModeNav.is-visible{display:flex}.bottomModeNav.is-shown{opacity:1}.bottomModeNav__title{font-family:Studio Feixen Sans,system-ui,sans-serif;font-size:var(--app-font-size);color:#000;padding:0 10px;white-space:nowrap;user-select:none;-webkit-user-select:none;line-height:var(--ui-height);flex:1}.bottomModeNav__btn{width:var(--ui-height);height:var(--ui-height);padding:0;border:none;border-radius:var(--ui-radius);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;box-shadow:var(--ui-shadow-raised);transition:background .1s ease}.bottomModeNav__btn:active{box-shadow:var(--ui-shadow-inset)}.bottomModeNav__btnIcon{font-family:Icons,sans-serif;font-size:3em;line-height:0;color:#000;position:relative;top:-2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bottomModeNav__label{font-family:Studio Feixen Sans,system-ui,sans-serif;font-size:var(--app-font-size);font-weight:500;color:#000;white-space:nowrap;user-select:none;-webkit-user-select:none;line-height:1}.bottomModeNav__maskBtn{height:var(--ui-height);padding:0 20px 0 10px;border:none;border-radius:var(--ui-radius);background:#fff;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:var(--ui-shadow-raised);-webkit-tap-highlight-color:transparent;transition:background .15s ease}.bottomModeNav__maskBtn:active{box-shadow:var(--ui-shadow-inset)}.bottomModeNav__maskBtn.is-active{background:#1a1a2e}.bottomModeNav__maskBtn.is-active .bottomModeNav__maskIcon,.bottomModeNav__maskBtn.is-active .bottomModeNav__label{color:#fff}.bottomModeNav__maskIcon{font-family:Icons,sans-serif;font-size:48px;line-height:0;color:#000;-webkit-font-smoothing:antialiased;position:relative;top:-2px}.bottomModeNav__quickDrawBtn{width:auto;padding:0 20px 0 10px;gap:8px;justify-content:flex-start;touch-action:manipulation;transition:background .15s ease}.bottomModeNav__quickDrawBtn.is-active{background:#1a1a2e}.bottomModeNav__quickDrawBtn.is-active .bottomModeNav__btnIcon,.bottomModeNav__quickDrawBtn.is-active .bottomModeNav__label{color:#fff}.bottomModeNav__childFollowBtn{width:auto;padding:0 20px 0 10px;gap:8px;touch-action:manipulation;transition:background .15s ease}.bottomModeNav__childFollowBtn.is-active{background:#1a1a2e}.bottomModeNav__childFollowBtn.is-active .bottomModeNav__btnIcon,.bottomModeNav__childFollowBtn.is-active .bottomModeNav__label{color:#fff}#eyedropperWrap{position:relative;display:flex;justify-content:center;margin-top:4px}.eyedropperBtn{width:var(--ui-height);height:var(--ui-height);padding:0;border:none;background:#fff;border-radius:var(--ui-radius);box-shadow:var(--ui-shadow-raised);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease;-webkit-tap-highlight-color:transparent}.eyedropperBtn:active{box-shadow:var(--ui-shadow-inset)}.eyedropperBtn.is-active{background:#000;box-shadow:var(--ui-shadow-inset)}.eyedropperBtn.is-active .eyedropperBtn__icon{color:#fff}.eyedropperBtn__icon{font-family:Icons,sans-serif;font-size:3em;line-height:0;color:#000;position:relative;top:-2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.eyedropperPopup{display:none;position:fixed;z-index:950;flex-direction:column;padding:8px;gap:6px;background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000026;overflow:visible}.eyedropperPopup.is-open{display:flex}.eyedropperPopup:before{content:"";position:absolute;left:-12px;top:var(--arrow-top, 50%);transform:translateY(-50%);width:12px;height:24px;background:#fff;clip-path:path("M 12 0 C 12 4, 0 9, 0 12 C 0 15, 12 20, 12 24 Z");z-index:1}.eyedropperPopup__option{width:100%;height:var(--ui-height);padding:0 15px 0 10px;border:none;background:#fff;border-radius:var(--ui-radius);box-shadow:var(--ui-shadow-raised);cursor:pointer;display:flex;align-items:center;gap:8px;justify-content:flex-start;transition:background .1s ease,color .1s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.eyedropperPopup__option:active{box-shadow:var(--ui-shadow-inset)}.eyedropperPopup__option.is-selected{background:#000;box-shadow:var(--ui-shadow-inset)}.eyedropperPopup__option.is-selected .eyedropperPopup__icon,.eyedropperPopup__option.is-selected .eyedropperPopup__label{color:#fff}.eyedropperPopup__icon{font-family:Icons,sans-serif;font-size:3em;line-height:0;color:#000;position:relative;top:-2px;flex-shrink:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.eyedropperPopup__label{font-size:var(--app-font-size);font-weight:500;white-space:nowrap;color:#000;line-height:1}#leftToolsWrap.is-eraser #eyedropperWrap{display:none}.guide-overlay{position:fixed;inset:0;z-index:2000;pointer-events:none}.guide-dot{position:fixed;width:45px;height:45px;z-index:2001;pointer-events:auto;cursor:pointer;touch-action:none;background:transparent;box-shadow:none;transition:left .85s cubic-bezier(.32,.72,.25,1),top .85s cubic-bezier(.32,.72,.25,1),opacity .3s ease}.guide-dot.is-dragging{cursor:grabbing;transition:opacity .3s ease}.guide-dot.is-dragging .guide-dot__inner{animation:none!important}.guide-dot__inner{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;background:#000;box-shadow:0 3px 12px #0000002e;transform-origin:center center;pointer-events:auto}.guide-dot__face-canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72%;height:72%;pointer-events:none;z-index:1}.guide-dot--hidden{opacity:0;pointer-events:none}.guide-dot--hidden .guide-dot__inner{animation:none!important}.guide-dot--waitingDim{opacity:.62}.guide-dot--waitingDim .guide-dot__inner{opacity:1}.guide-dot__inner--idle{animation:guideIdle 4.6s ease-in-out infinite}.guide-dot__inner--talking{animation:guideTalking 3.4s ease-in-out infinite}.guide-dot__inner--waiting{animation:guideWaiting 5s ease-in-out infinite}@keyframes guideIdle{0%,to{transform:translate(0) scale(1)}33%{transform:translate(11px,-14px) scale(1.04)}66%{transform:translate(-12px,12px) scale(1.08)}}@keyframes guideTalking{0%,to{transform:translate(0) scale(1)}25%{transform:translate(8px,-11px) scale(1.06)}50%{transform:translate(-9px,9px) scale(1.1)}75%{transform:translate(9px,8px) scale(1.05)}}@keyframes guideWaiting{0%,to{transform:translate(0) scale(1)}33%{transform:translate(8px,-11px) scale(1.03)}66%{transform:translate(-8px,11px) scale(1.05)}}.guide-bubble{position:fixed;z-index:2002;max-width:260px;min-width:180px;background:#fff;border-radius:16px;padding:14px 16px 10px;box-shadow:0 4px 20px #0000001f;pointer-events:auto;opacity:0;transform:scale(.9) translateY(4px);transition:opacity .25s ease,transform .25s ease;font-family:Studio Feixen Sans,system-ui,-apple-system,sans-serif}.guide-bubble.is-visible{opacity:1;transform:scale(1) translateY(0)}.guide-bubble.is-visible.guide-bubble--switch-out{opacity:0;transform:scale(.82) translateY(12px);pointer-events:none;transition:opacity .22s ease,transform .28s cubic-bezier(.4,0,.72,.55)}.guide-bubble.is-visible.guide-bubble--pop-in{transform-origin:top center;animation:guideBubblePopIn .44s cubic-bezier(.28,1.15,.52,1) both;transition:none}@keyframes guideBubblePopIn{0%{opacity:0;transform:scaleY(.2) translateY(-6px)}to{opacity:1;transform:scaleY(1) translateY(0)}}.guide-bubble:before{content:"";position:absolute;width:12px;height:12px;background:#fff;border-radius:2px;transform:rotate(45deg);box-shadow:-2px 2px 4px #0000000a}.guide-bubble--arrow-left:before{left:-5px;top:50%;margin-top:-6px}.guide-bubble--arrow-right:before{right:-5px;top:50%;margin-top:-6px}.guide-bubble--arrow-top:before{top:-5px;left:50%;margin-left:-6px}.guide-bubble--arrow-bottom:before{bottom:-5px;left:50%;margin-left:-6px}.guide-bubble__text{font-size:var(--app-font-size);line-height:1.45;color:#222;margin:0}.guide-bubble__word{animation:guideWordFadeIn .24s ease-out both}@keyframes guideWordFadeIn{0%{opacity:0}to{opacity:1}}.guide-bubble__controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap;transition:max-height .28s ease-out,opacity .24s ease-out,margin .28s ease-out;overflow:hidden}.guide-bubble__controls--hidden{max-height:0;opacity:0;pointer-events:none;margin:0;min-height:0}.guide-bubble__controls:not(.guide-bubble__controls--hidden){max-height:80px;margin-top:10px}.guide-bubble__controls:not(.guide-bubble__controls--hidden) .guide-bubble__btn{animation:guideBtnFadeIn .22s ease-out both}.guide-bubble__controls:not(.guide-bubble__controls--hidden) .guide-bubble__btn:nth-child(1){animation-delay:.02s}.guide-bubble__controls:not(.guide-bubble__controls--hidden) .guide-bubble__btn:nth-child(2){animation-delay:.1s}.guide-bubble__controls:not(.guide-bubble__controls--hidden) .guide-bubble__btn:nth-child(3){animation-delay:.18s}.guide-bubble__controls:not(.guide-bubble__controls--hidden) .guide-bubble__btn:nth-child(4){animation-delay:.26s}.guide-bubble__controls:not(.guide-bubble__controls--hidden) .guide-bubble__btn:nth-child(5){animation-delay:.34s}.guide-bubble__controls:not(.guide-bubble__controls--hidden) .guide-bubble__btn:nth-child(6){animation-delay:.42s}@keyframes guideBtnFadeIn{0%{opacity:0}to{opacity:1}}.guide-bubble__btn{border:none;background:#f2f2f2;border-radius:var(--ui-radius);padding:6px 12px;height:var(--ui-height);box-sizing:border-box;cursor:pointer;touch-action:manipulation;font:inherit;font-weight:500;color:#000;display:inline-flex;align-items:center;justify-content:center;transition:background .1s ease;-webkit-tap-highlight-color:transparent}.guide-bubble__btn:hover{background:#eaeaea}.guide-bubble__btn:active{background:#e0e0e0}.guide-bubble__btn--dismiss{width:40px;height:40px;min-height:0;padding:0;flex-shrink:0;margin-left:auto;border-radius:50%;font-size:1.35em;line-height:1}.guide-bubble__progress{display:flex;gap:4px;align-items:center;margin-left:auto}.guide-bubble__progress-dot{width:4px;height:4px;border-radius:50%;background:#ddd}.guide-bubble__progress-dot.is-current{background:#000}.guide-bubble__progress-dot.is-done{background:#aaa}.guide-highlight{position:fixed;z-index:1999;border-radius:12px;box-shadow:0 0 0 3px #0000001f,0 0 0 6px #0000000a;pointer-events:none;transition:opacity .32s ease;opacity:0}.guide-highlight.is-visible{opacity:1}#videoGuideBtn.is-hidden{display:none}.vg-picker{--arrow-left: 151px;position:fixed;top:85px;left:84px;width:280px;max-height:calc(100vh - 105px);display:none;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000026;z-index:2500;overflow:visible;padding:0 10px 10px;font-family:Studio Feixen Sans,system-ui,sans-serif}.vg-picker.is-visible{display:flex}.vg-picker:before{content:"";position:absolute;top:-12px;left:var(--arrow-left, 50%);transform:translate(-50%);width:24px;height:12px;background:#fff;clip-path:path("M 0 12 C 4 12, 9 0, 12 0 C 15 0, 20 12, 24 12 Z");z-index:1}.vg-picker__header{display:flex;align-items:center;gap:10px;padding:20px 10px 20px 5px;border-bottom:1px solid rgba(0,0,0,.08);flex-shrink:0}.vg-picker__title{flex:1;font-weight:500;opacity:.85;font-size:18px}.vg-picker__close{display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin:-4px 0;padding-bottom:5px;border:none;background:#fff;border-radius:50%;box-shadow:0 1px 4px #0000001a;cursor:pointer;font-family:Icons,sans-serif;font-size:54px;line-height:0;color:#000;-webkit-font-smoothing:antialiased;flex-shrink:0;transition:background .1s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.vg-picker__close:hover{background:#f0f0f0}.vg-picker__close:active{background:#e0e0e0}.vg-picker__list{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 0;flex:1;scrollbar-width:none;-ms-overflow-style:none}.vg-picker__list::-webkit-scrollbar{display:none}.vg-picker__footer{padding:10px 4px 4px;border-top:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.vg-picker__hide-btn{width:100%;height:var(--ui-height);border:none;background:#f2f2f2;border-radius:var(--ui-radius);font:inherit;font-size:var(--app-font-size);font-weight:500;color:#999;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .1s}.vg-picker__hide-btn:hover{background:#e8e8e8}.vg-picker__hide-btn:active{background:#ddd}.vg-picker__item{display:flex;align-items:center;gap:10px;padding:5px 4px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;background:none;text-align:left;font:inherit;color:#222;border-radius:8px;transition:background .1s;box-sizing:border-box;min-width:0}.vg-picker__item:hover{background:#0000000a}.vg-picker__item:active{background:#00000014}.vg-picker__item-btn{width:34px;height:34px;padding:0;border:none;background:#fff;border-radius:50%;box-shadow:var(--ui-shadow-raised);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .1s ease}.vg-picker__item-btn:active{box-shadow:var(--ui-shadow-inset)}.vg-picker__item-btn__icon{font-family:Icons,sans-serif;font-size:3em;line-height:0;color:#000;-webkit-font-smoothing:antialiased;position:relative;top:-2px}.vg-picker__item-btn--watched{background:#e8f5e9;box-shadow:none}.vg-picker__item-btn--watched .vg-picker__item-btn__icon{color:#2e7d32}.vg-picker__item-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--app-font-size);font-weight:500}.vg-picker__item-duration{font-size:var(--app-font-size);font-variant-numeric:tabular-nums;color:#ddd;flex-shrink:0;padding-right:8px;-webkit-font-smoothing:antialiased}.vg-player{position:fixed;z-index:2600;display:none;flex-direction:column;background:#000;border-radius:14px;overflow:visible;box-shadow:0 12px 40px #0000004d;touch-action:none;min-width:220px;min-height:300px;font-family:Studio Feixen Sans,system-ui,sans-serif}.vg-player.is-visible{display:flex}.vg-player:before{content:"";position:absolute;top:-12px;left:var(--arrow-left, 151px);transform:translate(-50%);width:24px;height:12px;background:#000;clip-path:path("M 0 12 C 4 12, 9 0, 12 0 C 15 0, 20 12, 24 12 Z");z-index:1}.vg-player.is-user-placed:before{display:none}.vg-player__header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:none;position:absolute;top:0;left:0;right:0;z-index:3;cursor:grab}.vg-player.is-dragging .vg-player__header{cursor:grabbing}.vg-player__actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.vg-player__title{font-size:var(--app-font-size);font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;background:#00000026;padding:6px 14px;border-radius:999px;-webkit-font-smoothing:antialiased}.vg-player__btn{width:40px;height:40px;border:none;background:#00000026;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .12s}.vg-player__btn:hover{background:#00000040}.vg-player__btn:active{background:#00000059}.vg-player__btn .vg-player__ctrl-icon{font-size:3em}.vg-player__btn--hide{width:auto;border-radius:15px;padding:0 10px;font-size:.72em;font-weight:500;gap:4px;white-space:nowrap}.vg-player__video{width:100%;flex:1;min-height:0;display:block;object-fit:contain;background:#000;border-radius:14px}.vg-player__controls{display:flex;align-items:center;gap:8px;padding:6px 8px 8px;background:none;position:absolute;bottom:0;left:0;right:0;z-index:1}.vg-player__ctrl-icon{font-family:Icons,sans-serif;font-size:3em;line-height:0;color:#fff;-webkit-font-smoothing:antialiased;position:relative;top:-2px}.vg-player__play,.vg-player__fullscreen,.vg-player__resize{width:40px;height:40px;padding:0;border:none;background:#00000026;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .12s}.vg-player__play:hover,.vg-player__fullscreen:hover,.vg-player__resize:hover{background:#00000040}.vg-player__play:active,.vg-player__fullscreen:active,.vg-player__resize:active{background:#00000059}.vg-player__resize{cursor:nwse-resize}.vg-player__endscreen{position:absolute;inset:0;z-index:2;display:none;flex-direction:column;align-items:center;justify-content:center;background:#00000059;border-radius:14px;pointer-events:none}.vg-player__endscreen.is-visible{display:flex;pointer-events:auto;animation:vg-endscreen-in .3s ease}@keyframes vg-endscreen-in{0%{opacity:0}to{opacity:1}}.vg-player__endscreen-bar{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:6px 8px 8px;pointer-events:auto}.vg-player__endscreen-bar .vg-player__replay,.vg-player__endscreen-bar .vg-player__resize{width:40px;height:40px;padding:0;border:none;background:#00000026;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .12s}.vg-player__endscreen-bar .vg-player__replay:hover,.vg-player__endscreen-bar .vg-player__resize:hover{background:#00000040}.vg-player__endscreen-bar .vg-player__replay:active,.vg-player__endscreen-bar .vg-player__resize:active{background:#00000059}.vg-player__endscreen-bar .vg-player__resize{cursor:nwse-resize}.vg-player__next{height:40px;padding:0 12px;border:none;background:#00000073;border-radius:999px;cursor:pointer;display:flex;align-items:center;gap:6px;min-width:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .12s}.vg-player__next:hover{background:#0000008c}.vg-player__next:active{background:#000000a6}.vg-player__next-label{color:#fff;font-size:var(--app-font-size);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-font-smoothing:antialiased}.vg-player__progress{flex:1;height:4px;background:#fff3;cursor:pointer;position:relative;touch-action:manipulation;padding:21px 18px;background-clip:content-box;border-radius:999px}.vg-player__progress:before{content:"";position:absolute;inset:0;background:#00000026;border-radius:999px;z-index:-1}.vg-player__progress-fill{height:4px;background:#fff;border-radius:2px;width:0%;pointer-events:none;position:absolute;top:21px;left:18px}.vg-player__progress-handle{position:absolute;top:23px;left:18px;transform:translate(-50%,-50%);width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #0000004d;pointer-events:none}.vg-nudge{position:fixed;z-index:2500;transform:translate(-50%);max-width:220px;background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000026;padding:12px 14px;font-family:Studio Feixen Sans,system-ui,sans-serif;touch-action:manipulation;-webkit-tap-highlight-color:transparent;overflow:visible;opacity:0;transition:opacity .25s ease,transform .25s ease;pointer-events:none}.vg-nudge.is-visible{opacity:1;pointer-events:auto}.vg-nudge:before{content:"";position:absolute;top:-12px;left:50%;transform:translate(-50%);width:24px;height:12px;background:#fff;clip-path:path("M 0 12 C 4 12, 9 0, 12 0 C 15 0, 20 12, 24 12 Z");z-index:1}.vg-nudge__preview{display:none;width:100%;border-radius:8px;margin:0 0 8px;pointer-events:none}.vg-nudge__title{font-size:var(--app-font-size);font-weight:500;color:#999;line-height:1.3;margin:0 0 4px}.vg-nudge__text{font-size:var(--app-font-size);font-weight:500;color:#000;line-height:1.4;margin:0 0 12px}.vg-nudge__actions{display:flex;align-items:center;gap:6px}.vg-nudge__watch{flex:1;height:var(--ui-height);border:none;background:#000;color:#fff;border-radius:var(--ui-radius);font:inherit;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px;padding:0 14px 0 8px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .1s}.vg-nudge__watch:hover{background:#222}.vg-nudge__watch:active{background:#444}.vg-nudge__watch-icon{font-family:Icons,sans-serif;font-size:3em;line-height:0;-webkit-font-smoothing:antialiased;position:relative;top:-2px}.vg-nudge__watch--icon-only{flex:0;width:var(--ui-height);min-width:var(--ui-height);padding:0 0 0 4px;border-radius:50%;justify-content:center}.vg-nudge__dismiss{width:var(--ui-height);height:var(--ui-height);border:none;background:#f2f2f2;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .1s}.vg-nudge__dismiss:hover{background:#e8e8e8}.vg-nudge__dismiss:active{background:#ddd}.vg-nudge__dismiss--wide{width:auto;flex:1;border-radius:var(--ui-radius);padding:0 14px;justify-content:center}.vg-nudge__dismiss--wide .vg-nudge__dismiss-icon{display:none}.vg-nudge__dismiss-icon{font-family:Icons,sans-serif;font-size:3em;line-height:0;color:#999;-webkit-font-smoothing:antialiased;position:relative;top:-2px}.vg-nudge__dismiss-label{font-size:var(--app-font-size);font-weight:500;color:#999}.authBg__video{position:fixed;inset:0;z-index:9999;width:100%;height:100%;object-fit:cover;display:none;pointer-events:none}.authBg__video.is-visible{display:block}#authScreen,#planScreen,#paywallScreen{position:fixed;inset:0;z-index:10000;background:transparent;display:none;align-items:center;justify-content:center;font-family:Studio Feixen Sans,system-ui,sans-serif;color:#000}#authScreen.is-visible,#planScreen.is-visible,#paywallScreen.is-visible{display:flex}.authScreen__card{width:min(380px,calc(100vw - 48px));background:#fff;border-radius:30px;padding:28px 24px;box-shadow:0 8px 30px #00000026;text-align:center}.authScreen__title{font-size:3.5em;margin-top:24px;margin-bottom:0;position:relative;display:inline-block}.authScreen__badge{position:absolute;right:-31px;top:13px;font-size:.22em;padding:4px 8px;border-radius:999px;background:#e5e5e5;color:#000;letter-spacing:.02em}.authScreen__subtitle{opacity:.35;margin-top:-7px;margin-bottom:56px}.authScreen__form{display:flex;flex-direction:column;gap:10px}.authScreen__nameRow{display:flex;gap:10px}.authScreen__nameRow .authScreen__input{flex:1;min-width:0}.authScreen__input{height:var(--ui-height);padding:0 16px;border:none;border-radius:var(--ui-radius);background:#0000000a;box-shadow:var(--ui-shadow-inset);box-sizing:border-box;font:inherit;font-variant-numeric:tabular-nums;text-align:center}.authScreen__input:focus{outline:none;background:#00d2c81f;color:#000;box-shadow:inset 0 1px 4px #00507840;-webkit-tap-highlight-color:transparent}.authScreen__input::selection{background:#00507826}.authScreen__input::placeholder{color:#0006}.authScreen__input:focus::placeholder{color:#00507866}.authScreen__pwWrap{position:relative}.authScreen__pwWrap .authScreen__input{width:100%;padding-left:48px;padding-right:48px}.authScreen__pwToggle{position:absolute;right:6px;top:50%;transform:translateY(-54%);width:40px;height:40px;padding:0;border:none;background:transparent;border-radius:50%;cursor:pointer;font-family:Icons,sans-serif;font-size:54px;line-height:0;color:#00000026;-webkit-font-smoothing:antialiased;display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color .1s}.authScreen__pwToggle:hover{color:#00000059}.authScreen__pwToggle.is-visible{color:#0009}.authScreen__hint{opacity:.35;font-size:.9em;margin-top:-4px}.authScreen__btn{height:var(--ui-height);padding:0 16px;border:none;border-radius:var(--ui-radius);background:#000;color:#fff;font:inherit;box-sizing:border-box;cursor:pointer;box-shadow:0 1px 2px #00000026,0 6px 12px #0000001f}.authScreen__btn:active{box-shadow:var(--ui-shadow-inset)}.authScreen__btn:disabled{opacity:.4;cursor:default;box-shadow:none}.authScreen__error{color:#f44;min-height:0}.authScreen__error:not(:empty){min-height:1.2em}.authScreen__links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.authScreen__link{background:none;border:none;font:inherit;opacity:.35;cursor:pointer;padding:4px 0}.authScreen__link:hover{opacity:.6}.authScreen__sent{display:none;flex-direction:column;align-items:center;gap:12px;margin-top:24px;padding:24px 16px;background:#6a6a6a1a;border-radius:var(--ui-radius)}.authScreen__sent.is-visible{display:flex}.authScreen__sentText{opacity:.6;line-height:1.6}.authScreen__toggle{margin-top:12px;opacity:.5}.authScreen__toggle .authScreen__link{opacity:1;text-decoration:underline;text-underline-offset:2px}.paywall__card{width:min(380px,calc(100vw - 48px));background:#fff;border-radius:12px;padding:28px 24px;box-shadow:0 8px 30px #00000026;text-align:center}.paywall__title{font-size:1.7em;margin-bottom:8px}.paywall__subtitle{opacity:.5;margin-bottom:24px;line-height:1.5}.paywall__tabs{display:flex;gap:0;background:#0000000a;border-radius:var(--ui-radius);padding:3px;margin-bottom:20px}.paywall__tab{flex:1;height:calc(var(--ui-height) - 6px);border:none;border-radius:calc(var(--ui-radius) - 2px);background:transparent;font:inherit;cursor:pointer;opacity:.4;transition:opacity .15s ease,background .15s ease,box-shadow .15s ease}.paywall__tab.is-active{background:#fff;opacity:1;box-shadow:var(--ui-shadow-raised)}.paywall__detail{display:none}.paywall__detail.is-active{display:block}.paywall__price{font-size:1.7em;margin-bottom:6px}.paywall__priceUnit{font-size:.5em;opacity:.4}.paywall__sliderRow{margin-bottom:16px}.paywall__slider{--range-h: var(--ui-height);--thumb: 24px;--inset: calc((var(--range-h) - var(--thumb)) / 2);width:100%;-webkit-appearance:none;appearance:none;height:var(--ui-height);max-height:var(--ui-height);box-sizing:border-box;background:#0000000d;border:none;border-radius:999px;padding:0 var(--inset);margin:0;cursor:pointer}.paywall__slider::-webkit-slider-runnable-track{height:var(--range-h);background:transparent;border:none;border-radius:999px}.paywall__slider::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);height:var(--thumb);border-radius:999px;background:#fff;border:none;box-shadow:0 1px 2px #0000001a,0 6px 12px #00000014;margin-top:var(--inset);cursor:pointer}.paywall__slider::-moz-range-track{height:var(--range-h);background:transparent;border:none;border-radius:999px}.paywall__slider::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border-radius:999px;background:#fff;border:none;box-shadow:0 1px 2px #0000001a,0 6px 12px #00000014;cursor:pointer}.paywall__features{list-style:none;padding:0;margin:0 0 20px;text-align:left}.paywall__features li{padding:8px 0;border-bottom:1px solid rgba(0,0,0,.06);opacity:.6}.paywall__features li:last-child{border-bottom:none}.paywall__subscribeBtn{width:100%;height:var(--ui-height);border:none;border-radius:var(--ui-radius);background:#000;color:#fff;font:inherit;box-sizing:border-box;cursor:pointer;box-shadow:0 1px 2px #00000026,0 6px 12px #0000001f;margin-bottom:8px}.paywall__subscribeBtn:active{box-shadow:var(--ui-shadow-inset)}.paywall__codeRow{margin-top:12px}.paywall__codeToggle{background:none;border:none;font:inherit;opacity:.35;cursor:pointer;padding:4px 0}.paywall__codeToggle:hover{opacity:.6}.paywall__codeInputWrap{display:flex;flex-direction:column;gap:8px;margin-top:8px}.paywall__codeField{text-transform:uppercase;letter-spacing:.08em}.paywall__subscribeBtn--small{height:calc(var(--ui-height) - 4px);font-size:.95em}.paywall__signout{background:none;border:none;font:inherit;opacity:.35;cursor:pointer;padding:8px}.paywall__signout:hover{opacity:.6}#accountArea{display:flex;align-items:center;gap:16px}#accountGreeting{opacity:.4}#accountBtn{width:36px;height:36px;border:none;border-radius:50%;background:#0000000f;font:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;flex-shrink:0;padding:0}#accountBtn.is-close{font-family:Icons,sans-serif;font-size:48px;line-height:0;text-transform:none;-webkit-font-smoothing:antialiased;padding-bottom:4px}#accountPanel{position:fixed;top:76px;right:24px;z-index:6000;background:#fff;border-radius:var(--ui-radius);box-shadow:0 4px 12px #0000001a,0 12px 40px #00000026;padding:20px;width:min(320px,calc(100vw - 32px));display:none;font-family:Studio Feixen Sans,system-ui,sans-serif;color:#000;overflow:visible}#accountPanel:before{content:"";position:absolute;top:-12px;right:12px;width:24px;height:12px;background:#fff;clip-path:path("M 0 12 C 4 12, 9 0, 12 0 C 15 0, 20 12, 24 12 Z");z-index:1}#accountPanel.is-visible{display:block}.accountPanel__name{margin-bottom:0}.accountPanel__email{opacity:.5;margin-bottom:4px;word-break:break-all}.accountPanel__divider{border:none;border-top:1px solid rgba(0,0,0,.08);margin:12px 0}.accountPanel__plan{opacity:.5;margin-bottom:16px}.accountPanel__actions{display:flex;flex-direction:column;gap:12px}.accountPanel__btn{height:var(--ui-height);padding:6px 14px;border:none;border-radius:var(--ui-radius);cursor:pointer;font:inherit;box-shadow:var(--ui-shadow-raised);background:#0000000a;color:#000}.accountPanel__btn:active{box-shadow:var(--ui-shadow-inset)}.accountPanel__btn--primary{background:#000;color:#fff;box-shadow:0 1px 2px #00000026,0 6px 12px #0000001f}.accountPanel__btn--danger{color:#f44;background:#f443;box-shadow:none}.accountPanel__btn--danger:active{background:#ff44444d;box-shadow:none}.accountPanel__pwForm{display:flex;flex-direction:column;gap:8px}.accountPanel__pwForm .authScreen__input{text-align:left}#phoneGate{position:fixed;inset:0;z-index:10001;background:#f0f0f0;display:none;align-items:center;justify-content:center;padding:24px;font-family:Studio Feixen Sans,system-ui,sans-serif;color:#000}#phoneGate[data-active="1"]{display:flex}.phoneGate__text{font-size:var(--app-font-size);line-height:1.2;color:#e74c3c;background:#e74c3c1a;border-radius:12px;padding:12px 16px;margin:0}#browserGate{position:fixed;top:0;left:0;right:0;z-index:99998;background:#fc0;color:#000;font-family:Studio Feixen Sans,system-ui,sans-serif;font-size:var(--app-font-size);padding:12px 56px 12px 16px;text-align:center;box-shadow:0 2px 8px #00000014}.browserGate__close{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:32px;height:32px;background:#0000001a;border:none;border-radius:999px;box-shadow:none;font-family:Icons,sans-serif;font-size:3em;line-height:0;padding:0;color:#000;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.browserGate__close:active{background:#0000002e}.color-picker{position:relative;display:inline-flex;align-items:center;gap:8px;font-family:inherit;color:inherit}#ui .color-picker__trigger,#topRightTools .color-picker__trigger,#leftColorPickers .color-picker__trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:0;border:1px solid rgba(0,0,0,.25);background:#fff;border-radius:999px;padding:0;width:var(--ui-height, 44px);height:var(--ui-height, 44px);min-width:var(--ui-height, 44px);min-height:var(--ui-height, 44px);cursor:pointer;font:inherit;line-height:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:var(--picker-color, #000)}.color-picker__trigger:focus-visible{outline:none;border-color:#0006}#ui .color-picker__trigger.is-gradient-mode,#topRightTools .color-picker__trigger.is-gradient-mode,#leftColorPickers .color-picker__trigger.is-gradient-mode{overflow:hidden;background:transparent!important}.color-picker__trigger.is-gradient-mode:before{content:"";position:absolute;inset:-20% 0;background:var(--trigger-gradient);pointer-events:none;z-index:0}.color-picker__trigger.is-palette-mode{background:transparent!important;border-color:transparent!important;overflow:visible;box-shadow:none}.trigger-petal{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.6);pointer-events:none;box-sizing:border-box}.color-picker__swatch{display:none!important}#ui .color-picker__value,#ui .color-picker__caret,#topRightTools .color-picker__value,#topRightTools .color-picker__caret,#leftColorPickers .color-picker__value,#leftColorPickers .color-picker__caret{display:none}.color-picker.is-open .color-picker__caret{transform:rotate(180deg)}.color-picker__panel{position:absolute;top:calc(100% + 8px);left:0;z-index:1000;width:320px;border-radius:12px;background:#fff;box-shadow:0 10px 30px #0000001f;display:none;box-sizing:border-box}.color-picker.is-open .color-picker__panel{display:flex;flex-direction:column;max-height:calc(100vh - 120px);overflow:hidden}.color-picker__header{display:flex;align-items:center;gap:10px;padding:17px 22px 15px 17px;margin:0;border-bottom:1px solid rgba(0,0,0,.08);flex-shrink:0}.color-picker__content{flex:1 1 auto;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;min-height:0;padding:12px;overscroll-behavior:contain;touch-action:pan-y}.color-picker__title{flex:1;font-weight:500;opacity:.85;font-size:18px}#topRightTools .color-picker__panel{left:auto;right:0}.color-picker__hex-row{display:flex;align-items:center;gap:0;margin-bottom:12px;height:var(--ui-height, 44px);min-height:var(--ui-height, 44px);flex-shrink:0;padding:0;border-radius:var(--ui-radius, 10px);background:#fff;box-shadow:var(--ui-shadow-raised);overflow:hidden}.color-picker__hex-preview{width:50%;height:100%;flex-shrink:0;background:#000;border-right:1px solid rgba(0,0,0,.08);border-radius:var(--ui-radius, 10px) 0 0 var(--ui-radius, 10px);overflow:hidden}.color-picker__hex-label{font-size:16px;font-weight:500;opacity:.5;user-select:none;padding-left:10px;flex-shrink:0}.color-picker__hex-input{flex:1;min-width:0;border:none;background:transparent;font:inherit;font-size:16px;font-family:ui-monospace,SF Mono,Monaco,Cascadia Code,Roboto Mono,Menlo,monospace;text-transform:uppercase;letter-spacing:.5px;padding:0 10px 0 4px;outline:none}.color-picker__hex-input::placeholder{opacity:.3;text-transform:uppercase}.color-picker__sv{position:relative;width:100%;height:calc(100vw - 24px);height:min(296px,calc(100vw - 24px));min-height:148px;flex-shrink:1;border-radius:10px;overflow:hidden;cursor:crosshair;background:red;border:none;box-shadow:none}.color-picker__sv:after{content:"";position:absolute;inset:0;border-radius:10px;box-shadow:inset 0 1px 3px #0000001a,inset 0 -1px 3px #0000000f;pointer-events:none;z-index:3}.color-picker__sv-white{position:absolute;inset:0;background:linear-gradient(90deg,#fff,#fff0)}.color-picker__sv-black{position:absolute;inset:0;background:linear-gradient(0deg,#000,#0000)}.color-picker__sv-cursor{position:absolute;width:14px;height:14px;border-radius:999px;border:2px solid #fff;box-shadow:0 0 0 1px #0006;transform:translate(-7px,-7px);pointer-events:none}.color-picker__sliders{margin-top:10px;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.color-picker__slider{display:grid;grid-template-columns:16px 1fr;align-items:center;gap:8px}.color-picker__range-wrap{width:100%;min-width:0}.color-picker__slider-label{font-size:inherit;opacity:.7;text-align:center}.color-picker__slider input[type=range]{width:100%;height:var(--ui-height, 44px);--thumb: 24px;--inset: calc((var(--ui-height, 44px) - var(--thumb)) / 2);padding:0 var(--inset);margin:0;appearance:none;border-radius:999px;border:0;background:var(--cp-gradient, rgba(0,0,0,.08));box-shadow:var(--ui-shadow-inset, inset 0 1px 2px rgba(0,0,0,.08), inset 0 -1px 2px rgba(255,255,255,.6));background-repeat:no-repeat;background-size:100% 100%;background-position:center;background-origin:border-box;background-clip:border-box;box-sizing:border-box}.color-picker__slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--thumb, 24px);height:var(--thumb, 24px);border-radius:999px;background:#fff;border:none;box-shadow:0 1px 2px #0000001a,0 6px 12px #00000014;margin-top:var(--inset)}.color-picker__slider input[type=range]::-webkit-slider-runnable-track{height:var(--ui-height, 44px);border-radius:999px;background:transparent;box-shadow:none}.color-picker__slider input[type=range]::-moz-range-thumb{width:var(--thumb, 24px);height:var(--thumb, 24px);border-radius:999px;background:#fff;border:none;box-shadow:0 1px 2px #0000001a,0 6px 12px #00000014}.color-picker__slider input[type=range]::-moz-range-track{height:var(--ui-height, 44px);border-radius:999px;background:transparent;box-shadow:none}.color-picker__section-divider{display:flex;align-items:center;margin:4px 0 0;padding-top:8px;border-top:1px solid rgba(0,0,0,.08)}.color-picker__section-title{font-size:inherit;opacity:.7}.color-picker__slider--a input[type=range]{background-image:var(--cp-gradient, linear-gradient(90deg, transparent, #000)),repeating-conic-gradient(#d0d0d0 0% 25%,#fff 0% 50%);background-size:100% 100%,6px 6px;background-repeat:no-repeat,repeat;background-origin:border-box,border-box;background-clip:border-box,border-box;background-position:center,center}.color-picker__sv.is-recording-locked{cursor:not-allowed}.color-picker__anim-presets{margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.08);width:100%;box-sizing:border-box;flex-shrink:0}.color-picker__anim-presets-wrap{display:flex;flex-direction:column;gap:8px;width:100%;box-sizing:border-box}.color-picker__anim-presets-header{display:flex;align-items:center;margin-bottom:4px}.color-picker__anim-presets-label{font-size:inherit;opacity:.7}.color-picker__anim-preset-swatch.is-dragging{opacity:.3;transform:scale(.9)}.color-picker__anim-preset-add-icon{display:inline-block;transform:rotate(45deg)}.color-picker__anim-preset-add{border:none!important;background:#fff!important;box-shadow:var(--ui-shadow-raised)!important}.color-picker__anim-preset-add:active{box-shadow:var(--ui-shadow-inset)!important}.color-picker__anim-preset-clear{border:none!important}.color-picker__anim-preset-clear{background:#ff44441a!important}.color-picker__anim-preset-clear .color-picker__palette-add-icon{color:#ff4444b3;transform:none}.color-picker__anim-preset-clear:hover{background:#f443!important}.color-picker__anim-preset-clear:hover .color-picker__palette-add-icon{color:#f44}.color-picker__anim-preset-add.is-disabled,.color-picker__anim-preset-clear.is-disabled{opacity:.4;pointer-events:none}.color-picker__anim-preset-ghost{position:fixed;width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.9);pointer-events:none;z-index:10000;transform:translate(-50%,-50%);box-shadow:0 4px 12px #00000040;transition:background .15s ease,border-color .15s ease}.color-picker__anim-preset-ghost.is-delete{border-color:#f44;box-shadow:0 4px 12px #f446}.color-picker__palette{margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.08);width:100%;box-sizing:border-box;flex-shrink:0}.color-picker__palette-wrap{display:flex;flex-direction:column;gap:8px;width:100%;box-sizing:border-box}.color-picker__palette-header{display:flex;align-items:center;margin-bottom:0}.color-picker__palette-label{font-size:inherit;opacity:.7}.color-picker__palette-swatch.color-picker__palette-add{background:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--ui-shadow-raised)}.color-picker__palette-swatch.color-picker__palette-add:hover{transform:scale(1.1);z-index:1}.color-picker__palette-swatch.color-picker__palette-add:active{transform:scale(.95);box-shadow:var(--ui-shadow-inset)}.color-picker__palette-swatch.color-picker__palette-add.is-disabled{opacity:.4;pointer-events:none}.color-picker__palette-add-icon{font-size:18px;font-weight:300;color:#0006;line-height:1;display:inline-block;transform:rotate(45deg)}.color-picker__palette-grid{--swatch-columns: 6;--swatch-gap: 8px;display:grid;grid-template-columns:repeat(var(--swatch-columns),1fr);gap:var(--swatch-gap);min-height:36px;width:100%;box-sizing:border-box}.color-picker__palette-hint{font-size:inherit;opacity:.5;padding:4px 0}.color-picker__palette-swatch{aspect-ratio:1 / 1;width:100%;border-radius:50%;border:1px solid rgba(0,0,0,.15);cursor:grab;padding:0;transition:transform .1s ease,box-shadow .1s ease;touch-action:none;-webkit-user-select:none;user-select:none}.color-picker__palette-swatch:hover{transform:scale(1.1);box-shadow:0 2px 8px #00000026;z-index:1}.color-picker__palette-swatch:active{cursor:grabbing}.color-picker__palette-swatch.is-dragging{opacity:.3;transform:scale(.9)}.color-picker__palette-swatch.is-drop-before,.color-picker__palette-swatch.is-drop-after{position:relative}.color-picker__palette-swatch.is-drop-before:before,.color-picker__palette-swatch.is-drop-after:after{content:"";position:absolute;top:-2px;bottom:-2px;width:3px;background:#007aff;border-radius:2px;pointer-events:none}.color-picker__palette-swatch.is-drop-before:before{left:calc(var(--swatch-gap, 8px) / -2 - 1px)}.color-picker__palette-swatch.is-drop-after:after{right:calc(var(--swatch-gap, 8px) / -2 - 1px)}.color-picker__palette-ghost{position:fixed;width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.9);pointer-events:none;z-index:10000;transform:translate(-50%,-50%);box-shadow:0 4px 12px #00000040;transition:background .15s ease,border-color .15s ease}.color-picker__palette-ghost.is-delete{border-color:#f44;box-shadow:0 4px 12px #f446}.palette-btn-row{display:flex;gap:8px;margin-top:8px}.palette-browse__btn{display:flex;align-items:center;justify-content:center;flex:1;height:var(--ui-height, 44px);border:none;border-radius:var(--ui-radius, 10px);background:#fff;box-shadow:var(--ui-shadow-raised);cursor:pointer;box-sizing:border-box;font:inherit;color:inherit;-webkit-user-select:none;user-select:none}.palette-browse__btn:hover{background:#fafafa}.palette-browse__btn:active{box-shadow:var(--ui-shadow-inset)}.palette-browse__btn.is-disabled{opacity:.4;pointer-events:none;cursor:default}.color-anim-browse-panel__row.color-picker__anim-browse-row{position:relative;display:flex;flex-direction:row;align-items:center;min-height:48px;box-sizing:border-box;border-radius:var(--ui-radius, 10px);border:1px solid rgba(0,0,0,.12);padding:20px 20px 20px 60px;overflow:hidden}.color-anim-browse-panel__row.color-picker__anim-browse-row>.palette-browse-panel__delete{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:40px;height:40px;min-width:40px;max-width:40px;flex-shrink:0;aspect-ratio:auto;box-sizing:border-box;z-index:2;background:#00000014!important;border-radius:50%}.color-anim-browse-panel__row.color-picker__anim-browse-row>.palette-browse-panel__delete .color-picker__palette-add-icon{color:#111!important;transform:none!important}.color-anim-browse-panel__row.color-picker__anim-browse-row>.palette-browse-panel__delete:hover{background:#00000024!important;transform:translateY(-50%) scale(1.05)}.color-anim-browse-panel__row.color-picker__anim-browse-row>.palette-browse-panel__delete:hover .color-picker__palette-add-icon{color:#000!important}.color-anim-browse-panel__row.color-picker__anim-browse-row>.palette-browse-panel__delete:active{background:#0000002e!important;transform:translateY(-50%) scale(.98)}.color-picker__anim-browse-title{position:relative;z-index:1;flex:1;min-width:0;margin:0;padding:0;font-size:inherit;font-weight:400;line-height:inherit;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.palette-browse-panel__row.color-picker__anim-browse-row:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;transition:background-color .12s ease}.palette-browse-panel__row.color-picker__anim-browse-row:hover:before{background-color:#0000000f}.palette-browse-panel__row.color-picker__anim-browse-row:active:before{background-color:#0000001a}.palette-browse-panel__ghost.color-anim-browse-panel__ghost{min-width:240px;padding:0;background:transparent;box-shadow:none;border-radius:0}.palette-browse-panel__ghost.color-anim-browse-panel__ghost>.palette-browse-panel__row{box-shadow:0 8px 24px #00000038;pointer-events:none}.palette-browse-panel{width:320px;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001f;display:flex;flex-direction:column;overflow:hidden;font:inherit;box-sizing:border-box}.palette-browse-panel__header{display:flex;align-items:center;padding:17px 22px 15px 17px;margin:0;gap:8px;flex-shrink:0;border-bottom:1px solid rgba(0,0,0,.08)}.palette-browse-panel__title{font-weight:400;font-size:18px;flex:1}.palette-browse-panel__body{flex:1;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:4px}#colorAnimBrowsePanel .palette-browse-panel__body{gap:6px}.palette-browse-panel__empty{padding:20px 12px;text-align:center;opacity:.5;font-size:13px;line-height:1.4}.palette-browse-panel__row{padding:10px;border-radius:var(--ui-radius, 10px);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease;position:relative}.palette-browse-panel__row:hover{background:#0000000a}.palette-browse-panel__row:active{background:#00000014}.palette-browse-panel__row.is-dragging{opacity:.3}.palette-browse-panel__row.is-drop-above:before{content:"";position:absolute;top:-2px;left:10px;right:10px;height:3px;border-radius:2px;background:#007aff;pointer-events:none}.palette-browse-panel__row.is-drop-below:after{content:"";position:absolute;bottom:-2px;left:10px;right:10px;height:3px;border-radius:2px;background:#007aff;pointer-events:none}.palette-browse-panel__ghost{position:fixed;pointer-events:none;z-index:99999;opacity:.85;background:var(--ui-surface, #fff);border-radius:var(--ui-radius, 10px);padding:10px;box-shadow:0 8px 24px #0003;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}.palette-browse-panel__row-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.palette-browse-panel__swatch{aspect-ratio:1 / 1;width:100%;border-radius:50%;border:1px solid rgba(0,0,0,.15);box-sizing:border-box}.palette-browse-panel__delete{background:#ff44441a!important;border:none!important;cursor:pointer}.palette-browse-panel__delete .color-picker__palette-add-icon{color:#ff4444b3;transform:none}.palette-browse-panel__delete:hover{background:#f443!important;transform:scale(1.1)}.palette-browse-panel__delete:hover .color-picker__palette-add-icon{color:#f44}.color-picker__mode{margin-bottom:12px;display:none;flex-shrink:0}.color-picker__mode.is-visible,.color-picker--fill .color-picker__mode,.color-picker__panel.color-picker--fill .color-picker__mode{display:block}.color-picker__mode-select-wrap{position:relative;display:flex;align-items:center;width:100%;height:var(--ui-height, 44px);border:none;border-radius:var(--ui-radius, 10px);background:#fff;box-shadow:var(--ui-shadow-raised);cursor:pointer;box-sizing:border-box;overflow:hidden}.color-picker__mode-select-wrap:active{box-shadow:var(--ui-shadow-inset)}.color-picker__mode-select-wrap:after{content:"↓";position:absolute;right:13px;top:50%;transform:translateY(-50%);color:var(--ui-border-color, rgba(0,0,0,.15));opacity:1;pointer-events:none;font:inherit;line-height:1}.color-picker__mode-select{width:100%;height:100%;padding:0 30px 0 12px;border:none;border-radius:inherit;background:transparent;font:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.color-picker__mode-select:focus{outline:none}.color-picker__sv,.color-picker__sliders,.color-picker__anim-presets,.color-picker__palette,.color-picker__hex-row{position:relative}.color-picker.is-mode-none .color-picker__sv,.color-picker.is-mode-none .color-picker__sliders,.color-picker.is-mode-none .color-picker__hex-row,.color-picker__panel.is-mode-none .color-picker__sv,.color-picker__panel.is-mode-none .color-picker__sliders,.color-picker__panel.is-mode-none .color-picker__hex-row{pointer-events:none}.color-picker.is-mode-none .color-picker__sliders input,.color-picker.is-mode-none .color-picker__hex-input,.color-picker__panel.is-mode-none .color-picker__sliders input,.color-picker__panel.is-mode-none .color-picker__hex-input{pointer-events:none!important}.color-picker.is-mode-none .color-picker__sv:after,.color-picker.is-mode-none .color-picker__sliders:after,.color-picker.is-mode-none .color-picker__hex-row:after,.color-picker__panel.is-mode-none .color-picker__sv:after,.color-picker__panel.is-mode-none .color-picker__sliders:after,.color-picker__panel.is-mode-none .color-picker__hex-row:after{content:"";position:absolute;inset:0;background:#ffffffd9;border-radius:10px;z-index:100}.color-picker.is-mode-palette .color-picker__palette,.color-picker__panel.is-mode-palette .color-picker__palette{border-color:#0003}.color-picker.is-mode-palette .color-picker__anim-presets,.color-picker__panel.is-mode-palette .color-picker__anim-presets,.color-picker.is-mode-none .color-picker__anim-presets,.color-picker.is-mode-none .color-picker__palette,.color-picker__panel.is-mode-none .color-picker__anim-presets,.color-picker__panel.is-mode-none .color-picker__palette{display:none!important}#fillColorPicker{display:none}#fillColorPicker.is-visible{display:inline-flex}.color-picker__trigger.is-empty{background:transparent!important;border:2px dashed rgba(0,0,0,.25)}.color-picker__trigger.is-empty:after{content:"";position:absolute;width:100%;height:2px;background:#0003;transform:rotate(-45deg)}.color-picker__palette-swatch.is-animated{position:relative}.color-picker__palette-swatch.is-animated:after{content:"~";position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;font-size:10px;line-height:14px;text-align:center;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;color:#000}.color-picker__panel{position:relative}.color-picker__none-overlay{display:none!important}.color-picker--recording .color-picker__slider,.color-picker__panel.color-picker--recording .color-picker__slider{grid-template-columns:16px 1fr auto}.color-picker__rec-wrap{display:flex;flex-wrap:nowrap;align-items:center;gap:4px}.color-picker__rec-btn{width:var(--ui-height, 44px);height:var(--ui-height, 44px);flex-shrink:0;margin:0;padding:0;border:none;outline:none;border-radius:50%;background:#fcfcfc;color:#000;font-family:Studio Feixen Sans,system-ui,sans-serif;font-size:16px;font-weight:600;line-height:1;text-align:center;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,box-shadow .15s;box-shadow:0 2px 8px #00000026,0 1px 3px #0000001a}.color-picker__rec-btn:hover{box-shadow:0 4px 12px #0003,0 2px 4px #00000026}.color-picker__rec-btn.is-armed{background:red;color:#fff;box-shadow:0 2px 8px #ff000059,0 1px 3px #00000026;animation:rec-pulse 1s infinite}.color-picker__rec-btn.is-recording{background:red;color:#fff;box-shadow:0 4px 12px #f006,0 2px 4px #0003;animation:none}.color-picker__rec-btn.is-recorded{background:#fff;color:#000000a6;font-family:Icons,sans-serif;font-size:54px;font-weight:400;line-height:0;padding-bottom:3px;box-shadow:0 2px 8px #00000026,0 1px 3px #0000001a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.color-picker__rec-btn.is-recorded:hover{background:#f5f5f5;color:#000000d9;box-shadow:0 4px 12px #0003,0 2px 4px #00000026}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.6}}.color-picker__rec-clear{-webkit-appearance:none;appearance:none;width:var(--ui-height, 44px);height:var(--ui-height, 44px);flex-shrink:0;margin:0;padding:0;border:none;outline:none;border-radius:50%;background-color:#ff44441a;color:#ff4444b3;font-size:14px;font-family:inherit;line-height:1;text-align:center;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center;transition:background-color .15s,color .15s;box-shadow:var(--ui-shadow-raised)}.color-picker__rec-clear:hover{background-color:#f443;color:#f44}.color-picker__rec-clear:active{transform:scale(.95);box-shadow:var(--ui-shadow-inset)}.color-picker__rec-start-marker{position:absolute;top:calc(50% - 2px);width:26px;height:26px;background:#ff00001f;border:2px solid rgba(255,0,0,.45);border-radius:50%;pointer-events:none;z-index:5;transform:translate(-50%,-50%);box-sizing:border-box}.color-picker__rec-path-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.color-picker__rec-keypoints{position:absolute;inset:0;pointer-events:none;z-index:4}@keyframes kpPopIn{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes kpBurstRing{0%{transform:scale(1);opacity:.7}50%{transform:scale(2.5);opacity:.25}to{transform:scale(3.5);opacity:0}}.color-picker__rec-keypoint{position:absolute;top:calc(50% - 2px);width:7px;height:7px;background:#0000002e;border-radius:50%;pointer-events:auto;cursor:grab;box-shadow:0 0 0 1px #fff3;transform:translate(-50%,-50%);animation:kpPopIn .2s cubic-bezier(.34,1.56,.64,1) both;touch-action:none}.color-picker__rec-keypoint:active,.color-picker__rec-keypoint.is-dragging{cursor:grabbing;transform:translate(-50%,-50%) scale(1.4);background:#00000059;z-index:10}.color-picker__rec-keypoint.is-live:after{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(0,0,0,.4);box-shadow:0 0 0 .5px #ffffff4d;animation:kpBurstRing .4s ease-out forwards;pointer-events:none}.color-picker__rec-keypoint.is-endpoint{width:8px;height:8px;background:#00000040}.color-picker.is-mode-palette .color-picker__rec-wrap,.color-picker__panel.is-mode-palette .color-picker__rec-wrap,.color-picker.is-mode-palette .color-picker__rec-keypoints,.color-picker__panel.is-mode-palette .color-picker__rec-keypoints,.color-picker.is-mode-palette .color-picker__rec-start-marker,.color-picker__panel.is-mode-palette .color-picker__rec-start-marker,.color-picker.is-mode-palette .color-picker__rec-path-canvas,.color-picker__panel.is-mode-palette .color-picker__rec-path-canvas{display:none!important}.color-picker.is-mode-palette.color-picker--recording .color-picker__slider,.color-picker__panel.is-mode-palette.color-picker--recording .color-picker__slider{grid-template-columns:16px 1fr}.recording-popover{position:fixed;z-index:100000;width:260px;padding:14px;display:flex;flex-direction:column;gap:8px;background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000026;font-family:Studio Feixen Sans,system-ui,sans-serif;font-size:var(--app-font-size, 14px);overflow:visible}.recording-popover__arrow{position:absolute;left:-12px;top:14px;width:12px;height:24px;background:#fff;clip-path:path("M 12 0 C 12 4, 0 9, 0 12 C 0 15, 12 20, 12 24 Z")}.recording-popover__row{display:flex;align-items:center;justify-content:space-between;gap:8px}.recording-popover__label{flex-shrink:0;width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.85}.recording-popover__select-wrap{flex:1;min-width:0;position:relative;display:inline-flex;align-items:center;height:var(--ui-height, 44px);border:none;background-color:#fff;border-radius:var(--ui-radius, 10px);cursor:pointer;box-sizing:border-box;overflow:hidden;box-shadow:var(--ui-shadow-raised, 0 1px 3px rgba(0,0,0,.08))}.recording-popover__select-wrap:active{box-shadow:var(--ui-shadow-inset, inset 0 1px 3px rgba(0,0,0,.1))}.recording-popover__select{width:100%;height:100%;font:inherit;border:none;background:transparent;border-radius:inherit;padding:6px 30px 6px 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none}.recording-popover__select-wrap:after{content:"↓";position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--ui-border-color, rgba(0,0,0,.2));opacity:1;pointer-events:none;font:inherit;line-height:1}.recording-popover__slider-wrap{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.recording-popover__slider{--range-h: var(--ui-height, 44px);--thumb: 24px;--inset: calc((var(--range-h) - var(--thumb)) / 2);-webkit-appearance:none;appearance:none;width:100%;height:var(--range-h);max-height:var(--range-h);box-sizing:border-box;background:#0000000d;border:none;border-radius:999px;padding:0 var(--inset);margin:0;cursor:pointer;box-shadow:var(--ui-shadow-inset, inset 0 1px 3px rgba(0,0,0,.1))}.recording-popover__slider::-webkit-slider-runnable-track{height:var(--range-h);background:transparent;border:none;border-radius:999px}.recording-popover__slider::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);height:var(--thumb);border-radius:999px;background:#fff;border:none;box-shadow:0 1px 2px #0000001a,0 6px 12px #00000014;margin-top:var(--inset)}.recording-popover__slider::-moz-range-track{height:var(--range-h);background:transparent;border:none;border-radius:999px}.recording-popover__slider::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border-radius:999px;background:#fff;border:none;box-shadow:0 1px 2px #0000001a,0 6px 12px #00000014}.recording-popover__value{min-width:24px;text-align:right;opacity:.5;font-variant-numeric:tabular-nums}.recording-popover .uiSliderValue{height:var(--ui-height, 44px);min-width:var(--ui-height, 44px);flex-shrink:0}.recording-popover__separator{display:none}.gradient-editor{--ge-btn-size: var(--ui-height, 44px);position:fixed;display:flex;flex-direction:column;width:calc(var(--ge-btn-size) * 4 + 39px);border-radius:12px;background:#fff;box-shadow:0 10px 30px #0000001f;overflow:hidden;box-sizing:border-box;font-family:inherit;color:inherit}.gradient-editor__header{display:flex;align-items:center;gap:10px;padding:17px 22px 15px 17px;margin:0;border-bottom:1px solid rgba(0,0,0,.08);flex-shrink:0}.gradient-editor__title{flex:1;font-weight:500;font-size:18px;opacity:.85}.gradient-editor__body{flex:1 1 auto;display:flex;flex-direction:column;padding:10px;min-height:0;overflow-y:auto;overflow-x:visible}.gradient-editor__strip-wrap{position:relative;flex:1 1 auto;min-height:80px;overflow:visible;padding:calc(var(--ge-btn-size) / 2 + 14px) calc(var(--ge-btn-size) * 2 + 4px + 11px) calc(var(--ge-btn-size) / 2 + 14px) 0;margin-bottom:4px}.gradient-editor__strip-wrap:after{content:"";position:absolute;top:0;bottom:0;left:0;right:calc(var(--ge-btn-size) * 2 + 4px + 11px);border-radius:10px;box-shadow:inset 0 1px 3px #0000001a,inset 0 -1px 3px #0000000f;pointer-events:none;z-index:5}.gradient-editor__strip-inner{position:relative;width:100%;height:100%}.gradient-editor__strip{position:absolute;left:0;pointer-events:none}.gradient-editor__stops{position:absolute;top:0;bottom:0;left:0;width:100%;pointer-events:none;z-index:3;overflow:visible}.gradient-editor__keypoints{position:absolute;top:0;bottom:0;left:0;width:100%;pointer-events:none;z-index:10}@keyframes geKpPopIn{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}.gradient-editor__keypoint{position:absolute;left:50%;width:10px;height:10px;background:#0000002e;border-radius:50%;box-shadow:0 0 0 1px #fff3;transform:translate(-50%,-50%);animation:geKpPopIn .2s cubic-bezier(.34,1.56,.64,1) both;pointer-events:none}.gradient-editor__keypoint.is-live:after{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(0,0,0,.4);box-shadow:0 0 0 .5px #ffffff4d;animation:kpBurstRing .4s ease-out forwards;pointer-events:none}.gradient-editor__keypoint:first-child,.gradient-editor__keypoint:last-child{width:10px;height:10px;background:#00000040}.gradient-editor__start-marker{position:absolute;left:50%;width:34px;height:34px;background:#ff00001f;border:2px solid rgba(255,0,0,.45);border-radius:50%;box-shadow:0 0 0 1.5px #ff96964d,0 0 8px #f003;pointer-events:none;z-index:10;transform:translate(-50%,-50%);box-sizing:border-box}.gradient-editor__stop{position:absolute;left:0;right:0;height:0;pointer-events:none;z-index:1;overflow:visible}.gradient-editor__stop.is-selected{z-index:2}.gradient-editor__stop-handle{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 6px #0000004d;cursor:grab;transition:box-shadow .15s,border-color .15s,width .15s,height .15s;user-select:none;-webkit-user-select:none;pointer-events:auto;z-index:2;box-sizing:border-box}.gradient-editor__stop.is-selected .gradient-editor__stop-handle{width:30px;height:30px;border-color:#fff;box-shadow:0 3px 12px #00000080}.gradient-editor__stop-handle:active{cursor:grabbing}.gradient-editor__stop.is-selected .gradient-editor__stop-handle.is-delete-armed,.gradient-editor__stop .gradient-editor__stop-handle.is-delete-armed{background:#ff3b30!important;border-color:#fff!important}.gradient-editor__stop-line{position:absolute;height:1.5px;background:#ffffffb3;pointer-events:none;z-index:1;display:none;transform-origin:0 50%;box-shadow:0 .5px 2px #00000026}.gradient-editor__stop-controls{position:absolute;right:calc(-1 * (var(--ge-btn-size) * 2 + 4px + 9px));top:0;transform:translateY(-50%);display:flex;align-items:center;gap:4px;pointer-events:auto;z-index:3}.gradient-editor__stop-clear{-webkit-appearance:none;appearance:none;width:var(--ge-btn-size);height:var(--ge-btn-size);flex-shrink:0;margin:0;padding:0;border:none;outline:none;border-radius:50%;background-color:#fdd;color:#d44;font-size:14px;font-family:inherit;line-height:1;text-align:center;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center;transition:background-color .15s,color .15s,opacity .15s;box-shadow:var(--ui-shadow-raised, 0 2px 6px rgba(0,0,0,.12))}.gradient-editor__stop-clear:hover{background-color:#fcc;color:#c33}.gradient-editor__stop-clear.is-disabled{opacity:.25;cursor:default;pointer-events:none}.gradient-editor__stop-rec{width:var(--ge-btn-size);height:var(--ge-btn-size);flex-shrink:0;margin:0;padding:0;border:none;outline:none;border-radius:50%;background:#fcfcfc;color:#000;font-family:Studio Feixen Sans,system-ui,sans-serif;font-size:16px;font-weight:600;line-height:1;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,box-shadow .15s;box-shadow:0 2px 8px #00000026,0 1px 3px #0000001a}.gradient-editor__stop-rec.is-armed{background:red;color:#fff;box-shadow:0 2px 8px #ff000059,0 1px 3px #00000026;animation:ge-rec-pulse 1s infinite}.gradient-editor__stop-rec.is-recorded{background:#fff;color:#000000a6;font-family:Icons,sans-serif;font-size:54px;font-weight:400;line-height:0;padding-bottom:3px;box-shadow:0 2px 8px #00000026,0 1px 3px #0000001a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gradient-editor__stop-rec.is-recorded:hover{background:#f5f5f5;color:#000000d9}.gradient-editor__midpoint{position:absolute;left:50%;width:12px;height:12px;background:#ffffffb3;border:none;border-radius:3px;transform:translate(-50%,-50%) rotate(45deg);cursor:ns-resize;z-index:5;transition:background .12s,box-shadow .12s;pointer-events:auto;box-shadow:0 1px 4px #0003}.gradient-editor__midpoint:hover{background:#fff;box-shadow:0 1px 6px #0000004d}.gradient-editor__midpoint:active{background:#fff;box-shadow:0 0 0 2px #007aff59,0 1px 6px #0000004d}@keyframes ge-rec-pulse{0%,to{opacity:1}50%{opacity:.6}}.gradient-editor__ctrl-section{flex-shrink:0;margin-top:10px;padding-top:8px;border-top:1px solid rgba(0,0,0,.08)}.gradient-editor__ctrl-row{display:flex;align-items:flex-start;gap:8px}.gradient-editor__circle-wrap{position:relative;flex-shrink:0;width:calc(var(--ge-btn-size) * 2 + 4px);height:calc(var(--ge-btn-size) * 2 + 4px);border-radius:50%;overflow:visible;cursor:pointer;touch-action:none}.gradient-editor__circle-wrap:after{display:none}.gradient-editor__circle-canvas{display:block;width:100%;height:100%;pointer-events:none}.gradient-editor__circle-handle{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;border:none;box-shadow:0 1px 4px #00000040;transform:translate(-50%,-50%);cursor:grab;touch-action:none;z-index:2}.gradient-editor__circle-handle:active{cursor:grabbing;box-shadow:0 2px 8px #0000004d}.gradient-editor__circle-keypoints{position:absolute;inset:0;pointer-events:none;z-index:3}.gradient-editor__circle-keypoint{position:absolute;width:10px;height:10px;background:#0000002e;border-radius:50%;box-shadow:0 0 0 1px #fff3;transform:translate(-50%,-50%);animation:geKpPopIn .2s cubic-bezier(.34,1.56,.64,1) both;pointer-events:none}.gradient-editor__circle-keypoint.is-live:after{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(0,0,0,.4);box-shadow:0 0 0 .5px #ffffff4d;animation:kpBurstRing .4s ease-out forwards;pointer-events:none}.gradient-editor__circle-start-marker{position:absolute;width:28px;height:28px;background:#ff00001f;border:2px solid rgba(255,0,0,.45);border-radius:50%;box-shadow:0 0 0 1.5px #ff96964d,0 0 8px #f003;pointer-events:none;z-index:1;transform:translate(-50%,-50%);box-sizing:border-box}.gradient-editor__ctrl-right{display:flex;flex-direction:column;align-items:stretch;gap:4px}.gradient-editor__ctrl-value{width:calc(var(--ge-btn-size) * 2 + 4px);height:var(--ge-btn-size);box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:var(--ui-radius, 10px);box-shadow:var(--ui-shadow-inset, inset 0 1px 2px rgba(0,0,0,.08), inset 0 -1px 2px rgba(255,255,255,.6));background:transparent;font-variant-numeric:tabular-nums;white-space:nowrap;opacity:.8;padding:0 4px}.gradient-editor__ctrl-btn-row{display:flex;gap:4px;align-items:center;justify-content:center}.gradient-editor__rec-btn{width:var(--ge-btn-size);height:var(--ge-btn-size);flex-shrink:0;margin:0;padding:0;border:none;outline:none;border-radius:50%;background:#fcfcfc;color:#000;font-family:Studio Feixen Sans,system-ui,sans-serif;font-size:16px;font-weight:600;line-height:1;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,box-shadow .15s;box-shadow:0 2px 6px #00000026,0 1px 2px #0000001a}.gradient-editor__rec-btn.is-armed{background:red;color:#fff;box-shadow:0 2px 6px #ff000059;animation:ge-rec-pulse 1s infinite}.gradient-editor__rec-btn.is-recorded{background:#fff;color:#000000a6;font-family:Icons,sans-serif;font-size:54px;font-weight:400;line-height:0;padding-bottom:3px;box-shadow:0 2px 8px #00000026,0 1px 3px #0000001a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gradient-editor__delete-ghost{position:fixed;width:44px;height:44px;border-radius:50%;background:#ff3b30;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);pointer-events:none;z-index:99999;box-shadow:0 3px 12px #dc323266;animation:geDeletePopIn .15s cubic-bezier(.34,1.56,.64,1) both}@keyframes geDeletePopIn{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}.gradient-editor__delete-icon{font-family:Icons,sans-serif;font-size:3em;color:#000;line-height:0;position:relative;top:-4px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
