:root{--topbar-height:80px;--font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--bg:#fafaf8;--panel:#fff;--panel-2:#f5f5f3;--border:#e7e6e2;--border-strong:#d9d8d3;--ink:#1a1a1a;--ink-2:#4a4a48;--ink-3:#8a8a85;--accent:oklch(0.58 0.19 280);--accent-soft:oklch(0.95 0.03 280);--accent-ink:oklch(0.38 0.19 280);--track:#ececea;--track-2:#dedcd6;--clip:#f1f1f1;--clip-stroke:#e0e0e0;--clip-2:oklch(0.88 0.06 60);--clip-2-stroke:oklch(0.62 0.14 60);--clip-3:oklch(0.88 0.06 160);--clip-3-stroke:oklch(0.58 0.14 160);--shadow-sm:0 1px 0 #1414140a,0 1px 2px #1414140a;--shadow-md:0 2px 6px #1414140f,0 1px 2px #1414140a;--shadow-pop:0 12px 32px #1414141a,0 2px 6px #1414140f;--shade-02:#f8f7f7;--shade-03:#f1f1f1;--shade-06_30:#7b7b7b4d}*{box-sizing:border-box}#root,body,html{height:100%;margin:0}body,html{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans)}body{-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01";background:#fafaf8;background:var(--bg);color:#1a1a1a;color:var(--ink);font-size:13px;overflow:hidden}button{color:inherit}button,input,select,textarea{font-family:inherit}.mono{font-feature-settings:"tnum";font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-variant-numeric:tabular-nums}.app{--app-left-panel-width:324px;background:#fafaf8;background:var(--bg);display:grid;grid-template-areas:"top   top   top" "rail  stage right" "tl    tl    tl";grid-template-columns:56px 1fr 288px;grid-template-rows:80px 1fr 150px;grid-template-rows:var(--topbar-height) 1fr 150px;height:100vh;overflow:hidden;position:relative}.app.app--ai-studio,body.ai-studio-route{background:#f8f7f7;background:var(--shade-02)}.app.app--ai-studio{grid-template-areas:"stage";grid-template-columns:1fr;grid-template-rows:1fr}.app.app--ai-studio>.ai-studio-canvas-shell{display:flex;flex-direction:column;grid-area:stage;min-height:0;position:relative}.app.app--ai-studio>.ai-studio-canvas-shell>.stage{flex:1 1 auto;min-height:0}.ai-studio-exit-editor{background:color-mix(in oklab,#fff 88%,#0000);background:color-mix(in oklab,var(--panel) 88%,#0000);border:1px solid #e7e6e2;border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 0 #1414140a,0 1px 2px #1414140a;box-shadow:var(--shadow-sm);color:#8a8a85;color:var(--ink-3);font-size:12px;font-weight:500;padding:6px 10px;position:absolute;right:12px;text-decoration:none;top:10px;z-index:80}.ai-studio-exit-editor:hover{border-color:#d9d8d3;border-color:var(--border-strong);color:#1a1a1a;color:var(--ink)}.ai-studio-new-artboard{background:color-mix(in oklab,#fff 88%,#0000);background:color-mix(in oklab,var(--panel) 88%,#0000);border:1px solid #e7e6e2;border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 0 #1414140a,0 1px 2px #1414140a;box-shadow:var(--shadow-sm);color:#8a8a85;color:var(--ink-3);cursor:pointer;font-size:12px;font-weight:500;padding:6px 10px;position:absolute;right:92px;top:10px;z-index:80}.ai-studio-new-artboard:hover{border-color:#d9d8d3;border-color:var(--border-strong);color:#1a1a1a;color:var(--ink)}.ai-studio-preview-bar{align-items:center;background:color-mix(in oklab,#fff 92%,#0000);background:color-mix(in oklab,var(--panel) 92%,#0000);border-top:1px solid #e7e6e2;border-top:1px solid var(--border);display:flex;flex:0 0 auto;gap:14px;justify-content:center;padding:8px 12px 10px}.ai-studio-preview-play{align-items:center;background:#fff;background:var(--panel);border:1px solid #e7e6e2;border:1px solid var(--border);border-radius:999px;box-shadow:0 1px 0 #1414140a,0 1px 2px #1414140a;box-shadow:var(--shadow-sm);color:#1a1a1a;color:var(--ink);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px}.ai-studio-preview-play:hover{background:color-mix(in oklab,oklch(.58 .19 280) 8%,#fff);background:color-mix(in oklab,var(--accent) 8%,var(--panel));border-color:#d9d8d3;border-color:var(--border-strong)}.ai-studio-preview-play[aria-pressed=true]{border-color:color-mix(in oklab,oklch(.58 .19 280) 35%,#e7e6e2);border-color:color-mix(in oklab,var(--accent) 35%,var(--border))}.ai-studio-preview-step{align-items:center;background:#fff;background:var(--panel);border:1px solid #e7e6e2;border:1px solid var(--border);border-radius:999px;box-shadow:0 1px 0 #1414140a,0 1px 2px #1414140a;box-shadow:var(--shadow-sm);color:#4a4a48;color:var(--ink-2,var(--ink));cursor:pointer;display:inline-flex;height:34px;justify-content:center;width:34px}.ai-studio-preview-step:hover{background:color-mix(in oklab,oklch(.58 .19 280) 8%,#fff);background:color-mix(in oklab,var(--accent) 8%,var(--panel));border-color:#d9d8d3;border-color:var(--border-strong);color:#1a1a1a;color:var(--ink)}.ai-studio-preview-time{font-feature-settings:"tnum";color:#8a8a85;color:var(--ink-3);font-size:12px;font-variant-numeric:tabular-nums;font-weight:500}.ai-studio-chat{align-self:stretch;display:flex;flex:0 0 auto;flex-direction:column;margin:0 auto;max-width:758px;min-height:0;width:100%}.ai-studio-chat-thread{margin-bottom:4px;max-height:min(36vh,340px);overflow-x:hidden;overflow-y:auto;padding:8px 12px 4px}.ai-studio-chat-row{display:flex;margin-bottom:10px}.ai-studio-chat-row--user{justify-content:flex-end}.ai-studio-chat-row--assistant{justify-content:flex-start}.ai-studio-chat-bubble{border-radius:16px;font-size:13px;line-height:1.45;max-width:min(92%,560px);padding:10px 14px;white-space:pre-wrap;word-break:break-word}.ai-studio-chat-row--user .ai-studio-chat-bubble{background:color-mix(in oklab,oklch(.58 .19 280) 16%,#fff);background:color-mix(in oklab,var(--accent) 16%,var(--panel));border:1px solid color-mix(in oklab,oklch(.58 .19 280) 28%,#0000);border:1px solid color-mix(in oklab,var(--accent) 28%,#0000);color:#1a1a1a;color:var(--ink)}.ai-studio-chat-row--assistant .ai-studio-chat-bubble{background:#fff;background:var(--panel);border:1px solid #e7e6e2;border:1px solid var(--border);color:#1a1a1a;color:var(--ink)}.ai-studio-chat-bubble--typing{color:#8a8a85;color:var(--ink-3);font-style:italic}.ai-studio-floater-anchor{height:100vh;pointer-events:none;position:fixed;right:0;top:0;visibility:hidden;width:288px}.ai-studio-bg-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#12121261;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:56px 16px 140px;position:fixed;z-index:2500}.ai-studio-bg-overlay .panel.background-panel{display:flex;flex-direction:column;max-height:min(72vh,640px);overflow:hidden;width:min(324px,100%)}.ai-studio-prompt-dock-wrap{align-items:center;box-sizing:border-box;display:flex;flex:0 0 auto;flex-direction:column;padding:0 16px 12px;width:100%}.ai-studio-prompt-dock{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#ffffffa6;border:1px solid #ececec;border-radius:24px;box-shadow:0 2px 10px #1414140d,0 14px 44px #14141417,inset 0 1px 0 #fffffff2;max-width:758px;overflow:hidden;position:relative;width:100%}.ai-studio-prompt-dock-blur{background:linear-gradient(180deg,#fff6,#f8f7f733);inset:0;pointer-events:none;position:absolute}.ai-studio-prompt-dock-inner{align-items:flex-end;display:flex;gap:10px;padding:12px 12px 12px 16px;position:relative;z-index:1}.ai-studio-prompt-label{flex:1 1;margin:0;min-width:0}.ai-studio-prompt-textarea{background:#0000;border:none;color:#1a1a1a;color:var(--ink);display:block;font-size:14px;line-height:1.45;max-height:120px;min-height:44px;outline:none;resize:none;width:100%}.ai-studio-prompt-textarea::placeholder{color:#8a8a85;color:var(--ink-3)}.ai-studio-prompt-actions{align-items:center;display:flex;flex:0 0 auto;padding-bottom:2px}.ai-studio-prompt-send{align-items:center;background:linear-gradient(160deg,#f4f4f4,#dcdcdc 55%,#c8c8c8);border:none;border-radius:12px;box-shadow:0 1px 2px #14141414,inset 0 1px 0 #ffffffa6;color:#1a1a1a;color:var(--ink);cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.ai-studio-prompt-send:disabled{cursor:not-allowed;opacity:.45}.ai-studio-prompt-send:not(:disabled):hover{filter:brightness(1.03)}.ai-studio-prompt-inset-shadow{border-radius:inherit;box-shadow:inset 0 1px 0 #ffffffbf;inset:0;pointer-events:none;position:absolute}.ai-studio-prompt-error{background:color-mix(in oklab,#c43c3c 8%,#0000);border:1px solid color-mix(in oklab,#c43c3c 22%,#0000);border-radius:10px;color:#c43c3c;font-size:12px;margin:0 0 6px;max-width:758px;padding:8px 12px;text-align:left;width:100%;word-break:break-word}.ai-studio-prompt-hint{color:#8a8a85;color:var(--ink-3);font-size:11px;margin:6px 0 0;max-width:758px;text-align:center;width:100%}.app-hydrating-overlay{align-items:center;background:color-mix(in oklab,#fafaf8 40%,#0000);background:color-mix(in oklab,var(--bg) 40%,#0000);color:#8a8a85;color:var(--ink-3);display:flex;font-size:12px;inset:0;justify-content:center;pointer-events:all;position:absolute;z-index:300}.topbar{grid-area:top}.rail{grid-area:rail}.stage{grid-area:stage}.right{grid-area:right}.timeline{grid-area:tl}.app:has(.right.right--layout-anchor) .stage{grid-column:2/4}.right,.timeline{min-height:0}.resize-handle{align-self:start;background:#0000;cursor:row-resize;grid-column:1/-1;grid-row:3;height:8px;margin-top:-4px;position:relative;z-index:40}.resize-handle:hover{background:color-mix(in oklab,oklch(.95 .03 280) 65%,#0000);background:color-mix(in oklab,var(--accent-soft) 65%,#0000)}.topbar{background:#0000;border-bottom:1px solid #e7e6e2;border-bottom:1px solid var(--border);gap:12px;padding:0 14px}.brand,.topbar{align-items:center;display:flex}.brand{flex-shrink:0}.brand-logo{display:block;height:32px;pointer-events:none;-webkit-user-select:none;user-select:none;width:auto}.project-title{align-items:center;border-radius:6px;color:#4a4a48;color:var(--ink-2);display:flex;font-weight:500;gap:6px;max-width:min(320px,36vw);min-width:0;padding:4px 8px}.topbar button.project-title{background:#0000;border:0;cursor:pointer;font:inherit;font-weight:500;text-align:left}.project-title:hover{background:#f5f5f3;background:var(--panel-2)}.project-title .sep{color:#8a8a85;color:var(--ink-3)}.project-title-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-title-input{background:#fff;border:1px solid #d9d8d3;border:1px solid var(--border-strong);border-radius:6px;box-sizing:border-box;color:#1a1a1a;color:var(--ink);font-size:13px;font-weight:500;max-width:min(320px,36vw);min-width:10em;outline:none;padding:4px 8px}.project-title-input:focus{border-color:oklch(.58 .19 280);border-color:var(--accent);box-shadow:0 0 0 1px oklch(.95 .03 280);box-shadow:0 0 0 1px var(--accent-soft)}.topbar-cloud-hint{color:#8a8a85;color:var(--ink-3);font-size:11px;font-weight:500;-webkit-user-select:none;user-select:none;white-space:nowrap}.topbar .spacer{flex:1 1}.topbar .tools{display:flex;gap:2px}.topbar-primary-actions,.topbar-primary-export-group{align-items:center;display:flex;flex-shrink:0;gap:21px}.topbar .btn-topbar-primary{align-items:center;background:linear-gradient(180deg,#e5e5e5,#e2e2e2);border:0;border-radius:12px;box-shadow:0 3px 4px -1px #00000026,0 0 0 1px #d4d4d4,inset 0 1px 0 0 #ffffff54;color:#121212;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;letter-spacing:-.02em;line-height:20px;min-height:38px;overflow:hidden;padding:9px 24px;position:relative}.topbar .btn-topbar-primary:hover:not(:disabled){filter:brightness(1.03)}.topbar .btn-topbar-primary:active:not(:disabled){filter:brightness(.98)}.topbar .btn-topbar-primary:disabled{cursor:not-allowed;opacity:.65;pointer-events:none}.topbar .btn-topbar-primary.btn-topbar-kebab{color:#182230;min-width:41px;padding:9px 0;width:41px}.topbar .btn-topbar-primary.btn-topbar-kebab svg{display:block}.btn-properties-primary{align-items:center;background:linear-gradient(180deg,#e5e5e5,#e2e2e2);border:0;border-radius:12px;box-shadow:0 3px 4px -1px #00000026,0 0 0 1px #d4d4d4,inset 0 1px 0 0 #ffffff54;color:#121212;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;letter-spacing:-.02em;line-height:20px;min-height:38px;overflow:hidden;padding:9px 24px;position:relative}.btn-properties-primary:hover:not(:disabled){filter:brightness(1.03)}.btn-properties-primary:active:not(:disabled){filter:brightness(.98)}.btn-properties-primary:disabled{cursor:not-allowed;opacity:.65;pointer-events:none}.btn-remove-bg{gap:6px}.btn-remove-bg-spinner{animation:btn-remove-bg-spin .6s linear infinite;border:2px solid #00000026;border-radius:50%;border-top-color:initial;display:inline-block;height:14px;width:14px}@keyframes btn-remove-bg-spin{to{transform:rotate(1turn)}}.topbar-file-menu-popover{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#fcfcfceb;border:1px solid #ececec;border-radius:16px;box-shadow:0 10px 21px #00000012,0 38px 38px #0000000f,0 86px 52px #0000000a,0 153px 61px #00000003,0 239px 67px #0000;box-sizing:border-box;padding:8px;position:fixed;width:192px;z-index:10002}.topbar-file-menu-row{align-items:center;background:#0000;border:0;border-radius:10px;color:#121212;cursor:pointer;display:flex;font:inherit;font-size:12px;font-weight:500;letter-spacing:-.01em;line-height:16px;margin:0;min-height:36px;padding:6px 8px 6px 6px;text-align:left;width:100%}.topbar-file-menu-row:hover{background:#f1f1f1}.share-dialog-root{position:relative;z-index:10010}.share-dialog-backdrop{background:#000000b3;inset:0;position:fixed}.share-dialog-shell{align-items:center;box-sizing:border-box;display:flex;inset:0;justify-content:center;overflow:hidden;overscroll-behavior:none;padding:16px;position:fixed}.share-dialog-panel{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#fcfcfcf5;border:1px solid #ececec;border-radius:28px;box-shadow:0 10px 21px #00000012,0 38px 38px #0000000f,0 86px 52px #0000000a,0 153px 61px #00000003,0 239px 67px #0000;box-sizing:border-box;flex-shrink:0;max-width:420px;overflow:hidden;width:100%}.share-dialog-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.share-dialog-head{align-items:center;display:flex;flex-wrap:wrap;gap:6px;padding:16px}.share-dialog-invite-form{flex:1 1 200px;min-width:0;position:relative}.share-dialog-invite-compose{align-items:center;background:#f8f7f7;border:1px solid #e2e2e2;border-radius:12px;box-shadow:inset 0 1px 3px #1212121a;display:flex;min-height:40px;padding:4px 0 4px 16px;position:relative}.share-dialog-invite-input{background:#0000;border:0;color:#121212;flex:1 1 auto;font-size:12px;font-weight:500;letter-spacing:-.01em;line-height:16px;min-width:0;outline:none;padding-right:112px}.share-dialog-invite-input::placeholder{color:#7b7b7b;opacity:.5}.share-dialog-invite-listbox-anchor{min-width:102px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.share-listbox-invite-btn{align-items:center;background:#0000;border:1px solid #ececec;border-radius:10px;color:#121212;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;height:36px;justify-content:space-between;letter-spacing:-.01em;line-height:16px;outline:none;padding:0 12px;transition:border-color .15s ease,background .15s ease;width:100%}.share-listbox-invite-btn:hover,.share-listbox-invite-btn[data-headlessui-state~=open]{background:#0000;border-color:#e2e2e2}.share-listbox-invite-btn-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-listbox-caret{color:#182230;flex-shrink:0;transform:rotate(90deg)}.share-listbox-options{--anchor-gap:2px;background:#fcfcfc;border:1px solid #e2e2e2;border-radius:10px;box-shadow:0 4px 24px #0000001f,0 0 0 1px #0000000a;margin-top:2px;outline:none;padding:4px;transition:transform .2s ease-out,opacity .2s ease-out;width:102px;width:var(--button-width,102px);z-index:200}.share-listbox-options--narrow{width:92px;width:var(--button-width,92px)}.share-listbox-options[data-closed]{opacity:0;transform:scale(.95)}.share-listbox-option{border-radius:6px;color:#121212;cursor:pointer;font-size:12px;font-weight:500;letter-spacing:-.01em;line-height:16px;padding:8px 10px}.share-listbox-option[data-focus]{background:#f1f1f1}.share-listbox-row-btn{align-items:center;background:#0000;border:0;border-radius:8px;color:#121212;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;justify-content:space-between;letter-spacing:-.01em;line-height:16px;outline:none;padding:8px;width:89px}.share-listbox-row-btn:hover{background:#1212120a}.share-dialog-invite-submit{background:#6965e7;border:0;border-radius:12px;color:#fcfcfc;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;letter-spacing:-.02em;line-height:20px;padding:9px 20px}.share-dialog-invite-submit:hover{filter:brightness(1.04)}.share-dialog-general-access{border-top:1px solid #ececec;padding:10px 16px}.share-dialog-section-heading{color:#7b7b7b;font-size:11px;font-weight:500;letter-spacing:-.01em;line-height:16px;opacity:.7;padding:8px 0}.share-dialog-section-heading--people{padding:8px 16px 0}.share-dialog-access-row{align-items:center;box-sizing:border-box;display:flex;gap:12px;min-height:52px;padding:10px 0}.share-dialog-access-icon-tile{align-items:center;background:#f8f7f7;border:1px solid #e2e2e2;border-radius:8px;box-shadow:0 0 4px #1212121a;box-sizing:border-box;color:#182230;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:8px;width:32px}.share-dialog-access-copy{flex:1 1 auto;font-weight:500;line-height:16px;min-width:0}.share-dialog-access-title{color:#121212;font-size:12px}.share-dialog-access-sub,.share-dialog-access-title{letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-dialog-access-sub{color:#7b7b7b;font-size:11px;margin-top:2px}.share-dialog-people-block{border-top:1px solid #ececec;padding:10px 0}.share-dialog-people-list{display:flex;flex-direction:column}.share-dialog-person{align-items:center;box-sizing:border-box;display:flex;gap:12px;min-height:52px;padding:10px 16px;position:relative}.share-dialog-person-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:10px;font-weight:600;height:32px;justify-content:center;letter-spacing:-.02em;width:32px}.share-dialog-person-avatar[data-variant=sam]{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.share-dialog-person-avatar[data-variant=ellie]{background:linear-gradient(135deg,#ec4899,#f97316)}.share-dialog-person-avatar[data-variant=hellen]{background:linear-gradient(135deg,#0ea5e9,#22c55e)}.share-dialog-person-text{flex:1 1 auto;max-width:162px;min-width:0}.share-dialog-person-name{color:#121212}.share-dialog-person-email,.share-dialog-person-name{font-size:12px;font-weight:500;letter-spacing:-.01em;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-dialog-person-email{color:#7b7b7b;opacity:.7}.share-dialog-person-actions{align-items:center;display:flex;flex-shrink:0;margin-left:auto}.share-dialog-owner-pill{align-items:center;color:#121212;display:inline-flex;font-size:12px;font-weight:500;gap:4px;justify-content:space-between;letter-spacing:-.01em;line-height:16px;padding:8px;width:89px}.share-dialog-owner-pill svg{color:#182230}.share-dialog-person-remove{background:#fe5938;border:0;border-radius:8px 0 0 8px;bottom:0;cursor:pointer;opacity:0;padding:0;position:absolute;right:0;top:0;transition:opacity .15s ease;width:22px}.share-dialog-person:hover .share-dialog-person-remove{opacity:1}.share-dialog-person-remove:hover{filter:brightness(1.05);opacity:1}.share-dialog-foot{align-items:center;background:#f8f7f7;border-radius:0 0 28px 28px;border-top:1px solid #ececec;display:flex;gap:8px;padding:16px}.share-dialog-foot-url{color:#121212;flex:1 1 auto;font-size:13px;font-weight:400;letter-spacing:-.01em;line-height:16px;margin:0;min-width:0;opacity:.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-dialog-foot-copy{align-items:center;background:linear-gradient(180deg,#e5e5e5,#e2e2e2);border:0;border-radius:12px;box-shadow:0 3px 4px -1px #00000026,0 0 0 1px #d4d4d4,inset 0 1px 0 0 #ffffff54;color:#121212;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;letter-spacing:-.02em;line-height:20px;overflow:hidden;padding:9px 16px;position:relative}.share-dialog-foot-copy:hover{filter:brightness(1.03)}.share-dialog-foot-copy svg{color:#182230}.share-dialog-foot--stacked{align-items:stretch;flex-direction:column;gap:12px}.share-dialog-foot--stacked .share-dialog-foot-copy{justify-content:center}.share-card-group{position:relative}.share-card-group:focus-within .share-card-trigger--text,.share-card-group:hover .share-card-trigger--text{opacity:1}.share-card-dialog-root{position:relative;z-index:10011}.share-card-dialog-backdrop{background:#000000b3;inset:0;position:fixed}.share-card-dialog-shell{align-items:center;box-sizing:border-box;display:flex;inset:0;justify-content:center;overflow:hidden;overscroll-behavior:none;padding:16px;position:fixed}.share-card-dialog-panel{background:#fcfcfcfa;border:1px solid #ececec;border-radius:20px;box-shadow:0 10px 21px #00000012,0 38px 38px #0000000f;box-sizing:border-box;flex-shrink:0;max-width:396px;overflow:hidden;padding:8px;width:100%}.share-card-modal-body{border-radius:16px;overflow:hidden}.share-card-preview-wrap{background:#f8f7f7;border:1px solid #ececec;border-radius:24px;box-sizing:border-box;padding:20px}.share-card-preview-img{border-radius:12px;display:block;height:auto;vertical-align:middle;width:100%}.share-card-content{padding:16px}.share-card-title{color:#121212;font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:24px;margin-bottom:12px}.share-card-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px}.share-card-author{align-items:center;display:flex;gap:8px}.share-card-avatar-img{border-radius:50%;height:20px;object-fit:cover;width:20px}.share-card-avatar-fallback{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:inline-flex;font-size:10px;font-weight:600;height:20px;justify-content:center;width:20px}.share-card-author-name{color:#121212;font-size:14px;font-weight:600;line-height:20px}.share-card-date{align-items:center;color:#7b7b7b;display:flex;font-size:14px;font-weight:500;gap:6px;line-height:20px}.share-card-date-icon{color:#7b7b7bb3;flex-shrink:0}.share-card-actions-row{align-items:center;display:flex;gap:8px}.share-card-socials{display:flex;gap:8px}.share-card-social-link{align-items:center;background:#fcfcfc;border:1px solid #e2e2e2;border-radius:12px;color:#121212;display:inline-flex;height:40px;justify-content:center;transition:background .15s ease,border-color .15s ease;width:40px}.share-card-social-link:hover{background:#f1f1f1;border-color:#d4d4d4}.share-card-social-icon{display:block}.share-card-copy-btn{background:#6965e7;border:0;border-radius:12px;color:#fcfcfc;cursor:pointer;flex:1 1 auto;font-size:14px;font-weight:600;height:40px;letter-spacing:-.02em;line-height:20px;min-width:0;padding:0 16px;transition:filter .15s ease}.share-card-copy-btn:hover{filter:brightness(1.05)}.share-card-copy-btn:active{filter:brightness(.97)}.share-card-trigger{cursor:pointer;font:inherit;margin:0}.share-card-trigger--icon{align-items:center;background:#fcfcfc;border:1px solid #e2e2e2;border-radius:12px;display:inline-flex;height:40px;justify-content:center;transition:background .15s ease;width:40px}.share-card-trigger--icon:hover{background:#f1f1f1}.share-card-trigger--text{align-items:center;background:#0000;border:1px solid #0000;border-radius:12px;bottom:8px;color:#121212;display:flex;font-size:14px;font-weight:600;gap:6px;height:40px;letter-spacing:-.02em;line-height:20px;opacity:0;padding:0 12px;position:absolute;right:8px;transition:opacity .15s ease,background .15s ease,border-color .15s ease;z-index:2}.share-card-trigger--text:hover{background:#12121214;border-color:#1212121f}.share-card-trigger-icon,.share-card-trigger-icon-solid{color:#121212;flex-shrink:0}.tool-btn{align-items:center;background:#0000;border:0;border-radius:6px;color:#4a4a48;color:var(--ink-2);cursor:pointer;display:inline-flex;gap:6px;padding:6px 8px}.tool-btn:hover{background:#f5f5f3;background:var(--panel-2)}.tool-btn:disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.tool-btn.active{background:oklch(.95 .03 280);background:var(--accent-soft);color:oklch(.38 .19 280);color:var(--accent-ink)}.btn{align-items:center;background:#fff;background:var(--panel);border:1px solid #d9d8d3;border:1px solid var(--border-strong);border-radius:8px;cursor:pointer;display:inline-flex;font-weight:500;gap:6px;padding:6px 12px}.btn:hover{background:#f5f5f3;background:var(--panel-2)}.btn-primary{background:#1a1a1a;background:var(--ink);border-color:#1a1a1a;border-color:var(--ink);color:#fff}.btn-primary:hover{background:#000}.btn-accent{background:oklch(.58 .19 280);background:var(--accent);border-color:oklch(.58 .19 280);border-color:var(--accent);color:#fff}.btn-accent:hover{background:color-mix(in oklab,oklch(.58 .19 280) 90%,#000);background:color-mix(in oklab,var(--accent) 90%,#000);border-color:color-mix(in oklab,oklch(.58 .19 280) 90%,#000);border-color:color-mix(in oklab,var(--accent) 90%,#000)}.btn:disabled{cursor:not-allowed;opacity:.65;pointer-events:none}.prop-add-effects-strip{box-sizing:border-box;padding:12px 16px}.prop-add-effects-strip--in-animate{padding:10px 0 12px}.prop-add-effects-btn{align-items:center;background:linear-gradient(180deg,#e5e5e5,#e2e2e2);border:none;border-radius:12px;box-shadow:0 3px 4px -1px #00000026,0 0 0 1px #d4d4d4,inset 0 1px 0 #ffffff54;color:#121212;cursor:pointer;display:inline-flex;font:inherit;font-size:14px;font-weight:600;justify-content:center;letter-spacing:-.28px;line-height:20px;margin:0;overflow:hidden;padding:10px 24px;position:relative;width:100%}.prop-add-effects-btn:hover:not(:disabled){background:linear-gradient(180deg,#ebebeb,#e7e7e7)}.prop-add-effects-btn:active:not(:disabled){background:linear-gradient(180deg,#dedede,#d9d9d9);box-shadow:0 1px 2px -1px #0000001f,0 0 0 1px #c9c9c9,inset 0 1px 0 #ffffff40}.prop-add-effects-btn:focus-visible{outline:2px solid oklch(.58 .19 280);outline:2px solid var(--accent);outline-offset:2px;z-index:1}.prop-add-effects-btn:disabled{cursor:not-allowed;opacity:.55;pointer-events:none}.rail{align-items:stretch;align-self:stretch;display:flex;min-height:0;padding:0;position:relative;z-index:44}.rail-shell{background:#fff;border-right:1px solid #e7e6e2;border-right:1px solid var(--border);overflow-x:hidden;overflow-y:auto;width:100%}.rail-group,.rail-shell{align-items:center;display:flex;flex-direction:column}.rail-group{gap:4px;padding:10px 0}.rail-btn{background:#0000;border:0;border-radius:10px;color:#1a1a1a;color:var(--ink);cursor:pointer;display:grid;height:40px;place-items:center;width:40px}.rail-btn:hover{background:#f8f7f7;background:var(--shade-02)}.rail-btn.active{background:#f1f1f1;background:var(--shade-03);border:1px solid #d9d8d3;border:1px solid var(--border-strong);border-radius:9999px;box-shadow:inset 0 -1px 3px #1212121f,inset 0 1.25px 1px color-mix(in oklab,#fff 90%,#0000);box-shadow:inset 0 -1px 3px #1212121f,inset 0 1.25px 1px color-mix(in oklab,var(--panel) 90%,#0000)}.rail-btn[aria-disabled=true]{cursor:not-allowed;opacity:.45}.rail-btn[aria-disabled=true]:hover{background:#0000}.rail-floating-tip{background:#fff;background:var(--panel);border:1px solid #d9d8d3;border:1px solid var(--border-strong);border-radius:6px;box-shadow:0 2px 6px #1414140f,0 1px 2px #1414140a;box-shadow:var(--shadow-md);color:#1a1a1a;color:var(--ink);font-size:12px;font-weight:500;line-height:1.2;max-width:min(280px,calc(100vw - 24px));padding:5px 9px;pointer-events:none;position:fixed;transform:translateY(-50%);white-space:normal;z-index:10000}.export-popover{align-items:stretch;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#fcfcfceb;border:1px solid #ececec;border-radius:20px;box-shadow:0 10px 21px #00000012,0 38px 38px #0000000f,0 86px 52px #0000000a,0 153px 61px #00000003,0 239px 67px #0000;color:#121212;display:flex;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);max-width:calc(100vw - 16px);min-height:220px;overflow:hidden;position:fixed;width:493px;z-index:10070}.export-popover-sidebar{border-right:1px solid #ececec;box-sizing:border-box;flex:0 0 152px;padding:8px}.export-popover-sidebar-inner{display:flex;flex-direction:column;gap:4px}.export-popover-soon-trigger{cursor:not-allowed;display:block;width:100%}.export-popover-seg .export-popover-soon-trigger{display:flex;flex:1 1;min-width:0;width:auto}.export-popover-soon-trigger>button:disabled{pointer-events:none;width:100%}.export-popover-seg .export-popover-soon-trigger>button:disabled{flex:1 1;min-width:0}.export-popover-nav-item{align-items:center;background:#fcfcfc;border:1px solid #0000;border-radius:12px;box-sizing:border-box;color:#121212;cursor:default;display:flex;font:inherit;font-size:12px;font-weight:500;gap:12px;justify-content:space-between;letter-spacing:-.01em;line-height:16px;margin:0;min-height:40px;padding:4px 8px 4px 4px;text-align:left;width:100%}.export-popover-nav-item.is-active{background:#f1f1f1;border-color:#e2e2e2;cursor:default}.export-popover-nav-item:disabled{color:#121212;cursor:not-allowed;opacity:1}.export-popover-nav-symbol{align-items:center;background:#f1f1f1;border-radius:8px;box-sizing:border-box;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:8px;width:32px}.export-popover-nav-item.is-active .export-popover-nav-symbol--raised{background:#fcfcfc;box-shadow:0 0 4px #1212121a}.export-popover-nav-symbol img{display:block}.export-popover-nav-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-popover-nav-chevron{align-items:center;color:#182230;display:flex;flex-shrink:0;justify-content:center;opacity:.55}.export-popover-nav-item:not(.is-active) .export-popover-nav-chevron{display:none}.export-popover-main{display:flex;flex:1 1 341px;flex-direction:column;justify-content:space-between;min-width:0}.export-popover-fields{display:flex;flex-direction:column;gap:6px;padding:16px}.export-popover-field-row{align-items:center;display:flex;gap:12px;justify-content:space-between;width:100%}.export-popover-field-label{color:#121212;flex-shrink:0;font-size:12px;font-weight:600;letter-spacing:-.01em;line-height:16px}.export-popover-seg{align-items:stretch;background:#f1f1f1;border:1px solid #ececec;border-radius:10px;box-sizing:border-box;display:flex;flex-shrink:0;padding:4px;width:190px}.export-popover-seg--format,.export-popover-seg--resolution{gap:0}.export-popover-seg-opt{background:#0000;border:0;border-radius:8px;color:#7b7b7b;cursor:pointer;flex:1 1;font:inherit;font-size:12px;font-weight:500;letter-spacing:-.01em;line-height:16px;margin:0;min-width:0;padding:6px 10px;transition:background .12s ease,color .12s ease,box-shadow .12s ease}.export-popover-seg-opt:hover:not(:disabled){color:#121212}.export-popover-seg-opt.is-active{background:#fcfcfc;border-radius:6px;box-shadow:0 1px 4px #00000024;color:#121212;font-weight:600}.export-popover-seg-opt:disabled{cursor:not-allowed;opacity:.45}.export-popover-field-row--resolution{align-items:stretch;flex-direction:column;gap:2px}.export-popover-resolution-head{align-items:center;display:flex;gap:12px;justify-content:space-between;width:100%}.export-popover-dim-hint{align-self:flex-end;color:#7b7b7b;font-size:10px;font-weight:400;letter-spacing:-.01em;line-height:16px;margin:0;opacity:.9}.export-popover-fps-wrap{flex-shrink:0;position:relative;width:190px}.export-popover-select{align-items:center;background:#fcfcfc;border:1px solid #ececec;border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex;font:inherit;gap:8px;justify-content:space-between;padding:10px;width:100%}.export-popover-select:hover{border-color:#e2e2e2}.export-popover-select-inner{align-items:center;display:flex;flex:1 1;gap:6px;min-width:0}.export-popover-select-icon{color:#182230;flex-shrink:0;opacity:.7}.export-popover-select-text{color:#121212;flex:1 1 auto;font-size:12px;font-weight:500;letter-spacing:-.01em;line-height:16px;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.export-popover-fps-num{font-weight:500}.export-popover-fps-suffix{color:#121212;font-weight:500}.export-popover-select-chevron{color:#182230;flex-shrink:0;opacity:.65}.export-popover-fps-menu{background:#fcfcfcfa;border:1px solid #ececec;border-radius:10px;box-shadow:0 10px 24px #00000014;left:0;list-style:none;margin:0;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:2}.export-popover-fps-menu-item{background:#0000;border:0;border-radius:8px;color:#121212;cursor:pointer;display:block;font:inherit;font-size:12px;font-weight:500;padding:8px 10px;text-align:left;transition:background .14s ease;width:100%}.export-popover-fps-menu-item:hover{background:#f1f1f1}.export-popover-fps-menu-item.is-active{background:#f1f1f1;font-weight:600}.export-popover-footer{padding:12px 16px 16px}.export-popover-export-btn{background:#6965e7;border:0;border-radius:10px;color:#fcfcfc;cursor:pointer;font:inherit;font-size:14px;font-weight:600;letter-spacing:-.02em;line-height:20px;margin:0;padding:8px 20px;transition:background .12s ease,filter .12s ease;width:100%}.export-popover-export-btn:hover{filter:brightness(1.05)}.export-popover-export-btn:active{filter:brightness(.96)}.export-popover-export-btn:disabled{cursor:not-allowed;filter:none;opacity:.65}.export-popover-sidebar-inner button.export-popover-nav-item{cursor:pointer}.export-popover-json-fields{gap:10px}.export-popover-json-hint{color:#3d3d3d;font-size:12px;font-weight:400;letter-spacing:-.01em;line-height:1.45;margin:0}.export-popover-json-hint--sub{color:#7b7b7b;font-size:11px}.export-popover-json-code{background:#f1f1f1;border-radius:4px;color:#121212;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.92em;padding:0 3px}.topbar-history-tip{background:#fff;background:var(--panel);border:1px solid #d9d8d3;border:1px solid var(--border-strong);border-radius:6px;box-shadow:0 2px 6px #1414140f,0 1px 2px #1414140a;box-shadow:var(--shadow-md);color:#1a1a1a;color:var(--ink);font-size:12px;font-weight:500;line-height:1.2;padding:5px 9px;pointer-events:none;position:fixed;transform:translateX(-50%);white-space:nowrap;z-index:10000}.topbar-history-tip.export-popover-soon-tip{z-index:10080}.panel-lock-tip{line-height:1.2;transform:translate(-50%,-100%);white-space:nowrap}.media-upload-tip,.panel-lock-tip{background:#fff;background:var(--panel);border:1px solid #d9d8d3;border:1px solid var(--border-strong);border-radius:6px;box-shadow:0 2px 6px #1414140f,0 1px 2px #1414140a;box-shadow:var(--shadow-md);color:#1a1a1a;color:var(--ink);font-size:12px;font-weight:500;padding:5px 9px;pointer-events:none;position:fixed;z-index:10000}.media-upload-tip{line-height:1.35;max-width:220px;transform:translateY(-50%);white-space:normal}.panel{background:#fff;background:var(--panel);border-right:1px solid #e7e6e2;border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative;z-index:45}.app>.panel{background:#fff;border:none;border-radius:0;border-right:1px solid #e7e6e2;border-right:1px solid var(--border);grid-area:stage;max-width:min(100%,324px);max-width:min(100%,var(--app-left-panel-width,324px));min-width:0;overflow:hidden;place-self:stretch start;width:min(100%,324px);width:min(100%,var(--app-left-panel-width,324px));z-index:10}.panel-head{align-items:center;border-bottom:1px solid #e7e6e2;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 14px}.panel-head--multiline{align-items:flex-start}.panel-head--multiline .tool-btn{margin-top:1px}.panel-head h3{font-size:13px;font-weight:600;letter-spacing:-.005em;margin:0}.background-panel .panel-head h3{color:#121212}.background-panel .panel-head .tool-btn{color:#4a4a48;color:var(--ink-2)}.background-panel .background-panel-rail{background:#fff;min-height:auto;padding:12px}.background-panel .background-panel-rail .prop-mode-rail__track{background:#f1f1f1;border-color:#e2e2e2}.background-panel .background-panel-rail .prop-mode-rail__tab{color:#7b7b7b;font-size:13px;font-weight:600;letter-spacing:-.01em;line-height:32px}.background-panel .background-panel-rail .prop-mode-rail__tab--active{color:#121212}.panel-head__start{align-items:center;display:flex;flex:1 1;gap:2px;min-width:0}.panel-head__start h3{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-body{flex:1 1;overflow:auto;padding:8px}.bg-panel-tab-panel{padding:4px 10px 12px}.bg-panel-tab-panel[hidden]{display:none!important}.bg-panel-color-grid--bw{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);padding-top:4px}.bg-panel-color-grid--bw>.bg-panel-color-add.bg-panel-color-swatch--bw,.bg-panel-color-grid--bw>.bg-panel-color-swatch--bw,.bg-panel-color-grid--bw>.bg-panel-color-user-slot--bw{aspect-ratio:auto;border-radius:12px;height:64px;min-height:64px;min-width:0;width:100%}.bg-panel-color-grid--bw .bg-panel-color-add{border-radius:12px;height:64px;min-height:64px}.bg-panel-color-grid--bw .bg-panel-color-user-slot--bw{height:64px;min-height:64px}.bg-panel-color-grid--bw .bg-panel-color-user-slot--bw .bg-panel-color-swatch{border-radius:12px;height:100%;width:100%}.bg-panel-color-sub-field{margin:0 0 10px}.bg-panel-color-sub-field .prop-zoom{width:100%}.gp-wrap{background:#fff;background:var(--panel,#2c2c2c);border:1px solid #ffffff14;border-radius:12px;color:#1a1a1a;color:var(--ink,#e8e8e8);font-size:12px;margin-bottom:10px;padding:12px}.gp-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.gp-title{color:#1a1a1a;color:var(--ink,#222);font-size:13px;font-weight:600}.gp-close{align-items:center;background:none;border:none;border-radius:4px;color:#4a4a48;color:var(--ink-2,#888);cursor:pointer;display:flex;justify-content:center;padding:2px}.gp-close:hover{background:#0000000f;color:#1a1a1a;color:var(--ink,#222)}.gp-type-row{align-items:center;display:flex;gap:8px;margin-bottom:10px}.gp-type-dropdown{flex:1 1}.gp-type-dropdown .prop-zoom-trigger{background:#f5f5f3;background:var(--panel-2,#f1f1f1);border:1px solid #00000014;border-radius:8px;font-size:12px;font-weight:600;min-height:32px;padding:6px 10px}.gp-type-dropdown .prop-zoom-option{font-size:12px;padding:6px 12px}.gp-angle-input-wrap{align-items:center;background:#f5f5f3;background:var(--panel-2,#f1f1f1);border:1px solid #00000014;border-radius:8px;display:flex;gap:2px;padding:0 8px 0 0}.gp-angle-input{-moz-appearance:textfield;background:#0000;border:none;color:#1a1a1a;color:var(--ink,#222);font-size:12px;font-weight:600;outline:none;padding:6px 4px 6px 8px;text-align:center;width:42px}.gp-angle-input::-webkit-inner-spin-button,.gp-angle-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.gp-angle-unit{color:#4a4a48;color:var(--ink-2,#888);font-size:11px;font-weight:500}.gp-bar-wrap{cursor:crosshair;height:32px;margin-bottom:12px;padding:0 8px;position:relative}.gp-bar{border:1px solid #00000014;border-radius:6px;height:20px;margin-top:6px;width:100%}.gp-bar-handle{align-items:flex-start;cursor:grab;display:flex;height:32px;justify-content:center;position:absolute;top:0;transform:translateX(-50%);width:16px;z-index:1}.gp-bar-handle:active{cursor:grabbing}.gp-bar-handle-color{border:2px solid #fff;border-radius:3px;box-shadow:0 0 0 1px #00000026,0 1px 3px #00000026;height:14px;pointer-events:none;width:14px}.gp-bar-handle--active .gp-bar-handle-color{border-color:oklch(.58 .19 280);border-color:var(--accent,#4f8ef7);box-shadow:0 0 0 1px oklch(.58 .19 280),0 1px 4px #0003;box-shadow:0 0 0 1px var(--accent,#4f8ef7),0 1px 4px #0003}.gp-stops-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.gp-stops-title{color:#1a1a1a;color:var(--ink,#222);font-size:12px;font-weight:600}.gp-stops-add{align-items:center;background:none;border:none;border-radius:4px;color:#4a4a48;color:var(--ink-2,#888);cursor:pointer;display:flex;justify-content:center;padding:2px}.gp-stops-add:hover{background:#0000000f;color:#1a1a1a;color:var(--ink,#222)}.gp-stops-add:disabled{cursor:not-allowed;opacity:.35}.gp-stops-list{display:flex;flex-direction:column;gap:4px}.gp-stop-row{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:4px;padding:4px 6px;transition:background .1s}.gp-stop-row:hover{background:#00000008}.gp-stop-row--active{background:color-mix(in srgb,oklch(.58 .19 280) 12%,#0000);background:color-mix(in srgb,var(--accent,#4f8ef7) 12%,#0000)}.gp-stop-pos{background:#f5f5f3;background:var(--panel-2,#f1f1f1);border:1px solid #00000014;border-radius:6px;color:#1a1a1a;color:var(--ink,#222);font-size:11px;font-weight:600;outline:none;padding:5px 4px;text-align:center;width:42px}.gp-stop-pos:focus{border-color:oklch(.58 .19 280);border-color:var(--accent,#4f8ef7);box-shadow:0 0 0 2px color-mix(in srgb,oklch(.58 .19 280) 25%,#0000);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent,#4f8ef7) 25%,#0000)}.gp-stop-swatch{border:1.5px solid #0000001a;border-radius:5px;cursor:pointer;flex-shrink:0;height:24px;padding:0;transition:box-shadow .1s;width:24px}.gp-stop-swatch:hover{box-shadow:0 0 0 2px color-mix(in srgb,oklch(.58 .19 280) 30%,#0000);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent,#4f8ef7) 30%,#0000)}.gp-stop-hex{background:#f5f5f3;background:var(--panel-2,#f1f1f1);border:1px solid #00000014;border-radius:6px;color:#1a1a1a;color:var(--ink,#222);flex:1 1;font-family:inherit;font-size:11px;font-weight:600;min-width:0;outline:none;padding:5px 6px;text-transform:uppercase}.gp-stop-hex:focus{border-color:oklch(.58 .19 280);border-color:var(--accent,#4f8ef7);box-shadow:0 0 0 2px color-mix(in srgb,oklch(.58 .19 280) 25%,#0000);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent,#4f8ef7) 25%,#0000)}.gp-stop-opacity{-moz-appearance:textfield;background:#f5f5f3;background:var(--panel-2,#f1f1f1);border:1px solid #00000014;border-radius:6px;color:#1a1a1a;color:var(--ink,#222);font-size:11px;font-weight:600;outline:none;padding:5px 2px;text-align:center;width:36px}.gp-stop-opacity::-webkit-inner-spin-button,.gp-stop-opacity::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.gp-stop-opacity:focus{border-color:oklch(.58 .19 280);border-color:var(--accent,#4f8ef7);box-shadow:0 0 0 2px color-mix(in srgb,oklch(.58 .19 280) 25%,#0000);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent,#4f8ef7) 25%,#0000)}.gp-stop-pct{font-size:11px;font-weight:500}.gp-stop-pct,.gp-stop-remove{color:#4a4a48;color:var(--ink-2,#888);flex-shrink:0}.gp-stop-remove{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;justify-content:center;line-height:1;padding:2px 4px}.gp-stop-remove:hover{background:#e74c3c14;color:#e74c3c;color:var(--danger,#e74c3c)}.gp-stop-remove:disabled{cursor:not-allowed;opacity:.25}.gp-stop-remove-icon{font-weight:700}.bg-panel-media-field{margin:0 0 10px}.bg-panel-media-search{margin:0 0 8px}.bg-panel-media-err{color:#b42318;color:var(--danger,#b42318);font-size:11px;padding:0 0 8px}.bg-panel-media-loading{font-size:11px;opacity:.65;padding:4px 0 8px}.media-panel-body{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:0!important}.media-panel-scroll{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-y:auto}.background-panel .media-panel-body{-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto}.background-panel .media-panel-body>div:first-child{background:#fff;position:sticky;top:0;z-index:2}.background-panel .media-panel-scroll{flex:0 0 auto;min-height:0;overflow:visible}.media-panel-source-row{border-bottom:1px solid #e7e6e2;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px;padding:8px 10px}.media-panel-source-primary{display:flex;gap:4px;width:100%}.media-panel-source-primary--four .media-panel-source-primary-tab{font-size:11px;line-height:1.15;padding:8px 4px}.media-panel-source-primary--five .media-panel-source-primary-tab{font-size:11px;line-height:1.15;padding:8px 3px}.media-panel-source-primary-tab{background:#0000;border:none;border-radius:8px;color:#8a8a85;color:var(--ink-3);cursor:pointer;flex:1 1;font:inherit;font-size:13px;font-weight:500;line-height:1.2;margin:0;padding:8px 6px}.media-panel-source-primary-tab:hover{background:color-mix(in oklab,#1a1a1a 6%,#0000);background:color-mix(in oklab,var(--ink) 6%,#0000);color:#1a1a1a;color:var(--ink)}.media-panel-source-primary-tab:focus-visible{outline:2px solid color-mix(in oklab,oklch(.58 .19 280) 45%,#0000);outline:2px solid color-mix(in oklab,var(--accent) 45%,#0000);outline-offset:2px}.media-panel-source-primary-tab--active{background:#ececea;background:var(--track);box-shadow:inset 0 0 0 1px color-mix(in oklab,#e7e6e2 80%,#0000);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--border) 80%,#0000);color:#1a1a1a;color:var(--ink);font-weight:600}.media-panel-fl-rail.prop-mode-rail{background:#0000;border-bottom:none;min-height:0;padding:0}.media-panel-fl-rail .prop-mode-rail__track{width:100%}.media-panel-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr;padding:4px 10px 10px}.media-panel-thumb{aspect-ratio:3/4;background:#f5f5f3;background:var(--panel-2);border:1px solid #0000000f;border-radius:8px;cursor:grab;overflow:hidden;position:relative}.media-panel-thumb--click-replace{cursor:pointer}.media-panel-thumb img{display:block;height:100%;object-fit:cover;width:100%}.media-panel-lottie-preview,.media-panel-thumb img{inset:0;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none}.media-panel-lottie-preview{align-items:center;background:#f5f5f3;background:var(--panel-2);display:flex;justify-content:center;overflow:hidden}.media-panel-lottie-preview svg{height:100%!important;max-height:100%;max-width:100%;width:100%!important}.media-panel-lottie-preview--invalid{color:#666;color:var(--ink-muted,#666);flex-direction:column;font-size:10px;gap:6px;padding:8px;text-align:center}.media-panel-lottie-thumb-caption{background:linear-gradient(#0000,#000000bf);bottom:0;color:#fff;font-size:10px;font-weight:600;left:0;line-height:1.2;overflow:hidden;padding:5px 6px;pointer-events:none;position:absolute;right:0;text-align:left;text-overflow:ellipsis;white-space:nowrap;z-index:2}.media-panel-thumb-delete{align-items:center;background:#ffffffeb;border:none;border-radius:6px;box-shadow:0 1px 3px #0000002e;color:#1a1a1a;color:var(--ink,#111);cursor:pointer;display:flex;height:22px;justify-content:center;opacity:.78;padding:0;pointer-events:auto;position:absolute;right:4px;top:4px;transition:opacity .12s ease,transform .12s ease;width:22px;z-index:3}.media-panel-thumb-delete:focus-visible,.media-panel-thumb:hover .media-panel-thumb-delete{opacity:1}.media-panel-thumb-delete:hover{background:#fff}.media-panel-thumb-delete:active{transform:scale(.96)}.media-panel-thumb-figma-actions{background:linear-gradient(#0000,#00000080);bottom:0;display:flex;justify-content:center;left:0;padding:6px;pointer-events:none;position:absolute;right:0}.media-panel-thumb-add{appearance:none;background:#ffffffeb;border:0;border-radius:6px;box-shadow:0 1px 3px #0003;color:#4a4a48;color:var(--ink-2,#1a1a1a);cursor:pointer;font-size:10px;font-weight:600;padding:5px 8px;pointer-events:auto}.media-panel-thumb-add:hover{background:#fff}.media-panel-thumb-add:active{transform:scale(.98)}.media-panel-thumb-figma-actions--split{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.media-panel-figma-pieces{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto}.media-panel-figma-piece{grid-gap:8px;align-items:center;background:#f5f5f3;background:var(--panel-2);border:1px solid #e7e6e2;border:1px solid var(--border);border-radius:8px;display:grid;gap:8px;grid-template-columns:48px 1fr;padding:6px}.media-panel-figma-piece--text{display:flex;flex-direction:column;gap:6px}.media-panel-figma-piece-thumb{border-radius:6px;cursor:grab;height:48px;overflow:hidden;width:48px}.media-panel-figma-piece-thumb img{display:block;height:100%;object-fit:cover;pointer-events:none;width:100%}.media-panel-figma-piece-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.media-panel-figma-piece-name{font-size:10px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-panel-figma-piece-text-preview{background:#ffffff8c;border-radius:6px;cursor:grab;line-height:1.25;max-height:3.8em;overflow:hidden;padding:4px 6px}.media-panel-thumb--button{appearance:none;color:inherit;cursor:pointer;font:inherit;margin:0;padding:0;transition:transform 80ms ease,box-shadow .12s ease}.media-panel-thumb--button:hover{box-shadow:0 2px 8px #0000002e;transform:scale(1.02)}.media-panel-thumb--button:focus-visible{outline:2px solid oklch(.58 .19 280);outline:2px solid var(--accent,#3b82f6);outline-offset:2px}.media-panel-thumb .thumb-play{color:#fff;display:grid;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));inset:0;place-items:center;pointer-events:none;position:absolute}.media-panel-empty{color:#4a4a48;color:var(--ink-2);font-size:11px;line-height:1.45;padding:16px 12px 24px;text-align:center}.media-panel-empty button{margin-top:10px}.media-panel-scroll-sentinel{height:1px;margin:0 10px;pointer-events:none}.media-panel-load-more{color:#8a8a85;color:var(--ink-3);font-size:11px;padding:10px;text-align:center}.bg-panel-section{display:flex;flex-direction:column;padding:10px 10px 4px}.bg-panel-section+.bg-panel-section{padding-top:14px}.bg-panel-section-title{color:#4a4a48;color:var(--ink-2);font-size:11px;font-weight:600;letter-spacing:.04em;padding:0 2px 8px;text-transform:none}.bg-panel-color-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(7,1fr)}.bg-panel-color-grid.bg-panel-color-grid--bw{gap:6px;grid-template-columns:repeat(3,1fr)}.bg-panel-color-swatch{appearance:none;aspect-ratio:1/1;border:1px solid #0000001f;border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff0a;cursor:pointer;padding:0;transition:transform 80ms ease,box-shadow .12s ease}.bg-panel-color-swatch--transparent{background-color:initial;background-image:linear-gradient(45deg,color-mix(in oklab,#1a1a1a 10%,#f5f5f3) 25%,#0000 0,#0000 75%,color-mix(in oklab,#1a1a1a 10%,#f5f5f3) 0),linear-gradient(45deg,#0000 25%,color-mix(in oklab,#1a1a1a 10%,#f5f5f3) 0,color-mix(in oklab,#1a1a1a 10%,#f5f5f3) 75%,#0000 0);background-image:linear-gradient(45deg,color-mix(in oklab,var(--ink) 10%,var(--panel-2)) 25%,#0000 25%,#0000 75%,color-mix(in oklab,var(--ink) 10%,var(--panel-2)) 75%),linear-gradient(45deg,#0000 25%,color-mix(in oklab,var(--ink) 10%,var(--panel-2)) 25%,color-mix(in oklab,var(--ink) 10%,var(--panel-2)) 75%,#0000 75%);background-position:0 0,4.5px 4.5px;background-size:9px 9px}.bg-panel-color-swatch:hover{box-shadow:inset 0 0 0 1px #ffffff0a,0 2px 6px #0000002e;transform:scale(1.06)}.bg-panel-color-swatch:focus-visible{outline:2px solid oklch(.58 .19 280);outline:2px solid var(--accent,#3b82f6);outline-offset:2px}.bg-panel-color-swatch.is-selected{border-color:oklch(.58 .19 280);border-color:var(--accent);box-shadow:inset 0 0 0 1px #ffffff1f,0 0 0 2px oklch(.58 .19 280);box-shadow:inset 0 0 0 1px #ffffff1f,0 0 0 2px var(--accent)}.bg-panel-color-swatch.is-selected:hover{border-color:oklch(.58 .19 280);border-color:var(--accent);box-shadow:inset 0 0 0 1px #ffffff1f,0 0 0 2px oklch(.58 .19 280),0 2px 6px #0000002e;box-shadow:inset 0 0 0 1px #ffffff1f,0 0 0 2px var(--accent),0 2px 6px #0000002e}.bg-panel-section .media-panel-thumb.is-selected{border-color:oklch(.58 .19 280);border-color:var(--accent);box-shadow:inset 0 0 0 2px oklch(.58 .19 280),0 1px 3px #0000001f;box-shadow:inset 0 0 0 2px var(--accent),0 1px 3px #0000001f}.bg-panel-section .media-panel-thumb.is-selected:hover{border-color:oklch(.58 .19 280);border-color:var(--accent);box-shadow:inset 0 0 0 2px oklch(.58 .19 280),0 2px 8px #0003;box-shadow:inset 0 0 0 2px var(--accent),0 2px 8px #0003}.bg-panel-color-user-slot{aspect-ratio:1/1;position:relative}.bg-panel-color-user-slot .bg-panel-color-swatch{height:100%;width:100%}.bg-panel-color-user-remove{align-items:center;background:#fff;background:var(--panel);border:1px solid #d9d8d3;border:1px solid var(--border-strong);border-radius:50%;box-shadow:0 1px 3px #00000040;color:#1a1a1a;color:var(--ink);cursor:pointer;display:inline-flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:-4px;top:-4px;transform:scale(.85);transition:opacity .12s ease,transform .12s ease,background-color .12s ease,color .12s ease;width:20px}.bg-panel-color-user-remove:focus-visible,.bg-panel-color-user-slot:hover .bg-panel-color-user-remove{opacity:1;transform:scale(1)}.bg-panel-color-user-remove:hover{background:oklch(.58 .19 280);background:var(--accent,#3b82f6);border-color:oklch(.58 .19 280);border-color:var(--accent,#3b82f6);color:#fff}.bg-panel-color-user-remove:focus-visible{outline:2px solid oklch(.58 .19 280);outline:2px solid var(--accent,#3b82f6);outline-offset:2px}.bg-panel-color-add{align-items:center;appearance:none;aspect-ratio:1/1;background:#f5f5f3;background:var(--panel-2);border:1px dashed #d9d8d3;border:1px dashed var(--border-strong);border-radius:8px;color:#4a4a48;color:var(--ink-2);cursor:pointer;display:inline-flex;justify-content:center;padding:0;transition:transform 80ms ease,border-color .12s ease,background-color .12s ease,color .12s ease}.bg-panel-color-add:hover{background:oklch(.95 .03 280);background:var(--accent-soft,#3b82f614);border-color:oklch(.58 .19 280);border-color:var(--accent,#3b82f6);color:oklch(.38 .19 280);color:var(--accent-ink,var(--accent,#3b82f6));transform:scale(1.06)}.bg-panel-color-add:focus-visible{outline:2px solid oklch(.58 .19 280);outline:2px solid var(--accent,#3b82f6);outline-offset:2px}.bg-panel-section .media-panel-grid{padding:0}.media-category-field{display:flex;flex-direction:column;gap:4px}.media-category-field .prop-zoom{width:100%}.layer{align-items:center;border-radius:6px;color:#4a4a48;color:var(--ink-2);cursor:pointer;display:flex;gap:8px;padding:7px 10px;position:relative}.layer:hover{background:#f5f5f3;background:var(--panel-2)}.layer.selected{background:oklch(.95 .03 280);background:var(--accent-soft);color:oklch(.38 .19 280);color:var(--accent-ink)}.layer.drop-after:after,.layer.drop-before:before{background:oklch(.58 .19 280);background:var(--accent);border-radius:999px;content:"";height:2px;left:8px;pointer-events:none;position:absolute;right:8px}.layer.drop-before:before{top:-1px}.layer.drop-after:after{bottom:-1px}.layer .icon{flex-shrink:0;opacity:.7}.layer .name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer.locked .name{color:#8a8a85;color:var(--ink-3)}.layer-name-input{background:#fff;border:1px solid #d9d8d3;border:1px solid var(--border-strong);border-radius:6px;color:#1a1a1a;color:var(--ink);flex:1 1;font:inherit;font-size:12px;line-height:1.25;min-width:0;padding:2px 6px}.layer-name-input:focus{border-color:oklch(.58 .19 280);border-color:var(--accent);box-shadow:0 0 0 2px oklch(.95 .03 280);box-shadow:0 0 0 2px var(--accent-soft);outline:none}.layer-panel-body{display:flex;flex-direction:column;gap:2px}.layer-tree-group{display:flex;flex-direction:column;gap:1px}.layer-tree-chevron{background:#0000;border:none;border-radius:4px;color:#8a8a85;color:var(--ink-3);cursor:pointer;display:grid;flex-shrink:0;height:22px;margin:0;padding:0;place-items:center;width:22px}.layer-tree-chevron:hover{background:#f5f5f3;background:var(--panel-2);color:#4a4a48;color:var(--ink-2)}.layer-tree-child{padding-left:2px;position:relative}.layer-tree-indent{flex-shrink:0;width:22px}.layer-tree-mask-bridge,.layer-tree-mask-spacer{flex-shrink:0;width:14px}.layer-tree-mask-bridge{align-items:center;color:#8a8a85;color:var(--ink-3);display:flex;justify-content:flex-start;opacity:.85}.layer-tree-mask-svg{display:block}.layer-ctx-menu{background:#fff;border:1px solid #d9d8d3;border:1px solid var(--border-strong);border-radius:8px;box-shadow:0 10px 28px #0000001f;min-width:140px;padding:4px 0;position:fixed;z-index:1000}.layer-ctx-menu__item{align-items:center;background:#0000;border:none;color:#1a1a1a;color:var(--ink);cursor:pointer;display:flex;font:inherit;font-size:12px;gap:12px;justify-content:space-between;margin:0;padding:8px 12px;text-align:left;width:100%}.layer-ctx-menu__kbd{color:#8a8a85;color:var(--ink-3);flex-shrink:0;font-family:ui-monospace,monospace;font-size:11px;opacity:.9}.layer-ctx-menu__sep{background:#d9d8d3;background:var(--border-strong);border:none;height:1px;margin:4px 0}.layer-ctx-menu__item:hover{background:oklch(.95 .03 280);background:var(--accent-soft);color:oklch(.38 .19 280);color:var(--accent-ink)}.layer-ctx-menu__item:disabled{cursor:not-allowed;opacity:.45}.layer-ctx-menu__item:disabled:hover{background:#0000;color:#1a1a1a;color:var(--ink)}.layer-panel .layer-panel-rail{background:#fff;min-height:auto;padding:12px}.layer-panel .layer-panel-rail .prop-mode-rail__track{background:#f1f1f1;border-color:#e2e2e2}.layer-panel .layer-panel-rail .prop-mode-rail__tab{color:#7b7b7b;font-size:13px;font-weight:600;letter-spacing:-.01em;line-height:32px}.layer-panel .layer-panel-rail .prop-mode-rail__tab--active{color:#121212}.layer-panel .layer-panel-body{background:#fff;gap:4px;padding:12px}.layer-panel .layer-brand-panel-body{background:#fff;padding:12px}.layer-brand-panel-card{border:1px solid #ececec;border-radius:12px;color:#121212;padding:12px}.layer-brand-panel-card h4{font-size:13px;font-weight:600;margin:0 0 6px}.layer-brand-panel-card p{color:#7b7b7b;font-size:12px;margin:0}.layer-panel .layer{background:#fcfcfc;border-radius:12px;color:#121212;font-size:12px;font-weight:500;gap:6px;min-height:40px;padding:4px 12px 4px 4px}.layer-panel .layer:hover{background:#fcfcfc}.layer-panel .layer.selected{background:#f1f1f1;color:#121212}.layer-panel .layer .icon{display:inline-flex;opacity:.7}.layer-panel .layer .name{color:inherit;font-size:12px;font-weight:500;letter-spacing:-.01em}.layer-panel .layer-tree-group{gap:4px}.layer-panel .layer-tree-head{justify-content:flex-start}.layer-panel .layer-tree-child{padding-left:2px}.layer-panel .layer-tree-indent{width:22px}.layer-panel .layer-actions{align-items:center;display:inline-flex;gap:8px;margin-left:auto}.layer-panel .layer-action-btn{background:#0000;border:0;border-radius:6px;color:#757575;height:16px;margin:0;padding:0;width:16px}.layer-panel .layer-action-btn:hover{background:#0000;color:#5f5f5f}.layer-panel .layer-action-btn--fx{color:#7a7a7a;opacity:0;pointer-events:none;transition:opacity .12s ease,color .12s ease,background .12s ease}.layer-panel .layer.selected .layer-action-btn--fx,.layer-panel .layer:hover .layer-action-btn--fx{opacity:1;pointer-events:auto}.layer-panel .layer .layer-action-btn--fx:focus-visible{opacity:1;pointer-events:auto}.layer-panel .layer.locked .tl-lock-btn,.layer-panel .layer.selected .tl-vis-btn,.layer-panel .layer.selected:not(.locked) .tl-lock-btn{opacity:.95;pointer-events:auto}.layer-panel .layer .tl-lock-btn.is-locked{color:oklch(.58 .19 280);color:var(--accent)}.layer-panel .layer-tree-chevron{border-radius:6px;color:#444;height:22px;opacity:1;pointer-events:auto;width:22px}.layer-panel .layer-tree-chevron:hover{background:#f5f5f5;color:#222}.stage{background:#0000;grid-template-rows:1fr;min-height:0;overflow:hidden;z-index:2}.stage,.stage-area{display:grid;position:relative}.stage-area{background:#0000;outline:none;overflow:visible;place-items:center}.stage-area:focus,.stage-area:focus-visible{outline:none}.artboard{--stage-zoom:1;background:#fff;border-radius:4px;box-shadow:0 12px 32px #1414141a,0 2px 6px #1414140f;box-shadow:var(--shadow-pop);overflow:hidden;position:relative}.artboard-el{cursor:default;outline-color:#0000;outline-offset:calc(.5px/max(var(--stage-zoom), .04));outline-style:solid;outline-width:calc(2px/max(var(--stage-zoom), .04));position:absolute;-webkit-user-select:none;user-select:none}.artboard-el.has-sel-clip,.artboard-el:has(>.artboard-sel-clip){outline:none;outline-color:#0000}.artboard-sel-clip{border:calc(2px/max(var(--stage-zoom), .04)) solid #0000;box-sizing:border-box;outline-offset:calc(.5px/max(var(--stage-zoom), .04));pointer-events:none;position:absolute;z-index:2}.artboard-el.selected .artboard-sel-clip{border-color:oklch(.58 .19 280);border-color:var(--accent)}.artboard-el[data-stage-select-id]:not(.selected):not(.has-sel-clip):hover{outline-color:color-mix(in oklab,oklch(.58 .19 280) 42%,#0000);outline-color:color-mix(in oklab,var(--accent) 42%,#0000)}.artboard-el.has-sel-clip[data-stage-select-id]:not(.selected):hover .artboard-sel-clip{border-color:color-mix(in oklab,oklch(.58 .19 280) 42%,#0000);border-color:color-mix(in oklab,var(--accent) 42%,#0000)}.artboard-el.artboard-el--image.selected,.artboard-el.selected{outline-color:oklch(.58 .19 280);outline-color:var(--accent)}.artboard-el.has-sel-clip.selected,.artboard-el.selected:has(>.artboard-sel-clip){outline-color:#0000}.handle{--hz:max(var(--stage-zoom),0.04);background:#fff;border:calc(1px/var(--hz)) solid var(--accent);border-radius:calc(2px/var(--hz));box-sizing:border-box;height:calc(9px/var(--hz));position:absolute;width:calc(9px/var(--hz));z-index:2}.handle.tl{cursor:nwse-resize;left:calc(-4.5px/var(--hz))}.handle.tl,.handle.tr{top:calc(-4.5px/var(--hz))}.handle.tr{cursor:nesw-resize;right:calc(-4.5px/var(--hz))}.handle.bl{cursor:nesw-resize;left:calc(-4.5px/var(--hz))}.handle.bl,.handle.br{bottom:calc(-4.5px/var(--hz))}.handle.br{cursor:nwse-resize;right:calc(-4.5px/var(--hz))}.handle.ml{left:calc(-4.5px/var(--hz))}.handle.ml,.handle.mr{cursor:ew-resize;margin-top:calc(-4.5px/var(--hz));top:50%}.handle.mr{right:calc(-4.5px/var(--hz))}.handle.mb{bottom:calc(-4.5px/var(--hz));cursor:ns-resize;left:50%;margin-left:calc(-4.5px/var(--hz))}.handle.rotate{--rotate-above:22px;--rotate-diam:9px;border-radius:50%;cursor:grab;height:calc(var(--rotate-diam)/var(--hz));left:50%;margin-left:calc(var(--rotate-diam)*-.5/var(--hz));top:calc(var(--rotate-above)*-1/var(--hz));width:calc(var(--rotate-diam)/var(--hz))}.handle.rotate:after{background:oklch(.58 .19 280);background:var(--accent);content:"";height:max(0px,calc((var(--rotate-above) - var(--rotate-diam))/var(--hz)));left:50%;margin-left:calc(-1px/var(--hz));pointer-events:none;position:absolute;top:100%;width:calc(2px/var(--hz))}.artboard-el .handle.rotate:active{cursor:grabbing}.canvas-marquee{background:color-mix(in oklab,oklch(.95 .03 280) 35%,#0000);background:color-mix(in oklab,var(--accent-soft) 35%,#0000);border:calc(1px/max(var(--stage-zoom), .04)) solid color-mix(in oklab,var(--accent) 85%,#0000);box-sizing:border-box}.stage-align-guides{contain:layout style}.stage-align-guide{background:color-mix(in oklab,#ff3b6c 88%,#fff);pointer-events:none;position:absolute}.stage-align-guide--v{height:100%;left:50%;top:0;transform:translateX(-50%);width:max(1px,calc(1px/max(var(--stage-zoom), .04)))}.stage-align-guide--h{height:max(1px,calc(1px/max(var(--stage-zoom), .04)));left:0;top:50%;transform:translateY(-50%);width:100%}.right{background:#fff;background:var(--panel);border-left:1px solid #e7e6e2;border-left:1px solid var(--border);display:flex;flex-direction:column;min-height:0;overflow:auto;position:relative;z-index:1}.app>.right:not(.right--layout-anchor){align-self:stretch;background:#fff;border:1px solid #ececec;border-radius:20px;box-sizing:border-box;isolation:isolate;margin:12px 18px 12px 0;min-width:0;overflow:hidden;position:relative;transform:translateX(-20px);width:100%;z-index:45}.app>.right.right--inline-properties{-webkit-overflow-scrolling:touch;overflow:auto}.app>.right:not(.right--layout-anchor)>.panel-body.properties-panel-body{align-self:stretch;box-sizing:border-box;min-width:0;width:100%}.panel-body.properties-panel-body{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;min-width:0;overflow:auto;padding:0}.right.right--layout-anchor{background:#0000;border-left:0;margin:0;min-height:0;overflow:hidden;padding:0;pointer-events:none;z-index:auto}.right-animate-toolbar{background:#fff;background:var(--panel);border-bottom:none;flex:0 0 auto;flex-shrink:0;min-width:0;padding:8px 14px;transition:box-shadow .18s ease}.right-animate-toolbar--scrolled{box-shadow:0 2px 6px #1414140f,0 1px 2px #1414140a;box-shadow:var(--shadow-md);position:relative;z-index:1}.animate-tab-actions--under-tabs{margin-bottom:0}.right-opacity-strip{background:#0000;border-bottom:none;flex:0 0 auto;flex-shrink:0;min-width:0}.right-opacity-strip__stack{align-items:stretch;display:flex;flex-direction:column;gap:10px;min-width:0;width:100%}.right-animate-scroll-region{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow:auto}.prop-section{border-bottom:none;padding:12px 14px}.prop-section h4{color:#4a4a48;color:var(--ink-2);font-size:12px;font-weight:600;letter-spacing:.02em;margin:0 0 10px}.prop-shape-fill-head{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:14px}.prop-shape-fill-head h4{color:#1a1a1a;color:var(--ink);font-size:11px;font-weight:600;letter-spacing:-.11px;line-height:16px;margin:0}.shape-icon-mode-seg button{align-items:center;display:inline-flex;justify-content:center;min-width:34px}.shape-icon-mode-seg svg{display:block}.position-align-block{min-width:0;width:100%}.prop-section .position-align-toolbar-row{margin-top:8px}.prop-section .position-align-toolbar-row:last-child{margin-bottom:0}.position-align-section .position-align-toolbar-row{margin-top:0}.position-align-toolbar-inner{grid-gap:2px;align-items:stretch;display:grid;gap:2px;grid-template-columns:repeat(6,minmax(0,1fr));min-width:0;width:100%}.position-align-toolbar-btn{align-items:center;background:#0000;border:0;border-radius:4px;color:#4a4a48;color:var(--ink-2);cursor:pointer;display:flex;height:28px;justify-content:center;margin:0;max-height:28px;min-height:28px;min-width:0;padding:0;width:100%}.position-align-toolbar-icon{color:inherit;display:block;flex-shrink:1;max-height:100%;max-width:100%;pointer-events:none}.position-align-toolbar-btn:hover:not(:disabled){background:#f5f5f3;background:var(--panel-2);color:#1a1a1a;color:var(--ink)}.position-align-toolbar-btn:active:not(:disabled){background:#e7e6e2;background:var(--border)}.position-align-toolbar-btn:focus-visible{outline:2px solid oklch(.58 .19 280);outline:2px solid var(--accent);outline-offset:1px;z-index:1}.position-align-toolbar-btn:disabled{cursor:not-allowed;opacity:.35}.position-align-hint{color:#8a8a85;color:var(--ink-3);font-size:11px;margin:10px 0 0}.prop-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:72px minmax(0,1fr);margin-bottom:8px}.prop-row:last-child{margin-bottom:0}.prop-row>label{color:#8a8a85;color:var(--ink-3);font-size:12px}.prop-row>:not(label){min-width:0}.prop-row--figma-effect-toggle>label{color:#121212;font-size:12px;font-weight:600;letter-spacing:-.12px;line-height:16px}.prop-figma-switch{align-items:center;background:#1212122e;border:0;border-radius:24px;box-shadow:inset 0 1px .6px #1212124d;cursor:pointer;display:inline-flex;height:24px;justify-content:flex-start;margin:0;padding:2px;transition:background-color .12s ease;width:40px}.prop-figma-switch.is-on{background:#121212b3;justify-content:flex-end}.prop-figma-switch-knob{background:#f8f7f7;border-radius:24px;box-shadow:0 0 2.6px #00000040,0 1px 4px #00000024,inset 0 1px .5px #ffffffd1;height:18px;width:18px}.prop-figma-switch:focus-visible{outline:2px solid color-mix(in srgb,oklch(.58 .19 280) 65%,#fff 35%);outline:2px solid color-mix(in srgb,var(--accent) 65%,#fff 35%);outline-offset:2px}.prop-figma-switch:disabled{cursor:not-allowed;opacity:.5}.prop-row.prop-row--with-field-tip{grid-template-columns:88px minmax(0,1fr)}.prop-row-label-with-tip{align-items:center;display:flex;gap:2px;min-width:0}.prop-row-label-with-tip>label{color:#8a8a85;color:var(--ink-3);flex:1 1;font-size:12px;line-height:1.15;margin:0;min-width:0}.prop-stack{align-items:stretch;display:flex;flex-direction:column;gap:8px;margin-bottom:8px;min-width:0}.prop-stack:last-child{margin-bottom:0}.prop-stack--spin-in{overflow-x:hidden;overflow-y:auto;padding:0 4px;scrollbar-color:#0000 #0000;scrollbar-width:thin}.prop-stack--spin-in:hover{scrollbar-color:#00000038 #0000}.prop-stack--spin-in::-webkit-scrollbar{width:6px}.prop-stack--spin-in::-webkit-scrollbar-track{background:#0000}.prop-stack--spin-in::-webkit-scrollbar-thumb{background-color:initial;border-radius:3px}.prop-stack--spin-in:hover::-webkit-scrollbar-thumb{background-color:#00000038}.prop-stack--layer-opacity,.prop-stack--numeric-slider-row{gap:0}.prop-stack-label-row{align-items:center;display:flex;gap:2px;min-width:0}.prop-stack-label-row>label{color:#1a1a1a;color:var(--ink);flex:0 1 auto;font-size:11px;font-weight:500;letter-spacing:-.11px;line-height:16px;margin:0;min-width:0}.prop-stack-controls{align-items:stretch;display:flex;gap:6px;min-width:0}.prop-stack-controls--end{justify-content:flex-end}.prop-stack-controls.prop-opacity-control{align-items:stretch;gap:6px}.prop-stack--easing{align-items:stretch}.prop-stack--easing .animate-easing-wrap{width:100%}.prop-zoom{min-width:0;position:relative}.prop-zoom-trigger{align-items:center;background:#fff;background:var(--panel);border:1px solid #d9d8d3;border:1px solid var(--border-strong);border-radius:8px;box-sizing:border-box;color:#1a1a1a;color:var(--ink);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:space-between;margin:0;padding:7px 10px;text-align:left;width:100%}.prop-zoom-trigger:hover{border-color:#00000024}.prop-zoom-trigger:focus-visible{border-color:oklch(.58 .19 280);border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,oklch(.58 .19 280) 35%,#0000);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,#0000);outline:none}.prop-zoom-trigger--open{border-color:oklch(.58 .19 280);border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,oklch(.58 .19 280) 35%,#0000);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,#0000)}.prop-zoom-trigger-value{font-feature-settings:"tnum";flex:1 1;font-variant-numeric:tabular-nums;line-height:1.2;min-width:0}.prop-zoom-caret{border-bottom:6px solid #4a4a48;border-bottom:6px solid var(--ink-2);border-left:5px solid #0000;border-right:5px solid #0000;flex-shrink:0;height:0;transform:translateY(1px);width:0}.prop-zoom-trigger:not(.prop-zoom-trigger--open) .prop-zoom-caret{border-bottom:none;border-top:6px solid #4a4a48;border-top:6px solid var(--ink-2);transform:translateY(1px)}.prop-zoom-menu{background:#fff;background:var(--panel);border:1px solid #e7e6e2;border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 28px #0000001f,0 2px 8px #0000000f;left:0;list-style:none;margin:0;padding:6px 0;position:absolute;right:0;top:calc(100% + 4px);z-index:40}.prop-zoom-option{background:#0000;border:0;color:#1a1a1a;color:var(--ink);cursor:pointer;display:block;font-size:13px;margin:0;padding:8px 14px;text-align:left;width:100%}.prop-zoom-option:hover{background:color-mix(in srgb,oklch(.58 .19 280) 12%,#fff);background:color-mix(in srgb,var(--accent) 12%,var(--panel))}.prop-zoom-option[aria-selected=true]{background:color-mix(in srgb,oklch(.58 .19 280) 18%,#fff);background:color-mix(in srgb,var(--accent) 18%,var(--panel));font-weight:600}.prop-zoom-sep{background:#e7e6e2;background:var(--border);height:1px;list-style:none;margin:6px 10px;padding:0;pointer-events:none}.prop-aspect-card{border-top:1px solid #e7e6e2;border-top:1px solid var(--border);margin-top:12px;padding:10px 0 4px}.prop-aspect-title{color:#4a4a48;color:var(--ink-2);font-size:12px;font-weight:600;letter-spacing:.02em;margin:0 0 10px}.prop-aspect-list{grid-gap:0;display:grid;gap:0}.prop-aspect-item{grid-gap:12px;align-items:center;background:#0000;border:0;border-bottom:1px solid color-mix(in srgb,#e7e6e2 80%,#0000);border-bottom:1px solid color-mix(in srgb,var(--border) 80%,#0000);border-radius:0;color:#1a1a1a;color:var(--ink);cursor:pointer;display:grid;gap:12px;grid-template-columns:20px 1fr auto;padding:11px 0;text-align:left;width:100%}.prop-aspect-item:last-child{border-bottom:0}.prop-aspect-item:hover{background:#f5f5f3;background:var(--panel-2)}.prop-aspect-item.active{background:oklch(.95 .03 280);background:var(--accent-soft)}.prop-aspect-item.active .prop-aspect-copy strong{color:oklch(.38 .19 280);color:var(--accent-ink,var(--accent))}.prop-aspect-item:focus-visible{outline:2px solid oklch(.58 .19 280);outline:2px solid var(--accent);outline-offset:-1px}.prop-aspect-chip-icon{display:block;height:16px;width:16px}.prop-aspect-copy{display:flex;flex-direction:column;gap:1px;min-width:0}.prop-aspect-copy strong{color:#1a1a1a;color:var(--ink);font-size:14px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.prop-aspect-caption{align-items:baseline;color:#8a8a85;color:var(--ink-3);display:flex;font-size:11px;gap:10px;justify-content:space-between;letter-spacing:.06em;min-width:0;text-transform:none}.prop-aspect-caption-name{min-width:0}.prop-aspect-caption-dims{font-feature-settings:"tnum";flex-shrink:0;font-variant-numeric:tabular-nums;text-align:right}.prop-aspect-check{color:#19d37a;font-size:18px;font-weight:700;line-height:1;margin-left:-10px;text-align:right;width:18px}.prop-dual,.prop-size-pair{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr}.prop-size-pair{min-width:0}.prop-size-pill{align-items:center;background:#f5f5f3;background:var(--panel-2);border-radius:6px;display:flex;gap:8px;height:29px;min-width:0;padding:0 10px}.prop-size-pill-label{color:#8a8a85;color:var(--ink-3);flex-shrink:0;font-size:12px;font-weight:600;line-height:1;-webkit-user-select:none;user-select:none}.prop-size-pill-input{font-feature-settings:"tnum";background:#0000;border:none;color:#1a1a1a;color:var(--ink);flex:1 1 auto;font-size:12px;font-variant-numeric:tabular-nums;font-weight:500;margin:0;min-width:0;outline:none;padding:0;width:100%}.prop-size-pill:focus-within{box-shadow:0 0 0 2px oklch(.95 .03 280);box-shadow:0 0 0 2px var(--accent-soft)}.input{background:#fff;background:var(--panel);border:1px solid #e7e6e2;border:1px solid var(--border);border-radius:6px;font-size:12px;outline:none;padding:6px 8px;width:100%}.input:focus{border-color:oklch(.58 .19 280);border-color:var(--accent);box-shadow:0 0 0 3px oklch(.95 .03 280);box-shadow:0 0 0 3px var(--accent-soft)}.input-suffix{align-items:center;display:flex;position:relative}.input-suffix .input{padding-right:22px}.input-suffix .sfx{color:#8a8a85;color:var(--ink-3);font-size:11px;pointer-events:none;position:absolute;right:8px}.prop-opacity-control{align-items:center;display:flex;gap:8px;min-width:0}.prop-range-slider-grow{align-items:stretch;display:flex;flex:1 1 auto;min-height:30px;min-width:0;position:relative}.prop-range-slider-grow .range-slider{appearance:none;background:#f1f1f1;background:var(--shade-03);border-radius:7px;cursor:pointer;height:30px;margin:0;padding:0;width:100%}.range-slider::-webkit-slider-thumb{appearance:none;background:#f8f7f7;background:var(--shade-02);border:none;border-radius:5px;box-shadow:inset 0 -1px 4px -2px #0003,0 0 2.6px -1px #0000002b,0 1px 4px 0 #00000024;cursor:pointer;height:30px;outline:none;width:20px}.range-slider::-moz-range-thumb{background:#f8f7f7;background:var(--shade-02);border:none;border-radius:5px;box-shadow:inset 0 -1px 4px -2px #0003,0 0 2.6px -1px #0000002b,0 1px 4px 0 #00000024;cursor:pointer;height:30px;outline:none;width:20px}.range-slider::-webkit-slider-track{background:#0000;border-radius:7px;height:30px}.range-slider::-moz-range-track{background:#0000;border:none;border-radius:7px;height:30px}.spin-in-value-pill{align-items:center;align-self:stretch;background:#f1f1f1;background:var(--shade-03);border-radius:10px;box-sizing:border-box;display:inline-flex;flex:0 0 auto;height:auto;justify-content:center;max-width:46px;min-height:30px;min-width:0;overflow:hidden;padding:0 3px 0 2px;width:fit-content}.spin-in-value-pill:focus-within{box-shadow:0 0 0 2px oklch(.95 .03 280);box-shadow:0 0 0 2px var(--accent-soft)}.spin-in-value-pill__input{font-feature-settings:"tnum";appearance:none;background:#0000;border:none;box-sizing:initial;color:#121212;display:block;flex:0 0 auto;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:12px;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:-.12px;line-height:16px;margin:0;max-width:5ch;min-width:0;outline:none;padding:0;text-align:center;width:5ch}.spin-in-value-pill__input::-webkit-inner-spin-button,.spin-in-value-pill__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.spin-in-value-pill__input[type=number]{appearance:textfield}.spin-in-value-pill--suffix{gap:0;max-width:64px;padding-right:2px}.spin-in-value-pill__sfx{color:#8a8a85;color:var(--ink-3);flex-shrink:0;font-size:11px;font-weight:500;line-height:16px;padding-right:5px}.spin-in-value-pill--pct .spin-in-value-pill__input{max-width:4ch;width:4ch}.animate-tab-spin-strip .prop-opacity-control>.spin-in-value-pill,.ds-range-rows .prop-opacity-control>.spin-in-value-pill,.right-opacity-strip .prop-opacity-control>.spin-in-value-pill,.right.animate-tab .prop-opacity-control>.spin-in-value-pill{box-sizing:border-box;flex:0 0 60px;max-width:60px;min-width:60px;width:60px}.ds-range-rows .spin-in-value-pill--suffix:not(.spin-in-value-pill--pct) .spin-in-value-pill__input{max-width:4.5ch;width:4.5ch}.right.animate-tab .prop-stack-controls--end>.spin-in-value-pill.spin-in-value-pill--suffix.spin-in-value-pill--pct{box-sizing:border-box;flex:0 0 60px;max-width:60px;min-width:60px;width:60px}.animate-tab-stack-input{background:#f1f1f1;background:var(--shade-03);border:none;border-radius:8px;box-sizing:border-box;color:#1a1a1a;color:var(--ink);font-size:12px;font-weight:500;line-height:16px;margin:0;min-height:36px;padding:0 10px;width:100%}.animate-tab-stack-input:focus{box-shadow:0 0 0 2px oklch(.95 .03 280);box-shadow:0 0 0 2px var(--accent-soft);outline:none}.animate-tab-stack-input::placeholder{color:#8a8a85;color:var(--ink-3)}.animate-duration-with-suffix{min-width:0;position:relative;width:100%}.animate-duration-with-suffix__input{padding-right:30px}.animate-duration-with-suffix__sfx{color:#8a8a85;color:var(--ink-3);font-size:11px;font-weight:500;line-height:16px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.input-suffix--opacity{flex:0 0 auto;min-width:46px;width:46px}.input-suffix--opacity .input{box-sizing:border-box;font-size:11px;min-width:0;padding:4px 15px 4px 3px;text-align:right;width:100%}.input-suffix--opacity .sfx{font-size:10px;right:4px}.swatch-row{align-items:center;display:flex;gap:8px}.swatch{border:1px solid #d9d8d3;border:1px solid var(--border-strong);border-radius:5px;flex-shrink:0;height:20px;width:20px}button.swatch{background:#0000;cursor:pointer;margin:0;padding:0}button.swatch:focus-visible{outline:2px solid oklch(.58 .19 280);outline:2px solid var(--accent);outline-offset:2px}.prop-figma-paint-section-title{color:#1a1a1a;color:var(--ink);font-size:11px;font-weight:600;letter-spacing:-.11px;line-height:16px;margin:0 0 10px}.prop-figma-paint-row{align-items:stretch;background:#f5f5f3;background:var(--panel-2);border-radius:6px;box-sizing:border-box;display:flex;gap:10px;min-height:34px;padding:6px 9px}.prop-figma-paint-swatch{align-self:center;background-origin:border-box;border:1px solid color-mix(in srgb,#d9d8d3 75%,#0000);border:1px solid color-mix(in srgb,var(--border-strong) 75%,#0000);border-radius:5px;cursor:pointer;flex-shrink:0;height:22px;margin:0;padding:0;width:22px}.prop-figma-paint-swatch:disabled{cursor:not-allowed;opacity:.45}.prop-figma-paint-swatch:focus-visible{outline:2px solid oklch(.58 .19 280);outline:2px solid var(--accent);outline-offset:1px}.prop-figma-paint-hex{font-feature-settings:"tnum";background:#0000;border:none;color:#1a1a1a;color:var(--ink);flex:1 1;font-size:11px;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:.04em;min-width:0;padding:0 2px}.prop-figma-paint-hex:disabled{cursor:not-allowed;opacity:.45}.prop-figma-paint-hex:focus{outline:none}.prop-figma-paint-divider{align-self:stretch;background:#d9d8d3;background:var(--border-strong);flex-shrink:0;margin:2px 0;opacity:.75;width:1px}.prop-figma-paint-opacity{font-feature-settings:"tnum";align-items:center;align-self:stretch;display:flex;flex-shrink:0;font-size:11px;font-variant-numeric:tabular-nums;font-weight:500;gap:3px;line-height:1;padding:0 4px 0 2px;white-space:nowrap}.prop-figma-paint-opacity-val{background:#0000;border:0;color:#1a1a1a;color:var(--ink);font:inherit;line-height:inherit;padding:0;text-align:right;width:24px}.prop-figma-paint-opacity-val:focus{outline:none}.prop-figma-paint-opacity-val:disabled{cursor:default}.prop-figma-paint-opacity-unit{color:#8a8a85;color:var(--ink-3);font-weight:500}.prop-figma-stroke-controls{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:0}.prop-figma-stroke-controls--single{grid-template-columns:1fr}.prop-figma-stroke-style-span{min-width:0}.prop-figma-border-stack{display:flex;flex-direction:column;gap:8px}.prop-figma-border-stack .prop-stroke-weight-slider-row{margin-top:0}.prop-figma-stroke-style-zoom .prop-zoom-option,.prop-figma-stroke-style-zoom .prop-zoom-trigger{font-size:11px;font-weight:500}.prop-figma-stroke-style-zoom .prop-zoom-trigger{border-radius:6px;min-height:36px;padding:8px 10px}.prop-stroke-style-trigger{justify-content:space-between}.prop-stroke-style-trigger-start{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.prop-stroke-style-option .prop-stroke-style-glyph,.prop-stroke-style-trigger-start .prop-stroke-style-glyph{display:none}.prop-stroke-style-trigger-start .prop-zoom-trigger-value{flex:0 1 auto}.prop-stroke-style-glyph{border-bottom:2px solid;display:block;flex-shrink:0;height:0;opacity:.9;width:28px}.prop-stroke-style-glyph--dashed{border-bottom-style:dashed}.prop-stroke-style-glyph--none{border-bottom-style:none;opacity:.45}.prop-stroke-style-option{align-items:center;display:flex;gap:10px;padding:7px 12px}.prop-stroke-style-check{flex-shrink:0;font-size:12px;font-weight:600;text-align:center;width:18px}.prop-stroke-style-option-label{flex:1 1;min-width:0}.prop-figma-stroke-style-zoom .prop-zoom-trigger:disabled{cursor:not-allowed;opacity:.45}.prop-image-stroke-stack,.prop-shape-paint-stack{display:flex;flex-direction:column;gap:16px;min-width:0}.prop-section--shape-paint{position:relative}.prop-right-column-float,.prop-shape-paint-float{-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff;background:var(--panel);border:1px solid #e7e6e2;border:1px solid var(--border);border-radius:20px;box-shadow:0 2px 6px #1414140f,0 1px 2px #1414140a;box-shadow:var(--shadow-md);box-sizing:border-box;display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:0;position:fixed;right:auto;scrollbar-color:#0000 #0000;scrollbar-width:thin;top:auto;z-index:2000}.prop-right-column-float--frame{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff;border-color:#ececec;box-shadow:0 10px 21px #00000012,0 38px 38px #0000000f,0 86px 52px #0000000a,0 153px 61px #00000003,0 239px 67px #0000}.prop-right-column-float--frame .prop-right-column-float__scroll{gap:0;padding:0}.prop-right-column-float:hover,.prop-shape-paint-float:hover{scrollbar-color:#00000038 #0000}.prop-right-column-float::-webkit-scrollbar,.prop-shape-paint-float::-webkit-scrollbar{width:6px}.prop-right-column-float::-webkit-scrollbar-track,.prop-shape-paint-float::-webkit-scrollbar-track{background:#0000}.prop-right-column-float::-webkit-scrollbar-thumb,.prop-shape-paint-float::-webkit-scrollbar-thumb{background-color:initial;border-radius:3px;-webkit-transition:background-color .15s ease;transition:background-color .15s ease}.prop-right-column-float:hover::-webkit-scrollbar-thumb,.prop-shape-paint-float:hover::-webkit-scrollbar-thumb{background-color:#00000038}.prop-float-frame-head{align-items:center;border-bottom:1px solid #e7e6e2;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:16px}.prop-float-frame-head>h4{color:#1a1a1a;color:var(--ink);font-size:12px;font-weight:600;letter-spacing:-.12px;line-height:16px;margin:0}.prop-right-column-float__scroll{-webkit-overflow-scrolling:touch;display:flex;flex:1 1 auto;flex-direction:column;gap:16px;min-height:0;overflow:auto;overflow-x:hidden;padding:16px}.prop-frame-top-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 1fr}.prop-frame-field{display:flex;flex-direction:column;gap:8px;min-width:0}.prop-frame-field-label{color:#1a1a1a;color:var(--ink);font-size:11px;font-weight:500;letter-spacing:-.11px;line-height:16px}.prop-frame-section-head{border-top:1px solid #e7e6e2;border-top:1px solid var(--border);color:#1a1a1a;color:var(--ink);font-size:12px;font-weight:600;letter-spacing:-.12px;line-height:16px;margin-top:4px;padding:12px 4px}.prop-right-column-float--frame .prop-size-pill{background:#f5f5f3;background:var(--panel-2);border-radius:10px;gap:6px;height:36px;padding:0 12px 0 10px}.prop-frame-figma-panel{padding:0}.prop-frame-figma-panel .prop-frame-top-grid{align-items:stretch;display:flex;flex-direction:column;gap:20px;padding:16px}.prop-frame-figma-size-field,.prop-frame-figma-zoom-field{padding:0 4px}.prop-frame-figma-panel .prop-size-pair{display:flex;gap:6px}.prop-right-column-float--frame .prop-frame-figma-size-pill{flex:1 1;min-width:0}.prop-frame-figma-panel .prop-frame-field-label{color:#000000bf;font-size:11px;font-weight:500;letter-spacing:-.11px;line-height:16px}.prop-right-column-float--frame .prop-frame-figma-size-pill,.prop-right-column-float--frame .prop-zoom-trigger{background:#f1f1f1;border:0;border-radius:10px;height:36px}.prop-right-column-float--frame .prop-frame-figma-size-pill{justify-content:flex-start;padding-left:10px;padding-right:12px}.prop-right-column-float--frame .prop-frame-figma-pill-input{font-feature-settings:"tnum";color:#121212;flex:1 1 auto;font-family:inherit;font-size:12px;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:-.12px;margin-left:22px;min-width:0;padding-left:0;text-align:left;width:auto}.prop-right-column-float--frame .prop-zoom-trigger{gap:6px;justify-content:flex-start}.prop-frame-figma-zoom-chevron{align-items:center;color:#121212;display:inline-flex;height:16px;justify-content:center;opacity:.75;width:16px}.prop-right-column-float--frame .prop-zoom-trigger{position:relative}.prop-right-column-float--frame .prop-frame-figma-zoom-chevron{left:auto;position:absolute;right:12px;top:10px;transform:none}.prop-right-column-float--frame .prop-frame-figma-size-pill{position:relative}.prop-right-column-float--frame .prop-frame-figma-size-pill:before{color:#121212;content:attr(data-prefix);font-size:12px;font-weight:500;left:10px;letter-spacing:-.12px;line-height:16px;opacity:.85;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.prop-frame-figma-panel .prop-frame-section-head{border-bottom:0;border-top:1px solid #ececec;color:#121212;font-size:12px;font-weight:600;letter-spacing:-.12px;line-height:16px;margin-left:16px;margin-right:16px;margin-top:0;padding:12px 4px}.prop-frame-figma-bg-row{align-items:center;background:#f1f1f1;border:1px solid #ececec;border-radius:10px;display:flex;gap:12px;height:auto;margin:0 16px 16px;min-width:0;padding:4px}.prop-frame-figma-bg-swatch{border:1px solid #3232321a;border-radius:6px;cursor:pointer;flex:0 0 28px;height:28px;padding:0;width:28px}.prop-frame-figma-bg-swatch:disabled{cursor:not-allowed;opacity:.6}.prop-frame-figma-bg-hex{font-feature-settings:"tnum";background:#0000;border:0;color:#121212;flex:1 1 72px;font-family:inherit;font-size:12px;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:-.12px;line-height:16px;max-width:100%;min-width:72px;outline:0;width:auto}.prop-frame-figma-bg-hex:disabled{opacity:.7}.prop-frame-figma-bg-divider{background:#3232321a;height:28px;margin-left:auto;width:1px}.prop-frame-figma-bg-opacity{color:#121212;flex-shrink:0;font-size:12px;line-height:16px;min-width:52px;padding-right:8px;text-align:right}.prop-frame-figma-group-list{border-top:1px solid #ececec;margin:0 16px}.prop-frame-figma-preset-group{border-bottom:1px solid #ececec}.prop-frame-figma-group-row{align-items:center;background:#0000;border:0;box-sizing:border-box;cursor:pointer;display:flex;height:48px;justify-content:space-between;padding:0 4px;width:100%}.prop-frame-figma-group-row:hover{background:#00000008}.prop-frame-figma-group-label{color:#121212;font-size:13px;font-weight:600;letter-spacing:-.13px;line-height:16px}.prop-frame-figma-group-caret{align-items:center;border-radius:6px;color:#121212;display:inline-flex;flex-shrink:0;height:24px;justify-content:center;opacity:.6;transition:transform .15s ease;width:24px}.prop-frame-figma-group-row.is-open .prop-frame-figma-group-caret{transform:rotate(180deg)}.prop-frame-figma-preset-list{border-top:1px solid #ececec}.prop-frame-figma-preset-row{align-items:center;background:#0000;border:0;border-bottom:1px solid #f0f0f0;box-sizing:border-box;color:#121212;cursor:pointer;display:flex;gap:12px;justify-content:space-between;min-height:48px;padding:0 4px;text-align:left;width:100%}.prop-frame-figma-preset-row:last-child{border-bottom:0}.prop-frame-figma-preset-row:hover{background:#00000008}.prop-frame-figma-preset-row--active .prop-frame-figma-preset-name{font-weight:600}.prop-frame-figma-preset-name{color:#121212;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.prop-frame-figma-preset-name,.prop-frame-figma-preset-size{font-size:13px;font-weight:400;letter-spacing:-.13px;line-height:48px;white-space:nowrap}.prop-frame-figma-preset-size{font-feature-settings:"tnum";color:#0006;flex:0 0 auto;font-variant-numeric:tabular-nums}.prop-right-column-float--frame .prop-size-pill-input{max-width:none;text-align:left;width:auto}.prop-right-column-float--frame .prop-zoom-trigger{background:#f1f1f1;border:0;border-radius:10px;font-size:12px;line-height:16px;padding:10px 36px 10px 10px}.prop-right-column-float--frame .prop-zoom-trigger-value{flex:0 1 auto;line-height:16px}.prop-right-column-float--frame .prop-zoom-trigger:hover{border-color:#0000}.prop-right-column-float--frame .prop-zoom-trigger--open,.prop-right-column-float--frame .prop-zoom-trigger:focus-visible{box-shadow:0 0 0 2px oklch(.95 .03 280);box-shadow:0 0 0 2px var(--accent-soft)}.prop-right-column-float--frame .prop-zoom-caret{opacity:.9}.prop-right-column-float--frame .prop-figma-paint-row{background:#f5f5f3;background:var(--panel-2);border:1px solid #e7e6e2;border:1px solid var(--border);border-radius:10px;gap:12px;min-height:40px;padding:4px}.prop-right-column-float--frame .prop-figma-paint-swatch{border:1px solid color-mix(in srgb,#d9d8d3 60%,#0000);border:1px solid color-mix(in srgb,var(--border-strong) 60%,#0000);border-radius:6px;height:28px;width:28px}.prop-right-column-float--frame .prop-figma-paint-divider{margin:6px 0;opacity:.55}.prop-right-column-float--frame .prop-figma-paint-opacity{padding-right:10px}.prop-shape-paint-stack .prop-shape-fill-head{margin-bottom:0}.prop-shape-fill-collapse-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#8a8a85;color:var(--ink-3);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;margin-left:auto;padding:0;transition:background .12s,color .12s;width:28px}.prop-shape-fill-collapse-btn:hover{background:#f5f5f3;background:var(--panel-2);color:#1a1a1a;color:var(--ink)}.prop-shape-paint-fab{align-items:center;background:#fff;background:var(--panel);border:1px solid #e7e6e2;border:1px solid var(--border);border-radius:14px;box-shadow:0 2px 6px #1414140f,0 1px 2px #1414140a;box-shadow:var(--shadow-md);color:#4a4a48;color:var(--ink-2);cursor:pointer;display:flex;height:44px;justify-content:center;padding:0;position:fixed;right:auto;top:auto;transition:background .12s,color .12s,box-shadow .12s;width:44px;z-index:2000}.prop-shape-paint-fab:hover{background:#f5f5f3;background:var(--panel-2);box-shadow:0 12px 32px #1414141a,0 2px 6px #1414140f;box-shadow:var(--shadow-pop);color:#1a1a1a;color:var(--ink)}.prop-image-stroke-stack>.prop-figma-paint-section-title,.prop-shape-paint-stack>.prop-figma-paint-section-title{margin:0}.prop-figma-stroke-align-zoom .prop-zoom-trigger{border-radius:6px;font-size:11px;font-weight:500;min-height:36px;padding:8px 10px}.prop-figma-stroke-align-zoom .prop-zoom-option{font-size:11px;font-weight:500;padding:7px 12px}.prop-figma-stroke-align-zoom .prop-zoom-trigger:disabled{cursor:not-allowed;opacity:.45}.prop-stroke-weight-slider-row .prop-opacity-control>.spin-in-value-pill{box-sizing:border-box;flex:0 0 60px;max-width:60px;min-width:60px;width:60px}.prop-stroke-weight-slider-row .spin-in-value-pill--suffix:not(.spin-in-value-pill--pct) .spin-in-value-pill__input{max-width:4.5ch;width:4.5ch}.prop-shape-radius-row{margin-top:16px}.color-editor-toolbar{align-items:center;display:flex;gap:8px}.color-editor-toolbar h4{color:#4a4a48;color:var(--ink-2);flex:1 1;font-size:12px;font-weight:600;letter-spacing:.02em;margin:0}.color-swatches-label{color:#8a8a85;color:var(--ink-3);font-size:11px;font-weight:600;letter-spacing:.04em;margin:10px 0 0;text-transform:none}.color-user-slots{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(6,1fr);margin-top:6px}.color-user-slot{aspect-ratio:1;position:relative}.color-user-slot-swatch{border:1px solid #d9d8d3;border:1px solid var(--border-strong);border-radius:6px;box-sizing:border-box;cursor:pointer;display:block;height:100%;padding:0;position:relative;width:100%;z-index:0}.color-user-slot-swatch:focus-visible{outline:2px solid oklch(.58 .19 280);outline:2px solid var(--accent);outline-offset:2px}.color-user-slot-swatch.active{box-shadow:0 0 0 2px oklch(.58 .19 280);box-shadow:0 0 0 2px var(--accent)}.color-user-slot-remove{align-items:center;background:#00000085;border:0;border-radius:0 5px 0 6px;color:#fff;cursor:pointer;display:inline-flex;height:22px;justify-content:center;padding:0;position:absolute;right:0;top:0;width:22px;z-index:2}.color-user-slot-remove:hover:not(:disabled){background:#000000b8}.color-user-slot-remove:disabled{cursor:default;opacity:.25}.color-user-slot-remove:focus-visible{outline:2px solid oklch(.58 .19 280);outline:2px solid var(--accent);outline-offset:1px}.color-user-slots .color-preset-add{align-items:center;aspect-ratio:1;background:#f5f5f3;background:var(--panel-2);border:1px dashed #d9d8d3;border:1px dashed var(--border-strong);border-radius:6px;color:#4a4a48;color:var(--ink-2);cursor:pointer;display:inline-flex;justify-content:center;padding:0}.color-user-slots .color-preset-add:hover:not(:disabled){background:oklch(.95 .03 280);background:var(--accent-soft);border-color:oklch(.58 .19 280);border-color:var(--accent);color:oklch(.38 .19 280);color:var(--accent-ink)}.color-user-slots .color-preset-add:disabled{cursor:not-allowed;opacity:.45}.color-user-slots .color-preset-add:focus-visible{outline:2px solid oklch(.58 .19 280);outline:2px solid var(--accent);outline-offset:2px}.color-preset-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(6,1fr);margin-top:10px;position:relative}.color-preset-grid button{aspect-ratio:1;border:1px solid #d9d8d3;border:1px solid var(--border-strong);border-radius:6px;cursor:pointer;padding:0}.color-preset-grid button:focus-visible{outline:2px solid oklch(.58 .19 280);outline:2px solid var(--accent);outline-offset:2px}.color-preset-grid button.active{box-shadow:0 0 0 2px oklch(.58 .19 280);box-shadow:0 0 0 2px var(--accent)}.color-picker-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.bg-panel-native-color-input{border:0;height:1px;left:0;margin:0;opacity:.01;padding:0;pointer-events:none;position:fixed;top:0;width:1px}.color-preset-grid .color-preset-add{align-items:center;aspect-ratio:1;background:#f5f5f3;background:var(--panel-2);border:1px dashed #d9d8d3;border:1px dashed var(--border-strong);border-radius:6px;color:#4a4a48;color:var(--ink-2);cursor:pointer;display:inline-flex;justify-content:center;padding:0}.color-preset-grid .color-preset-add:hover:not(:disabled){background:oklch(.95 .03 280);background:var(--accent-soft);border-color:oklch(.58 .19 280);border-color:var(--accent);color:oklch(.38 .19 280);color:var(--accent-ink)}.color-preset-grid .color-preset-add:disabled{cursor:not-allowed;opacity:.45}.color-preset-grid .color-preset-add:focus-visible{outline:2px solid oklch(.58 .19 280);outline:2px solid var(--accent);outline-offset:2px}.chip{align-items:center;border-radius:6px;color:#4a4a48;color:var(--ink-2);font-size:12px;gap:6px;padding:4px 8px}.chip,.seg{background:#f5f5f3;background:var(--panel-2);border:1px solid #e7e6e2;border:1px solid var(--border);display:inline-flex}.seg{border-radius:7px;padding:2px}.seg button{align-items:center;background:#0000;border:0;border-radius:5px;color:#8a8a85;color:var(--ink-3);cursor:pointer;display:inline-flex;padding:4px 7px}.seg button:disabled{cursor:not-allowed;opacity:.4}.seg button.active{background:#fff;box-shadow:0 1px 0 #1414140a,0 1px 2px #1414140a;box-shadow:var(--shadow-sm);color:#1a1a1a;color:var(--ink)}.timeline-marquee-box{background:#4682ff1f;border:1px solid #64a5fff2;box-sizing:border-box;pointer-events:none;position:fixed;z-index:10001}.timeline{--tl-header-h:45px;background:#f5f5f8;border-top:1px solid #e7e6e2;border-top:1px solid var(--border);display:grid;grid-template-columns:232px 1fr;min-height:0;overflow:hidden;position:relative;z-index:10}.tl-left{border-right:1px solid #e7e6e2;border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.tl-transport{align-items:center;border-bottom:1px solid #e7e6e2;border-bottom:1px solid var(--border);box-sizing:border-box;display:flex;font-size:12px;font-weight:500;gap:8px;height:var(--tl-header-h);padding:0 12px 0 14px}.circle-btn{background:#0000;border:0;border-radius:50%;color:#1a1a1a;color:var(--ink);cursor:pointer;display:grid;height:28px;place-items:center;width:28px}.circle-btn:hover{background:#f5f5f3;background:var(--panel-2)}.loop-btn{font-size:11px;font-weight:700;letter-spacing:.01em}.loop-btn.is-active{background:oklch(.95 .03 280);background:var(--accent-soft);color:oklch(.38 .19 280);color:var(--accent-ink)}.time-pill{align-items:center;background:#0000;border-radius:0;color:#4a4a48;color:var(--ink-2);display:inline-flex;font-size:12px;gap:4px;padding:0}.tl-layers{flex:1 1;overflow:auto}.tl-layer-stack{border-bottom:1px solid #f5f5f3;border-bottom:1px solid var(--panel-2);position:relative}.tl-layer-stack.drop-after:after,.tl-layer-stack.drop-before:before{background:oklch(.58 .19 280);background:var(--accent);border-radius:999px;content:"";height:2px;left:10px;pointer-events:none;position:absolute;right:10px;z-index:2}.tl-layer-stack.drop-before:before{top:-1px}.tl-layer-stack.drop-after:after{bottom:-1px}.tl-layer-stack.selected>.tl-layer-row{background:oklch(.95 .03 280);background:var(--accent-soft);color:oklch(.38 .19 280);color:var(--accent-ink)}.tl-layer-stack.selected>.tl-sub-label{background:color-mix(in oklab,oklch(.95 .03 280) 45%,#0000);background:color-mix(in oklab,var(--accent-soft) 45%,#0000);color:#4a4a48;color:var(--ink-2)}.tl-layer-row{align-items:center;border-bottom:1px solid #0000;color:#4a4a48;color:var(--ink-2);cursor:pointer;display:flex;font-size:12px;gap:6px;height:32px;padding:0 10px 0 12px}.tl-anim-indicator{align-items:center;color:#182230;display:inline-flex;justify-content:center;opacity:.96}.tl-layer-row.tl-layer-row--folder-child{padding-left:34px}.tl-layer-row.locked .name{color:#8a8a85;color:var(--ink-3)}.tl-layer-row .name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-layer-name-input{background:#fff;background:var(--panel);border:1px solid color-mix(in oklab,oklch(.58 .19 280) 65%,#e7e6e2);border:1px solid color-mix(in oklab,var(--accent) 65%,var(--border));border-radius:4px;box-sizing:border-box;color:var(--ink-1);flex:1 1;font:inherit;font-size:12px;height:22px;margin:0;min-width:0;outline:none;padding:0 5px}.tl-layer-name-input:focus{border-color:oklch(.58 .19 280);border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in oklab,oklch(.58 .19 280) 35%,#0000);box-shadow:0 0 0 1px color-mix(in oklab,var(--accent) 35%,#0000)}.tl-anim-toggle{background:#0000;border:0;border-radius:4px;color:#8a8a85;color:var(--ink-3);cursor:pointer;display:inline-grid;flex:0 0 auto;height:22px;margin:0 -4px 0 -2px;padding:0;place-items:center;transition:color .12s ease,background .12s ease;width:22px}.tl-anim-toggle:hover{background:color-mix(in oklab,#f5f5f3 80%,#0000);background:color-mix(in oklab,var(--panel-2) 80%,#0000);color:#4a4a48;color:var(--ink-2)}.tl-anim-toggle svg{display:block;transition:transform .14s ease}.tl-anim-toggle:not(.is-open) svg{transform:rotate(-90deg)}.tl-sub-label{align-items:center;border-top:1px solid color-mix(in oklab,#e7e6e2 70%,#0000);border-top:1px solid color-mix(in oklab,var(--border) 70%,#0000);box-sizing:border-box;color:#8a8a85;color:var(--ink-3);cursor:default;display:flex;font-size:11px;gap:8px;height:24px;padding:0 10px 0 64px;-webkit-user-select:none;user-select:none}.tl-sub-diamond{background:color-mix(in oklab,#f1f1f1 55%,#fff);background:color-mix(in oklab,var(--clip) 55%,var(--panel));border:1px solid #e0e0e0;border:1px solid var(--clip-stroke);border-radius:1px;flex-shrink:0;height:7px;transform:rotate(45deg);width:7px}.tl-sub-diamond.exit{background:color-mix(in oklab,#f5b5b5 70%,#fff);background:color-mix(in oklab,#f5b5b5 70%,var(--panel));border-color:#cc2a2a}.tl-sub-diamond.mid{background:color-mix(in oklab,#fcd9a4 72%,#fff);background:color-mix(in oklab,#fcd9a4 72%,var(--panel));border-color:#c2780a}.tl-lock-btn,.tl-vis-btn{align-items:center;background:#0000;border:0;border-radius:4px;color:#000;cursor:pointer;display:inline-flex;flex:0 0 auto;height:24px;justify-content:center;margin:0 -4px 0 0;opacity:0;padding:0;pointer-events:none;transition:opacity .12s ease,color .12s ease,background .12s ease;width:24px}.tl-vis-btn{position:relative}.tl-layer-kf-add{align-items:center;background:#0000;border:0;border-radius:4px;cursor:pointer;display:inline-flex;flex:0 0 auto;height:24px;justify-content:center;margin:0 -2px 0 0;opacity:0;padding:0;pointer-events:none;transition:opacity .12s ease,background .12s ease;width:24px}.tl-layer-kf-add:hover{background:#f5f5f3;background:var(--panel-2)}.tl-layer-kf-add-diamond{background:#000;border:1px solid #000;border-radius:1px;box-shadow:none;height:10px;pointer-events:none;transform:rotate(45deg);width:10px}.timeline .tl-lock-btn svg,.timeline .tl-vis-btn svg{height:14px;width:14px}.tl-layer-row:hover .tl-layer-kf-add{opacity:.95;pointer-events:auto}.tl-layer-kf-add:focus-visible{opacity:.95;pointer-events:auto}.tl-layer-kf-add:focus-visible .tl-layer-kf-add-diamond{background:#fff;border-color:oklch(.58 .19 280);border-color:var(--accent);box-shadow:0 0 0 1px oklch(.58 .19 280),0 0 0 2px color-mix(in oklab,oklch(.58 .19 280) 22%,#0000);box-shadow:0 0 0 1px var(--accent),0 0 0 2px color-mix(in oklab,var(--accent) 22%,#0000)}.tl-lock-btn:hover,.tl-vis-btn:hover{background:#f5f5f3;background:var(--panel-2);color:#4a4a48;color:var(--ink-2)}.tl-vis-btn.is-hidden{color:#4a4a48;color:var(--ink-2);opacity:.95;pointer-events:auto}.tl-vis-btn.is-hidden:after{background:currentColor;border-radius:1px;content:"";height:1.5px;position:absolute;transform:rotate(-35deg);width:13px}.timeline .tl-lock-btn.is-locked{color:oklch(.58 .19 280);color:var(--accent)}.tl-layer-row:hover .tl-lock-btn,.tl-layer-row:hover .tl-vis-btn{opacity:.95;pointer-events:auto}.tl-layer-row .tl-vis-btn:focus-visible{opacity:.95;pointer-events:auto}.layer.locked .tl-lock-btn,.layer:hover .tl-vis-btn,.layer:not(.locked):hover .tl-lock-btn,.tl-layer-row.locked .tl-lock-btn{opacity:.95;pointer-events:auto}.layer:not(.locked) .tl-lock-btn:focus-visible{opacity:.95;pointer-events:auto}.layer .tl-vis-btn:focus-visible{opacity:.95;pointer-events:auto}.tl-layer-row:not(.locked) .tl-lock-btn:focus-visible{opacity:.95;pointer-events:auto}.reorder-handle{align-items:center;color:#8a8a85;color:var(--ink-3);cursor:grab;display:inline-flex;height:14px;justify-content:center;opacity:0;transition:opacity .12s ease,color .12s ease;width:14px}.tl-layer-row:hover .reorder-handle,.tl-layer-stack.selected .tl-layer-row .reorder-handle{opacity:.95}.reorder-handle:hover{color:#4a4a48;color:var(--ink-2)}.reorder-handle:active{cursor:grabbing}.tl-right{flex-direction:column;overflow:hidden;position:relative}.tl-right,.tl-ruler-header{display:flex;min-height:0;min-width:0}.tl-ruler-header{align-items:stretch;box-sizing:border-box;flex:0 0 var(--tl-header-h);flex-direction:row;height:var(--tl-header-h)}.tl-zoom-controls{align-items:center;align-self:flex-end;background:#fff;background:var(--panel);border-left:1px solid #e7e6e2;border-left:1px solid var(--border);box-sizing:border-box;display:inline-flex;flex:0 0 auto;gap:4px;height:32px;padding:0 10px}.tl-zoom-btn{background:#0000;border:0;border-radius:6px;color:#182230;cursor:pointer;display:grid;font-size:18px;font-weight:500;height:24px;line-height:1;margin:0;padding:0;place-items:center;width:24px}.tl-zoom-btn:hover:not(:disabled){background:color-mix(in oklab,#f5f5f3 70%,#8a8a85);background:color-mix(in oklab,var(--panel-2) 70%,var(--ink-3));color:#4a4a48;color:var(--ink-2)}.tl-zoom-btn:disabled{cursor:not-allowed;opacity:.38}.ruler{background:#fff;background:var(--panel);cursor:ew-resize;height:32px;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.tl-ruler-scroller{-ms-overflow-style:none;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-end;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.tl-ruler-scroller::-webkit-scrollbar{display:none}.ruler .tick{background:#d9d8d3;background:var(--border-strong);bottom:6px;position:absolute;top:18px;width:1px}.ruler .tick.minor{background:#dedcd6;background:var(--track-2);top:24px}.ruler .label{color:#bdcad3;font-size:10px;font-weight:500;letter-spacing:-.24px;position:absolute;top:4px;transform:translateX(-50%)}.tracks{background:#f5f5f8;flex:1 1;overflow:hidden;position:relative}.track-stack{border-bottom:1px solid #ececf1;position:relative}.track-stack.drop-after:after,.track-stack.drop-before:before{background:oklch(.58 .19 280);background:var(--accent);border-radius:999px;content:"";height:2px;left:8px;pointer-events:none;position:absolute;right:8px;z-index:30}.track-stack.drop-before:before{top:-1px}.track-stack.drop-after:after{bottom:-1px}.track-stack.selected>.track-row{background:#7948d63d}.track-stack.selected>.track-sub-row{background:#7948d61f}.track-row{background:#0000;border-radius:0;height:32px;overflow:hidden;position:relative}.track-stack.selected>.track-row:before{background:#6d35df;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.track-stack>.track-sub-row{border-top:1px solid #f5f5f3;border-top:1px solid var(--panel-2)}.track-sub-row{box-sizing:border-box;height:24px;position:relative}.clip-anim-layer{bottom:0;left:var(--clip-gutter);overflow:visible;pointer-events:none;position:absolute;right:var(--clip-gutter);top:0;z-index:4}.clip-anim-layer>.anim-tl-bar{pointer-events:auto}.clip-anim-layer>.anim-tl-bar:after{bottom:-4px;content:"";left:-6px;position:absolute;right:-6px;top:-4px}.clip-anim-layer>.anim-tl-bar .anim-tl-kf.anim-tl-kf--clickable{pointer-events:auto}.clip .anim-tl-bar{background:#0000;border:0;border-radius:0;box-shadow:none;height:100%;min-width:28px;overflow:visible;padding:0 16px;top:0}.clip .anim-tl-bar.kind-between,.clip .anim-tl-bar.kind-enter,.clip .anim-tl-bar.kind-exit{background:#0000;border:0;box-shadow:none;color:#0000}.clip .anim-tl-bar:before{background:color-mix(in oklab,oklch(.58 .19 280) 14%,#f6f6f8);background:color-mix(in oklab,var(--accent) 14%,#f6f6f8);border:1px solid #18223029;border-radius:6px;box-shadow:inset 0 1px 0 #ffffffa6;box-sizing:border-box;content:"";display:block;height:22px;left:16px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:0}.clip .anim-tl-bar.kind-enter:before{background:color-mix(in oklab,oklch(.58 .19 280) 18%,#faf9fc);background:color-mix(in oklab,var(--accent) 18%,#faf9fc);border-color:#7948d647}.clip .anim-tl-bar.kind-exit:before{background:color-mix(in oklab,#fecaca 42%,#fafafa);border-color:#cc2a2a47}.clip .anim-tl-bar.kind-between:before{background:color-mix(in oklab,oklch(.58 .19 280) 18%,#faf9fc);background:color-mix(in oklab,var(--accent) 18%,#faf9fc);border-color:#7948d647}.clip.selected .anim-tl-bar:before{background:color-mix(in oklab,oklch(.58 .19 280) 22%,#f3efff);background:color-mix(in oklab,var(--accent) 22%,#f3efff);border-color:#7948d66b}.clip .anim-tl-bar.is-key-focused:before{border-color:color-mix(in oklab,oklch(.58 .19 280) 55%,#18223040);border-color:color-mix(in oklab,var(--accent) 55%,#18223040);box-shadow:inset 0 1px 0 #ffffffbf,0 0 0 1px color-mix(in oklab,oklch(.58 .19 280) 35%,#0000);box-shadow:inset 0 1px 0 #ffffffbf,0 0 0 1px color-mix(in oklab,var(--accent) 35%,#0000)}.clip .anim-tl-label{display:none}.clip .anim-tl-trim{bottom:0;pointer-events:auto;top:0;width:10px;z-index:4}.clip .anim-tl-bar .anim-tl-kf{background:color-mix(in oklab,var(--track-1) 92%,#0c1018);border:1px solid color-mix(in oklab,var(--ink-1) 88%,#fff);border-radius:2px;box-shadow:0 0 0 1px #00000059;height:14px;width:14px;z-index:1}.clip .anim-tl-bar.is-key-focused{outline:none;top:0;z-index:14!important}.anim-tl-bar{align-items:center;background:color-mix(in oklab,#f1f1f1 28%,#fff);background:color-mix(in oklab,var(--clip) 28%,#fff);border:1px solid #e0e0e0;border:1px solid var(--clip-stroke);border-radius:4px;box-shadow:0 0 0 1px color-mix(in oklab,#f1f1f1 20%,#0000);box-shadow:0 0 0 1px color-mix(in oklab,var(--clip) 20%,#0000);box-sizing:border-box;color:#444;cursor:grab;display:flex;font-size:10px;font-weight:500;gap:4px;height:16px;justify-content:center;min-width:10px;padding:0 10px;position:absolute;top:4px;-webkit-user-select:none;user-select:none}.anim-tl-bar.kind-exit{background:color-mix(in oklab,#fecaca 55%,#fff);border-color:#cc2a2a;box-shadow:0 0 0 1px #cc2a2a1f;color:#6b1c1c}.anim-tl-bar.kind-between{background:color-mix(in oklab,#f1f1f1 28%,#fff);background:color-mix(in oklab,var(--clip) 28%,#fff);border:1px solid #e0e0e0;border:1px solid var(--clip-stroke);box-shadow:0 0 0 1px color-mix(in oklab,#f1f1f1 20%,#0000);box-shadow:0 0 0 1px color-mix(in oklab,var(--clip) 20%,#0000);color:#444}.anim-tl-bar.locked{cursor:not-allowed;opacity:.72}.anim-tl-bar.is-key-focused{outline:2px solid oklch(.58 .19 280);outline:2px solid var(--accent);outline-offset:1px;top:1px;z-index:14!important}.anim-tl-trim{bottom:0;cursor:ew-resize;position:absolute;top:0;width:8px;z-index:2}.anim-tl-trim.l{left:0}.anim-tl-trim.r{right:0}.anim-tl-label{flex:1 1;min-width:0;overflow:hidden;pointer-events:none;text-align:center;text-overflow:ellipsis;white-space:nowrap;z-index:1}.anim-tl-kf{border-radius:1px;height:8px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) rotate(45deg);width:8px;z-index:0}.anim-tl-kf.anim-tl-kf--clickable{cursor:pointer;pointer-events:auto;z-index:3}.anim-tl-kf.anim-tl-kf--clickable:after{border-radius:50%;content:"";inset:-6px;position:absolute;transform:rotate(-45deg)}.anim-tl-kf.is-endpoint-active{box-shadow:0 0 0 2px oklch(.58 .19 280);box-shadow:0 0 0 2px var(--accent)}.anim-tl-kf.start{background:#f1f1f1;background:var(--clip);border:1px solid #e0e0e0;border:1px solid var(--clip-stroke);left:1px}.anim-tl-bar.kind-exit .anim-tl-kf.start{background:#fecaca;border-color:#cc2a2a}.anim-tl-kf.end{background:#fff;border:1.5px solid #e0e0e0;border:1.5px solid var(--clip-stroke);right:1px}.anim-tl-bar.kind-exit .anim-tl-kf.end{border-color:#cc2a2a}.clip .anim-tl-bar .anim-tl-kf.start{background:#f8f7f7;border:1px solid #18223040;box-shadow:0 0 0 1px #00000026;left:-2px}.clip .anim-tl-bar .anim-tl-kf.end{background:#f8f7f7;border-color:#18223040;border-width:1px;box-shadow:0 0 0 1px #00000026;right:-2px}.clip .anim-tl-bar .anim-tl-kf.anim-tl-kf--clickable{opacity:0;pointer-events:none}.clip .anim-tl-bar.is-key-focused .anim-tl-kf.anim-tl-kf--clickable,.clip.selected .anim-tl-bar .anim-tl-kf.anim-tl-kf--clickable,.clip.show-anim-keys .anim-tl-bar .anim-tl-kf.anim-tl-kf--clickable{background:#fff;border-color:oklch(.58 .19 280);border-color:var(--accent);box-shadow:0 0 0 1px oklch(.58 .19 280),0 0 0 2px color-mix(in oklab,oklch(.58 .19 280) 22%,#0000);box-shadow:0 0 0 1px var(--accent),0 0 0 2px color-mix(in oklab,var(--accent) 22%,#0000);cursor:pointer;opacity:1;pointer-events:auto;z-index:6}.clip .anim-tl-bar .anim-tl-kf.anim-tl-kf--clickable:after{border-radius:50%;content:"";inset:-5px;position:absolute;transform:rotate(-45deg)}.clip .anim-tl-bar .anim-tl-kf.end.is-endpoint-active,.clip .anim-tl-bar .anim-tl-kf.is-endpoint-active,.clip .anim-tl-bar.is-key-focused .anim-tl-kf.is-endpoint-active.anim-tl-kf--clickable,.clip.selected .anim-tl-bar .anim-tl-kf.is-endpoint-active.anim-tl-kf--clickable{background:#ffedd5;border-color:#c2410c;box-shadow:0 0 0 1px #ea580c,0 0 0 2px color-mix(in oklab,#fb923c 38%,#0000)}.clip .anim-tl-bar .anim-tl-kf.anim-tl-kf--clickable:focus-visible{background:#fff;border-color:oklch(.58 .19 280);border-color:var(--accent);box-shadow:0 0 0 1px oklch(.58 .19 280),0 0 0 2px color-mix(in oklab,oklch(.58 .19 280) 22%,#0000);box-shadow:0 0 0 1px var(--accent),0 0 0 2px color-mix(in oklab,var(--accent) 22%,#0000);outline:none}.clip .anim-tl-bar .anim-tl-kf.end.is-endpoint-active.anim-tl-kf--clickable:focus-visible,.clip .anim-tl-bar .anim-tl-kf.is-endpoint-active.anim-tl-kf--clickable:focus-visible,.clip .anim-tl-bar .anim-tl-kf.start.is-endpoint-active.anim-tl-kf--clickable:focus-visible{background:#ffedd5;border-color:#c2410c;box-shadow:0 0 0 1px #ea580c,0 0 0 2px color-mix(in oklab,#fb923c 38%,#0000)}.track-reorder-handle{align-items:center;color:#8a8a85;color:var(--ink-3);cursor:grab;display:inline-flex;height:12px;justify-content:center;left:2px;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .12s ease,color .12s ease;width:12px;z-index:2}.track-stack.selected>.track-row .track-reorder-handle,.track-stack>.track-row:hover .track-reorder-handle{opacity:.95}.track-reorder-handle:hover{color:#4a4a48;color:var(--ink-2)}.track-reorder-handle:active{cursor:grabbing}.clip{--clip-gutter:12px;align-items:center;background:#cfcfd5;background-clip:content-box;border:1px solid #c8c8d0;border-radius:10px;bottom:5px;box-shadow:inset 0 1px 0 #ffffff73;box-sizing:border-box;color:#8a8a96;cursor:grab;display:flex;font-size:11px;font-weight:600;padding:0 var(--clip-gutter);position:absolute;top:5px;transition:box-shadow .14s ease,border-color .14s ease;-webkit-user-select:none;user-select:none;z-index:3}.track-row .clip{z-index:4}.clip .trim{bottom:0;cursor:ew-resize;display:grid;opacity:1;place-items:center;position:absolute;top:0;transition:opacity .12s ease;width:24px;z-index:10}.clip .anim-tl-bar .anim-tl-kf.anim-tl-kf--clickable{z-index:12}.clip .trim:before{background:#ece0ff;border-radius:999px;box-shadow:0 0 0 1px #ffffff40;content:"";height:14px;width:4px}.clip .trim.l{left:0}.clip .trim.r{right:0}.clip.kind-image,.clip.kind-lottie,.clip.kind-shape,.clip.kind-text{background:#cfcfd5;background-clip:content-box;border:1px solid #c8c8d0;color:#8a8a96}.clip.selected{background:#b7a1e6;background-clip:content-box;border-color:#b2a0da;box-shadow:inset 0 1px 0 #ffffff3d;color:#fff;outline:0}.clip.selected .trim:before{background:#ffffffb8;box-shadow:0 0 0 1px #b2a0daa6}.clip.locked{cursor:not-allowed;opacity:.78}.clip.locked .trim{opacity:0;pointer-events:none}.kf{background:#fff;border:1.5px solid #1a1a1a;border:1.5px solid var(--ink);border-radius:2px;height:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) rotate(45deg);width:10px;z-index:3}.kf.kf-exit{border-color:#cc2a2a}.kf-line{background:#00000059;border-radius:1px;height:2px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.tl-tracks-content{position:relative;z-index:1}.playhead-line{background:#ff3b63;bottom:0;margin-left:-1px;pointer-events:none;position:absolute;top:0;width:2px;z-index:2}.ruler-playhead-line{top:16px;z-index:4}.playhead-knob{background:#ff3b63;border-radius:999px;box-shadow:0 4px 12px #ff3b635c;color:#fff;cursor:ew-resize;font-size:11px;font-weight:700;letter-spacing:-.02em;padding:4px 10px;pointer-events:auto;position:absolute;top:5px;transform:translateX(-50%);-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:3}.drop-overlay{background:color-mix(in oklab,oklch(.95 .03 280) 60%,#0000);background:color-mix(in oklab,var(--accent-soft) 60%,#0000);border:calc(2px/max(var(--stage-zoom), .04)) dashed var(--accent);color:oklch(.38 .19 280);color:var(--accent-ink);display:grid;inset:0;opacity:0;place-items:center;pointer-events:none;position:absolute;transition:opacity .12s ease;z-index:10}.drop-overlay.active{opacity:1}.drop-overlay-title{font-size:calc(clamp(12px, 2.2vw, 22px)/max(var(--stage-zoom), .04));font-weight:600;letter-spacing:-.01em;line-height:1.15;max-width:calc(80%/max(var(--stage-zoom), .04));overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.lib-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);padding:10px}.lib-cell{aspect-ratio:1;background:#fff;background:var(--panel);border:1px solid #e7e6e2;border:1px solid var(--border);border-radius:8px;color:#4a4a48;color:var(--ink-2);cursor:grab;display:grid;overflow:hidden;place-items:center;transition:transform 80ms ease}.lib-cell:hover{background:#f5f5f3;background:var(--panel-2);border-color:#d9d8d3;border-color:var(--border-strong)}.lib-cell:active{cursor:grabbing;transform:scale(.96)}.iconify-lucide-slot.iconify-lucide-outline{display:inline-flex;line-height:0;vertical-align:middle}.iconify-lucide-outline svg [stroke]:not([stroke=none]){stroke-width:2!important;stroke-width:var(--lucide-slot-stroke,2)!important}.lib-section-title{color:#4a4a48;color:var(--ink-2);font-size:12px;font-weight:600;padding:12px 14px 6px}.lib-empty-state{align-items:center;color:#4a4a48;color:var(--ink-2);display:flex;flex-direction:column;gap:10px;justify-content:center;margin-top:60px;padding:20px 16px 28px}.lib-empty-state__art{display:block;height:auto;max-width:100%;pointer-events:none;-webkit-user-select:none;user-select:none;width:min(195px,100%)}.lib-empty-state__msg{font-size:12px;font-weight:500;margin:0;text-align:center}.lib-sep{background:#e0e0e0;border:none;height:1px;margin:4px 10px 0}.lib-show-more{align-items:center;background:#fff;background:var(--panel);border:1px solid #1a1a1a;border:1px solid var(--ink);border-radius:999px;box-sizing:border-box;color:#1a1a1a;color:var(--ink);cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:500;justify-content:center;margin:4px 10px 14px;padding:9px 12px;position:relative;width:calc(100% - 20px);z-index:1}.lib-show-more:hover{background:#f5f5f3;background:var(--panel-2)}.lib-show-more:active{transform:scale(.99)}.prop-section--particles{display:flex;flex-direction:column;gap:4px;padding:12px 14px 16px}.prop-particle-preset-label{color:#4a4a48;color:var(--ink-2);font-size:11px;font-weight:600;letter-spacing:.04em;margin-bottom:6px;margin-top:4px;text-transform:uppercase}.prop-particle-preset-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(4,1fr);margin-bottom:12px}.prop-particle-preset-btn{align-items:center;background:#fff;background:var(--panel);border:1px solid #e7e6e2;border:1px solid var(--border);border-radius:7px;color:#4a4a48;color:var(--ink-2);cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:6px 2px;transition:all 80ms}.prop-particle-preset-btn:hover{background:#f5f5f3;background:var(--panel-2);border-color:#d9d8d3;border-color:var(--border-strong)}.prop-particle-preset-btn.active{background:#f5f5f3;background:var(--panel-2);border-color:oklch(.58 .19 280);border-color:var(--accent,#6c5ce7)}.prop-particle-preset-btn:disabled{cursor:not-allowed;opacity:.4}.prop-particle-preset-emoji{font-size:15px;line-height:1}.prop-particle-preset-emoji,.prop-particle-preset-name{pointer-events:none;-webkit-user-select:none;user-select:none}.prop-particle-preset-name{color:#4a4a48;color:var(--ink-2);font-size:9px;font-weight:500}.prop-particle-preset-btn.active .prop-particle-preset-name{color:#1a1a1a;color:var(--ink)}.prop-particle-sliders{display:flex;flex-direction:column;gap:8px}.prop-particle-slider-row .prop-opacity-control>.spin-in-value-pill{box-sizing:border-box;flex:0 0 46px;max-width:46px;min-width:46px;width:46px}.prop-particle-toggle{display:flex;gap:4px}.prop-particle-toggle-btn{align-items:center;background:#f5f5f3;background:var(--panel-2);border:0;border-radius:10px;box-shadow:0 2px 3px -1px #0000001a,0 0 0 1px #00000012,inset 0 1px 0 0 #ffffff47;color:#4a4a48;color:var(--ink-2);cursor:pointer;display:inline-flex;flex:1 1;font-family:inherit;font-size:11px;font-weight:600;justify-content:center;letter-spacing:-.01em;padding:5px 10px;transition:filter 60ms}.prop-particle-toggle-btn:hover:not(:disabled){filter:brightness(.97)}.prop-particle-toggle-btn:active:not(:disabled){filter:brightness(.94)}.prop-particle-toggle-btn.active{background:linear-gradient(180deg,#e5e5e5,#e0e0e0);box-shadow:0 2px 3px -1px #00000026,0 0 0 1px #d0d0d0,inset 0 1px 0 0 #ffffff54;color:#121212}.prop-particle-toggle-btn:disabled{cursor:not-allowed;opacity:.4}.lib-grid--particles{grid-template-columns:repeat(3,1fr)}.lib-cell--particle{align-items:center;aspect-ratio:auto;display:flex;flex-direction:column;gap:4px;height:64px;justify-content:center}.lib-cell__particle-emoji{font-size:22px;line-height:1}.lib-cell__particle-emoji,.lib-cell__particle-label{pointer-events:none;-webkit-user-select:none;user-select:none}.lib-cell__particle-label{color:#4a4a48;color:var(--ink-2);font-size:10px;font-weight:500}.lib-cell--particle:hover .lib-cell__particle-label{color:#1a1a1a;color:var(--ink)}.lib-cell img.lib-cell-logo{height:56%;object-fit:contain;width:56%}.lib-cell img.lib-cell-cover-img,.lib-cell img.lib-cell-logo{pointer-events:none;-webkit-user-select:none;user-select:none}.lib-cell img.lib-cell-cover-img{display:block;height:100%;object-fit:cover;width:100%}.search{margin:10px;min-width:0;position:relative}.search input{background:#f5f5f3;background:var(--panel-2);border:1px solid #e7e6e2;border:1px solid var(--border);border-radius:7px;box-sizing:border-box;font-size:12px;max-width:100%;min-width:0;outline:none;padding:8px 10px 8px 30px;width:100%}.search input.has-clear,.search:has(.search-clear) input{padding-right:32px}.search input[type=search]::-webkit-search-cancel-button,.search input[type=search]::-webkit-search-decoration{appearance:none}.search input[type=search]::-ms-clear{display:none}.search input:focus{background:#fff;border-color:#d9d8d3;border-color:var(--border-strong)}.search .icon{color:#8a8a85;color:var(--ink-3);left:10px}.search .icon,.search .search-clear{position:absolute;top:50%;transform:translateY(-50%)}.search .search-clear{background:#0000;border:0;border-radius:6px;color:#8a8a85;color:var(--ink-3);cursor:pointer;display:grid;height:26px;padding:0;place-items:center;right:8px;width:26px}.search .search-clear:hover{background:#0000;color:#4a4a48;color:var(--ink-2)}.text-panel-body{display:flex;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto}.text-panel-tools{flex-shrink:0}.text-panel-add-row{margin:4px 10px 10px}.font-result-scroll{display:flex;flex:1 1;flex-direction:column;gap:6px;min-height:0;overflow-y:auto;padding:2px 10px 12px}.font-result-err,.font-result-hint{color:#8a8a85;color:var(--ink-3);font-size:11px;line-height:1.4;padding:6px 4px 4px}.font-result-err{color:#b42318;color:var(--danger,#b42318)}.font-result-row{-webkit-user-drag:element;background:#f5f5f3;background:var(--panel-2);border:1px solid #e7e6e2;border:1px solid var(--border);border-radius:8px;color:#1a1a1a;color:var(--ink);cursor:grab;font-size:15px;font-weight:400;line-height:1.35;padding:10px 12px;user-select:none;-webkit-user-select:none}.font-result-row:hover{background:#fff;border-color:#d9d8d3;border-color:var(--border-strong)}.font-result-row:active{cursor:grabbing;transform:scale(.99)}.prop-section-font-anchor{display:flex;flex-direction:column;min-height:100%;position:relative}.prop-section--add-motion{margin-top:auto;padding-top:8px}.prop-add-motion-btn{width:100%}.font-picker-backdrop{background:#0000;cursor:default;inset:0;position:fixed;z-index:10045}.font-picker-popover.font-picker-popover--dock{box-sizing:border-box;max-width:calc(100vw - 16px);position:fixed;z-index:10050}.font-picker-root{width:100%}.font-picker-trigger{align-items:center;cursor:pointer;display:flex;gap:8px;justify-content:space-between;text-align:left}.font-picker-trigger:disabled{cursor:not-allowed;opacity:.55}.font-picker-trigger-label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-picker-chevron{color:#8a8a85;color:var(--ink-3);display:inline-flex;flex-shrink:0}.font-picker-popover{background:#fff;background:var(--panel);border:1px solid #e7e6e2;border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px #1414141a,0 2px 6px #1414140f;box-shadow:var(--shadow-pop);display:flex;flex-direction:column;overflow:hidden;z-index:10050}.font-picker-popover-head{align-items:center;border-bottom:1px solid #e7e6e2;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:6px;justify-content:space-between;min-width:0;padding:8px 8px 6px 10px}.font-picker-popover-head h4{color:#1a1a1a;color:var(--ink);font-size:12px;font-weight:600;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-picker-search{margin:6px 8px 0!important}.font-picker-scroll{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto!important;padding-top:6px}.font-picker-row.font-result-row{-webkit-user-drag:none;align-items:center;cursor:pointer;display:flex;font-size:14px;line-height:1.4;min-height:2.75rem;overflow-x:hidden;overflow-y:visible;padding:10px 12px;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap}.font-picker-row-selected.font-result-row{border-color:oklch(.58 .19 280);border-color:var(--accent);box-shadow:0 0 0 1px oklch(.95 .03 280);box-shadow:0 0 0 1px var(--accent-soft)}.text-preset{background:#f5f5f3;background:var(--panel-2);border:1px solid #e7e6e2;border:1px solid var(--border);border-radius:8px;cursor:grab;margin:8px 10px;padding:12px}.text-preset:hover{background:#fff;border-color:#d9d8d3;border-color:var(--border-strong)}.text-preset.h{font-size:22px;font-weight:700;letter-spacing:-.02em}.text-preset.s{font-size:15px}.text-preset.b{color:#4a4a48;color:var(--ink-2);font-size:12px}.text-pairing-sep{background:#e7e6e2;background:var(--border);border:0;height:1px;margin:14px 10px 0}.text-pairing-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);padding:4px 10px 16px}.text-pairing-card{-webkit-user-drag:element;align-items:center;background:#f3f3f3;border:1px solid #e7e6e2;border:1px solid var(--border);border-radius:8px;cursor:grab;display:flex;flex-direction:column;gap:3px;justify-content:center;min-height:76px;padding:10px 8px;user-select:none;-webkit-user-select:none}.text-pairing-card:hover{background:#cacaca;border-color:#d9d8d3;border-color:var(--border-strong)}.text-pairing-card:active{cursor:grabbing;transform:scale(.99)}.text-pairing-card-line{text-align:center;width:100%;word-break:break-word}.kbd{background:#f5f5f3;background:var(--panel-2);border:1px solid #e7e6e2;border:1px solid var(--border);border-radius:4px;color:#8a8a85;color:var(--ink-3);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:10px;padding:1px 5px}.tweaks{background:#fff;background:var(--panel);border:1px solid #d9d8d3;border:1px solid var(--border-strong);border-radius:10px;bottom:240px;box-shadow:0 12px 32px #1414141a,0 2px 6px #1414140f;box-shadow:var(--shadow-pop);overflow:hidden;position:fixed;right:16px;width:260px;z-index:50}.tweaks header{align-items:center;border-bottom:1px solid #e7e6e2;border-bottom:1px solid var(--border);display:flex;font-weight:600;justify-content:space-between}.tweaks .body,.tweaks header{padding:10px 12px}.tweaks .row{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:10px}.tweaks .row:last-child{margin-bottom:0}.tweaks label{color:#4a4a48;color:var(--ink-2);font-size:12px}.popover{background:#fff;background:var(--panel);border:1px solid #d9d8d3;border:1px solid var(--border-strong);border-radius:10px;box-shadow:0 12px 32px #1414141a,0 2px 6px #1414140f;box-shadow:var(--shadow-pop);min-width:180px;padding:6px;position:absolute;z-index:80}.popover h5{color:#8a8a85;color:var(--ink-3);font-size:11px;font-weight:600;letter-spacing:.04em;margin:6px 8px;text-transform:none}.popover button.item{align-items:center;background:#0000;border:0;border-radius:6px;color:#1a1a1a;color:var(--ink);cursor:pointer;display:flex;font-size:12px;gap:8px;padding:7px 10px;text-align:left;width:100%}.popover button.item:hover{background:#f5f5f3;background:var(--panel-2)}.animation-panel-body{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:0!important}.animation-accordion{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:auto}.animation-accordion-section{border-top:1px solid #ececec}.animation-accordion-header{align-items:center;background:#0000;border:0;color:#121212;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:12px;height:48px;justify-content:space-between;letter-spacing:-.01em;line-height:16px;margin:0;padding:12px 16px;text-align:left;width:100%}.animation-accordion-header:hover{background:color-mix(in oklab,#f1f1f1 45%,#0000)}.animation-accordion-header svg{color:#121212;transition:transform .2s ease}.animation-accordion-header[aria-disabled=true]{cursor:not-allowed;opacity:.45}.animation-accordion-header:focus-visible{outline:2px solid color-mix(in oklab,oklch(.58 .19 280) 45%,#0000);outline:2px solid color-mix(in oklab,var(--accent) 45%,#0000);outline-offset:-2px}.animation-accordion-content{padding:0 16px 16px}.figma-motion-panel-body .animation-accordion-content .animation-preset-category-tabs.prop-mode-tabs{border-bottom:1px solid #ececec;margin:0 0 12px;padding:0 0 0 4px}.figma-motion-panel-body .animation-accordion-content .animation-preset-category-tabs .prop-mode-tab{border-bottom:2px solid #0000;border-radius:0;color:#7b7b7b}.figma-motion-panel-body .animation-accordion-content .animation-preset-category-tabs .prop-mode-tab.active{border-bottom-color:#6f55e8;color:#121212}.figma-motion-panel .panel-head{border-bottom:1px solid #ececec;padding:12px}.figma-motion-panel-tab-row{align-items:center;background:#fff;box-sizing:border-box;display:flex;flex-shrink:0;gap:8px;padding:12px}.figma-motion-panel-tab-row .figma-motion-tabs{flex:1 1;min-width:0}.figma-motion-tabs{grid-gap:2px;background:#f1f1f1;border:1px solid #e2e2e2;border-radius:12px;box-shadow:inset 0 1px 1.9px #3232321a;display:grid;gap:2px;grid-template-columns:1fr 1fr;padding:4px;width:100%}.figma-motion-tab{background:#0000;border:0;border-radius:8px;color:#7b7b7b;cursor:pointer;font-size:13px;font-weight:600;height:32px;letter-spacing:-.01em;line-height:16px}.figma-motion-tab--active{background:#fcfcfc;box-shadow:0 1.25px 3px #3232321a,inset 0 1px 1px #fff;color:#121212}.figma-motion-tab:disabled{cursor:not-allowed;opacity:.45}.figma-motion-mode-stack{flex:1 1 auto;min-height:0;position:relative}.figma-motion-mode-pane{min-height:0;width:100%}.figma-motion-mode-pane--inactive{height:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;visibility:hidden}.figma-motion-mode-pane--active{position:relative;z-index:1}.figma-motion-panel-body.panel-body{background:#fff;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:0}.figma-motion-panel-scroll{-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:#0000 #0000;scrollbar-gutter:stable;scrollbar-width:thin}.figma-motion-panel-scroll:focus-within,.figma-motion-panel-scroll:hover{scrollbar-color:#14161e61 #0000}.figma-motion-panel-scroll::-webkit-scrollbar{width:8px}.figma-motion-panel-scroll::-webkit-scrollbar-track{background:#0000}.figma-motion-panel-scroll::-webkit-scrollbar-thumb{background-clip:content-box;background-color:initial;border:2px solid #0000;border-radius:100px}.figma-motion-panel-scroll:focus-within::-webkit-scrollbar-thumb,.figma-motion-panel-scroll:hover::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#14161e57;border:2px solid #0000}.figma-effects-sections{flex:1 1 auto;margin:0;min-height:0}.figma-effects-section{scroll-margin-top:8px}.figma-effects-section-head{align-items:center;background:#0000;border:0;color:#121212;cursor:pointer;display:flex;font-size:12px;font-weight:600;height:48px;justify-content:space-between;letter-spacing:-.01em;line-height:16px;margin:0;padding:12px 16px;text-align:left;width:100%}.figma-effects-section--expanded>.figma-effects-section-head{padding-bottom:12px}.figma-effects-section-body{box-sizing:border-box;padding:0 16px 16px}.figma-effects-section .animation-preset-grid{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.figma-effects-section .animation-preset-card{border-radius:0;box-sizing:border-box;gap:10.54px;justify-self:stretch;max-width:none;padding:0;width:100%}.figma-effects-section .animation-preset-thumb{aspect-ratio:1/1;background:#f1f1f1;border:0;border-radius:21.08px;box-shadow:none;box-sizing:border-box;flex-shrink:0;max-height:none;max-width:none;overflow:hidden;padding:5.27px;perspective:220px;width:100%}.figma-effects-section .animation-preset-card:hover .animation-preset-thumb{background:#ececec}.figma-effects-section .animation-preset-card:focus-visible .animation-preset-thumb{outline:2px solid color-mix(in oklab,oklch(.58 .19 280) 55%,#0000);outline:2px solid color-mix(in oklab,var(--accent) 55%,#0000);outline-offset:2px}.figma-effects-section .animation-preset-card:focus-visible{outline:none}.figma-effects-section .animation-preset-card.animation-preset-card--panel-selected .animation-preset-thumb{background:#f1f1f1;border:1px solid color-mix(in oklab,oklch(.58 .19 280) 55%,#0000);border:1px solid color-mix(in oklab,var(--accent) 55%,#0000);box-shadow:none;outline:none}.figma-effects-section .animation-preset-card.animation-preset-card--panel-selected:hover .animation-preset-thumb{background:#ececec}.figma-effects-section .animation-preset-sq{background:#5c60ff;border-radius:5px;box-shadow:0 1px 3px #5c60ff59;height:24px;max-height:min(24px,100%);max-width:min(24px,100%);width:24px}.figma-effects-section .animation-preset-label{color:#121212;font-size:12px;font-weight:500;letter-spacing:-.01em;line-height:16px;width:100%}.figma-effects-motion-body{box-sizing:border-box;flex:1 1 auto;margin-top:0;min-height:0;padding:12px 12px 16px}.figma-motion-actions-root{display:flex;flex-direction:column;gap:20px}.figma-motion-field-section-title{color:#121212;font-size:12px;font-weight:600;letter-spacing:-.01em;line-height:16px;margin:0 0 8px;padding:0 4px}.figma-motion-seg-strip{grid-gap:2px;background:#f1f1f1;border:1px solid #e2e2e2;border-radius:12px;box-shadow:inset 0 1px 1.9px #3232321a;box-sizing:border-box;display:grid;gap:2px;padding:4px;width:100%}.figma-motion-seg-strip--two{grid-template-columns:1fr 1fr}.figma-motion-seg-strip--direction{grid-template-columns:repeat(5,minmax(0,1fr))}.figma-motion-seg-strip--effects{grid-template-columns:repeat(4,minmax(0,1fr))}.figma-motion-seg-strip--direction .figma-motion-seg-btn,.figma-motion-seg-strip--effects .figma-motion-seg-btn,.figma-motion-seg-strip--two .figma-motion-seg-btn{min-width:0}.figma-motion-tooltip-wrap{display:inline-flex;min-width:0}.figma-motion-tooltip-wrap>.figma-motion-seg-btn{width:100%}.figma-motion-seg-btn{background:#0000;border:0;border-radius:8px;box-sizing:border-box;color:#7b7b7b;cursor:pointer;font-size:13px;font-weight:600;height:32px;letter-spacing:-.01em;line-height:16px;padding:0 8px}.figma-motion-seg-strip--direction .figma-motion-seg-btn,.figma-motion-seg-strip--effects .figma-motion-seg-btn{font-size:12px;font-weight:500;padding:0 4px}.figma-motion-seg-strip--direction .figma-motion-seg-btn--none,.figma-motion-seg-strip--effects .figma-motion-seg-btn--none{font-size:13px;font-weight:600;padding:0 8px}.figma-motion-seg-btn:hover:not(:disabled){background:#0000;color:#121212}.figma-motion-seg-btn:focus-visible{outline:2px solid color-mix(in oklab,#5c60ff 55%,#fff);outline-offset:1px}.figma-motion-seg-btn:disabled{cursor:not-allowed;opacity:.45}.figma-motion-seg-btn--active{background:#fcfcfc;box-shadow:0 1.25px 3px #3232321a,inset 0 1px 1px #fff;color:#121212;font-weight:600}.figma-motion-seg-strip--direction .figma-motion-seg-btn--active{font-weight:600}.figma-motion-seg-btn--active:hover:not(:disabled){background:#fcfcfc;color:#121212}.figma-motion-layer-opacity.prop-stack--layer-opacity h4{color:#121212;font-size:11px;font-weight:500;letter-spacing:-.01em;line-height:16px;margin:0 0 8px}.figma-motion-layer-opacity .prop-stack-controls{gap:6px}.figma-motion-layer-opacity .prop-range-slider-grow .range-slider.figma-motion-range{background:#7b7b7b38;border-radius:10px;height:36px}.figma-motion-layer-opacity .range-slider.figma-motion-range::-webkit-slider-thumb{background:#f8f7f7;border-radius:8px;height:36px;width:24px}.figma-motion-layer-opacity .range-slider.figma-motion-range::-moz-range-thumb{background:#f8f7f7;border-radius:8px;height:36px;width:24px}.figma-motion-layer-opacity .range-slider.figma-motion-range::-webkit-slider-track{border-radius:10px;height:36px}.figma-motion-layer-opacity .range-slider.figma-motion-range::-moz-range-track{border-radius:10px;height:36px}.figma-motion-layer-opacity .spin-in-value-pill{align-self:stretch;background:#fcfcfc!important;border:1px solid #e2e2e2;border-radius:10px;box-sizing:border-box;min-height:36px;padding:0 10px}.figma-motion-section{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.figma-motion-section-title{color:#121212;font-size:12px;font-weight:600;letter-spacing:-.01em;line-height:16px;margin:0}.figma-segmented-control{grid-gap:2px;background:#f1f1f1;border:1px solid #ececec;border-radius:10px;display:grid;gap:2px;grid-template-columns:repeat(5,minmax(0,1fr));padding:4px}.figma-segmented-control--two{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:4px}.figma-segmented-item{background:#0000;border:0;border-radius:8px;color:#7b7b7b;font-size:12px;font-weight:500;height:28px;letter-spacing:-.01em;line-height:16px}.figma-segmented-item--active{background:#fcfcfc;box-shadow:0 1px 4px #00000024;color:#121212;font-weight:600}.figma-slider-stack{display:flex;flex-direction:column;gap:14px;margin-top:2px;overflow-x:hidden;overflow-y:auto;scrollbar-color:#0000 #0000;scrollbar-width:thin}.figma-slider-stack:focus-within,.figma-slider-stack:hover{scrollbar-color:#14161e61 #0000}.figma-slider-stack::-webkit-scrollbar{width:8px}.figma-slider-stack::-webkit-scrollbar-track{background:#0000}.figma-slider-stack::-webkit-scrollbar-thumb{background-clip:content-box;background-color:initial;border:2px solid #0000;border-radius:100px}.figma-slider-stack:focus-within::-webkit-scrollbar-thumb,.figma-slider-stack:hover::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#14161e57;border:2px solid #0000}.figma-slider-row{display:flex;flex-direction:column;gap:8px}.figma-slider-label{color:#121212;font-size:11px;font-weight:500;letter-spacing:-.01em;line-height:16px}.figma-slider-control{align-items:center;display:flex;gap:6px}.figma-range-slider{appearance:none;background:#f1f1f1;border-radius:10px;height:36px;outline:none;width:100%}.figma-range-slider::-webkit-slider-thumb{appearance:none;background:#f8f7f7;border:0;border-radius:8px;box-shadow:0 1px 4px #00000024;height:36px;width:24px}.figma-range-slider::-moz-range-thumb{background:#f8f7f7;border:0;border-radius:8px;box-shadow:0 1px 4px #00000024;height:36px;width:24px}.figma-range-slider::-moz-range-track{background:#0000;border:0;border-radius:10px;height:36px}.figma-slider-value{align-items:center;background:#fcfcfc;border:1px solid #e2e2e2;border-radius:10px;color:#121212;display:inline-flex;font-size:12px;font-weight:500;height:36px;justify-content:center;letter-spacing:-.01em;line-height:16px;min-width:50px;padding:0 10px}.animation-preset-category-tabs.prop-mode-tabs{gap:2px;margin:0 0 2px;padding:0 4px}.animation-preset-category-tabs .prop-mode-tab{font-size:11px;font-weight:600;padding:8px 4px}.animation-preset-visuals{display:flex;flex-direction:column;gap:14px}.animation-preset-section-title-row{align-items:center;display:flex;gap:6px;margin:0 0 8px;min-width:0}.animation-preset-section-title-row .animation-preset-section-title{flex:1 1;margin:0;min-width:0}.animation-preset-title-info{align-items:center;background:#0000;border:none;border-radius:6px;color:#8a8a85;color:var(--ink-3);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin:0;padding:2px}.animation-preset-title-info:focus-visible,.animation-preset-title-info:hover{background:color-mix(in oklab,#f5f5f3 80%,#0000);background:color-mix(in oklab,var(--panel-2) 80%,#0000);color:var(--ink-1);outline:none}.animation-preset-interactive--disabled{opacity:.45;pointer-events:none}.animation-preset-hover-tip{background:#fff;background:var(--panel);border:1px solid #d9d8d3;border:1px solid var(--border-strong);border-radius:8px;box-shadow:0 2px 6px #1414140f,0 1px 2px #1414140a;box-shadow:var(--shadow-md);color:#1a1a1a;color:var(--ink);font-size:12px;font-weight:500;line-height:1.5;max-width:min(260px,calc(100vw - 24px));overflow-wrap:break-word;padding:8px 11px;pointer-events:none;position:fixed;transform:translateY(-50%);white-space:pre-line;z-index:10000}.animation-preset-hover-tip.animation-preset-hover-tip--anchor-left{left:auto;max-width:min(328px,calc(100vw - 24px));width:fit-content}.animation-preset-section-title{color:#1a1a1a;color:var(--ink);font-size:12px;font-weight:700;letter-spacing:-.01em;margin:0 0 8px}.animation-preset-section-title--sub{color:#8a8a85;color:var(--ink-3);font-size:11px;font-weight:600;letter-spacing:0;margin-top:12px}.animation-preset-grid{grid-gap:8px 6px;display:grid;gap:8px 6px;grid-template-columns:repeat(3,1fr)}.animation-preset-grid--between,.animation-preset-grid--exit{grid-template-columns:repeat(3,1fr)}.animation-preset-card{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:0;border-radius:8px;color:#4a4a48;color:var(--ink-2);cursor:pointer;display:flex;flex-direction:column;gap:5px;margin:0;padding:0 0 2px}.animation-preset-card:hover .animation-preset-thumb{background:#f5f5f3;background:var(--panel-2)}.animation-preset-card:focus-visible{outline:2px solid color-mix(in oklab,oklch(.58 .19 280) 55%,#0000);outline:2px solid color-mix(in oklab,var(--accent) 55%,#0000);outline-offset:2px}.animation-preset-card.animation-preset-card--panel-selected .animation-preset-thumb{box-shadow:inset 0 1px 0 #ffffffb3,0 0 0 1px color-mix(in oklab,oklch(.58 .19 280) 35%,#0000);box-shadow:inset 0 1px 0 #ffffffb3,0 0 0 1px color-mix(in oklab,var(--accent) 35%,#0000);outline:2px solid color-mix(in oklab,oklch(.58 .19 280) 60%,#0000);outline:2px solid color-mix(in oklab,var(--accent) 60%,#0000);outline-offset:0}.animation-preset-thumb{align-items:center;aspect-ratio:1;background:#ececea;border:1px solid #e7e6e2;border:1px solid var(--border);border-radius:10px;box-shadow:inset 0 1px 0 #ffffffb3;display:flex;justify-content:center;max-height:68px;overflow:hidden;perspective:160px;position:relative;width:100%}.animation-preset-sq{background:linear-gradient(155deg,oklch(.72 .11 264),oklch(.5 .19 264));border-radius:5px;box-shadow:0 1px 3px #1e1e2d2e;height:24px;transform-origin:center center;transform-style:preserve-3d;width:24px;will-change:transform,opacity,filter}.animation-preset-label{color:#4a4a48;color:var(--ink-2);font-size:11px;font-weight:500;line-height:1.2;max-width:100%;padding:0 1px;text-align:center}@keyframes anim-preview-fade-in{0%,12%{opacity:.08}42%,58%{opacity:1}88%,to{opacity:.08}}@keyframes anim-preview-fade-out{0%,12%{opacity:1}42%,58%{opacity:0}88%,to{opacity:1}}@keyframes anim-preview-slide-in-up{0%,12%{opacity:1;transform:translateY(14px)}42%,58%{opacity:1;transform:translateY(0)}88%,to{opacity:1;transform:translateY(14px)}}@keyframes anim-preview-slide-in-down{0%,12%{opacity:1;transform:translateY(-14px)}42%,58%{opacity:1;transform:translateY(0)}88%,to{opacity:1;transform:translateY(-14px)}}@keyframes anim-preview-slide-in-left{0%,12%{opacity:1;transform:translateX(16px)}42%,58%{opacity:1;transform:translateX(0)}88%,to{opacity:1;transform:translateX(16px)}}@keyframes anim-preview-slide-in-right{0%,12%{opacity:1;transform:translateX(-16px)}42%,58%{opacity:1;transform:translateX(0)}88%,to{opacity:1;transform:translateX(-16px)}}@keyframes anim-preview-scale-in{0%,12%{opacity:1;transform:scale(.55)}42%,58%{opacity:1;transform:scale(1)}88%,to{opacity:1;transform:scale(.55)}}@keyframes anim-preview-zoom-in{0%,12%{opacity:1;transform:scale(.32)}42%,58%{opacity:1;transform:scale(1)}88%,to{opacity:1;transform:scale(.32)}}@keyframes anim-preview-rotate-in{0%,12%{opacity:1;transform:rotate(-16deg)}42%,58%{opacity:1;transform:rotate(0deg)}88%,to{opacity:1;transform:rotate(-16deg)}}@keyframes anim-preview-flip-in{0%,12%{opacity:1;transform:rotateY(-82deg)}42%,58%{opacity:1;transform:rotateY(0deg)}88%,to{opacity:1;transform:rotateY(-82deg)}}@keyframes anim-preview-bounce-in{0%,12%{opacity:1;transform:translateY(11px) scale(.86)}34%{opacity:1;transform:translateY(-4px) scale(1.05)}50%{opacity:1;transform:translateY(1px) scale(.98)}58%,70%{opacity:1;transform:translateY(0) scale(1)}88%,to{opacity:1;transform:translateY(11px) scale(.86)}}@keyframes anim-preview-blur-in{0%,12%{filter:blur(9px);opacity:.15;transform:scale(1)}42%,58%{filter:blur(0);opacity:1;transform:scale(1)}88%,to{filter:blur(9px);opacity:.15;transform:scale(1)}}@keyframes anim-preview-reveal-in{0%,12%{opacity:.2;transform:scaleY(.1)}42%,58%{opacity:1;transform:scaleY(1)}88%,to{opacity:.2;transform:scaleY(.1)}}@keyframes anim-preview-pop-in{0%,12%{opacity:1;transform:scale(1.16)}42%,58%{opacity:1;transform:scale(1)}88%,to{opacity:1;transform:scale(1.16)}}@keyframes anim-preview-pop-out{0%,12%{opacity:1;transform:scale(1)}42%,58%{opacity:1;transform:scale(1.14)}88%,to{opacity:1;transform:scale(1)}}@keyframes anim-preview-slide-out-up{0%,12%{opacity:1;transform:translateY(0)}42%,58%{opacity:1;transform:translateY(-14px)}88%,to{opacity:1;transform:translateY(0)}}@keyframes anim-preview-slide-out-down{0%,12%{opacity:1;transform:translateY(0)}42%,58%{opacity:1;transform:translateY(14px)}88%,to{opacity:1;transform:translateY(0)}}@keyframes anim-preview-slide-out-left{0%,12%{opacity:1;transform:translateX(0)}42%,58%{opacity:1;transform:translateX(-16px)}88%,to{opacity:1;transform:translateX(0)}}@keyframes anim-preview-slide-out-right{0%,12%{opacity:1;transform:translateX(0)}42%,58%{opacity:1;transform:translateX(16px)}88%,to{opacity:1;transform:translateX(0)}}@keyframes anim-preview-scale-out{0%,12%{opacity:1;transform:scale(1)}42%,58%{opacity:1;transform:scale(.55)}88%,to{opacity:1;transform:scale(1)}}@keyframes anim-preview-zoom-out{0%,12%{opacity:1;transform:scale(1)}42%,58%{opacity:1;transform:scale(.32)}88%,to{opacity:1;transform:scale(1)}}@keyframes anim-preview-rotate-out{0%,12%{opacity:1;transform:rotate(0deg)}42%,58%{opacity:1;transform:rotate(16deg)}88%,to{opacity:1;transform:rotate(0deg)}}@keyframes anim-preview-flip-out{0%,12%{opacity:1;transform:rotateY(0deg)}42%,58%{opacity:1;transform:rotateY(82deg)}88%,to{opacity:1;transform:rotateY(0deg)}}@keyframes anim-preview-shrink-out{0%,12%{opacity:1;transform:scale(1)}42%,58%{opacity:1;transform:scale(.34)}88%,to{opacity:1;transform:scale(1)}}@keyframes anim-preview-blur-out{0%,12%{filter:blur(0);opacity:1;transform:scale(1)}42%,58%{filter:blur(9px);opacity:0;transform:scale(1)}88%,to{filter:blur(0);opacity:1;transform:scale(1)}}@keyframes anim-preview-collapse-out{0%,12%{opacity:1;transform:scaleY(1)}42%,58%{opacity:1;transform:scaleY(.08)}88%,to{opacity:1;transform:scaleY(1)}}@keyframes anim-preview-pulse-scale{0%,18%{transform:scale(1)}50%{transform:scale(1.14)}82%,to{transform:scale(1)}}@keyframes anim-preview-nudge-x{0%,15%{transform:translateX(0)}40%{transform:translateX(11px)}65%{transform:translateX(-11px)}88%,to{transform:translateX(0)}}@keyframes anim-preview-wiggle-rot{0%,12%{transform:rotate(0deg)}35%{transform:rotate(-10deg)}65%{transform:rotate(10deg)}88%,to{transform:rotate(0deg)}}@keyframes anim-preview-pop-micro{0%,20%{transform:scale(1)}50%{transform:scale(1.08)}85%,to{transform:scale(1)}}@keyframes anim-preview-nudge-y{0%,18%{transform:translateY(0)}50%{transform:translateY(-10px)}82%,to{transform:translateY(0)}}@keyframes anim-preview-shake-xy{0%,to{transform:translate(0)}20%{transform:translate(5px,-3px)}40%{transform:translate(-5px,3px)}60%{transform:translate(4px,2px)}80%{transform:translate(-4px,-2px)}}@keyframes anim-preview-heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.12)}45%{transform:scale(1.04)}70%{transform:scale(1.1)}}@keyframes anim-preview-float-bob{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(4deg)}}@keyframes anim-preview-flip-wink{0%,to{transform:perspective(72px) rotateY(0deg)}50%{transform:perspective(72px) rotateY(-42deg)}}@keyframes anim-preview-squeeze-xy{0%,to{transform:scale(1)}50%{transform:scale(1.12,.9)}}@keyframes anim-preview-sway-tilt{0%,to{transform:translateX(0) rotate(0deg)}50%{transform:translateX(8px) rotate(-9deg)}}@keyframes anim-preview-drum-hit{0%,to{transform:scale(1)}35%{transform:scale(.88)}55%{transform:scale(1.02)}}@keyframes anim-preview-spin-wobble{0%,to{transform:rotate(0deg)}40%{transform:rotate(-14deg)}70%{transform:rotate(12deg)}}@keyframes anim-preview-type-wave{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-6px) rotate(3deg)}50%{transform:translateY(0) rotate(0deg)}75%{transform:translateY(6px) rotate(-3deg)}}@keyframes anim-preview-type-tracking{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.22)}}@keyframes anim-preview-type-skew{0%,to{transform:skewX(0deg)}50%{transform:skewX(-14deg)}}@keyframes anim-preview-type-glitch{0%,to{transform:translateX(0) skewX(0deg)}15%{transform:translateX(4px) skewX(8deg)}30%{transform:translateX(-5px) skewX(-10deg)}45%{transform:translateX(3px) skewX(6deg)}60%{transform:translateX(-4px) skewX(-7deg)}}@keyframes anim-preview-type-stretch{0%,to{transform:scale(1)}50%{transform:scale(1.14,.92)}}@keyframes anim-preview-type-kern-pop{0%,to{transform:scale(1)}45%{transform:scale(1.1)}70%{transform:scale(1.03)}}@keyframes anim-preview-type-italic{0%,to{transform:skewX(0deg) translateX(0)}50%{transform:skewX(-12deg) translateX(3px)}}@keyframes anim-preview-type-mask-in{0%,to{transform:translateY(4px)}50%{transform:translateY(-3px)}}@keyframes anim-preview-type-mask-out{0%,to{transform:translateY(-3px)}50%{transform:translateY(4px)}}.animation-preset-card--fadeIn:hover .animation-preset-sq{animation:anim-preview-fade-in 1.35s ease-in-out infinite}.animation-preset-card--fadeOut:hover .animation-preset-sq{animation:anim-preview-fade-out 1.35s ease-in-out infinite}.animation-preset-card--slideInUp:hover .animation-preset-sq{animation:anim-preview-slide-in-up 1.35s cubic-bezier(.33,1,.68,1) infinite}.animation-preset-card--slideInDown:hover .animation-preset-sq{animation:anim-preview-slide-in-down 1.35s cubic-bezier(.33,1,.68,1) infinite}.animation-preset-card--slideInLeft:hover .animation-preset-sq{animation:anim-preview-slide-in-left 1.35s cubic-bezier(.33,1,.68,1) infinite}.animation-preset-card--slideInRight:hover .animation-preset-sq{animation:anim-preview-slide-in-right 1.35s cubic-bezier(.33,1,.68,1) infinite}.animation-preset-card--scaleIn:hover .animation-preset-sq{animation:anim-preview-scale-in 1.35s cubic-bezier(.34,1.2,.64,1) infinite}.animation-preset-card--zoomIn:hover .animation-preset-sq{animation:anim-preview-zoom-in 1.35s cubic-bezier(.34,1.2,.64,1) infinite}.animation-preset-card--rotateIn:hover .animation-preset-sq{animation:anim-preview-rotate-in 1.35s cubic-bezier(.33,1,.68,1) infinite}.animation-preset-card--flipIn:hover .animation-preset-sq{animation:anim-preview-flip-in 1.45s cubic-bezier(.33,1,.68,1) infinite}.animation-preset-card--bounceIn:hover .animation-preset-sq{animation:anim-preview-bounce-in 1.5s cubic-bezier(.33,1,.68,1) infinite}.animation-preset-card--blurIn:hover .animation-preset-sq{animation:anim-preview-blur-in 1.35s ease-in-out infinite}.animation-preset-card--revealIn:hover .animation-preset-sq{animation:anim-preview-reveal-in 1.35s cubic-bezier(.33,1,.68,1) infinite}.animation-preset-card--popIn:hover .animation-preset-sq{animation:anim-preview-pop-in 1.35s cubic-bezier(.33,1,.68,1) infinite}.animation-preset-card--popOut:hover .animation-preset-sq{animation:anim-preview-pop-out 1.35s cubic-bezier(.33,1,.68,1) infinite}.animation-preset-card--slideOutUp:hover .animation-preset-sq{animation:anim-preview-slide-out-up 1.35s cubic-bezier(.33,1,.68,1) infinite}.animation-preset-card--slideOutDown:hover .animation-preset-sq{animation:anim-preview-slide-out-down 1.35s cubic-bezier(.33,1,.68,1) infinite}.animation-preset-card--slideOutLeft:hover .animation-preset-sq{animation:anim-preview-slide-out-left 1.35s cubic-bezier(.33,1,.68,1) infinite}.animation-preset-card--slideOutRight:hover .animation-preset-sq{animation:anim-preview-slide-out-right 1.35s cubic-bezier(.33,1,.68,1) infinite}.animation-preset-card--scaleOut:hover .animation-preset-sq{animation:anim-preview-scale-out 1.35s cubic-bezier(.34,1.2,.64,1) infinite}.animation-preset-card--zoomOut:hover .animation-preset-sq{animation:anim-preview-zoom-out 1.35s cubic-bezier(.34,1.2,.64,1) infinite}.animation-preset-card--rotateOut:hover .animation-preset-sq{animation:anim-preview-rotate-out 1.35s cubic-bezier(.33,1,.68,1) infinite}.animation-preset-card--flipOut:hover .animation-preset-sq{animation:anim-preview-flip-out 1.45s cubic-bezier(.33,1,.68,1) infinite}.animation-preset-card--shrinkOut:hover .animation-preset-sq{animation:anim-preview-shrink-out 1.35s cubic-bezier(.34,1.2,.64,1) infinite}.animation-preset-card--blurOut:hover .animation-preset-sq{animation:anim-preview-blur-out 1.35s ease-in-out infinite}.animation-preset-card--collapseOut:hover .animation-preset-sq{animation:anim-preview-collapse-out 1.35s cubic-bezier(.33,1,.68,1) infinite}.animation-preset-card--pulseScale:hover .animation-preset-sq{animation:anim-preview-pulse-scale 1.6s ease-in-out infinite}.animation-preset-card--nudgeX:hover .animation-preset-sq{animation:anim-preview-nudge-x 1.5s ease-in-out infinite}.animation-preset-card--wiggleRot:hover .animation-preset-sq{animation:anim-preview-wiggle-rot 1.35s ease-in-out infinite}.animation-preset-card--popMicro:hover .animation-preset-sq{animation:anim-preview-pop-micro 1.4s ease-in-out infinite}.animation-preset-card--nudgeY:hover .animation-preset-sq{animation:anim-preview-nudge-y 1.45s ease-in-out infinite}.animation-preset-card--shakeXY:hover .animation-preset-sq{animation:anim-preview-shake-xy .55s ease-in-out infinite}.animation-preset-card--heartbeat:hover .animation-preset-sq{animation:anim-preview-heartbeat 1.25s ease-in-out infinite}.animation-preset-card--floatBob:hover .animation-preset-sq{animation:anim-preview-float-bob 1.7s ease-in-out infinite}.animation-preset-card--flipWink .animation-preset-thumb{perspective:80px}.animation-preset-card--flipWink:hover .animation-preset-sq{animation:anim-preview-flip-wink 1.65s ease-in-out infinite;transform-style:preserve-3d}.animation-preset-card--squeezeXY:hover .animation-preset-sq{animation:anim-preview-squeeze-xy 1.5s ease-in-out infinite}.animation-preset-card--swayTilt:hover .animation-preset-sq{animation:anim-preview-sway-tilt 1.45s ease-in-out infinite}.animation-preset-card--drumHit:hover .animation-preset-sq{animation:anim-preview-drum-hit 1.1s cubic-bezier(.33,1,.68,1) infinite}.animation-preset-card--spinWobble:hover .animation-preset-sq{animation:anim-preview-spin-wobble 1.35s ease-in-out infinite}.animation-preset-card--typeWave:hover .animation-preset-sq{animation:anim-preview-type-wave 1.2s ease-in-out infinite}.animation-preset-card--typeTracking:hover .animation-preset-sq{animation:anim-preview-type-tracking 1.4s ease-in-out infinite}.animation-preset-card--typeSkew:hover .animation-preset-sq{animation:anim-preview-type-skew 1.15s ease-in-out infinite}.animation-preset-card--typeGlitch:hover .animation-preset-sq{animation:anim-preview-type-glitch .45s linear infinite}.animation-preset-card--typeStretch:hover .animation-preset-sq{animation:anim-preview-type-stretch 1.35s ease-in-out infinite}.animation-preset-card--typeKernPop:hover .animation-preset-sq{animation:anim-preview-type-kern-pop 1.25s ease-in-out infinite}.animation-preset-card--typeItalic:hover .animation-preset-sq{animation:anim-preview-type-italic 1.3s ease-in-out infinite}.animation-preset-card--typeMaskIn:hover .animation-preset-sq{animation:anim-preview-type-mask-in 1.25s ease-in-out infinite}.animation-preset-card--typeMaskOut:hover .animation-preset-sq{animation:anim-preview-type-mask-out 1.25s ease-in-out infinite}@keyframes anim-preview-text-slide-fade-in{0%,to{opacity:.45;transform:translateY(5px)}50%{opacity:1;transform:translateY(0)}}.animation-preset-card--paramMoveIn:hover .animation-preset-sq{animation:anim-preview-slide-in-up 1.35s cubic-bezier(.33,1,.68,1) infinite}.animation-preset-card--paramScaleIn:hover .animation-preset-sq{animation:anim-preview-scale-in 1.35s cubic-bezier(.34,1.2,.64,1) infinite}.animation-preset-card--textSlideFadeIn:hover .animation-preset-sq{animation:anim-preview-text-slide-fade-in 1.35s ease-in-out infinite}.animation-preset-card--none .animation-preset-sq{background:#0000;border:2px dashed color-mix(in oklab,#8a8a85 55%,#0000);border:2px dashed color-mix(in oklab,var(--ink-3) 55%,#0000);border-radius:6px;box-shadow:none;height:22px;opacity:.85;width:22px}@media (prefers-reduced-motion:reduce){.animation-preset-card:hover .animation-preset-sq{animation:none!important}}.anim-row{align-items:center;background:#f5f5f3;background:var(--panel-2);border:1px solid #e7e6e2;border:1px solid var(--border);border-radius:7px;display:flex;font-size:12px;gap:6px;margin-bottom:6px;padding:6px 8px}.anim-row .dot{background:#fff;border:1.5px solid #1a1a1a;border:1.5px solid var(--ink);border-radius:2px;height:8px;transform:rotate(45deg);width:8px}.anim-row.exit .dot{border-color:#cc2a2a}.anim-row .grow{flex:1 1}.anim-row .mini{background:#fff;border:1px solid #e7e6e2;border:1px solid var(--border);border-radius:5px;font-size:11px;padding:3px 6px}.anim-row button.x{background:#0000;border:0;border-radius:4px;color:#8a8a85;color:var(--ink-3);cursor:pointer;padding:2px}.anim-row button.x:hover{background:#fff;color:#1a1a1a;color:var(--ink)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-thumb{background:#d9d8d3;background-clip:content-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#bcbbb6;background-clip:content-box;border:2px solid #0000}.templates-page{background:#eceef2;box-sizing:border-box;color:#111827;display:flex;flex-direction:column;height:100%;min-height:100%;overflow:hidden;padding:0}.templates-shell{align-items:stretch;display:flex;flex:1 1 auto;min-height:0;min-width:0;padding-left:228px}.templates-sidebar{background:#0000;bottom:0;box-sizing:border-box;display:flex;flex:0 0 228px;flex-direction:column;gap:28px;left:0;overflow:hidden;padding:28px 20px 24px;position:fixed;top:0;width:228px;z-index:5}.templates-sidebar__brand{-webkit-user-select:none;user-select:none}.templates-sidebar__brand .brand-logo{height:28px}.templates-sidebar__create{align-items:center;background:#5c60ff;border:none;border-radius:12px;box-shadow:0 2px 6px #5c60ff59,inset 0 1px 0 #fff3;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-size:14px;font-weight:600;justify-content:center;letter-spacing:-.28px;line-height:20px;margin:0;min-height:44px;overflow:hidden;padding:10px 16px;position:relative;white-space:nowrap;width:100%}.templates-sidebar__create:hover{background:#6e72ff;color:#fff}.templates-sidebar__create:active{background:#4f53e8;box-shadow:0 1px 3px #4f53e873,inset 0 1px 0 #ffffff1f;color:#fff}.templates-sidebar__create:focus-visible{outline:2px solid #5c60ff;outline-offset:2px;z-index:1}.templates-nav{display:flex;flex-direction:column;gap:4px}.templates-nav-link{align-items:center;background:#0000;border:0;border-radius:12px;color:#4b5563;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:10px 12px;text-decoration:none;transition:background .12s ease,color .12s ease,box-shadow .12s ease}.templates-nav-link:hover{background:#ffffffa6;color:#111827}.templates-nav-link__icon{color:#6b7280;flex-shrink:0}.templates-nav-link--active{background:#fff;box-shadow:0 1px 3px #0000000f;color:#111827;font-weight:600}.templates-nav-link--active .templates-nav-link__icon{color:#111827}.templates-nav-link--disabled{cursor:not-allowed;opacity:.45;pointer-events:none}.templates-stage{background:#fff;border-radius:22px;box-shadow:0 4px 24px #0f172a0f;flex:1 1 auto;margin:14px 14px 14px 0;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;padding:26px 36px 40px;scrollbar-width:none}.templates-stage:hover{scrollbar-width:thin}.templates-stage::-webkit-scrollbar{height:0;width:0}.templates-stage:hover::-webkit-scrollbar{height:10px;width:10px}@media (max-width:900px){.templates-shell{flex-direction:column;padding-left:0}.templates-sidebar{align-items:center;bottom:auto;flex:none;gap:16px;left:auto;overflow:visible;padding:16px;position:static;top:auto;width:auto;z-index:auto}.templates-nav,.templates-sidebar{flex-direction:row;flex-wrap:wrap}.templates-sidebar__create{flex:0 0 auto;width:auto}.templates-stage{border-radius:18px;margin:0 12px 16px;padding:20px 18px 32px}}.templates-stage__search-row{align-items:center;display:flex;justify-content:center;margin-bottom:28px;width:100%}.templates-stage__search-center{display:flex;justify-content:center;max-width:560px;min-width:0;width:100%}@media (max-width:720px){.templates-stage__search-row{gap:12px}.templates-stage__search-center{width:100%}}.templates-search{align-items:center;background:#fafafa;border:1px solid #e5e7eb;border-radius:999px;box-sizing:border-box;display:flex;gap:10px;height:44px;max-width:560px;padding:0 14px;width:100%}.templates-search:focus-within{background:#fff;border-color:#c4b5fd;box-shadow:0 0 0 3px #6d28d91f}.templates-search__icon{color:#9ca3af;flex-shrink:0}.templates-search__input{background:#0000;border:0;color:#111827;flex:1 1 auto;font-family:inherit;font-size:14px;height:100%;min-width:0;outline:none}.templates-search__input::placeholder{color:#9ca3af}.templates-search__kbd{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#9ca3af;flex-shrink:0;font-family:ui-sans-serif,system-ui,sans-serif;font-size:11px;font-weight:500;padding:3px 8px}.templates-stage__title-row{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:0 0 12px;min-width:0}.templates-stage__user-tools{flex-shrink:0;gap:10px 16px}.templates-gallery-key,.templates-stage__user-tools{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-end}.templates-gallery-key{gap:8px;max-width:min(100%,360px)}.templates-gallery-key__hint{color:#6b7280;font-size:12px;font-weight:500;line-height:1.3;white-space:nowrap}.templates-gallery-key__btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font:inherit;font-size:13px;font-weight:500;margin:0;padding:6px 12px;white-space:nowrap}.templates-gallery-key__btn:hover{border-color:#d1d5db;color:#111827}.templates-gallery-key__btn:focus-visible{outline:2px solid #7c3aed;outline-offset:2px}.templates-stage__title{color:#111827;flex:1 1 auto;font-size:28px;font-weight:700;letter-spacing:-.035em;line-height:1.15;margin:0;min-width:0}.templates-user-bar{align-items:center;display:flex;flex-shrink:0;gap:12px;min-width:0}.templates-user-bar--signed-out{align-items:center}.templates-user-bar__loading{color:#6b7280;font-size:13px;white-space:nowrap}.templates-user-bar__account{align-items:center;background:#fafafa;border:1px solid #e5e7eb;border-radius:999px;box-sizing:border-box;display:flex;gap:10px;max-width:min(280px,42vw);min-width:0;padding:3px 12px 3px 4px}.templates-user-bar__avatar{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.templates-user-bar__avatar--fallback{align-items:center;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;display:flex;font-size:14px;font-weight:700;justify-content:center}.templates-user-bar__name{color:#111827;font-size:14px;font-weight:600;line-height:1.2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.templates-user-bar__sign-out{background:none;border:0;border-radius:6px;color:#6b7280;cursor:pointer;font:inherit;font-size:13px;font-weight:500;margin:0;padding:0 4px;white-space:nowrap}.templates-user-bar__sign-out:hover{color:#111827}.templates-user-bar__sign-out:focus-visible{outline:2px solid #7c3aed;outline-offset:2px}.templates-categories{margin:0 0 20px;min-width:0}.templates-categories__viewport{margin:0;min-width:0;position:relative}.templates-categories__fade{bottom:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .22s ease;width:0;z-index:2}.templates-categories__fade--left{background:linear-gradient(90deg,#fff 0,#fff 22%,#ffffffb8 52%,#fff0);left:0;width:56px}.templates-categories__fade--right{background:linear-gradient(270deg,#fff 0,#fff 26%,#ffffffc7 55%,#fff0);right:0;width:88px}.templates-categories__viewport--left .templates-categories__fade--left,.templates-categories__viewport--right .templates-categories__fade--right{opacity:1}.templates-categories__nav{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:50%;box-shadow:none;box-sizing:border-box;color:#111827;cursor:pointer;display:flex;height:36px;justify-content:center;margin:0;opacity:0;padding:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .16s ease,background .12s ease,border-color .12s ease;width:36px;z-index:4}.templates-categories__nav--prev{left:4px}.templates-categories__nav--next{right:10px}.templates-categories__nav__icon{display:block}.templates-categories__viewport:focus-within .templates-categories__nav--usable,.templates-categories__viewport:hover .templates-categories__nav--usable{opacity:1;pointer-events:auto}.templates-categories__nav:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.templates-categories__nav:focus-visible:not(:disabled){opacity:1;outline:2px solid #111827;outline-offset:2px;pointer-events:auto}.templates-categories__nav:disabled{cursor:default;opacity:0;pointer-events:none}.templates-categories__track{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding:12px 56px 22px 0;scroll-padding-inline-end:56px;scroll-padding-inline-start:0;scroll-snap-type:x proximity;scrollbar-width:none}.templates-categories__track::-webkit-scrollbar{display:none}.templates-category-card{background:#0000;border:0;color:inherit;cursor:pointer;flex:0 0 auto;font:inherit;margin:2px 0;padding:0;scroll-snap-align:start}.templates-category-card:focus-visible{outline:none}.templates-category-card:focus-visible .templates-category-card__inner{outline:2px solid #111827;outline-offset:2px}.templates-category-card__inner{align-items:center;background:#f8f7f7;border:1px solid #eceef2;border-radius:22px;box-shadow:none;display:inline-flex;flex-direction:row;gap:12px;min-height:72px;padding:12px 24px 12px 14px;transition:background-color .18s ease,border-color .18s ease,box-shadow .2s ease}.templates-category-card:hover .templates-category-card__inner{background:#fff;border-color:#e2e5eb;box-shadow:0 1px 2px #0f172a0d,0 3px 8px #0f172a12}.templates-category-card--active .templates-category-card__inner{border-color:#d8dce3}.templates-category-card__thumb-wrap{background:#f3f4f6;border-radius:11px;flex:0 0 auto;height:46px;overflow:hidden;width:46px}.templates-category-card__thumb-img{display:block;height:100%;object-fit:cover;width:100%}.templates-category-card__thumb-fallback{display:block;height:100%;min-height:46px;width:100%}.templates-category-card__text{color:#0a0a0a;font-size:12px;font-weight:600;letter-spacing:-.03em;line-height:1.2;padding-right:0;white-space:nowrap}@media (prefers-reduced-motion:reduce){.templates-categories__fade,.templates-categories__nav,.templates-category-card__inner{transition:none}}.templates-stage__empty,.templates-stage__error,.templates-stage__flash,.templates-stage__note{font-size:14px;margin:0 0 16px}.templates-stage__note{color:#6b7280}.templates-stage__error{color:#b42318}.templates-stage__flash{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;color:#065f46;padding:10px 14px}.templates-stage__flash--warn{background:#fffbeb;border-color:#fcd34d;color:#92400e}.templates-stage__empty{background:#fafafa;border:1px dashed #e5e7eb;border-radius:16px;color:#6b7280;padding:40px 20px;text-align:center}.templates-mosaic-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1180px){.templates-mosaic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.templates-mosaic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.templates-mosaic-grid{grid-template-columns:1fr}}.templates-mosaic-card{background:#fff;border:1px solid #0000000d;border-radius:20px;box-shadow:0 1px 3px #0f172a0f;overflow:visible;position:relative;transition:box-shadow .2s ease,transform .2s ease}.templates-mosaic-card:hover{box-shadow:0 18px 42px #0f172a1f;transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.templates-mosaic-card{transition:none}.templates-mosaic-card:hover{transform:none}}.templates-mosaic-cover-input{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.templates-mosaic-card__hit{align-items:stretch;background:#0000;border:0;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;margin:0;padding:0;text-align:left;width:100%}.templates-mosaic-card__hit:disabled{cursor:wait;opacity:.65}.templates-mosaic-card__hit:hover .templates-mosaic-card__meta{background:#fafafa}.templates-mosaic-card__hit:focus-visible{outline:2px solid #6d28d9;outline-offset:2px}.templates-mosaic-card__media-wrap{padding:10px 10px 0}.templates-mosaic-card__media{aspect-ratio:4/3;background:#f3f4f6;border-radius:14px;overflow:hidden;position:relative}.templates-mosaic-card__thumb{box-sizing:border-box;display:block;height:100%;inset:0;object-fit:cover;object-position:center;position:absolute;width:100%}.templates-mosaic-card__meta{background:#fff;padding:12px 16px 10px;text-align:left;transition:background-color .12s ease}.templates-mosaic-card__name{color:#111827;font-size:14px;font-weight:600;letter-spacing:-.02em;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.templates-mosaic-card__menu{align-items:flex-end;display:flex;flex-direction:column;gap:0;left:auto;opacity:0;pointer-events:none;position:absolute;right:14px;top:14px;transition:opacity .15s ease,visibility .15s ease;visibility:hidden;z-index:5}@media (hover:hover) and (pointer:fine){.templates-mosaic-card:hover .templates-mosaic-card__menu{opacity:1;pointer-events:auto;visibility:visible}}@media (hover:none),(pointer:coarse){.templates-mosaic-card__menu{opacity:1;pointer-events:auto;visibility:visible}}.templates-mosaic-card__menu-trigger{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffffff0;border:0;border-radius:10px;box-shadow:0 1px 4px #0f172a1f;color:#374151;cursor:pointer;display:flex;height:32px;justify-content:center;margin:0;padding:0;width:32px}.templates-mosaic-card__menu-trigger:hover{background:#fff;color:#111827}.templates-mosaic-card__menu-trigger:focus-visible{outline:2px solid #6d28d9;outline-offset:2px}.templates-mosaic-card__menu-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 12px 32px #0f172a24;left:auto;min-width:168px;opacity:0;padding:6px;position:absolute;right:0;top:calc(100% + 4px);transform:translateY(-4px);transition:opacity .14s ease,visibility .14s ease,transform .14s ease;visibility:hidden}.templates-mosaic-card__menu:focus-within .templates-mosaic-card__menu-panel,.templates-mosaic-card__menu:hover .templates-mosaic-card__menu-panel{opacity:1;transform:translateY(0);visibility:visible}.templates-mosaic-card__menu-item{background:#0000;border:0;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:500;margin:0;padding:8px 10px;text-align:left;width:100%}.templates-mosaic-card__menu-item:hover:not(:disabled){background:#f3f4f6}.templates-mosaic-card__menu-item:disabled{cursor:wait;opacity:.45}.templates-mosaic-card__menu-item--danger{color:#b42318}.templates-mosaic-card__menu-item--danger:hover:not(:disabled){background:#fef2f2}.modal-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:500}.modal{background:#fff;background:var(--panel);border:1px solid #e7e6e2;border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 32px #1414141a,0 2px 6px #1414140f;box-shadow:var(--shadow-pop);overflow:hidden;width:min(420px,92vw)}.modal-head{align-items:center;border-bottom:1px solid #e7e6e2;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 12px 10px 14px}.modal-title{font-size:13px;font-weight:700}.modal-close{background:#0000;border:0;border-radius:8px;color:#4a4a48;color:var(--ink-2);cursor:pointer;height:28px;width:28px}.modal-close:hover{background:#f5f5f3;background:var(--panel-2)}.modal-body{padding:14px}.modal-subtitle{color:#4a4a48;color:var(--ink-2);font-size:12px;font-weight:600;margin-bottom:10px}.blocks-category-row--modal{margin-bottom:14px}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.system-dialog-overlay{z-index:10000}.modal-message{color:#1a1a1a;color:var(--ink);font-size:13px;line-height:1.55;margin:0 0 16px;white-space:pre-wrap}.modal-message strong{font-weight:600}.btn-danger{background:#c42b2b;border-color:#a32222;color:#fff}.btn-danger:hover:not(:disabled){background:#a32222;border-color:#8b1d1d}.timing-converter-page{height:100vh;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:18px}.timing-converter-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.timing-converter-kicker{color:#8a8a85;color:var(--ink-3);font-size:12px;letter-spacing:.08em;margin:0 0 6px;text-transform:uppercase}.timing-converter-header h1{font-size:20px;margin:0}.timing-converter-subtitle{color:#4a4a48;color:var(--ink-2);margin:8px 0 0;max-width:780px}.timing-converter-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.timing-converter-card{background:#fff;background:var(--panel);border:1px solid #e7e6e2;border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 0 #1414140a,0 1px 2px #1414140a;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:10px;padding:12px}.timing-converter-card-head{align-items:center;display:flex;gap:8px;justify-content:space-between}.timing-converter-card-head h2{font-size:14px;margin:0}.timing-converter-upload-btn{overflow:hidden;position:relative}.timing-converter-upload-btn input{cursor:pointer;inset:0;opacity:0;position:absolute}.timing-converter-textarea{background:#f5f5f3;background:var(--panel-2);border:1px solid #e7e6e2;border:1px solid var(--border);border-radius:8px;box-sizing:border-box;color:var(--ink-1);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;line-height:1.45;min-height:420px;padding:10px;resize:vertical;width:100%}.timing-converter-actions,.timing-converter-inline-actions{align-items:center;display:flex;gap:8px}.timing-converter-note{color:#4a4a48;color:var(--ink-2);margin:12px 0 0}.timing-converter-error{color:#b42318;margin:12px 0 0}.timing-converter-fetch-card{grid-gap:10px;background:#fff;background:var(--panel);border:1px solid #e7e6e2;border:1px solid var(--border);border-radius:12px;display:grid;gap:10px;margin-top:16px;padding:14px}.timing-converter-url-input{background:#fafaf8;background:var(--input-bg,var(--bg));border:1px solid #e7e6e2;border:1px solid var(--border);border-radius:6px;box-sizing:border-box;color:var(--fg);font-family:monospace;font-size:13px;outline:none;padding:8px 10px;width:100%}.timing-converter-url-input:focus{border-color:oklch(.58 .19 280);border-color:var(--accent,#6366f1)}.timing-converter-ai-card{grid-gap:10px;background:#fff;background:var(--panel);border:1px solid #e7e6e2;border:1px solid var(--border);border-radius:12px;display:grid;gap:10px;margin-top:16px;padding:14px}.timing-converter-ai-card .timing-converter-textarea{min-height:110px}@media (max-width:1100px){.timing-converter-grid{grid-template-columns:1fr}}.agent-builder-panel__body{display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 120px);overflow:auto;padding:10px 12px 16px}.agent-builder-panel__hint{color:#8a8a85;color:var(--ink-3);font-size:11px;line-height:1.45;margin:0}.agent-builder-panel__label{color:#4a4a48;color:var(--ink-2);font-size:11px;font-weight:600;margin-top:4px}.agent-builder-panel__draft,.agent-builder-panel__input,.agent-builder-panel__select,.agent-builder-panel__textarea{background:#fff;background:var(--panel);border:1px solid #e7e6e2;border:1px solid var(--border);border-radius:6px;box-sizing:border-box;color:var(--ink-1);font:inherit;font-size:12px;padding:6px 8px;width:100%}.agent-builder-panel__draft,.agent-builder-panel__textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;min-height:72px;resize:vertical}.agent-builder-panel__primary{justify-content:center;margin-top:4px}.agent-builder-panel__err{background:color-mix(in oklab,#fecaca 35%,#0000);border-radius:6px;color:#b42318;font-size:11px;padding:6px 8px}.agent-builder-panel__hr{border:0;border-top:1px solid #e7e6e2;border-top:1px solid var(--border);margin:8px 0}.agent-builder-panel__summary{color:var(--ink-1);font-size:12px;line-height:1.45}.agent-builder-panel__bible{color:#4a4a48;color:var(--ink-2);display:flex;flex-direction:column;font-size:11px;gap:6px;line-height:1.5}.agent-builder-panel__h4{color:#8a8a85;color:var(--ink-3);font-size:11px;font-weight:600;letter-spacing:.04em;margin:10px 0 4px;text-transform:none}.agent-builder-panel__brief{background:#f5f5f3;background:var(--panel-2);border:1px solid #e7e6e2;border:1px solid var(--border);border-radius:6px;font-size:11px;line-height:1.45;margin:0;max-height:200px;overflow:auto;padding:8px;white-space:pre-wrap;word-break:break-word}.agent-builder-panel__beats,.agent-builder-panel__timeline-map{color:#4a4a48;color:var(--ink-2);font-size:11px;margin:0;padding-left:18px}.agent-builder-panel__timeline-map{max-height:220px;overflow:auto}.agent-builder-panel__timeline-map li{margin-bottom:8px}.agent-builder-panel__tiny-onscreen{color:#8a8a85;color:var(--ink-3);font-size:10px;margin-top:2px}.agent-builder-panel__brief--tall{max-height:280px}.agent-builder-panel__agents{display:flex;flex-direction:column;gap:6px}.agent-card{background:color-mix(in oklab,#f5f5f3 88%,#fff);background:color-mix(in oklab,var(--panel-2) 88%,var(--panel));border:1px solid #e7e6e2;border:1px solid var(--border);border-radius:8px;overflow:hidden}.agent-card__head{align-items:center;background:#0000;border:0;color:var(--ink-1);cursor:pointer;display:flex;font:inherit;font-size:12px;font-weight:600;gap:8px;justify-content:space-between;padding:8px 10px;text-align:left;width:100%}.agent-card__head:hover{background:color-mix(in oklab,oklch(.58 .19 280) 8%,#0000);background:color-mix(in oklab,var(--accent) 8%,#0000)}.agent-card__title{flex:1 1}.agent-card__chev{color:#8a8a85;color:var(--ink-3);font-size:10px}.agent-card__focus{color:#4a4a48;color:var(--ink-2);font-size:11px;padding:0 10px 8px}.agent-card__body{border-top:1px solid color-mix(in oklab,#e7e6e2 80%,#0000);border-top:1px solid color-mix(in oklab,var(--border) 80%,#0000);padding:0 10px 10px}.agent-card__muted{color:#8a8a85;color:var(--ink-3);font-size:10px;margin-bottom:6px}.agent-card__prompt{background:#fff;background:var(--panel);border-radius:4px;font-size:10px;line-height:1.4;margin:0 0 8px;max-height:140px;overflow:auto;padding:6px;white-space:pre-wrap;word-break:break-word}.agent-card__list{color:#4a4a48;color:var(--ink-2);font-size:11px;margin:0;padding-left:16px}.prop-mode-tabs{border-bottom:1px solid #e7e6e2;border-bottom:1px solid var(--border);display:flex;gap:4px;padding:0 10px}.prop-mode-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#8a8a85;color:var(--ink-3);cursor:pointer;flex:1 1;font-size:13px;font-weight:600;margin-bottom:-1px;padding:10px 8px}.prop-mode-tab:hover{color:var(--ink-1)}.prop-mode-tab.active{border-bottom-color:oklch(.58 .19 280);border-bottom-color:var(--accent);color:#1a1a1a;color:var(--ink)}.prop-mode-rail{align-items:center;background:#fff;background:var(--panel);border-bottom:none;box-sizing:border-box;display:flex;flex-shrink:0;min-height:65px;padding:12px 16px}.prop-mode-rail__track{background:#ececea;background:var(--track);border:1px solid #e7e6e2;border:1px solid var(--border);border-radius:12px;box-shadow:inset 0 1px 2px 0 #3232321a;box-sizing:border-box;min-height:40px;padding:3px;width:100%}.prop-mode-rail__tabs{align-items:stretch;display:flex;min-height:32px;position:relative;width:100%}.prop-mode-rail__thumb{background:#fff;background:var(--panel);border-radius:9px;bottom:0;box-shadow:0 1px 2px #3232320f,0 1px 3px #3232320a;left:0;pointer-events:none;position:absolute;top:0;transition:transform .22s cubic-bezier(.32,.72,0,1);width:50%;z-index:0}@media (prefers-reduced-motion:reduce){.prop-mode-rail__tab,.prop-mode-rail__thumb{transition:none}}.prop-mode-rail__tab{background:#0000;border:none;border-radius:9px;color:#8a8a85;color:var(--ink-3);cursor:pointer;flex:1 1;font:inherit;font-size:14px;font-weight:400;height:32px;letter-spacing:-.02em;line-height:32px;margin:0;padding:0 8px;position:relative;transition:color .2s ease;z-index:1}.prop-mode-rail__tab:hover{color:#1a1a1a;color:var(--ink)}.prop-mode-rail__tab:focus-visible{outline:2px solid color-mix(in oklab,oklch(.58 .19 280) 45%,#0000);outline:2px solid color-mix(in oklab,var(--accent) 45%,#0000);outline-offset:2px;z-index:2}.prop-mode-rail__tab--active{font-weight:600}.prop-mode-rail__tab--active,.prop-mode-rail__tab--active:hover{color:#1a1a1a;color:var(--ink)}.prop-mode-rail__tab[aria-disabled=true]{cursor:not-allowed;opacity:.45}.animate-tab .animate-tab-hint,.prop-mode-rail__tab[aria-disabled=true]:hover{color:#8a8a85;color:var(--ink-3)}.animate-tab .animate-tab-hint{font-size:12px;line-height:1.45;margin:0 0 12px}.animate-tab-empty{align-items:center;color:#4a4a48;color:var(--ink-2);display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center;min-height:0;padding:16px}.animate-tab-empty__art{display:block;height:auto;max-width:100%;pointer-events:none;-webkit-user-select:none;user-select:none;width:min(108px,100%)}.animate-tab-empty__msg{font-size:12px;font-weight:500;line-height:1.45;margin:0;max-width:220px;text-align:center}.right.animate-tab{display:flex;flex-direction:column;min-height:0;overflow:hidden}.right.animate-tab.animate-tab--panel-root{display:block;min-height:0;overflow:visible}.animate-tab-advance-footer{background:#fff;background:var(--panel);bottom:0;box-shadow:0 -8px 18px -10px color-mix(in oklab,#1a1a1a 22%,#0000);box-shadow:0 -8px 18px -10px color-mix(in oklab,var(--ink) 22%,#0000);margin-top:2px;padding:8px 14px 14px;position:sticky;z-index:1}.animate-tab-advance-footer .animate-tab-advance-toggle{margin-top:0}.animate-tab-scroll{flex:1 1;min-height:0;overflow:auto}.animate-tab-spin-strip{flex-shrink:0;padding:0 14px 10px}.animate-tab-spin-strip--embed,.animate-tab-spin-strip--in-opacity-strip{margin:0;padding:0}.animate-tab-advance-unified-head{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.animate-dual-opacity-keys{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.animate-dual-opacity-keys__btn{flex:1 1;justify-content:center;min-width:0}.animate-tab-element-size-strip{background:#fff;background:var(--panel);border:0;box-shadow:none;flex-shrink:0;padding:6px 14px 8px}.animate-tab-element-size-strip .animate-tab-media-size{margin:0}.animate-tab-media-size{align-items:baseline;color:#4a4a48;color:var(--ink-2);display:flex;flex-wrap:wrap;font-size:11px;gap:4px 8px;line-height:1.45;margin:0 0 12px;padding:0}.animate-tab-media-size-label{color:#1a1a1a;color:var(--ink);font-weight:600;margin-right:2px}.animate-tab-media-size-value{font-feature-settings:"tnum";color:#1a1a1a;color:var(--ink);font-variant-numeric:tabular-nums;font-weight:500}.animate-tab-media-size-value--muted{color:#8a8a85;color:var(--ink-3);font-weight:400}.animate-tab-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:4px}.animate-tab-actions .btn{background:#f5f5f3;background:var(--panel-2);font-size:12px;justify-content:center;padding:8px 6px}.animate-tab-actions .btn.secondary.active,.animate-tab-actions .btn.secondary.active:hover{background:oklch(.95 .03 280);background:var(--accent-soft);border-color:oklch(.58 .19 280);border-color:var(--accent);color:oklch(.38 .19 280);color:var(--accent-ink)}.animate-tab-advance-toggle{align-items:center;display:flex;font-size:12px;gap:6px;justify-content:center;margin-top:10px;width:100%}.animate-tab-advance-chevron{flex-shrink:0;opacity:.7;transition:transform .15s ease}.animate-tab-advance-chevron--open{transform:rotate(180deg)}.animate-easing-row{align-items:flex-start}.animate-easing-wrap{flex:1 1;min-width:0;position:relative}.animate-easing-trigger{align-items:center;cursor:pointer;display:flex;gap:8px;justify-content:space-between;text-align:left;width:100%}.animate-easing-chevron{flex-shrink:0;opacity:.65}.animate-easing-pop{background:#fff;background:var(--panel);border:1px solid #e7e6e2;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 28px color-mix(in oklab,#000 18%,#0000);display:flex;flex-direction:column;gap:2px;left:0;padding:6px;position:absolute;right:0;top:calc(100% + 4px);z-index:10060}.animate-easing-pop--up{bottom:calc(100% + 4px);box-shadow:0 -8px 28px color-mix(in oklab,#000 18%,#0000);top:auto}.animate-easing-opt{align-items:center;background:#f5f5f3;background:var(--panel-2);border:none;border-radius:8px;color:#1a1a1a;color:var(--ink);cursor:pointer;display:flex;font-size:12px;gap:8px;justify-content:space-between;padding:8px 10px;text-align:left}.animate-easing-opt:hover{background:color-mix(in oklab,oklch(.58 .19 280) 10%,#f5f5f3);background:color-mix(in oklab,var(--accent) 10%,var(--panel-2))}.animate-easing-opt.active{outline:1px solid oklch(.58 .19 280);outline:1px solid var(--accent)}.animate-easing-mini{color:#8a8a85;color:var(--ink-3);font-size:14px;text-align:center;width:1.5em}.ai-motion-panel-body{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding:8px}.ai-motion-quick-prompts{display:flex;flex-wrap:wrap;gap:5px}.ai-motion-quick-btn{background:#f5f5f5;border:1.5px solid #e0e0e0;border-radius:20px;color:#1a1a1a;color:var(--ink);cursor:pointer;font-size:11.5px;font-weight:500;line-height:1.3;padding:5px 10px;transition:background .12s,border-color .12s;white-space:nowrap}.ai-motion-quick-btn:hover:not(:disabled){background:#efefef;border-color:#c8c8c8}.ai-motion-quick-btn:disabled{cursor:not-allowed;opacity:.45}.ai-motion-figma-shell{background:#fcfcfc;border:2px solid #ececec;border-radius:20px;box-shadow:0 18px 36px -24px #0000001a,inset 0 2px 0 #fff;display:flex;flex-direction:column;gap:10px;padding:10px 12px}.ai-motion-figma-prompt-wrap{flex:1 1}.ai-motion-figma-prompt{background:#0000;border:0;color:#121212;font-size:13px;font-weight:400;letter-spacing:-.003em;line-height:1.45;min-height:80px;outline:0;resize:none;width:100%}.ai-motion-figma-prompt::placeholder{color:#888;opacity:1}.ai-motion-figma-submit{background:#f0f0f0;border:1.5px solid #d6d6d6;border-radius:14px;box-shadow:inset 0 2px 0 #fffc,0 1px 4px -2px #0000001f;color:#121212;cursor:pointer;font-size:13px;font-weight:500;letter-spacing:-.01em;line-height:1.33;min-height:36px;padding:8px 14px;transition:background .1s;width:100%}.ai-motion-figma-submit:hover:not(:disabled){background:#e8e8e8}.ai-motion-figma-submit:disabled{cursor:not-allowed;opacity:.5}.ai-motion-status-ok{color:#1a7f4a;font-size:12px;font-weight:500;margin:0}.ai-motion-summary{color:#888;color:var(--text-3,#888);font-size:11px;font-style:italic;line-height:1.45;margin:4px 0 0}.ai-motion-selection-controls{display:flex;flex-direction:column;gap:4px}.ai-motion-selection-check{align-items:center;color:#1a1a1a;color:var(--ink);display:flex;font-size:12px;gap:8px}.ai-motion-selection-error{color:#b42318;font-size:11px;line-height:1.35;margin:0}.ai-motion-reply-block{background:#f8f8f8;border:1px solid #e4e4e4;border-radius:10px;padding:8px 10px}.ai-motion-reply-summary{color:#1a1a1a;color:var(--ink);font-size:12px;line-height:1.45;margin:0}.ai-motion-change-log{display:flex;flex-direction:column;gap:4px}.ai-motion-change-log-title{color:#4a4a48;color:var(--ink-2);font-size:11px;font-weight:600;letter-spacing:.02em;margin:0 0 2px;text-transform:uppercase}.ai-motion-change-entry{background:#f4f4f4;border:1px solid #ebebeb;border-radius:8px;display:flex;flex-direction:column;gap:2px;padding:6px 8px}.ai-motion-change-layer{color:#1a1a1a;color:var(--ink);font-size:12px;font-weight:600}.ai-motion-change-detail{color:#4a4a48;color:var(--ink-2);font-family:monospace;font-family:var(--font-mono,monospace);font-size:11px;line-height:1.3}.ai-motion-selection-reply{background:#fafafa;border:1px solid #ececec;border-radius:8px;color:#1a1a1a;color:var(--ink);font-size:11px;line-height:1.35;margin:4px 0 0;max-height:180px;overflow:auto;padding:8px;white-space:pre-wrap}.clip-waveform{border-radius:inherit;height:100%;left:var(--clip-gutter);mix-blend-mode:overlay;opacity:.72;right:var(--clip-gutter);width:auto}.beat-marker,.clip-waveform{bottom:0;pointer-events:none;position:absolute;top:0}.beat-marker{background:oklch(.55 .22 280/.55);width:1px;z-index:2}.beat-marker:after{background:oklch(.55 .22 280);bottom:0;clip-path:polygon(50% 0,0 100%,100% 100%);content:"";height:5px;left:50%;position:absolute;transform:translateX(-50%);width:5px}.clip-beat-marker{background:#ffffff73;z-index:1}.clip-beat-marker,.tl-beat-line{bottom:0;pointer-events:none;position:absolute;top:0;width:1px}.tl-beat-line{background:oklch(.55 .22 280/.12);z-index:0}.blocks-panel{container-name:blocks-panel;container-type:inline-size;padding:8px 10px 16px}.blocks-category-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.blocks-category-pill{background:#0000;border:1.5px solid oklch(.78 .01 250/.5);border-radius:20px;color:oklch(.6 .02 250);cursor:pointer;font-size:11px;font-weight:500;padding:4px 10px;transition:background .15s,color .15s,border-color .15s}.blocks-category-pill:hover{background:oklch(.92 .01 250/.5)}.blocks-category-pill--active{background:oklch(.25 .04 280);border-color:oklch(.25 .04 280);color:#fff}.blocks-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(min(100%,118px),1fr))}@container blocks-panel (max-width: 200px){.blocks-grid{grid-template-columns:1fr}}.blocks-card{align-items:center;border:1.5px solid oklch(.85 .01 250/.4);border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex;height:80px;justify-content:center;min-width:0;overflow:hidden;transition:transform .12s,box-shadow .12s;-webkit-user-select:none;user-select:none;width:100%}.blocks-card:hover{box-shadow:0 4px 16px oklch(0 0 0/.12);transform:translateY(-2px)}.blocks-card__label{font-size:11px;font-weight:600;letter-spacing:.02em;padding:0 8px;text-align:center}.blocks-card--saved{align-items:flex-end;background-color:oklch(.22 .02 280);background-position:50%;background-repeat:no-repeat;background-size:contain;justify-content:flex-end;position:relative}.blocks-card__label--saved{background:linear-gradient(0deg,#0000008c,#0000);color:#fff;padding:8px;text-align:left;text-shadow:0 1px 10px #0009;width:100%}.blocks-empty{color:oklch(.6 .01 250);font-size:11px;grid-column:1/-1;padding:24px 0;text-align:center}.login-page{align-items:center;background:linear-gradient(160deg,#f5f3ff,#eef2ff 45%,#f9fafb);box-sizing:border-box;display:flex;justify-content:center;margin:0;min-height:100vh;padding:24px 16px}.login-page__card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 12px 40px #11182714;box-sizing:border-box;max-width:400px;padding:32px 28px 28px;width:100%}.login-page__title{color:#111827;font-size:22px;font-weight:700;letter-spacing:-.03em;line-height:1.2;margin:0 0 8px}.login-page__hint{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 24px}.login-page__actions{align-items:flex-start;display:flex;flex-direction:column;gap:12px;min-height:44px}.login-page__loading{color:#6b7280;font-size:14px}.login-page__link{color:#4f46e5;font-weight:500;text-decoration:none}.login-page__link:hover{text-decoration:underline}.login-page__code{background:#f3f4f6;border-radius:4px;color:#374151;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;padding:1px 6px}.ai-video-motion-route{overflow-y:auto!important}.ai-video-motion-page{background:radial-gradient(circle at top right,#f2f7ff 0,#eef4ff 45%,#e9f0ff 100%);box-sizing:border-box;color:#14213d;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;height:auto;min-height:100vh;overflow-x:hidden;overflow-y:visible;padding:32px}.ai-video-motion-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.ai-video-motion-kicker{color:#2b5fc7;font-size:12px;letter-spacing:.08em;margin:0 0 8px;text-transform:uppercase}.ai-video-motion-header h1{font-size:30px;margin:0}.ai-video-motion-subtitle{color:#4a5f8f;margin:8px 0 0}.ai-video-motion-doc-link{background:#f8fbff;border:1px solid #bdd1fb;border-radius:10px;color:#173372;padding:10px 14px;text-decoration:none}.ai-video-motion-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:380px 1fr}.ai-video-motion-chat,.ai-video-motion-config{background:#fff;border:1px solid #c9d8f6;border-radius:14px;box-shadow:0 10px 24px #10265414}.ai-video-motion-config{padding:18px}.ai-video-motion-config h2{margin:0 0 12px}.ai-video-motion-form{display:flex;flex-direction:column;gap:12px}.ai-video-motion-form label{color:#3b4f7e;display:flex;flex-direction:column;font-size:13px;gap:6px}.ai-video-motion-form input,.ai-video-motion-form select,.ai-video-motion-form textarea{background:#f7faff;border:1px solid #bfd2f7;border-radius:10px;color:#12203f;font-size:14px;padding:10px 12px}.ai-video-motion-form textarea{resize:vertical}.ai-video-motion-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.ai-video-motion-form button{background:linear-gradient(120deg,#3f79f6,#4f95ff);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:6px;padding:11px 14px}.ai-video-motion-form button:disabled{cursor:not-allowed;opacity:.6}.ai-video-motion-error{color:#c32643;font-size:13px;margin:4px 0 0}.ai-video-motion-note{border-top:1px solid #d4e0f6;margin-top:16px;padding-top:14px}.ai-video-motion-note h3{font-size:14px;margin:0 0 6px}.ai-video-motion-note p{color:#4b5f8c;font-size:13px;line-height:1.45;margin:0}.ai-video-motion-note code{color:#1f5fcf;font-size:12px;margin-left:6px}.ai-video-motion-chat{display:flex;flex-direction:column;min-height:540px;overflow:visible}.ai-video-motion-chat-header{align-items:center;border-bottom:1px solid #d4e0f6;display:flex;justify-content:space-between;padding:16px 18px}.ai-video-motion-chat-header h2{margin:0}.ai-video-motion-chat-header span{color:#7285af;font-size:12px}.ai-video-motion-messages{display:flex;flex-direction:column;gap:10px;min-height:120px;overflow:visible;padding:18px}.ai-video-motion-preview{border-top:1px solid #d4e0f6;flex:0 0 auto;padding:14px 18px 18px}.ai-video-motion-preview-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.ai-video-motion-preview-top h3{font-size:15px;margin:0}.ai-video-motion-preview-top span{background:#eaf1ff;border:1px solid #c4d7ff;border-radius:999px;color:#1f5fcf;font-size:11px;letter-spacing:.05em;padding:4px 8px;text-transform:uppercase}.ai-video-motion-preview-summary{background:#f5f9ff;border:1px solid #cbdaf8;border-radius:12px;color:#20406d;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;margin:0;padding:12px;white-space:pre-wrap}.ai-video-motion-preview-video{background:#0e1730;border:1px solid #cbdaf8;border-radius:12px;display:block;width:100%}.ai-video-motion-preview-empty{color:#4b5f8c;font-size:13px;margin:0}.ai-video-motion-message{border-radius:12px;font-size:14px;line-height:1.45;max-width:82%;padding:10px 12px;white-space:pre-line}.ai-video-motion-message p{margin:0}.ai-video-motion-message.agent{align-self:flex-start;background:#edf3ff;border:1px solid #c8d9fa}.ai-video-motion-message.user{align-self:flex-end;background:#eef8f2;border:1px solid #cce8d6}@media (max-width:980px){.ai-video-motion-page{padding:18px}.ai-video-motion-grid{grid-template-columns:1fr}.ai-video-motion-header{flex-direction:column}.ai-video-motion-chat{max-height:none}}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.mb-2{margin-bottom:.5rem}.mb-\[20vh\]{margin-bottom:20vh}.ml-auto{margin-left:auto}.mt-3{margin-top:.75rem}.mt-5{margin-top:1.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.contents{display:contents}.\!hidden{display:none!important}.hidden{display:none}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-screen{height:100vh}.min-h-\[48px\]{min-height:48px}.min-h-\[60px\]{min-height:60px}.w-1\.5{width:.375rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-3xl{max-width:48rem}.max-w-\[85\%\]{max-width:85%}.flex-1{flex:1 1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.resize-none{resize:none}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-b-\[1\.75rem\]{border-bottom-left-radius:1.75rem;border-bottom-right-radius:1.75rem}.border{border-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-blue-500\/30{border-color:#3b82f64d}.border-emerald-500\/30{border-color:#10b9814d}.border-neutral-200{--tw-border-opacity:1;border-color:#e5e5e5;border-color:rgb(229 229 229/var(--tw-border-opacity,1))}.border-neutral-600{--tw-border-opacity:1;border-color:#525252;border-color:rgb(82 82 82/var(--tw-border-opacity,1))}.border-neutral-700{--tw-border-opacity:1;border-color:#404040;border-color:rgb(64 64 64/var(--tw-border-opacity,1))}.border-orange-500\/30{border-color:#f973164d}.border-purple-500\/30{border-color:#a855f74d}.border-red-700\/50{border-color:#b91c1c80}.border-white\/10{border-color:#ffffff1a}.bg-black\/35{background-color:#00000059}.bg-black\/40{background-color:#0006}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-blue-500\/20{background-color:#3b82f633}.bg-current{background-color:currentColor}.bg-emerald-500\/20{background-color:#10b98133}.bg-neutral-100{--tw-bg-opacity:1;background-color:#f5f5f5;background-color:rgb(245 245 245/var(--tw-bg-opacity,1))}.bg-neutral-700{--tw-bg-opacity:1;background-color:#404040;background-color:rgb(64 64 64/var(--tw-bg-opacity,1))}.bg-neutral-900{--tw-bg-opacity:1;background-color:#171717;background-color:rgb(23 23 23/var(--tw-bg-opacity,1))}.bg-orange-500\/20{background-color:#f9731633}.bg-purple-500\/20{background-color:#a855f733}.bg-purple-600{--tw-bg-opacity:1;background-color:#9333ea;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.bg-purple-600\/80{background-color:#9333eacc}.bg-red-500{--tw-bg-opacity:1;background-color:#ef4444;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-900\/40{background-color:#7f1d1d66}.bg-transparent{background-color:initial}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:#ffffff1a}.bg-cover{background-size:cover}.bg-center{background-position:50%}.p-3{padding:.75rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.text-right{text-align:right}.text-5xl{font-size:3rem;line-height:1}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.text-blue-300{--tw-text-opacity:1;color:#93c5fd;color:rgb(147 197 253/var(--tw-text-opacity,1))}.text-emerald-300{--tw-text-opacity:1;color:#6ee7b7;color:rgb(110 231 183/var(--tw-text-opacity,1))}.text-neutral-200{--tw-text-opacity:1;color:#e5e5e5;color:rgb(229 229 229/var(--tw-text-opacity,1))}.text-neutral-300{--tw-text-opacity:1;color:#d4d4d4;color:rgb(212 212 212/var(--tw-text-opacity,1))}.text-neutral-400{--tw-text-opacity:1;color:#a3a3a3;color:rgb(163 163 163/var(--tw-text-opacity,1))}.text-neutral-50{--tw-text-opacity:1;color:#fafafa;color:rgb(250 250 250/var(--tw-text-opacity,1))}.text-neutral-500{--tw-text-opacity:1;color:#737373;color:rgb(115 115 115/var(--tw-text-opacity,1))}.text-neutral-900{--tw-text-opacity:1;color:#171717;color:rgb(23 23 23/var(--tw-text-opacity,1))}.text-orange-300{--tw-text-opacity:1;color:#fdba74;color:rgb(253 186 116/var(--tw-text-opacity,1))}.text-purple-300{--tw-text-opacity:1;color:#d8b4fe;color:rgb(216 180 254/var(--tw-text-opacity,1))}.text-purple-400{--tw-text-opacity:1;color:#c084fc;color:rgb(192 132 252/var(--tw-text-opacity,1))}.text-red-200{--tw-text-opacity:1;color:#fecaca;color:rgb(254 202 202/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline-offset-4{text-underline-offset:4px}.accent-purple-500{accent-color:#a855f7}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-sm{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.drop-shadow-sm{--tw-drop-shadow:drop-shadow(0 1px 1px #0000000d)}.drop-shadow-sm,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.placeholder\:text-neutral-400::placeholder{--tw-text-opacity:1;color:#a3a3a3;color:rgb(163 163 163/var(--tw-text-opacity,1))}.placeholder\:text-neutral-500::placeholder{--tw-text-opacity:1;color:#737373;color:rgb(115 115 115/var(--tw-text-opacity,1))}.hover\:bg-emerald-500\/30:hover{background-color:#10b9814d}.hover\:bg-neutral-100:hover{--tw-bg-opacity:1;background-color:#f5f5f5;background-color:rgb(245 245 245/var(--tw-bg-opacity,1))}.hover\:bg-neutral-100\/80:hover{background-color:#f5f5f5cc}.hover\:bg-neutral-700:hover{--tw-bg-opacity:1;background-color:#404040;background-color:rgb(64 64 64/var(--tw-bg-opacity,1))}.hover\:bg-neutral-900\/90:hover{background-color:#171717e6}.hover\:bg-orange-500\/30:hover{background-color:#f973164d}.hover\:bg-purple-500:hover{--tw-bg-opacity:1;background-color:#a855f7;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.hover\:bg-red-500\/90:hover{background-color:#ef4444e6}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:text-neutral-900:hover{--tw-text-opacity:1;color:#171717;color:rgb(23 23 23/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.focus-visible\:outline-none:focus-visible{outline:2px solid #0000;outline-offset:2px}.focus-visible\:ring-0:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-neutral-950:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(10 10 10/var(--tw-ring-opacity,1))}.focus-visible\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}
/*# sourceMappingURL=main.ec64b5d3.css.map*/