:where(.icon.svelte-17qrb1z){vertical-align:middle;color:inherit;background:0 0;flex-shrink:0;place-items:center;display:inline-grid}:where(.icon:where(.svelte-17qrb1z)) svg.svelte-17qrb1z{width:1em;height:1em;display:block}:where(button.icon.svelte-17qrb1z){cursor:pointer}:where(.fa-spin:where(.svelte-17qrb1z)) svg.svelte-17qrb1z{animation:1s linear infinite spin}:where(.iconButton.svelte-10tev67){border:1px solid var(--border);border-radius:var(--control-radius,999px);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:4px;padding:8px 12px;font-weight:600;display:flex;position:relative}:where(.iconButton__text.svelte-10tev67){font-weight:inherit;margin:0}.button-tooltip.svelte-10tev67{pointer-events:none;white-space:nowrap;color:#fff;z-index:140;background:#2b354b;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:400;display:none;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%)}.button-tooltip.svelte-10tev67 kbd:where(.svelte-10tev67){background:#ffffff1f;border-radius:3px;margin-left:9px;padding:2px 4px;font-size:10px}.iconButton.svelte-10tev67:hover .button-tooltip:where(.svelte-10tev67),.iconButton.svelte-10tev67:focus-visible .button-tooltip:where(.svelte-10tev67){display:block}@media (pointer:coarse){.button-tooltip.svelte-10tev67{display:none!important}}.colorPicker.svelte-1865pgp{border:1px solid var(--line,#cdd5e1);width:252px;color:var(--ink,#263047);background:#fff;border-radius:12px;margin:0;padding:12px;overflow:visible;box-shadow:0 8px 28px #26304726}.colorPicker__square.svelte-1865pgp{background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, transparent), var(--hue);height:150px;position:relative}.colorPicker__square.svelte-1865pgp,.colorPicker__hue.svelte-1865pgp{touch-action:none;cursor:crosshair;border-radius:4px}.colorPicker__square.svelte-1865pgp:focus-visible,.colorPicker__hue.svelte-1865pgp:focus-visible{outline:2px solid var(--mint-dark,#189474);outline-offset:3px}.colorPicker__marker.svelte-1865pgp{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #26304780}.colorPicker__strip.svelte-1865pgp{align-items:center;gap:12px;margin:14px 0;display:flex}.colorPicker.svelte-1865pgp .colorPicker__dropper{background:0 0;border:0;width:20px;height:26px;padding:0}.colorPicker__swatch.svelte-1865pgp{border:1px solid #26304720;border-radius:50%;flex-shrink:0;width:28px;height:28px}.colorPicker__hue.svelte-1865pgp{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);flex:1;height:14px;position:relative}.colorPicker__hue.svelte-1865pgp .colorPicker__marker:where(.svelte-1865pgp){top:50%}.colorPicker__channels.svelte-1865pgp{gap:8px;display:flex}.colorPicker__channels.svelte-1865pgp label:where(.svelte-1865pgp){text-align:center;flex:1;min-width:0;font-size:11px}.colorPicker.svelte-1865pgp input:where(.svelte-1865pgp){box-sizing:border-box;border:1px solid var(--line,#cdd5e1);width:100%;min-width:0;color:inherit;background:#fff;border-radius:4px;padding:6px;font-size:12px}.colorPicker__channels.svelte-1865pgp input:where(.svelte-1865pgp){text-align:center;margin-bottom:4px}.colorPicker__hex.svelte-1865pgp{align-items:center;gap:10px;margin-top:10px;font-size:12px;display:flex}.contextMenu.svelte-pc0n2w{background:var(--white);box-shadow:var(--boxShadow);border:1px solid var(--border);z-index:100;border-radius:13px;flex-direction:column;min-width:216px;max-width:290px;margin:0;padding:7px;font-size:12px;list-style:none;display:flex;position:relative}.contextMenu.positioned.svelte-pc0n2w{z-index:2000;position:fixed}.contextMenu.svelte-pc0n2w li:where(.svelte-pc0n2w){margin:0;list-style:none}.contextMenu.svelte-pc0n2w button:where(.svelte-pc0n2w){text-align:left;border-radius:var(--control-radius,999px);width:100%;font-size:inherit;align-items:center;gap:10px;padding:10px;display:flex}.contextMenu.svelte-pc0n2w button:where(.svelte-pc0n2w):hover:not(:disabled){background:var(--backgroundMain)}.contextMenu.svelte-pc0n2w button.active:where(.svelte-pc0n2w){background:var(--infoBox);color:var(--primary)}.contextMenu.svelte-pc0n2w button.danger:where(.svelte-pc0n2w){color:var(--error)}.contextMenu.svelte-pc0n2w kbd:where(.svelte-pc0n2w){color:var(--grey);margin-left:auto;font-size:10px}.contextMenu__heading.svelte-pc0n2w{color:var(--grey);text-transform:uppercase;letter-spacing:.08em;padding:9px 11px 6px;font-size:10px}.contextMenu__check.svelte-pc0n2w{width:17px;color:var(--primary);flex-shrink:0}.contextMenu.svelte-pc0n2w .contextMenu__divider:where(.svelte-pc0n2w){background:var(--border);height:1px;margin:5px}.account-menu.svelte-4s9mz4{flex-shrink:0}.splitter{background:var(--timeline,#f0f2f7);cursor:row-resize;touch-action:none;-webkit-user-select:none;user-select:none;z-index:4;outline:none;min-width:0;min-height:0;position:relative}.splitter:after{content:"";background:#b9c3d3;border-radius:999px;width:40px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.splitter-vertical{cursor:col-resize}.splitter-vertical:after{width:3px;height:40px}.splitter:hover,.splitter:focus-visible,.splitter-dragging{background:#d9f7ed}.splitter:hover:after,.splitter:focus-visible:after,.splitter-dragging:after{background:var(--mint-dark,#259e7c)}.toast.svelte-1yp296j{color:#fff;z-index:1000;width:fit-content;box-shadow:var(--boxShadow);opacity:0;background-color:#333;border-radius:500px;padding:10px 20px;font-size:15px;animation:.3s forwards showBottomAnim;position:fixed;bottom:20px;left:20px}.toast.--fail.svelte-1yp296j{background:var(--error)}.toast.--error.svelte-1yp296j{color:#fff;background-color:#e74c3c}.toast.--info.svelte-1yp296j{color:#fff;background-color:#3498db}.toast.--warning.svelte-1yp296j{color:#fff;background-color:#f39c12}.file.svelte-1vohpr6{align-items:center;margin-bottom:10px;display:flex}.file.svelte-1vohpr6 input[type=file]:where(.svelte-1vohpr6){display:none}.file.svelte-1vohpr6 .file__preview{border-radius:50%;width:70px;height:70px;display:block;background-position:50%!important;background-size:cover!important}.file.svelte-1vohpr6 label:where(.svelte-1vohpr6){background:var(--primary);color:var(--white);cursor:pointer;border-radius:100px;align-items:center;gap:12px;padding:5px;width:fit-content!important;display:flex!important}.file.svelte-1vohpr6 label:where(.svelte-1vohpr6) .icon{color:var(--primary)!important}.file.svelte-1vohpr6 label:where(.svelte-1vohpr6) p:where(.svelte-1vohpr6){font-size:15px}.file.svelte-1vohpr6 label.--attached:where(.svelte-1vohpr6){background:var(--success);color:var(--white);pointer-events:none}.file.svelte-1vohpr6 label.--attached:where(.svelte-1vohpr6) .icon{color:var(--success)}.file.svelte-1vohpr6 label.--dragging:where(.svelte-1vohpr6){background:var(--primary);box-shadow:0 0 0 3px #ffffff59}.file.svelte-1vohpr6 label:where(.svelte-1vohpr6):active{background:var(--primary);color:var(--white)}.file.svelte-1vohpr6 label:where(.svelte-1vohpr6) .icon{background:var(--white);width:45px;height:45px;color:var(--darkGray);border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.file.svelte-1vohpr6 label:where(.svelte-1vohpr6) p:where(.svelte-1vohpr6){justify-content:center;align-items:center;margin-right:22px;display:flex}.file.svelte-1vohpr6 .file__delete{cursor:pointer;color:var(--error);align-items:center;gap:10px;margin-left:20px;position:relative;top:-2px;display:flex!important}.file.svelte-1vohpr6 .file__delete:hover,.file.svelte-1vohpr6 .file__delete:active{color:var(--error)}.modal.svelte-19mpo6l{z-index:1000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal.--dialog.svelte-19mpo6l .modal__content:where(.svelte-19mpo6l){height:initial!important;max-width:550px!important;transform:translateY(-20%)!important}.modal.--dialog.svelte-19mpo6l .modal__close:where(.svelte-19mpo6l){display:none}.modal.--center.svelte-19mpo6l{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal.--center.svelte-19mpo6l .modal__content:where(.svelte-19mpo6l){border-radius:10px;max-width:850px;height:calc(100% - 40px);max-height:700px;animation:.3s forwards showBottom20Anim;position:relative}@media only screen and (width<=700px){.modal.--center.svelte-19mpo6l .modal__content:where(.svelte-19mpo6l){max-height:100%;margin:0 10px}}.modal.--center.svelte-19mpo6l .modal__close:where(.svelte-19mpo6l){position:absolute;top:10px;right:10px}.modal.--center.svelte-19mpo6l .modal__close:where(.svelte-19mpo6l) button{border:none}.modal.--center.svelte-19mpo6l .modal__close:where(.svelte-19mpo6l) button svg{font-size:22px}.modal__close.svelte-19mpo6l button{background:var(--white);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;width:32px!important;height:32px!important}.modal__close.svelte-19mpo6l button:hover svg{color:var(--error)}.modal__close.svelte-19mpo6l button:active{background:0 0}.modal__close.svelte-19mpo6l button svg{color:var(--black);font-size:17px}.modal__content.svelte-19mpo6l{z-index:1;background:#fff;flex-direction:column;width:100%;max-width:600px;height:100%;padding:25px 40px 95px;animation:.3s showRightAnim;display:flex;position:fixed;right:0;overflow:auto;box-shadow:0 0 7px #0000001a}@media only screen and (width<=700px){.modal__content.svelte-19mpo6l{padding:10px}}.modal__content.svelte-19mpo6l h2:where(.svelte-19mpo6l){font-size:20px;line-height:initial;margin:0}.modal__content.svelte-19mpo6l input,.modal__content.svelte-19mpo6l textarea,.modal__content.svelte-19mpo6l select{background:var(--backgroundAside)}.modal__buttons.svelte-19mpo6l{background:var(--white);justify-content:flex-end;gap:5px;width:600px;padding:20px 40px;display:flex;position:fixed;bottom:0;right:0}.modal__header.svelte-19mpo6l{align-items:center;gap:10px;margin-bottom:22px;display:flex}.modal__overlay.svelte-19mpo6l{background:#0a1e4233;border-radius:0;width:100%;height:100%;animation:.3s appear;position:fixed;top:0;left:0}.modal.--compact.svelte-19mpo6l .modal__content:where(.svelte-19mpo6l){border:1px solid var(--border);width:480px;max-width:calc(100vw - 32px);height:auto;max-height:calc(100svh - 32px);color:var(--black);border-radius:22px;padding:30px;position:relative;right:auto;box-shadow:0 30px 100px #26304725}.modal.--compact.svelte-19mpo6l .modal__header:where(.svelte-19mpo6l){margin-bottom:0}.modal.--compact.svelte-19mpo6l .modal__header:where(.svelte-19mpo6l):has(h2:where(.svelte-19mpo6l)){margin-bottom:18px}.modal.--compact.svelte-19mpo6l .modal__buttons:where(.svelte-19mpo6l){width:auto;padding:20px 0 0;position:static}.modal__close.svelte-19mpo6l svg{width:22px;height:22px}.modal__overlay.svelte-19mpo6l:disabled{opacity:1;cursor:default}@media (width<=760px){.modal.--compact.svelte-19mpo6l .modal__content:where(.svelte-19mpo6l){padding:24px}}.bar.svelte-khs71l{align-items:center;gap:20px;display:flex}@media only screen and (width<=700px){.bar.svelte-khs71l{flex-direction:column;align-items:flex-start;gap:6px}}.bar__bar.svelte-khs71l{background:var(--backgroundAside);border-radius:100px;height:8px;position:relative;overflow:hidden}.bar__percentage.svelte-khs71l{background:var(--success);border-radius:20px;height:100%;position:absolute;left:0}.bar__text.svelte-khs71l{color:var(--black);font-size:14px;font-weight:600}@media only screen and (width<=700px){.bar__text.svelte-khs71l{flex-direction:column;gap:6px}}.library-save.svelte-1e5mn49 h2:where(.svelte-1e5mn49){margin-bottom:10px}.library-save.svelte-1e5mn49 p:where(.svelte-1e5mn49){color:var(--muted);font-size:13px;line-height:1.6}.library-save.svelte-1e5mn49 label:where(.svelte-1e5mn49){margin:18px 0 8px;font-size:12px;display:block}.library-save.svelte-1e5mn49 input:where(.svelte-1e5mn49){border:1px solid var(--line);width:100%;color:var(--ink);padding:11px 16px}.library-save.svelte-1e5mn49 .library-save-helper:where(.svelte-1e5mn49){font-size:12px}.library-save.svelte-1e5mn49 .library-save-error:where(.svelte-1e5mn49){color:var(--error)}.noData.svelte-1n7ez9h{background:var(--white);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;padding:80px;display:flex}.noData.svelte-1n7ez9h .noData__icon:where(.svelte-1n7ez9h){color:var(--black);margin-bottom:30px;font-size:35px}.noData.svelte-1n7ez9h .noData__icon:where(.svelte-1n7ez9h) svg{width:35px;height:35px}.noData.svelte-1n7ez9h h3:where(.svelte-1n7ez9h){text-align:center;margin-bottom:15px;font-size:18px}.noData.svelte-1n7ez9h p:where(.svelte-1n7ez9h){text-align:center;color:var(--darkGrey);font-size:15px;line-height:24px}.noData.svelte-1n7ez9h button:where(.svelte-1n7ez9h){margin-top:30px}.library-preview.svelte-p1c7qw{background:var(--bg);background-image:linear-gradient(45deg,#e5e9f240 25%,#0000 25%),linear-gradient(-45deg,#e5e9f240 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e9f240 75%),linear-gradient(-45deg,#0000 75%,#e5e9f240 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;border-radius:14px;width:100%;height:88px;display:block;position:relative;overflow:hidden}.library-preview.svelte-p1c7qw canvas:where(.svelte-p1c7qw){object-fit:contain;width:100%;height:100%;min-height:0;display:block}.library-preview.svelte-p1c7qw span:where(.svelte-p1c7qw){color:var(--muted);text-align:center;place-items:center;padding:8px;font-size:11px;display:grid;position:absolute;inset:0}.library-preview.large.svelte-p1c7qw{height:96px}.library-preview.expanded.svelte-p1c7qw{border-radius:18px;height:100%}.library-card.svelte-1i9yvpm{border:1px solid var(--line);background:var(--white);border-radius:18px;min-width:0;transition:border-color .15s}.library-card.selected.svelte-1i9yvpm{border-color:var(--mint-dark);box-shadow:0 0 0 1px var(--mint-dark)}.library-card-select.svelte-1i9yvpm{text-align:left;border-radius:17px;width:100%;padding:7px 7px 0;display:block}.library-card-select.svelte-1i9yvpm:focus-visible{outline:2px solid var(--mint-dark);outline-offset:3px}.library-card-select.svelte-1i9yvpm strong:where(.svelte-1i9yvpm){white-space:nowrap;text-overflow:ellipsis;padding:10px 4px 2px;font-size:12px;display:block;overflow:hidden}.library-card-footer.svelte-1i9yvpm{color:var(--muted);justify-content:space-between;align-items:center;padding:0 9px 7px 11px;font-size:11px;display:flex}.library-card-footer.svelte-1i9yvpm .library-options{width:26px;height:26px;box-shadow:none}.library-card-footer.svelte-1i9yvpm svg{width:17px;height:17px}.card-placeholder.svelte-1i9yvpm{height:88px;color:var(--muted);background:var(--bg);border-radius:14px;place-items:center;font-size:11px;display:grid}.library-expanded-modal.modal.--center .modal__content{width:min(1120px,100vw - 40px);max-width:calc(100vw - 40px);height:calc(100svh - 48px);max-height:none;color:var(--ink);border-radius:22px;padding:22px;position:relative;right:auto;overflow:hidden}.library-expanded-modal .modal__body{flex:1;min-height:0;display:flex}.library-expanded-preview.svelte-io61sl{flex-direction:column;flex:1;gap:16px;min-width:0;min-height:0;display:flex}.library-expanded-header.svelte-io61sl{justify-content:space-between;align-items:center;gap:16px;display:flex}.library-expanded-header.svelte-io61sl h2:where(.svelte-io61sl){text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.library-expanded-header.svelte-io61sl button{flex-shrink:0}.library-expanded-area.svelte-io61sl{flex:1;min-height:0}.library-expanded-controls.svelte-io61sl{background:var(--white);border-radius:999px;align-self:center;align-items:center;gap:10px;padding:7px 10px;display:flex;box-shadow:0 5px 20px #26304709}.library-expanded-controls.svelte-io61sl .active{background:var(--infoBox);color:var(--mint-dark)}.library-expanded-controls.svelte-io61sl output:where(.svelte-io61sl){color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 10px;font-size:12px}@media (width<=600px){.library-expanded-modal.modal.--center .modal__content{width:calc(100vw - 24px);max-width:calc(100vw - 24px);height:calc(100svh - 24px);padding:14px}.library-expanded-controls.svelte-io61sl{gap:6px}.library-expanded-controls.svelte-io61sl output:where(.svelte-io61sl){padding:0 4px;font-size:11px}}.library-panel.svelte-1ternpu{background:var(--white);width:360px;min-width:320px;height:100%;min-height:0;color:var(--ink);flex-direction:column;gap:12px;padding:22px 20px 16px;display:flex;overflow-y:auto}.library-header.svelte-1ternpu{justify-content:space-between;align-items:center;gap:12px;display:flex}.library-header.svelte-1ternpu h2:where(.svelte-1ternpu){margin:0;font-size:18px}.library-toolbar.svelte-1ternpu{align-items:center;gap:8px;display:flex}.library-toolbar.svelte-1ternpu input:where(.svelte-1ternpu){background:var(--bg);border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);padding:11px 15px;font-size:12px}.library-filters.svelte-1ternpu{gap:5px;display:flex}.library-filters.svelte-1ternpu .library-filter{border:1px solid var(--line);color:var(--muted);padding:7px 12px;font-size:11px}.library-filters.svelte-1ternpu .library-filter.active{color:var(--mint-dark);background:var(--infoBox);border-color:var(--mint)}.library-items.svelte-1ternpu{flex:150px;min-height:120px;padding:2px;overflow-y:auto}.library-grid.svelte-1ternpu{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:2px;display:grid}.library-details.svelte-1ternpu{border-top:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:8px;padding-top:15px;display:flex}.library-details-heading.svelte-1ternpu{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.library-details-heading.svelte-1ternpu>div:where(.svelte-1ternpu){min-width:0}.library-details-heading.svelte-1ternpu h3:where(.svelte-1ternpu){overflow-wrap:anywhere;margin:0 0 6px;font-size:14px}.library-details-heading.svelte-1ternpu p:where(.svelte-1ternpu){color:var(--muted);margin:0;font-size:11px}.library-details-heading.svelte-1ternpu .icon-button{flex-shrink:0}.library-preview-actions.svelte-1ternpu{flex-shrink:0;align-items:center;gap:5px;display:flex}.library-preview-actions.svelte-1ternpu .button-tooltip{left:auto;right:0;transform:none}.library-panel.svelte-1ternpu .library-insert{width:100%;min-height:40px;padding:10px 14px;font-size:12px}.library-copy-note.svelte-1ternpu{color:var(--muted);text-align:center;margin:0;font-size:11px;line-height:1.6}.library-error.svelte-1ternpu{color:var(--error);background:var(--errorLight);border-radius:12px;padding:12px;font-size:12px;line-height:1.5}.library-status.svelte-1ternpu{color:var(--muted);text-align:center;padding:15px;font-size:12px}.library-panel.svelte-1ternpu button:focus-visible{outline:2px solid var(--mint-dark);outline-offset:3px}.library-modal.modal.--compact .modal__content{width:460px;padding:0;overflow:hidden}.library-modal .modal__body{min-height:0}.library-modal .library-panel.svelte-1ternpu{width:100%;min-width:0;height:min(760px,100svh - 40px)}@media (width<=1100px){.library-panel.svelte-1ternpu{width:320px;padding:18px 14px}}@media (width<=760px){.library-panel.svelte-1ternpu{z-index:25;width:min(360px,100vw);height:auto;position:fixed;top:124px;bottom:0;right:0;box-shadow:-10px 0 40px #26304716}.library-modal .library-panel.svelte-1ternpu{position:static}}.library-items.svelte-1ternpu .noData{padding:30px 15px}.library-items.svelte-1ternpu .noData h3{font-size:15px}.library-items.svelte-1ternpu .noData p{font-size:12px;line-height:1.6}.modal.--compact.image-sequence-modal .modal__content{width:820px;padding:28px 34px;overflow:visible}.modal.--compact.image-sequence-modal .modal__body h2{margin:0}.image-sequence .sequence-icon svg{width:20px;height:20px}.image-sequence .sequence-add svg{width:24px;height:24px}.image-sequence .sequence-options .button-tooltip{top:calc(100% + 5px);bottom:auto}.image-sequence .sequence-help{width:25px;height:25px;box-shadow:none}.image-sequence .sequence-help svg{width:16px;height:16px}.image-sequence .sequence-help .button-tooltip{white-space:normal;text-align:left;width:260px;max-width:calc(100vw - 40px);line-height:1.5;left:0;transform:none}.image-sequence .sequence-add .button-tooltip{top:calc(50% + 24px);bottom:auto}.image-sequence-modal .modal__body{max-height:calc(100svh - 105px);padding:8px 8px 0;overflow-y:auto}.image-sequence.svelte-j0gphh h2:where(.svelte-j0gphh){margin:0;font-size:22px}.sequence-layer-name.svelte-j0gphh{color:var(--muted);grid-column:1/-1;margin:6px 0 0;font-size:13px}.sequence-preview.svelte-j0gphh{background-color:#fff;background-image:conic-gradient(#eff1f5 25%, transparent 0 50%, #eff1f5 0 75%, transparent 0);background-size:18px 18px;border-radius:16px;width:min(100%,330px);margin:0 auto;overflow:hidden;box-shadow:0 8px 28px #26304709}.sequence-preview.svelte-j0gphh canvas:where(.svelte-j0gphh){width:100%;display:block}.sequence-controls.svelte-j0gphh{background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:fit-content;margin:12px auto 22px;padding:7px 10px;display:flex;box-shadow:0 5px 20px #26304709}.sequence-time.svelte-j0gphh{border-left:1px solid var(--line);min-width:112px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 10px;font-size:12px}.image-sequence .sequence-icon{width:36px;height:36px;color:var(--muted);background:#fff;border:0;border-radius:50%;padding:0;box-shadow:0 3px 10px #26304709}.image-sequence .sequence-icon.active{color:var(--mint-dark);background:#e0faf1}.image-sequence .sequence-icon:hover{background:#f4fcf8}.sequence-images.svelte-j0gphh{justify-content:safe center;align-items:center;gap:16px;padding:12px 8px 24px;display:flex;overflow-x:auto}.sequence-card.svelte-j0gphh{border:1px solid var(--line);background:#fff;border-radius:16px;flex:0 0 160px;min-width:0;padding:10px;position:relative;box-shadow:0 6px 20px #26304706}.sequence-card.selected.svelte-j0gphh{border-color:var(--mint)}.sequence-card.current.svelte-j0gphh{background:#f3fcf8}.sequence-card.dragging.svelte-j0gphh{opacity:.45}.sequence-card.drop-before.svelte-j0gphh:before{content:"";background:var(--mint-dark);border-radius:3px;width:3px;position:absolute;top:8px;bottom:8px;left:-10px}.sequence-sorting-status.svelte-j0gphh{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.sequence-card-top.svelte-j0gphh{height:24px;color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:11px;display:flex}.image-sequence .sequence-options{width:28px;height:28px;color:var(--ink);background:var(--timeline);box-shadow:none;flex-shrink:0}.image-sequence .sequence-options svg{width:22px;height:22px}.sequence-thumbnail.svelte-j0gphh{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:repeating-conic-gradient(#eff1f5 0% 25%,#fff 0% 50%) 0 0/16px 16px;border-radius:10px;place-items:center;width:100%;height:100px;padding:0;display:grid;overflow:hidden}.sequence-thumbnail.svelte-j0gphh img:where(.svelte-j0gphh){pointer-events:none;object-fit:contain;width:100%;min-width:0;height:100%;min-height:0;display:block}.sequence-thumbnail.svelte-j0gphh:active{cursor:grabbing}.sequence-image-name.svelte-j0gphh{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;display:block;overflow:hidden}.sequence-duration.svelte-j0gphh{color:var(--muted);background:#fff;justify-content:center;align-items:center;gap:5px;margin-top:10px;padding:10px 0 2px;font-size:11px;display:flex}.sequence-duration.svelte-j0gphh input:where(.svelte-j0gphh){border:1px solid var(--line);background:var(--bg);width:65px;min-width:0;color:var(--ink);text-align:center;border-radius:var(--control-radius);padding:4px;font-size:16px}.image-sequence .sequence-add{border-radius:var(--control-radius);height:64px;color:var(--mint-dark);background:#d8f9ed;border:0;flex:0 0 64px;padding:0}.image-sequence .sequence-add.drop-before:before{content:"";background:var(--mint-dark);border-radius:3px;width:3px;position:absolute;top:8px;bottom:8px;left:-10px}.sequence-summary.svelte-j0gphh{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-top:20px;display:flex}.sequence-summary.svelte-j0gphh .sequence-controls:where(.svelte-j0gphh){margin:0}.sequence-metrics.svelte-j0gphh{text-align:right;font-variant-numeric:tabular-nums;gap:34px;display:flex}.sequence-metrics.svelte-j0gphh>div:where(.svelte-j0gphh){gap:3px;min-width:65px;display:grid}.sequence-metrics.svelte-j0gphh span:where(.svelte-j0gphh){color:var(--muted);font-size:11px}.sequence-metrics.svelte-j0gphh strong:where(.svelte-j0gphh){font-size:22px;font-weight:600;line-height:1.1}.sequence-metrics.svelte-j0gphh small:where(.svelte-j0gphh){color:var(--muted);font-size:13px;font-weight:400}.sequence-budget.svelte-j0gphh{margin-top:14px}.sequence-meter.svelte-j0gphh{margin:10px 0;position:relative}.sequence-meter.svelte-j0gphh .bar{display:block}.sequence-limit.svelte-j0gphh{background:var(--ink);border-radius:2px;width:2px;height:16px;position:absolute;top:-3px;transform:translate(-2px)}.sequence-budget-note.svelte-j0gphh{color:var(--mint-dark);background:#eaf9f2;border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:12px;display:inline-flex}.over.svelte-j0gphh .sequence-budget-note:where(.svelte-j0gphh){background:var(--errorLight);color:var(--error)}.sequence-budget-footer.svelte-j0gphh{justify-content:space-between;align-items:center;gap:10px;display:flex}.sequence-fps.svelte-j0gphh{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.sequence-budget-note.svelte-j0gphh svg{width:14px;height:14px}.sequence-error.svelte-j0gphh{color:var(--error)}.sequence-helper.svelte-j0gphh,.sequence-error.svelte-j0gphh{margin:10px 0;font-size:11px}.sequence-helper.svelte-j0gphh{color:var(--muted)}.dialog-actions.svelte-j0gphh{z-index:2;background:#fff;margin-top:18px;padding:12px 0 4px;position:sticky;bottom:0}@media (width<=600px){.modal.--compact.image-sequence-modal .modal__content{padding:20px 14px}.sequence-summary.svelte-j0gphh{gap:12px}.sequence-metrics.svelte-j0gphh{gap:16px}.sequence-metrics.svelte-j0gphh strong:where(.svelte-j0gphh){font-size:20px}.sequence-budget-note.svelte-j0gphh{font-size:11px}}@media (height<=800px){.sequence-preview.svelte-j0gphh{width:min(100%,220px)}.sequence-controls.svelte-j0gphh{margin-top:8px;margin-bottom:8px;padding:4px 8px}.sequence-images.svelte-j0gphh{padding-top:6px;padding-bottom:10px}.sequence-thumbnail.svelte-j0gphh{height:64px}.sequence-card.svelte-j0gphh{padding:8px}.sequence-card-top.svelte-j0gphh{height:24px;margin-bottom:4px}.sequence-summary.svelte-j0gphh{padding-top:10px}.sequence-layer-name.svelte-j0gphh{margin-bottom:12px}.sequence-budget.svelte-j0gphh{margin-top:10px}.sequence-helper.svelte-j0gphh{margin:6px 0}.dialog-actions.svelte-j0gphh{margin-top:6px}}.sequence-library-actions.svelte-j0gphh{justify-self:end;margin:0}.sequence-library-actions.svelte-j0gphh .button-tooltip{white-space:normal;max-width:calc(100vw - 48px);inset:calc(100% + 9px) 0 auto auto;transform:none}.sequence-header.svelte-j0gphh{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px;margin-bottom:18px;display:grid}@media (width<=600px){.sequence-header.svelte-j0gphh{column-gap:10px}}.spinner.svelte-yh09nh{background:var(--white);z-index:1001;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.spinner.--absolute.svelte-yh09nh{position:absolute!important}.spinner.--inline.svelte-yh09nh{z-index:auto;position:relative;top:auto;left:auto}.spinner.--tiny.svelte-yh09nh{background:0 0;justify-content:center;align-items:center;width:50px!important;height:50px!important;position:relative!important;top:0!important;left:0!important}.spinner__dots.svelte-yh09nh{justify-content:center;align-items:center;gap:7px;height:24px;display:flex}.spinner__dot.svelte-yh09nh{background:var(--mint-dark);opacity:.35;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite svelte-yh09nh-loading-pulse}.spinner__dot.svelte-yh09nh:nth-child(2){animation-delay:.16s}.spinner__dot.svelte-yh09nh:nth-child(3){animation-delay:.32s}.spinner.--tiny.svelte-yh09nh .spinner__dot:where(.svelte-yh09nh){width:5px;height:5px}.spinner.svelte-yh09nh p:where(.svelte-yh09nh){color:var(--ink);text-align:center;margin:0;font-size:13px;font-weight:500;line-height:1.5}@keyframes svelte-yh09nh-loading-pulse{0%,70%,to{opacity:.35;transform:scale(.85)}35%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.spinner__dot.svelte-yh09nh{opacity:1;animation:none}}.project-loading-modal.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-loading-modal.modal.--compact .modal__content{justify-content:center;width:280px;min-height:148px;padding:32px;animation:none;box-shadow:0 16px 60px #26304718}.project-loading-modal .modal__overlay{background:#25304712}#app:has(.auth-page.svelte-1inxogu){min-height:0}.auth-page.svelte-1inxogu{background:var(--bg);min-height:0;color:var(--ink);flex:1;place-items:safe center;padding:24px;display:grid;overflow:auto}.auth-card.svelte-1inxogu{background:var(--white);width:min(100%,420px);box-shadow:var(--boxShadow);border-radius:18px;padding:36px}.auth-logo.svelte-1inxogu{width:112px;margin-bottom:26px;display:block}.auth-card.svelte-1inxogu h1:where(.svelte-1inxogu){letter-spacing:-.7px;margin:0 0 12px;font-size:26px;font-weight:600;line-height:1.2}.auth-card.svelte-1inxogu>p:where(.svelte-1inxogu){color:var(--muted);margin:0 0 24px;font-size:13px;line-height:1.5}.auth-card.svelte-1inxogu form:where(.svelte-1inxogu){gap:18px;margin-bottom:16px;display:grid}.auth-card.svelte-1inxogu label:where(.svelte-1inxogu){color:var(--muted);gap:8px;font-size:12px;display:grid}.auth-card.svelte-1inxogu input:where(.svelte-1inxogu){width:100%;min-width:0;min-height:var(--control-height);padding:10px var(--control-padding);border-radius:var(--control-radius);color:var(--ink);background:var(--bg);font-size:var(--control-font-size);border:1px solid #0000;line-height:20px;transition:border-color .15s}.auth-hint.svelte-1inxogu{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.auth-error.svelte-1inxogu{color:var(--error);background:var(--errorLight);border-radius:10px;margin:0;padding:12px 16px;font-size:13px;line-height:1.5}@media (width<=540px){.auth-page.svelte-1inxogu{padding:24px 18px}.auth-card.svelte-1inxogu{padding:28px 24px}.auth-card.svelte-1inxogu h1:where(.svelte-1inxogu){font-size:24px}}@keyframes showBottomAnim{0%{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}@keyframes showBottom20Anim{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes showTopAnim{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes showRightAnim{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translateY(0)}}@keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes showAsideTooltip{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes newProductAnim{0%{background:var(--white)}50%{color:var(--success);background:#f3fff8}to{background:var(--white)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes onBoardingSlideIn{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}.primary,.secondary{min-height:var(--control-height);padding:10px var(--control-padding);border-radius:var(--control-radius);font-size:var(--control-font-size);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:600;line-height:20px;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.primary{background:var(--mint);color:#113e31}.primary:hover:not(:disabled){background:#53d5a7}.primary:disabled{opacity:.5}.secondary{border-color:var(--line);background:#fff}.secondary:hover:not(:disabled){background:#f4fcf8}:root{--mint:#67dcb2;--mint-dark:#259e7c;--ink:#253047;--muted:#8a94aa;--line:#e5e9f2;--bg:#fafbfd;--timeline:#f1f3f9;--label-width:238px;--row-h:48px;--white:#fff;--black:var(--ink);--primary:var(--mint-dark);--success:var(--mint);--border:var(--line);--control-radius:999px;--control-height:42px;--control-padding:18px;--control-font-size:13px;--backgroundMain:var(--bg);--backgroundAside:var(--timeline);--grey:var(--muted);--darkGrey:var(--muted);--darkGray:var(--muted);--error:#c8626a;--errorLight:#fff1f2;--infoBox:#e7faf1;--boxShadow:0 12px 40px #26304716;color:var(--ink);background:var(--bg);font-synthesis:none;font-family:DM Sans,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,a{font:inherit}button{border-radius:var(--control-radius);cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.35;cursor:default}button,a,input,textarea,select,.icon{outline:none}input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file],[type=hidden]),select{border-radius:var(--control-radius)}input:focus,textarea:focus,select:focus{border-color:var(--primary)!important}button svg{width:22px;height:22px;display:block}button,a,input{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}[hidden]{display:none!important}#app{flex-direction:column;height:100svh;min-height:640px;display:flex;overflow:hidden}.editor-layout{grid-template-rows:minmax(245px, var(--pane-before,.6fr)) 8px minmax(180px, var(--pane-after,.4fr));flex:1;min-height:0;display:grid}.editor-workspace{flex:1;min-height:0;display:flex;overflow:hidden}.editor-workspace>.editor-layout{min-width:0}.topbar{z-index:20;align-items:center;gap:18px;height:78px;min-height:78px;padding:0 28px;display:flex;position:relative}.topbar .button-tooltip{top:calc(100% + 9px);bottom:auto}.brand{flex-shrink:0;align-items:center;padding:0;display:flex}.brand img{width:120px;height:auto;display:block}.brand.editor-brand{justify-content:center;height:11px}.brand.editor-brand img{height:100%;width:initial}.project-controls{background:#fff;border-radius:999px;align-items:center;gap:18px;min-width:0;padding:8px 14px;display:flex;box-shadow:0 3px 5px #26304709}.project-name{align-items:center;gap:8px;width:248px;min-width:0;height:42px;display:flex}.project-name .project-back-button{box-shadow:none;background:0 0;flex-shrink:0}.background-color-control{flex-shrink:0;position:relative}.background-color-button{background:var(--background-color);border:1px solid #cdd5e1;border-radius:50%;width:28px;height:28px;padding:0;box-shadow:0 2px 5px #26304709}.background-color-button:hover:not(:disabled){border-color:var(--mint-dark)}.project-name input{width:100%;min-width:0;color:var(--ink);border-radius:var(--control-radius);background:0 0;border:1px solid #0000;padding:9px;font-size:14px;background:var(--bg)!important}.pencil{color:var(--muted);padding-right:14px}.save-state{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:flex}.history{background:#fff;border-radius:999px;flex-shrink:0;align-items:center;gap:9px;padding:8px 11px;display:flex;box-shadow:0 10px 28px #26304709}.history .icon-button{width:34px;height:34px}.icon-button{color:#74819a;background:#fff;border:0;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;transition:background .15s,box-shadow .15s;display:grid;box-shadow:0 5px 13px #2630470c}.icon-button:hover:not(:disabled){background:#f4fcf8;box-shadow:0 6px 16px #26304712}.header-spacer{flex:1}.help{border:0;border-radius:50%;width:34px;height:34px;box-shadow:0 3px 8px #26324706}.help svg{width:22px;height:22px}.format-button{color:#738199;border-radius:var(--control-radius);white-space:nowrap;align-items:center;gap:8px;padding:9px 12px;font-size:12px;display:inline-flex}.format-button:hover{background:#eff3f7}.dropdown-chevron svg{width:14px;height:14px}.workspace,.timeline{-webkit-user-select:none;user-select:none}.workspace input,.timeline input,.workspace textarea,.timeline textarea,.workspace [contenteditable=true],.timeline [contenteditable=true]{-webkit-user-select:text;user-select:text}.workspace{background:radial-gradient(#fff 0%,#fafbfd 78%);flex:1;justify-content:center;align-items:center;min-height:245px;padding:48px 110px 90px;display:flex;position:relative;overflow:hidden;container-type:inline-size}.canvas-frame{pointer-events:none;flex-shrink:0;position:absolute}.artboard{touch-action:none;background:#fff;flex-shrink:0;width:100%;height:100%;transition:box-shadow .2s;position:relative;box-shadow:0 12px 45px #26304708}.workspace-canvas{z-index:1;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.workspace-canvas.scene{pointer-events:none}#overlay{z-index:2;cursor:default}#overlay.zoom-in{cursor:zoom-in}#overlay.zoom-out{cursor:zoom-out}#overlay.pan-ready{cursor:grab}#overlay.panning{cursor:grabbing}#overlay:focus{outline:none}#overlay.pivot-ready{cursor:grab}#overlay.pivot-dragging{cursor:grabbing}.transform-chip{z-index:3;border-radius:var(--control-radius);color:#263047;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;background:#fff;border:1px solid #58cba24d;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 24px);height:30px;padding:0 12px;font-size:12px;font-weight:600;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 3px 12px #26304712}.transform-chip-label{color:#259e7c}.tooltip.animation-center-tooltip{position:absolute;transform:translate(-50%)}.animation-center-hint{color:#ffffffa6;margin-left:8px}.transform-chip-lock{color:#259e7c;align-items:center;display:flex}.transform-chip-lock .icon{width:14px;height:14px}.selection-marquee{pointer-events:none;z-index:2;background:#00000014 padding-box padding-box;border:1px solid #0000001f;border-radius:6px;position:absolute}.workspace-controls{z-index:3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;bottom:16px;left:20px;right:20px}.canvas-toolbar{z-index:3;align-items:center;gap:12px;display:flex}.canvas-zoom{background:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 11px;display:flex;box-shadow:0 10px 28px #26304709}.canvas-zoom .zoom{color:#8490a6;border-radius:var(--control-radius);justify-content:center;align-items:center;gap:6px;min-width:58px;height:34px;padding:6px;font-size:11px;display:inline-flex;position:relative;left:auto}.zoom-step{color:#8490a6;background:#fff;border:0;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;transition:background .15s,box-shadow .15s;display:grid;position:relative;box-shadow:0 5px 13px #2630470c}.zoom-step svg{width:15px;height:15px}.zoom-step:hover,.canvas-zoom .zoom:hover{background:#f4fcf8}.zoom-step:disabled{opacity:.4}.tools{z-index:10;pointer-events:auto;background:#fff;border-radius:999px;flex-direction:column;gap:6px;width:58px;padding:7px;display:flex;position:absolute;top:0;right:auto;box-shadow:0 9px 28px #26304708}.tool{color:#74819a;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid}.tool.active{color:var(--mint-dark);background:#e0faf1}.tool svg{width:25px;height:25px}.tool:hover{background:#edfaf5}.tools .tool .button-tooltip{top:50%;bottom:auto;left:calc(100% + 12px);transform:translateY(-50%)}.playback{background:#fff;border-radius:999px;align-items:center;gap:10px;margin-left:auto;padding:8px 18px;display:flex;box-shadow:0 10px 28px #26304709}.modal.animation-preview.--center .modal__content{width:calc(100svh * var(--preview-aspect));min-width:min(316px,100vw - 32px);max-width:calc(100vw - 32px);height:100%;max-height:none;color:var(--black);background:#e8ebf1;border-radius:0;margin:0;padding:0;animation:none;position:relative;right:auto;overflow:hidden}.modal.animation-preview .modal__body{flex-direction:column;flex:1;min-height:0;display:flex}.animation-preview-player{z-index:1;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.animation-preview-player .playback{margin-left:0}.animation-preview-area{background:#e8ebf1;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.animation-preview-frame{flex:none;position:relative}.animation-preview-frame canvas{flex:none;display:block;box-shadow:0 8px 32px #26304720}.playback-button{color:#adb6c9;background:#fff;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;padding:0;transition:color .15s,background .15s,box-shadow .15s;display:grid;box-shadow:0 5px 13px #2630470c}.playback-button svg{width:22px;height:22px}.playback-button.active{color:var(--mint-dark)}.playback-button:hover:not(:disabled){background:#f4fcf8;box-shadow:0 6px 16px #26304712}.playback-separator{background:var(--line);flex-shrink:0;width:1px;height:22px}.play{color:var(--mint)}.playback-status{white-space:nowrap;flex-direction:column;gap:4px;min-width:84px;font-size:14px;font-weight:400;display:flex}.time-label{color:#adb6c9;font-variant-numeric:tabular-nums;font-size:12px}.timeline{background:var(--timeline);border-top:1px solid #f0f2f7;flex-direction:column;min-height:0;display:flex}.timeline-top{flex-wrap:wrap;align-items:center;gap:18px;min-height:48px;padding:15px 26px 8px;display:flex}.timeline-top strong{font-size:16px;font-weight:650}.timeline-heading{align-items:center;gap:10px;display:flex}.timeline-top>#hint{color:var(--muted);flex:1;font-size:11px}.timeline-settings{flex-wrap:wrap;align-items:center;gap:14px;margin-left:auto;display:flex}.duration,.frame-rate{white-space:nowrap;align-items:center;gap:10px;font-size:12px;display:flex}.duration label,.frame-rate label{color:var(--muted)}.duration input,.frame-rate input{border-radius:var(--control-radius);width:59px;color:var(--ink);background:#fff;border:0;padding:7px 4px 7px 11px;font-size:13px}.timeline-view{background:#fff;border:0;border-radius:999px;align-items:center;gap:2px;padding:3px;display:flex}.layout-view-button{border-radius:var(--control-radius);width:30px;height:28px;color:var(--muted);background:0 0;border:0;padding:0}.layout-view-button .button-tooltip,.timeline-add-layer .button-tooltip,.timeline-library .button-tooltip{top:calc(100% + 9px);bottom:auto}.layout-view-button svg{width:18px;height:18px}.layout-view-button:hover:not(:disabled){color:var(--mint-dark);background:#f4fcf8}.layout-view-button.active{color:var(--mint-dark);background:#e0faf1}.timeline-add-layer,.timeline-library{width:36px;height:36px;color:var(--mint-dark);background:#fff;border:0;border-radius:50%;place-items:center;padding:0;transition:background .15s,box-shadow .15s;display:grid;position:relative;box-shadow:0 5px 13px #2630470c}.timeline-add-layer:hover,.timeline-library:hover{background:#f4fcf8;box-shadow:0 6px 16px #26304712}.timeline-library.active{background:#e0faf1}.timeline-add-layer svg,.timeline-library svg{width:18px;height:18px}.duration>span{pointer-events:none;color:var(--muted);margin-left:-25px;margin-right:12px;font-size:11px}.timeline-scroll{overscroll-behavior:contain;flex:1;position:relative;overflow:auto}.timeline-grid{min-width:780px;margin:0 16px;position:relative}.ruler-row{height:38px;display:flex}.ruler-label{width:var(--label-width);background:var(--timeline);z-index:8;flex-shrink:0;position:sticky;left:0}.ruler{cursor:crosshair;touch-action:none;background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#dce2ec calc(10% - 1px) 10%) 0 27px/100% 8px no-repeat;flex:1;height:38px;margin-right:20px;position:relative}.ruler-tick{color:#8a94aa;white-space:nowrap;pointer-events:none;font-size:11px;position:absolute;top:5px;transform:translate(-50%)}.ruler:focus{outline:none}.layer-row{height:var(--row-h);border-radius:9px;align-items:center;display:flex;position:relative}.layer-row.in-group{background:#e7f7f2;border-radius:0}.layer-row.group-start{border-radius:10px 10px 0 0}.layer-row.group-end{border-radius:0 0 10px 10px}.layer-row.selected{background:#d9f5ec}.layer-row.hidden-layer{opacity:.57}.layer-label{z-index:7;width:var(--label-width);background:var(--timeline);border-radius:inherit;touch-action:manipulation;flex-shrink:0;align-items:center;gap:8px;height:100%;padding:0 10px;display:flex;position:sticky;left:0}.layer-label:hover,.layer-label:focus-within{z-index:9}.in-group .layer-label{background:#e7f7f2}.selected .layer-label{background:#d9f5ec}.layer-row .eye{color:#8b97ac;min-width:22px;height:24px;padding:0}.eye svg{width:18px;height:18px}.disclosure{color:#8090a6;width:18px;min-width:18px;height:24px;padding:0}.disclosure svg{width:15px;height:15px}.child-connector{border-left:1px solid #cbded7;width:8px;height:100%;margin-left:18px;position:absolute;left:12px}.child-connector:after{content:"";background:#cbded7;width:9px;height:1px;position:absolute;top:50%;left:0}.layer-name{white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:1;min-width:0;padding:2px 0;font-size:12px;overflow:hidden}.group-name{font-weight:650}.layer-name{cursor:grab;touch-action:none}.dragging-layer{opacity:.45}.group-drop-target{outline:2px solid var(--mint-dark);outline-offset:-2px}.group-drop-target .layer-label{background:#c6efdf}.layer-row.drop-before:before,.layer-row.drop-after:after{content:"";z-index:8;left:var(--drop-indent);background:var(--mint-dark);pointer-events:none;height:2px;position:absolute;right:0}.layer-row.drop-before:before{top:-1px}.layer-row.drop-after:after{bottom:-1px}.layer-root-drop{height:28px;color:var(--muted);border-radius:6px;align-items:center;padding-left:12px;font-size:11px;display:flex}.layer-root-drop.root-drop-target{color:var(--mint-dark);background:#d9f5ec}.layer-drag-preview{z-index:100;pointer-events:none;border-radius:var(--control-radius);background:#fff;padding:7px 11px;font-size:12px;position:fixed;box-shadow:0 4px 18px #19362c26}.layer-drag-preview.can-drop{color:var(--mint-dark);background:#d9f5ec}.thumbnail{background:var(--mint);border-radius:5px;flex-shrink:0;place-items:center;width:19px;height:19px;display:grid;overflow:hidden}.thumbnail.circle{border-radius:50%}.thumbnail.group{color:var(--mint-dark);background:0 0;width:23px;height:23px;padding:0}.thumbnail.group svg{width:22px;height:22px}.thumbnail img{object-fit:cover;width:100%;height:100%}.layer-loop{width:16px;height:16px;color:var(--mint-dark);flex-shrink:0}.layer-sequence-badge{border-radius:var(--control-radius);color:var(--mint-dark);background:#ddf6ec;border:0;flex-shrink:0;gap:3px;padding:3px 4px;font-size:10px;font-weight:500}.layer-sequence-badge svg{width:13px;height:13px}.image-change{z-index:4;width:14px;height:14px;position:absolute;top:33px;transform:translate(-50%)}.image-change .image-change-button{background:0 0;border:0;border-radius:50%;width:14px;height:14px;padding:0;position:absolute;bottom:0}.image-change .image-change-button:after{content:"";pointer-events:none;background:#ffb300;border-radius:50%;width:10px;height:10px}.image-change.multiple .image-change-button:after{box-shadow:0 0 0 2px #ffb30040}.image-change .image-change-button:hover,.image-change .image-change-button:focus-visible{background:0 0}.image-change .image-change-button:hover:after,.image-change .image-change-button:focus-visible:after{background:#ffc238}.image-change-tooltip{align-items:center;gap:8px;width:180px;padding:9px;display:flex}.image-change-tooltip img{object-fit:contain;background:#fff;border-radius:4px;width:42px;height:42px}.image-change-tooltip>span{gap:4px;min-width:0;display:grid}.image-change-tooltip strong{text-overflow:ellipsis;font-weight:500;overflow:hidden}.image-change-tooltip small{color:#c9d3e4;font-size:10px}.layer-loop svg{width:15px;height:15px}.row-menu{width:19px;height:26px;color:var(--muted);opacity:0;flex-shrink:0;place-items:center;font-size:16px;display:grid}.layer-label:hover .row-menu,.layer-row.selected .row-menu{opacity:1}.track{touch-action:none;background-image:linear-gradient(90deg,#dce4e9 1px,#0000 1px);background-size:var(--grid-size,20%) 100%;flex:1;height:100%;margin-right:20px;position:relative}.clip{cursor:grab;touch-action:none;background:#9ee5d1;border-radius:8px;min-width:2px;height:12px;position:absolute;top:18px}.clip.group-clip{background:var(--mint);height:18px;top:15px}.held-segment{background:repeating-linear-gradient(135deg,#d9f3eb,#d9f3eb 4px,#edf9f5 4px 8px);border-left:1px dashed #86cdb9;border-radius:0 8px 8px 0;height:12px;position:absolute;top:18px}.layer-row:has(.group-clip) .held-segment{height:18px;top:15px}.selected .clip:not(.group-clip){background:#72dabb}.repeats{pointer-events:none;border-radius:8px;height:12px;display:flex;position:absolute;top:18px;overflow:hidden}.repeat-segment{color:#56b99b;background:#c8eee3;border-left:1px solid #b9e9db;flex-shrink:0;justify-content:center;align-items:center;height:100%;display:flex}.repeat-segment svg{width:12px;height:12px}.keyframe{z-index:8;touch-action:none;cursor:ew-resize;background:#fff;border:1.5px solid #8c9ab1;border-radius:50%;width:15px;height:15px;padding:0;position:absolute;top:16.5px;transform:translate(-50%);box-shadow:0 1px 2px #21324306}:is(.group-clip+.keyframe,.layer-row:has(.group-clip) .keyframe){width:18px;height:18px;top:15px}.keyframe.active{border-color:var(--mint-dark);background:#e0fbf1;box-shadow:0 0 0 3px #45bb9420}.keyframe:hover{border-color:var(--mint-dark);transform:translate(-50%)scale(1.15)}.key-preview{pointer-events:none;z-index:6;background:#fff;border:1.5px dashed #42b38e;border-radius:50%;width:16px;height:16px;position:absolute;top:16px;transform:translate(-50%)}.trim-handle{z-index:5;cursor:ew-resize;opacity:0;color:#389f7d;background:#b4eedb;border-radius:4px;place-items:center;width:8px;display:grid;position:absolute;top:9px;bottom:9px;transform:translate(-50%)}.track:hover .trim-handle{opacity:1}.playhead{z-index:6;pointer-events:none;background:#ff737c;width:1px;position:absolute;top:30px;bottom:0}.playhead-handle{pointer-events:auto;touch-action:none;cursor:ew-resize;width:20px;height:20px;padding:0;position:absolute;top:-6px;left:-10px}.playhead-handle:after{content:"";background:#ff737c;border-radius:2px 2px 4px 4px;width:9px;height:8px;position:absolute;top:5px;left:6px}.playhead-handle:focus-visible{border-radius:5px;outline:2px solid #ff737c}.scrub-chip{border-radius:var(--control-radius);width:180px;height:26px;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;z-index:12;background:#fff;justify-content:center;align-items:center;gap:10px;padding:0 10px;font-size:12px;display:flex;position:absolute;top:0;transform:translate(-50%);box-shadow:0 3px 12px #26304712}.scrub-chip>span:first-child{color:#c25060;font-weight:600}.scrub-chip-separator{color:var(--muted)}.tooltip{z-index:140;color:#fff;pointer-events:none;white-space:nowrap;background:#2b354b;border-radius:7px;padding:7px 10px;font-size:11px;position:fixed;box-shadow:0 3px 8px #25304715}.tooltip kbd{background:#ffffff1f;border-radius:3px;margin-left:9px;padding:2px 4px;font-size:10px}.drop-target{border:2px dashed var(--mint);z-index:20;color:var(--mint-dark);pointer-events:none;background:#f0fff7e8;border-radius:20px;place-items:center;font-size:19px;display:grid;position:absolute;inset:15px}.empty{z-index:3;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:absolute;inset:0}.empty-plus{color:var(--mint);font-size:38px;font-weight:400}.empty strong{font-size:15px;font-weight:500}.empty>span:last-child{color:var(--muted);font-size:12px}.dialog-icon{color:var(--mint-dark);background:#e4fbef;border-radius:14px;place-items:center;width:48px;height:48px;font-size:26px;display:grid}.modal.--compact .modal__body h2{letter-spacing:-.03em;margin:18px 0 10px;font-size:22px;font-weight:650}.modal.--compact .modal__body>p{color:#8090a4;margin-bottom:17px;font-size:13px;line-height:1.65}.modal.--compact .modal__body ol{padding-left:21px;font-size:13px;line-height:1.6}.modal.--compact .modal__body li{padding:4px}.shortcut-list{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;padding:17px 0;display:grid}.shortcut-list span{justify-content:space-between;align-items:center;gap:5px;font-size:11px;display:flex}.shortcut-list kbd{border:1px solid var(--line);background:#f3f6f8;border-radius:5px;padding:4px 5px;font:10px inherit}.small{color:var(--muted);line-height:1.6;font-size:11px!important}.wide{text-align:center;width:100%;margin:12px 0;text-decoration:none;display:flex}.export-preview{color:#7d8d9f;background:#f6f9f8;border-radius:10px;justify-content:space-between;margin:18px 0;padding:14px;font-size:12px;display:flex}.export-other{justify-content:space-between;gap:12px;margin-top:22px;display:flex}progress{width:100%;accent-color:var(--mint);border-radius:6px;height:7px}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}#layer-name{border:1px solid var(--line);border-radius:var(--control-radius);width:100%;color:var(--ink);margin-top:12px;padding:12px}@media (pointer:coarse){.row-menu{opacity:1}.keyframe{width:18px;height:18px;top:15px}.tool{height:46px}.tooltip{display:none!important}}@media (width<=1100px){.topbar{gap:11px;padding:0 19px}.project-name{width:205px}.project-controls{gap:8px;padding:8px 10px}.save-state{font-size:10px}.format-button{padding:8px}.workspace{padding-bottom:90px;padding-left:70px;padding-right:70px}}@media (width<=760px){:root{--label-width:178px;--row-h:48px}#app{min-height:690px}.topbar{flex-wrap:wrap;align-content:center;gap:9px;height:124px;min-height:124px;padding:12px 16px}.brand img{width:108px}.project-name{flex:1;width:auto;max-width:none;height:34px}.project-controls{flex:1 0 calc(100% - 124px)}.project-name input{padding:7px 2px;font-size:12px}.save-state{display:none}.history{gap:6px}.history .icon-button{width:30px;height:30px}.icon-button{border-radius:50%;width:32px;height:32px}.icon-button svg{width:18px;height:18px}.header-spacer{display:none}.format-button{text-align:left;flex:none;margin-left:0;padding:7px 6px}.help{margin-left:auto}.workspace{min-height:225px;padding:32px 68px 87px}.tools{gap:4px;width:48px;padding:5px}.workspace-controls{left:16px;right:16px}.tool{width:38px;height:38px}.tool svg{width:22px;height:22px}.playback{gap:8px;padding:8px 16px}.playback-status{min-width:78px;font-size:13px}.time-label{font-size:11px}.timeline-top{gap:10px;padding:12px 16px 7px}.timeline-top strong{font-size:13px}.timeline-top>#hint{display:none}.duration,.frame-rate{gap:7px;font-size:11px}.timeline-settings{gap:10px}.timeline-grid{min-width:670px;margin:0 10px}.layer-label{gap:6px;padding:0 6px}.layer-name{font-size:11px}.thumbnail{width:16px;height:16px}.layer-loop{width:13px}.zoom{font-size:9px;left:9px}.ruler-label{background:var(--timeline)}.shortcut-list{grid-template-columns:1fr}.empty strong{font-size:12px}.empty>span:last-child{font-size:10px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.ruler-tick:first-child{transform:none}.ruler-tick:last-child{transform:translate(-100%)}@media (pointer:coarse){.ruler,.track{touch-action:pan-x}.clip,.keyframe,.trim-handle{touch-action:none}}.icon-button,.tool,.playback-button,.play{position:relative}.repeat-position{pointer-events:none;height:12px;position:absolute;top:18px}.timeline-tooltip{transform:translate(-50%)}.timeline-scroll-empty{place-items:center;display:grid}.timeline-grid[hidden]{display:none}.empty-timeline{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding:24px;font-size:12px;display:flex}.empty-timeline>strong{color:var(--ink);font-size:14px;font-weight:600}.empty-timeline>p{margin:0}.empty-timeline-add{border:1px solid var(--line);border-radius:var(--control-radius);color:var(--mint-dark);background:#fff;align-items:center;gap:8px;margin-top:6px;padding:9px 14px;display:flex}.empty-timeline-add:hover{background:#f4fcf8}.save-error{color:#c8626a}.layer-row:has(.group-clip) .repeat-position{height:18px;top:15px}.export-other .export-link{flex:1}.editor-layout-vertical{grid-template-columns:minmax(460px, var(--pane-before,.5fr)) 8px minmax(340px, var(--pane-after,.5fr));grid-template-rows:minmax(0,1fr);display:grid;overflow:auto}.editor-layout-vertical .workspace{grid-area:1/3;min-width:0;min-height:0;padding:36px 80px 90px}.editor-layout-vertical .timeline{--label-width:220px;border-top:0;border-right:0;grid-area:1/1;min-width:0;height:auto;min-height:0}.editor-layout-vertical .timeline-top{flex-wrap:nowrap;gap:12px;padding:20px 16px 12px}.editor-layout-vertical .timeline-settings{flex-wrap:nowrap}.editor-layout-vertical .duration input,.editor-layout-vertical .frame-rate input{width:48px}.editor-layout-vertical .splitter{grid-area:1/2}.editor-layout-vertical .timeline-top>#hint{display:none}.editor-layout-vertical .timeline-settings{gap:10px;margin-left:auto}.editor-layout-vertical .duration,.editor-layout-vertical .frame-rate{gap:7px}.editor-layout-vertical .timeline-grid{min-width:420px;margin:0 12px}.editor-layout-vertical .workspace-controls{left:18px;right:18px}@container (width<=440px){.workspace-controls{flex-wrap:nowrap;gap:8px;left:12px;right:12px}.canvas-toolbar{gap:6px}.canvas-toolbar .history,.canvas-zoom,.playback{gap:4px;padding:6px}.canvas-toolbar .history .icon-button,.zoom-step,.playback-button{width:28px;height:28px}.canvas-zoom .zoom{gap:3px;min-width:42px;height:28px;padding:0}.playback-status{display:none}}.projects-import{border:0;gap:9px;display:flex}.projects-import svg{width:17px;height:17px}.projects-page{flex:1;min-height:0;padding:48px max(28px,50vw - 580px) 64px;overflow:auto}.projects-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:40px;display:flex}.projects-heading h1{letter-spacing:-1.2px;align-items:center;gap:13px;margin:0 0 10px;font-size:34px;font-weight:600;display:flex}.projects-heading>div>p{color:var(--muted);margin:0;font-size:13px}.projects-count{min-width:27px;height:27px;color:var(--mint-dark);letter-spacing:0;background:#e7faf1;border-radius:50px;place-items:center;padding:0 8px;font-size:12px;display:grid}.projects-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.projects-toolbar h2{margin:0;font-size:14px;font-weight:600}.projects-toolbar-actions{align-items:center;gap:12px;display:flex}.projects-toolbar input{border-radius:var(--control-radius);width:220px;min-width:0;color:var(--ink);background:#fff;border:0;padding:11px 16px;font-size:12px}.projects-toolbar input::placeholder{color:var(--muted)}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.project-card{background:#fff;border-radius:18px;min-width:0;transition:border-color .15s,box-shadow .15s;overflow:visible;box-shadow:0 4px 16px #26304704}.project-card:focus-within{border-color:#b8e7d7;box-shadow:0 8px 24px #26304709}.project-card:has(.project-card-open:hover){border-color:#b8e7d7;box-shadow:0 8px 24px #26304709}.project-card-open{border-radius:inherit;text-align:left;width:100%;padding:0;display:block}.project-card-preview{background:#f0f3f8;border-radius:18px 18px 0 0;place-items:center;height:220px;padding:23px;display:grid;position:relative;overflow:hidden}.project-card:nth-child(3n+2) .project-card-preview{background:#eef6f2}.project-card:nth-child(3n+3) .project-card-preview{background:#f4f0f7}.project-card-preview canvas{visibility:hidden;width:auto;max-width:100%;height:auto;max-height:174px;display:block;box-shadow:0 4px 16px #2630470e}.project-card-preview canvas.ready{visibility:visible}.project-preview-placeholder{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:11px;display:flex;position:absolute;inset:0}.project-preview-placeholder svg{opacity:.5;width:28px;height:28px}.project-card-info{padding:19px 20px 10px}.project-card-info h2{text-overflow:ellipsis;white-space:nowrap;margin:0 0 7px;font-size:14px;font-weight:600;overflow:hidden}.project-card-info p{color:var(--muted);margin:0;font-size:11px}.project-card-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:0 14px 10px 20px;font-size:10px;display:flex}.project-card-footer .project-options{width:30px;height:30px;box-shadow:none}.project-card-footer .project-options svg{width:19px;height:19px}.project-card-footer .project-options .button-tooltip{white-space:normal;overflow-wrap:anywhere;text-align:left;width:max-content;max-width:min(280px,100vw - 64px);left:auto;right:0;transform:none}.project-new-card{min-height:312px;color:var(--muted);background:#fff;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex}.project-new-card>span:first-child{width:46px;height:46px;color:var(--mint-dark);background:#e7faf1;border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.project-new-card strong{color:var(--ink);font-size:14px;font-weight:500}.project-new-card:hover{border-color:var(--mint-dark)}.projects-empty{text-align:center;background:#fff;border:0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:340px;padding:28px;display:flex}.projects-empty-icon{width:64px;height:64px;color:var(--mint-dark);background:#e7faf1;border-radius:50%;place-items:center;margin-bottom:12px;display:grid}.projects-empty-icon svg{width:28px;height:28px}.projects-empty h2{font-size:20px;font-weight:500}.projects-empty>p{color:var(--muted);margin:0 0 24px;font-size:13px}.projects-empty>div{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.projects-loading{color:var(--muted);flex:1;place-items:center;padding:60px 24px;font-size:13px;display:grid}.projects-error,.workspace-error{background:var(--errorLight);color:var(--error);border:1px solid #efcdd1;border-radius:10px;margin-bottom:20px;padding:14px 18px;font-size:13px}.workspace-error{z-index:100;position:fixed;bottom:16px;left:16px;right:16px}.project-field-label,.project-formats legend{text-align:left;color:var(--muted);font-size:12px;display:block}.project-field-label{margin:20px 0 10px}.project-formats legend{margin:0 0 12px;padding:0}.project-title-input{border:1px solid var(--line);border-radius:var(--control-radius);width:100%;color:var(--ink);background:#fff;padding:12px}.project-formats{border:0;gap:7px;margin:24px 0 0;padding:0;display:flex}.project-format{border:1px solid var(--line);border-radius:var(--control-radius);flex:1;padding:12px 6px;font-size:11px;font-weight:400}.project-format.active{border-color:var(--mint-dark);color:var(--mint-dark);background:#e7faf1}.project-error{color:var(--error);font-size:12px}.danger-button{color:var(--error);background:#fff7f8;border-color:#efcdd1}@media (width<=1000px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.projects-topbar{flex-wrap:nowrap;height:78px;min-height:78px}.projects-topbar .header-spacer{display:block}.projects-page{padding:28px 18px 40px}.projects-heading{gap:12px;margin-bottom:30px}.projects-heading h1{font-size:27px}.projects-heading>div>p{max-width:180px;font-size:12px;line-height:1.6}.projects-toolbar input{width:168px}.projects-grid{gap:16px}}@media (width<=540px){.projects-grid{grid-template-columns:minmax(0,1fr)}.project-new-card{min-height:190px}.projects-toolbar-actions{gap:6px}}