@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap";.studio-project-filter{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;font-size:12px;display:flex}.studio-project-filter label{border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:9px;width:280px;max-width:70%;padding:9px 12px;display:flex}.studio-project-filter input{width:100%;min-width:0;color:inherit;font:inherit;background:0 0;border:0;outline:0}.studio-project-filter label:focus-within{outline:2px solid var(--accent,#4054df);outline-offset:2px}.studio-project-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:26px 20px;display:grid}.studio-project-card{border:1px solid var(--line);background:#fff;border-radius:10px;min-width:0;position:relative}.studio-project-card:hover{border-color:#aeb8d0}.studio-project-card.is-renaming{border-color:#7e8aea;box-shadow:0 0 0 2px #4054df12}.studio-project-preview{border-bottom:1px solid var(--line);height:226px;color:var(--muted);background:#eaeef3;border-radius:9px 9px 0 0;justify-content:center;align-items:center;padding:16px;text-decoration:none;display:flex}.studio-project-preview img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block;box-shadow:0 2px 6px #1f273420}.studio-project-placeholder{color:#8591aa;flex-direction:column;align-items:center;gap:12px;font-size:11px;display:flex}.studio-project-body{padding:15px 16px 0}.studio-project-title{align-items:flex-start;min-height:42px;display:flex}.studio-project-title a{-webkit-line-clamp:2;color:inherit;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:14px;font-weight:650;line-height:20px;text-decoration:none;display:-webkit-box;overflow:hidden}.studio-project-title input{width:calc(100% + 12px);height:29px;font:inherit;color:inherit;border:1px solid #6777ed;border-radius:4px;outline:0;margin:-4px -6px 0;padding:3px 5px;font-size:14px;font-weight:650;box-shadow:0 0 0 2px #4054df16}.studio-project-meta{color:var(--muted);align-items:center;gap:7px;margin:5px 0 13px;font-size:11px;display:flex}.studio-project-footer{border-top:1px solid #eef0f5;justify-content:space-between;align-items:center;gap:6px;min-height:44px;padding:5px 8px 5px 16px;display:flex}.studio-project-status{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.studio-project-status svg{flex:none}.studio-project-actions{gap:2px;display:flex}.studio-project-actions .icon-button{color:#64708c;width:auto;min-width:30px;height:30px;box-shadow:none;background:0 0;border:0;border-radius:5px;align-items:center;gap:4px;padding:6px;font-size:10px;display:flex}.studio-project-actions .icon-button:hover{color:#4054df;background:#edf0ff}.studio-project-actions .icon-button.danger{color:#b43f4b;background:#fff0f0}.studio-project-rename-hint{color:var(--muted);font-size:10px;position:absolute;top:calc(100% + 5px);left:0}.studio-project-context{z-index:1500;border:1px solid var(--line);background:#fff;border-radius:7px;width:180px;padding:5px;position:fixed;box-shadow:0 7px 24px #202c4720}.studio-project-context button{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:10px;padding:9px 8px;font-size:12px;display:flex}.studio-project-context button:hover,.studio-project-context button:focus-visible{background:#edf0ff}.studio-project-context .danger{color:#b43f4b}.studio-spin{animation:1s linear infinite studio-project-spin}@keyframes studio-project-spin{to{transform:rotate(360deg)}}@media (width<=520px){.studio-project-grid{grid-template-columns:minmax(0,1fr)}.studio-project-preview{height:245px}}@media (prefers-reduced-motion:reduce){.studio-spin{animation:none}}.studio-project-loading{color:#536080;justify-content:center;align-items:center;gap:12px;min-height:180px;display:flex}.gradient-rail{background:repeating-conic-gradient(#d9deea 0% 25%,#fff 0% 50%) 0/12px 12px;border-radius:5px;height:32px;margin:12px 13px 20px;position:relative}.gradient-rail-ramp{border-radius:inherit;width:100%;height:100%;display:block}.gradient-rail .gradient-rail-stop{touch-action:none;cursor:ew-resize;background:0 0;border:0;width:28px;height:42px;padding:0;position:absolute;top:14px;transform:translate(-50%)}.gradient-rail-stop:after{content:"";background:var(--stop-color);border:2px solid #fff;border-radius:5px;width:16px;height:20px;position:absolute;top:12px;left:6px;box-shadow:0 0 0 1px #7d89a1,0 2px 4px #14203c26}.gradient-rail-stop.selected:after,.gradient-rail-stop:focus-visible:after{box-shadow:0 0 0 2px #4054df,0 2px 4px #14203c26}.gradient-rail-stop.selected{z-index:1}.gradient-stop-labels{color:#63708a;grid-template-columns:34px 1fr 1fr 24px;gap:5px;font-size:10px;display:grid}.gradient-stop.selected{outline-offset:2px;border-radius:5px;outline:1px solid #bdc6f2}.gradient-direction{align-items:center;gap:10px;display:flex}.gradient-direction .paint-angle{flex:1;min-width:0}.gradient-direction>button{flex-shrink:0}.flow-editor{color:#20283f;background:#f1f3f8;grid-template-columns:340px minmax(0,1fr) 288px;height:calc(100dvh - 56px);display:grid;overflow:hidden}.flow-editor button{cursor:pointer}.flow-library-slot{background:#fff;min-width:0;min-height:0;position:relative;overflow:hidden}.flow-library-slot>.editor-library{height:100%}.flow-properties-stack{background:#fff;border-left:1px solid #dce1ea;flex-direction:column;min-width:0;min-height:0;display:flex}.flow-inspector,.flow-outline{background:#fff;min-width:0;overflow-y:auto}.flow-inspector{overscroll-behavior:contain;flex:1;min-height:100px;padding:0 14px 18px}.flow-outline{border-top:1px solid #dce1ea;flex-direction:column;flex:0 34%;min-height:150px;display:flex;overflow:hidden}.flow-inspector>header,.flow-outline>header{border-bottom:1px solid #e7eaf0;align-items:center;gap:8px;min-height:48px;margin-bottom:12px;display:flex}.flow-inspector>header{z-index:3;background:#fff;position:sticky;top:0}.flow-inspector h2,.flow-outline h2{flex:1;margin:0;font-size:12px;font-weight:650}.flow-outline>header{flex-shrink:0;min-height:40px;margin-bottom:0;padding:0 12px}.flow-controls-group{border-top:1px solid #e7eaf0;margin:12px 0;padding-top:12px}.flow-controls-group h3{margin:0 0 8px;font-size:11px;font-weight:650}.flow-block-actions{gap:4px;margin:0 0 12px;display:flex}.flow-block-actions button,.flow-align button,.flow-type-row>button{border-radius:3px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.flow-block-actions button:hover,.flow-align button:hover,.flow-type-row>button:hover{background:#f1f3f8}.flow-align button[aria-pressed=true],.flow-type-row>button[aria-pressed=true]{color:#4054df;background:#eef0ff}.flow-block-actions button:last-child{margin-left:auto}.flow-inspector .button{gap:6px;min-height:32px;padding:8px 10px;font-size:11px}.flow-number{justify-content:space-between;align-items:center;gap:8px;min-width:0;min-height:34px;font-size:11px;display:flex}.flow-number input{text-align:right;background:#f4f5f8;border:1px solid #0000;border-radius:3px;width:62px;min-width:0;height:28px;padding:4px 6px;font-size:11px}.flow-number input:focus{background:#fff;border-color:#4054df}.flow-type-row{align-items:center;gap:4px;display:flex}.flow-type-row .flow-number{flex-wrap:wrap;flex:1;gap:2px}.flow-type-row .flow-number>span{font-size:10px}.flow-type-row .flow-number input{flex:1;width:50px}.flow-type-row:has(>.flow-number:only-child) .flow-number{flex-wrap:nowrap}.flow-padding{grid-template-columns:1fr 1fr;gap:2px 10px;display:grid}.flow-padding .flow-number{flex-direction:column;align-items:stretch;gap:3px;font-size:10px}.flow-padding .flow-number input{text-align:left;width:100%}.flow-align{gap:3px;margin:6px 0;display:flex}.flow-inspector .font-picker{gap:4px}.flow-inspector .field-label{margin:10px 0;font-size:11px}.flow-inspector .field-label input,.flow-inspector .field-label select{min-height:30px;padding:5px 7px;font-size:11px}.flow-scroll{overscroll-behavior:contain;min-width:0;padding:36px 36px 100px;scroll-padding:40px;overflow:auto}.flow-paper{min-height:180px;margin:0 auto;box-shadow:0 4px 24px #20283f0a}.flow-block{outline-offset:-1px;outline:1px solid #0000;min-width:0;position:relative}.flow-block-design:hover{z-index:1;outline-color:#99a4e8}.flow-block-design.is-selected{outline-offset:-2px;z-index:2;outline:2px solid #5766eb}.flow-block-design:focus-visible{outline:2px solid #5766eb}.flow-block:not(.flow-block-design),.flow-block:not(.flow-block-design):focus-visible{outline:none}.flow-insertion{z-index:6;height:0;position:relative}.flow-insert-plus{color:#4054df;opacity:0;background:#fff;border:1px solid #a5aeee;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;transition:opacity .1s;display:flex;position:absolute;top:-12px;left:-13px;box-shadow:0 2px 6px #20283f15}.flow-insertion:before{content:"";pointer-events:auto;width:100%;height:16px;display:block;position:absolute;top:-8px;left:0}.flow-insertion.is-target .flow-insert-plus,.flow-insertion:hover .flow-insert-plus,.flow-insertion:focus-within .flow-insert-plus,.flow-paper:hover>.flow-insertion:first-child .flow-insert-plus,.flow-block:hover+.flow-insertion .flow-insert-plus{opacity:1}.flow-insertion.is-target:after{content:"";pointer-events:none;background:#5766eb;height:2px;position:absolute;top:-1px;left:12px;right:0}.flow-insertion-empty{color:#8a92a7;justify-content:center;align-items:center;gap:8px;height:110px;font-size:12px;display:flex}.flow-insertion-empty .flow-insert-plus{opacity:1;position:static}.flow-insertion-empty:before{display:none}.flow-add-end{color:#56627f;justify-content:center;align-items:center;gap:6px;min-height:38px;margin:28px auto 0;font-size:12px;display:flex}.flow-add-end:hover{color:#4054df}.flow-editable{box-sizing:border-box;resize:none;width:100%;min-width:0;min-height:1em;box-shadow:none;color:inherit;word-break:break-word;overflow-wrap:anywhere;background:0 0;border:0;border-radius:0;outline:none;margin:0;padding:0;display:block;overflow:hidden}.flow-editable:hover,.flow-editable:focus{box-shadow:none;background:0 0;border:0;outline:none}.flow-editable::placeholder{color:currentColor;opacity:.4}.flow-text{min-width:0}.flow-text-quote{border-left:3px solid;padding-left:16px}.flow-text-button{border:1px solid;width:fit-content;max-width:100%;margin:auto;padding:12px 20px}.flow-columns{align-items:start;display:grid}.flow-column{min-width:0;min-height:36px}.flow-column>.flow-insertion .flow-insert-plus{left:0}.flow-rule{min-height:1px}.flow-spacer{color:#8c95ae;justify-content:center;align-items:center;font-size:11px;display:flex}.flow-table{table-layout:fixed;border-collapse:collapse;width:100%}.flow-table th,.flow-table td{vertical-align:top;border:1px solid #dce1ea;padding:8px 10px}.flow-list{margin:0;padding:0 0 0 24px}.flow-list li{padding:0 0 4px}.flow-embedded-design{cursor:pointer;min-height:30px;position:relative}.flow-design-poster{background:0 0;width:100%;position:relative;overflow:hidden}.flow-design-poster img{width:100%;max-width:none;height:100%;display:block;position:absolute}.flow-design-framing .compact-segmented button{width:auto;min-width:64px;padding-inline:12px}.flow-frame-position{gap:6px;display:grid}.flow-poster-error{color:#965036;padding:24px;font-size:12px;display:block}.flow-open-design{color:#253257;opacity:0;background:#fff;border:1px solid #dce1ea;border-radius:4px;align-items:center;gap:5px;padding:8px 10px;font-size:11px;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 2px 8px #20283f18}.flow-block:hover .flow-open-design,.flow-block:focus-within .flow-open-design,.flow-block.is-selected .flow-open-design{opacity:1}.flow-outline-list{overscroll-behavior:contain;flex:1;min-height:0;padding:4px 0;overflow-y:auto}.flow-outline-row{text-align:left;border-radius:0;flex-shrink:0;align-items:center;gap:8px;width:100%;min-height:36px;padding:9px 12px;font-size:11px;display:flex}.flow-outline-row>svg{color:#8490a9;flex-shrink:0}.flow-outline-row span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.flow-outline-row.active{color:#4054df;background:#eef0ff}.flow-outline-row.active>svg{color:inherit}.flow-outline-row:hover{background:#f5f6fa}.flow-insert-menu{z-index:120;background:#fff;border:1px solid #d8deed;border-radius:8px;flex-direction:column;width:min(300px,100vw - 16px);max-height:min(450px,100dvh - 16px);display:flex;position:fixed;overflow:hidden;box-shadow:0 8px 40px #20283f25}.flow-insert-menu>input{border:0;border-bottom:1px solid #e4e8f0;border-radius:0;flex-shrink:0;padding:15px;font-size:13px}.flow-insert-menu>div{padding:5px;overflow-y:auto}.flow-insert-menu button{text-align:left;border-radius:4px;align-items:center;gap:13px;width:100%;padding:9px 12px;font-size:13px;display:flex}.flow-insert-menu button:hover,.flow-insert-menu button:focus-visible{color:#4054df;background:#f0f2ff}.flow-error{color:#b74146;font-size:12px}.flow-mobile-tools,.flow-mobile-close{display:none}.design-editor-shell{display:contents}.design-editor-shell>.timeline[hidden],.design-editor-shell .workspace[hidden],.design-editor-shell.is-flow-hidden{display:none}.design-editor-shell.is-flow-design{z-index:60;background:#fff;border:1px solid #d2d8e6;border-radius:10px;flex-direction:column;display:flex;position:fixed;inset:16px;overflow:hidden;box-shadow:0 0 0 100vmax #18233b66,0 12px 60px #18233b44}.flow-design-heading{border-bottom:1px solid #e1e5ee;flex-shrink:0;align-items:center;gap:10px;min-height:46px;padding:7px 14px;display:flex}.flow-design-heading strong{margin-right:auto;font-size:12px}.flow-design-heading button{min-height:30px;padding:6px 12px;font-size:12px}.design-editor-shell.is-flow-design .workspace{flex:1;height:auto;min-height:0}.design-editor-shell.is-flow-design>.timeline{height:var(--dock-height,248px);flex-shrink:0;position:relative}.is-flow-design .page-navigation,.is-flow-design .ghost-page-add{display:none}.is-flow-design .stage{padding-top:20px}.flow-size-choice>span:first-child{color:#4054df;justify-content:center;width:40px;font-size:26px;display:flex}.flow-convert-options{flex-direction:column;gap:10px;margin-top:22px;display:flex}@media (width<=1150px) and (width>=761px){.flow-editor{grid-template-columns:294px minmax(0,1fr) 250px}.flow-scroll{padding-inline:22px}}@media (width<=760px){.flow-editor{flex-direction:column;height:calc(100dvh - 42px);display:flex;position:relative}.flow-mobile-tools{background:#fff;border-bottom:1px solid #dce1ea;align-items:center;gap:10px;height:38px;min-height:38px;padding:0 8px;font-size:11px;display:flex}.flow-mobile-tools span{color:#8892a9;margin-right:auto}.flow-mobile-tools button,.flow-mobile-close{justify-content:center;align-items:center;min-width:30px;min-height:30px}.flow-library-slot{z-index:25;width:min(380px,100%);display:none;position:absolute;top:38px;bottom:0;left:0;box-shadow:4px 0 24px #20283f20}.flow-editor.library-open .flow-library-slot{display:block}.flow-library-close{z-index:5;background:#fff;position:absolute;top:7px;right:7px}.flow-properties-stack{z-index:25;border-top:1px solid #bcc5da;border-left:0;height:min(620px,72%);display:none;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -6px 20px #20283f12}.flow-editor.properties-open .flow-properties-stack{display:flex}.flow-properties-stack .flow-inspector{min-height:100px;display:block}.flow-properties-stack .flow-outline{min-height:120px;display:flex}.flow-editor.blocks-open .flow-inspector{display:none}.flow-editor.blocks-open .flow-outline{flex:1}.flow-mobile-close{display:inline-flex}.flow-scroll{flex:1;padding:22px 16px 80px}.flow-columns{grid-template-columns:minmax(0,1fr)!important}.flow-insert-plus{opacity:1}.flow-open-design{opacity:1;bottom:8px;right:8px}.design-editor-shell.is-flow-design{border:0;border-radius:0;inset:0}.design-editor-shell.is-flow-design .workspace{flex-direction:column;height:auto;min-height:0;padding-bottom:0;display:flex;overflow-y:auto}.design-editor-shell.is-flow-design>.timeline{height:205px}.flow-design-heading{min-height:42px}.design-editor-shell.is-flow-design .tool-rail{z-index:45;flex-shrink:0;order:-1;width:100%;height:44px;position:sticky;inset:0 auto auto}.is-flow-design .layers-panel{top:44px;bottom:0}.has-timeline .is-flow-design .layers-panel{bottom:205px}.is-flow-design .canvas-zone{padding:0}}@media (pointer:coarse){.flow-insert-plus{opacity:1;width:30px;height:30px;top:-15px}.flow-open-design{opacity:1}}@media (prefers-reduced-motion:reduce){.flow-insert-plus{transition:none}}.flow-type-row:has(>.flow-number:nth-child(2)){grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.flow-type-row:has(>.flow-number:nth-child(2)) .flow-number{flex-direction:column;align-items:stretch}.flow-type-row:has(>.flow-number:nth-child(2)) .flow-number input{width:100%}.flow-column>.flow-insertion:last-child:not(:first-child) .flow-insert-plus{left:auto;right:0}.flow-elements{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.flow-elements button{text-align:left;background:#f5f6fa;border:1px solid #0000;border-radius:4px;flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;min-width:0;min-height:64px;padding:10px;font-size:11px;display:flex}.flow-elements button svg{color:#667496}.flow-elements button:hover,.flow-elements button:focus-visible{color:#4054df;background:#eef0ff;border-color:#a5aeee}.flow-insertion.is-drop-target .flow-insert-plus{color:#fff;opacity:1;background:#4054df;border-color:#4054df}.flow-insertion.is-drop-target:after{height:3px}.flow-insertion-empty.is-drop-target:after{z-index:-1;top:50%;left:24px;right:24px}.flow-block-design.is-output-hidden{opacity:.3}@media print{.flow-block-design.is-output-hidden{display:none!important}}.flow-scroll{position:relative}.flow-marquee{pointer-events:none;z-index:20;background:#4054df18;border:1px solid #4054df;position:absolute}.flow-block.is-multi-selected{outline-offset:-2px;outline:2px solid #5766eb}.web-export{flex:none;position:relative}.web-export .web-export-trigger{white-space:nowrap;gap:7px}.web-export-trigger>svg:last-child{transition:transform .14s}.web-export-trigger>svg.is-open{transform:rotate(180deg)}.web-export .web-export-menu{z-index:20;transform-origin:100% 0;background:#fff;border:1px solid #dfe3eb;border-radius:9px;width:310px;max-width:calc(100vw - 24px);padding:5px;animation:.12s ease-out web-export-enter;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 36px #20283f20,0 2px 6px #20283f0c}.web-export .web-export-menu>button{color:#20283f;text-align:left;width:100%;min-height:62px;font:inherit;background:0 0;border:0;border-radius:5px;justify-content:flex-start;align-items:center;gap:11px;padding:10px 11px;display:flex}.web-export .web-export-menu>button:not(:disabled):hover,.web-export .web-export-menu>button:focus-visible{background:#f1f3f8}.web-export .web-export-menu>button:focus-visible{outline-offset:-2px;outline:2px solid #4054df}.web-export .web-export-menu>button:disabled{opacity:.45;cursor:default}.web-export .web-export-menu svg{color:#68758c;flex:none}.web-export .web-export-option{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.web-export .web-export-option strong{font-size:12px;font-weight:600}.web-export .web-export-option small{color:#68758c;white-space:normal;font-size:10px;line-height:1.4}.web-export .web-export-extension{color:#68758c;letter-spacing:.02em;font-size:10px}.web-export .web-export-note{color:#68758c;border-top:1px solid #e7eaf0;margin:4px 6px 3px;padding:9px 5px 5px;font-size:11px;line-height:1.45}@keyframes web-export-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.web-export .web-export-menu{animation:none}.web-export-trigger>svg{transition:none}}.flow-preview{z-index:2100;color:#20283f;isolation:isolate;background:#f1f3f8;flex-direction:column;min-width:0;display:flex;position:fixed;inset:0}.flow-preview-header{background:#fff;border-bottom:1px solid #dfe3eb;flex:none;align-items:center;gap:12px;min-height:48px;padding:6px 12px;font-size:12px;display:flex}.flow-preview-header strong{white-space:nowrap}.flow-preview-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.flow-preview-actions label{color:#606b82;align-items:center;gap:6px;display:flex}.flow-preview button,.flow-preview select{min-height:32px;color:inherit;font:inherit;cursor:pointer;background:#fff;border:1px solid #dfe3eb;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:5px 8px;display:inline-flex}.flow-preview button:disabled{opacity:.45;cursor:default}.flow-preview button:focus-visible,.flow-preview select:focus-visible{outline-offset:2px;outline:2px solid #485bf0}.flow-preview button small{color:#68758c;font-size:10px;font-weight:400}.flow-preview-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:24px 12px;overflow:auto}.flow-preview-paper{background:#fff;width:100%;margin:0 auto;box-shadow:0 5px 25px #17213d14}.flow-preview-paper iframe{border:0;width:100%;display:block;overflow:hidden}.flow-preview-error{color:#a62b40;background:#fff0f3;margin:8px 12px;padding:10px 12px;font-size:12px}.flow-preview-status{color:#68758c;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.flow-preview-status svg{animation:1s linear infinite flow-preview-spin}.flow-preview footer{padding:6px 12px max(6px, env(safe-area-inset-bottom));text-align:center;color:#68758c;background:#fff;border-top:1px solid #dfe3eb;font-size:10px}@keyframes flow-preview-spin{to{transform:rotate(360deg)}}@media (width<=600px){.flow-preview-header{flex-wrap:wrap;gap:6px;padding:6px 8px}.flow-preview-header>strong{margin-right:auto}.flow-preview-actions .flow-copy-label{display:none}.flow-preview-actions{flex-wrap:wrap;order:2;justify-content:space-between;gap:6px;width:100%}.flow-preview-actions>.publication-controls{flex-basis:100%}.flow-preview-actions:has(>button:only-child){justify-content:flex-end}.flow-preview-scroll{padding:12px 0}}@media (prefers-reduced-motion:reduce){.flow-preview-status svg{animation:none}}.modal.feed-modal{width:min(740px,100vw - 32px);padding:24px}.feed-heading{align-items:center;gap:10px;margin-right:32px;display:flex}.feed-heading h1{margin:0;font-size:23px}.feed-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin:24px 0;display:flex}.feed-segment{background:#f1f3fa;border-radius:10px;padding:3px;display:flex}.feed-segment button{color:#60708b;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 12px;font-size:12px}.feed-segment button[aria-pressed=true]{color:#354adc;background:#fff;box-shadow:0 1px 5px #26366014}.feed-ratio{align-items:center;gap:6px;margin-left:auto;font-size:12px;display:flex}.feed-ratio select{width:auto;color:inherit;background:#fff;border:1px solid #dfe4f0;border-radius:7px;padding:6px}.feed-profile{align-items:center;gap:14px;margin:24px 0;display:flex}.feed-avatar{color:#4955dc;background:#eef0ff;border-radius:50%;place-items:center;width:54px;height:54px;font-size:22px;display:grid}.feed-profile strong{font-size:16px}.feed-profile small{color:#708098;margin-top:5px;font-size:12px;display:block}.feed-grid{background:#fff;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;display:grid}.feed-tile{aspect-ratio:var(--feed-ratio);min-width:0;color:inherit;background:#f1f3f7;border:0;padding:0;display:block;position:relative;overflow:hidden}.feed-tile img{object-fit:cover;width:100%;height:100%;display:block}.feed-draft{cursor:pointer;outline-offset:-2px;outline:2px solid #5055ee}.feed-draft-label{color:#fff;background:#4b50e9;border-radius:5px;padding:4px 7px;font-size:10px;font-weight:600;position:absolute;bottom:8px;left:8px}.feed-kind{color:#fff;filter:drop-shadow(0 1px 2px #0009);position:absolute;top:8px;right:8px}.feed-unavailable{text-align:center;color:#708098;place-items:center;padding:12px;font-size:11px;display:grid;position:absolute;inset:0}.feed-connect{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:32px 18px 40px;display:flex}.feed-connect h2{margin:0;font-size:19px}.feed-connect p{color:#60708b;max-width:340px;margin:0;font-size:13px;line-height:1.6}.feed-connect small{color:#708098;font-size:11px}.feed-note{color:#708098;margin:16px 0;font-size:11px;line-height:1.6}.feed-error{color:#973c37;background:#fff1ee;border-radius:8px;margin:12px 0;padding:12px;font-size:12px;line-height:1.6}.feed-error a{margin-left:14px}.feed-loading{justify-content:center;align-items:center;gap:10px;padding:50px 0;font-size:13px;display:flex}.feed-more{margin:16px auto 0;display:flex}@media (width<=760px){.modal.feed-modal{padding:18px 12px}.feed-heading{padding:0 6px}.feed-toolbar{gap:6px;margin:18px 0}.feed-segment button{padding:8px;font-size:11px}.feed-profile{margin:18px 4px}.feed-draft-label{font-size:9px;bottom:5px;left:5px}}.feed-lookup{flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;display:flex}.feed-lookup input{min-width:150px;font:inherit;border:1px solid #dfe4f0;border-radius:9px;flex:1;padding:10px 12px;font-size:13px}.feed-lookup .button{min-height:38px;padding:10px 13px;font-size:12px}.presentation-preview{z-index:2000;color:#20283f;isolation:isolate;background:#f5f6fa;flex-direction:column;min-width:0;display:flex;position:fixed;inset:0}.presentation-preview button,.presentation-preview select{font:inherit;color:inherit;cursor:pointer;background:#fff;border:1px solid #dfe3ee;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:7px 11px;display:inline-flex}.presentation-preview button:disabled{opacity:.45;cursor:default}.presentation-preview button:focus-visible,.presentation-preview select:focus-visible,.presentation-preview input:focus-visible{outline-offset:2px;outline:2px solid #485bf0}.presentation-header{background:#fff;border-bottom:1px solid #e5e8f0;flex:none;align-items:center;gap:18px;min-height:55px;padding:10px 18px;display:flex}.presentation-header strong{font-size:14px}.presentation-mode{background:#f0f2f8;border-radius:11px;padding:3px;display:flex}.presentation-mode button{background:0 0;border:0;min-height:30px;padding:5px 14px;font-size:12px}.presentation-mode button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #1b23531a}.presentation-close{margin-left:auto}.presentation-carousel{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y;flex:1;min-width:0;min-height:0;display:flex;overflow:auto hidden}.presentation-carousel::-webkit-scrollbar{display:none}.presentation-slide{scroll-snap-align:start;scroll-snap-stop:always;box-sizing:border-box;flex:0 0 100%;justify-content:center;align-items:center;min-width:0;padding:22px;display:flex}.presentation-live-page{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-width:0;max-width:100%;height:100%;display:flex;position:relative}.presentation-slide canvas,.presentation-slide>img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block;box-shadow:0 8px 35px #1d29451a}.presentation-live-page canvas{flex:0 auto;min-height:0;max-height:calc(100% - 48px)}.presentation-loading{color:#6b748b;align-items:center;gap:9px;font-size:13px;display:flex}.presentation-live-page>.presentation-loading{z-index:1;background:#ffffffed;border-radius:10px;padding:12px;position:absolute}.presentation-loading svg{animation:1.4s linear infinite presentation-spin}@keyframes presentation-spin{to{transform:rotate(360deg)}}.presentation-playback{background:#fff;border-radius:12px;flex:none;align-items:center;gap:8px;min-width:0;max-width:100%;padding:5px;display:flex}.presentation-playback input{accent-color:#485bf0;width:160px;min-width:40px}.presentation-playback span{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px}.presentation-playback button{border:0;flex:none;padding:7px}.presentation-navigation{flex:none;justify-content:center;align-items:center;gap:20px;padding:9px 15px 14px;display:flex}.presentation-navigation span{font-variant-numeric:tabular-nums;font-size:13px}.presentation-mailing-tools{background:#fff;border-bottom:1px solid #e5e8f0;flex-wrap:wrap;align-items:center;gap:14px;padding:12px 20px;font-size:12px;display:flex}.presentation-mailing-tools p{color:#6b748b;flex:1;min-width:180px;margin:0}.presentation-mailing-tools label{white-space:nowrap;align-items:center;gap:7px;display:flex}.presentation-mailing-tools button{font-weight:600}.presentation-mailing-tools button:not(:disabled){color:#4054df}.presentation-mailing-scroll{flex:1;min-height:0;padding:20px 12px;overflow:auto}.presentation-mailing-pages{width:100%;max-width:600px;margin:0 auto;line-height:0;box-shadow:0 8px 35px #1d29451a}.presentation-mailing-pages iframe{background:#fff;border:0;width:100%;display:block;overflow:hidden}.presentation-error{color:#a82d40;background:#fff1f3;border-radius:9px;margin:10px 16px;padding:12px 16px;font-size:13px}.presentation-progress{text-align:center;color:#6b748b;margin:10px;font-size:12px}@media (width<=600px){.presentation-header{gap:10px;min-height:48px;padding:7px 10px}.presentation-mode button{padding:5px 10px}.presentation-slide{padding:12px 8px}.presentation-playback{gap:4px}.presentation-playback input{width:105px}.presentation-mailing-tools{gap:8px;padding:10px}.presentation-mailing-tools p{flex-basis:100%;font-size:11px}.presentation-mailing-tools label{margin-right:auto}.presentation-mailing-scroll{padding:10px 0}.presentation-navigation{padding-bottom:max(10px, env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.presentation-loading svg{animation:none}}.corner-controls{margin:9px 0;font-size:12px}.corner-control-row{align-items:center;gap:7px;display:flex}.corner-control-row>span{flex:1}.corner-control-row input{width:72px}.corner-link{border:1px solid var(--line);border-radius:4px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.corner-link[aria-pressed=true]{color:var(--blue);background:#eef0ff}.corner-fields{grid-template-columns:1fr 1fr;gap:6px 10px;margin-top:6px;display:grid}.corner-fields label{align-items:center;gap:7px;display:flex}.corner-fields input{width:100%;min-width:0}.corner-symbol{width:10px;height:10px;color:var(--muted);border:0 solid;border-width:1.5px 0 0 1.5px;border-top-left-radius:5px;flex:none}.corner-symbol.ne{transform:rotate(90deg)}.corner-symbol.se{transform:rotate(180deg)}.corner-symbol.sw{transform:rotate(270deg)}.corner-overlay{pointer-events:none;z-index:32;position:absolute;inset:0}.corner-dot{pointer-events:auto;touch-action:none;cursor:crosshair;background:0 0;border:0;border-radius:50%;width:24px;height:24px;padding:0;position:absolute}.corner-dot:after{content:"";border:1.5px solid var(--blue);background:#fff;border-radius:50%;position:absolute;inset:7px;box-shadow:0 1px 3px #17274d44}.corner-dot:hover:after,.corner-dot:focus-visible:after{background:var(--blue);border-color:#fff}.corner-dot:focus-visible{outline:1px solid var(--blue);outline-offset:0}.brand-panel{color:#20283f;min-width:0}.brand-heading,.brand-library-toolbar,.brand-card-actions,.brand-token-heading,.brand-save-actions{align-items:center;gap:8px;display:flex}.brand-heading{justify-content:space-between;margin-bottom:14px;padding-right:26px}.brand-heading h2{margin:0;font-size:22px}.brand-library-toolbar{flex-wrap:wrap;margin-bottom:18px}.brand-library-toolbar .compact-segmented{margin-right:auto}.brand-library-toolbar .compact-segmented button{flex-shrink:0;align-items:center;gap:6px;width:auto;min-height:36px;padding:9px;display:flex}.brand-library-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.brand-card{border:1px solid #d8dfed;border-radius:12px;flex-direction:column;gap:9px;min-width:0;padding:14px;display:flex}.brand-card strong{overflow-wrap:anywhere}.brand-card small,.brand-editor>small,.brand-cloud-row small{color:#707c96;font-size:11px}.brand-card-colors{background:repeating-conic-gradient(#eef0f6 0% 25%,#fff 0% 50%) 0/12px 12px;border-radius:7px;height:45px;display:flex;overflow:hidden}.brand-card-colors span{flex:1}.brand-card-actions{flex-wrap:wrap}.brand-card-actions .button{min-height:34px;margin-left:auto;padding:7px 10px}.brand-card-actions .icon-button{width:34px;height:34px}.brand-empty{color:#707c96;text-align:center;grid-column:1/-1;padding:36px 14px}.brand-status{color:#435b42;font-size:12px}.brand-editor{border:0;min-width:0;margin:0;padding:0}.brand-tabs{border-bottom:1px solid #d8dfed;gap:3px;margin:16px 0 5px;display:flex}.brand-tabs button{color:#707c96;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 12px}.brand-tabs button[aria-selected=true]{color:#4054df;border-color:#4054df}.brand-token{border-bottom:1px solid #e8ebf2;padding:16px 0}.brand-token>strong{margin-bottom:10px;font-size:12px;display:block}.brand-token-heading{margin-bottom:10px}.brand-token-heading>input{flex:1;min-width:0}.brand-token input,.brand-token select{max-width:100%}.brand-font-sample{overflow-wrap:anywhere;margin:12px 0 3px;padding:4px 0 10px}.brand-style-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.brand-style-fields label{color:#707c96;gap:5px;font-size:11px;display:grid}.brand-style-fields input{width:100%;min-width:0}.brand-save-actions{z-index:2;background:#fff;flex-wrap:wrap;padding:18px 0 10px;position:sticky;bottom:-24px}.brand-cloud-row{border-bottom:1px solid #e8ebf2;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 0;display:flex}.brand-cloud-row strong{overflow-wrap:anywhere;flex:1}.brand-panel .danger{color:#c5323e}@media (width<=600px){.brand-library-grid{grid-template-columns:1fr}.brand-tabs button{flex:1;padding:10px 5px;font-size:12px}.brand-panel .icon-button{min-width:40px;min-height:40px}.brand-save-actions{bottom:-20px}}.brand-home-button{gap:6px;width:auto;padding:8px;display:flex}.brand-home-button span{font-size:12px}.brand-panel input:not([type=color]):not([type=file]),.brand-panel select{color:#20283f;font:inherit;background:#fff;border:1px solid #d8dfed;border-radius:7px;min-width:0;padding:8px 10px}.brand-editor>.field-label>input,.brand-token-heading input{width:100%}.brand-panel input:focus-visible,.brand-panel select:focus-visible{outline-offset:1px;outline:2px solid #a9baff}@media (width<=600px){.brand-library-toolbar{grid-template-columns:1fr auto auto;display:grid}.brand-library-toolbar .compact-segmented{grid-column:1/-1;justify-self:start;margin:0 0 4px}.brand-library-toolbar>.button{grid-column:1/3;justify-self:start}}.template-preview{background:#fff;position:relative;overflow:hidden}.template-preview canvas{width:100%;height:auto;display:block}.template-preview>small{color:#a33;background:#fff;font-size:10px;position:absolute;bottom:4px;left:4px}.brand-workspace-tabs{border-bottom:1px solid #d8dfed;gap:16px;margin:-6px 30px 20px 0;display:flex}.brand-workspace-tabs button{color:#707c96;font:inherit;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 0}.brand-workspace-tabs button[aria-selected=true]{color:#4054df;border-color:#4054df}.template-library .brand-card .template-preview{align-self:center;width:auto;max-height:240px}.template-library .brand-card .template-preview canvas{width:auto;max-width:100%;max-height:240px}.template-save-preview{max-width:220px;margin:18px auto}.template-save-note{color:#707c96;font-size:12px}.brand-panel .font-picker .compact-field input[type=number]{background:0 0;border:0;padding:4px 0}.brand-conflict-actions{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.modal[aria-label=Size] .size-settings>.panel-heading{padding-right:32px}.design-size-controls{border-bottom:1px solid var(--line);margin-bottom:18px;padding-bottom:14px}.design-resize-behavior{justify-content:space-between;align-items:center;gap:12px;min-height:42px;display:flex}.design-resize-behavior .check{font-size:12px}.design-anchor-control{color:var(--muted);align-items:center;gap:9px;font-size:11px;display:flex}.design-anchor-grid{border:1px solid var(--line);border-radius:3px;grid-template-columns:repeat(3,26px);padding:2px;display:grid}.design-anchor-grid button{border-radius:2px;place-items:center;width:26px;height:26px;display:grid}.design-anchor-grid button span{background:#8290ae;border-radius:50%;width:4px;height:4px}.design-anchor-grid button[aria-pressed=true]{background:#4054df}.design-anchor-grid button[aria-pressed=true] span{background:#fff}.design-crop-action{align-items:center;gap:10px;margin-top:10px;display:flex}.design-crop-action .button{min-height:32px;padding:7px 10px;font-size:11px}.design-crop-action small,.design-size-scope{color:var(--muted);font-size:11px}.design-size-scope{margin:8px 0 0}.crop-selection-action{color:#4054df;align-items:center;gap:6px;margin:8px 0;font-size:11px;display:inline-flex}.media-scope-tabs{border-bottom:1px solid #dce1ed;gap:2px;margin-bottom:12px;display:flex}.media-scope-tabs button{color:#63708a;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:1;min-width:0;padding:9px 5px;font-size:11px}.media-scope-tabs button[aria-selected=true]{border-bottom-color:var(--blue);color:var(--blue)}.project-media-search{border:1px solid #dce1ed;border-radius:6px;align-items:center;gap:7px;margin-bottom:12px;padding:0 9px;display:flex}.project-media-search input{background:0 0;border:0;width:100%;min-width:0;padding:9px 0;font-size:12px}.project-media-folders{gap:3px;display:grid}.project-media-folders button{text-align:left;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:9px;padding:10px 7px;display:flex}.project-media-folders button:hover{background:#eef0ff}.project-media-folders svg{flex:none}.project-media-folders span{overflow-wrap:anywhere;flex:1;min-width:0;font-size:12px}.project-media-breadcrumb{align-items:center;gap:5px;margin-bottom:9px;display:flex}.project-media-breadcrumb strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.project-media-thumb{background:#f0f2f7;place-items:center;display:grid}.project-media-browser .source-card p{text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:11px;overflow:hidden}.project-media-browser .source-grid{margin-bottom:14px}.account-menu-root{position:relative}.account-avatar{color:#374acb;background:#e7eaff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:750;display:grid}.account-menu{z-index:100;background:#fff;border:1px solid #dde2ef;border-radius:14px;width:min(280px,100vw - 24px);padding:8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 40px #20283f26}.account-menu-identity{overflow-wrap:anywhere;border-bottom:1px solid #edf0f7;gap:3px;margin-bottom:5px;padding:9px 10px 12px;display:grid}.account-menu-identity span{color:#69748b;font-size:12px}.account-menu [role=menuitem]{text-align:left;color:#20283f;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:11px 10px;font-size:13px;display:flex}.account-menu [role=menuitem]:hover,.account-menu [role=menuitem]:focus-visible{outline-offset:-2px;background:#f0f2ff;outline:2px solid #4054df}.account-menu [role=status]{padding:0 10px;font-size:12px}.account-password-form{gap:14px;display:grid}.account-password-form [role=alert]{color:#b52c3f}.account-password-form [role=status]{color:#287145}:root{color:#293249;font-synthesis:none;--blue:#3b57d9;--panel:#fff;--line:#e7eaf1;--muted:#798195;--ink:#293249;--wash:#edf0fe;background:#f3f5fa;font-family:DM Sans,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.4}button{background:0 0;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #7d94ff}input[type=range]{accent-color:var(--blue);cursor:pointer;width:100%;height:24px}input[type=checkbox]{accent-color:var(--blue)}input[type=number],input[type=url],select{width:100%;color:var(--ink);background:#fff;border:1px solid #dce1ee;border-radius:9px;min-width:0;padding:11px 12px}input[type=number]{padding:9px}h1,h2,p{margin:0}h1,h2,.brand{font-family:Abitaro Sans,sans-serif}h1{letter-spacing:-1.05px;font-size:26px;font-weight:750;line-height:1.25}h2{font-size:14px;font-weight:700}p{color:var(--muted);line-height:1.6}.topbar{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:30px;height:78px;padding:0 28px;display:flex}.brand{letter-spacing:-1.4px;align-items:center;gap:0;font-size:25px;font-weight:800;display:flex}.brand>span:last-child{color:#81889a;margin-left:4px;font-weight:450}.brand-mark{flex-shrink:0;width:32px;height:32px;margin-right:9px;display:block}.project-title{border-left:1px solid var(--line);padding-left:29px}.project-title input{color:#4c5467;outline-offset:0;background:0 0;border:0;max-width:240px;padding:3px 0;font-weight:550;display:block}.project-title span{color:#9299a9;align-items:center;gap:5px;margin-top:3px;font-size:11px;display:flex}.header-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.icon-button{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.icon-button:hover{background:#f1f3f9}.account-button{border:1px solid var(--line);border-radius:9px;align-items:center;gap:8px;margin-left:12px;padding:10px 13px;font-size:12px;display:flex}.button{border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:12px 18px;font-size:13px;font-weight:600;display:inline-flex}.primary{background:var(--blue);color:#fff;box-shadow:0 3px 6px #3b57d91a}.primary:hover{background:#3049c3}.secondary{background:#fff;border:1px solid #dce1ed}.secondary:hover{background:#f8f9fc}.white{color:var(--blue);background:#fff;box-shadow:0 4px 12px #22324f16}.full{width:100%;margin-bottom:10px}.text-button{color:var(--blue);align-items:center;gap:6px;padding:5px 0;font-size:12px;font-weight:550;display:inline-flex}.workspace{grid-template-columns:88px 318px minmax(0,1fr);height:calc(100dvh - 78px);display:grid;overflow:hidden}.tool-rail{border-right:1px solid var(--line);background:#fff;flex-direction:column;align-items:center;gap:11px;padding:24px 10px 16px;display:flex}.tool-rail button{color:#8590a6;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:66px;height:66px;font-size:11px;font-weight:500;display:flex}.tool-rail button:hover{background:#f5f7fc}.tool-rail button.active{color:var(--blue);background:#edf0fd}.tool-rail .help-button{margin-top:auto}.tool-panel{border-right:1px solid var(--line);scrollbar-width:thin;scrollbar-color:#e4e8f2 transparent;background:#fff;padding:28px 25px 30px;overflow-y:auto}.panel-heading{margin-bottom:24px}.panel-heading p{margin-top:12px;font-size:12px;line-height:1.7}.eyebrow{color:var(--blue);margin-bottom:12px;font-size:11px;font-weight:550;display:block}.upload-mask{width:100%;min-height:186px;color:var(--blue);background:#f8f9fe;border:1.5px dashed #b1bfe8;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:19px 5px;transition:background .15s;display:flex}.upload-mask:hover{background:#edf1ff}.upload-mask b{font-size:13px}.upload-mask>span:not(.mask-upload-icon){color:#8490ae;font-size:11px}.mask-upload-icon{place-items:center;width:48px;height:45px;margin-bottom:4px;display:grid}.upload-mask small{color:#929ab0;margin-top:10px;font-size:10px}.section-line{justify-content:space-between;align-items:center;gap:6px;margin:25px 0 13px;display:flex}.section-line h2{font-family:inherit;font-size:12px;font-weight:550}.section-line>span{color:#9aa2b4;font-size:10px}.preset-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.preset-grid button{border:1px solid var(--line);color:#848ca1;background:#fff;border-radius:9px;padding:10px 6px 9px;font-size:10px}.preset-grid svg{fill:currentColor;width:31px;height:31px;margin:0 auto 8px;display:block}.preset-grid span{text-transform:capitalize}.preset-grid button.active{color:var(--blue);background:#f1f4ff;border-color:#7388e5}.mask-current{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:6px;margin:22px 0 15px;padding-bottom:15px;font-size:11px;display:flex}.mask-current>span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;max-width:170px;display:flex;overflow:hidden}.field-label{margin:15px 0;font-size:11px;font-weight:550;display:block}.field-label select,.field-label input{margin-top:8px;font-size:12px;display:block}.two-fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}.tip{color:#949cae;align-items:flex-start;gap:8px;margin-top:20px;font-size:10px;line-height:1.7;display:flex}.tip svg{flex-shrink:0;margin-top:2px}.stage{background:radial-gradient(at 55% 38%,#fcfdff 0%,#f0f3fa 76%);flex-direction:column;min-width:0;padding:0 32px;display:flex;overflow:hidden}.stage-toolbar{color:#8b93a7;flex-shrink:0;align-items:center;gap:22px;height:64px;font-size:11px;display:flex}.stage-toolbar>div{align-items:center;gap:7px;display:flex}.live-dot{background:#68b2a0;border-radius:100%;width:6px;height:6px}.format-chip{color:#6d7894;background:#ffffff95;border:1px solid #e0e5f0;border-radius:7px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;display:flex}.format-chip span{color:#9199ad;margin-left:6px}.stage-layout-name{margin-left:auto}.canvas-zone{flex:1;justify-content:center;align-items:center;min-height:100px;padding:2px 16px 16px;display:flex;container-type:size}.canvas-wrap{background:#fff;width:auto;max-width:100%;height:100%;max-height:100%;position:relative;overflow:hidden;box-shadow:0 16px 36px #3541661c,0 2px 6px #35416613}.canvas-wrap canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.canvas-wrap canvas:active{cursor:grabbing}.canvas-welcome{text-align:center;color:#fff;pointer-events:none;background:#102c5110;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.canvas-welcome h2{letter-spacing:-1.3px;text-shadow:0 2px 12px #3144630e;font-size:clamp(22px,3vw,37px);font-weight:750;line-height:1.25}.canvas-welcome p{color:#fffc;margin:15px 0 23px;font-size:12px}.canvas-welcome .button{pointer-events:auto;font-size:12px}.welcome-shape{background:#fff2;border:1px solid #ffffff40;border-radius:17px;place-items:center;width:52px;height:52px;margin-bottom:22px;display:grid}.timeline{background:#fff;border:1px solid #e7ebf3;border-bottom:0;border-radius:15px 15px 0 0;flex-shrink:0;width:min(100%,950px);margin:0 auto;padding:16px 20px 22px}.playback{align-items:center;gap:12px;display:flex}.play-button{width:34px;height:34px;color:var(--blue);background:#edf1ff;border-radius:100%;flex-shrink:0;place-items:center;display:grid}.time-display{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.time-display small{color:#a0a7b6;font-size:10px}.playback>input{accent-color:#8395e3;flex:1;min-width:30px}.duration-label{color:#8b94aa;align-items:center;gap:5px;font-size:10px;display:flex}.duration-label input{text-align:center;background:#f5f7fb;border:0;width:55px;padding:6px 2px;font-size:11px}.slots{scrollbar-width:thin;gap:10px;padding:3px;display:flex;overflow-x:auto}.slot{text-align:left;background:#fff;border:1px solid #e5e9f1;border-radius:9px;flex:1;align-items:center;gap:10px;min-width:155px;padding:8px;display:flex}.slot.active{border-color:#788de7;box-shadow:0 0 0 2px #ebefff}.slot-preview{color:#8597d6;background:#f0f3fd;border-radius:5px;flex-shrink:0;place-items:center;width:41px;height:44px;display:grid;overflow:hidden}.slot-preview img{object-fit:cover;width:100%;height:100%}.slot>span:nth-child(2){min-width:0}.slot b{white-space:nowrap;font-size:11px;font-weight:550;display:block}.slot small{color:#a0a8b9;text-overflow:ellipsis;white-space:nowrap;max-width:180px;margin-top:6px;font-size:10px;display:block;overflow:hidden}.slot-badge{color:#9ea9c0;place-items:center;margin-left:auto;font-size:10px;display:grid}.category-tabs{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.category-tabs button{color:#858fa5;background:#f6f7fa;border-radius:7px;padding:7px 10px;font-size:11px}.category-tabs button.active{background:var(--blue);color:#fff}.layout-grid{grid-template-columns:repeat(2,1fr);gap:11px;display:grid}.layout-grid button{border:1px solid var(--line);color:#9ba6c2;text-align:left;background:#fff;border-radius:10px;padding:13px}.layout-grid button.active{color:var(--blue);background:#f6f8ff;border-color:#7d90e7}.layout-grid svg{width:100%;height:72px;margin-bottom:12px;display:block}.layout-grid span,.layout-grid small{color:#65728d;font-size:11px;display:block}.layout-grid small{color:#a1aabc;margin-top:4px;font-size:9px}.library-hint{margin:12px 0 20px;font-size:11px}.source-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 11px;display:grid}.source-thumb{border:2px solid #0000;border-radius:8px;width:100%;height:95px;padding:0;display:block;position:relative;overflow:hidden}.source-thumb.active{border-color:var(--blue)}.source-thumb>img{object-fit:cover;width:100%;height:100%}.source-thumb>span{color:#fff;background:#172339a0;border-radius:4px;align-items:center;gap:4px;padding:3px 5px;font-size:9px;display:flex;position:absolute;bottom:5px;left:5px}.source-thumb>i{color:#fff;background:var(--blue);border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;top:5px;right:5px}.source-card>div{align-items:center;gap:3px;font-size:10px;display:flex}.source-card>div>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.source-card .icon-button{width:22px;height:28px}.empty-library{text-align:center;color:#a3adc5;flex-direction:column;align-items:center;gap:16px;padding:48px 0;display:flex}.empty-library>b{color:#7e899f;font-size:12px;font-weight:550}.empty-library p{font-size:12px}.loading{color:var(--blue);align-items:center;gap:10px;font-size:12px;display:flex}.loading svg{animation:1.5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.selected-media{align-items:center;gap:12px;margin-bottom:20px;display:flex;overflow:hidden}.selected-media img{object-fit:cover;border-radius:7px;width:48px;height:52px}.selected-media>div{min-width:0}.selected-media b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.selected-media span{color:#929bb0;margin-top:5px;font-size:10px;display:block}.segmented{background:#f0f3fa;border-radius:9px;gap:3px;padding:3px;display:flex}.segmented button{color:#8e98ae;border-radius:6px;flex:1;padding:9px 4px;font-size:10px}.segmented .active{color:var(--blue);background:#fff;box-shadow:0 2px 5px #22334f0b}.section-title{margin:25px 0 10px;font-size:12px}.section-title h2{font-size:12px}.danger{color:#b1636e;margin:10px 0}.color-field{justify-content:space-between;align-items:center;margin:18px 0;font-size:11px;display:flex}.color-field input{border:1px solid var(--line);background:#fff;border-radius:6px;width:40px;height:30px;padding:3px}.ratio-list{flex-direction:column;gap:9px;display:flex}.ratio-list button{text-align:left;border:1px solid var(--line);border-radius:10px;align-items:center;gap:13px;padding:14px 12px;display:flex}.ratio-list button.active{color:var(--blue);background:#f3f5ff;border-color:#8194e6}.ratio-list button>svg{margin-left:auto}.ratio-symbol{color:#9ba8c9;place-items:center;width:36px;display:grid}.ratio-symbol i{background:#8b9ccd14;border:1.5px solid;border-radius:3px}.ratio-list b{font-size:12px;font-weight:550;display:block}.ratio-list small{color:#959eb3;margin-top:4px;font-size:10px;display:block}.hidden-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.drop-overlay{z-index:100;pointer-events:none;text-align:center;color:var(--blue);background:#edf1fff0;border:2px dashed #7d91df;border-radius:20px;place-items:center;display:grid;position:fixed;inset:8px}.drop-overlay svg{margin-bottom:20px}.drop-overlay h2{margin-bottom:10px;font-size:28px}.toast{z-index:300;color:#fff;background:#293a61;border-radius:12px;align-items:center;gap:16px;max-width:min(600px,92vw);padding:15px 18px;font-size:13px;line-height:1.5;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #13234230}.toast button{color:#fff;place-items:center;display:grid}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:150;background:#1d2c4f60;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:23px;width:440px;max-width:100%;max-height:92dvh;padding:32px;position:relative;overflow-y:auto;box-shadow:0 24px 80px #14214330}.modal-close{position:absolute;top:14px;right:16px}.modal-icon{width:58px;height:58px;color:var(--blue);background:#eef1ff;border-radius:18px;place-items:center;margin-bottom:21px;display:grid}.modal h1{margin-bottom:12px;font-size:27px}.modal>p{margin-bottom:20px;font-size:12px}.instagram-account{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:21px 0;padding:14px 0}.instagram-account>span{align-items:center;gap:6px;font-size:12px;display:flex}.instagram-account small{color:#98a1b4;font-size:11px;line-height:1.5;display:block}.error-message{color:#a34d5d;background:#fff0f2;border:1px solid #f3cdd4;border-radius:8px;margin-top:14px;padding:12px;font-size:12px;line-height:1.6}.import-results>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.import-results span{align-items:center;gap:8px;font-size:12px;display:flex}.export-summary{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#8e98ac;grid-template-columns:1fr auto;gap:12px;margin:25px 0;padding:20px 0;font-size:12px;display:grid}.export-summary b{color:#596782;font-weight:550}.export-progress{text-align:center;padding:25px 0}.export-progress .loading{justify-content:center;margin-bottom:20px}.export-progress h2{margin-bottom:20px}.export-progress progress{width:100%;accent-color:var(--blue);height:10px}.export-progress p{margin:15px 0;font-size:12px}.result-preview{background:#f1f3fa;border-radius:10px;justify-content:center;margin:20px 0;padding:12px;display:flex}.result-preview img,.result-preview video{max-width:100%;max-height:260px;display:block}.help-list{color:#818ca3;padding-left:20px;font-size:13px;line-height:1.7}.help-list li{padding:8px 0}.help-list b{color:#465470}.chosen{border-color:var(--blue);color:var(--blue)}@media (width>=1500px){.workspace{grid-template-columns:96px 350px minmax(0,1fr)}.tool-panel{padding:33px}.stage{padding:0 65px}.canvas-zone{padding-bottom:25px}.stage-toolbar{height:75px}.timeline{padding:18px 24px 26px}.panel-heading h1{font-size:29px}}@media (width<=1100px){.workspace{grid-template-columns:76px 285px minmax(0,1fr)}.tool-rail{padding-left:5px;padding-right:5px}.tool-panel{padding:24px 20px}.stage{padding:0 18px}.stage-toolbar{gap:12px}.stage-layout-name,.format-chip span{display:none}.timeline{padding:13px 12px 17px}.duration-label{gap:1px;font-size:0}.duration-label span{font-size:10px}.duration-label input{width:43px}.slot{min-width:150px}.slot small{max-width:115px}.topbar{gap:20px;padding:0 20px}.project-title{padding-left:20px}.project-title input{max-width:170px}}@media (width<=760px){:root{font-size:14px}.app{min-height:100dvh}.topbar{z-index:20;gap:12px;height:62px;padding:0 15px;position:sticky;top:0}.brand{font-size:22px}.brand>span:last-child{display:none}.brand-mark{width:24px;height:24px;margin-right:8px}.project-title{flex:1;min-width:0;padding-left:12px}.project-title input{width:135px;max-width:100%;font-size:12px}.project-title span{white-space:nowrap;font-size:8px}.header-actions{gap:4px}.account-button{border:0;margin:0;padding:8px}.account-button span,.history-button{display:none}.export-top{border-radius:8px;gap:5px;min-height:36px;padding:9px 11px;font-size:11px}.export-top svg{width:14px}.workspace{flex-direction:column;height:auto;min-height:calc(100dvh - 62px);padding-bottom:78px;display:flex;overflow:visible}.tool-rail{z-index:30;height:calc(66px + env(safe-area-inset-bottom));padding:5px 10px env(safe-area-inset-bottom);border:0;border-top:1px solid var(--line);flex-direction:row;justify-content:space-around;gap:3px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 18px #293a6110}.tool-rail button{border-radius:10px;gap:4px;width:62px;height:53px;font-size:10px}.tool-rail button svg{height:21px}.tool-rail .help-button{display:none}.stage{flex-shrink:0;order:0;padding:0 16px;overflow:visible}.stage-toolbar{justify-content:space-between;height:42px;font-size:10px}.stage-toolbar .format-chip{padding:5px 8px;font-size:10px}.canvas-zone{flex:none;height:39dvh;min-height:215px;max-height:440px;padding:0 0 12px;container-type:normal}.canvas-wrap{width:auto;max-width:100%;height:100%;max-height:100%}.canvas-welcome h2{font-size:24px}.canvas-welcome p{margin:10px 0 13px;font-size:10px}.welcome-shape{border-radius:12px;width:37px;height:37px;margin-bottom:12px}.welcome-shape svg{height:23px}.canvas-welcome .button{min-height:35px;padding:9px 12px;font-size:10px}.timeline{border-bottom:1px solid var(--line);border-radius:13px;margin-bottom:16px;padding:11px 10px 13px}.playback{gap:7px}.playback .icon-button{width:24px}.time-display{font-size:10px}.time-display small{font-size:9px}.duration-label input{width:39px;font-size:10px}.play-button{width:28px;height:28px}.play-button svg{height:14px}.slots{gap:8px}.slot{gap:7px;min-width:145px;padding:7px}.slot-preview{width:32px;height:36px}.slot b{font-size:10px}.slot small{max-width:104px;margin-top:4px;font-size:9px}.tool-panel{border:0;border-top:1px solid #e1e6f0;border-radius:20px 20px 0 0;order:1;min-height:260px;padding:21px 22px 30px;overflow:visible;box-shadow:0 -4px 18px #293a6103}.panel-heading{margin-bottom:20px}.panel-heading h1{font-size:24px}.panel-heading p{margin-top:7px;font-size:11px}.panel-heading p br{display:none}.eyebrow{margin-bottom:7px;font-size:10px}.upload-mask{min-height:137px;padding:10px}.upload-mask .mask-upload-icon{height:30px;margin:0}.upload-mask small{margin-top:5px}.preset-grid{gap:10px}.preset-grid button{padding:12px}.preset-grid svg{width:35px;height:35px}.preset-grid span{font-size:11px}.section-line{margin-top:20px}.field-label{font-size:12px}.field-label input,.field-label select{min-height:44px;font-size:14px}.tip{font-size:11px}.category-tabs button{padding:9px 12px;font-size:12px}.layout-grid{grid-template-columns:repeat(3,1fr)}.layout-grid button{padding:12px 9px}.layout-grid svg{height:63px}.layout-grid span{font-size:10px}.ratio-list{grid-template-columns:1fr 1fr;display:grid}.ratio-list button{gap:8px;padding:13px 10px}.ratio-list b{font-size:11px}.ratio-list small{font-size:9px}.ratio-symbol{flex-shrink:0;width:25px}.ratio-list button>svg{width:13px}.source-grid{grid-template-columns:repeat(3,1fr)}.source-thumb{height:85px}.empty-library{padding:25px 0}.modal-backdrop{align-items:center;padding:14px}.modal{border-radius:19px;max-height:90dvh;padding:28px 22px}.modal h1{font-size:25px}.modal .field-label input{font-size:16px}.toast{width:max-content;max-width:92vw;font-size:12px;bottom:85px}.source-card .icon-button{width:27px;height:32px}}@media (width<=370px){.account-button{display:none}.project-title input{width:115px}.layout-grid{grid-template-columns:repeat(2,1fr)}.ratio-list{grid-template-columns:1fr}.tool-panel{padding:20px 17px}.stage{padding:0 10px}.duration-label{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=760px){.workspace{height:auto;min-height:0;padding-bottom:calc(76px + env(safe-area-inset-bottom));overflow:visible}.stage{flex:none}.canvas-welcome h2{font-size:21px}.canvas-welcome p{margin:8px 0 10px;font-size:9px}.welcome-shape{display:none}.timeline{margin-bottom:12px;padding:9px 10px 10px}.tool-panel{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.toast{bottom:calc(76px + env(safe-area-inset-bottom))}}input[type=range]{appearance:none;background:0 0}input[type=range]::-webkit-slider-runnable-track{background:#e1e6f3;border-radius:10px;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:#657fe0;border-radius:50%;width:13px;height:13px;margin-top:-4.5px}input[type=range]::-moz-range-track{background:#e1e6f3;border-radius:10px;height:4px}input[type=range]::-moz-range-thumb{background:#657fe0;border:0;border-radius:50%;width:13px;height:13px}.canvas-zone{container-type:size}.canvas-wrap{height:auto;width:min(100cqw, calc(100cqh * var(--canvas-ratio)));flex-shrink:0}.grid-builder{background:#f5f7fc;border-radius:10px;margin-bottom:18px;padding:14px}.grid-builder h2{font-size:12px}.grid-builder p{font-size:11px}.grid-builder .field-label{margin:10px 0}.split-guides{pointer-events:none;position:absolute;inset:0}.split-guides button{pointer-events:auto;touch-action:none}.divider-handle{z-index:3;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.divider-handle.x{cursor:ew-resize;background:linear-gradient(90deg,#0000 7px,#fff9 7px 9px,#0000 9px);width:16px;transform:translate(-50%)}.divider-handle.y{cursor:ns-resize;background:linear-gradient(#0000 7px,#fff9 7px 9px,#0000 9px);height:16px;transform:translateY(-50%)}.divider-handle i{background:#fff;border:1px solid #637dcc;border-radius:6px;width:9px;height:26px;box-shadow:0 1px 7px #26345530}.divider-handle.y i{width:26px;height:9px}.mask-guide{pointer-events:none;transform-origin:50%;border:1.5px dashed #fff;outline:1px solid #5671bb80;position:absolute}.mask-move{color:#4260b8;cursor:move;background:#fff;border:1px solid #7388c9;border-radius:8px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mask-resize{background:#5573d0;border:2px solid #fff;border-radius:4px;width:18px;height:18px;position:absolute}.mask-resize.nw{cursor:nwse-resize;top:-9px;left:-9px}.mask-resize.ne{cursor:nesw-resize;top:-9px;right:-9px}.mask-resize.sw{cursor:nesw-resize;bottom:-9px;left:-9px}.mask-resize.se{cursor:nwse-resize;bottom:-9px;right:-9px}.rotate-split-handle{color:#4260b8;cursor:grab;background:#fff;border:1px solid #6c84c9;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:12px;left:calc(50% - 16px)}.canvas-welcome{z-index:4}@media (width<=760px){.mask-move{width:28px;height:28px}.mask-resize{width:18px;height:18px}}.move-diagonal-handle{color:#4260b8;cursor:move;background:#fff;border:1px solid #7388c9;border-radius:8px;place-items:center;width:32px;height:32px;display:grid;position:absolute;transform:translate(-50%,-50%)}.instagram-optional{border-top:1px solid #e5e9f3;margin-top:22px;padding-top:16px}.instagram-optional summary{cursor:pointer;color:#6d7892;font-size:12px}.instagram-optional .instagram-account{margin-top:14px}.guide-settings{border-top:1px solid #e5e9f3;margin-top:20px;padding-top:18px}.guide-settings>.check{align-items:center;gap:8px;font-size:13px;display:flex}.custom-size-fields{padding-top:10px}.safe-guides{pointer-events:none;position:absolute;inset:0;overflow:hidden}.safe-guide-box{border:1px dashed #9ffff1;position:absolute}.safe-guide-label,.safe-guide-box span,.crop-guide-box span{color:#fff;white-space:nowrap;background:#19364acc;border-radius:3px;padding:2px 4px;font-size:9px;line-height:1.2;position:absolute;top:3px;left:3px}.crop-guide-box{border:1px dashed #ffd278;position:absolute}.crop-guide-box span{color:#ffe5ad;top:auto;bottom:3px}.guide-toggle{white-space:nowrap;font-size:11px}.source-thumb{position:relative}.source-origin{color:#fff;background:#27365a;border:2px solid #fff;border-radius:7px;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:5px;right:5px}.source-thumb>span{max-width:calc(100% - 35px);right:auto}.media-picker{gap:8px;max-height:45dvh;margin:20px 0;display:grid;overflow:auto}.media-picker>button{text-align:left;border:1px solid var(--line);border-radius:10px;align-items:center;gap:12px;padding:8px;display:flex}.media-picker>button:hover{border-color:var(--blue);background:#eef2ff}.picker-thumb{flex-shrink:0;width:76px;height:58px;position:relative}.picker-thumb img{object-fit:cover;border-radius:5px;width:100%;height:100%}.media-picker>button>span:last-child{min-width:0}.media-picker b:not(.source-origin){text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-size:12px;display:block;overflow:hidden}.media-picker small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.clip-timing-fields{margin:18px 0}.clip-timing-fields h2{margin-bottom:12px}.track-editor{min-width:0;margin-top:10px}.track-ruler{grid-template-columns:var(--label-width) 1fr;padding-right:var(--add-width);color:#67728a;height:25px;font-size:9px;display:grid}.track-ruler>span{font-size:10px;font-weight:600}.track-ruler>div{cursor:pointer;position:relative}.track-ruler>div span{position:absolute;transform:translate(-50%)}.track-ruler>div span:first-child{transform:none}.track-ruler>div span:last-child{transform:translate(-100%)}.track-scroll{overscroll-behavior:contain;max-height:190px;overflow-y:auto}.track-row{grid-template-columns:var(--label-width) minmax(0, 1fr) var(--add-width);border-top:1px solid #e5e9f2;gap:0;min-height:60px;display:grid}.track-label{padding:6px 8px 5px 0}.track-label>button{text-align:left;color:#42506e;font-size:11px;font-weight:600}.track-label small{color:#8590a6;font-size:9px;font-weight:400;display:block}.track-audio{align-items:center;gap:4px;margin-top:3px;display:flex}.track-audio button{color:#687994;display:flex}.track-audio input{width:44px;height:10px;accent-color:var(--blue)}.track-lane{background:repeating-linear-gradient(90deg,#0000 0 calc(20% - 1px),#e5e9f2 calc(20% - 1px) 20%),#f6f8fc;min-width:0;position:relative;overflow:hidden}.track-row.selected .track-label>button{color:var(--blue)}.timeline-clip{background:#e2e8fa;border:1px solid #b4bfdc;border-radius:5px;min-width:6px;height:47px;position:absolute;top:6px;overflow:hidden}.timeline-clip.video{background:#dceeea;border-color:#98c5bb}.timeline-clip.selected{border-color:#4555ed;box-shadow:inset 0 0 0 2px #4555ed}.clip-body{text-align:left;cursor:grab;touch-action:none;align-items:center;gap:6px;width:100%;height:100%;padding:4px 9px;display:flex}.clip-body:active{cursor:grabbing}.clip-body img{object-fit:cover;pointer-events:none;border-radius:3px;width:32px;height:32px}.clip-body>span{color:#344361;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;font-size:10px;overflow:hidden}.clip-body small{color:#61728e;margin-top:4px;font-size:8px;display:block}.clip-trim{cursor:ew-resize;touch-action:none;background:#4555ed22;width:8px;height:100%;position:absolute;top:0}.clip-trim.left{left:0}.clip-trim.right{right:0}.clip-trim:after{content:"";background:#52618d;border-radius:1px;width:2px;height:14px;position:absolute;top:16px;left:3px}.track-playhead{z-index:3;pointer-events:none;background:#ed695e;width:1px;position:absolute;top:0;bottom:0}.track-add{color:var(--blue);place-items:center;display:grid}.choose-track-media{color:#667997;border:1px dashed #b6c2dc;border-radius:5px;justify-content:center;align-items:center;gap:5px;font-size:10px;display:flex;position:absolute;inset:7px 4px}.timeline-help{color:#7d89a0;margin:8px 0 0;font-size:9px}.timeline{padding-top:11px;padding-bottom:10px}@media (width<=760px){.track-editor{margin-top:5px}.track-scroll{max-height:120px}.track-ruler{height:18px}.timeline-help{display:none}.timeline{margin-bottom:7px}.track-label{padding-right:4px}.track-audio input{width:34px}.media-picker b:not(.source-origin){max-width:195px}}.layer-controls{border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:18px}.layer-controls h2{margin-bottom:10px}.layer-list{gap:5px;margin-bottom:12px;display:grid}.layer-list>div{background:#f4f6fb;border-radius:7px;align-items:center;gap:8px;padding:7px;display:flex}.layer-list>div.active{background:#e8edff;box-shadow:inset 2px 0 #4555ed}.layer-list button{color:#627393;font-size:13px}.layer-list button:first-child{text-align:left;color:#344465;flex:1;font-size:11px}.layer-list small{color:#8290aa;margin-top:3px;font-size:9px;display:block}.layer-placement-buttons{margin:12px 0}.layer-frame{pointer-events:none;z-index:7;border:1px solid #e69243;position:absolute}.layer-move{color:#985c29;white-space:nowrap;pointer-events:auto;touch-action:none;cursor:move;background:#fff8ee;border:1px solid #e69243;border-radius:4px 4px 0 0;align-items:center;gap:4px;height:22px;padding:3px 5px;font-size:9px;display:flex;position:absolute;top:-22px;left:-1px}.layer-resize{pointer-events:auto;touch-action:none;cursor:nwse-resize;background:#fff;border:2px solid #e69243;border-radius:3px;width:13px;height:13px;position:absolute;bottom:-6px;right:-6px}.layer-timelines{overscroll-behavior:contain;max-height:205px;overflow-y:auto}.layer-timelines .track-scroll{max-height:none;overflow:visible}.layer-track-actions{justify-content:space-between;align-items:center;display:flex}.layer-track-actions .icon-button{width:28px;height:28px}.layer-track-heading{text-align:left;color:#4a5b7a;border-top:1px solid #d8dfed;width:100%;padding:5px 0;font-size:10px;font-weight:600;display:block}.layer-hidden .track-editor{opacity:.45}.layer-track-group+.layer-track-group{margin-top:8px}@media (width<=760px){.layer-timelines{max-height:125px}.layer-controls .button{font-size:11px}}.layer-move{border-radius:5px;gap:0;width:24px;max-width:100%;height:24px;padding:4px;font-size:0;top:2px;left:2px;overflow:hidden}.layer-move svg{flex-shrink:0}.layer-resize{width:18px;height:18px;bottom:-5px;right:-5px}.layer-timelines{max-height:170px}@media (width>=761px){.stage{overflow-y:auto}.canvas-zone{min-height:240px}}@media (width<=760px){.layer-timelines{max-height:125px}.layer-move{width:24px;height:24px}}.canvas-zone{border-radius:12px;margin-bottom:12px;padding-top:12px;position:relative}.mode-splits .canvas-zone{background-color:#eaf0fa;background-image:linear-gradient(#aebfd626 1px,#0000 1px),linear-gradient(90deg,#aebfd626 1px,#0000 1px);background-size:24px 24px}.canvas-mode-tools{z-index:10;background:#ffffffed;border:1px solid #dce3ee;border-radius:11px;flex-direction:column;gap:3px;padding:4px;display:flex;position:absolute;top:12px;right:10px;box-shadow:0 3px 12px #18294718}.canvas-mode-tools button{color:#64748c;border-radius:7px;place-items:center;width:38px;height:38px;display:grid}.canvas-mode-tools button:hover{color:#334567;background:#f0f3fa}.canvas-mode-tools button.active{color:#fff;background:#4555ed}.canvas-mode-tools button:focus-visible{outline-offset:2px;outline:2px solid #4555ed}.timeline-actions{justify-content:space-between;align-items:center;gap:12px;margin:8px 0 4px;display:flex}.timeline-actions>button{align-items:center;gap:4px;font-size:11px;display:flex}.timeline-actions label{color:#73809a;align-items:center;gap:5px;font-size:10px;display:flex}.timeline-actions input{accent-color:var(--blue)}@media (width<=760px){.canvas-zone{margin-bottom:8px;padding-top:8px}.canvas-mode-tools{padding:3px;top:6px;right:5px}.canvas-mode-tools button{width:36px;height:36px}.timeline-actions{margin:5px 0 3px}}.mode-content .canvas-zone{background:0 0}.canvas-mode-tools{border-radius:10px;flex-direction:row;gap:2px}.canvas-mode-tools button{gap:6px;width:auto;height:34px;padding:0 9px;font-size:11px;display:flex}.stage-reset{min-height:30px;margin-left:auto;padding:6px 10px;font-size:11px}.panel-heading.compact{justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;display:flex}.panel-heading.compact h1{margin:0;font-size:16px;line-height:1.3}.panel-heading.compact .icon-button{width:28px;height:28px}.empty-library{margin-top:18px;padding:24px 12px}.empty-library p{margin-bottom:0}.duration-label{margin:0;display:flex}.duration-label input{font-variant-numeric:tabular-nums;width:80px;padding:6px 3px;font-size:11px}.time-display{font-variant-numeric:tabular-nums;min-width:66px}.stage-toolbar{gap:14px}@media (width<=760px){.canvas-mode-tools{top:6px;right:5px}.canvas-mode-tools button{gap:4px;width:auto;height:34px;padding:0 7px;font-size:10px}.canvas-mode-tools svg{width:16px;height:16px}.duration-label{display:flex}.duration-label input{width:70px;font-size:10px}.time-display{min-width:59px;font-size:10px}.playback{gap:7px}.stage-toolbar{gap:9px}.stage-reset{margin-left:auto;padding:5px 8px}.stage-reset svg{display:none}.panel-heading.compact h1{font-size:16px}}.topbar{height:56px}.workspace{height:calc(100dvh - 56px)}.stage{padding-top:12px}.stage-toolbar{border:1px solid var(--line);max-width:100%;height:46px;color:var(--ink);background:#fff;border-radius:12px;align-self:center;gap:6px;margin:0 0 12px;padding:4px;box-shadow:0 3px 12px #18294712}.stage-toolbar .format-chip{background:0 0;border:0;height:36px;padding:0 9px;font-size:12px}.stage-toolbar .guide-toggle{width:36px;height:36px}.stage-toolbar .stage-reset{min-height:36px;box-shadow:none;background:0 0;border:0;margin:0;padding:0 9px;font-size:11px}.stage-toolbar .stage-reset svg{display:block}.stage-toolbar .canvas-mode-tools{border:0;border-left:1px solid var(--line);box-shadow:none;background:0 0;border-radius:0;gap:2px;margin-left:2px;padding:2px 2px 2px 7px;position:static}.stage-toolbar .canvas-mode-tools button{justify-content:center;width:36px;height:34px;padding:0}.stage-toolbar .canvas-mode-tools svg{width:18px;height:18px}@media (width<=760px){.topbar{gap:10px;height:44px;padding:0 12px}.brand{font-size:19px}.brand-mark{width:20px;height:20px;margin-right:6px}.project-title{padding-left:10px}.project-title span{display:none}.export-top{min-height:30px;padding:5px 9px}.workspace{height:auto;overflow:visible}.stage{padding:10px 12px 0}.canvas-zone{height:min(calc((100vw - 24px) / var(--canvas-ratio)), calc(100dvh - 184px - env(safe-area-inset-bottom)));flex:none;min-height:0;max-height:none;margin-bottom:10px;padding:0;container-type:size}.stage-toolbar{margin-bottom:10px}.tool-panel{flex:none;min-height:260px;scroll-margin-top:54px;overflow:visible}}.safe-guide-shape{width:100%;height:100%;position:absolute;inset:0}.empty-container-add{color:#344ac7;z-index:8;background:#fffffff2;border:1px solid #fff;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 16px #26387924}.empty-container-add:hover{color:#2036b5;background:#fff}.empty-container-add:focus-visible{outline-offset:3px;outline:3px solid #344ac7}.mask-move,.move-diagonal-handle,.rotate-split-handle,.empty-container-add{padding:0}.mask-move svg,.move-diagonal-handle svg,.rotate-split-handle svg,.layer-move svg,.empty-container-add svg{flex-shrink:0;display:block}.stage-toolbar .stage-reset{flex-shrink:0;justify-content:flex-start;width:66px;transition:width .18s,color .15s,background-color .15s;overflow:hidden}.stage-toolbar .stage-reset.armed{color:#c52f43;background:#fff0f2;width:112px}.stage-reset>svg{flex-shrink:0}.reset-labels{flex:1;height:16px;position:relative}.reset-labels>span{white-space:nowrap;transition:opacity .15s;position:absolute;top:0;left:0}.reset-labels>span:last-child,.armed .reset-labels>span:first-child{opacity:0}.armed .reset-labels>span:last-child{opacity:1}@media (width<=360px){.stage-toolbar{gap:2px}.stage-toolbar .format-chip{gap:3px;padding:0 4px}.stage-toolbar .guide-toggle,.stage-toolbar .canvas-mode-tools button{width:30px}}.content-frame{pointer-events:none;z-index:5;border:1px solid #586cec;position:absolute}.content-resize{pointer-events:auto;touch-action:none;background:#fff;border:2px solid #586cec;border-radius:4px;width:16px;height:16px;padding:0;position:absolute}.content-resize.nw{cursor:nwse-resize;top:1px;left:1px}.content-resize.ne{cursor:nesw-resize;top:1px;right:1px}.content-resize.sw{cursor:nesw-resize;bottom:1px;left:1px}.content-resize.se{cursor:nwse-resize;bottom:1px;right:1px}.split-fill-control{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;font-size:12px;display:flex}.split-fill-control label{align-items:center;gap:10px;display:flex}.split-fill-control input{border:1px solid var(--line);background:#fff;border-radius:6px;width:32px;height:32px;padding:2px}.content-aspect-lock{align-items:center;gap:6px;margin:12px 0;font-size:12px;display:flex}[hidden]{display:none!important}.source-card,.source-card>div{min-width:0;max-width:100%}.source-card>div>span{flex:1;min-width:0}.project-action{border-radius:6px;height:30px;padding:0 8px;font-size:12px}.project-action:hover{background:#f0f3fa}.project-library{max-width:1100px;margin:auto;padding:32px 24px}.project-library h1{margin-bottom:24px}@media (width<=760px){.project-action{padding:0 5px;font-size:10px}.project-title input{width:100%}.header-actions{flex-shrink:0;gap:2px}}@media (width<=360px){.topbar .brand{font-size:0}.topbar .brand-mark{margin-right:0}}.projects-home .header-actions .history-button,.projects-home .header-actions .account-button,.projects-home .header-actions .export-top{display:none}.project-action{border:1px solid var(--line);color:#4058be;font-weight:600}.cloud-panel form{gap:14px;margin-top:22px;display:grid}.cloud-panel label{gap:6px;font-size:13px;font-weight:600;display:grid}.cloud-panel input{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;padding:12px}.cloud-identity{justify-content:space-between;align-items:center;margin:22px 0;display:flex}.cloud-save{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.cloud-project-list{gap:8px;max-height:45vh;display:grid;overflow:auto}.cloud-project{text-align:left;border:1px solid var(--line);border-radius:10px;gap:6px;padding:14px;display:grid}.cloud-project:hover{background:#f3f5ff}.cloud-project small{color:var(--muted)}.cloud-error{color:#ad263c;background:#fff0f3;border-radius:8px;padding:12px}.missing-sources{margin-bottom:20px}.missing-source{border:1px dashed #a2abd0;border-radius:10px;gap:8px;margin:10px 0;padding:12px;display:grid}.missing-source strong{overflow-wrap:anywhere;font-size:12px}.missing-source label{cursor:pointer;position:relative}.missing-source input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.cloud-upload{cursor:pointer;margin-bottom:10px;position:relative;overflow:hidden}.cloud-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.cloud-artwork-list{gap:6px;max-height:180px;margin-bottom:24px;display:grid;overflow:auto}.cloud-artwork-list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.cloud-artwork-list span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.cloud-artwork-list button{flex-shrink:0}.cloud-artwork-list>div{flex-wrap:wrap}.cloud-artwork-list span{flex:100%;min-width:0}.text-controls{gap:12px;margin-bottom:20px;display:grid}.text-controls textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:88px;font:inherit;border-radius:8px;padding:10px}.font-picker{gap:10px;display:grid}.text-controls details,.font-picker details{color:var(--muted);font-size:12px}.text-controls summary{cursor:pointer;padding:4px 0}.brand-kits{border-block:1px solid var(--line);margin:20px 0;padding:12px 0}.kit-row{flex-wrap:wrap;align-items:center;gap:12px;padding:8px 0;display:flex}.kit-row strong{overflow-wrap:anywhere;flex:1;min-width:0}.kit-editor{gap:12px;display:grid}.kit-editor summary{cursor:pointer;text-transform:capitalize;padding:8px 0;font-size:13px}.kit-color{align-items:center;gap:8px;display:flex}.kit-color input:first-child{flex:1;min-width:0}.kit-color input[type=color]{flex:none;width:42px}.home-heading{justify-content:space-between;align-items:center;gap:24px;margin:36px 0;display:flex}.home-heading h1{letter-spacing:-.055em;margin:0;font-size:clamp(32px,6vw,64px)}.home-new{color:#fff;background:#4054df;border:0;border-radius:50px;align-items:center;gap:12px;padding:16px 24px;font-weight:700;display:flex}.page-navigation{flex:none;justify-content:center;align-items:center;gap:8px;margin-bottom:6px;display:flex}.page-navigation .icon-button{width:30px;height:30px}.page-count{color:var(--ink);background:0 0;border:0;align-items:center;gap:8px;padding:5px 12px;font-size:12px;display:flex}.ghost-page-add{color:#4054df;z-index:10;background:#fff8;border:1px dashed #8d9af0;border-radius:10px;place-items:center;width:36px;height:48px;display:grid;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.ghost-page-add:hover{background:#fff;border-style:solid}.canvas-zone{padding-left:54px;padding-right:54px}.carousel-modal{width:min(920px,100vw - 32px);max-height:90dvh;padding:32px;overflow-y:auto}.carousel-modal h1{letter-spacing:-.04em;margin:0 40px 24px 0;font-size:28px}.template-categories,.media-filter{gap:8px;margin:0 0 22px;padding-bottom:3px;display:flex;overflow-x:auto}.template-categories button,.media-filter button{white-space:nowrap;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:24px;padding:8px 16px}.template-categories [aria-selected=true],.media-filter [aria-pressed=true]{color:#fff;background:#4054df;border-color:#4054df}.template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 16px;display:grid}.template-card{text-align:left;color:var(--ink);background:0 0;border:0;min-width:0;padding:0}.template-card b{margin-top:9px;font-size:12px;display:block}.template-preview,.blank-template>span{aspect-ratio:9/16;border:1px solid #dce1ed;width:100%;display:block;box-shadow:0 2px 8px #20283f16}.template-card:hover .template-preview,.template-card:hover>span{outline-offset:3px;outline:2px solid #4054df}.blank-template>span{color:#8d9af0;background:#fff;place-items:center;display:grid}.page-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.page-overview article{min-width:0}.page-open{background:#e7ebf5;border:0;border-radius:6px;width:100%;padding:0;position:relative;overflow:hidden}.page-open canvas{width:100%;display:block}.page-open b{background:#fff;border-radius:20px;padding:3px 10px;font-size:12px;position:absolute;bottom:8px;left:8px}.page-card-actions{justify-content:center;gap:5px;margin-top:7px;display:flex}.page-card-actions button{background:0 0;border:0;border-radius:6px;place-items:center;min-width:34px;min-height:34px;display:grid}.overview-add{color:#4054df;background:0 0;border:1px dashed #8d9af0;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:160px;display:flex}.new-ratios{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0;display:grid}.new-ratios button{border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:110px;padding:10px;display:flex}.new-ratios button[aria-pressed=true]{color:#4054df;background:#f0f2ff;border-color:#4054df}.new-ratios b{font-size:11px}.new-ratios small{font-size:10px}.ratio-outline{border:1.5px solid;border-radius:3px;max-width:40px;height:28px}.custom-size{gap:16px;margin-bottom:20px;display:flex}.custom-size input{width:100%}.new-media-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.new-media-grid button,.import-tile{aspect-ratio:1;border:1px solid var(--line);background:#f4f6fb;border-radius:7px;min-width:0;padding:0;position:relative;overflow:hidden}.new-media-grid img,.new-media-grid video{object-fit:cover;width:100%;height:100%}.new-media-grid button>span{white-space:nowrap;text-overflow:ellipsis;background:#fffd;padding:5px;font-size:10px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.new-media-grid i{color:#fff;background:#4054df;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:5px;right:5px}.import-tile{cursor:pointer;color:#4054df;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.import-tile input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.flow-footer{justify-content:space-between;gap:12px;margin-top:24px;display:flex}.empty-media-copy{color:var(--muted);padding:24px 0;font-size:13px}@media (width<=760px){.canvas-zone{height:auto;min-height:0;aspect-ratio:var(--canvas-ratio);padding:0 36px 0 0;container-type:normal}.canvas-wrap{width:100%;max-width:100%;height:auto;max-height:none}.ghost-page-add{width:29px;height:42px;left:calc(100% + 7px)}.page-navigation{margin-bottom:5px}.carousel-modal{border-radius:20px 20px 0 0;width:100%;max-height:94dvh;padding:24px 18px}.modal-backdrop:has(.carousel-modal){align-items:flex-end;padding:0}.template-grid,.page-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.new-ratios{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.new-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-heading{flex-direction:column;align-items:flex-start;margin:24px 0}}.carousel-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:45dvh;padding:8px;display:grid;overflow:auto}.carousel-results img,.carousel-results video{object-fit:contain;background:#f4f6fb;width:100%;max-height:230px}.carousel-results a{text-align:center;padding:7px;font-size:12px;display:block}.canvas-wrap{overflow:visible}.composition-actions{flex-wrap:wrap;flex:none;justify-content:center;gap:8px;margin:0 0 12px;display:flex}.composition-actions button{color:#596782;background:0 0;border:0;border-radius:6px;padding:7px 12px;font-size:12px}.composition-actions button:hover,.composition-actions button[aria-pressed=true]{color:#4054df;background:#e9edfc}.timeline[hidden]{display:none}@media (width<=760px){.app:not(.projects-home) .header-actions .project-action:first-child,.app:not(.projects-home) .header-actions .cloud-account-button,.app:not(.projects-home) .header-actions .account-button{display:none}.app:not(.projects-home) .project-title{flex:1;min-width:0}.app:not(.projects-home) .project-title input{width:100%}.stage .canvas-zone{margin-bottom:8px}}.canvas-text-editor{white-space:pre-wrap;overflow-wrap:anywhere;pointer-events:auto;cursor:text;-webkit-user-select:text;user-select:text;touch-action:auto;background:0 0;border:0;outline:none;width:100%;min-height:100%;padding:0;overflow:visible}.tool-panel{padding:18px 18px 24px}.tool-panel .panel-heading{margin-bottom:14px}.tool-panel .field-label{margin:10px 0}.tool-panel .field-label input,.tool-panel .field-label select{margin-top:5px}.tool-panel .two-fields{gap:8px}.tool-panel .split-fill-control{margin-bottom:8px}.tool-panel .clip-timing-fields{margin:12px 0}.compact-row{align-items:center;gap:6px;min-width:0;display:flex}.compact-field{border:1px solid var(--line);min-width:0;height:34px;color:var(--muted);background:#fff;border-radius:6px;flex:1;align-items:center;gap:5px;padding:0 7px;display:flex}.compact-field:focus-within{border-color:var(--blue)}.compact-field svg{flex:none}.compact-field input,.compact-field select{width:100%;min-width:0;height:32px;color:var(--ink);background:0 0;border:0;padding:4px 0;font-size:12px}.compact-field input:focus,.compact-field select:focus{box-shadow:none;outline:none}.compact-field input[type=color]{min-width:20px;padding:5px 0}.compact-field input[type=number]{appearance:textfield}.compact-field input::-webkit-inner-spin-button{appearance:none}.text-controls{gap:8px;margin:10px 0}.text-controls textarea{min-height:62px;padding:8px;font-size:12px}.font-picker{grid-template-columns:minmax(0,1fr) 72px 26px;align-items:start;gap:6px;display:grid}.font-picker>.compact-field:first-child{grid-area:1/1}.font-picker>.compact-field:last-child{grid-area:1/2}.font-settings{grid-area:2/1/auto/-1;position:relative}.font-settings>summary{border-radius:6px;place-items:center;width:26px;height:34px;list-style:none;display:grid;position:absolute;top:-40px;right:0}.font-settings>summary::-webkit-details-marker{display:none}.font-settings[open]>summary{color:var(--blue);background:#edf0fd}.font-settings:not([open]){height:0;margin-top:-6px}.compact-segmented{border:1px solid var(--line);border-radius:6px;padding:2px;display:flex}.compact-segmented button{width:32px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:4px;place-items:center;display:grid}.compact-segmented button[aria-pressed=true]{color:var(--blue);background:#edf0fd}.compact-fit{white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:flex}.text-wrapping-controls{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:8px 0;display:flex}.text-wrapping-controls label:has(input:disabled){color:var(--muted)}.text-alignment-row{flex-wrap:wrap;justify-content:space-between;gap:6px}.text-box-frame{z-index:8;border:0;outline:1px solid #586cec}.text-box-border,.text-box-resize{pointer-events:auto;touch-action:none;padding:0;position:absolute}.text-box-border{cursor:move;z-index:2;background:0 0;border:0}.text-box-border.n,.text-box-border.s{width:100%;height:10px;left:0}.text-box-border.n{top:-5px}.text-box-border.s{bottom:-5px}.text-box-border.e,.text-box-border.w{width:10px;height:100%;top:0}.text-box-border.e{right:-5px}.text-box-border.w{left:-5px}.text-box-resize{border:1.5px solid var(--blue);z-index:3;background:#fff;border-radius:3px;width:12px;height:12px}.text-box-resize:after{content:"";position:absolute;inset:-5px}.text-box-resize.nw{cursor:nwse-resize;top:-6px;left:-6px}.text-box-resize.ne{cursor:nesw-resize;top:-6px;right:-6px}.text-box-resize.sw{cursor:nesw-resize;bottom:-6px;left:-6px}.text-box-resize.se{cursor:nwse-resize;bottom:-6px;right:-6px}.text-box-resize.n{cursor:ns-resize;top:-6px;left:calc(50% - 6px)}.text-box-resize.s{cursor:ns-resize;bottom:-6px;left:calc(50% - 6px)}.text-box-resize.e{cursor:ew-resize;top:calc(50% - 6px);right:-6px}.text-box-resize.w{cursor:ew-resize;top:calc(50% - 6px);left:-6px}@media (pointer:coarse){.compact-field,.compact-field input,.compact-field select{min-height:40px}.compact-segmented button{width:36px;height:36px}.text-box-resize:after{inset:-9px}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.split-fill-control>.compact-field{flex:0 0 64px}.split-fill-control>.compact-field input{border:0;width:100%;height:30px}.compact-actions{align-items:center;gap:8px;margin:12px 0;display:flex}.compact-actions .button{flex:1;min-height:34px;padding:6px 10px;font-size:11px}.compact-actions .icon-button{border:1px solid var(--line);border-radius:6px;width:34px;height:34px}.cloud-account-button{border:1px solid var(--line);gap:6px;width:auto;padding:0 10px;font-size:12px}.account-auth-tabs{margin:18px 0}.cloud-identity strong{overflow-wrap:anywhere;min-width:0}@media (width<=760px){.app:not(.projects-home) .header-actions .cloud-account-button{display:inline-flex}.cloud-account-button{width:30px;padding:0}.cloud-account-button span{display:none}}.paint-picker{min-width:0;margin:8px 0}.paint-control-row{align-items:center;gap:8px;min-height:34px;display:flex}.paint-label{flex:1;font-size:12px}.paint-control-row input[type=color],.paint-preview{border:1px solid #d8dfed;border-radius:6px;flex-shrink:0;width:34px;height:28px;padding:2px}.paint-options-toggle{cursor:pointer;background:#f1f3f8;border:0;border-radius:6px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.paint-options-toggle[aria-expanded=true]{background:#e8ebff}.paint-popover{background:#fafbfe;border:1px solid #d8dfed;border-radius:9px;flex-basis:100%;width:100%;min-width:0;padding:10px}.paint-type-row,.paint-solid-fields,.paint-link{align-items:center;gap:8px;display:flex}.paint-type-row select{flex:1;min-width:0}.paint-popover input,.paint-popover select{border:1px solid #d8dfed;border-radius:5px;width:100%;min-width:0;padding:6px;font-size:12px}.paint-popover label{flex-direction:column;gap:4px;min-width:0;font-size:10px;display:flex}.paint-solid-fields label:first-child{flex:2}.paint-solid-fields label:last-child{flex:1}.paint-large-preview{border:1px solid #d8dfed;border-radius:5px;height:40px;margin:9px 0}.paint-link{color:#4054df;margin-top:6px;font-size:11px}.gradient-stops{gap:5px;display:grid}.gradient-stop{grid-template-columns:30px minmax(0,1fr) minmax(0,1fr) 26px;align-items:center;gap:4px;display:grid}.gradient-stop input[type=color]{height:30px;padding:1px}.gradient-stop select{grid-column:1/-1}.gradient-geometry{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px;display:grid}.paint-angle{margin-top:8px}.paint-brand-swatches{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.paint-brand-swatch{cursor:pointer;border:1px solid #a7b1c8;border-radius:6px;width:30px;height:30px}.split-fill-control{flex-wrap:wrap}.split-fill-control>.paint-picker{flex:100%}.canvas-text-editor::selection{color:#20283f;background:#b9c5ff}@media (width<=760px){.paint-options-toggle,.paint-brand-swatch{width:40px;height:40px}.paint-popover input,.paint-popover select{min-height:36px}}.photo-controls{border:0;min-width:0;margin:18px 0;padding:0}.photo-controls:disabled{opacity:.55}.photo-controls-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.photo-controls-heading h2{margin:0;font-size:14px}.photo-controls-heading button{align-items:center;gap:5px;font-size:11px;display:flex}.photo-reset-armed{transition:color .18s;color:#c52c40!important}.photo-groups{gap:4px;margin:12px 0 8px;display:flex}.photo-groups button{color:#63718a;background:0 0;border:0;border-radius:5px;flex:1;min-width:0;padding:8px 2px;font-size:11px}.photo-groups button[aria-pressed=true]{color:#4054df;background:#eef0ff}.photo-looks{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.photo-look{color:#20283f;background:0 0;border:1px solid #0000;border-radius:7px;min-width:0;padding:3px}.photo-look[aria-pressed=true]{background:#eef0ff;border-color:#4054df}.photo-look canvas{aspect-ratio:1;border-radius:4px;width:100%;height:auto;display:block}.photo-look span{padding:5px 0 2px;font-size:11px;display:block}.photo-controls details{border-top:1px solid #d8dfed;margin-top:10px;padding-top:5px}.photo-controls summary{cursor:pointer;padding:9px 0;font-size:12px;font-weight:700}.photo-controls button:focus-visible,.photo-controls summary:focus-visible{outline-offset:2px;outline:2px solid #4054df}.selection-tools{border-bottom:1px solid var(--line);gap:6px;margin-bottom:14px;padding-bottom:10px;display:grid}.selection-context{align-items:center;gap:8px;min-width:0;display:flex}.selection-context .text-button{flex-shrink:0;align-items:center;gap:5px;display:inline-flex}.selection-context>span{border-left:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;padding-left:8px;font-size:12px;overflow:hidden}.layer-order{gap:4px;display:flex}.layer-order .icon-button{border:1px solid var(--line);border-radius:6px;width:36px;height:34px}.shape-menu{position:relative}.shape-menu summary{cursor:pointer;padding:8px 10px;list-style:none}.shape-menu>div{border:1px solid var(--line);z-index:30;background:#fff;border-radius:10px;min-width:130px;padding:5px;display:grid;position:absolute;bottom:100%;left:0;box-shadow:0 6px 24px #20283f20}.shape-menu>div button{text-align:left}.shape-frame{pointer-events:none;border:1px solid var(--blue);position:absolute}.shape-point{pointer-events:auto;border:2px solid var(--blue);touch-action:none;z-index:8;background:#fff;border-radius:50%;width:18px;height:18px;padding:0;position:absolute;transform:translate(-50%,-50%)}.shape-point:before{content:"";position:absolute;inset:-9px}.shape-timeline{width:100%;color:var(--blue);text-align:left;background:#e9ecff;border:1px solid #bdc6ff;border-radius:6px;padding:10px}.text-font-row{align-items:start;gap:5px;display:flex}.text-font-row .font-picker{flex:1;min-width:0}.italic-toggle{border:1px solid var(--line);border-radius:5px;flex-shrink:0;width:30px;height:30px}.italic-toggle.active{color:var(--blue);border-color:var(--blue);background:#eef0ff}.shape-resize{border:2px solid var(--blue);pointer-events:auto;touch-action:none;background:#fff;border-radius:4px;width:14px;height:14px;padding:0;position:absolute;transform:translate(-50%,-50%)}.shape-resize:before{content:"";position:absolute;inset:-7px}.shape-resize.nw{cursor:nwse-resize;top:0;left:0}.shape-resize.n{cursor:ns-resize;top:0;left:50%}.shape-resize.ne{cursor:nesw-resize;top:0;left:100%}.shape-resize.e{cursor:ew-resize;top:50%;left:100%}.shape-resize.se{cursor:nwse-resize;top:100%;left:100%}.shape-resize.s{cursor:ns-resize;top:100%;left:50%}.shape-resize.sw{cursor:nesw-resize;top:100%;left:0}.shape-resize.w{cursor:ew-resize;top:50%;left:0}.shape-edge{pointer-events:auto;touch-action:none;background:0 0;border:0;padding:0;position:absolute}.shape-edge.n,.shape-edge.s{cursor:ns-resize;width:100%;height:8px;left:0}.shape-edge.e,.shape-edge.w{cursor:ew-resize;width:8px;height:100%;top:0}.shape-edge.n{top:-4px}.shape-edge.s{bottom:-4px}.shape-edge.e{right:-4px}.shape-edge.w{left:-4px}.canvas-wrap canvas:focus{outline:none}.canvas-zone{overflow-clip-margin:12px;position:relative;overflow:clip}.crop-ghost{opacity:.28;pointer-events:none;z-index:4;display:block;position:absolute}.crop-image-frame{z-index:6;border-color:#5368e8}.crop-image-body,.shape-move-body{pointer-events:auto;cursor:grab;touch-action:none;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.crop-image-body:active,.shape-move-body:active{cursor:grabbing}.crop-image-frame .shape-edge{z-index:1}.crop-image-frame .image-resize{z-index:2}.crop-container-frame{pointer-events:none;z-index:7;outline:1px dashed #fff9;position:absolute}.container-corner{pointer-events:auto;touch-action:none;filter:drop-shadow(0 0 1px #121b48);background:0 0;border:0 solid #fff;width:19px;height:19px;padding:0;position:absolute}.container-corner.nw{cursor:nwse-resize;border-top-width:3px;border-left-width:3px;top:4px;left:4px}.container-corner.ne{cursor:nesw-resize;border-top-width:3px;border-right-width:3px;top:4px;right:4px}.container-corner.sw{cursor:nesw-resize;border-bottom-width:3px;border-left-width:3px;bottom:4px;left:4px}.container-corner.se{cursor:nwse-resize;border-bottom-width:3px;border-right-width:3px;bottom:4px;right:4px}.mask-move.mask-move-visible{z-index:12;touch-action:none;width:44px;height:44px;position:absolute;transform:translate(-50%,-50%)}.italic-toggle{place-items:center;width:36px;height:34px;display:grid}.italic-letter{font:italic 600 22px/1 Georgia,serif}.crop-container-frame .container-edge{z-index:1}.crop-container-frame .container-edge.n,.crop-container-frame .container-edge.s{height:16px}.crop-container-frame .container-edge.n{top:-8px}.crop-container-frame .container-edge.s{bottom:-8px}.crop-container-frame .container-edge.e,.crop-container-frame .container-edge.w{width:16px}.crop-container-frame .container-edge.e{right:-8px}.crop-container-frame .container-edge.w{left:-8px}.container-corner{z-index:2;width:28px;height:28px}.container-corner.nw{top:-6px;left:-6px}.container-corner.ne{top:-6px;right:-6px}.container-corner.sw{bottom:-6px;left:-6px}.container-corner.se{bottom:-6px;right:-6px}.placeholder-frame{outline:1px solid #5368e8}.placeholder-frame .container-corner{filter:drop-shadow(0 0 1px #fff);border-color:#5368e8}.screen-frame.screen-frame{pointer-events:none;border:0;outline:0;position:absolute;transform:none}.mask-artwork{pointer-events:none;z-index:9;position:absolute}.screen-frame-outline{pointer-events:none;position:absolute;inset:0;overflow:visible}.screen-frame-outline polygon{fill:none;stroke:#5368e8;stroke-width:1px;vector-effect:non-scaling-stroke}.crop-container-frame:not(.placeholder-frame) .screen-frame-outline polygon{stroke:#fff9;stroke-dasharray:4 3}.screen-frame .shape-edge{border:0;padding:0}.screen-frame .mask-resize,.screen-frame .mask-body,.screen-frame .mask-rotation{pointer-events:auto;touch-action:none}.canvas-mode-tools button{position:relative}.canvas-mode-tools button:is(:hover,:focus-visible):after{content:attr(data-tooltip);z-index:30;color:#fff;pointer-events:none;background:#20283c;border-radius:5px;width:max-content;max-width:260px;padding:7px 10px;font:12px/1.4 sans-serif;position:absolute;bottom:calc(100% + 8px);right:0}.mask-transform{z-index:9;border-color:#5368e8}.mask-ghost{opacity:.2;pointer-events:none;object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.mask-body{cursor:grab;touch-action:none;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.mask-transform .mask-edge{z-index:2}.mask-transform .mask-resize{z-index:3}.mask-rotation{color:#5368e8;cursor:grab;z-index:4;background:#fff;border:1px solid #5368e8;border-radius:50%;width:26px;height:26px;position:absolute;top:-32px;left:50%;transform:translate(-50%)}.stage-frame{color:var(--text);white-space:nowrap;background:0 0;font-size:11px}.snap-guides{pointer-events:none;z-index:40;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.snap-guides line{stroke:#e63c93;stroke-width:1px}.snap-guides text{fill:#c71d79;stroke:#fff;stroke-width:3px;paint-order:stroke;font:10px Abitaro Sans,sans-serif}.snap-toggle[aria-pressed=true]{color:var(--primary,#4754ed);background:#eef0ff}@media (width<=440px){.stage-toolbar{gap:2px;max-width:calc(100vw - 16px);overflow-x:auto}.stage-toolbar>*{flex-shrink:0}.stage-toolbar .stage-frame,.stage-toolbar .snap-toggle{width:32px;height:36px}.stage-toolbar .format-chip{padding-inline:5px}}.preview-top{align-items:center;gap:6px;width:auto;padding:7px;font-size:12px;display:inline-flex}@media (width<=760px){.preview-top span{display:none}.preview-top{width:32px;padding:5px}}[aria-label=Flip\ mask] button[aria-pressed=true]{color:#4054df;background:#eef0ff;border-color:#8390f3}.layer-duplicate{color:#627393;border-radius:5px;flex-shrink:0;align-items:center;gap:4px;padding:5px 8px;font-size:11px;display:inline-flex}.layer-duplicate:hover{color:#4054df;background:#eef0ff}.layer-list button:first-child{overflow-wrap:anywhere;min-width:0}.layer-list button:not(:first-child){flex-shrink:0}.empty-container-add[aria-pressed=true]{outline-offset:3px;outline:2px solid #4054df}.path-edit-overlay{pointer-events:none;z-index:7;position:absolute;overflow:visible}.path-edit-overlay>svg{pointer-events:none;width:100%;height:100%;position:absolute;overflow:visible}.path-edit-overlay line{stroke:#4054df;stroke-width:1px;stroke-dasharray:3 3}.path-anchor,.path-control{pointer-events:auto;touch-action:none;cursor:move;background:#fff;border:2px solid #4054df;width:16px;height:16px;padding:0;position:absolute;transform:translate(-50%,-50%)}.path-anchor{z-index:2;border-radius:3px}.path-anchor[aria-pressed=true]{background:#4054df;box-shadow:0 0 0 2px #fff}.path-control{border-radius:50%;width:13px;height:13px}.path-anchor:before,.path-control:before{content:"";position:absolute;inset:-7px}.path-controls{gap:8px;display:grid}.path-controls .segmented{gap:4px;display:flex}.path-controls .segmented button{background:#f0f2fa;border-radius:6px;flex:1;padding:8px 5px}.path-controls .segmented button.active{color:#fff;background:#4054df}@media (pointer:coarse){.path-anchor:before,.path-control:before{inset:-13px}}.alignment-controls{gap:4px;margin-top:8px;display:flex}.alignment-controls button{flex:1}.alignment-selection-list{gap:4px;padding:12px 0;display:grid}.alignment-selection-list label{cursor:pointer;align-items:center;gap:10px;min-height:40px;display:flex}.layer-select{width:18px;height:18px;accent-color:var(--primary,#4656ed);cursor:pointer;flex:none;margin:0 6px}.multi-selection-outlines{pointer-events:none;z-index:15;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.multi-selection-outlines rect{fill:none;stroke:#505cff;stroke-width:1.5px;vector-effect:non-scaling-stroke}.timeline{--label-width:128px;--add-width:25px;--timeline-scrollbar:0px}.timeline .playback{grid-template-columns:var(--label-width) minmax(0, 1fr) var(--add-width);margin-right:var(--timeline-scrollbar);gap:0;display:grid}.playback-position{align-items:center;gap:8px;padding-right:8px;display:flex}.timeline-scrubber{align-items:center;min-width:0;height:34px;display:flex;position:relative}.timeline-scrubber:before{content:"";pointer-events:none;background:#dfe5f5;border-radius:2px;height:4px;position:absolute;left:0;right:0}.timeline-scrubber input{appearance:none;cursor:pointer;background:0 0;border:0;flex:none;width:calc(100% + 16px);min-width:0;height:24px;margin:0 -8px;padding:0;position:relative}.timeline-scrubber input::-webkit-slider-runnable-track{background:0 0;height:4px}.timeline-scrubber input::-webkit-slider-thumb{appearance:none;background:#667ce4;border:0;border-radius:50%;width:16px;height:16px;margin-top:-6px}.timeline-scrubber input::-moz-range-track{background:0 0;height:4px}.timeline-scrubber input::-moz-range-progress{background:0 0}.timeline-scrubber input::-moz-range-thumb{background:#667ce4;border:0;border-radius:50%;width:16px;height:16px}.timeline .playback>.icon-button{justify-self:end;width:22px}.timeline-actions .duration-label{margin-left:auto}.timeline-snap-guide{z-index:8;pointer-events:none;border-left:1px solid #8b48df;position:absolute;top:0;bottom:0}@media (width<=760px){.timeline{--label-width:104px;--add-width:22px}.playback-position{gap:5px;padding-right:5px}.playback-position .play-button{width:28px;height:28px}}.inspector-range{grid-template-columns:88px minmax(40px,1fr) 62px;align-items:center;gap:8px;min-height:36px;margin:4px 0;font-size:11px;display:grid}.inspector-range-name{min-width:0;color:var(--muted);line-height:1.25}.inspector-range>input[type=range]{width:100%;min-width:0;height:28px;margin:0;padding:0}.inspector-range-value{border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:2px;min-width:0;height:30px;padding:0 6px;display:flex}.inspector-range-value:focus-within{border-color:var(--blue)}.inspector-range-value input[type=number]{width:100%;min-width:0;height:28px;font:inherit;font-variant-numeric:tabular-nums;text-align:right;appearance:textfield;box-shadow:none;background:0 0;border:0;margin:0;padding:0}.inspector-range-value input::-webkit-inner-spin-button{appearance:none}.inspector-range-value input:focus{outline:none}.inspector-range-value>span{color:var(--muted);flex:none;font-size:10px}.inspector-range-stack{gap:0;display:grid}.inspector-section{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.inspector-section h2{color:var(--muted);margin:0 0 8px;font-size:11px;font-weight:650}.inspector-section:first-of-type{border-top:0;padding-top:0}.tool-panel .field-label.inspector-inline{justify-content:space-between;align-items:center;gap:8px;min-height:34px;margin:6px 0;display:flex}.tool-panel .field-label.inspector-inline input{text-align:right;width:72px;min-width:0;height:30px;margin:0;padding:4px 7px}.tool-panel .shape-geometry .field-label{margin:3px 0;font-size:10px}.tool-panel .shape-geometry .field-label input,.tool-panel .shape-geometry .field-label select{height:30px;margin-top:3px;padding:4px 7px;font-size:11px}.tool-panel .shape-geometry .two-fields{gap:6px 8px}.tool-panel .shape-actions{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.shape-actions>button{flex:1;min-height:34px;padding:7px;font-size:11px}@media (width<=760px){.inspector-range{grid-template-columns:88px minmax(50px,1fr) 66px;min-height:40px}.inspector-range-value{height:34px}.inspector-range-value input[type=number]{height:32px}}.app.has-timeline{--dock-height:248px}.has-timeline .workspace{height:calc(100dvh - 56px - var(--dock-height))}.design-editor-shell>.timeline{z-index:30;height:var(--dock-height);color:#252936;--label-width:156px;--add-width:28px;background:#fff;border:0;border-top:1px solid #b9c0cd;border-radius:0;flex-direction:column;width:100%;max-width:none;margin:0;padding:0 12px 8px;display:flex;position:fixed;inset:auto 0 0}.design-editor-shell>.timeline[hidden]{display:none}.timeline .timeline-actions{border-bottom:1px solid #d4d8e0;gap:2px;height:38px;min-height:38px;margin:0}.timeline-actions>button,.timeline-actions .play-button{color:#414958;background:0 0;border-radius:2px;place-items:center;width:30px;height:30px;padding:0;display:grid}.timeline-actions>button:hover{background:#edf0f5}.timeline-actions>button[aria-pressed=true],.timeline-actions .play-button{color:#4555ed}.timeline-tool-divider{background:#d4d8e0;width:1px;height:18px;margin:0 5px}.timeline .playback{min-height:29px}.timeline .timeline-scrubber{height:29px}.timeline-scrubber:before{border-radius:0;height:2px}.timeline .time-display{letter-spacing:.035em;font-size:11px}.timeline .layer-timelines{flex:1;min-height:0;max-height:none;padding:0}.timeline .track-editor{margin:0}.timeline .layer-track-group{margin:0;padding:0}.timeline .layer-track-actions{border-top:1px solid #d4d8e0;gap:6px;height:24px}.timeline .layer-track-heading{border:0;padding:2px 0;font-size:10px;line-height:18px}.timeline .layer-duplicate{height:22px;padding:2px}.timeline .layer-duplicate span{display:none}.timeline .layer-track-actions .icon-button{width:24px;height:22px}.timeline .track-ruler{height:20px;padding-top:2px}.timeline .track-ruler>span{visibility:hidden}.timeline .track-row{border-top:1px solid #e3e6eb;min-height:42px}.timeline .track-label{align-items:center;gap:7px;padding:3px 10px 3px 0;display:flex}.timeline .track-label>button{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:10px;overflow:hidden}.timeline .track-audio{margin:0}.timeline .track-audio input{width:32px}.timeline .timeline-clip{background:#eaedf5;border-color:#bbc3d4;border-radius:2px;height:35px;top:3px}.timeline .timeline-clip.video{background:#e5edea;border-color:#b0c5bf}.timeline .timeline-clip.selected{border-color:#4555ed;box-shadow:inset 0 0 0 1px #4555ed}.timeline .clip-body{gap:5px;padding:2px 10px}.timeline .clip-body img{border-radius:0;width:26px;height:26px}.timeline .clip-body small{margin-top:1px;font-size:9px}.timeline .clip-trim{width:9px}.timeline .clip-trim:after{height:13px;top:10px}.timeline .choose-track-media{border-radius:1px;inset:4px}.timeline .track-playhead{background:#dc5148}@media (width<=760px){.app.has-timeline{--dock-height:min(218px, 37dvh);padding-bottom:var(--dock-height)}.has-timeline .workspace{height:auto;min-height:0}.has-timeline .canvas-zone{height:min(calc((100vw - 24px) / var(--canvas-ratio)), calc(100dvh - 158px - var(--dock-height)))}.design-editor-shell>.timeline{--label-width:104px;--add-width:26px;padding:0 8px max(6px, env(safe-area-inset-bottom))}.timeline .timeline-actions{height:42px;min-height:42px}.timeline-actions>button,.timeline-actions .play-button{width:34px;height:36px}.timeline .track-row{min-height:46px}.timeline .timeline-clip{height:39px}.timeline .clip-trim{width:12px}.timeline .clip-body{padding-left:13px;padding-right:13px}.timeline .track-audio input{display:none}.has-timeline .tool-rail{height:46px;min-height:46px;box-shadow:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line);order:1;padding:2px 8px;position:sticky;top:42px;bottom:auto}.has-timeline .tool-rail button{border-radius:2px;gap:2px;height:40px;font-size:9px}.has-timeline .tool-rail button svg{height:17px}.has-timeline .workspace{padding-bottom:0}}.has-timeline .toast{bottom:calc(var(--dock-height) + 12px)}.timeline .track-lane.drop-target{background-color:#e9edff}.timeline-drop-guide{z-index:10;pointer-events:none;border-left:2px solid #4555ed;position:absolute;top:0;bottom:0}.timeline-drop-guide span{color:#fff;background:#4555ed;padding:2px 4px;font-size:9px;position:absolute;top:0;left:2px}.clip-speed{display:flex;position:relative}.clip-speed>button{border-radius:2px;place-items:center;width:30px;height:30px;padding:0;display:grid}.clip-speed>button:hover,.clip-speed>button[aria-expanded=true]{color:#4555ed;background:#edf0f5}.clip-speed-panel{z-index:40;background:#fff;border:1px solid #c4cad6;border-radius:3px;width:218px;padding:12px;position:absolute;bottom:calc(100% + 9px);left:0;box-shadow:0 4px 20px #15244620}.clip-speed-value{align-items:center;gap:5px;margin-bottom:9px;font-size:12px;display:flex}.clip-speed-value label{flex:1;font-weight:600}.clip-speed-value input{text-align:right;border:1px solid #d4d8e0;border-radius:2px;width:70px;padding:4px 6px}.clip-speed-presets{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.clip-speed-presets button{border:1px solid #d4d8e0;border-radius:2px;padding:6px;font-size:11px}.clip-speed-presets button[aria-pressed=true]{color:#fff;background:#4555ed;border-color:#4555ed}.clip-speed-panel small{color:#67728a;margin-top:9px;font-size:10px;display:block}.clip-speed-badge{color:#293249;background:#fff8;margin-left:5px;padding:0 3px;font-weight:650;display:inline-block}@media (width<=760px){.clip-speed>button{width:34px;height:36px}.clip-speed-panel{left:auto;right:-30px}.clip-speed-presets button{padding:8px 6px}}@media (width>=761px){.has-timeline .workspace{grid-template-rows:minmax(0,1fr)}.has-timeline .stage,.has-timeline .canvas-zone{min-height:0}.has-timeline .tool-rail{min-height:0;overflow-y:auto}.has-timeline .tool-rail button{flex-shrink:0}}.workspace{grid-template-rows:minmax(0,1fr);grid-template-columns:76px 286px minmax(0,1fr) 240px}.layers-panel{border-left:1px solid var(--line);background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex}.layers-panel-heading{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:2px;height:48px;padding:8px 10px;display:flex}.layers-panel-heading h2{flex:1;margin:0;font-size:12px;font-weight:650}.layers-panel button{border-radius:2px}.layers-panel-heading button,.layers-panel .layer-order button{color:#65718b;place-items:center;width:28px;height:28px;padding:0;display:grid}.layers-panel button:hover{background:#edf0f7}.layers-panel button[aria-pressed=true]{color:#4555ed}.layers-panel-heading button[aria-pressed=true]{background:#e8edff}.layers-panel .layer-order{border-bottom:1px solid var(--line);flex-shrink:0;margin:0;padding:5px 10px}.layers-panel-scroll{flex:1;min-height:0;padding:8px;overflow-y:auto}.layers-workspace{color:#65718b;text-align:left;align-items:center;gap:7px;width:100%;margin-bottom:4px;padding:9px 5px;font-size:11px;display:flex}.layers-workspace[aria-pressed=true]{background:#f0f3ff}.layers-panel .layer-list{gap:2px;margin:0}.layers-panel .layer-list>div{background:0 0;border:0;border-radius:0;gap:0;min-height:36px;padding:2px 3px}.layers-panel .layer-list>div.active{box-shadow:none;background:#e8edff}.layers-panel .layer-list>div.is-hidden>button:first-child{opacity:.5}.layers-panel .layer-list>div>button:first-child{overflow-wrap:normal;align-self:stretch;padding:6px 4px;overflow:hidden}.layers-panel .layer-list>div>button:first-child>span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.layers-panel .layer-row-action{place-items:center;width:24px;height:28px;padding:0;display:grid}@media (width>=1500px){.workspace{grid-template-columns:88px 318px minmax(0,1fr) 260px}}@media (width>=761px) and (width<=1100px){.workspace{grid-template-columns:60px 240px minmax(0,1fr) 208px}.stage{padding-left:12px;padding-right:12px}.stage-toolbar{gap:2px}.layers-panel-scroll{padding:5px}}@media (width<=760px){.app:not(.projects-home) .workspace{margin-right:64px}.app:not(.projects-home) .tool-rail{width:auto;right:64px}.has-timeline .tool-rail{width:100%;position:sticky}.canvas-zone{min-width:0;max-width:100%}}.layer-hover-preview{z-index:80;box-sizing:border-box;background:#fff;border:1px solid #dce1ed;border-radius:7px;padding:8px;animation:.1s ease-out layer-preview-in;position:fixed;box-shadow:0 6px 24px #17233c24}.layer-hover-title{white-space:nowrap;text-overflow:ellipsis;color:#46516b;margin:0 1px 7px;font-size:11px;font-weight:600;overflow:hidden}.layer-hover-workspace{background:repeating-conic-gradient(#f1f3f7 0% 25%,#fff 0% 50%) 0/12px 12px;outline:1px solid #e0e4ec;margin:auto;position:relative}.layer-hover-workspace canvas{width:100%;height:100%;display:block}.layer-hover-status{text-align:center;color:#65718b;place-items:center;padding:12px;font-size:11px;display:grid;position:absolute;inset:0}@keyframes layer-preview-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.layer-hover-preview{animation:none}}.group-controls{min-width:0}.group-direction{margin:10px 0}.group-size-row{align-items:center;gap:6px;margin:8px 0;display:flex}.group-size-row>span{flex-shrink:0;width:52px;font-size:12px}.group-size-row select{width:80px;min-width:0}.group-size-row input{flex:1;width:70px;min-width:0}.group-size-row input,.group-size-row select,.group-padding input{border:1px solid #dce1ed;border-radius:5px;min-height:32px;padding:5px 7px}.group-placement-row{justify-content:space-between;align-items:center;margin:12px 0;font-size:12px;display:flex}.group-alignment{border:1px solid #dce1ed;border-radius:4px;grid-template-columns:repeat(3,25px);padding:3px;display:grid}.group-alignment button{background:0 0;border:0;place-items:center;width:25px;height:24px;display:grid}.group-alignment button span{background:#9099b3;border-radius:1px;width:4px;height:4px;display:block}.group-alignment button[aria-pressed=true]{background:#e9edff}.group-alignment button[aria-pressed=true] span{background:#4b56ed;width:10px;height:10px}.group-padding{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.group-padding label{align-items:center;gap:6px;font-size:11px;display:flex}.group-padding span{flex-shrink:0;width:40px}.group-padding input{width:100%;min-width:0}.group-frame{pointer-events:none;z-index:9;outline:1px solid #586cec;position:absolute}.group-move{pointer-events:auto;touch-action:none;cursor:move;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.group-frame .shape-edge{z-index:2}.group-frame .shape-resize{z-index:3}.group-rotate{color:#4054df;pointer-events:auto;touch-action:none;cursor:grab;z-index:4;background:#fff;border:1px solid #586cec;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;display:grid;position:absolute;top:-30px;left:50%;transform:translate(-50%)}@media (pointer:coarse){.group-alignment{grid-template-columns:repeat(3,34px)}.group-alignment button{width:34px;height:34px}.group-rotate{width:32px;height:32px;top:-38px}}.group-title{justify-content:space-between;align-items:center;margin:12px 0;display:flex}.group-title h2{margin:0;font-size:13px}.group-name{align-items:center;gap:8px;font-size:11px;display:flex}.group-name input{width:100%;min-width:0;min-height:30px;font:inherit;border:1px solid #dce1ed;border-radius:5px;padding:5px 7px}.project-sync-recovery{z-index:25;background:#fff4e5;border-bottom:1px solid #e3c9a4;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 18px;display:flex;position:relative}.project-sync-recovery p{flex:260px;margin:0}.account-media{margin-top:18px}.account-media h3{margin:8px 0;font-size:12px}.account-media-thumb{place-items:center;min-height:80px;display:grid}.account-image-preview{place-items:center;min-width:0;min-height:0;display:grid;position:absolute;inset:0}.account-image-preview img{object-fit:cover;width:100%;min-width:0;height:100%;min-height:0;display:block}.account-media .media-library-empty{color:#67738e;font-size:12px}.stage .canvas-zone.scrollable-canvas-zone{overflow-clip-margin:0;overflow-anchor:none;scroll-behavior:auto;scrollbar-gutter:stable both-edges;overscroll-behavior:contain;padding:0;display:block;overflow:auto;container-type:size}.canvas-scroll-plane{flex:none;position:relative}@media (width<=760px){.stage .canvas-zone.scrollable-canvas-zone{height:min(calc((100vw - 24px) / var(--canvas-ratio)), calc(100dvh - 184px - env(safe-area-inset-bottom)));aspect-ratio:auto}.has-timeline .stage .canvas-zone.scrollable-canvas-zone{height:min(calc((100vw - 24px) / var(--canvas-ratio)), calc(100dvh - 158px - var(--dock-height)))}}.project-load-progress{z-index:300;background:#fff;border:1px solid #dbe0ee;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;gap:10px 20px;width:min(560px,100vw - 32px);padding:16px 20px;display:grid;position:fixed;top:76px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #18204424}.project-load-details{gap:4px;min-width:0;display:grid}.project-load-details strong,.project-load-details small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-load-details span,.project-load-details small{color:#536080;font-size:12px}.project-load-progress progress{accent-color:#454ee9;grid-column:1;width:100%;height:4px}.project-load-progress button{grid-area:1/2/3;align-self:center}@media (width<=600px){.project-load-progress{gap:8px;padding:12px;top:58px}}.clipboard-actions{flex-wrap:wrap;align-items:center;gap:6px;padding:8px 0;font-size:12px;display:flex}.clipboard-actions>span{color:var(--muted)}.page-overview article.is-selected{outline-offset:2px;outline:2px solid #4054df}.publication-controls{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.publication-controls>span{color:var(--muted)}.publication-controls button{transition:color .15s,background-color .15s}.publication-controls .publication-confirm{color:#b42318;background:#fff0ee;border-color:#edaaa5}.publication-controls [role=alert]{color:#b42318}.publication-hint{color:var(--muted);margin:4px 16px;font-size:11px}.workspace{grid-template-columns:332px minmax(0,1fr) 300px}.editor-library{background:#fff;grid-template-columns:64px minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.library-rail{border-right:1px solid var(--line);background:#fff;flex-direction:column;gap:5px;min-height:0;padding:12px 5px;display:flex}.library-rail button{color:#65718b;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:58px;font-size:9px;display:flex}.library-rail button[aria-pressed=true]{color:#4054df;background:#eef0ff}.library-rail .library-help{margin-top:auto}.library-panel{border-right:1px solid var(--line);overscroll-behavior:contain;min-width:0;min-height:0;padding:0 12px 22px;overflow:auto}.library-panel-heading{justify-content:space-between;align-items:center;gap:8px;min-height:46px;margin-bottom:8px;display:flex}.library-panel-heading h2,.properties-heading h2{margin:0;font-size:12px;font-weight:650}.library-panel>.library-panel-heading{z-index:4;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0}.library-panel:has(.templates-panel)>.library-panel-heading h2{visibility:hidden}.library-panel:has(.templates-panel)>.library-panel-heading{pointer-events:none;border:0;min-height:40px;display:none;position:absolute;right:8px}.library-dismiss{display:none}.library-panel .button{border-radius:4px;min-height:34px;padding:8px 10px;font-size:11px}.library-panel .panel-heading{display:none}.library-panel-layers{flex-direction:column;padding:0;display:flex;overflow:hidden}.library-panel-layers>.library-panel-heading{display:none}.layers-activity:not([hidden]){flex:1;min-width:0;min-height:0;display:flex}.library-panel .layers-panel{border:0;flex:1}.library-panel .layers-panel-heading{height:46px}.library-panel .source-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.library-panel .source-card{min-width:0}.library-panel .source-card>div>span{font-size:9px}.library-panel .source-thumb{height:82px}.library-panel .brand-panel{min-width:0;padding:0}.library-panel .brand-heading h2{display:none}.library-panel .brand-library-grid{grid-template-columns:1fr}.library-panel .brand-library-toolbar{flex-wrap:wrap}.library-panel .brand-editor .two-fields{grid-template-columns:1fr}.library-panel .brand-editor input,.library-panel .brand-editor select{max-width:100%}.template-kind{margin:0 0 12px;display:flex}.template-kind button{flex:1;padding:7px 4px;font-size:11px}.template-search{color:#8490a9;align-items:center;gap:7px;margin-bottom:9px;display:flex}.template-search input,.template-category-select{border:1px solid var(--line);border-radius:3px;width:100%;min-width:0;height:33px;padding:6px 8px;font-size:11px}.template-search input{flex:1}.template-category-select{margin-bottom:12px}.template-picker-embedded .template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px}.template-picker-embedded .template-card{min-width:0;padding:0}.template-picker-embedded .template-card b{margin-top:5px;font-size:10px;line-height:1.3}.template-picker-embedded .template-preview,.template-picker-embedded .blank-template>span{border-radius:2px}.template-account-preview{aspect-ratio:3/4;color:#64718c;background:#f2f4f8;place-items:center;display:grid}.template-placement h3{margin:14px 0 10px;font-size:13px}.template-placement>.template-preview{max-height:310px;margin:0 auto}.template-placement-actions{flex-direction:column;gap:8px;margin-top:14px;display:flex}.template-blank-preview{color:#4054df;background:#fafbff;border:1px dashed #bec7dc;place-items:center;max-height:250px;display:grid}.template-split-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0;display:grid}.template-split-grid button{border:1px solid var(--line);color:#6371a6;border-radius:3px;flex-direction:column;align-items:center;gap:7px;padding:8px;font-size:10px;display:flex}.template-split-grid button:hover{background:#f6f7ff;border-color:#6674e9}.template-split-grid svg{width:62px;height:62px}.template-subheading{margin:18px 0 8px;font-size:11px}.mask-library-upload{color:#4054df;border:1px dashed #a5b1cf;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;padding:12px 8px;font-size:11px;display:flex}.split-library .split-target{margin-bottom:10px}.split-library .split-target button{white-space:nowrap;flex:1;width:auto;padding-inline:6px;font-size:11px}.element-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.element-library>button{background:#f5f6fa;border-radius:4px;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;min-height:80px;padding:12px;font-size:11px;display:flex}.element-library>button:hover{color:#4054df;background:#eef0ff}.element-type{height:26px;font-family:Georgia,serif;font-size:24px}.element-symbol{border:1.5px solid #647296;width:27px;height:24px;display:block}.element-circle{border-radius:50%;width:25px;height:25px}.element-line{border-width:1px 0 0;height:1px;margin:12px 0;transform:rotate(-20deg)}.element-path{border-width:1.5px 0 0 1.5px;border-radius:80% 10%}.properties-stack{border-left:1px solid var(--line);background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex}.properties-stack>.properties-panel{overscroll-behavior:contain;border:0;flex:1;min-height:100px;padding:0 13px 18px;overflow:auto}.properties-heading{z-index:6;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:45px;margin-bottom:12px;display:flex;position:sticky;top:0}.properties-panel .selection-tools{margin-bottom:8px}.properties-panel .panel-heading{margin-top:10px}.properties-panel .panel-heading h1{font-size:12px}.inspector-structure-actions{gap:12px;margin:12px 0;font-size:11px;display:flex}.inspector-section{border-top:1px solid var(--line);margin:12px 0;padding-top:10px}.inspector-section>summary{cursor:pointer;margin-bottom:10px;font-size:12px;font-weight:600}.properties-mobile-toggle,.properties-close{display:none}.timing-view-toggle{color:#67718b;align-items:center;gap:6px;margin:0 auto 8px;font-size:10px;display:flex}.size-top{align-items:center;gap:5px;width:auto;padding-inline:7px;font-size:11px;display:flex}.topbar .project-title{min-width:0}.topbar .project-title input{width:100%;min-width:0}.topbar .header-actions{flex-shrink:0}.size-settings{max-width:560px;margin:auto}.flow-library-slot .editor-library{display:grid}.flow-editor{grid-template-columns:332px minmax(0,1fr) 300px}@media (width>=761px) and (width<=1150px){.topbar .account-button span,.topbar .preview-top span{display:none}.topbar .account-button{padding-inline:9px}.workspace{grid-template-columns:268px minmax(0,1fr) 258px}.editor-library{grid-template-columns:54px minmax(0,1fr)}.flow-editor{grid-template-columns:268px minmax(0,1fr) 258px}.library-panel{padding-inline:9px}}@media (width>=1500px){.workspace{grid-template-columns:364px minmax(0,1fr) 316px}}@media (width<=760px){.workspace .library-panel:has(.templates-panel)>.library-panel-heading{display:flex;top:0}.workspace .templates-panel>.library-panel-heading{padding-right:30px}.app:not(.projects-home) .workspace,.design-editor-shell.is-flow-design .workspace{flex-direction:column;height:auto;min-height:0;margin-right:52px;padding-bottom:0;display:flex;overflow-y:auto}.workspace>.editor-library{display:contents}.workspace .library-rail{z-index:40;border-bottom:1px solid var(--line);flex-direction:row;order:-2;gap:3px;width:100%;height:45px;min-height:45px;padding:2px 5px;position:sticky;top:0}.workspace .library-rail button{flex:1;gap:2px;min-height:39px;font-size:9px}.workspace .library-rail svg{width:17px;height:17px}.workspace .library-rail .library-help{display:none}.workspace .library-panel{top:87px;left:0;bottom:var(--dock-height,0px);z-index:45;background:#fff;width:min(320px,100vw - 52px);display:none;position:fixed;box-shadow:6px 0 18px #25304014}.workspace .library-open .library-panel{display:block}.workspace .library-open .library-panel-layers{display:flex}.workspace .library-panel-layers>.library-panel-heading{background:0 0;border:0;min-height:46px;margin:0;display:flex;position:absolute;top:0;right:8px}.library-panel-layers>.library-panel-heading h2{display:none}.library-panel-layers .layers-panel-heading{padding-right:48px}.library-panel .layer-row-action{width:30px;height:36px}.library-dismiss{pointer-events:auto;place-items:center;width:30px;height:30px;display:grid}.properties-stack{top:42px;right:0;bottom:var(--dock-height,0px);z-index:38;width:52px;position:fixed}.properties-mobile-toggle{border-bottom:1px solid var(--line);color:#4054df;place-items:center;width:100%;min-height:38px;display:grid}.properties-stack>.properties-panel{display:none}.properties-stack.properties-open{width:min(304px,100vw - 45px);box-shadow:-6px 0 20px #25304014}.properties-stack.properties-open>.properties-panel{flex:1;min-height:90px;display:block}.properties-close{display:grid}.workspace .stage{flex:none;order:0;width:100%;min-width:0;padding:10px 8px 0}.workspace .canvas-zone{width:100%;height:calc((100vw - 68px) / var(--canvas-ratio));min-height:0;max-height:none;padding:0}.workspace .canvas-wrap{width:100%}.has-timeline .workspace .canvas-zone{height:min(calc((100vw - 68px) / var(--canvas-ratio)), calc(100dvh - 180px - var(--dock-height)))}.has-timeline .workspace .canvas-wrap{width:min(100cqw, calc(100cqh * var(--canvas-ratio)))}.design-editor-shell.is-flow-design .library-rail{top:0}.design-editor-shell.is-flow-design .library-panel{top:87px;bottom:var(--dock-height,0px)}.design-editor-shell.is-flow-design .properties-stack{top:42px}.flow-editor{display:flex}.flow-library-slot>.editor-library{grid-template-columns:56px minmax(0,1fr);height:100%;display:grid}.flow-library-slot .library-panel{background:#fff;display:block}.flow-library-slot .library-dismiss{display:none}.flow-library-slot .library-rail{padding-top:6px}.flow-library-slot .library-rail .library-help,.topbar .size-top span{display:none}.topbar .header-actions{gap:3px}.topbar .project-title{flex:1;min-width:0}.topbar .project-title input{width:100%;min-width:0}.topbar .history-button{display:none}}.marquee-selection{z-index:100;pointer-events:none;box-sizing:border-box;background:#525bff1a;border:1px solid #525bff;position:absolute}
/*$vite$:1*/