.collab-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:44px;padding:5px 12px;color:var(--ios-text);background:var(--ios-surface)}.collab-bar button,.collaboration-panel button{touch-action:manipulation}.collab-live{display:flex;align-items:center;gap:6px;min-height:36px;border:0;background:none;color:inherit}.collab-live>i{width:7px;height:7px;border-radius:50%;background:var(--ios-success-text)}.collab-live small{color:var(--ios-secondary-text);font-size:11px}.collab-bar[data-connection=offline] .collab-live>i,.collab-bar[data-connection=conflict] .collab-live>i{background:var(--ios-danger)}.collab-bar[data-connection=reconnecting] .collab-live>i,.collab-bar[data-connection=syncing] .collab-live>i{background:var(--ios-warning-text)}.collab-avatar-stack{display:flex;align-items:center;margin-left:auto}.collab-avatar-stack>button{padding:0;min-height:36px;min-width:32px;border:0;background:none}.collab-avatar-stack .collab-avatar{width:29px;height:29px;font-size:10px}.collab-avatar{width:36px;height:36px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:var(--ios-control);border:2px solid var(--participant-color, var(--ios-tint));font-weight:650;color:var(--ios-text)}.collab-avatar img{width:100%;height:100%;object-fit:cover}.collab-pending{font-size:11px;color:var(--ios-secondary-text)}.collab-follow-stop{font-size:12px;min-height:36px}.collaboration-panel{width:min(100%,680px);max-height:min(90dvh,860px);display:flex;flex-direction:column;gap:12px;overflow-y:auto;overscroll-behavior:contain}.collaboration-panel>header{flex-shrink:0}.collab-project-heading{display:grid;gap:4px;overflow-wrap:anywhere}.collab-project-heading>strong{font-size:17px}.collab-project-heading>span,.collab-card>small,.collab-card-heading small{color:var(--ios-secondary-text);font-size:12px}.collab-status{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--ios-secondary-text);font-size:12px}.collab-status[data-connection=conflict],.collab-error{color:var(--ios-danger)}.collab-status .subtle{font-size:12px}.collab-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex-shrink:0;padding:4px;border-radius:24px;background:var(--ios-group)}.collab-tabs>button{min-width:0;min-height:48px;padding:6px 2px;border:0;border-radius:20px;background:none;color:var(--ios-secondary-text);display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px}.collab-tabs>button[aria-current=page]{background:var(--ios-surface);color:var(--ios-tint);font-weight:650}.collab-panel-content{display:grid;align-content:start;gap:14px}.collaboration-panel .collab-card{display:grid;gap:10px;padding:14px;border-radius:22px;background:var(--ios-group)}.collab-card h3,.collab-card p,.collab-panel-content>h3,.collab-card-heading h3{margin:0}.collab-card h3,.collab-panel-content>h3,.collab-card-heading h3{font-size:15px}.collab-card p,.collab-hint{font-size:13px;line-height:1.5}.collab-card>p:not(.collab-comment-text),.collab-hint{color:var(--ios-secondary-text)}.collab-field{display:grid;min-width:0;gap:7px;color:var(--ios-secondary-text);font-size:12px}.collaboration-panel :is(input:not([type=checkbox]),textarea,select){width:100%;min-width:0;min-height:42px;font-size:14px;border-radius:15px;padding:10px 12px;border:1px solid var(--ios-separator);background:var(--ios-surface);color:var(--ios-text)}.collaboration-panel textarea{resize:vertical;max-height:200px}.collaboration-panel input[type=checkbox]{width:18px;height:18px;accent-color:var(--ios-tint)}.collaboration-panel :is(.primary,.secondary,.subtle){min-height:40px;gap:7px;display:inline-flex;align-items:center;justify-content:center;white-space:normal;text-align:center;border-radius:22px}.collaboration-panel :is(.primary,.secondary){padding:9px 13px;font-size:13px}.collaboration-panel button:disabled{opacity:.45;cursor:default}.collab-member-list,.collab-room-list{display:grid;gap:3px}.collab-member{display:flex;gap:10px;align-items:center;min-height:60px;padding:10px;border:0;border-radius:18px;background:var(--ios-group);color:var(--ios-text);text-align:left}.collab-member>span:not(.collab-avatar){flex:1;min-width:0;display:grid;gap:5px}.collab-member strong{font-size:14px;overflow-wrap:anywhere}.collab-member small{color:var(--ios-secondary-text);font-size:11px;overflow-wrap:anywhere}.collab-member[aria-expanded=true]{background:var(--ios-tint-surface)}.collab-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.collab-actions>select{flex:1 1 130px;width:auto}.collab-actions>button{flex:1 1 auto}.collab-access{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.collab-access>label{display:grid;gap:6px;flex:1;color:var(--ios-secondary-text);font-size:12px}.collaboration-panel .collab-danger{color:var(--ios-danger)}.collab-invite{display:grid;gap:7px;border-top:1px solid var(--ios-separator);padding-top:10px}.collab-invite>small{color:var(--ios-secondary-text)}.collab-invite-link{display:flex;gap:5px}.collab-project-actions{display:grid;gap:8px}.collab-empty{display:flex;gap:8px;justify-content:center;align-items:center;padding:18px 7px;margin:0;font-size:13px;color:var(--ios-secondary-text);text-align:center;line-height:1.5}.collab-busy{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--ios-secondary-text);font-size:12px}.collab-warning{padding:12px;margin:0;border-radius:18px;background:var(--ios-warning-surface);color:var(--ios-warning-text);font-size:13px;line-height:1.5}.collab-warning>p{margin-top:0}.collab-error{padding:10px 12px;margin:0;border-radius:18px;background:var(--ios-danger-surface);font-size:13px;overflow-wrap:anywhere}.collab-anchor{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:12px}.collab-anchor label{display:flex;gap:5px;align-items:center}.collab-card-heading{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.collab-comment-text{white-space:pre-wrap;overflow-wrap:anywhere}.collab-time-link{justify-self:start;color:var(--ios-tint);font-variant-numeric:tabular-nums;font-size:12px}.collab-replies{display:grid;gap:13px;padding:10px 0 0 13px;border-left:2px solid var(--ios-separator)}.collab-replies article>small{color:var(--ios-secondary-text);display:block;font-size:11px;margin:4px 0}.collab-replies form{display:grid;gap:8px}.collab-filters{display:grid;grid-template-columns:1fr 1fr;gap:9px}.collab-filters>label{min-width:0;display:grid;gap:5px;font-size:12px;color:var(--ios-secondary-text)}.collab-history{margin:0;padding:0;list-style:none;display:grid;gap:10px}.collab-history>li{border-bottom:1px solid var(--ios-separator);padding:0 0 10px}.collab-history li>div{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:13px}.collab-history small{color:var(--ios-secondary-text);font-size:11px}.collab-history p{margin:6px 0 0;font-size:13px;overflow-wrap:anywhere}.collab-inline-form{display:flex;gap:8px;flex-wrap:wrap}.collab-inline-form>input{flex:1 1 140px}.collab-confirm{padding:14px;display:grid;gap:10px;border:1px solid var(--ios-separator);background:var(--ios-surface);border-radius:22px}.collab-confirm>p{font-size:13px;margin:0;line-height:1.5}.collab-library>.collab-hint{margin-top:0}.collab-timeline-presence{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden}.collab-timeline-cursor{position:absolute;top:22px;bottom:0;width:1px;background:var(--participant-color);pointer-events:none}.collab-timeline-cursor>button{position:absolute;top:-19px;left:-12px;min-width:24px;height:22px;border:0;border-radius:8px 8px 8px 0;background:var(--participant-color);color:#fff;font-size:10px;padding:2px 5px;pointer-events:auto;white-space:nowrap;max-width:70px;overflow:hidden;text-overflow:ellipsis}.collab-timeline-comments{display:block;height:0;overflow:visible;position:relative;z-index:6;pointer-events:none}.collab-timeline-comment{position:absolute;top:-23px;width:25px;height:23px;padding:2px;border:0;border-radius:9px;background:var(--ios-surface);color:var(--ios-tint);pointer-events:auto;display:flex;align-items:center;justify-content:center}.collab-layer-indicators{display:flex;align-items:center;gap:3px;position:absolute;left:33px;top:2px;z-index:7;pointer-events:none}.collab-layer-indicators>span{width:6px;height:6px;border-radius:50%;background:var(--participant-color)}@media(max-width:380px){.collab-live small{display:none}.collab-bar{gap:5px;padding-inline:7px}.collaboration-panel .collab-card{padding:11px}.collab-actions>button{flex-basis:100%}}@media(prefers-reduced-motion:reduce){.collab-bar *,.collaboration-panel *{animation:none!important;transition:none!important}}.collab-recovery{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;background:var(--ios-warning-surface);color:var(--ios-warning-text);font-size:12px}.collab-recovery>span{flex:1 1 240px;line-height:1.4}.collab-recovery>button{min-height:38px;padding:7px 12px;border-radius:20px;background:var(--ios-surface);color:var(--ios-text);border:1px solid var(--ios-separator)}.collab-preview .preview{width:100%;max-height:60dvh}.collab-preview>p{color:var(--ios-secondary-text);font-size:13px}.modal.collab-variant-editor{width:100%;max-width:none;height:100dvh;max-height:100dvh;padding:0;gap:0;border-radius:0;overflow:hidden;background:var(--ios-background)}.modal.collab-variant-editor>header{margin:0;padding:max(9px,env(safe-area-inset-top)) 15px 7px;flex-shrink:0}.modal.collab-variant-editor .collab-variant-heading{padding-top:5px}.collab-variant-scope{margin:0;flex-shrink:0;padding:6px 15px;color:var(--ios-secondary-text);font-size:12px;line-height:1.4}.collab-media-progress{display:flex;align-items:center;gap:10px;padding:7px 14px;color:var(--ios-secondary-text);background:var(--ios-surface);font-size:12px}.collab-media-progress progress{min-width:50px;max-width:160px;accent-color:var(--ios-tint)}.welcome-screen{box-sizing:border-box;min-height:100dvh;width:100%;padding:max(20px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:var(--ios-background, var(--bg));color:var(--ios-text, var(--text));font-family:var(--kit-font, system-ui);overflow-x:hidden;display:flex;flex-direction:column}.welcome-header{display:flex;gap:10px;align-items:center;width:min(100%,1140px);margin-inline:auto}.welcome-brand{display:flex;gap:8px;align-items:center;font-size:16px;font-weight:650;letter-spacing:-.35px}.welcome-brand .brand-mark{color:var(--ios-tint, var(--blue))}.welcome-language{display:flex;align-items:center;gap:4px;margin-left:auto;color:var(--ios-secondary-text, var(--muted))}.welcome-language>select{min-width:0;width:auto;min-height:36px;padding:5px 0;border:0;border-radius:10px;background:none;color:inherit;font-size:12px}.welcome-layout{flex:1;display:grid;align-content:center;width:min(100%,960px);margin:10px auto 0;gap:10px}.welcome-visual{display:grid;justify-items:center;align-content:center}.welcome-art{display:block;width:min(100%,400px);max-height:32dvh;overflow:visible}.welcome-art-surface{fill:var(--ios-surface, var(--surface))}.welcome-art-control{fill:var(--ios-control, var(--line))}.welcome-art-line{stroke:var(--ios-separator, var(--line));stroke-width:1}.welcome-art-muted{fill:var(--ios-separator, var(--muted))}.welcome-art-accent{fill:var(--ios-tint, var(--blue))}.welcome-art-curve{stroke:var(--ios-tint, var(--blue))}.welcome-art-moving-square{transform-origin:183px 140px;animation:welcome-square-motion 7s cubic-bezier(.45,0,.25,1) infinite}.welcome-art-moving-circle{transform-origin:297px 162px;animation:welcome-circle-motion 7s cubic-bezier(.45,0,.25,1) infinite}.welcome-art-small-key{transform-origin:69px 201px;animation:welcome-key-motion 7s ease-in-out infinite}.welcome-art-pointer{animation:welcome-pointer-motion 7s ease-in-out infinite}.welcome-features{display:flex;align-items:center;justify-content:center;gap:11px;color:var(--ios-secondary-text, var(--muted));font-size:11px;font-weight:550;letter-spacing:.3px}.welcome-features>i{width:3px;height:3px;border-radius:50%;background:currentColor}.welcome-content{width:min(100%,420px);margin-inline:auto;text-align:center}.welcome-content h1{font-size:clamp(32px,8vw,45px);font-weight:730;line-height:1.08;letter-spacing:-1.6px;margin:22px 0 14px;text-wrap:balance}.welcome-intro{max-width:340px;margin:0 auto 26px;color:var(--ios-secondary-text, var(--muted));font-size:15px;line-height:1.55;text-wrap:balance}.welcome-login{display:grid;gap:9px}.welcome-screen :is(.primary,.secondary,.subtle){display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border-radius:25px;padding:12px 14px;font-size:14px;touch-action:manipulation;font-weight:550}.welcome-screen .welcome-telegram{width:100%;color:#fff;background:var(--ios-tint, var(--blue));border:0}.welcome-telegram>span{flex:1}.welcome-other-logins{display:grid;grid-template-columns:1fr 1fr;gap:9px}.welcome-screen .welcome-other-logins>button{min-width:0;padding-inline:8px;font-size:12px;background:var(--ios-surface, var(--surface));color:var(--ios-text, var(--text));border:1px solid var(--ios-separator, var(--line))}.welcome-other-logins svg{flex-shrink:0}.welcome-screen button:disabled{opacity:.45;cursor:default}.welcome-screen .welcome-offline{margin:13px auto 0;min-height:44px;color:var(--ios-tint, var(--blue));background:none;border:0;font-size:13px}.welcome-local-note{max-width:310px;margin:8px auto 0;font-size:11px;line-height:1.6;color:var(--ios-secondary-text, var(--muted))}.welcome-error,.welcome-availability{margin:13px 0 0;padding:11px 13px;border-radius:17px;font-size:12px;line-height:1.5;text-align:left}.welcome-error{color:var(--ios-danger);background:var(--ios-danger-surface)}.welcome-availability{color:var(--ios-secondary-text, var(--muted));background:var(--ios-group, var(--surface))}@keyframes welcome-square-motion{0%,15%,to{transform:translate(0) rotate(-8deg)}45%,65%{transform:translate(24px,-15px) rotate(10deg)}}@keyframes welcome-circle-motion{0%,15%,to{transform:translate(0)}45%,65%{transform:translate(-12px,13px)}}@keyframes welcome-key-motion{0%,20%,to{transform:translate(0) rotate(0)}50%,65%{transform:translate(-3px,-8px) rotate(-10deg)}}@keyframes welcome-pointer-motion{0%,15%,to{transform:translate(0)}45%,65%{transform:translate(-12px,10px)}}@media(min-width:800px)and (min-height:540px){.welcome-screen{padding:max(28px,env(safe-area-inset-top)) 40px max(32px,env(safe-area-inset-bottom))}.welcome-layout{grid-template-columns:1.1fr 1fr;gap:38px;align-items:center}.welcome-art{width:100%;max-height:none}.welcome-content{text-align:left}.welcome-content h1{font-size:48px;margin-top:0}.welcome-intro,.welcome-local-note{margin-left:0}.welcome-screen .welcome-offline{margin-left:0;padding-left:0}}@media(max-height:710px)and (max-width:799px){.welcome-screen{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}.welcome-art{max-height:23dvh}.welcome-content h1{margin-top:12px;margin-bottom:10px;font-size:32px}.welcome-intro{margin-bottom:18px;font-size:13px}.welcome-local-note{margin-top:2px}.welcome-layout{gap:8px}}@media(prefers-reduced-motion:reduce){.welcome-art *{animation:none!important}}.creator-icon{background:var(--ios-tint, #008bff);color:#fff}.creator-sheet{max-width:520px}.creator-note{color:var(--ios-secondary-text, var(--muted));font-size:13px;line-height:1.5}.creator-error{color:var(--ios-danger);font-size:14px;overflow-wrap:anywhere}.creator-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.creator-metrics>div{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:8px;padding:16px;border-radius:22px;background:var(--ios-group)}.creator-metrics svg{color:var(--ios-tint)}.creator-metrics strong{font-size:26px;font-variant-numeric:tabular-nums}.creator-metrics span{grid-column:1/-1;color:var(--ios-secondary-text);font-size:12px}.creator-publications{border-radius:24px;overflow:hidden;margin:20px 0;background:var(--ios-group)}.creator-publications article{padding:16px}.creator-publications article+article{border-top:1px solid var(--ios-separator)}.creator-publications strong{display:block;overflow-wrap:anywhere}.creator-publications small{display:block;margin-top:5px;color:var(--ios-secondary-text)}.creator-publications dl{display:flex;flex-wrap:wrap;gap:16px;margin:14px 0 0}.creator-publications dt{display:flex;gap:4px;align-items:center;font-size:10px;color:var(--ios-secondary-text)}.creator-publications dd{margin:4px 0 0;font-weight:600}.creator-empty{text-align:center;padding:24px 8px;color:var(--ios-secondary-text)}.creator-empty h3{color:var(--ios-text);font-size:17px}.creator-empty p{font-size:14px;line-height:1.5}.community-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 20px 18px}.community-tools label{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.community-tools select{border:0;background:var(--ios-surface);color:var(--ios-text);border-radius:22px;min-height:44px;max-width:min(170px,100%);width:100%;min-width:0;padding:0 12px;font-size:14px}.community-tools button{min-height:44px;font-size:13px;padding:10px 14px;border-radius:24px}html[data-native-community=true] .community-filter{display:none}.community-collection-heading{display:flex;justify-content:space-between;align-items:baseline;margin:24px 24px 14px;gap:12px}.community-collection-heading h2{font-size:21px;letter-spacing:-.5px;margin:0}.community-collection-heading span{font-size:12px;color:var(--ios-secondary-text)}.community-author{margin:2px 0 6px;display:flex;align-items:center;gap:5px;color:var(--ios-secondary-text);font-size:12px;overflow:hidden}.community-author span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-author .avatar{width:18px;height:18px;font-size:10px}.community-feedback{margin:16px 24px;padding:14px;background:var(--ios-group);border-radius:20px;font-size:13px;color:var(--ios-secondary-text)}.community-packages{margin:18px 20px}.community-package-list{display:grid;gap:12px}.community-package-card{background:var(--ios-surface);border-radius:26px;overflow:hidden}.community-package-open{display:flex;align-items:flex-start;width:100%;text-align:left;padding:18px;gap:12px;border:0;background:transparent;color:var(--ios-text)}.community-package-glyph{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:16px;background:var(--ios-tint-surface);color:var(--ios-tint)}.community-package-copy{min-width:0;flex:1}.community-package-copy strong{display:block;font-size:17px;overflow-wrap:anywhere}.community-package-copy small{display:block;margin:5px 0 8px;color:var(--ios-secondary-text)}.community-package-copy p{margin:0;font-size:14px;line-height:1.4;color:var(--ios-secondary-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.community-package-actions{display:flex;align-items:center;gap:8px;padding:0 18px 16px}.community-package-actions button{min-height:40px;border-radius:22px}.community-package-actions .primary{margin-right:auto}.community-package-detail{display:flex;gap:12px;align-items:center;margin:12px 0 18px}.kit-account-header .creator-bio{max-width:300px;margin:8px auto 0;padding:0 20px;white-space:pre-wrap;overflow-wrap:anywhere}@media(min-width:650px){.community-package-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:no-preference){.community-package-card{animation:creator-appear .2s ease-out}@keyframes creator-appear{0%{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}.creator-profile-link{display:inline-flex;gap:4px;align-items:center;padding:0;border:0;background:none;color:var(--ios-tint);font:inherit;text-align:left;min-width:0;overflow-wrap:anywhere}.creator-telegram-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:100%;padding:10px 14px;margin:4px 0;background:var(--ios-group);color:var(--ios-tint);border:0;border-radius:24px;font-size:14px}.creator-telegram-link span{min-width:0;overflow-wrap:anywhere}.creator-telegram-link svg{flex-shrink:0}.creator-public-header{text-align:center;padding:16px 6px}.creator-public-avatar{width:76px;height:76px;display:grid;place-items:center;margin:auto;border-radius:50%;background:var(--ios-group);color:var(--ios-tint);overflow:hidden}.creator-public-avatar img{width:100%;height:100%;object-fit:cover}.creator-public-header h3{margin:16px 0 8px;overflow-wrap:anywhere}.creator-public-header p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ios-secondary-text);line-height:1.5}.creator-public-links{display:grid;gap:14px;margin:8px 0}.creator-public-links small{display:block;color:var(--ios-secondary-text);margin-bottom:4px}.creator-credits{margin:18px 0}.creator-credits h4{margin:0 0 8px}.creator-credits>div{display:flex;flex-wrap:wrap;gap:8px}.kit-page.kit-page-feed{display:flex;flex-direction:column;height:100dvh;padding:env(safe-area-inset-top,0px) 0 calc(88px + env(safe-area-inset-bottom,0px));overflow:hidden}html[data-native-chrome] .kit-page.kit-page-feed{padding:var(--native-top-inset, 0px) 0 var(--native-bottom-inset, 0px);overflow:hidden}html:not([data-native-chrome]) .web-home-toolbar[data-page=feed]{display:none}.template-feed{flex:1;min-height:0;display:flex;flex-direction:column;color:var(--ios-text)}.feed-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 20px 14px;flex:0 0 auto}.feed-heading h1{font:800 32px/1.1 var(--kit-rounded);letter-spacing:-.7px;margin:0}.feed-heading .feed-create{min-height:44px;border-radius:24px;padding:10px 14px;font-size:13px;white-space:nowrap}.feed-controls{flex:0 0 auto;padding:0 16px 8px}.feed-search{display:flex;align-items:center;gap:9px;min-height:46px;padding:0 14px;border-radius:24px;background:var(--ios-surface);color:var(--ios-secondary-text)}.feed-search input{width:100%;min-width:0;border:0;background:transparent;color:var(--ios-text);font-size:16px;outline:none;padding:10px 0}.feed-search:focus-within{outline:2px solid var(--ios-tint);outline-offset:1px}.feed-search .icon-button{width:32px;height:40px;min-width:32px;flex-shrink:0}.feed-filters{display:flex;align-items:center;gap:8px;justify-content:space-between;padding-top:8px}.feed-filters>div{display:flex;align-items:center;gap:4px;padding:3px;border-radius:22px;background:var(--ios-group)}.feed-filters>div>button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:38px;border-radius:20px;padding:8px 12px;font-size:12px;color:var(--ios-secondary-text);background:transparent;border:0}.feed-filters button[aria-pressed=true]{color:var(--ios-text);background:var(--ios-surface)}.feed-scroller{min-height:0;flex:1;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:y proximity;scroll-padding-top:8px;padding:8px 16px 24px}.feed-scroller:focus-visible{outline:2px solid var(--ios-tint);outline-offset:-2px}.feed-card{background:var(--ios-surface);border-radius:28px;margin-bottom:16px;overflow:hidden;scroll-snap-align:start}.feed-author{display:flex;align-items:center;gap:8px;padding:12px 14px;min-height:52px}.feed-avatar{flex-shrink:0;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--ios-tint-surface);color:var(--ios-tint);overflow:hidden}.feed-avatar img{width:100%;height:100%;object-fit:cover}.feed-author .creator-profile-link{min-width:0;max-width:calc(100% - 38px);text-align:left}.feed-artwork{position:relative;height:clamp(180px,32dvh,320px);background:var(--ios-background);margin:0 10px;border-radius:20px;overflow:hidden}.feed-artwork>.project-preview{width:100%;height:100%;aspect-ratio:auto;border-radius:0}.feed-artwork .project-preview svg{width:100%;height:100%;object-fit:contain}.feed-placeholder{height:100%;display:grid;place-items:center;color:var(--ios-secondary-text)}.feed-artwork>.icon-button,.template-publish-preview>.icon-button{position:absolute;bottom:10px;right:10px;width:44px;height:44px;border-radius:50%;background:var(--ios-surface);color:var(--ios-text);border:1px solid var(--ios-separator)}.feed-preview-error{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;text-align:center;background:var(--ios-background)}.feed-card-copy{padding:14px}.feed-title{display:flex;align-items:center;gap:8px;justify-content:space-between;width:100%;text-align:left;color:var(--ios-text);background:transparent;border:0;padding:0;min-height:30px}.feed-title h2{margin:0;font-size:20px;line-height:1.2;font-weight:750;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feed-title svg{flex-shrink:0;color:var(--ios-secondary-text)}.feed-specs{display:flex;flex-wrap:wrap;gap:5px;color:var(--ios-secondary-text);font-size:12px;margin:7px 0}.feed-description{color:var(--ios-secondary-text);font-size:14px;line-height:1.4;margin:8px 0 14px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feed-card-actions{display:flex;gap:8px;margin-top:12px}.feed-card-actions>.primary{flex:1;min-width:0;border-radius:23px;min-height:46px;font-size:14px;padding:10px 12px}.feed-card-actions>.icon-button{width:46px;height:46px;flex-shrink:0;border-radius:50%;color:var(--ios-tint);background:var(--ios-tint-surface)}.feed-state{min-height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:24px 16px;text-align:center}.feed-state h2{font:800 23px/1.2 var(--kit-rounded);margin:0}.feed-state p,.feed-next p{margin:0;color:var(--ios-secondary-text);line-height:1.45;font-size:14px}.feed-next{text-align:center;padding:8px 0;min-height:25px}.feed-next button{margin:auto}.feed-legacy-links{display:flex;align-items:center;justify-content:center;padding:8px 16px;gap:8px;flex:0 0 auto}.template-picker h3{margin:20px 0 12px;font-size:17px}.template-formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.template-formats button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 4px;background:var(--ios-group);color:var(--ios-text);border-radius:22px;border:0}.template-formats button svg{color:var(--ios-tint)}.template-formats b{font-size:13px}.template-formats small{font-size:10px;color:var(--ios-secondary-text)}.template-project-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.template-project-list>button{display:flex;align-items:center;gap:12px;border:0;background:var(--ios-group);color:var(--ios-text);border-radius:20px;padding:10px;text-align:left}.template-project-list>button>.project-preview{width:60px;height:60px;flex:0 0 60px;border-radius:13px}.template-project-list>button>span{flex:1;min-width:0}.template-project-list b{display:block;overflow-wrap:anywhere;font-size:15px}.template-project-list small{display:block;color:var(--ios-secondary-text);margin-top:5px;font-size:12px}.template-project-list>button>svg{flex:0 0 18px}.template-publish-preview{position:relative}.template-publish-preview>.project-preview{height:200px;width:100%;aspect-ratio:auto;border-radius:24px}.template-publish-specs{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:10px 0 20px;font-size:12px;color:var(--ios-secondary-text)}.template-publisher .field-label input,.template-publisher .field-label textarea{border-radius:18px}.template-field-count{font-size:12px;font-weight:400;color:var(--ios-secondary-text);text-align:right}.template-consent{border:0;padding:0;margin:0 0 16px;min-width:0}.template-publish-note{color:var(--ios-secondary-text);font-size:12px;text-align:center;margin:10px 0 0}.export-share-template{margin-bottom:18px;min-height:48px;border-radius:24px}.template-publisher .primary{min-height:48px;border-radius:24px}html:not([data-native-chrome]) .floating-nav.floating-nav.kit-bottom-nav{width:360px;padding-inline:8px}html:not([data-native-chrome]) .floating-nav.floating-nav.kit-bottom-nav>.floating-nav-item{flex:1 1 auto;width:auto;min-width:44px;padding-inline:2px}@media(max-height:760px){.feed-artwork{height:clamp(140px,25dvh,180px)}}@media(max-width:350px){.feed-heading{padding:16px 14px 12px}.feed-heading h1{font-size:28px}.feed-heading .feed-create{font-size:12px;padding:10px 12px;gap:5px}.feed-scroller,.feed-controls{padding-left:12px;padding-right:12px}.feed-card-actions>.primary{font-size:12px;gap:5px}.feed-title h2{font-size:18px}.template-publish-preview>.project-preview{height:170px}}.kit-shell.kit-design-shell{width:100%;max-width:none}.kit-page.kit-page-design{height:calc(100dvh - 102px - env(safe-area-inset-bottom,0px));min-height:0;padding:0;overflow:hidden}html[data-native-chrome] .kit-page.kit-page-design{height:100dvh;min-height:0;padding:var(--native-top-inset,0px) 0 var(--native-bottom-inset,0px);overflow:hidden}html:not([data-native-chrome]) .web-home-toolbar[data-page=design]{display:none}.design-library{max-width:1040px;margin:auto;padding:24px 20px 36px;height:100%;overflow:auto;color:var(--ios-text)}.design-library-heading{text-align:center;margin:0 0 22px}.design-library-heading h1{font:800 34px/1.2 var(--kit-rounded);margin:10px 0}.design-library-heading p,.design-library-note,.design-library-empty p{color:var(--ios-secondary-text);line-height:1.5}.design-library-mark{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:22px;background:var(--ios-surface);color:var(--ios-tint)}.design-library-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:26px}.design-library-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:24px;padding:10px 18px}.design-library-tools{display:flex;gap:10px;align-items:center}.design-library-tools label{display:flex;align-items:center;gap:10px;flex:1;background:var(--ios-surface);border-radius:24px;padding:12px 15px;min-width:0}.design-library-tools input{border:0;background:transparent;color:inherit;min-width:0;width:100%;outline:none;padding:0}.design-library-status{display:flex;gap:7px;align-items:center;font-size:12px;color:var(--ios-secondary-text);margin:12px 0 18px}.design-library-error{background:var(--ios-surface);color:var(--ios-danger,#db3838);padding:14px;border-radius:18px;margin:12px 0;overflow-wrap:anywhere}.design-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:16px}.design-document-card{background:var(--ios-surface);border-radius:24px;min-width:0;overflow:hidden}.design-document-open{width:100%;display:flex;flex-direction:column;align-items:stretch;text-align:left;color:inherit;gap:6px;padding:16px;background:transparent}.design-document-open strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.design-document-open small{color:var(--ios-secondary-text);font-size:12px}.design-document-art{height:110px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--ios-background);color:var(--ios-tint);border-radius:15px;margin-bottom:6px}.design-document-art span{font-size:19px;font-weight:650}.design-document-actions{display:flex;justify-content:flex-end;padding:0 8px 8px;gap:5px}.design-library-empty{padding:42px 12px 26px;text-align:center;color:var(--ios-tint)}.design-library-empty h2{font-size:22px;color:var(--ios-text);margin:15px 0 8px}.design-library-note{font-size:12px;text-align:center;max-width:600px;margin:22px auto 0}.design-loading{height:100%;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--ios-secondary-text)}@media(max-width:420px){.design-library{padding:20px 14px 28px}.design-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.design-document-open{padding:12px}.design-document-art{height:90px}.design-document-actions{justify-content:space-evenly;gap:0;padding:0 3px 7px}.design-library-heading h1{font-size:30px}}.design-original{display:block;width:calc(100% - 20px);margin:0 10px 10px;min-height:36px;border-radius:18px;background:var(--ios-group);color:var(--ios-tint);font-size:12px}.ae-import-body{display:grid;gap:14px;padding:0 20px 22px;min-width:0}.ae-import-body p{margin:0}.ae-import-file{font-weight:600;overflow-wrap:anywhere}.ae-import-body>p{color:var(--ios-secondary-text)}.ae-import-note{background:var(--ios-control);padding:14px;border-radius:18px}.ae-import-note code{display:block;max-height:96px;overflow:auto;overflow-wrap:anywhere;margin-top:8px}.ae-import-select{display:grid;gap:7px;font-weight:600;min-width:0}.ae-import-select select{width:100%;min-width:0;padding:12px;border-radius:14px;color:var(--ios-text);background:var(--ios-control)}.ae-import-preview{display:grid;gap:8px;text-align:center}.ae-import-canvas{max-width:100%;margin-inline:auto;overflow:hidden}.ae-import-canvas .project-preview{aspect-ratio:unset;height:100%;width:100%}.ae-import-canvas svg{display:block;width:100%;height:100%}.ae-import-issues h3{font-size:16px;margin:0 0 10px}.ae-import-issues ul{list-style:none;display:grid;gap:10px;padding:0;margin:0}.ae-import-issues li{display:grid;gap:5px;padding:12px;border-radius:16px;background:var(--ios-control);overflow-wrap:anywhere}.ae-import-issues li>strong{font-size:12px;color:var(--ios-secondary-text)}.ae-import-issues details{font-size:12px}.ae-import-issues details summary{cursor:pointer}.ae-import-actions{display:flex;flex-wrap:wrap;gap:10px}.ae-import-actions button{flex:1 1 130px;min-height:44px}@media(max-width:350px){.ae-import-body{padding-inline:14px}}.analytics-privacy>button.secondary{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center}@font-face{font-family:MiM Kit Icons;src:url(./iostgico-rR6fSazR.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-palette-values --kit-black{font-family:MiM Kit Icons;override-colors:0 #1a1a1a,1 #1a1a1a99,2 #1a1a1ab3,3 #1a1a1a33,4 #1a1a1a66,5 #1a1a1acc,6 #1a1a1a4d}@font-palette-values --kit-white{font-family:MiM Kit Icons;override-colors:0 #fff,1 #fff9,2 #ffffffb3,3 #fff3,4 #fff6,5 #fffc,6 #ffffff4d}.kit-icon{display:inline-flex;flex:none;width:1em;height:1em;align-items:center;justify-content:center;font-family:MiM Kit Icons,sans-serif;font-palette:var(--kit-icon-palette, var(--kit-interface-palette, --kit-black));font-style:normal;font-weight:400;font-variant:normal;line-height:1;letter-spacing:0;text-transform:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;user-select:none}html:not([data-native-chrome]) .floating-nav.floating-nav{color-scheme:light dark;position:relative;display:flex;align-items:stretch;box-sizing:border-box;flex:0 0 64px;width:300px;max-width:calc(100vw - 24px);height:64px;min-height:64px;margin:0 auto;padding:4px;gap:0;border:1px solid var(--ios-separator, #d1d1d6);border-radius:32px;background:var(--ios-surface, Canvas);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none}html:not([data-native-chrome]) .floating-nav--editor.floating-nav{width:352px;max-width:100%}html:not([data-native-chrome]) .floating-nav-indicator{position:absolute;left:0;top:4px;height:54px;border-radius:28px;pointer-events:none;background:var(--ios-tint-surface, #e7f2ff);opacity:0;transition:opacity .14s ease}html:not([data-native-chrome]) .floating-nav-indicator[data-visible=true]{opacity:1}html:not([data-native-chrome]) .floating-nav[data-settling] .floating-nav-indicator{will-change:transform}html:not([data-native-chrome]) .floating-nav.floating-nav>.floating-nav-item{position:relative;z-index:1;box-sizing:border-box;flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:0;min-width:0;height:54px;margin:0;padding:3px 0;gap:2px;border:0;border-radius:28px;background:transparent;color:var(--ios-text, CanvasText);--kit-icon-palette: var(--kit-interface-palette, --kit-black);cursor:pointer;outline-offset:1px}html:not([data-native-chrome]) .floating-nav .floating-nav-label{font-size:10px;line-height:12px;font-weight:600;white-space:nowrap}html:not([data-native-chrome]) .floating-nav .floating-nav-item[data-preview]{color:var(--ios-tint, #008bff);--kit-icon-palette: normal}html:not([data-native-chrome]) .floating-nav .floating-nav-item:focus-visible{outline:2px solid var(--ios-tint, #008bff)}html:not([data-native-chrome]) .floating-nav .floating-nav-item:disabled{opacity:.4;cursor:default}@media(max-width:360px){html:not([data-native-chrome]) .editor.kit-editor .editor-dock.floating-nav{width:100%;max-width:100%;margin-left:0;margin-right:0;padding:4px 2px;gap:2px}html:not([data-native-chrome]) .editor.kit-editor .editor-dock.floating-nav>.floating-nav-item{min-width:44px}}@media(prefers-contrast:more){html:not([data-native-chrome]) .floating-nav.floating-nav{border-color:currentColor}}@media(forced-colors:active){html:not([data-native-chrome]) .floating-nav.floating-nav{background:Canvas;border-color:ButtonText}html:not([data-native-chrome]) .floating-nav .floating-nav-item[data-preview]{outline:2px solid Highlight}}@media(prefers-reduced-motion:reduce){html:not([data-native-chrome]) .floating-nav *{transition:none!important}}html:not([data-native-chrome]) .kit-nav-edge{background:none}html:not([data-native-chrome]) .kit-shell{--kit-top: calc(68px + env(safe-area-inset-top, 0px)) }html:not([data-native-chrome]) .web-home-toolbar{background:var(--ios-background, Canvas);position:fixed;top:env(safe-area-inset-top,0px);left:50%;transform:translate(-50%);width:min(100%,480px);height:72px;padding:12px 16px;display:flex;align-items:center;gap:12px;z-index:20;pointer-events:none}html:not([data-native-chrome]) .web-home-title{flex:1;min-width:0;color:var(--ios-text, CanvasText);font-size:17px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html:not([data-native-chrome]) .web-home-toolbar>.icon-button,html:not([data-native-chrome]) .web-home-actions,html:not([data-native-chrome]) .editor.kit-editor .kit-exit,html:not([data-native-chrome]) .editor.kit-editor .web-editor-actions,html:not([data-native-chrome]) .editor.kit-editor .web-playback-group{background:var(--ios-surface, Canvas);border:1px solid var(--ios-separator, #d1d1d6);border-radius:28px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--ios-text, CanvasText);pointer-events:auto}html:not([data-native-chrome]) .web-home-actions{display:flex;align-items:center;gap:0;height:48px;padding:2px}html:not([data-native-chrome]) .web-home-toolbar .icon-button,html:not([data-native-chrome]) .editor.kit-editor .web-editor-actions .icon-button,html:not([data-native-chrome]) .editor.kit-editor .web-playback .icon-button{width:44px;min-width:44px;height:44px;flex:0 0 44px;padding:0;border-radius:50%;color:var(--ios-text, CanvasText);background:transparent;box-shadow:none;--kit-icon-palette: var(--kit-interface-palette, --kit-black)}html:not([data-native-chrome]) .web-home-toolbar>.icon-button{background:var(--ios-surface, Canvas)}html:not([data-native-chrome]) .editor.kit-editor .web-editor-actions{width:192px;padding:0 7px;gap:0}html:not([data-native-chrome]) .editor.kit-editor .kit-exit{width:48px;height:48px}html:not([data-native-chrome]) .editor.kit-editor .canvas-space{position:relative}html:not([data-native-chrome]) .editor.kit-editor .web-playback{position:relative;min-height:56px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px;pointer-events:none}html:not([data-native-chrome]) .editor.kit-editor .web-playback-group{display:flex;align-items:center;padding:2px;gap:0}html:not([data-native-chrome]) .web-home-toolbar .icon-button:hover,html:not([data-native-chrome]) .editor.kit-editor .web-editor-actions .icon-button:hover,html:not([data-native-chrome]) .editor.kit-editor .web-playback .icon-button:hover{background:var(--ios-group, #f2f2f7)}html:not([data-native-chrome]) .editor.kit-editor .web-playback .icon-button.active{color:var(--ios-tint, #008bff);background:var(--ios-tint-surface, #e7f2ff);--kit-icon-palette: normal}html:not([data-native-chrome]) .web-home-toolbar .icon-button:focus-visible,html:not([data-native-chrome]) .editor.kit-editor .web-playback .icon-button:focus-visible{outline:2px solid var(--ios-tint, #008bff);outline-offset:2px}@media(prefers-reduced-motion:reduce){html:not([data-native-chrome]) .web-home-toolbar *,html:not([data-native-chrome]) .editor.kit-editor .web-playback *{transition:none}}.inline-curve-editor{box-sizing:border-box;width:100%;min-width:0;padding:6px 8px;border:1px solid var(--ios-separator, #dceafa);border-radius:22px;background:var(--ios-group, #f8fbff);color:var(--ios-text, #1d3045);font-family:inherit;user-select:none}.inline-curve-editor .ice-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}.inline-curve-editor button{border:0;margin:0;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.inline-curve-editor .ice-presets button,.inline-curve-editor .ice-actions button{box-sizing:border-box;min-width:44px;width:100%;height:44px;min-height:44px;padding:3px 1px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--ios-secondary-text, #718297);background:transparent;font-size:9px;font-weight:600;line-height:11px}.inline-curve-editor .ice-presets button[aria-pressed=true],.inline-curve-editor .ice-actions button[aria-pressed=true]{color:var(--ios-tint, #008bff);background:var(--ios-tint-surface, #e2f1ff)}.inline-curve-editor .ice-presets svg{display:block;width:30px;height:20px;overflow:visible}.inline-curve-editor .ice-presets path{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.inline-curve-editor .ice-body{display:grid;grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:4px;margin-top:4px}.inline-curve-editor .ice-graph{position:relative;height:112px;min-width:0;overflow:hidden;border-radius:14px;background:var(--ios-surface, #fff)}.inline-curve-editor .ice-plot{display:block;width:100%;height:112px;overflow:visible}.inline-curve-editor .ice-grid,.inline-curve-editor .ice-bound{stroke:var(--ios-separator, #dce5f0);stroke-width:1;stroke-dasharray:2 3}.inline-curve-editor .ice-baseline{fill:none;stroke:var(--ios-separator, #dce5f0);stroke-width:1}.inline-curve-editor .ice-tangent{stroke:var(--ios-tint, #7ac0fc);stroke-width:1}.inline-curve-editor .ice-tangent-end{stroke:var(--ios-secondary-text, #85a7dd)}.inline-curve-editor .ice-curve{fill:none;stroke:var(--ios-tint, #008bff);stroke-width:2.4;stroke-linejoin:round}.inline-curve-editor .ice-endpoint{fill:var(--ios-tint, #008bff)}.inline-curve-editor .ice-time{fill:var(--ios-secondary-text, #8795a7);font-size:9px;font-variant-numeric:tabular-nums}.inline-curve-editor .ice-handle{position:absolute;display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:50%;background:transparent;touch-action:none;cursor:grab;z-index:2}.inline-curve-editor .ice-handle:active{cursor:grabbing;z-index:3}.inline-curve-editor .ice-handle span{width:12px;height:12px;box-sizing:border-box;border:2px solid var(--ios-tint, #008bff);border-radius:50%;background:var(--ios-surface, #fff)}.inline-curve-editor .ice-handle-1 span{border-color:var(--ios-text, #4f83d2)}.inline-curve-editor .ice-actions{display:grid;grid-template-columns:repeat(2,44px);grid-template-rows:repeat(2,44px);gap:4px}.inline-curve-editor .ice-actions button{background:var(--ios-surface, #fff)}.inline-curve-editor .ice-actions svg{flex:none}.inline-curve-editor button:disabled{opacity:.4;cursor:default}.inline-curve-editor button:focus-visible{outline:2px solid var(--ios-tint, #008bff);outline-offset:-2px}.inline-curve-editor .ice-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:no-preference){.inline-curve-editor .ice-presets button,.inline-curve-editor .ice-actions button{transition:background-color .12s,color .12s}}.inline-curve-editor.ice-expanded{padding:6px;border:0;border-radius:22px}.inline-curve-editor.ice-expanded .ice-body{grid-template-columns:minmax(0,1fr);gap:6px}.inline-curve-editor.ice-expanded .ice-graph{height:clamp(176px,24dvh,240px);touch-action:pan-y}.inline-curve-editor.ice-expanded .ice-plot{height:100%}.inline-curve-editor.ice-expanded .ice-actions{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:44px;gap:4px}.inline-curve-editor.ice-expanded .ice-handle{width:48px;height:48px;min-width:48px;min-height:48px}.inline-curve-editor.ice-expanded .ice-handle span{width:22px;height:22px;border-width:3px}.inline-curve-editor.ice-expanded .ice-tangent{stroke-width:1.8}.inline-curve-editor.ice-expanded .ice-curve{stroke-width:3}@media(min-width:700px)and (min-height:700px){.inline-curve-editor.ice-expanded .ice-graph{height:clamp(240px,30dvh,360px)}}.inline-curve-editor.ice-expanded .ice-actions.ice-actions-extra{grid-template-columns:repeat(5,minmax(0,1fr))}.floating-keyframe-graph{position:relative;box-sizing:border-box;width:100%;min-width:0;padding:10px 10px 8px;border:1px solid var(--ios-timeline-separator, #e2e5ea);border-radius:28px;color:var(--ios-text, #1c1c1e);background:var(--ios-surface, #fff);font-family:inherit;user-select:none}.floating-keyframe-graph button{font-family:inherit;-webkit-tap-highlight-color:transparent}.fkg-header{display:flex;align-items:center;justify-content:space-between;min-height:36px;gap:8px;padding-inline:6px}.fkg-header>div{display:flex;align-items:baseline;min-width:0;gap:8px}.fkg-header strong{font-size:14px;font-weight:650}.fkg-header>div>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--ios-secondary-text, #63636d)}.fkg-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:0;border-radius:50%;color:inherit;background:var(--ios-group, #f2f2f7)}.fkg-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:5px 0 8px}.fkg-actions>button{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:42px;padding:4px 5px;border:0;border-radius:22px;color:var(--ios-text, #1c1c1e);background:var(--ios-group, #f2f2f7);font-size:11px;cursor:pointer}.fkg-actions>button[aria-pressed=true]{color:var(--ios-tint, #008bff);background:var(--ios-tint-surface, #e7f2ff)}.fkg-actions svg{flex:none}.fkg-plot{position:relative;height:clamp(182px,26vh,252px);width:100%;min-width:0;border-radius:20px;background:var(--ios-background, #f2f2f7);touch-action:none;overflow:hidden}.fkg-svg{display:block;width:100%;height:100%;pointer-events:none}.fkg-grid{stroke:var(--ios-timeline-separator, #e2e5ea);stroke-width:1;stroke-dasharray:5 5}.fkg-axis{fill:var(--ios-secondary-text, #63636d);font:9px ui-monospace,monospace;font-variant-numeric:tabular-nums}.fkg-curve{fill:none;stroke:var(--ios-tint, #008bff);stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.fkg-segment-curve{fill:none;stroke:var(--ios-tint, #008bff);stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}.fkg-navigation{display:grid;grid-template-columns:44px minmax(60px,1fr) repeat(3,44px);align-items:center;gap:3px;padding-block:4px}.fkg-navigation button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;color:var(--ios-text, #1c1c1e);background:var(--ios-group, #f2f2f7)}.fkg-visible-range{display:grid;gap:2px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.fkg-visible-range small{color:var(--ios-secondary-text, #63636d);font-size:10px}.fkg-plot:active{cursor:grabbing}.fkg-plot{overscroll-behavior:contain}.fkg-playhead{stroke:var(--ios-secondary-text, #63636d);stroke-width:1;stroke-dasharray:3 4}.floating-keyframe-graph .fkg-point{position:absolute;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;touch-action:none;z-index:1}.fkg-point>span{box-sizing:border-box;width:24px;height:24px;border:4px solid #fff;outline:1px solid var(--ios-separator, #d1d1d6);border-radius:50%;background:var(--ios-background, #f2f2f7);pointer-events:none}.fkg-point.selected{z-index:2;cursor:grab}.fkg-point.selected>span{width:28px;height:28px;background:var(--ios-tint, #008bff);outline:2px solid var(--ios-tint, #008bff)}.fkg-point.selected:active{cursor:grabbing}.floating-keyframe-graph button:focus-visible{outline:2px solid var(--ios-tint, #008bff);outline-offset:-2px}.floating-keyframe-graph button:disabled{opacity:.4;cursor:default}.fkg-values{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.fkg-values>label{display:flex;align-items:center;gap:5px;min-width:0;min-height:40px;padding:0 9px;background:var(--ios-group, #f2f2f7);border-radius:16px;font-size:10px}.fkg-values input{min-width:0;width:100%;min-height:36px;padding:0;border:0;outline:none;color:inherit;background:transparent;text-align:right;font:12px ui-monospace,monospace}.fkg-values input:focus{outline:2px solid var(--ios-tint, #008bff);outline-offset:0;border-radius:8px}.fkg-values input::-webkit-inner-spin-button{appearance:none}.fkg-values small{color:var(--ios-secondary-text, #63636d)}.fkg-help{margin:7px 5px 2px;font-size:10px;line-height:1.4;color:var(--ios-secondary-text, #63636d)}.fkg-advanced-toggle{display:flex;align-items:center;justify-content:center;gap:5px;min-height:36px;width:100%;border:0;border-radius:16px;color:var(--ios-secondary-text, #63636d);background:transparent;font-size:11px}.fkg-advanced-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.floating-keyframe-graph .inline-curve-editor{margin-top:6px;background:var(--ios-group, #f2f2f7);border-color:var(--ios-timeline-separator, #e2e5ea)}@media(max-width:350px){.fkg-actions>button{flex-direction:column;gap:2px;font-size:10px}.floating-keyframe-graph{padding-inline:7px}.fkg-values>label{gap:3px;padding-inline:6px}}html[data-ui-style=system] .editor.kit-editor:not(.kit-expanded) .editor-workbench:has(.motion-curve-open){flex-basis:clamp(460px,58dvh,520px);height:clamp(460px,58dvh,520px)}.fkg-header{min-height:20px}.fkg-actions{margin:4px 0 6px}.fkg-actions.with-close{grid-template-columns:repeat(4,minmax(0,1fr)) 44px}.fkg-actions.with-close>.fkg-icon{width:44px;height:44px}.fkg-plot{height:clamp(156px,22dvh,194px)}.fkg-help{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.fkg-values{margin-top:6px}.fkg-values>label{min-height:36px}@media(max-width:350px){.fkg-actions.with-close>button:not(.fkg-icon)>span{display:none}.fkg-actions.with-close>button{min-height:44px}}@media(min-width:700px)and (min-height:700px){.fkg-plot{height:clamp(260px,32dvh,380px)}}.fkg-value-editor[hidden],.fkg-curve-help[hidden]{display:none}.fkg-segment-navigation{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:4px;margin-block:2px 6px}.fkg-segment-navigation button,.fkg-header .fkg-icon{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;color:var(--ios-text, #1c1c1e);background:var(--ios-group, #f2f2f7)}.fkg-curve-help,.fkg-empty{margin:8px 6px;color:var(--ios-secondary-text, #63636d);font-size:11px;line-height:1.4}.fkg-empty{padding-block:24px}.fkg-value-navigation{grid-template-columns:repeat(2,44px);justify-content:end}.fkg-advanced-toggle{min-height:44px}.fkg-header .fkg-segment-navigation{display:grid;flex:1;min-width:0;margin:0}.fkg-visible-range strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.fkg-curve-help{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.motion-key-editor.showing-curve>.floating-keyframe-graph.showing-easing{display:flex;flex-direction:column;height:100%;min-height:300px;padding:6px}.motion-key-editor.showing-curve>.floating-keyframe-graph.showing-easing .fkg-header{flex:0 0 44px}.motion-key-editor.showing-curve>.floating-keyframe-graph.showing-easing .ice-expanded{display:flex;flex:1;flex-direction:column;min-height:0}.motion-key-editor.showing-curve>.floating-keyframe-graph.showing-easing .ice-presets{flex:0 0 44px}.motion-key-editor.showing-curve>.floating-keyframe-graph.showing-easing .ice-body{flex:1;min-height:0;grid-template-rows:minmax(112px,1fr) 44px}.motion-key-editor.showing-curve>.floating-keyframe-graph.showing-easing .ice-graph{height:100%;min-height:112px}.focused-effect-list{min-height:0;display:flex;flex-direction:column;gap:10px;padding:8px 10px 12px;overflow-y:auto;overscroll-behavior:contain}.focused-effect-card{flex:0 0 auto;padding:10px;border-radius:22px;color:var(--ios-text);background:var(--ios-surface)}.focused-effect-heading{display:flex;align-items:center;gap:8px;min-height:28px;padding:0 3px}.focused-effect-heading strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.focused-effect-number,.focused-effect-heading small{color:var(--ios-secondary-text);font-size:11px}.focused-effect-actions{display:flex;gap:4px;margin:4px 0 8px}.focused-effect-actions button,.focused-effect-parameters button,.focused-effect-add{min-width:44px;min-height:44px;padding:6px 10px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:16px;background:var(--ios-group);color:var(--ios-text);font:inherit;font-size:12px}.focused-effect-actions button:first-child{justify-content:flex-start;flex:1}.focused-effect-actions button:disabled,.focused-effect-add:disabled{opacity:.35}.focused-effect-parameters{display:flex;flex-wrap:wrap;gap:6px}.focused-effect-parameters button{flex:1 1 125px;min-width:0;justify-content:flex-start}.focused-effect-parameters button[aria-pressed=true]{background:var(--ios-tint-surface);color:var(--ios-tint)}.focused-effect-parameters button span{flex:1;min-width:0}.focused-effect-parameters button small{font-size:10px;font-variant-numeric:tabular-nums}.focused-effect-parameters button svg{flex:0 0 auto}.focused-effect-color{display:block;width:14px;height:14px;flex:0 0 auto;border:1px solid var(--ios-separator);border-radius:50%}.focused-effect-add{flex:0 0 auto;width:100%;color:var(--ios-tint);background:var(--ios-tint-surface);border-radius:22px}.focused-effect-empty{margin:8px 0;text-align:center;font-size:13px;color:var(--ios-secondary-text)}.focused-effect-track{position:relative;height:48px;touch-action:none}.focused-effect-track .timeline-key{position:absolute;top:0;width:44px;height:44px;padding:0;transform:translate(-50%);display:grid;place-items:center;color:var(--ios-tint);background:transparent;border:0;border-radius:12px;touch-action:none;cursor:pointer}.focused-effect-track .timeline-key[data-move-ready=true]{cursor:grab}.focused-effect-track .timeline-key[data-move-ready=true]:active{cursor:grabbing}.focused-effect-track .timeline-key.selected svg{color:var(--ios-text)}.focused-effect-track .timeline-key:focus-visible,.focused-effect-list button:focus-visible{outline:2px solid var(--ios-tint);outline-offset:-2px}.editor.kit-editor .ae-timeline{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;color:#263346;background:#f7f8fc}.ae-timeline button:focus-visible,.ae-timeline input:focus-visible,.ae-timeline select:focus-visible,.ae-timeline-scroll:focus-visible{outline:2px solid #008bff;outline-offset:-2px}.ae-timeline button:disabled{opacity:.3;cursor:default}.ae-timeline-tools{display:flex;align-items:center;gap:5px;height:34px;flex:0 0 34px;padding:0 9px;border-bottom:1px solid #e5e8ef}.ae-time-readout{display:flex;align-items:baseline;gap:7px;flex:1;min-width:0;font-variant-numeric:tabular-nums}.ae-time-readout b{color:#1386e7;font-size:12px;white-space:nowrap}.ae-time-readout span{color:#8d96a5;font-size:10px}.ae-timeline-tools button{display:grid;place-items:center;width:30px;height:30px;padding:0;border-radius:9px;color:#5e6b80}.ae-timeline-tools .ae-filter-toggle[aria-pressed=true]{background:#e2efff;color:#008bff}.ae-zoom{display:flex;align-items:center;background:#eaeef5;border-radius:10px}.ae-zoom .ae-zoom-reset{width:31px;font-size:10px;font-weight:600}.ae-timeline-tools .ae-add-layer{color:#008bff;background:#fff}.editor.kit-editor .ae-timeline-scroll{flex:1 1 auto;min-height:65px;padding:0;overflow:auto;overscroll-behavior:contain;position:relative;scrollbar-width:thin;scrollbar-color:#b9c9dc transparent;touch-action:pan-x pan-y}.ae-track-table{position:relative;min-width:100%;padding-bottom:5px}.ae-row{display:grid;grid-template-columns:var(--ae-label-width) var(--ae-track-width);padding-right:24px}.ae-sticky-label{position:sticky;left:0;z-index:4;min-width:0;border-right:1px solid #e5e8f0;background:#f7f8fc}.ae-ruler{position:sticky;top:0;z-index:8;height:25px;background:#eef1f7;border-bottom:1px solid #dfe5ee}.ae-ruler-label{display:flex;align-items:center;padding-left:10px;color:#8993a2;font-size:9px;background:#eef1f7}.editor.kit-editor .ae-timeline .timeline-track{margin:0;height:100%;min-width:0;background-image:linear-gradient(to right,#e1e6ef88 1px,transparent 1px);background-size:60px 100%;position:relative;touch-action:none}.editor.kit-editor .ae-ruler .ruler>span{font-size:9px;color:#8a93a3;bottom:7px}.ae-layer{border-bottom:1px solid #e5e9f0}.ae-layer-header{height:40px;background:#fbfcfe}.ae-layer-label{display:flex;align-items:center;background:#fbfcfe;padding-right:3px}.ae-layer.selected>.ae-layer-header,.ae-layer.selected>.ae-layer-header .ae-layer-label{background:#eaf3ff}.ae-layer-header button{height:40px;display:flex;align-items:center;justify-content:center;border-radius:0;padding:0}.ae-layer-expand{flex:0 0 25px;width:25px;color:#8190a4}.ae-layer-name{flex:1;min-width:0;gap:5px;justify-content:flex-start!important;color:#39495e;font-size:11px;font-weight:600;text-align:left}.ae-layer-name>span:nth-child(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ae-layer-name .layer-color{width:8px;height:8px;border-radius:3px}.ae-layer-visibility{width:26px;flex:0 0 26px;color:#8c9aaf}.ae-layer-track .layer-duration{top:9px;bottom:9px;border-radius:7px;background:#e1e8f2;border-color:#d6e0ed}.ae-layer.selected .ae-layer-track .layer-duration{background:#cce4ff;border-color:#bedbfa}.ae-property-group{height:29px}.ae-group-toggle{display:flex;align-items:center;gap:5px;padding:0 0 0 14px;color:#758298;font-size:10px;text-align:left;border-radius:0}.ae-property{height:40px;border-top:1px solid #ecf0f6}.ae-property-name{display:flex;align-items:center;gap:6px;padding:0 7px 0 20px;color:#718096;text-align:left;border-radius:0}.ae-property-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.ae-property-name svg{flex-shrink:0;opacity:.5}.ae-property.animated .ae-property-name svg{color:#268cde;opacity:1}.ae-property.active{background:#eff6ff}.ae-property.active .ae-property-name{color:#0077d5;background:#e7f2ff;font-weight:600;box-shadow:inset 3px 0 #008bff}.editor.kit-editor .ae-timeline .timeline-key{width:40px;height:40px;color:#5b7c9d;padding:0;border-radius:0;z-index:3;cursor:pointer}.editor.kit-editor .ae-timeline .timeline-key[data-move-ready=true]{cursor:grab}.editor.kit-editor .ae-timeline .timeline-key[data-move-ready=true]:active{cursor:grabbing}.editor.kit-editor .ae-timeline .timeline-key svg{width:14px;height:14px}.editor.kit-editor .ae-timeline .timeline-key.muted-property{color:#aab9c9;opacity:.5;z-index:2}.editor.kit-editor .ae-timeline .timeline-key.active-property{color:#2e6fa9}.editor.kit-editor .ae-timeline .timeline-key.selected{color:#008bff;filter:drop-shadow(0 1px 2px #008bff55);z-index:5}.editor.kit-editor .ae-timeline .timeline-key.selected svg{width:18px;height:18px}.editor.kit-editor .ae-timeline .timeline-key.at-playhead.active-property svg{fill:#008bff;stroke:#fff}.ae-timeline .playhead{background:#188eed;width:1px;z-index:1}.ae-timeline .playhead-handle{z-index:6;background:#008bff}.ae-static-property{min-height:40px;height:40px;font-size:10px;border-top:1px solid #e9edf4}.ae-static-property>.ae-sticky-label{display:flex;align-items:center;padding-left:20px;color:#7c8798}.ae-static-property>div{display:flex;align-items:center;gap:7px;padding-left:10px}.ae-static-property small{font-size:9px;color:#9ba4b1;white-space:nowrap}.ae-static-property input{width:58px}.ae-path-info{color:#8c98a9}.ae-no-keys{margin:0;padding:9px 12px;color:#8c98a9;font-size:10px;max-width:270px}.ae-timeline .timeline-empty{font-size:12px;line-height:18px;color:#8e99a9;padding:23px 26px;max-width:320px}.ae-property-editor{flex:0 0 auto;min-height:0;padding:0 7px 3px;border-top:1px solid #dce6f3;background:#fff}.ae-property-strip{height:49px;display:flex;gap:4px;align-items:center}.ae-property-select{flex:1;display:flex;flex-direction:column;min-width:0;gap:1px;padding-left:3px}.ae-property-select>span{font-size:9px;color:#98a2b0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ae-property-select select{appearance:none;width:100%;border:0;background:transparent;padding:1px 0;color:#2b435f;font-size:12px;font-weight:650}.ae-property-value{display:flex;align-items:center;flex:0 0 66px;min-width:0;width:66px;color:#008bff;font-size:10px}.ae-timeline input{min-width:0;height:33px;border:0;border-radius:9px;background:#edf5ff;color:#007be0;padding:5px;text-align:right;font-size:12px;font-variant-numeric:tabular-nums;appearance:textfield}.ae-timeline input::-webkit-inner-spin-button,.ae-timeline input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ae-property-value input{width:100%}.ae-property-value>span{padding:0 2px}.ae-key-navigator{display:flex;flex:0 0 132px}.ae-key-navigator button{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;padding:0;color:#7991ad}.ae-key-navigator .ae-key-toggle{color:#168aea}.ae-key-navigator .ae-key-toggle.keyed{color:#008bff;background:#e8f4ff}.ae-key-actions{display:flex;align-items:center;height:35px;gap:2px}.ae-key-actions>button{flex:0 0 35px;width:35px;height:35px;display:grid;place-items:center;color:#8b9cb1;border-radius:9px;padding:0}.ae-key-actions .ae-curve-toggle{color:#007fe8;background:#edf5ff;margin-left:2px}.ae-key-actions .ae-curve-toggle[aria-pressed=true]{color:#fff;background:#008bff}.ae-key-adjustment{display:flex;align-items:center;gap:8px;min-height:44px}.ae-key-nudge{display:flex;flex:0 0 auto;border-radius:16px;background:var(--ios-group, #f1f5fa)}.ae-key-nudge button{display:flex;align-items:center;justify-content:center;gap:2px;width:44px;height:44px;padding:0;border-radius:16px;color:var(--ios-tint, #008bff);font-size:10px;font-variant-numeric:tabular-nums}.ae-key-actions.ae-key-actions-labelled{height:44px;gap:4px}.ae-key-actions.ae-key-actions-labelled>button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;flex:1 1 0;width:auto;min-width:44px;height:44px;border-radius:16px;font-size:9px;line-height:11px}.ae-key-actions-labelled .ae-curve-toggle{margin-left:0}.ae-key-gesture-hint{margin:0;padding:1px 3px 0;color:var(--ios-secondary-text, #8d96a5);font-size:9px;line-height:12px}.ae-key-time small{margin-left:3px;font-size:9px;white-space:nowrap}.ae-key-time{display:flex;align-items:center;flex:1;min-width:0;gap:3px;color:#9aa5b5;font-size:9px}.ae-key-time input{width:62px;height:40px;font-size:11px;background:#f1f5fa}.ae-key-hint{flex:1;font-size:9px;color:#a0aaba;min-width:0;white-space:nowrap}.ae-selection-empty,.ae-curve-empty{margin:0;padding:12px;text-align:center;font-size:11px;color:#92a0b3}.ae-timeline.curve-open .ae-property-strip{height:42px}.ae-timeline.curve-open .ae-property-editor{max-height:calc(100% - 85px);overflow:auto;scrollbar-width:thin}.ae-effect-group{height:40px}.ae-effect-group small{color:var(--ios-secondary-text, #8d96a5)}.ae-effect-add-track{display:flex;align-items:center;padding-left:5px}.ae-effect-add{position:relative;z-index:2;display:flex;align-items:center;gap:4px;height:36px;padding:0 9px;border-radius:12px;color:#008bff;background:var(--ios-surface, #fff);font-size:10px}.ae-effect-header{height:44px}.ae-effect-name{display:flex;align-items:center;gap:4px;padding:0 6px 0 17px;color:var(--ios-secondary-text, #596b82);font-size:10px;text-align:left}.ae-effect-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ae-effect-name svg{flex-shrink:0}.ae-effect-actions{display:flex;align-items:center}.ae-effect-actions button{position:relative;z-index:2;width:44px;height:44px;padding:0;display:grid;place-items:center;border-radius:10px;color:var(--ios-secondary-text, #596b82)}.ae-effect-header.effect-disabled .ae-effect-name{opacity:.5}.ae-effect-color-dot{width:9px;height:9px;border-radius:3px;flex-shrink:0}.ae-effect-editor{max-height:calc(100% - 85px);overflow:auto}.ae-effect-status{min-height:17px;padding:0 3px 3px;color:var(--ios-secondary-text, #8d96a5);font-size:9px}.ae-timeline .ae-effect-color{width:42px;height:36px;padding:3px;flex-shrink:0}@media(max-width:350px){.ae-layer-name{font-size:10px;gap:4px}.ae-layer-expand,.ae-layer-visibility{width:22px;flex-basis:22px}.ae-property-name{padding-left:13px;gap:4px}.ae-property-name span{font-size:9px}.ae-property-select select{font-size:11px}.ae-property-value{width:55px;flex-basis:55px}.ae-property-editor{padding-left:5px;padding-right:5px}.ae-key-actions>button{width:33px;flex-basis:33px}.ae-key-time>span:first-child{display:none}}.ae-timeline.curve-open .ae-timeline-tools,.ae-timeline.curve-open .ae-layer,.ae-timeline.curve-open .ae-key-adjustment,.ae-timeline.curve-open .ae-key-actions{display:none}.editor.kit-editor .ae-timeline.curve-open .ae-timeline-scroll{flex:1 1 36px;min-height:36px}.ae-timeline.curve-open .ae-ruler{height:36px}.ae-timeline.curve-open .ae-track-table{padding-bottom:0}.ae-timeline.curve-open .ae-property-editor{max-height:none;overflow:visible}.ae-timeline.curve-open .ae-property-strip{height:44px}.ae-timeline.curve-open .ae-property-select>span{display:none}.ae-inline-curve-close{flex:0 0 28px;width:28px;height:44px;padding:0;display:grid;place-items:center;color:#7991ad}.ae-segment-range{position:absolute;bottom:1px;height:3px;background:#74baff;border-radius:4px;pointer-events:none}@media(max-width:350px){.ae-timeline.curve-open .ae-property-value{flex-basis:43px;width:43px}.ae-timeline.curve-open .ae-property-strip{gap:1px}}.ae-pan-control{display:flex;align-items:center;gap:5px;height:30px;flex:0 0 30px;padding:0 12px;color:#91a1b4;border-bottom:1px solid #e5e8ef}.ae-timeline .ae-pan-control input{appearance:auto;accent-color:#83bfff;width:100%;height:28px;padding:0;margin:0;background:transparent}@media(max-width:350px){.ae-timeline.curve-open .ae-property-value{flex-basis:53px;width:53px}}.editor.kit-editor{--kit-editor-width: min(402px, 100vw);width:var(--kit-editor-width);max-width:402px;height:100dvh;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:hidden;position:relative;background:#f2f2f7;color:#000;font-family:-apple-system,BlinkMacSystemFont,SF Pro,Helvetica Neue,sans-serif}.editor.kit-editor .kit-editor-header{width:100%;height:48px;min-height:48px;margin:0 0 14px;padding:0;position:relative;display:block;border:0;background:none;z-index:4}.editor.kit-editor .kit-exit,.editor.kit-editor .kit-editor-actions{height:48px;border:1px solid #ffffffc2;border-radius:296px;background:#ffffffa6;box-shadow:0 8px 40px #0000001f;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.editor.kit-editor .kit-exit{width:48px;color:#000}.editor.kit-editor .kit-editor-actions{position:absolute;left:50%;top:0;transform:translate(-50%);width:192px;padding:0 12px;display:flex;gap:8px;align-items:center;justify-content:center}.editor.kit-editor .kit-editor-actions .icon-button{flex:0 0 36px;height:36px;width:36px;padding:0;color:#000;border-radius:50%;background:transparent}.editor.kit-editor .kit-save-status{position:absolute;right:0;top:-19px;font-size:11px;color:#c83a3a}.editor.kit-editor .editor-workspace{min-height:0;flex:1;display:flex;flex-direction:column;gap:34px;grid-template-columns:none;padding:0;margin:0;overflow:visible}.editor.kit-editor .stage-panel{flex:1;display:flex;flex-direction:column;min-height:140px;background:transparent;overflow:visible}.editor.kit-editor .canvas-space{width:100%;min-height:0;flex:1;padding:0;border:0;border-radius:30px;background:#ffffffb0;box-shadow:0 0 32px #0003;isolation:isolate}.editor.kit-editor .canvas-frame{min-width:0;max-width:100%;max-height:100%;flex:none;border:0;border-radius:0;box-shadow:none;background:transparent}.editor.kit-editor .canvas-empty{display:flex;position:absolute;inset:0;width:100%;height:100%;align-items:center;justify-content:center;gap:0;padding:0;background:none;border:0;color:#0009}.editor.kit-editor .canvas-empty span{font-size:17px;line-height:22px;font-weight:400;letter-spacing:-.43px;color:#0009}.editor.kit-editor .kit-playback{position:relative;width:100%;height:38px;flex:0 0 38px;margin:20px 0 0;padding:0 4px;border:0;border-radius:30px;background:#ffffffb0;box-shadow:0 0 32px #0003;display:flex;align-items:center;justify-content:space-between;color:#333}.editor.kit-editor .kit-playback .icon-button{height:38px;width:38px;min-width:0;padding:0;border-radius:30px;color:#333;background:none}.editor.kit-editor .kit-playback .icon-button.active{color:#333;background:none}.editor.kit-editor .kit-playback-center{position:absolute;left:50%;transform:translate(-50%);height:38px;display:flex;align-items:center;gap:0}.editor.kit-editor .kit-playback-steps{display:flex;gap:0}.editor.kit-editor .kit-playback-steps .icon-button{width:33px}.editor.kit-editor .kit-layer-card{width:100%;height:156px;min-height:52px;flex:0 0 156px;border:0;border-radius:26px;background:#fff;overflow:auto;overscroll-behavior:contain;scrollbar-width:none}.editor.kit-editor .kit-layer-card::-webkit-scrollbar{display:none}.editor.kit-editor .kit-layer-row{display:flex;align-items:center;height:52px;padding:0 16px;gap:0;position:relative}.editor.kit-editor .kit-layer-row+.kit-layer-row:before{content:"";height:1px;background:#e6e6e6;position:absolute;top:0;left:62px;right:16px}.editor.kit-editor .kit-layer-eye{--kit-icon-palette: --kit-white;width:30px;height:30px;flex:0 0 30px;border:0;border-radius:8px;background:linear-gradient(#ffffff1a,#0003),#008bff;color:#fff;display:flex;align-items:center;justify-content:center;margin-right:16px;padding:0}.editor.kit-editor .kit-layer-eye.hidden-layer{background:#8e8e93}.editor.kit-editor .kit-layer-name{align-self:stretch;flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;line-height:22px;letter-spacing:-.43px;font-weight:510;padding:0;color:#000}.editor.kit-editor .kit-layer-grabber{flex:0 0 34px;width:34px;height:52px;padding:0 0 0 12px;display:flex;justify-content:center;align-items:center;color:#3c3c434d;touch-action:none;cursor:grab}.editor.kit-editor .kit-layer-grabber{opacity:.3}.editor.kit-editor .kit-add-first-layer{width:100%;height:52px;text-align:left;padding:0 16px;font-size:17px;color:#008bff}.editor.kit-editor .editor-dock:not(.liquid-glass-nav){position:relative;bottom:auto;left:auto;width:calc(100% - 18px);height:62px;min-height:62px;flex:0 0 62px;margin:16px 9px 0;padding:3px 4px;display:flex;align-items:stretch;justify-content:stretch;gap:0;border:1px solid #ffffffc2;border-radius:296px;background:#ffffffa6;box-shadow:0 8px 40px #0000001f;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:45}.editor.kit-editor .editor-dock:not(.liquid-glass-nav) button{flex:1 1 0;width:0;min-width:0;height:56px;padding:6px 0 7px;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;border-radius:100px;color:#1a1a1a;font-size:10px;font-weight:510;line-height:12px;background:transparent}.editor.kit-editor .editor-dock:not(.liquid-glass-nav) button svg{width:30px;height:30px}.editor.kit-editor .editor-dock:not(.liquid-glass-nav) button:first-child{font-weight:700}.editor.kit-editor .editor-dock:not(.liquid-glass-nav) button.selected,.editor.kit-editor .editor-dock:not(.liquid-glass-nav) button.install-tool{--kit-icon-palette: normal;min-width:0;background:#ededed;color:#008bff;font-weight:700}.editor.kit-editor .editor-workbench{display:flex;flex:0 0 338px;height:338px;min-height:0;flex-direction:column;margin-top:14px;background:#ffffffba;border:1px solid #fff;border-radius:24px;box-shadow:0 5px 24px #0000000b;overflow:hidden}.editor.kit-editor .workbench-heading{display:flex;align-items:center;flex:0 0 44px;min-height:44px;padding:0 6px;border-bottom:1px solid #e5e5ec}.editor.kit-editor .workbench-tabs{display:flex;flex:1;min-width:0;gap:2px}.editor.kit-editor .workbench-tabs button{height:36px;padding:0 9px;border-radius:14px;font-size:12px;color:#777b89}.editor.kit-editor .workbench-tabs button[aria-selected=true]{background:#e8f3ff;color:#008bff;font-weight:600}.editor.kit-editor .workbench-heading>.icon-button{width:36px;min-width:36px;height:44px;background:none}.editor.kit-editor .layers-panel,.editor.kit-editor .properties-panel,.editor.kit-editor .timeline-container{display:none}.editor.kit-editor .editor-workbench>.inline-open{position:relative;display:flex;flex:1;min-height:0;width:100%;height:auto;max-height:none;inset:auto;flex-direction:column;margin:0;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none;overflow:auto;z-index:auto}.editor.kit-editor .inline-open .panel-heading{display:flex;flex-shrink:0;align-items:center;min-height:40px;padding:4px 12px;gap:8px;background:#fafafd;border-bottom:1px solid #ececf1}.editor.kit-editor .inline-open .panel-heading h3{flex:1;font-size:13px;line-height:20px}.editor.kit-editor .inline-open .panel-heading>.icon-button{display:flex}.editor.kit-editor .mobile-panel-close{display:none}.editor.kit-editor .properties-content{overflow:visible}.editor.kit-editor .layers-list{min-height:70px;overflow:auto}.editor.kit-editor .kit-layer-tools{display:flex;flex-wrap:wrap;gap:5px;padding:5px;justify-content:center;flex-shrink:0}.editor.kit-editor .timeline-container.inline-open{overflow:hidden}.editor.kit-editor .timeline{min-height:0;flex:1}.editor.kit-editor .auto-key{min-width:0;font-size:11px}.editor.kit-editor .inline-effects{flex:1;min-height:0;overflow:auto;padding:12px}.editor.kit-editor .inline-effects .fx-live-preview{display:none}.editor.kit-editor .inline-effects .fx-parameters{padding:10px;gap:10px}.editor.kit-editor .inline-effects .effects-panel{gap:10px}.editor.kit-editor .inline-effects .fx-tabs{position:sticky;top:-12px;z-index:2}.editor.kit-editor .inline-effects .fx-preview-time{position:sticky;top:28px;background:#fff;z-index:1}.editor.kit-editor .pen-toolbar{flex:0 0 38px;height:auto;min-height:38px;margin:10px 0 0;padding:4px 9px;border-radius:22px;background:#ffffffb0;box-shadow:0 0 32px #0003}.editor.kit-editor .pen-toolbar>span{font-size:10px;line-height:13px}.editor.kit-editor.kit-expanded .editor-workbench{display:none}.editor.kit-editor.kit-expanded .editor-workspace{gap:0}@media(max-height:680px){.editor.kit-editor{padding-top:12px;padding-bottom:12px}.editor.kit-editor .editor-workspace{gap:16px}.editor.kit-editor .kit-layer-card{height:104px;flex-basis:104px}.editor.kit-editor .editor-dock:not(.liquid-glass-nav){margin-top:16px}}@media(max-height:520px){.editor.kit-editor .stage-panel{min-height:80px}.editor.kit-editor .editor-workspace{gap:12px}.editor.kit-editor .kit-layer-card{height:52px;flex-basis:52px}.editor.kit-editor .editor-dock:not(.liquid-glass-nav){margin-top:14px}}.editor.kit-editor .kit-playback{background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.editor.kit-editor .kit-playback-art{position:absolute;width:370px;height:38px;left:0;top:0;transform-origin:0 0;pointer-events:none}.editor.kit-editor .kit-playback-art img{position:absolute;left:-32px;top:-32px;max-width:none;pointer-events:none}.editor.kit-editor .kit-playback .icon-button{position:relative}.editor.kit-editor .kit-playback .icon-button svg{opacity:0}.editor.kit-editor .kit-playback .kit-playback-center{left:calc(50% - 3px)}.editor.kit-editor .kit-playback-center .icon-button{width:36px}.editor.kit-editor .kit-playback-steps{position:absolute;right:-6px}.editor.kit-editor .kit-playback-steps .icon-button{width:35px}.editor.kit-editor .kit-playback.is-playing .kit-play-button{background:#fbfbfd;height:32px;margin-top:3px}.editor.kit-editor .kit-playback.is-playing .kit-pause-icon{opacity:1}.editor.kit-editor.kit-native{padding-top:max(20px,env(safe-area-inset-top))}.editor.kit-editor .stage-panel{max-height:calc((var(--kit-editor-width) - 32px) * 364 / 370 + 58px)}.editor.kit-editor.kit-expanded .stage-panel{max-height:none}.editor.kit-editor .editor-dock.liquid-glass-nav{width:calc(100% - 18px);margin:16px 9px 0;z-index:45}@media(max-height:800px){.editor.kit-editor .editor-dock.liquid-glass-nav{margin-top:16px}}@media(max-width:360px){.editor.kit-editor .editor-dock.liquid-glass-nav{margin-top:14px}}.editor.kit-editor .kit-playback{margin-top:10px}@media(max-height:760px){.editor.kit-editor{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.editor.kit-editor .kit-editor-header{margin-bottom:10px}.editor.kit-editor .editor-workbench{flex-basis:300px;height:300px;margin-top:10px}.editor.kit-editor .editor-dock.liquid-glass-nav{margin-top:10px}}@media(max-width:360px){.editor.kit-editor .workbench-tabs button{padding:0 6px;font-size:11px}.editor.kit-editor .workbench-heading>.icon-button{width:32px;min-width:32px}}.gradient-editor{min-width:0;margin:0;padding:0;border:0;display:grid;gap:12px;color:var(--text)}.gradient-editor label{min-width:0}.gradient-editor .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.gradient-editor-type{display:grid;gap:6px}.gradient-editor-type>span,.gradient-editor-field>span{font-size:11px;color:var(--muted);line-height:1.35}.gradient-editor select,.gradient-editor input[type=number]{width:100%;min-width:0;min-height:44px;padding:8px 10px;color:var(--text);background:var(--panel, var(--ios-surface));border:1px solid var(--line);border-radius:12px;box-sizing:border-box;font:inherit;font-size:12px}.gradient-editor-preview{width:100%;height:76px;border-radius:12px;background:var(--ios-background, Canvas)}.gradient-editor-stop-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;gap:6px}.gradient-editor-stop-toolbar button,.gradient-editor-directions button{min-height:44px;min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--panel, var(--ios-surface));color:var(--text);display:flex;align-items:center;justify-content:center;padding:6px;font:inherit;font-size:11px}.gradient-editor button:disabled{opacity:.4}.gradient-editor-stop-controls,.gradient-editor-geometry,.gradient-editor-solid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:end}.gradient-editor-stop-controls>.gradient-editor-color{grid-column:1 / -1}.gradient-editor-field{display:grid;gap:5px}.gradient-editor-color{display:flex;align-items:center;gap:8px;font-size:11px;min-height:44px}.gradient-editor input[type=color]{width:44px;min-width:44px;height:44px;padding:2px;border:1px solid var(--line);border-radius:12px;background:var(--panel, Canvas)}.gradient-editor-position{width:100%;height:44px;margin:-8px 0;accent-color:var(--blue);touch-action:pan-y}.gradient-editor-directions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.gradient-editor-directions button:last-child{grid-column:1 / -1}.gradient-editor :is(button,select,input):focus-visible{outline:2px solid var(--blue);outline-offset:2px}.modal-backdrop:has(.shape-drawer){align-items:flex-end;padding:0;background:#18243224;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.modal.shape-drawer{width:min(480px,100%);max-width:100%;max-height:calc(100dvh - 20px);padding:0 0 env(safe-area-inset-bottom,0px);overflow:hidden;border:1px solid #fff9;border-bottom:0;border-radius:32px 32px 0 0;background:#f2f2f7;box-shadow:0 -12px 48px #2333491a;animation:shape-drawer-in .18s ease-out}.modal.shape-drawer>header{display:none}.shape-browser{--shape-active: #008bff;position:relative;display:flex;flex-direction:column;height:min(500px,78dvh);min-height:300px;min-width:0;padding:21px 16px 16px;color:#1c1c1e;background:#f2f2f7;font-family:var(--kit-font, -apple-system, BlinkMacSystemFont, sans-serif)}.shape-browser:before{content:"";position:absolute;top:8px;left:calc(50% - 17px);width:34px;height:4px;border-radius:5px;background:#d5d5dd}.shape-browser-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 2px 13px;flex:none}.shape-browser-heading h3{margin:0;font:800 23px/27px var(--kit-rounded, sans-serif);letter-spacing:-.6px;color:#1c1c1e}.shape-browser-heading span{display:block;margin-top:2px;color:#8e8e93;font-size:11px;line-height:15px}.shape-browser-heading .shape-drawer-close{display:grid;place-items:center;width:32px;height:32px;padding:0;border-radius:50%;color:#8e8e93;background:#e5e5ec;flex:none}.shape-insert-tabs{display:flex;align-items:stretch;gap:8px;flex:none}.shape-insert-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;height:49px;padding:8px 6px;border:1px solid #ffffffb3;border-radius:24px;color:#777983;background:#fff;box-shadow:0 2px 6px #263e5810;font-size:11px;line-height:1.15;font-weight:600;white-space:nowrap}.shape-insert-tabs button>svg{flex:none}.shape-insert-tabs button[aria-pressed=true]{color:#fff;background:var(--shape-active);border-color:#008bff;box-shadow:0 3px 8px #008bff24}.shape-browser-main{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0}.shape-browser-filter{display:flex;align-items:center;gap:8px;margin:13px 0 11px;height:36px;flex:none}.shape-category-select{position:relative;display:flex;align-items:center;width:104px;min-width:0;flex:none}.shape-category-select select{appearance:none;width:100%;height:36px;min-height:0;border:1px solid #fff9;border-radius:18px;padding:0 25px 0 13px;color:#777983;background:#fff;box-shadow:none;outline:none;font:inherit;font-size:11px;text-overflow:ellipsis}.shape-category-select option{color:#1c1c1e;background:#fff}.shape-category-select>svg{position:absolute;right:10px;pointer-events:none;color:#999ba4}.shape-browser-search{display:flex;align-items:center;flex:1;min-width:0;height:36px;gap:7px;padding:0 11px;border:1px solid #fff9;border-radius:18px;background:#e8e8ee;color:#9a9ba4}.shape-browser-search>svg{flex:none}.shape-browser-search input{flex:1;min-width:0;height:34px;min-height:0;padding:0;border:0;background:transparent;box-shadow:none;outline:none;color:#1c1c1e;font:inherit;font-size:12px}.shape-browser-search input::placeholder{color:#9a9ba4}.shape-browser-search input::-webkit-search-cancel-button{display:none}.shape-browser-search button{display:grid;place-items:center;width:20px;height:28px;padding:0;flex:none;color:#999ba4}.shape-browser-results{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.shape-browser-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c9d0da transparent}.shape-browser-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:1px 1px 8px}.shape-browser-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;min-width:0;height:78px;padding:7px 4px;border:1px solid #fff;border-radius:20px;color:#7296c4;background:linear-gradient(145deg,#fff,#fcfcff);box-shadow:0 2px 5px #34465e05;touch-action:manipulation}.shape-browser-grid button[data-category=polygons]{color:#978ebc}.shape-browser-grid button[data-category=arrows]{color:#7d9aaa}.shape-browser-grid button[data-category=symbols]{color:#be91a6}.shape-browser-grid button[data-category=curves]{color:#7aa899}.shape-browser-grid button[data-category=badges]{color:#c3a06e}.shape-browser-grid button svg{display:block;width:40px;height:40px;max-width:100%;flex:none}.shape-browser-grid button>span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#90929b;font-size:9px;line-height:12px}.shape-browser-grid button:active{color:var(--shape-active);background:#e5f2ff;border-color:#c8e3ff}.shape-drawing-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:11px 0 0;flex:none}.shape-drawing-tools button{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-width:0;min-height:54px;padding:10px 15px;border:1px solid #fff;border-radius:27px;color:#008bff;background:#fff;text-align:left;box-shadow:0 2px 6px #263e5808}.shape-drawing-tools button>svg{flex:none}.shape-drawing-tools span{display:block;min-width:0;font-size:12px;line-height:15px;font-weight:600}.shape-drawing-tools small{display:block;margin-top:2px;color:#999ba4;font-size:9px;line-height:12px;font-weight:400;white-space:nowrap}.shape-browser button:focus-visible,.shape-browser select:focus-visible,.shape-browser-search:focus-within{outline:2px solid var(--shape-active);outline-offset:-2px}.shape-browser-empty{padding:28px 12px;text-align:center;color:#8e8e93;font-size:12px;line-height:1.6}@media(hover:hover){.shape-browser-grid button:hover{background:#eaf4ff;border-color:#c8e3ff}.shape-drawing-tools button:hover{background:#eaf4ff}.shape-insert-tabs button:not([aria-pressed=true]):hover{color:#008bff;background:#eaf4ff}}@media(max-width:350px){.shape-browser{padding:20px 14px 14px}.shape-browser-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.shape-insert-tabs{gap:6px}.shape-insert-tabs button{height:48px;flex-direction:column;gap:3px;padding:5px 3px;font-size:9px}.shape-insert-tabs button>svg{width:19px;height:19px}.shape-drawing-tools button{padding:9px 11px;gap:8px}.shape-drawing-tools small{font-size:8px}.shape-category-select{width:89px}}@media(prefers-reduced-motion:reduce){.modal.shape-drawer{animation:none}}@keyframes shape-drawer-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.effects-panel{display:flex;flex-direction:column;gap:14px;min-width:0;color:#1c1c1e}.fx-layer-label{display:flex;align-items:center;gap:8px;color:#8e8e93;font-size:13px}.fx-layer-label select{flex:1;min-width:0;min-height:44px;border:0;border-radius:13px;background:var(--ios-control, #e8e8ed);color:var(--ios-text, #1c1c1e);padding:0 9px;font-size:12px}.fx-layer-label span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fx-layer-label small{color:#b36b09}.fx-tabs{display:flex;gap:3px;padding:4px;background:#eeeef2;border-radius:16px}.fx-tabs button{flex:1;min-width:0;padding:10px 3px;border-radius:12px;font-size:13px;white-space:nowrap}.fx-tabs button[aria-selected=true]{background:#fff;box-shadow:0 2px 8px #0000000b}.fx-tabs small{color:#8e8e93;margin-left:3px;font-size:11px}.fx-search{display:flex;gap:9px;align-items:center;background:#f2f2f7;color:#8e8e93;border-radius:14px;padding:0 12px}.fx-search input{flex:1;border:0;background:none;padding:12px 0;outline:none;font-size:14px}.fx-categories{display:flex;gap:6px;overflow:auto;padding-bottom:3px;scrollbar-width:none}.fx-categories button{flex:none;border-radius:20px;background:#f2f2f7;padding:9px 13px;font-size:12px}.fx-categories button[aria-pressed=true]{background:#008bff;color:#fff}.fx-caption,.fx-note{font-size:12px;line-height:1.5;color:#8e8e93}.fx-note{background:#f2f2f7;border-radius:13px;padding:11px 13px}.fx-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.fx-card{display:flex;flex-direction:column;text-align:left;border:1px solid #eeeef2;border-radius:17px;overflow:hidden;padding:0 0 12px}.fx-card b{font-size:13px;margin:9px 10px 4px;line-height:1.3}.fx-card small{font-size:10px;margin:0 10px;color:#8e8e93;line-height:1.4}.fx-thumbnail{position:relative;background:#f2f0fa;width:100%;aspect-ratio:1.5;overflow:hidden}.fx-thumbnail>svg:first-child{width:100%;height:100%}.fx-thumbnail>svg:last-child{position:absolute;right:7px;bottom:7px;background:#fff;color:#008bff;border-radius:50%;width:21px;height:21px;padding:3px}.fx-empty{padding:28px 10px;display:flex;align-items:center;flex-direction:column;text-align:center;gap:12px;color:#8e8e93;font-size:13px}.fx-empty h3{font-size:16px;color:#1c1c1e}.fx-motion-grid.motion-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fx-motion-grid.motion-presets>button{display:flex;min-width:0;align-items:flex-start;padding:13px 10px;gap:8px;border-radius:16px;border:1px solid #eeeef2;text-align:left;background:#fafafd}.fx-motion-grid.motion-presets>button[aria-pressed=true]{border-color:#008bff;background:#f0f8ff}.fx-motion-grid>button>svg{color:#008bff}.fx-motion-grid span{min-width:0;flex:1}.fx-motion-grid b{display:block;font-size:13px;line-height:1.3}.fx-motion-grid small{display:block;font-size:10px;color:#8e8e93;line-height:1.4;margin-top:5px}.fx-motion-settings{border:1px solid #e5e5ea;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:13px}.fx-motion-settings h3,.fx-parameters h3{font-size:16px}.fx-motion-settings>label{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:13px}.fx-motion-settings output,.fx-motion-settings input[type=number]{margin-left:auto}.fx-motion-settings input[type=range]{width:100%}.fx-motion-settings input[type=number]{width:60px;border:0;background:#f2f2f7;border-radius:8px;padding:8px}.fx-motion-settings p{font-size:11px;color:#8e8e93;line-height:1.5}.fx-stack{display:flex;flex-direction:column;gap:6px}.fx-stack-item{display:flex;align-items:center;background:#f2f2f7;border:1px solid transparent;border-radius:13px;min-height:46px;padding:0 4px}.fx-stack-item.active{border-color:#b5dcff;background:#f1f8ff}.fx-stack-item>button{display:flex;align-items:center;justify-content:center;min-width:30px;min-height:42px;padding:5px;color:#8e8e93}.fx-stack-item>button[aria-pressed=true]{color:#008bff}.fx-stack-item>.fx-stack-name{flex:1;justify-content:flex-start;gap:7px;text-align:left;color:#1c1c1e;font-size:13px}.fx-stack-name span{color:#8e8e93;font-size:11px}.fx-add-more{display:flex;gap:6px;align-items:center;justify-content:center;color:#008bff;font-size:13px;min-height:36px}.fx-parameters{padding:15px;border-radius:18px;background:#fafafd;border:1px solid #eeeef2;display:flex;flex-direction:column;gap:15px}.fx-parameter-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.fx-parameter-title small{color:#8e8e93;font-size:11px}.fx-live-preview{position:sticky;top:-20px;z-index:2;height:140px;background:#f2f2f7;border-radius:13px;overflow:hidden;display:flex;justify-content:center}.fx-live-preview svg{height:100%;max-width:100%}.fx-preview-time{display:flex;gap:8px;align-items:center;padding:8px 0;border-top:1px solid #eeeef2;border-bottom:1px solid #eeeef2}.fx-preview-time button{padding:7px;color:#008bff;display:flex}.fx-preview-time input{flex:1;min-width:0}.fx-preview-time output{min-width:45px;text-align:right;font-size:11px;font-variant-numeric:tabular-nums}.fx-parameter-label{display:flex;align-items:center;justify-content:space-between;font-size:13px;min-height:32px}.fx-parameter-label button{width:32px;height:32px;color:#8e8e93;display:grid;place-items:center}.fx-parameter-label button.key-active{color:#008bff}.fx-number{display:flex;align-items:center;gap:10px}.fx-number input[type=range]{flex:1;min-width:0}.fx-number input[type=number]{width:63px;border:0;background:#eeeef2;border-radius:9px;padding:8px 5px;text-align:center;font-size:13px}.fx-number small{color:#8e8e93;font-size:10px}.effects-panel input[type=range]{accent-color:#008bff;min-height:24px}.fx-color{display:flex;align-items:center;gap:10px;font-size:12px;color:#8e8e93}.fx-color input{padding:0;border:0;background:none;width:42px;height:34px}.fx-key-easing{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px;font-size:11px;color:#8e8e93}.fx-key-easing select{background:#fff;border:1px solid #e5e5ea;border-radius:8px;padding:6px;font-size:11px}.fx-keyframes{border-top:1px solid #e5e5ea;padding-top:10px;font-size:11px}.fx-keyframes>div{display:flex;align-items:center;gap:4px}.fx-keyframes b{flex:1}.fx-keyframes button{display:flex;align-items:center;gap:6px;padding:8px 4px;min-height:32px}.fx-keyframes>div>button:first-child{flex:1;text-align:left}.fx-keyframes svg{color:#008bff}@media(max-width:480px){.fx-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:350px){.fx-tabs button{font-size:11px}.fx-stack-name{font-size:11px!important}.fx-stack-item>button{min-width:27px}.fx-motion-grid.motion-presets{grid-template-columns:1fr}}.fx-parameter-label button{min-width:44px;min-height:44px}.fx-stack>div>button{min-height:44px}.recipe-controls{padding:16px;margin:10px 0 20px;border-radius:24px;background:var(--ios-group, var(--surface));color:var(--ios-text, var(--text))}.recipe-controls header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.recipe-controls header span{margin-left:auto;font-variant-numeric:tabular-nums}.recipe-choices{display:flex;flex-wrap:wrap;gap:6px}.recipe-choices button{min-height:40px;border-radius:18px;padding:8px 12px;border:1px solid var(--ios-separator, var(--line));background:var(--ios-surface, var(--surface));color:inherit}.recipe-choices button[aria-pressed=true]{background:var(--ios-tint, #008bff);color:#fff;border-color:transparent}.recipe-controls p,.recipe-controls small{display:block;line-height:1.4;font-size:12px;margin:10px 0;color:var(--ios-secondary-text, var(--muted))}.recipe-values{display:flex;flex-wrap:wrap;gap:10px}.recipe-values label{flex:1 1 85px;min-width:0;font-size:12px}.recipe-values input{display:block;width:100%;min-width:0;margin-top:6px;min-height:40px;border-radius:12px}.recipe-controls .primary{min-height:44px;border-radius:22px;margin-top:12px}.plugin-picker{display:flex;flex-direction:column;gap:17px}.plugin-picker-intro,.plugin-create p{font-size:12px;line-height:1.5;color:var(--ios-secondary-text, #63636d)}.plugin-pack{background:var(--ios-group, #f2f2f7);color:var(--ios-text, #1c1c1e);border-radius:18px;padding:15px}.plugin-pack>header{display:flex;align-items:center;gap:9px;margin-bottom:12px;color:var(--ios-tint, #008bff)}.plugin-pack h3{font-size:15px;color:var(--ios-text, #1c1c1e)}.plugin-pack small{font-size:10px;color:var(--ios-secondary-text, #63636d)}.plugin-shapes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.plugin-shapes>button{display:flex;flex-direction:column;align-items:center;padding:6px 2px;color:var(--ios-text, #353543);border-radius:10px}.plugin-shapes>button:hover{background:var(--ios-control, #e5e5ef)}.plugin-shapes svg{width:46px;height:46px}.plugin-shapes span{font-size:9px;line-height:1.3;text-align:center}.plugin-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.plugin-actions button{display:flex;align-items:center;gap:7px;padding:10px;background:var(--ios-surface, white);color:var(--ios-text, #1c1c1e);border-radius:11px;font-size:11px}.plugin-actions svg{color:var(--ios-tint, #008bff)}.plugin-picker-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:25px 10px;text-align:center;color:var(--ios-secondary-text, #63636d)}.plugin-picker-empty h3{color:var(--ios-text, #1c1c1e);font-size:17px}.plugin-picker-empty p{font-size:12px;line-height:1.6}.plugin-create{display:flex;flex-direction:column;gap:10px;padding-top:15px;border-top:1px solid var(--ios-separator, #e5e5ea)}.plugin-pack>header>div{min-width:0}.plugin-pack h3,.plugin-shapes span,.plugin-actions button{overflow-wrap:anywhere}.plugin-actions button{min-height:36px;min-width:0;text-align:start;line-height:1.35}.plugin-actions button svg{flex-shrink:0}.plugin-actions button:not(:disabled):hover{background:var(--ios-control, #e8e8ed)}.plugin-actions button:disabled{opacity:1;color:var(--ios-secondary-text, #63636d);cursor:not-allowed}.plugin-actions button:disabled svg{color:currentColor}.plugin-actions button:focus-visible,.plugin-shapes>button:focus-visible{outline:2px solid var(--ios-tint, #008bff);outline-offset:2px}.editor-plugins>p,.ep-card p,.ep-note{color:var(--muted);font-size:13px;line-height:1.5;overflow-wrap:anywhere}.ep-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.editor-plugins .ep-toolbar>button{min-width:0;max-width:100%;min-height:44px;white-space:normal;overflow-wrap:anywhere}.ep-card{border-radius:24px;background:var(--ios-group, var(--bg));padding:18px;margin:12px 0}.ep-card h3{display:flex;align-items:center;gap:8px;font-size:16px;margin:0 0 6px}.ep-card small{color:var(--muted)}.ep-card button+button{margin-top:8px}.ep-empty{padding:22px 12px;text-align:center;color:var(--muted)}.ep-empty h3{color:var(--text)}.ep-note{margin-top:18px}.editor-plugin-library{padding-inline:29px}.editor-plugin-library .kit-plugin-grid{grid-template-columns:minmax(0,1fr);gap:12px}.editor-plugin-library .ep-card{margin:0;min-width:0}.editor-plugin-library .kit-plugin-local-note{margin:16px 0}.ep-card button{min-width:0;white-space:normal;overflow-wrap:anywhere}.composition-library{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:14px}.composition-library>p{margin:0;font-size:13px;color:var(--ios-secondary-text, #6b7280);line-height:1.45}.composition-main{display:flex;align-items:center;gap:12px;padding:12px;min-height:56px;text-align:left;border-radius:18px;background:var(--ios-control, #f0f3f8);color:var(--ios-text, #202b3e);min-width:0;width:100%;box-sizing:border-box}.composition-main>span{min-width:0;overflow-wrap:anywhere}.composition-library small{display:block;color:var(--ios-secondary-text, #6b7280);font-size:11px;margin-top:4px}.composition-items{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:10px}.composition-item{display:grid;grid-template-columns:50px minmax(0,1fr);gap:10px;align-items:center;border:1px solid var(--ios-separator, #e1e6ed);border-radius:20px;padding:12px;min-width:0}.composition-item strong{display:block;overflow-wrap:anywhere;font-size:14px}.composition-item>.project-preview{width:50px;height:50px;border-radius:12px;overflow:hidden}.composition-item>button{grid-column:1 / -1;justify-self:stretch;min-height:44px}.composition-library .selected{border:1px solid var(--ios-tint, #008bff)}.composition-library form{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:10px}.composition-library label{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:7px;font-size:13px}.composition-library input{width:100%;box-sizing:border-box;min-height:44px;border:1px solid var(--ios-separator, #e1e6ed);border-radius:14px;padding:10px 12px;background:var(--ios-control, #f0f3f8);color:var(--ios-text, #202b3e);font:inherit}.composition-library button{min-height:44px;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.3}.composition-empty{display:grid;justify-items:center;text-align:center;gap:10px;padding:18px 6px}.composition-context{display:flex;align-items:center;justify-content:center;gap:8px;padding:4px 10px;color:var(--ios-secondary-text, #6b7280);font-size:12px}.composition-context button{min-height:44px;border-radius:12px;padding:4px 10px;background:var(--ios-control, #f0f3f8);color:var(--ios-tint, #008bff)}.vector-kit-library{display:grid;gap:14px;color:#172233;min-width:0}.vector-kit-intro{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(125deg,#e6f4ff,#f3edff);border:1px solid #fff;border-radius:26px;padding:20px}.vector-kit-symbol{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:17px;background:#fff9;color:#008bff}.vector-kit-intro h3{margin:0 0 7px;font-size:17px}.vector-kit-intro p,.vector-kit-note{font-size:13px;line-height:1.5;color:#778292;margin:0}.vector-kit-toolbar{display:flex;gap:8px}.vector-kit-toolbar>button,.vector-kit-pages button,.vector-kit-actions>button:not(.icon-button),.vector-kit-selection button{display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:15px;min-height:44px;padding:8px 12px;background:#eaf4ff;color:#007bdf;font-size:12px;font-weight:600}.vector-kit-search{display:flex;align-items:center;gap:8px;background:#edf0f5;border-radius:15px;padding:0 12px;min-width:0;flex:1;color:#8390a1}.vector-kit-search input{border:0!important;outline:0;background:transparent!important;width:100%;min-width:0;height:44px;box-shadow:none!important;padding:0!important;font-size:13px}.vector-kit-library h4{font-size:14px;margin:5px 3px 0}.vector-kit-library h4 span{font-size:12px;color:#8c98a6;margin-left:6px}.vector-kit-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vector-kit-card{background:#fff;border:1px solid #e5edf4;border-radius:24px;overflow:hidden;min-width:0}.vector-kit-open{display:flex;align-items:flex-start;flex-direction:column;width:100%;padding:15px;border:0;text-align:left;background:transparent;color:inherit;gap:7px}.vector-kit-open strong{font-size:14px;overflow-wrap:anywhere}.vector-kit-open small{font-size:10px;color:#8591a0}.vector-kit-open p{font-size:11px;line-height:1.5;color:#7d8999;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.vector-kit-card-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:16px;background:#eaf4ff;color:#008bff;margin-bottom:3px}.vector-kit-card-icon.cloud{background:#f0eaff;color:#8d60e5}.vector-kit-actions{display:flex;flex-wrap:wrap;gap:2px;padding:0 7px 8px;justify-content:space-around}.vector-kit-actions .icon-button{width:36px;min-height:44px;padding:5px;flex:1}.vector-kit-actions .icon-button.active{color:#008bff;background:#eaf4ff}.vector-kit-actions>button:not(.icon-button){flex:1;font-size:10px;padding:6px}.vector-kit-pages{display:flex;justify-content:center;align-items:center;gap:12px;font-size:12px}.vector-kit-picker{border-radius:32px!important}.vector-kit-picker>.vector-kit-search{flex:none;margin:12px 0}.vector-kit-selection{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;margin:8px 0}.vector-kit-components{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vector-kit-components>button{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0;background:#fff;border:2px solid #edf0f5;padding:7px;border-radius:20px;text-align:left;overflow:hidden;color:#273246}.vector-kit-components>button[aria-pressed=true]{border-color:#008bff;background:#f1f8ff}.vector-kit-components .project-preview{height:110px!important;width:100%;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.vector-kit-components .project-preview svg{width:100%;height:100%;object-fit:contain}.vector-kit-components strong{font-size:12px;overflow-wrap:anywhere;padding:3px 3px 0}.vector-kit-components small{font-size:10px;color:#8a95a3;padding:0 3px 3px}.vector-kit-check{position:absolute;top:12px;right:12px;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#ffffffd9;box-shadow:0 1px 4px #213b591f;color:#008bff}.vector-kit-components>button[aria-pressed=true] .vector-kit-check{color:#fff;background:#008bff}.vector-kit-insert{position:sticky;bottom:0;width:100%;min-height:48px!important;border-radius:17px!important;margin-top:14px;box-shadow:0 0 0 7px #fff;z-index:1}.vector-library-modal{border-radius:32px!important}.vector-kit-note button{border:0;background:transparent;color:#008bff;min-height:40px;padding:4px}.editor-import-choices{display:grid;gap:12px}.editor-import-choices>button{display:flex;align-items:center;gap:12px;min-height:66px;background:#eff6fd;border:0;padding:14px;border-radius:22px;color:#008bff;text-align:left}.editor-import-choices span{display:flex;flex-direction:column;gap:5px;color:#25354c}.editor-import-choices small{font-size:11px;color:#8491a3}.vector-kit-library button:disabled{opacity:.45}.vector-kit-library button:focus-visible{outline:3px solid #80c6ff;outline-offset:2px}@media(max-width:350px){.vector-kit-intro{padding:15px;gap:10px}.vector-kit-symbol{width:37px;height:37px}.vector-kit-intro h3{font-size:15px}.vector-kit-intro p{font-size:12px}.vector-kit-open{padding:12px}.vector-kit-cards{gap:8px}.vector-kit-actions .icon-button{min-width:27px}.vector-kit-components .project-preview{height:90px!important}}@media(min-width:700px){.vector-kit-cards,.vector-kit-components{grid-template-columns:repeat(3,minmax(0,1fr))}}.kit-community-page>.vector-kit-library{margin:0 24px 30px}@media(max-width:350px){.kit-community-page>.vector-kit-library{margin-inline:18px}}.plugin-resources{display:flex;flex-direction:column;gap:12px;margin:14px 29px 22px}.plugin-resource-card{min-width:0;padding:16px;border-radius:24px;background:#fff;color:#1a1a1a}.plugin-resource-card .pr-card-heading{display:flex;align-items:center;gap:11px;margin:0;padding:0}.plugin-resource-card .pr-resource-icon{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#e8f3ff;color:#008bff}.plugin-resource-card.pr-create .pr-resource-icon{background:#efeaff;color:#7965ba}.plugin-resource-card .pr-card-heading>div{flex:1;min-width:0}.plugin-resource-card .pr-card-heading h3{margin:0;font:700 18px/23px var(--kit-rounded, -apple-system, BlinkMacSystemFont, sans-serif);letter-spacing:-.35px;overflow-wrap:anywhere}.plugin-resource-card .pr-card-heading p{margin:3px 0 0;font-size:10px;line-height:14px;color:#8e8e93}.plugin-resource-card .pr-save{border:0;flex:0 0 44px;width:44px;height:44px;padding:0;margin-right:-7px;border-radius:50%;display:grid;place-items:center;background:transparent;color:#9a9ca5}.plugin-resource-card .pr-save[aria-pressed=true]{color:#008bff}.plugin-resource-card .pr-card-description{margin:12px 0 14px;color:#646670;font-size:12px;line-height:18px}.plugin-resource-card .pr-card-actions,.plugin-resource-guide .pr-guide-downloads{display:flex;flex-direction:column;gap:8px}.plugin-resource-card .pr-primary,.plugin-resource-card .pr-download,.plugin-resource-card .pr-guide-button,.plugin-resource-guide .pr-primary,.plugin-resource-guide .pr-download{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:16px;background:#f1f6fd;color:#008bff;font-size:12px;font-weight:600;line-height:17px;text-align:center}.plugin-resource-card .pr-primary,.plugin-resource-guide .pr-primary{background:#008bff;color:#fff}.plugin-resource-card .pr-guide-button{justify-content:flex-start}.plugin-resource-card .pr-guide-button span{flex:1;text-align:left}.plugin-resource-card button svg,.plugin-resource-guide .pr-guide-downloads button svg{flex-shrink:0}.plugin-resource-card .pr-how{width:100%;min-height:44px;margin:3px 0 -8px;padding:9px 4px;border:0;border-radius:14px;color:#008bff;font-size:12px;line-height:18px;background:transparent}.plugin-resource-card button:disabled,.plugin-resource-guide .pr-guide-downloads button:disabled{opacity:.55;cursor:progress}.plugin-resource-card button:focus-visible,.plugin-resource-guide .pr-guide-downloads button:focus-visible{outline:2px solid #008bff;outline-offset:2px}.modal.plugin-resource-guide{border-radius:28px;padding:20px;background:#f8f9fd}.plugin-resource-guide>header{gap:12px;margin-bottom:12px}.plugin-resource-guide>header h2{font-size:20px;line-height:26px;letter-spacing:-.35px}.plugin-resource-guide .pr-guide-intro{margin:0 0 17px;color:#767985;font-size:12px;line-height:18px}.plugin-resource-guide .pr-guide-steps{display:flex;flex-direction:column;gap:14px;margin:0 0 20px;padding:0;list-style:none}.plugin-resource-guide .pr-guide-steps li{display:flex;align-items:flex-start;gap:11px}.plugin-resource-guide .pr-step-number{display:grid;flex:0 0 26px;width:26px;height:26px;place-items:center;border-radius:9px;background:#e3f0ff;color:#008bff;font-size:12px;font-weight:650}.plugin-resource-guide .pr-guide-steps h4{margin:1px 0 4px;color:#272935;font-size:13px;line-height:18px;font-weight:650}.plugin-resource-guide .pr-guide-steps p{margin:0;color:#767985;font-size:12px;line-height:18px;overflow-wrap:anywhere}.plugin-resource-guide .pr-guide-note{margin:16px 0 0;color:#8b8d97;font-size:10px;line-height:15px}@media(max-width:350px){.plugin-resources{margin-left:20px;margin-right:20px}.plugin-resource-card{padding:14px}.plugin-resource-card .pr-card-heading{gap:9px}.plugin-resource-card .pr-card-heading h3{font-size:16px;line-height:21px}.modal.plugin-resource-guide{padding:17px}}.figma-import-review{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:0}.figma-import-review>.project-preview,.figma-import-review>.preview,.figma-import-review>div:has(>svg),.figma-import-review>svg{height:160px;max-height:160px;width:100%;min-height:0;border-radius:20px;overflow:hidden;background:#f2f5fa}.figma-import-review>div>svg{width:100%;height:160px;display:block}.figma-import-review h3{margin:0;font-size:18px;line-height:24px;overflow-wrap:anywhere}.figma-import-review>p{margin:0;color:#767985;font-size:12px;line-height:18px}.figma-import-review>button.primary{width:100%;min-height:44px;border-radius:16px}.figma-import-warnings{padding:13px;border-radius:18px;background:#fff5e9;min-width:0}.figma-import-warnings h4{margin:0 0 7px;font-size:13px;line-height:18px;color:#916535}.figma-import-warnings ul{padding-left:17px;margin:0}.figma-import-warnings li{margin:4px 0;overflow-wrap:anywhere;color:#916f4c;font-size:12px;line-height:18px}:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#242631;background:#f2f2f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #f2f2f7;--surface: #fff;--text: #242631;--muted: #898d9d;--blue: #008bff;--line: #e9eaf0;--shadow: 0 8px 35px #2029490b;--radius: 24px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer;color:inherit;background:none;touch-action:manipulation}button:disabled{cursor:default;opacity:.38}a{color:inherit;text-decoration:none}svg{flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #008bff66;outline-offset:3px}input,textarea,select{color:var(--text);min-width:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}h1,h2,h3,h4,p{margin:0}button{transition:background .15s,color .15s,opacity .15s,box-shadow .15s}button:not(:disabled):active{filter:brightness(.96)}.primary,.secondary,.subtle,.white-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:13px;font-size:14px;font-weight:600;min-height:44px;padding:12px 19px;white-space:nowrap}.primary{background:var(--blue);color:#fff;box-shadow:0 5px 14px #008bff20}.primary:hover:not(:disabled){background:#007ee8}.secondary{background:#f0f3f9;color:#35425c;border:1px solid #e8edf7}.secondary:hover:not(:disabled){background:#e7edf7}.subtle{color:#758098;padding:10px 12px;min-height:40px}.subtle:hover{background:#e6eaf2}.white-button{background:#fff;color:#5650a7}.full{width:100%;margin-top:13px}.small{min-height:34px;padding:8px 13px;font-size:12px;border-radius:10px}.danger{color:#ef5c6b!important}.primary.destructive{color:#fff!important;background:#eb5365}.icon-button{width:36px;height:36px;border-radius:10px;display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;color:#666d80;padding:0}.icon-button:hover:not(:disabled){background:#e9edf4}.icon-button.active{color:var(--blue);background:#e7f3ff}.glass{background:#ffffffa8;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid #fff;box-shadow:0 10px 35px #2934450e}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.small-tag{font-size:9px;font-weight:700;letter-spacing:1.4px;background:#e9eaf2;color:#82859a;padding:7px 9px;border-radius:6px;white-space:nowrap}.text-button{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:#778196;padding:7px 0}.text-button:hover{color:var(--blue)}.mini-button{height:26px;width:25px;display:inline-flex;align-items:center;justify-content:center;color:#9ba1b1;padding:0;border-radius:6px}.mini-button:hover{background:#e3e9f4;color:var(--blue)}.app-shell{min-height:100dvh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:#fff;border-right:1px solid #e8e9ee;display:flex;flex-direction:column;padding:32px 18px 18px;z-index:10}.brand{display:flex;align-items:center;gap:9px;padding:0 6px;font-size:19px;font-weight:750;letter-spacing:-.5px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;color:var(--blue)}.brand small{display:block;font-size:7px;letter-spacing:2.7px;color:#9ba0af;margin-top:5px;font-weight:600}.nav-caption{font-size:9px;font-weight:600;letter-spacing:1.6px;color:#a7aaba;margin:52px 12px 15px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav button{display:flex;align-items:center;gap:13px;text-align:left;border-radius:12px;padding:14px;color:#85899a;font-size:13px;font-weight:550}.sidebar nav button.active{color:var(--blue);background:#eef7ff}.sidebar nav button:hover{background:#f3f6fa}.sidebar nav small{margin-left:auto;background:#dcedfe;padding:3px 6px;border-radius:5px;font-size:10px}.sidebar-bottom{margin-top:auto}.help-link{display:flex;align-items:center;gap:11px;font-size:12px;color:#9197a7;padding:20px 12px}.account-chip{border:1px solid #edf0f4;width:100%;border-radius:13px;padding:11px 10px;display:flex;gap:9px;align-items:center;text-align:left}.account-chip>span:not(.avatar){font-size:11px;font-weight:600;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis}.account-chip small{display:block;font-size:9px;color:#9ba0ad;margin-top:5px;font-weight:400}.avatar{width:33px;height:33px;background:#e9effc;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#7b8fbc;flex-shrink:0;position:relative;overflow:hidden;font-weight:650}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.large{width:86px;height:86px;font-size:35px;border:3px solid #fff5;background:#fff3;color:#fff}.avatar-button{padding:0;display:flex}.beta-label{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#b2b6c1;margin:22px 5px 0;letter-spacing:1px}.beta-label span{font-size:8px;letter-spacing:0}.main-page{margin-left:224px;flex:1;min-width:0}.page-toolbar{height:83px;border-bottom:1px solid #e7e8ee;margin:0 42px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:#a0a5b4}.breadcrumb b{font-weight:500;color:#737b8e}.toolbar-right{display:flex;align-items:center;gap:14px}.connection{display:flex;align-items:center;gap:7px;font-size:10px;color:#a4a9b7}.connection.connected{color:#35a878}.page-content{padding:36px 42px 30px;max-width:1360px;margin:0 auto}.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2px;color:#929aaf;margin-bottom:10px}h1{font-family:ui-rounded,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:35px;letter-spacing:-1.2px;line-height:1.25;font-weight:750}.title-dot{color:var(--blue)}.page-title p{font-size:12px;color:#9196a7;margin-top:9px}.create-banner{min-height:275px;background:#e8eafb;border:1px solid #e1e5f7;border-radius:26px;display:flex;overflow:hidden;position:relative}.banner-copy{padding:29px 36px;width:55%;z-index:1}.pill-label{display:inline-flex;align-items:center;gap:6px;font-size:8px;letter-spacing:1.6px;color:#787eb2;background:#fff7;border:1px solid #fff8;padding:6px 9px;border-radius:6px}.banner-copy h2{font-size:31px;line-height:1.15;letter-spacing:-.8px;font-weight:700;margin-top:15px;color:#34365f}.banner-copy p{font-size:11px;color:#7e83a3;line-height:1.7;margin-top:12px}.banner-copy>button{margin-top:17px;font-size:11px;color:#505c9b;font-weight:650;display:flex;align-items:center;gap:14px;padding:0}.banner-art{width:45%;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.banner-art .project-preview{width:265px;height:265px;border-radius:50%;background:none;background-image:none;transform:rotate(-9deg);opacity:.95}.art-caption{position:absolute;bottom:24px;color:#969abf;letter-spacing:2px;font-size:7px}.floating-key{position:absolute;color:#8d91d755;background:#fff6;border:1px solid #fff9;border-radius:10px;line-height:40px;width:40px;text-align:center;font-size:30px;transform:rotate(-12deg)}.key-one{top:28px;right:33px}.key-two{bottom:60px;left:8px;transform:rotate(14deg) scale(.8)}.section-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:30px 0 23px}.segmented{display:flex;align-items:center;background:#e9eaf1;padding:4px;border-radius:12px;gap:3px;min-width:0}.segmented button{font-size:11px;display:flex;align-items:center;justify-content:center;gap:8px;color:#969aac;padding:10px 15px;border-radius:9px;white-space:nowrap;min-height:34px}.segmented button.selected{background:#fff;color:#495168;box-shadow:0 2px 4px #1b264a07;font-weight:600}.segmented button small{font-size:9px;background:#e9ecf4;padding:1px 5px;border-radius:4px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 23px}.project-card{position:relative;min-width:0}.preview-button{width:100%;padding:0;aspect-ratio:1.2;border-radius:18px;overflow:hidden;position:relative;display:block;background:#e6e7f1;border:1px solid #e4e6ed}.project-preview{width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.project-preview>svg{display:block;width:100%;height:100%;object-fit:contain}.checkerboard{background-color:#fcfcfe;background-image:linear-gradient(45deg,#e8eaf080 25%,transparent 25%),linear-gradient(-45deg,#e8eaf080 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8eaf080 75%),linear-gradient(-45deg,transparent 75%,#e8eaf080 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.project-card .project-preview{padding:12%;transition:transform .3s}.project-card .preview-button:hover .project-preview{transform:scale(1.045)}.project-card:nth-child(6n+1) .preview-button{background:#e6effc}.project-card:nth-child(6n+2) .preview-button{background:#f3e9f9}.project-card:nth-child(6n+3) .preview-button{background:#fff0df}.project-card:nth-child(6n+4) .preview-button{background:#e1f2ed}.project-card:nth-child(6n+5) .preview-button{background:#fbe8eb}.project-card:nth-child(6n+6) .preview-button{background:#ebe8ff}.project-card .checkerboard{background-color:transparent;background-image:none}.preview-play{position:absolute;left:12px;top:12px;color:#fff;background:#2836582e;backdrop-filter:blur(8px);width:27px;height:27px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding-left:1px}.duration{position:absolute;bottom:11px;right:12px;font-size:9px;color:#657089;padding:4px 6px;border-radius:5px;background:#fff9;font-variant-numeric:tabular-nums}.template-badge{position:absolute;top:14px;right:12px;font-size:6px;letter-spacing:1.2px;font-weight:650;color:#818aa9}.project-meta{display:flex;justify-content:space-between;align-items:center;padding:11px 2px 0;gap:4px}.project-meta>div:first-child{min-width:0}.project-meta h3{font-size:12px;font-weight:550;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.project-meta p{font-size:9px;color:#979eaf;margin-top:6px}.project-options{position:relative}.dropdown{position:absolute;right:0;top:35px;background:#fff;box-shadow:0 10px 40px #233c4e21;border:1px solid #e8eaf1;z-index:20;min-width:185px;border-radius:14px;padding:6px}.dropdown button{width:100%;display:flex;align-items:center;gap:10px;padding:10px 11px;text-align:left;font-size:12px;border-radius:8px}.dropdown button:hover{background:#f3f5fa}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:36px 0 20px}.section-heading h2{font-size:19px;font-weight:650;letter-spacing:-.4px}.section-heading p{font-size:11px;color:#959caf;margin-top:7px}.first-project{display:flex;align-items:center;gap:18px;background:#fff6;border:1px dashed #d7dce7;padding:22px 24px;border-radius:17px}.first-project h3{font-size:13px;font-weight:600}.first-project p{font-size:10px;margin-top:6px;color:#959bac;line-height:1.6}.first-project .subtle{margin-left:auto;font-size:11px}.dashed-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px dashed #c7d3e8;border-radius:12px;color:#9ab1d7}.page-footer{display:flex;align-items:center;gap:10px;color:#aeb2c0;font-size:9px;margin-top:45px;padding-top:20px;border-top:1px solid #e5e6ee}.page-footer .brand-mark{opacity:.25}.page-footer>span:last-child{margin-left:auto}.mobile-nav{display:none}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px 24px;grid-column:1/-1;width:100%}.empty-icon{color:#94adcb;background:#e8edf5;border-radius:18px;padding:15px;margin-bottom:17px}.empty h3{font-size:18px;margin-bottom:10px;font-weight:650}.empty p{font-size:12px;line-height:1.8;color:#9098aa;max-width:400px}.empty button{margin-top:20px}.community-controls{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:26px}.search{display:flex;gap:9px;align-items:center;color:#a2a9b7;font-size:11px;border:1px solid #e5e7ee;background:#fff6;padding:12px 13px;border-radius:11px}.search input{border:none;outline:none;background:transparent;width:150px;font-size:11px}.library-note{display:flex;align-items:center;gap:10px;border:1px solid #e3e7f4;background:#ebeff9;border-radius:12px;color:#7989ab;padding:15px;margin-bottom:24px}.library-note p{font-size:11px}.library-note span{margin-left:auto;font-size:9px}.loading{min-height:160px;display:flex;justify-content:center;align-items:center;gap:10px;font-size:12px;color:#8a96aa}.settings-page{max-width:1000px}.profile-card{background:linear-gradient(130deg,#9a6fe0,#8164da);border:1px solid #9873d6;position:relative;border-radius:26px;overflow:hidden;padding:32px;text-align:center;color:#fff}.profile-card h2{font-size:23px;letter-spacing:-.5px;margin:15px 0 7px}.profile-card p{font-size:11px;opacity:.75}.profile-card .white-button{margin-top:22px;position:relative}.profile-pattern{position:absolute;inset:12px;letter-spacing:35px;font-size:100px;line-height:80px;opacity:.05;word-spacing:20px;pointer-events:none}.settings-columns{display:grid;grid-template-columns:1.15fr 1fr;gap:25px;margin-top:30px}.settings-label{font-size:9px;color:#a0a5b6;letter-spacing:1.6px;font-weight:600;margin:12px 16px}.settings-group{background:#fff;border-radius:22px;overflow:hidden;margin-bottom:24px;border:1px solid #eeeef4}.settings-group>button{width:100%;display:flex;align-items:center;gap:13px;min-height:63px;padding:13px 16px;text-align:left}.settings-group>button+button{border-top:1px solid #eff0f5}.settings-group>button:hover{background:#f8faff}.settings-group>button>span:not(.setting-icon){flex:1;font-size:12px;font-weight:500}.settings-group small{display:block;font-size:9px;color:#9da4b4;margin-top:5px}.settings-group>button>svg{color:#b1b7c4}.setting-icon{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff}.blue{background:#008bff}.purple{background:#9763e2}.green{background:#43bd8d}.server-settings{border-radius:22px;background:#fff;padding:22px;border:1px solid #eeeef4}.server-title{display:flex;align-items:center;gap:10px;color:#7797ba}.server-title h3{font-size:14px;font-weight:600;color:#48566f}.status-dot{width:6px;height:6px;background:#c4c8d2;border-radius:50%;margin-left:auto}.status-dot.ok{background:#39bf87}.server-settings>p{font-size:11px;color:#99a2b3;line-height:1.8;margin:15px 0 20px}.server-settings label{display:block;color:#838da1;font-size:10px}.server-settings label input{margin-top:8px;width:100%;padding:11px;border:1px solid #e6eaf2;background:#f9fafc;border-radius:10px;font-size:11px}.privacy-note{display:flex;gap:8px;color:#a0a8b7;font-size:9px;line-height:1.8;border-top:1px solid #edf0f5;margin-top:20px;padding-top:17px}.privacy-note svg{color:#85ab91;margin-top:2px}.logout-button{margin-top:18px;width:100%;background:#fff;padding:16px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:15px;color:#ea6175;font-size:12px}.version{text-align:center;color:#b2b7c4;font-size:9px;margin:33px 0}.modal-backdrop{position:fixed;inset:0;background:#202a3e45;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);z-index:100;display:flex;justify-content:center;align-items:center;padding:24px;overscroll-behavior:contain}.modal{width:460px;max-width:100%;max-height:calc(100dvh - 48px);overflow:auto;background:#fcfcfe;border-radius:26px;padding:25px;box-shadow:0 30px 100px #12214230;outline:none;animation:modal-in .18s ease-out}.modal.wide{width:720px}.modal>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}.modal h2{font-size:19px;letter-spacing:-.5px;font-weight:650}.modal>p,.modal-subtitle{font-size:12px;line-height:1.8;color:#7e899e;margin-bottom:15px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;align-items:center;margin-top:24px}.modal-actions>button{flex:1}.modal .field-label{font-size:11px;display:block;color:#8190a5;font-weight:500;margin:16px 0}.field-label input,.field-label textarea,.form-grid input,.form-grid select,.field-label select{display:block;width:100%;margin-top:8px;border:1px solid #e2e7f0;border-radius:11px;padding:12px;background:#fff;font-size:13px}.field-label textarea{resize:vertical}.preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:24px 0}.preset-grid>button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid #e8ebf2;border-radius:13px;padding:13px 10px;background:#fff;color:#929db0;min-height:104px}.preset-grid>button.selected{border-color:#008bff;background:#eef7ff;color:#008bff}.preset-grid b{font-size:10px;margin-top:13px;font-weight:550}.preset-grid small{font-size:8px;margin-top:5px;white-space:nowrap;color:#9aa4b5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{font-size:10px;color:#8591a7}.check-row{display:flex;align-items:center;gap:9px;font-size:11px;color:#76869a;margin:19px 0}.check-row input{accent-color:var(--blue);width:15px;height:15px}.fineprint{font-size:10px!important;line-height:1.8!important;color:#98a3b4!important;margin:15px 0 0!important}.login-intro{text-align:center;padding:0 10px 25px}.telegram-logo{width:75px;height:75px;border-radius:24px;background:#e9f5ff;color:#008bff;display:flex;justify-content:center;align-items:center;margin:0 auto 24px}.login-intro h3{font-size:27px;line-height:1.25;letter-spacing:-.7px}.login-intro p{font-size:12px;color:#909aad;line-height:1.85;margin-top:15px}.notice{display:flex;align-items:flex-start;gap:12px;border-radius:15px;background:#eef2f9;padding:17px;color:#8898b3}.notice p{font-size:11px;line-height:1.8}.notice svg{margin-top:3px}.help-steps{display:flex;flex-direction:column;gap:25px}.help-steps>div{display:flex;gap:15px}.help-steps>div>span{font-size:11px;color:#008bff;background:#eaf4ff;border-radius:10px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.help-steps h3{font-size:14px;margin:6px 0}.help-steps p{font-size:12px;line-height:1.8;color:#8b95a7}.shortcut-note{margin-top:26px;padding:16px;border-radius:13px;background:#eef2f8;color:#94a0b3;font-size:10px;line-height:1.8}.shortcut-note b{display:block;color:#71829c;margin-bottom:5px}.work-preview{height:320px;border-radius:19px;padding:30px}.work-author{display:flex;gap:9px;align-items:center;font-size:12px;margin:20px 0}.work-author>span:last-child{margin-left:auto;font-size:10px;color:#9aa3b5}.work-description{font-size:12px;line-height:1.8;color:#8490a4;white-space:pre-wrap}.publish-preview{height:190px;padding:15px;background:#e9eefc;border-radius:17px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;gap:15px;padding:15px 17px;background:#26334e;color:#fff;border:1px solid #52627b;border-radius:14px;box-shadow:0 10px 40px #10264930;max-width:calc(100vw - 30px);width:max-content;font-size:12px;line-height:1.6}.toast>span{max-width:580px}.toast button{color:#afbdd3;display:flex;padding:0}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.editor{height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:#f2f3f8}.editor-header{height:70px;min-height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-bottom:1px solid #e4e7ef;background:#ffffffc9;gap:15px;z-index:5}.editor-title{display:flex;gap:12px;align-items:center;min-width:0}.editor-title>div{min-width:0}.editor-title input{display:block;font-size:14px;font-weight:600;border:0;background:transparent;padding:3px 0;max-width:270px;width:100%;outline:none}.editor-title>div>span{display:flex;align-items:center;font-size:9px;color:#9ca5b4;gap:7px;line-height:1.9}.editor-title span i{display:inline-block;width:2px;height:2px;background:#b2bac7;border-radius:50%}.editor-title .save-error{color:#d79a46}.editor-beta{margin-left:5px}.editor-actions{display:flex;align-items:center;gap:8px}.undo-group{display:flex;border-right:1px solid #e5e9f1;padding-right:12px;margin-right:4px}.export-button{font-size:12px;min-height:37px;padding:10px 15px;border-radius:11px;margin-left:8px}.editor-workspace{display:grid;grid-template-columns:214px minmax(0,1fr) 254px;flex:1;min-height:0;position:relative}.layers-panel{background:#ffffffc9;border-right:1px solid #e3e7ef;display:flex;flex-direction:column;overflow:auto;min-height:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:17px 15px 12px;gap:9px;height:56px;flex-shrink:0}.panel-heading h3{font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px}.panel-heading h3 span{font-size:9px;color:#a4aebe;background:#eff1f7;padding:3px 5px;border-radius:5px}.panel-heading>.icon-button{height:28px;width:28px}.layers-list{padding:0 8px;overflow:auto;flex:1}.layer-item{display:flex;align-items:center;gap:1px;border-radius:10px;padding:4px 5px;margin-bottom:4px;border:1px solid transparent}.layer-item.selected{background:#eaf4ff;border-color:#d9eafb}.layer-main{display:flex;align-items:center;gap:9px;padding:7px 0;flex:1;min-width:0;text-align:left;font-size:10px}.layer-main>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-main small{font-size:8px;color:#a3adbd;display:block;margin-top:4px}.shape-thumbnail{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#fff;flex-shrink:0;border:1px solid #e9edf3}.layer-item.selected .layer-main{color:#3178b2}.layer-item .mini-button{opacity:.55;width:21px}.layer-item:hover .mini-button,.layer-item.selected .mini-button,.layer-item .locked{opacity:1}.layer-bottom{display:flex;justify-content:center;gap:6px;border-top:1px solid #eef0f6;padding:10px}.layer-tip{padding:15px;display:flex;align-items:center;gap:9px;background:#f7f9fc;color:#b5bfd1;border-top:1px solid #eef0f6}.layer-tip p{font-size:9px;line-height:1.65}.layers-empty{display:flex;flex-direction:column;align-items:center;text-align:center;color:#b5becc;padding:40px 8px}.layers-empty p{font-size:11px;margin-top:12px}.layers-empty button{font-size:11px;margin-top:4px}.stage-panel{display:flex;flex-direction:column;min-width:0;min-height:0;position:relative;background:#eceef5}.stage-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 17px;min-height:55px;z-index:2}.tool-group{display:flex;background:#fafbff80;border:1px solid #e4e7f0;padding:3px;border-radius:10px;gap:1px}.tool-group .icon-button{width:28px;height:28px;border-radius:7px}.tool-group .icon-button.active{background:#fff;box-shadow:0 1px 6px #1529570d}.stage-label{font-size:7px;letter-spacing:1.4px;color:#a6aec0}.stage-label b{display:block;font-size:8px;letter-spacing:1px;text-align:center;margin-top:4px;font-weight:400}.zoom-controls{display:flex;align-items:center;font-size:10px;color:#99a3b7;background:#fafbff66;border-radius:9px;padding:2px}.zoom-controls button:not(.icon-button){font-size:10px;padding:0 4px;min-width:32px}.zoom-controls .icon-button{height:25px;width:25px}.canvas-space{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:30px 35px 20px;position:relative;overflow:hidden}.canvas-frame{height:100%;max-width:100%;max-height:100%;width:auto;position:relative;flex-shrink:0;box-shadow:0 7px 35px #33425c0e;background-color:#fff;transition:transform .12s;transform-origin:center;border-radius:2px}.editor-canvas{height:100%;width:100%;display:block;overflow:visible;touch-action:none;user-select:none}.canvas-frame>svg{aspect-ratio:inherit}.canvas-size-label{position:absolute;top:14px;font-size:8px;color:#b0b7c7;display:flex;gap:15px;letter-spacing:.5px}.canvas-size-label span{font-size:7px;letter-spacing:1.2px}.canvas-space.show-grid{background-image:radial-gradient(#c9cfdd 1px,transparent 1px);background-size:16px 16px}.canvas-shape{cursor:move}.canvas-locked{cursor:default}.tool-pen,.tool-nodes{cursor:crosshair}.rotate-handle{cursor:grab}.scale-handle{cursor:nwse-resize}.nodes-overlay rect,.nodes-overlay circle{cursor:move}.canvas-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#aab6ca}.canvas-empty b{font-size:12px;font-weight:500}.canvas-empty span{font-size:10px;opacity:.75}.playback{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 64px);max-width:490px;margin:10px auto 17px;border-radius:15px;padding:4px 10px;gap:10px;min-height:42px;z-index:2}.playback-buttons{display:flex;align-items:center;gap:9px}.playback-buttons .icon-button{color:#364052}.playback-left{display:flex;align-items:center;gap:5px}.playback-left>span{font-size:11px;color:#728097;font-variant-numeric:tabular-nums}.playback-left small{font-size:9px;color:#a5b0c2}.playback-left .icon-button{display:none}.pen-toolbar{display:flex;align-items:center;gap:9px;background:#fff9;border-radius:13px;margin:10px auto 17px;padding:8px 12px;max-width:calc(100% - 24px);z-index:2}.pen-toolbar>span{font-size:9px;color:#958aac;margin-right:5px}.pen-toolbar>button:not(.primary):not(.icon-button){font-size:11px;color:#7e73a5}.properties-panel{background:#ffffffc9;border-left:1px solid #e3e7ef;overflow:auto;min-height:0}.properties-content{padding:0 17px 15px}.layer-name-label{font-size:8px;letter-spacing:1.2px;color:#a2adbd;display:block}.layer-name-label input{display:block;width:100%;background:#f5f7fb;border:1px solid #e9edf4;padding:9px 10px;border-radius:8px;font-size:11px;font-weight:500;margin:7px 0 17px;letter-spacing:0}.property-section{border-top:1px solid #edf0f5;padding-top:17px;margin-top:15px}.property-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;color:#a1aabd}.property-section h4,.key-properties h4{font-size:10px;font-weight:600;color:#6b7890;margin:0 0 12px}.property-heading h4{margin:0}.property-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 9px}.property-field{min-width:0;display:block}.property-field>span{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#9ca7b9;letter-spacing:.2px;min-height:17px;margin-bottom:4px}.property-field input{width:100%;background:#f5f7fb;border:1px solid #e6eaf2;border-radius:7px;padding:8px 9px;font-size:11px;color:#6e7a8f;font-variant-numeric:tabular-nums}.key-button{width:19px;height:17px;padding:0;display:flex;align-items:center;justify-content:center;color:#b4bece}.key-button:hover,.key-button.keyed{color:#008bff}.color-row{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f5f7fb;border:1px solid #e6eaf2;border-radius:8px;padding:6px 8px;margin-bottom:10px}.color-row label{display:flex;align-items:center;gap:9px;font-size:9px;color:#8492a6;flex:1}.color-row input[type=color],.stroke-controls input[type=color]{appearance:none;width:25px;height:25px;padding:0;border:0;background:none;border-radius:6px;cursor:pointer}.color-row input::-webkit-color-swatch-wrapper,.stroke-controls input::-webkit-color-swatch-wrapper{padding:0}.color-row input::-webkit-color-swatch,.stroke-controls input::-webkit-color-swatch{border:1px solid #0001;border-radius:6px}.color-row>button{font-size:19px;color:#aeb7c6;padding:0 4px}.color-row>button.selected{color:#008bff}.swatches{display:flex;gap:7px;margin:12px 0 17px}.swatches button{width:17px;height:17px;border-radius:50%;border:1px solid #0001}.stroke-controls{display:flex;align-items:flex-end;gap:10px}.stroke-controls>input{margin-bottom:4px}.stroke-controls .property-field{flex:1}.range-label{font-size:9px;color:#9ba8bb;display:flex;flex-wrap:wrap;margin-top:17px;justify-content:space-between;gap:12px}.range-label b{font-weight:400}.range-label input{width:100%;accent-color:#008bff;height:3px;margin:0}.point-actions{display:flex;gap:7px;justify-content:space-between;margin-top:12px}.point-actions button{font-size:9px;color:#7f8fa8;background:#edf1f8;padding:7px;border-radius:5px}.inspector-empty{padding:65px 25px;text-align:center;color:#b3bfd1}.inspector-empty>svg{margin:auto}.inspector-empty h3{font-size:12px;color:#8491a8;margin:20px 0 8px}.inspector-empty p{font-size:10px;line-height:1.8;margin-bottom:17px}.key-properties{background:#eef6ff;border:1px solid #e0ecf9;border-radius:12px;padding:11px;margin-bottom:17px}.key-properties h4{display:flex;align-items:center;gap:7px;color:#2688d6}.key-properties input{background:#fff}.easing-label{font-size:8px;color:#8da1bb;display:block;margin-top:13px}.easing-label select{width:100%;display:block;font-size:10px;background:#fff;border:1px solid #e0e8f3;border-radius:6px;padding:8px;margin-top:5px;color:#7b8da6}.curve-preview{height:52px;margin-top:12px;background:#fafdff;border:1px solid #e1ebf6;border-radius:7px}.curve-preview svg{width:100%;height:100%}.locked-notice{display:flex;gap:7px;align-items:center;font-size:10px;color:#b8956d;background:#fcf5e8;padding:10px;border-radius:8px}.mobile-panel-close{display:none}.timeline-container{height:249px;min-height:180px;background:#fff;border-top:1px solid #dfe4ee;flex-shrink:0}.animation-toolbar{display:flex;align-items:center;gap:18px;height:41px;padding:7px 22px;border-bottom:1px solid #edf0f5}.auto-key{display:flex;align-items:center;gap:7px;font-size:9px;color:#98a3b4;padding:7px 9px;border-radius:7px;background:#f5f7fb}.auto-key span{font-size:7px;font-weight:600;color:#b0b7c5}.auto-key.enabled{background:#fff1e7;color:#e99a52}.auto-key.enabled span{color:#e79a4a}.scrub-range{accent-color:#008bff;height:3px;flex:1;min-width:50px}.frame-count{font-size:9px;color:#a1adbf;font-variant-numeric:tabular-nums}.properties-toggle{display:none}.timeline{height:calc(100% - 41px);display:flex;flex-direction:column;overflow:hidden}.timeline-head{height:33px;min-height:33px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #edf0f5}.timeline-head>div{display:flex;align-items:center;gap:15px}.section-eyebrow{font-size:8px;letter-spacing:1.6px;color:#8896ad;font-weight:650}.timeline-info{font-size:8px;color:#b0b9c9}.timeline-head .text-button{font-size:9px}.timeline-scroll{overflow:auto;padding-right:25px;flex:1;overscroll-behavior:contain}.timeline-ruler-row,.timeline-row{display:grid;grid-template-columns:214px minmax(0,1fr)}.timeline-ruler-row{height:26px;position:sticky;top:0;background:#f7f9fc;z-index:3;border-bottom:1px solid #e9edf5}.timeline-label{display:flex;align-items:center;gap:8px;border-right:1px solid #e2e7f0;padding:0 14px 0 20px;font-size:9px;color:#9ca6b7;min-width:0}.timeline-label .layer-select{display:flex;gap:7px;align-items:center;flex:1;min-width:0;padding:0;text-align:left;font-size:10px;height:100%;color:#7f8da4}.layer-select>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ruler-label{justify-content:space-between;color:#99a4b6;font-size:9px}.ruler-label b{color:#7f9dc0;font-size:9px;font-variant-numeric:tabular-nums}.ruler-label small{font-size:8px;font-weight:400}.timeline-track{position:relative;margin-left:12px;touch-action:none;background-image:linear-gradient(to right,#dce2ee4d 1px,transparent 1px);background-size:16.6667% 100%}.ruler>span{position:absolute;bottom:6px;font-size:8px;color:#99a8bf;transform:translate(-50%);font-variant-numeric:tabular-nums}.ruler>span:first-child{transform:translate(0)}.ruler>span:last-of-type{transform:translate(-100%)}.timeline-row{height:30px;border-bottom:1px solid #f0f2f7}.timeline-layer.selected>.timeline-row{background:#eef5ff7a}.layer-color{width:8px;height:8px;border-radius:2px;flex-shrink:0;border:1px solid #0001}.layer-duration{position:absolute;top:6px;bottom:6px;background:#dce9f8;border:1px solid #cddef4;border-radius:4px;pointer-events:none}.timeline-layer.selected .layer-duration{background:#d6e8fe;border-color:#bfd7f5}.timeline-key{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:22px;height:24px;color:#82aedf;padding:0;touch-action:none;z-index:2;cursor:ew-resize}.timeline-key.selected{color:#008bff;filter:drop-shadow(0 1px 3px #008bff40)}.property-track{height:27px}.property-track>.timeline-label{padding-left:43px;font-size:8px;color:#a0aec0}.property-track .key-count{margin-left:auto;font-size:7px;color:#b7c0ce}.playhead{position:absolute;height:100%;top:0;width:1px;background:#008bffb0;pointer-events:none;z-index:2}.playhead-handle{position:absolute;bottom:0;width:9px;height:11px;background:#008bff;border-radius:3px 3px 0 0;transform:translate(-50%);clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%);pointer-events:none}.timeline-empty{text-align:center;padding:40px;font-size:10px;color:#b0b9ca}.editor-dock:not(.liquid-glass-nav){height:65px;flex-shrink:0;border-top:1px solid #e5e9f3;display:flex;justify-content:center;align-items:center;gap:12px;padding:6px 20px;background:#fafbff}.editor-dock:not(.liquid-glass-nav) button{min-width:70px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:11px;padding:10px 15px;color:#8b97ad;font-size:10px}.editor-dock:not(.liquid-glass-nav) button:hover,.editor-dock:not(.liquid-glass-nav) button.selected{background:#eef4fd;color:#008bff}.editor-dock:not(.liquid-glass-nav) .install-tool{color:#008bff;background:#eaf4ff;min-width:110px;margin:0 10px}.shape-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.shape-picker button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:23px 7px;border:1px solid #e3e9f4;background:#f0f5fc;border-radius:14px;color:#7594bc;min-height:110px}.shape-picker button:hover{background:#e8f3ff;color:#008bff;border-color:#aedaff}.shape-picker span{font-size:9px;line-height:1.5;text-align:center}.shape-picker .draw-own{color:#9374c8;background:#f5f0fc;border-color:#ebe0f8}.motion-presets{display:flex;flex-direction:column;gap:10px}.motion-presets button{display:flex;align-items:center;gap:17px;border:1px solid #e4eaf4;background:#f1f5fc;border-radius:14px;padding:17px;color:#81a0c8;text-align:left}.motion-presets button>div{flex:1}.motion-presets b{font-size:12px;display:block;font-weight:550;color:#57779f}.motion-presets small{font-size:10px;display:block;color:#99abc3;margin-top:6px}.motion-presets button:hover{background:#eaf3ff}.export-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px}.export-preview{height:220px;border:1px solid #e4e9f1;border-radius:17px;padding:25px;background-color:#f9fbff}.export-specs{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#8e9cb0;gap:8px;margin:13px 0}.format-list{display:flex;flex-direction:column;gap:5px}.format-list>button{display:flex;align-items:center;gap:11px;border:1px solid transparent;border-radius:11px;padding:10px;text-align:left;min-height:56px}.format-list>button>span{color:#a1aec2}.format-list>button>div{flex:1}.format-list>button b{display:block;font-size:11px;font-weight:550;color:#748198}.format-list>button small{display:block;font-size:8px;color:#a9b4c6;margin-top:5px}.format-list>button.selected{border-color:#cbe3ff;background:#eef7ff}.format-list>button.selected>span,.format-list>button.selected>svg{color:#008bff}.format-list>button.selected b{color:#3b8ecd}.tgs-report{background:#eff8f5;border:1px solid #deede5;border-radius:13px;padding:13px;color:#6b9d87;margin-top:14px}.tgs-report.invalid{background:#fff8ed;border-color:#f0e4d3;color:#be9d68}.tgs-report h4{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:550;margin-bottom:10px}.tgs-report p{font-size:9px;line-height:1.75;display:flex;gap:6px;align-items:center;margin-top:6px}.tgs-report .report-warning{color:#a79a87;font-size:8px}.export-progress{margin-top:22px;display:flex;align-items:center;gap:12px;font-size:10px;color:#8b9db6}.export-progress>div{height:5px;border-radius:3px;flex:1;background:#e1eafb;overflow:hidden}.export-progress i{display:block;height:100%;background:#008bff;transition:width .2s}.error-message{display:flex;gap:10px;padding:14px;border:1px solid #f1dfe1;border-radius:11px;background:#fff2f2;color:#c47d85;margin-top:17px;font-size:11px;line-height:1.7}@media(min-width:1500px){.project-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.create-banner{min-height:285px}.banner-art .project-preview{width:280px;height:280px}.editor-workspace{grid-template-columns:240px minmax(0,1fr) 285px}.timeline-ruler-row,.timeline-row{grid-template-columns:240px minmax(0,1fr)}}@media(max-width:1100px){.sidebar{width:196px;padding-left:13px;padding-right:13px}.brand{font-size:16px}.main-page{margin-left:196px}.page-toolbar{margin:0 28px}.page-content{padding:30px 28px}.project-grid{gap:22px 16px}.banner-copy{padding-left:26px}.banner-copy h2{font-size:28px}.banner-art .project-preview{width:215px;height:215px}.create-banner{min-height:255px}.page-title h1{font-size:31px}.community-controls{align-items:stretch;flex-direction:column}.search input{width:100%}.editor-workspace{grid-template-columns:180px minmax(0,1fr) 220px}.properties-content{padding:0 13px 15px}.stage-label{display:none}.timeline-ruler-row,.timeline-row{grid-template-columns:180px minmax(0,1fr)}.stage-toolbar{padding:10px}.canvas-space{padding:29px 24px 15px}.playback{width:calc(100% - 32px);padding:4px 6px}.playback-buttons{gap:1px}.layers-list{padding:0 4px}.layer-item{padding:3px}.layer-main{font-size:9px;gap:5px}.layer-item .mini-button{width:17px}.shape-thumbnail{width:25px;height:27px}.editor-title input{max-width:180px}.timeline-container{height:225px}.settings-columns{grid-template-columns:1fr}.settings-group>button{min-height:67px}.server-settings{margin-bottom:20px}}@media(max-width:760px){.sidebar{display:none}.main-page{margin:0}.page-toolbar{height:59px;margin:0 21px}.breadcrumb{font-size:9px}.toolbar-right{gap:8px}.toolbar-right>.icon-button{display:none}.connection{font-size:8px}.avatar{width:30px;height:30px}.page-content{padding:26px 21px 105px}.page-title{margin-bottom:23px;align-items:center;gap:8px}.eyebrow{font-size:7px;letter-spacing:1.7px;margin-bottom:8px}h1,.page-title h1{font-size:31px;letter-spacing:-1.2px}.page-title p{font-size:10px;line-height:1.5;margin-top:7px}.page-title>.primary{font-size:0;width:43px;height:43px;min-height:43px;padding:0;border-radius:50%;gap:0;flex-shrink:0}.page-title>.primary svg{width:21px;height:21px}.create-banner{border-radius:23px;min-height:233px}.banner-copy{padding:23px 0 23px 23px;width:63%}.pill-label{font-size:5.5px;padding:5px 6px;letter-spacing:1px;gap:3px}.pill-label svg{width:10px;height:10px}.banner-copy h2{font-size:27px;letter-spacing:-.8px;margin-top:14px}.banner-copy p{font-size:9px;margin-top:12px;line-height:1.6}.banner-copy>button{font-size:9px;margin-top:16px;gap:8px}.banner-copy>button svg{width:15px;height:15px}.banner-art{width:37%;overflow:visible}.banner-art .project-preview{width:175px;height:175px;position:absolute;right:-18px;top:44px;opacity:.85}.key-one{right:10px;top:15px;width:25px;line-height:25px;font-size:20px}.key-two{left:-10px;bottom:25px;width:26px;line-height:26px;font-size:20px}.art-caption{font-size:4px;bottom:19px;right:7px;letter-spacing:1px}.section-controls{margin:24px 0 20px;gap:8px}.segmented{border-radius:100px;padding:3px;gap:0;flex:1;justify-content:center}.segmented button{padding:9px 11px;font-size:9px;border-radius:100px;min-height:32px;flex:1;gap:4px}.segmented button small{font-size:7px;padding:1px 4px;border-radius:4px}.section-controls>.subtle{font-size:0;gap:0;width:33px;padding:0}.section-controls>.subtle svg{width:18px;height:18px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 15px}.preview-button{aspect-ratio:1;border-radius:16px}.project-card .project-preview{padding:8%}.project-meta{padding-top:11px}.project-meta h3{font-size:12px}.project-meta p{font-size:8px;margin-top:6px;line-height:1.4}.project-meta .icon-button{width:24px;height:26px}.preview-play{width:24px;height:24px;top:10px;left:10px}.preview-play svg{width:11px;height:11px}.template-badge{font-size:5px;letter-spacing:.8px;right:9px;top:13px}.duration{bottom:10px;right:9px;font-size:8px;padding:3px 5px}.section-heading{margin:30px 0 20px;gap:8px}.section-heading h2{font-size:19px}.section-heading p{font-size:9px;line-height:1.5;max-width:210px}.small-tag{font-size:6px;letter-spacing:.8px;padding:6px}.first-project{padding:17px 14px;gap:13px;border-radius:17px}.first-project h3{font-size:11px}.first-project p{font-size:9px;line-height:1.6}.first-project .subtle{display:none}.dashed-icon{width:33px;height:33px;flex-shrink:0;border-radius:9px}.page-footer{font-size:8px;margin-top:33px;gap:8px}.page-footer .brand-mark svg{width:22px}.page-footer>span:last-child{font-size:7px}.mobile-nav{display:flex;position:fixed;bottom:calc(16px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:calc(100% - 58px);max-width:360px;z-index:30;border-radius:100px;padding:4px;min-height:62px;justify-content:space-between;background:#ffffffc7;box-shadow:0 8px 40px #1d284722}.mobile-nav button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;flex:1;padding:8px;border-radius:100px;color:#646c7d;min-height:53px}.mobile-nav button.selected{background:#e5e7edba;color:var(--blue)}.mobile-nav button span{font-size:9px}.community-controls{gap:15px;margin-bottom:21px}.search{padding:12px}.search input{font-size:11px}.library-note{padding:13px;gap:9px;margin-bottom:21px;border-radius:13px}.library-note p{font-size:10px;line-height:1.7}.library-note span{font-size:8px}.settings-page .page-title{margin-bottom:22px}.profile-card{border-radius:25px;padding:29px 18px}.profile-card h2{font-size:22px}.profile-card p{font-size:10px}.settings-columns{margin-top:19px;gap:0}.settings-label{font-size:8px;margin:16px 13px 10px}.settings-group>button>span:not(.setting-icon){font-size:13px}.settings-group small{font-size:9px}.settings-group>button{min-height:65px}.server-settings{padding:20px}.settings-page .version{font-size:8px;margin:18px 0}.modal-backdrop{padding:12px;align-items:center}.modal{padding:21px;border-radius:24px;max-height:calc(100dvh - 24px)}.modal h2{font-size:18px}.modal>header{margin-bottom:18px}.modal-actions{gap:8px}.modal-actions>.primary,.modal-actions>.secondary{font-size:11px;padding:12px}.form-grid input,.form-grid select,.field-label input,.field-label textarea{font-size:16px;padding:11px;border-radius:11px}.preset-grid{gap:6px}.preset-grid>button{padding:12px 9px}.preset-grid b{font-size:9px}.preset-grid small{font-size:7px}.check-row{font-size:11px}.help-steps{gap:20px}.help-steps p{font-size:11px}.help-steps h3{font-size:13px}.toast{bottom:94px;font-size:11px;padding:13px 15px;max-width:calc(100vw - 24px)}.work-preview{height:260px;padding:20px}.work-author{font-size:11px}.work-author>span:last-child{font-size:8px}.export-layout{gap:16px;grid-template-columns:.95fr 1fr}.export-preview{height:160px;padding:10px;border-radius:13px}.export-specs{font-size:7px;flex-wrap:wrap;gap:5px;justify-content:flex-start;margin:10px 0}.export-layout .check-row{font-size:9px;align-items:flex-start;line-height:1.7;gap:5px}.export-layout .check-row input{flex-shrink:0;width:13px;height:13px}.format-list>button{padding:8px 6px;gap:8px;min-height:48px;border-radius:9px}.format-list>button b{font-size:9px}.format-list>button small{font-size:6px;line-height:1.4}.format-list>button>span svg{width:17px}.format-list>button>svg{width:14px}.tgs-report{padding:10px;border-radius:11px}.tgs-report h4{font-size:9px;line-height:1.4;gap:4px}.tgs-report h4 svg{width:14px}.tgs-report p{font-size:8px;line-height:1.6;align-items:flex-start}.tgs-report .report-warning{font-size:7px}.export-layout .fineprint{font-size:8px!important}.export-layout .report-error{display:block}.shape-picker{gap:8px}.shape-picker button{padding:20px 7px;min-height:103px}.shape-picker span{font-size:9px}.editor-header{height:59px;min-height:59px;padding:0 8px;gap:5px}.editor-title{gap:4px;flex:1}.editor-title>.icon-button{width:30px}.editor-title input{font-size:12px;max-width:130px}.editor-title>div>span{font-size:6px;gap:4px;max-width:150px;white-space:nowrap;overflow:hidden}.editor-beta{display:none}.editor-actions{gap:1px}.editor-actions>.icon-button{width:28px;height:30px}.editor-actions>.icon-button:nth-of-type(2){display:none}.undo-group{padding:0;margin:0 3px 0 0;border:0}.undo-group .icon-button{width:27px;height:30px}.undo-group svg{width:17px}.export-button{font-size:10px;min-height:31px;height:31px;padding:8px 10px;gap:4px;margin-left:2px;border-radius:9px}.export-button svg{width:14px}.editor-workspace{display:flex;flex:1;min-height:170px}.stage-panel{width:100%;height:100%}.stage-toolbar{min-height:43px;height:43px;padding:6px 13px;gap:8px}.tool-group{padding:2px;border-radius:9px}.tool-group .icon-button{width:28px;height:25px}.stage-label{display:block;line-height:1.5;font-size:5px;letter-spacing:1px}.stage-label b{font-size:7px;margin-top:1px}.zoom-controls .icon-button{width:23px;height:23px}.zoom-controls button:not(.icon-button){font-size:9px;min-width:29px}.canvas-space{padding:21px 35px 10px;min-height:130px;overflow:hidden}.canvas-size-label{top:5px;font-size:6px;gap:10px}.canvas-size-label span{font-size:5px}.canvas-frame{max-width:100%;height:100%;max-height:100%;min-width:0}.playback{width:calc(100% - 32px);margin:5px auto 10px;padding:3px 8px;min-height:37px;border-radius:15px;height:39px;gap:6px}.playback .icon-button{width:30px;height:29px}.playback-left .icon-button{display:flex;width:24px}.playback-left>span{font-size:9px}.playback-left small{font-size:7px}.playback-buttons{gap:3px}.playback-buttons svg{width:20px;height:20px}.timeline-container{height:219px;min-height:150px}.animation-toolbar{padding:5px 14px;height:36px;gap:10px}.auto-key{font-size:8px;padding:6px 7px;gap:4px}.auto-key svg{width:11px}.auto-key span{font-size:6px}.frame-count{font-size:7px}.properties-toggle{display:flex;font-size:8px;padding:5px 0;gap:4px}.properties-toggle svg{width:12px}.timeline{height:calc(100% - 36px)}.timeline-head{padding:0 14px;min-height:28px;height:28px}.section-eyebrow{font-size:6px;letter-spacing:1.5px}.timeline-head>div{gap:10px}.timeline-info{font-size:6px}.timeline-head .text-button{font-size:8px}.timeline-head .text-button svg{width:13px}.timeline-scroll{padding-right:16px}.timeline-ruler-row,.timeline-row{grid-template-columns:115px minmax(0,1fr)}.timeline-ruler-row{height:24px}.timeline-label{padding:0 7px 0 11px;font-size:8px;gap:4px}.ruler-label b{font-size:8px}.ruler-label{font-size:7px}.ruler>span{font-size:6px}.timeline-row{height:32px}.timeline-track{margin-left:9px}.timeline-label .layer-select{font-size:8px;gap:4px}.layer-select svg{width:10px;flex-shrink:0}.layer-color{width:6px;height:6px}.timeline-label>.mini-button{width:16px;flex-shrink:0}.timeline-label>.mini-button svg{width:11px}.property-track>.timeline-label{padding-left:17px;font-size:6px;gap:4px}.property-track .key-count{font-size:6px}.property-track{height:27px}.timeline-key{width:25px;height:27px}.timeline-key svg{width:10px;height:10px}.editor-dock:not(.liquid-glass-nav){height:69px;min-height:69px;gap:0;padding:5px 20px calc(6px + env(safe-area-inset-bottom));border-radius:23px 23px 0 0;background:#fcfcffeb;box-shadow:0 -4px 25px #2f416009;z-index:25}.editor-dock:not(.liquid-glass-nav) button{min-width:0;flex:1;flex-direction:column;gap:4px;padding:7px 4px;border-radius:24px;font-size:8px;height:51px}.editor-dock:not(.liquid-glass-nav) button svg{width:21px;height:21px}.editor-dock:not(.liquid-glass-nav) .install-tool{min-width:0;flex:1.1;margin:0 5px}.editor-dock:not(.liquid-glass-nav) .install-tool svg{width:25px;height:25px}.layers-panel,.properties-panel{display:none}.layers-panel.mobile-open,.properties-panel.mobile-open{display:flex;position:fixed;bottom:70px;left:10px;right:10px;height:min(460px,63dvh);max-height:calc(100dvh - 130px);border:1px solid #e7ecf5;border-radius:22px 22px 10px 10px;z-index:40;background:#fbfcff;box-shadow:0 -12px 80px #29436225;overflow:auto}.properties-panel.mobile-open{display:block}.mobile-panel-close{display:flex!important}.mobile-open .panel-heading{height:53px;position:sticky;top:0;background:#fbfcff;z-index:2;justify-content:flex-start;padding:12px 20px}.mobile-open .panel-heading h3{font-size:14px;flex:1}.mobile-open .panel-heading>.icon-button{display:none}.mobile-open .properties-content{padding:0 20px 25px}.mobile-open .property-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mobile-open .property-field input{font-size:14px;padding:11px}.mobile-open .property-field>span{font-size:10px}.mobile-open .key-button{height:23px;width:27px}.mobile-open .key-button svg{width:15px;height:15px}.mobile-open .layer-name-label{font-size:9px}.mobile-open .layer-name-label input{font-size:14px;padding:10px}.mobile-open .property-section h4{font-size:12px}.mobile-open .color-row label{font-size:11px}.mobile-open .swatches button{width:25px;height:25px}.mobile-open .swatches{justify-content:space-between}.mobile-open .layer-item{padding:5px 10px}.mobile-open .layer-main{font-size:13px;gap:12px;padding:10px 0}.mobile-open .layer-main small{font-size:9px}.mobile-open .layer-item .mini-button{width:33px;height:33px}.mobile-open .shape-thumbnail{width:34px;height:34px}.mobile-open .layers-list{padding:0 12px}.mobile-open .layer-tip{display:none}.mobile-open .layer-bottom{gap:20px}.mobile-open .key-properties{padding:15px}.mobile-open .key-properties h4{font-size:12px}.mobile-open .easing-label{font-size:10px}.mobile-open .easing-label select{font-size:13px;padding:10px}.mobile-open .inspector-empty{padding:35px 40px}.pen-toolbar{min-height:38px;margin:5px auto 10px;gap:6px;padding:5px 9px;max-width:calc(100% - 26px)}.pen-toolbar>span{font-size:8px}.pen-toolbar .primary{font-size:9px;min-height:28px;padding:6px 9px}.pen-toolbar>button:not(.primary):not(.icon-button){font-size:9px}.pen-toolbar .icon-button{width:26px;height:26px}}@media(max-width:380px){.page-content{padding-left:16px;padding-right:16px}.page-toolbar{margin:0 16px}.banner-copy{padding-left:18px}.banner-copy h2{font-size:25px}.page-title h1{font-size:29px}.segmented button{font-size:8px;padding:8px 9px}.banner-art .project-preview{right:-27px}.editor-title input{max-width:103px}.editor-title>div>span{max-width:114px}.editor-actions>.icon-button{display:none}.export-button{font-size:9px;padding:8px}.export-layout{gap:10px}.format-list>button>span{display:none}.preset-grid small{font-size:6px}.timeline-container{height:197px}.timeline-ruler-row,.timeline-row{grid-template-columns:102px minmax(0,1fr)}}@media(max-height:700px)and (max-width:760px){.editor-header{height:53px;min-height:53px}.timeline-container{height:165px}.editor-dock:not(.liquid-glass-nav){height:60px;min-height:60px}.editor-dock:not(.liquid-glass-nav) button{height:45px;padding:5px}.stage-toolbar{min-height:38px;height:38px}.canvas-space{padding-top:16px}.playback{margin-bottom:6px}.canvas-empty b{font-size:10px}.canvas-empty span{font-size:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}fieldset.properties-content{border:0;min-width:0;margin:0}fieldset.properties-content:disabled{opacity:.65}@font-face{font-family:MiM Rounded;src:url(./Nunito-63TK8RbS.ttf) format("truetype");font-style:normal;font-weight:200 1000;font-display:swap}:root{--kit-top: 62px;--kit-bottom: 25px;--kit-font: -apple-system, BlinkMacSystemFont, "SF Pro", "Helvetica Neue", Roboto, sans-serif;--kit-rounded: "SF Pro Rounded", "MiM Rounded", ui-rounded, sans-serif}.kit-shell{color:#000;font-family:var(--kit-font);width:min(100%,480px);min-height:100dvh;margin:0 auto;position:relative;background:#f2f2f7}.kit-native{--kit-top: 0px;--kit-bottom: 12px}.kit-page{padding-bottom:calc(103px + env(safe-area-inset-bottom,0px))}.kit-page-heading{position:relative;padding:calc(var(--kit-top) + 8px) 12px 13px;text-align:center}.kit-page-heading h1{font:800 36px/41px var(--kit-rounded);letter-spacing:-1px;color:#000}.kit-new-project{position:absolute;right:8px;top:calc(var(--kit-top) + 10px);display:grid;place-items:center;width:32px;height:36px;color:#008bff;border-radius:20px}.kit-new-project:hover{background:#e7e7ec}.kit-projects-page{min-height:calc(100dvh - 103px)}.kit-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 15px}.kit-projects-page>.kit-project-grid{margin-left:44px;margin-right:15px}.kit-project-card{position:relative;min-width:0;padding-bottom:18px}.kit-preview-button{display:block;position:relative;padding:0;width:100%;aspect-ratio:1;overflow:hidden;border-radius:16px;background:#fff}.kit-preview-button>.project-preview{display:block;width:100%;height:100%}.kit-preview-button>svg{display:block;width:100%;height:100%}.kit-preview-play{position:absolute;left:7px;top:7px;width:32px;height:32px}.kit-project-meta{position:relative;display:flex;align-items:start;gap:4px;padding-top:8px;min-height:30px}.kit-project-meta>div:first-child{min-width:0;flex:1}.kit-project-meta h3{color:#000;font:400 17px/22px var(--kit-font);letter-spacing:-.43px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-project-meta>.icon-button{width:24px;height:24px;padding:0}.kit-project-meta .project-options{position:absolute;right:0;top:4px;opacity:0;z-index:2}.kit-project-meta .project-options .icon-button{width:26px;height:28px;border-radius:8px;background:#f2f2f7e8}.kit-project-card:hover .project-options,.kit-project-card:focus-within .project-options,.kit-project-meta .project-options:has(.dropdown){opacity:1}.kit-page-dots{position:fixed;top:calc(50dvh - 27px);margin-left:14px;display:flex;flex-direction:column;width:24px;z-index:3}.kit-page-dots button{width:24px;height:16px;padding:4px 8px}.kit-page-dots span{display:block;width:8px;height:8px;border-radius:50%;background:#aaa}.kit-page-dots [aria-selected=true] span{background:#000}.kit-community-page .kit-page-heading{padding-top:calc(var(--kit-top) + 20px);padding-bottom:8px}.kit-community-page .kit-page-heading h1{font-size:34px}.kit-segmented{width:260px;height:41px;margin:0 auto 22px;padding:3px;display:grid;grid-template-columns:106fr 77fr 74fr;border-radius:100px;background:#ffffffa6;box-shadow:0 8px 40px #0000001f,inset 0 0 1px #fff;backdrop-filter:blur(20px)}.kit-segmented button{border-radius:100px;color:#000;font-size:14px;line-height:18px;font-weight:510;letter-spacing:-.08px;padding:0}.kit-segmented [aria-selected=true]{background:#ededed}.kit-community-page>.kit-project-grid{margin-left:29px;margin-right:30px}.kit-empty{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:32px;text-align:center;color:#8e8e93;font-size:17px;line-height:24px;grid-column:1 / -1}.kit-empty button{color:#008bff;padding:7px;font-size:16px}.kit-nav-edge{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(100%,480px);z-index:30;padding:16px 0 calc(var(--kit-bottom) + env(safe-area-inset-bottom,0px));pointer-events:none;background:linear-gradient(transparent,#f2f2f766 24%,#f2f2f7dc)}.kit-bottom-nav:not(.liquid-glass-nav){pointer-events:auto;width:290px;height:62px;margin:0 auto;display:flex;padding:3px 4px;border-radius:296px;background:linear-gradient(#ffffffe0,#ffffffa6);border:0;box-shadow:0 8px 40px #00000012,inset 0 0 10px #ddd6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.kit-bottom-nav:not(.liquid-glass-nav) button{flex:0 0 102px;margin-right:-12px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:5px 8px 6px;border-radius:100px;color:#1a1a1a}.kit-bottom-nav:not(.liquid-glass-nav) button:last-child{margin-right:0}.kit-bottom-nav:not(.liquid-glass-nav) button.selected{background:#ededed;color:#008bff;--kit-icon-palette: normal}.kit-bottom-nav:not(.liquid-glass-nav) button>span:last-child{font-size:10px;line-height:12px;font-weight:510;letter-spacing:0;white-space:nowrap}.kit-bottom-nav:not(.liquid-glass-nav) button.selected>span:last-child{font-weight:700}.kit-settings-page{padding:calc(var(--kit-top) + 70px) 16px 0}.kit-login-row,.kit-account-action .logout-button{display:flex;align-items:center;gap:16px;width:100%;height:52px;padding:0 16px;background:#fff;border-radius:26px;color:#000;font-size:17px;line-height:22px;font-weight:510;letter-spacing:-.43px;margin:0 0 24px;border:0}.kit-login-row>svg,.kit-account-action .logout-button>svg{color:#008bff;width:30px;height:30px}.kit-login-row>span{padding-left:12px}.kit-settings-group{border-radius:26px;background:#fff;overflow:hidden;margin:0 0 24px}.kit-settings-group>button{display:flex;align-items:center;position:relative;gap:16px;width:100%;height:52px;padding:0 16px;color:#000;font-size:17px;line-height:22px;font-weight:510;letter-spacing:-.43px;text-align:left}.kit-settings-group>button:hover{background:#f8f8fa}.kit-settings-group>button+button:before{content:"";position:absolute;top:0;left:62px;right:16px;height:.5px;background:#d8d8db}.kit-setting-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:8px;color:#fff;--kit-icon-palette: --kit-white;background-image:linear-gradient(#ffffff1a,#0003)}.kit-setting-label{flex:1;white-space:nowrap}.kit-chevron{flex:0 0 12px;width:12px;color:#3c3c434d;stroke-width:3}.kit-row-value{color:#3c3c4399;margin-right:-2px}.kit-help-icon{flex:0 0 30px;display:flex;align-items:center;justify-content:center;color:#008bff;--kit-icon-palette: normal}.kit-help-group .kit-setting-label{padding-left:12px}.kit-help-group>button+button:before{left:74px}.kit-account-header{height:calc(var(--kit-top) + 206px);margin:0 -16px 14px;display:flex;align-items:center;flex-direction:column;padding-top:calc(var(--kit-top) + 28px);color:#fff;background:linear-gradient(145deg,#9b63c1,#ae54fb)}.kit-account-header .avatar.large{width:104px;height:104px;border-radius:50%}.kit-account-header h1{font-size:28px;line-height:34px;letter-spacing:-.4px;margin-top:5px}.kit-account-header p{font-size:15px;line-height:20px}.kit-settings-page.has-account{padding-top:0}.kit-account-action .logout-button{color:#000;--kit-icon-palette: normal}.kit-action-list{display:flex;flex-direction:column;gap:4px}.kit-action-list>button{display:flex;align-items:center;gap:14px;min-height:52px;padding:10px 12px;border-radius:14px;text-align:left}.kit-action-list>button:hover{background:#f2f2f7}.kit-action-list>button[aria-pressed]>svg:last-child{margin-left:auto;color:#008bff}.kit-detail-copy{font-size:15px;line-height:1.5}.kit-detail-copy p+p{margin-top:14px}.kit-choice{display:flex;justify-content:space-between;align-items:center;height:52px;margin-bottom:12px}.kit-choice svg{color:#008bff}.kit-theme-swatch{width:32px;height:32px;border-radius:8px;background:#f2f2f7;border:1px solid #ddd}.kit-storage-detail .settings-columns{margin:0}@media(max-width:370px){.kit-page-heading h1{font-size:31px}.kit-community-page .kit-page-heading h1{font-size:30px}.kit-settings-group>button{gap:11px;font-size:15px}.kit-help-group .kit-setting-label{padding-left:0}}.kit-page-home{height:100dvh;overflow:hidden}.kit-page-home .kit-projects-page{height:calc(100dvh - 103px - env(safe-area-inset-bottom,0px));min-height:0;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;scrollbar-width:none}.kit-page-home .kit-projects-page::-webkit-scrollbar{display:none}.kit-community-mode{display:flex;justify-content:center;gap:24px;margin:0 auto 12px}.kit-community-mode button{color:#8e8e93;padding:4px 2px 7px;font-size:15px;font-weight:600;border-bottom:2px solid transparent}.kit-community-mode [aria-selected=true]{color:#008bff;border-color:#008bff}.kit-plugin-toolbar{margin:-4px 29px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8e8e93;font-size:12px}.kit-plugin-toolbar button{display:flex;align-items:center;gap:5px;min-height:34px;color:#008bff;font-size:14px}.kit-plugin-grid{margin:0 29px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 15px}.kit-plugin-card{min-width:0;border-radius:18px;background:#fff;overflow:hidden;display:flex;flex-direction:column}.kit-plugin-cover{position:relative;width:100%;min-height:160px;padding:23px 12px 16px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:#25527e;background:#e1edfc}.kit-plugin-color-1{color:#704a91;background:#efe5fb}.kit-plugin-color-2{color:#26715e;background:#dff3eb}.kit-plugin-color-3{color:#967044;background:#fff0d9}.kit-plugin-cover strong{font:800 20px/22px var(--kit-rounded)}.kit-plugin-cover>span:not(.kit-plugin-installed){font-size:10px;opacity:.8}.kit-plugin-installed{position:absolute;right:7px;top:7px;border-radius:20px;padding:3px 6px;background:#ffffffc9;display:flex;align-items:center;gap:2px;font-size:9px}.kit-plugin-copy{padding:11px 11px 0;flex:1}.kit-plugin-copy p{font-size:12px;line-height:17px;color:#4c4c53}.kit-plugin-copy small{display:block;margin-top:8px;color:#8e8e93;font-size:10px;line-height:15px}.kit-plugin-actions{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:8px 8px 8px 11px}.kit-plugin-actions>button:first-child{font-size:13px;font-weight:600;color:#008bff;border-radius:20px;background:#eff6ff;min-height:31px;padding:4px 11px}.kit-plugin-actions>button.is-installed{color:#616168;background:#f2f2f7}.kit-plugin-actions .icon-button{width:32px;height:32px}.kit-plugin-local-note{margin:20px 29px 6px;color:#8e8e93;font-size:12px;line-height:18px}.kit-plugin-detail{color:#242631}.kit-plugin-detail-heading{display:flex;align-items:center;gap:15px;padding:12px 0 20px;color:#008bff}.kit-plugin-detail-heading div{display:flex;flex-direction:column;gap:5px}.kit-plugin-detail-heading strong{font-size:16px;color:#242631}.kit-plugin-detail-heading span{font-size:12px;color:#8e8e93}.kit-plugin-detail>p,.kit-plugin-content-list p{font-size:14px;line-height:21px}.kit-plugin-content-list{display:grid;gap:15px;margin:22px 0}.kit-plugin-content-list h3{margin-bottom:6px;font-size:15px}.kit-plugin-content-list small{display:block;margin-top:7px;color:#8e8e93;line-height:17px}@media(max-width:350px){.kit-plugin-grid{margin:0 16px;gap:12px}.kit-plugin-cover{min-height:145px}.kit-plugin-cover strong{font-size:18px}}html[data-ui-style=system]{color-scheme:light dark;--kit-interface-palette: --kit-black;--ios-background: #f2f2f7;--ios-surface: Canvas;--ios-group: #f2f2f7;--ios-control: #e8e8ed;--ios-text: CanvasText;--ios-secondary-text: #63636d;--ios-separator: #d1d1d6;--ios-timeline-separator: #e2e5ea;--ios-tint: #008bff;--ios-tint-surface: #e7f2ff;--ios-warning-surface: #fff3de;--ios-warning-text: #8b570c;--ios-success-surface: #eaf6ed;--ios-success-text: #286340;--ios-danger-surface: #fff0f1;--ios-danger: #c93640;--ios-scrim: rgb(0 0 0 / 32%);--bg: var(--ios-background);--surface: var(--ios-surface);--text: var(--ios-text);--muted: var(--ios-secondary-text);--blue: var(--ios-tint);--line: var(--ios-separator);--shadow: none;background:var(--ios-background);color:var(--ios-text)}@media(prefers-color-scheme:dark){html[data-ui-style=system]:not([data-color-scheme=light]){--kit-interface-palette: --kit-white;--ios-background: #000;--ios-surface: #1c1c1e;--ios-group: #2c2c2e;--ios-control: #3a3a3c;--ios-secondary-text: #aeaeb6;--ios-separator: #48484a;--ios-timeline-separator: #38383a;--ios-tint: #409cff;--ios-tint-surface: #16334f;--ios-warning-surface: #3b2c13;--ios-warning-text: #f3c77c;--ios-success-surface: #173724;--ios-success-text: #96d6ae;--ios-danger-surface: #432227;--ios-danger: #ff7b83;--ios-scrim: rgb(0 0 0 / 56%)}}html[data-ui-style=system][data-color-scheme=dark]{--kit-interface-palette: --kit-white;color-scheme:dark;--ios-background: #000;--ios-surface: #1c1c1e;--ios-group: #2c2c2e;--ios-control: #3a3a3c;--ios-secondary-text: #aeaeb6;--ios-separator: #48484a;--ios-timeline-separator: #38383a;--ios-tint: #409cff;--ios-tint-surface: #16334f;--ios-warning-surface: #3b2c13;--ios-warning-text: #f3c77c;--ios-success-surface: #173724;--ios-success-text: #96d6ae;--ios-danger-surface: #432227;--ios-danger: #ff7b83;--ios-scrim: rgb(0 0 0 / 56%)}html[data-ui-style=system][data-color-scheme=light]{--kit-interface-palette: --kit-black;color-scheme:light}html[data-ui-style=system] :is(.kit-shell,.editor.kit-editor){color:var(--ios-text);background:var(--ios-background)}html[data-native-chrome] .kit-nav-edge,html[data-native-chrome] .editor.kit-editor .editor-dock,html[data-native-chrome] .editor.kit-editor .kit-editor-header,html[data-native-chrome] .editor.kit-editor .kit-playback-art{display:none}html[data-native-chrome] .kit-shell{--kit-top: 0px;--kit-bottom: 0px;width:100%;max-width:none;height:100dvh;padding:0;overflow:hidden;color:var(--ios-text);background:var(--ios-background)}html[data-native-chrome] .kit-page{height:100%;min-height:0;overflow:auto;overscroll-behavior-y:contain;padding-top:var(--native-top-inset, 0px);padding-bottom:calc(20px + var(--native-bottom-inset, 0px));scroll-padding-top:var(--native-top-inset, 0px);scroll-padding-bottom:var(--native-bottom-inset, 0px)}html[data-native-chrome] .kit-page-home{padding:0;overflow:hidden}html[data-native-chrome] .kit-page-home .kit-projects-page{height:100%;min-height:0;padding-top:var(--native-top-inset, 0px);padding-bottom:calc(20px + var(--native-bottom-inset, 0px));scroll-padding-top:var(--native-top-inset, 0px);scroll-padding-bottom:var(--native-bottom-inset, 0px)}html[data-native-chrome] .editor.kit-editor{--kit-editor-width: 100vw;width:100%;max-width:none;padding-top:calc(12px + var(--native-top-inset, 0px));padding-bottom:calc(12px + var(--native-bottom-inset, 0px));color:var(--ios-text);background:var(--ios-background)}html[data-native-chrome] .native-playback-anchor{position:relative;width:100%;height:56px;min-height:56px;pointer-events:none}html[data-native-chrome] .native-community-anchor{width:100%;max-width:260px;height:44px;min-height:44px;margin:0 auto 22px;background:transparent;pointer-events:none}html[data-native-chrome=ios] .native-account-anchor{width:100%;height:52px;min-height:52px;flex:none;background:none;pointer-events:none}html[data-native-chrome=ios] .kit-settings-page>.native-account-anchor{margin-bottom:24px}html[data-native-chrome=android] .native-community-anchor{height:48px;min-height:48px}html[data-native-chrome] .native-save-status{flex:none;color:var(--ios-danger);font-size:12px;line-height:16px;overflow-wrap:anywhere;text-align:center}html[data-ui-style=system] .kit-preview-button>.native-preview-marker{position:absolute;right:8px;bottom:8px;width:28px;height:28px;padding:6px;border-radius:50%;color:var(--ios-text);background:var(--ios-surface)}html[data-ui-style=system] .glass,html[data-ui-style=system] .kit-segmented,html[data-ui-style=system] .preview-play,html[data-ui-style=system] .modal,html[data-ui-style=system] .modal.shape-drawer,html[data-ui-style=system] .editor.kit-editor :is(.editor-workbench,.pen-toolbar,.kit-playback,.layers-panel,.properties-panel,.tool-group,.zoom-controls){background:var(--ios-surface);border-color:var(--ios-separator);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}html[data-ui-style=system] .modal-backdrop,html[data-ui-style=system] .modal-backdrop:has(.shape-drawer){background:var(--ios-scrim);backdrop-filter:none;-webkit-backdrop-filter:none}html[data-ui-style=system] .modal-backdrop{padding-top:calc(24px + var(--native-top-inset, 0px));padding-bottom:calc(24px + var(--native-bottom-inset, 0px))}html[data-ui-style=system] .modal{color:var(--ios-text);max-height:calc(100dvh - 48px - var(--native-top-inset, 0px) - var(--native-bottom-inset, 0px))}html[data-ui-style=system] .modal-backdrop:has(.shape-drawer){padding:var(--native-top-inset, 0px) 0 var(--native-bottom-inset, 0px)}html[data-ui-style=system] .modal.shape-drawer{width:100%;max-height:calc(100dvh - 20px - var(--native-top-inset, 0px) - var(--native-bottom-inset, 0px));padding-bottom:0}html[data-ui-style=system] :is(.secondary,.white-button,.dropdown,.search,.notice),html[data-ui-style=system] .modal :is(.preset-grid>button,.field-label input:not([type=color]),.field-label textarea,.field-label select,.form-grid input:not([type=color]),.form-grid select){background:var(--ios-surface);border-color:var(--ios-separator);color:var(--ios-text);box-shadow:none}html[data-ui-style=system] :is(.secondary:hover,.subtle:hover,.icon-button:hover),html[data-ui-style=system] .kit-settings-group>button:hover,html[data-ui-style=system] .kit-action-list>button:hover{background:var(--ios-group)}html[data-ui-style=system] :is(.icon-button,.subtle,.text-button,.mini-button),html[data-ui-style=system] .modal :is(.modal-subtitle,.field-label,.form-grid label,.check-row),html[data-ui-style=system] .modal>p{color:var(--ios-secondary-text)}html[data-ui-style=system] .modal :is(.login-intro p,.preset-grid small,.export-specs,.export-progress,.format-list>button small,.format-list>button>span){color:var(--ios-secondary-text)}html[data-ui-style=system] .modal .format-list>button b{color:var(--ios-text)}html[data-ui-style=system] .modal .format-list>button.selected{background:var(--ios-tint-surface);border-color:var(--ios-tint)}html[data-ui-style=system] .modal .format-list>button.selected b{color:var(--ios-tint)}html[data-ui-style=system] .tgs-report{background:var(--ios-success-surface);border-color:var(--ios-success-text);color:var(--ios-success-text)}html[data-ui-style=system] .tgs-report.invalid{background:var(--ios-warning-surface);border-color:var(--ios-warning-text);color:var(--ios-warning-text)}html[data-ui-style=system] .tgs-report .report-warning{color:var(--ios-secondary-text)}html[data-ui-style=system] .error-message{background:var(--ios-danger-surface);border-color:var(--ios-danger);color:var(--ios-danger)}html[data-ui-style=system] .icon-button.active,html[data-ui-style=system] .modal .preset-grid>button.selected{background:var(--ios-tint-surface);color:var(--ios-tint)}html[data-ui-style=system] .primary{box-shadow:none}html[data-ui-style=system] .preview-play{color:var(--ios-text)}html[data-ui-style=system] .duration{background:var(--ios-surface);color:var(--ios-secondary-text)}html[data-ui-style=system] :is(.kit-page-heading h1,.kit-project-meta h3,.kit-segmented button,.kit-settings-group>button,.kit-plugin-detail,.kit-plugin-detail strong,.kit-plugin-detail h3){color:var(--ios-text)}html[data-ui-style=system] :is(.kit-login-row,.kit-account-action .logout-button,.kit-settings-group,.kit-plugin-card,.kit-plugin-installed){background:var(--ios-surface);color:var(--ios-text)}html[data-ui-style=system] .kit-segmented{background:var(--ios-control)}html[data-ui-style=system] .kit-segmented [aria-selected=true]{background:var(--ios-surface)}html[data-ui-style=system] .kit-project-meta .project-options .icon-button{background:var(--ios-group)}html[data-ui-style=system] .kit-settings-group>button+button:before{background:var(--ios-separator)}html[data-ui-style=system] :is(.settings-group,.server-settings){background:var(--ios-group);color:var(--ios-text);border-color:var(--ios-separator)}html[data-ui-style=system] .settings-group>button{color:var(--ios-text);border-color:var(--ios-separator);min-height:64px}html[data-ui-style=system] .settings-group>button:hover{background:var(--ios-control)}html[data-ui-style=system] .settings-group>button>span:not(.setting-icon){min-width:0;font-size:15px;overflow-wrap:anywhere}html[data-ui-style=system] .settings-group .setting-icon,html[data-ui-style=system] .settings-group>button>svg{flex-shrink:0}html[data-ui-style=system] :is(.server-title,.server-title h3){color:var(--ios-text)}html[data-ui-style=system] :is(.settings-label,.settings-group small,.settings-group>button>svg,.server-settings>p,.server-settings label,.privacy-note,.privacy-note svg){color:var(--ios-secondary-text)}html[data-ui-style=system] :is(.settings-group small,.server-settings>p,.server-settings label,.privacy-note){font-size:12px}html[data-ui-style=system] .server-settings label input{background:var(--ios-surface);color:var(--ios-text);border-color:var(--ios-separator);min-height:44px;border-radius:16px;font-size:14px}html[data-ui-style=system] .server-settings label input::placeholder{color:var(--ios-secondary-text);opacity:1}html[data-ui-style=system] .privacy-note{border-color:var(--ios-separator)}html[data-ui-style=system] .kit-page-dots [aria-selected=true] span{background:var(--ios-text)}html[data-ui-style=system] :is(.kit-chevron,.kit-row-value,.kit-empty,.kit-plugin-copy p,.kit-plugin-copy small,.kit-community-mode button){color:var(--ios-secondary-text)}html[data-ui-style=system] .kit-plugin-actions>button:first-child{background:var(--ios-tint-surface);color:var(--ios-tint)}html[data-ui-style=system] .kit-plugin-actions>button.is-installed{background:var(--ios-group);color:var(--ios-secondary-text)}html[data-ui-style=system] .kit-community-mode [aria-selected=true]{color:var(--ios-tint);border-color:var(--ios-tint)}html[data-ui-style=system] .editor.kit-editor .canvas-space{background-color:var(--ios-surface);box-shadow:none;border:none}html[data-ui-style=system] .editor.kit-editor :is(.kit-layer-card,.editor-workbench>.inline-open,.inline-effects .fx-preview-time){background:var(--ios-surface)}html[data-ui-style=system] .editor.kit-editor .inline-open .panel-heading{background:var(--ios-group);border-color:var(--ios-separator)}html[data-ui-style=system] .editor.kit-editor :is(.kit-layer-name,.inline-open .panel-heading h3,.kit-playback .icon-button){color:var(--ios-text)}html[data-ui-style=system] .editor.kit-editor :is(.workbench-tabs button,.kit-layer-grabber,.pen-toolbar>span,.property-field>span,.color-row label,.property-heading,.property-section h4,.properties-content legend,.range-label,.inspector-empty,.inspector-empty h3){color:var(--ios-secondary-text)}html[data-ui-style=system] .editor.kit-editor .workbench-tabs button[aria-selected=true]{background:var(--ios-tint-surface);color:var(--ios-tint)}html[data-ui-style=system] .editor.kit-editor .kit-layer-row+.kit-layer-row:before{background:var(--ios-separator)}html[data-ui-style=system] .editor.kit-editor .kit-save-status{color:var(--ios-danger)}html[data-ui-style=system] .editor.kit-editor .kit-playback .icon-button svg{opacity:1}html[data-ui-style=system] .editor.kit-editor .kit-playback.is-playing .kit-play-button{background:var(--ios-surface)}html[data-ui-style=system] .editor.kit-editor :is(.property-field input:not([type=color]),.color-row,.point-actions button,.easing-label select,.key-properties input:not([type=color]),.curve-preview){background:var(--ios-group);border-color:var(--ios-separator);color:var(--ios-text)}html[data-ui-style=system] .editor.kit-editor .key-properties{background:var(--ios-tint-surface);border-color:var(--ios-separator)}html[data-ui-style=system] .editor.kit-editor .locked-notice{background:var(--ios-warning-surface);color:var(--ios-warning-text)}html[data-ui-style=system] .editor.kit-editor .layer-name-label{color:var(--ios-secondary-text)}html[data-ui-style=system] .editor.kit-editor .layer-name-label input{background:var(--ios-control);color:var(--ios-text);caret-color:var(--ios-text);border-color:var(--ios-separator);border-radius:12px;min-height:36px}html[data-ui-style=system] .editor.kit-editor .layer-name-label input::placeholder{color:var(--ios-secondary-text);opacity:1}html[data-ui-style=system] .editor.kit-editor .auto-key.mini-button{display:inline-flex;flex:0 0 auto;width:auto;min-width:72px;height:auto;min-height:34px;gap:6px;padding:7px 10px;border:1px solid var(--ios-separator);border-radius:17px;background:var(--ios-control);color:var(--ios-text);font-size:12px;line-height:1.2;white-space:nowrap}html[data-ui-style=system] .editor.kit-editor .auto-key.mini-button svg{width:14px;height:14px;flex:0 0 14px}html[data-ui-style=system] .editor.kit-editor .auto-key.mini-button[aria-pressed=true]{background:var(--ios-tint-surface);color:var(--ios-tint);border-color:var(--ios-tint)}html[data-ui-style=system] .editor.kit-editor .auto-key.mini-button:focus-visible{outline:2px solid var(--ios-tint);outline-offset:2px}html[data-ui-style=system] .editor.kit-editor .properties-panel .panel-heading h3{flex:1;min-width:0}html[data-ui-style=system] .editor.kit-editor .property-section{border-color:var(--ios-separator)}html[data-ui-style=system] .shape-browser{--shape-active: var(--ios-tint);background:var(--ios-background);color:var(--ios-text)}html[data-ui-style=system] .shape-browser:before{background:var(--ios-separator)}html[data-ui-style=system] :is(.shape-browser-heading h3,.shape-browser-search input){color:var(--ios-text)}html[data-ui-style=system] :is(.shape-insert-tabs button,.shape-category-select select,.shape-category-select option,.shape-drawing-tools button){background:var(--ios-surface);border-color:var(--ios-separator);color:var(--ios-secondary-text);box-shadow:none}html[data-ui-style=system] .shape-browser-grid button{background:var(--ios-surface);border-color:var(--ios-separator);box-shadow:none}html[data-ui-style=system] .shape-insert-tabs button[aria-pressed=true]{background:var(--ios-tint);border-color:var(--ios-tint);color:#fff}html[data-ui-style=system] :is(.shape-browser-search,.shape-browser-heading .shape-drawer-close){background:var(--ios-control);border-color:var(--ios-separator);color:var(--ios-secondary-text)}html[data-ui-style=system] :is(.shape-browser-heading span,.shape-browser-grid button>span,.shape-drawing-tools small,.shape-category-select>svg){color:var(--ios-secondary-text)}html[data-ui-style=system] .shape-drawing-tools button{color:var(--ios-tint)}html[data-ui-style=system] .shape-drawing-tools span{color:var(--ios-text)}html[data-ui-style=system] .editor.kit-editor .workbench-tabs button,html[data-ui-style=system] .editor.kit-editor .ae-timeline button{transition:opacity .15s}html[data-ui-style=system] .editor.kit-editor .workbench-heading{border-bottom-color:var(--ios-timeline-separator)}html[data-ui-style=system] .editor.kit-editor .ae-timeline{color:var(--ios-text);background:var(--ios-group)}html[data-ui-style=system] .ae-timeline :is(.ae-sticky-label,.ae-ruler,.ae-ruler-label,.ae-zoom,.ae-key-time input){background:var(--ios-group);border-color:var(--ios-separator)}html[data-ui-style=system] .ae-timeline :is(.ae-layer-header,.ae-layer-label,.ae-property-editor,.ae-timeline-tools .ae-add-layer){background:var(--ios-surface);border-color:var(--ios-separator)}html[data-ui-style=system] .ae-timeline :is(.ae-layer.selected>.ae-layer-header,.ae-layer.selected>.ae-layer-header .ae-layer-label,.ae-property.active,.ae-property.active .ae-property-name,.ae-key-navigator .ae-key-toggle.keyed,.ae-key-actions .ae-curve-toggle,.ae-filter-toggle[aria-pressed=true]){background:var(--ios-tint-surface)}html[data-ui-style=system] .ae-timeline :is(.ae-layer-name,.ae-property-select select){color:var(--ios-text)}html[data-ui-style=system] .ae-timeline :is(.ae-time-readout span,.ae-timeline-tools button,.ae-ruler-label,.ae-layer-expand,.ae-layer-visibility,.ae-group-toggle,.ae-property-name,.ae-static-property>.ae-sticky-label,.ae-static-property small,.ae-path-info,.ae-no-keys,.timeline-empty,.ae-property-select>span,.ae-key-navigator button,.ae-key-actions>button,.ae-key-time,.ae-key-hint,.ae-selection-empty,.ae-curve-empty,.ae-inline-curve-close,.ae-pan-control){color:var(--ios-secondary-text)}html[data-ui-style=system] .editor.kit-editor .ae-ruler .ruler>span{color:var(--ios-secondary-text)}html[data-ui-style=system] .ae-timeline :is(input:not([type=range]):not([type=color]),.ae-property.active .ae-property-name,.ae-property-value,.ae-time-readout b,.ae-key-navigator .ae-key-toggle,.ae-key-actions .ae-curve-toggle,.ae-timeline-tools .ae-add-layer,.ae-filter-toggle[aria-pressed=true]){color:var(--ios-tint)}html[data-ui-style=system] .ae-timeline input:not([type=range]):not([type=color]){background:var(--ios-tint-surface)}html[data-ui-style=system] .ae-timeline .ae-key-actions .ae-curve-toggle[aria-pressed=true]{background:var(--ios-tint);color:#fff}html[data-ui-style=system] .ae-timeline .ae-layer-track .layer-duration{background:var(--ios-control);border-color:var(--ios-separator)}html[data-ui-style=system] .ae-timeline .ae-layer.selected .ae-layer-track .layer-duration{background:var(--ios-tint-surface);border-color:var(--ios-tint)}html[data-ui-style=system] .editor.kit-editor .ae-timeline :is(.ae-timeline-tools,.ae-pan-control,.ae-ruler,.ae-layer,.ae-property,.ae-static-property,.ae-property-editor,.ae-sticky-label){border-color:var(--ios-timeline-separator)}html[data-ui-style=system] .editor.kit-editor .ae-timeline .timeline-track{background-image:linear-gradient(to right,var(--ios-timeline-separator) 1px,transparent 1px)}html[data-ui-style=system] .inline-curve-editor{background:var(--ios-group);border-color:var(--ios-separator);color:var(--ios-text)}html[data-ui-style=system] .inline-curve-editor :is(.ice-graph,.ice-handle span,.ice-actions button){background:var(--ios-surface)}html[data-ui-style=system] .inline-curve-editor :is(.ice-actions button,.ice-presets button){color:var(--ios-secondary-text)}html[data-ui-style=system] .inline-curve-editor :is(.ice-actions,.ice-presets) button[aria-pressed=true]{background:var(--ios-tint-surface);color:var(--ios-tint)}html[data-ui-style=system] .effects-panel,html[data-ui-style=system] .effects-panel :is(.fx-empty h3,.fx-stack-item>.fx-stack-name){color:var(--ios-text)}html[data-ui-style=system] .effects-panel :is(.fx-tabs,.fx-search,.fx-categories button,.fx-note,.fx-stack-item,.fx-parameters,.fx-motion-grid.motion-presets>button,.fx-motion-settings input[type=number],.fx-number input[type=number]){background:var(--ios-group);border-color:var(--ios-separator)}html[data-ui-style=system] .effects-panel :is(.fx-tabs button[aria-selected=true],.fx-key-easing select){background:var(--ios-surface);color:var(--ios-text);box-shadow:none}html[data-ui-style=system] .effects-panel :is(.fx-card,.fx-motion-settings,.fx-preview-time){border-color:var(--ios-separator)}html[data-ui-style=system] .effects-panel :is(.fx-motion-grid.motion-presets>button[aria-pressed=true],.fx-stack-item.active){background:var(--ios-tint-surface);border-color:var(--ios-tint)}html[data-ui-style=system] .effects-panel .fx-categories button[aria-pressed=true]{background:var(--ios-tint);color:#fff}html[data-ui-style=system] .effects-panel :is(.fx-layer-label,.fx-tabs small,.fx-search,.fx-caption,.fx-note,.fx-card small,.fx-empty,.fx-motion-grid small,.fx-motion-settings p,.fx-stack-name span,.fx-parameter-title small,.fx-stack-item>button){color:var(--ios-secondary-text)}html[data-ui-style=system] .effects-panel .fx-stack-item>button[aria-pressed=true]{color:var(--ios-tint)}html[data-ui-style=system] :is(.plugin-resource-card,.modal.plugin-resource-guide,.vector-kit-intro,.vector-kit-symbol,.vector-kit-card,.vector-kit-components>button,.vector-kit-check){background:var(--ios-surface);border-color:var(--ios-separator);box-shadow:none}html[data-ui-style=system] :is(.plugin-resource-card,.vector-kit-library,.vector-kit-components>button,.editor-import-choices span),html[data-ui-style=system] .plugin-resource-guide .pr-guide-steps h4{color:var(--ios-text)}html[data-ui-style=system] .plugin-resource-card :is(.pr-card-heading p,.pr-card-description),html[data-ui-style=system] .plugin-resource-guide :is(.pr-guide-intro,.pr-guide-steps p,.pr-guide-note),html[data-ui-style=system] :is(.vector-kit-intro p,.vector-kit-note,.vector-kit-library h4 span,.vector-kit-open small,.vector-kit-open p,.vector-kit-components small,.editor-import-choices small,.figma-import-review>p){color:var(--ios-secondary-text)}html[data-ui-style=system] .vector-kit-search{background:var(--ios-control);color:var(--ios-secondary-text)}html[data-ui-style=system] .plugin-resource-card :is(.pr-download,.pr-guide-button),html[data-ui-style=system] .plugin-resource-guide .pr-download,html[data-ui-style=system] :is(.vector-kit-toolbar>button,.vector-kit-pages button,.vector-kit-actions>button:not(.icon-button),.vector-kit-selection button,.vector-kit-components>button[aria-pressed=true],.editor-import-choices>button){background:var(--ios-tint-surface)}html[data-ui-style=system] .vector-kit-components>button[aria-pressed=true]{border-color:var(--ios-tint)}html[data-ui-style=system] .vector-kit-components>button[aria-pressed=true] .vector-kit-check{background:var(--ios-tint);color:#fff}html[data-ui-style=system] .vector-kit-insert{box-shadow:none}html[data-ui-style=system] .figma-import-warnings{background:var(--ios-warning-surface)}html[data-ui-style=system] .figma-import-warnings :is(h4,li){color:var(--ios-warning-text)}html[data-ui-style=system] :is(.primary,.secondary,.subtle,.white-button){border-radius:999px;min-height:44px;padding-inline:18px}html[data-ui-style=system] :is(.primary,.secondary,.subtle,.white-button).small{border-radius:999px;min-height:36px;padding-inline:14px}html[data-ui-style=system] .modal{border-radius:32px}html[data-ui-style=system] .format-list>button{border-radius:20px;min-height:52px;color:var(--ios-text)}html[data-ui-style=system] .format-list>button b{font-size:15px}html[data-ui-style=system] .format-list>button small{font-size:12px}html[data-ui-style=system] .format-list>button>div{min-width:0}html[data-ui-style=system] .format-list>button>svg{flex-shrink:0}html[data-ui-style=system] .export-layout :is(.export-specs,.check-row,.fineprint,.tgs-report h4,.tgs-report p,.report-warning){font-size:12px;line-height:1.5}html[data-ui-style=system] .export-layout .check-row input{width:18px;height:18px}html[data-ui-style=system] .export-modal{display:flex;flex-direction:column;overflow:hidden}html[data-ui-style=system] .export-modal>:not(.export-layout){flex-shrink:0}html[data-ui-style=system] .export-modal .export-layout{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-y}html[data-ui-style=system] .export-modal>.error-message{max-height:20dvh;overflow:auto}html[data-ui-style=system] .export-modal .modal-actions{flex-wrap:wrap;margin-top:16px}html[data-ui-style=system]:has(.export-modal) .toast{top:calc(4px + var(--native-top-inset, 0px));bottom:auto;padding:8px 12px}html[data-ui-style=system] .modal .preset-grid small{font-size:11px}@media(max-width:600px){html[data-ui-style=system] .export-layout{grid-template-columns:minmax(0,1fr);gap:16px}html[data-ui-style=system] .export-layout .format-list{order:-1}html[data-ui-style=system] .format-list>button{padding:12px;gap:10px}html[data-ui-style=system] .format-list>button>span{display:block;flex-shrink:0}html[data-ui-style=system] .format-list>button>span svg{width:22px}html[data-ui-style=system] .export-preview{height:180px}}html[data-ui-style=system] :is(.export-specs,.export-note,.export-options,.export-layout label){border-radius:20px}html[data-ui-style=system] :is(.form-grid input,.form-grid select,.export-form input,.export-form select,.login-modal input){border-radius:16px;min-height:44px}html[data-ui-style=system] .kit-community-mode{display:flex;flex-wrap:wrap;gap:6px}html[data-ui-style=system] .kit-community-mode button{min-height:40px;border-radius:999px;padding-inline:14px}html[data-ui-style=system] .web-home-toolbar:not([data-page=home]){justify-content:center}html[data-ui-style=system] .web-home-toolbar:not([data-page=home]) .web-home-title{margin:0;text-align:center}html[data-ui-style=system] .editor.kit-editor .editor-workbench{flex:0 0 clamp(370px,47dvh,414px);height:clamp(370px,47dvh,414px);margin-top:8px;border:0;border-radius:0;background:transparent;overflow:visible}html[data-ui-style=system] .editor.kit-editor .timeline-container.inline-open{border-radius:24px;overflow:hidden;background:var(--ios-surface)}html[data-ui-style=system] .editor.kit-editor .motion-timeline{background:var(--ios-surface);color:var(--ios-text);border:0;width:100%}html[data-ui-style=system] .editor.kit-editor .motion-timeline button{min-height:44px;border:0;box-shadow:none;color:inherit}.motion-time-toolbar{display:flex;align-items:center;height:44px;flex:0 0 44px;padding:0 8px;gap:0}.motion-time-toolbar>button{width:44px;padding:0;display:grid;place-items:center;border-radius:50%;flex-shrink:0;color:var(--ios-secondary-text)}.motion-timecode{position:relative;flex:1;min-width:0;text-align:center;font-size:13px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--ios-tint)}.motion-timeline .motion-timecode input{position:absolute;inset:-14px 0 0;width:100%;height:44px;opacity:0;cursor:ew-resize}.motion-timecode:focus-within{outline:2px solid var(--ios-tint);border-radius:10px}.motion-time-window{position:relative;min-height:72px;flex:0 0 76px;overflow:hidden;touch-action:pan-y;background:var(--ios-group);isolation:isolate}.motion-time-window.all-layers{flex:1 1 130px;min-height:120px;overflow-y:auto}.motion-ruler{height:28px;position:sticky;top:0;z-index:5;background:var(--ios-group);overflow:hidden;touch-action:pan-y}.motion-axis{position:absolute}.motion-ruler-axis{height:28px;pointer-events:none}.motion-ruler-axis>span{position:absolute;top:0;font-size:8px;font-variant-numeric:tabular-nums;color:var(--ios-secondary-text);transform:translate(-50%);text-align:center}.motion-ruler-axis>span>i{display:block;width:1px;height:7px;margin:0 auto 3px;background:var(--ios-secondary-text);opacity:.5}.motion-timeline .motion-zoom{position:absolute;left:0;top:0;z-index:2;width:44px;min-height:28px!important;height:28px;padding:0;font-size:10px;font-weight:650;color:var(--ios-tint)!important;background:var(--ios-group);border-radius:0}.motion-layer-tracks{position:relative;min-height:48px}.motion-layer-row{position:relative;height:48px}.motion-layer-axis{top:0;height:48px}.motion-layer-eye{position:sticky;left:0;width:44px;height:48px;padding:0;display:grid;place-items:center;z-index:6;border-radius:0;background:var(--ios-group)}.motion-layer-bar{position:absolute;top:4px;height:40px;min-height:40px!important;border-radius:10px;background:var(--ios-tint-surface);text-align:left;padding:0;overflow:hidden}.motion-layer-row.selected .motion-layer-bar{background:var(--ios-tint);color:#fff!important}.motion-layer-caption{position:absolute;top:0;height:40px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;max-width:240px;white-space:nowrap;pointer-events:none}.motion-layer-caption i{width:18px;height:18px;border-radius:5px;flex-shrink:0;border:1px solid var(--ios-separator)}.motion-summary-key{position:absolute;top:19px;width:8px;height:8px;border:1px solid var(--ios-surface);background:var(--ios-secondary-text);opacity:.45;transform:translate(-50%) rotate(45deg);pointer-events:none}.motion-key-track{position:absolute;inset:0;height:48px;border:0;background:transparent;pointer-events:none}.editor.kit-editor .motion-timeline .timeline-key{pointer-events:auto;width:44px;height:48px;top:0;transform:translate(-50%);min-height:44px;filter:none;background:transparent;border-radius:8px;color:var(--ios-text)}.editor.kit-editor .motion-timeline .timeline-key svg{width:17px;height:17px;fill:var(--ios-surface);stroke:var(--ios-tint)}.editor.kit-editor .motion-timeline .timeline-key.selected svg{width:21px;height:21px;fill:var(--ios-text);stroke:var(--ios-surface)}.motion-fixed-playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--ios-tint);z-index:4;pointer-events:none}.motion-fixed-playhead:before{content:"";position:absolute;top:0;left:-3px;width:7px;height:7px;border-radius:0 0 3px 3px;background:var(--ios-tint)}.motion-empty{display:flex;gap:8px;align-items:center;justify-content:center;width:100%;padding:12px;background:transparent;color:var(--ios-secondary-text)!important;font-size:12px}.motion-context{display:flex;align-items:center;flex:0 0 44px;min-height:44px;gap:4px;padding:0 6px;border-bottom:1px solid var(--ios-separator)}.motion-context strong{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.motion-context>svg{margin:0 12px}.motion-context>span{font-size:11px;color:var(--ios-secondary-text)}.motion-context button{flex:0 0 40px;width:40px;padding:0;display:grid;place-items:center;border-radius:50%;background:transparent}.motion-overview-hint{margin:0;padding:10px 12px;font-size:11px;line-height:16px;color:var(--ios-secondary-text);text-align:center}.motion-layer-tools{overflow:auto;min-height:0;flex:1;padding:0 8px 8px}.motion-layer-timing{display:flex;align-items:center;gap:4px}.motion-layer-timing button{display:flex;gap:4px;align-items:center;justify-content:center;font-size:10px;padding:0 7px;border-radius:12px;background:transparent}.motion-layer-timing button:last-child{flex:1;flex-wrap:wrap;gap:0 4px}.motion-layer-timing span{font-variant-numeric:tabular-nums;color:var(--ios-secondary-text)}.motion-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.motion-tool-grid button{min-height:60px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:7px 3px;border-radius:18px;background:var(--ios-group);font-size:10px;line-height:13px}.motion-tool-grid svg{color:var(--ios-tint)}.motion-property-workspace{display:flex;flex:1;min-height:0;padding:4px;gap:3px}.motion-property-rail{display:flex;flex-direction:column;flex:0 0 44px;width:44px;overflow-y:auto;scrollbar-width:none}.motion-property-rail button{display:grid;place-items:center;width:44px;flex:0 0 44px;height:44px;border-radius:14px;padding:0;background:transparent;color:var(--ios-secondary-text)!important}.motion-property-rail button[aria-pressed=true]{color:var(--ios-tint)!important;background:var(--ios-tint-surface)}.motion-property-modes select{width:44px;min-height:36px;appearance:auto;padding:0;border:0;background:var(--ios-group);color:var(--ios-tint);font-size:9px;border-radius:10px}.motion-property-center{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:4px}.motion-values{display:flex;flex-shrink:0;gap:4px}.motion-values>label{min-width:0;flex:1;text-align:center}.motion-timeline .motion-values input{width:100%;height:32px;text-align:center;border-radius:12px;color:var(--ios-text);background:var(--ios-group)}.motion-values>.active input{color:var(--ios-tint)}.motion-timeline .motion-values button{width:100%;padding:0;height:20px;min-height:20px!important;font-size:9px;color:var(--ios-secondary-text)!important;background:transparent}.motion-value-pad{display:flex;flex:1;min-height:54px;flex-direction:column;gap:6px;align-items:center;justify-content:center;padding:8px;text-align:center;font-size:10px;line-height:14px;border-radius:18px;color:var(--ios-secondary-text);background:var(--ios-group);touch-action:none;user-select:none;cursor:move}.motion-value-pad.adjusting{background:var(--ios-tint-surface);color:var(--ios-tint)}.motion-value-pad[aria-disabled=true]{cursor:default}.motion-shape-value{display:flex;align-items:center;gap:4px;font-size:9px;color:var(--ios-secondary-text)}.motion-shape-value input{width:62px;height:28px}.motion-timeline .motion-key-editor,.motion-timeline .ae-effect-editor{flex:1;min-height:0;max-height:none;overflow:auto;border:0}.motion-key-editor.showing-curve .ae-key-adjustment,.motion-key-editor.showing-curve .ae-key-actions,.motion-key-editor.showing-curve .ae-key-gesture-hint{display:none}.motion-key-editor.showing-curve .ae-property-strip{height:40px}.motion-key-editor .ae-property-strip{height:44px}.motion-key-editor .ae-key-gesture-hint{padding-bottom:6px}.editor.kit-editor .motion-context-heading{display:flex;align-items:center;min-height:44px;flex:0 0 44px;padding:0 8px;gap:6px;border-radius:24px 24px 0 0;background:var(--ios-surface)}.motion-context-heading strong{font-size:13px}.editor.kit-editor .motion-context-heading>div{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.editor.kit-editor .motion-context-heading :is(strong,span){display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:15px}.editor.kit-editor .motion-context-heading>div>span{font-size:11px;color:var(--ios-secondary-text)}.editor.kit-editor .motion-context-heading button{width:44px;height:44px}html[data-ui-style=system] .editor.kit-editor.kit-expanded .editor-workbench{display:flex;flex:0 0 auto;height:auto}.editor.kit-editor.kit-expanded .editor-workbench>:not(.motion-transport){display:none}@media(max-height:760px){html[data-ui-style=system] .editor.kit-editor .editor-workbench{flex-basis:360px;height:360px}.motion-tool-grid button{min-height:52px!important;gap:3px}.motion-tool-grid svg{width:19px;height:19px}.motion-layer-tools{padding-bottom:4px}}@media(max-width:350px){.motion-context strong{font-size:11px}.motion-context button{flex-basis:40px;width:40px}.motion-time-toolbar{padding:0 2px}.motion-time-toolbar>button{width:40px}.motion-property-workspace{gap:1px;padding:3px}.motion-value-pad{padding:5px;font-size:9px}}@media(max-height:760px){html[data-ui-style=system] .editor.kit-editor.kit-expanded .editor-workbench{flex:0 0 auto;height:auto}}.motion-effect-workspace{display:flex;min-height:0;flex:1;padding:4px;gap:4px}.motion-effect-values{flex:1;min-width:0;overflow:auto;padding:0 4px 4px}.motion-effect-values>select{width:100%;min-height:32px;border:0;border-radius:12px;padding:0 10px;background:var(--ios-group);color:var(--ios-text);font-size:11px}.motion-effect-parameter{display:grid;grid-template-columns:minmax(0,1fr) 64px;align-items:center;margin-top:6px;padding:4px 8px;border-radius:16px;background:var(--ios-group);gap:0 6px}.motion-effect-parameter>button{display:flex;align-items:center;gap:6px;padding:0;background:transparent;text-align:left;font-size:11px}.motion-effect-parameter.active>button{color:var(--ios-tint)!important}.motion-effect-parameter input:not([type=range]){width:64px;height:36px;background:var(--ios-surface);text-align:center;color:var(--ios-tint)}.motion-timeline .motion-effect-slider{grid-column:1 / -1;width:100%;height:44px;appearance:auto;accent-color:var(--ios-tint);padding:0;margin:0;background:transparent;touch-action:none}.motion-effect-return{display:flex;align-items:center;gap:8px;font-size:11px;background:transparent}.motion-timeline .ae-effect-editor.showing-curve .ae-key-adjustment,.motion-timeline .ae-effect-editor.showing-curve .ae-key-actions{display:none}.motion-ruler-minor{position:absolute;top:0;width:1px;height:4px;background:var(--ios-secondary-text);opacity:.35}.motion-timeline.motion-curve-open>.motion-time-toolbar,.motion-timeline.motion-curve-open>.motion-context,.motion-timeline:has(.ae-effect-editor.showing-curve)>.motion-time-toolbar,.motion-timeline:has(.ae-effect-editor.showing-curve)>.motion-context,.motion-timeline .ae-effect-editor.showing-curve>.ae-property-strip,.motion-timeline .ae-effect-editor.showing-curve>.ae-effect-status{display:none}html[data-ui-style=system][data-theme=midnight]{--ios-background: #000;--ios-surface: #111113;--ios-group: #1b1b1e;--ios-control: #2c2c30}html:not([data-native-chrome]) .floating-nav.floating-nav{color-scheme:inherit}.preferences-section{display:grid;gap:12px}.preferences-section h3{margin:8px 0 0;font-size:15px;color:var(--ios-secondary-text)}.preferences-options{display:grid;gap:8px}.preferences-options button{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:12px 16px;border:0;border-radius:18px;background:var(--ios-group);color:var(--ios-text);text-align:start}.preferences-options button[aria-pressed=true]{background:var(--ios-tint-surface);color:var(--ios-tint)}.preferences-options button svg{margin-left:auto}.preference-swatch{width:24px;height:24px;border-radius:50%;border:1px solid var(--ios-separator);flex-shrink:0}html:not([data-native-chrome]) .web-home-toolbar{background:transparent}html:not([data-native-chrome]) .web-home-toolbar[data-page=community]{display:none}html:not([data-native-chrome]) .kit-community-page .kit-page-heading{padding-top:calc(24px + env(safe-area-inset-top,0px))}html[data-native-chrome=ios] button[data-native-content]{opacity:0!important;pointer-events:none!important}.native-search-anchor{height:48px;width:100%;margin-bottom:16px}.community-sections{margin:10px 0 14px}.community-search{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;margin-bottom:16px;border-radius:24px;background:var(--ios-surface);color:var(--ios-secondary-text)}.community-search input{min-width:0;width:100%;background:transparent;border:0;outline:0;color:var(--ios-text);font-size:16px}.community-search:focus-within{outline:2px solid var(--ios-tint);outline-offset:2px}html[data-ui-style=system] .community-sections button{min-width:0;padding-inline:8px}@media(max-width:350px){html[data-ui-style=system] .community-sections button{font-size:11px;padding-inline:5px}}html[data-ui-style=system] .kit-segmented.community-sections{width:100%;grid-template-columns:repeat(4,minmax(0,1fr));height:44px}html[data-ui-style=system] .editor.kit-editor{--kit-editor-width: 100vw;width:100%;max-width:none}html[data-ui-style=system] .editor.kit-editor .kit-editor-header{display:flex;align-items:center;justify-content:space-between;gap:4px}html[data-native-chrome] .editor.kit-editor .kit-editor-header{display:none}html[data-ui-style=system] .editor.kit-editor .kit-editor-actions{position:static;transform:none;flex:0 1 192px}html[data-ui-style=system] .editor.kit-editor .kit-workspace-settings{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:50%;color:var(--ios-text);background:var(--ios-surface);border:1px solid var(--ios-separator);box-shadow:none}.workspace-settings-fallback{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;flex:none;border-radius:22px;margin-bottom:8px;color:var(--ios-tint);background:var(--ios-surface)}.workspace-settings{width:min(100%,480px)}.workspace-setting{display:flex;flex-direction:column;gap:12px;margin-bottom:22px}.workspace-setting>span{display:flex;justify-content:space-between;align-items:center;gap:16px}.workspace-setting output{color:var(--ios-tint);font-variant-numeric:tabular-nums;white-space:nowrap}.workspace-setting input[type=range]{width:100%;height:44px;accent-color:var(--ios-tint);touch-action:pan-y}.workspace-setting select{width:100%;min-height:48px;border-radius:16px;color:var(--ios-text);background:var(--ios-group);padding:10px}.workspace-setting small,.workspace-gesture-help{color:var(--ios-secondary-text);font-size:13px;line-height:1.5}.workspace-gesture-help{margin:12px 0 22px}@media(max-width:350px){html[data-ui-style=system] .editor.kit-editor .kit-exit,html[data-ui-style=system] .editor.kit-editor .kit-workspace-settings{width:44px;height:44px;flex:0 0 44px}html[data-ui-style=system] .editor.kit-editor .kit-editor-actions{flex-basis:184px;padding:0 3px}}@media(min-width:700px){html[data-ui-style=system] .kit-shell{width:100%;max-width:none}html:not([data-native-chrome]) .web-home-toolbar{width:100%}html[data-ui-style=system] .kit-project-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:24px}html[data-ui-style=system] .kit-projects-page>.kit-project-grid{margin-left:48px;margin-right:32px}html[data-ui-style=system] .kit-community-page{padding-left:32px;padding-right:32px}html[data-ui-style=system] .kit-settings-page{max-width:760px;margin:0 auto}html[data-ui-style=system] .editor.kit-editor{padding-left:24px;padding-right:24px}html[data-ui-style=system] .editor.kit-editor .stage-panel{max-height:none}html[data-ui-style=system] .editor.kit-editor .editor-workbench{flex:0 0 clamp(360px,42dvh,560px);height:clamp(360px,42dvh,560px)}html[data-ui-style=system] .editor.kit-editor .editor-dock.liquid-glass-nav{width:min(520px,100%);margin:16px auto 0;flex-shrink:0}html[data-ui-style=system] .motion-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}html[data-ui-style=system] .motion-tool-grid button{min-height:76px!important;font-size:13px}html[data-ui-style=system] .motion-context strong{font-size:15px}html[data-ui-style=system] .motion-layer-caption{font-size:13px}}@media(min-width:900px)and (min-height:500px){html[data-ui-style=system] .editor.kit-editor:not([data-workspace-layout=stacked]):not(.kit-expanded){display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,40%);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"header header" "context context" "canvas workbench" "dock dock";gap:0 24px}html[data-ui-style=system] .editor.kit-editor .kit-editor-header{grid-area:header}html[data-ui-style=system] .editor.kit-editor .composition-context{grid-area:context}html[data-ui-style=system] .editor.kit-editor .editor-workspace{grid-area:canvas;min-width:0;min-height:0}html[data-ui-style=system] .editor.kit-editor .editor-workbench{grid-area:workbench;min-width:0}html[data-ui-style=system] .editor.kit-editor .editor-dock{grid-area:dock}html[data-ui-style=system] .editor.kit-editor:not([data-workspace-layout=stacked]):not(.kit-expanded) .editor-workbench{height:100%;margin-top:0}html[data-ui-style=system] .editor.kit-editor:not([data-workspace-layout=stacked]):not(.kit-expanded) .stage-panel{min-height:0}html[data-ui-style=system] .editor.kit-editor .motion-time-window.all-layers{min-height:180px}html[data-ui-style=system] .editor.kit-editor .motion-layer-tools{padding:12px}html[data-ui-style=system] .motion-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-ui-style=system] .motion-property-workspace{padding:10px;gap:8px}html[data-ui-style=system] .motion-value-pad{font-size:13px}html[data-ui-style=system] .motion-values input{height:44px;font-size:15px}html[data-ui-style=system] .motion-property-modes select{min-height:44px}}@media(min-width:1400px){html[data-ui-style=system] .kit-project-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}html[data-ui-style=system] .editor.kit-editor:not([data-workspace-layout=stacked]):not(.kit-expanded){grid-template-columns:minmax(0,1fr) minmax(460px,38%);gap:0 32px}}html[data-ui-style=system] .editor.kit-editor>.collab-bar{flex-shrink:0;border-radius:22px;margin-bottom:8px}.collab-home-entry{display:flex;justify-content:center;padding:0 16px 16px}.collab-home-entry button{display:flex;align-items:center;gap:8px;min-height:40px;max-width:100%;white-space:normal}.collab-home-entry button svg{flex-shrink:0}.collab-recovery{position:absolute;z-index:15;left:16px;right:16px;bottom:max(90px,env(safe-area-inset-bottom));padding:12px;border-radius:20px;background:var(--ios-surface);color:var(--ios-text);display:flex;flex-wrap:wrap;gap:8px}.collab-recovery button{min-height:44px}.collab-preview .project-preview{width:min(65vh,100%);max-height:65vh;margin:0 auto}.collab-variant-editor{position:fixed;inset:0;z-index:150;background:var(--ios-background);display:flex;flex-direction:column}.collab-variant-editor>.editor.kit-editor{flex:1;min-height:0;height:auto}.collab-variant-heading{flex:none;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:max(8px,env(safe-area-inset-top)) 16px 8px;color:var(--ios-text)}.collab-variant-heading strong{flex:1}.collab-variant-heading button{min-height:44px;padding:8px 12px;border-radius:22px;background:var(--ios-surface);color:var(--ios-tint)}@media(min-width:900px)and (min-height:500px){html[data-ui-style=system] .editor.kit-editor[data-collaborative=true]:not([data-workspace-layout=stacked]):not(.kit-expanded){grid-template-rows:auto auto auto minmax(0,1fr) auto;grid-template-areas:"header header" "live live" "context context" "canvas workbench" "dock dock"}html[data-ui-style=system] .editor.kit-editor>.collab-bar{grid-area:live}}html[data-native-chrome] .collab-variant-editor .editor.kit-editor .kit-editor-header{display:flex}html[data-native-chrome] .collab-variant-editor .editor.kit-editor .editor-dock{display:flex!important}html[data-native-chrome] .collab-variant-editor .editor.kit-editor{padding-top:8px;padding-bottom:8px}.mim-welcome-overlay{position:fixed;inset:0;z-index:180;overflow:auto;overscroll-behavior:contain;background:var(--ios-background, var(--bg));padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.mim-welcome-connection{display:block;margin:0 auto 22px;border:0;background:transparent;color:var(--ios-accent, #007aff);min-height:44px;padding:8px 20px}.collab-media-progress{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;padding:4px 12px}.collab-media-progress progress{width:80px;height:5px;accent-color:var(--ios-accent, #007aff)}.collab-readonly-fields{display:contents;border:0;margin:0;padding:0;min-width:0}.kit-editor[data-readonly] .editor-dock [data-item-id=shapes],.kit-editor[data-readonly] .editor-dock [data-item-id=install],.kit-editor[data-readonly] .editor-dock [data-item-id=pen]{opacity:.45}html[data-ui-style=system] .modal.mim-welcome-overlay{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;border:0;border-radius:0;overflow-y:auto}.modal.mim-welcome-overlay>header{display:none}.collab-media-progress{position:absolute;top:calc(env(safe-area-inset-top) + 124px);right:12px;z-index:6;border-radius:18px;background:var(--ios-surface)}.editor.kit-editor .canvas-frame{transition:none;outline:1px solid var(--ios-separator, #89919e)}html[data-ui-style=system] .editor.kit-editor .canvas-empty span{color:var(--ios-text);background:var(--ios-surface);padding:8px 14px;border-radius:16px}html[data-ui-style=system] .editor.kit-editor .canvas-space{background-color:var(--ios-group, #e5e7ed);touch-action:none}.editor.kit-editor .canvas-view-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px;flex-shrink:0;padding:4px 0 8px}.canvas-view-tools button,.canvas-view-tools select{min-height:32px;border-radius:12px;padding:4px 9px;color:var(--ios-text);background:var(--ios-surface, #fff)}.canvas-view-tools label{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--ios-secondary-text)}.canvas-view-tools button{display:inline-flex;align-items:center;gap:4px;font-size:12px}.canvas-view-tools button[aria-pressed=true],.properties-content button[aria-pressed=true]{color:var(--ios-tint, #008bff)}.canvas-view-tools button:disabled{opacity:.45}.editor.kit-editor .canvas-space.file-drop-active{outline:2px solid var(--ios-tint, #008bff);outline-offset:-3px}.canvas-drop-status{position:absolute;z-index:12;top:12px;left:12px;right:12px;padding:12px;border-radius:16px;background:var(--ios-surface, #fff);color:var(--ios-text);pointer-events:none;text-align:center}.layer-item.drop-before{border-top:2px solid var(--ios-tint, #008bff)}.layer-item.drop-after{border-bottom:2px solid var(--ios-tint, #008bff)}.layer-item,.motion-layer-caption,.canvas-view-tools,.motion-context,.property-field>span{user-select:none;-webkit-user-select:none}.layer-item input,.property-field input{user-select:text;-webkit-user-select:text}.key-button.animated{color:var(--ios-tint, #008bff)}.key-button.keyed{background:var(--ios-selected, #cce8ff)}@media(min-width:1000px)and (min-height:600px)and (hover:hover){html[data-ui-style=system] .editor.kit-editor:not([data-workspace-layout=stacked]):not(.kit-expanded){display:grid;grid-template-columns:190px minmax(260px,1fr) 270px;grid-template-rows:auto auto minmax(160px,1fr) 42px 230px auto;grid-template-areas:"header header header" "context context context" "layers canvas properties" "layers transport properties" "layers timeline properties" "dock dock dock";gap:6px 12px;padding:12px 16px;overflow:hidden}html[data-ui-style=system] .editor.kit-editor:not([data-workspace-layout=stacked]):not(.kit-expanded) .editor-workspace{grid-area:canvas;display:flex;gap:0;min-height:0}html[data-ui-style=system] .editor.kit-editor:not([data-workspace-layout=stacked]):not(.kit-expanded) .editor-workbench{display:contents}html[data-ui-style=system] .editor.kit-editor:not([data-workspace-layout=stacked]):not(.kit-expanded) .editor-workbench>.layers-panel,html[data-ui-style=system] .editor.kit-editor:not([data-workspace-layout=stacked]):not(.kit-expanded) .editor-workbench>.properties-panel{display:flex;position:relative;inset:auto;width:auto;height:auto;min-height:0;max-height:none;padding:10px;flex-direction:column;overflow:auto;border-radius:20px;background:var(--ios-surface, #fff);color:var(--ios-text)}html[data-ui-style=system] .editor.kit-editor:not([data-workspace-layout=stacked]):not(.kit-expanded) .layers-panel{grid-area:layers}html[data-ui-style=system] .editor.kit-editor:not([data-workspace-layout=stacked]):not(.kit-expanded) .properties-panel{grid-area:properties}html[data-ui-style=system] .editor.kit-editor:not([data-workspace-layout=stacked]):not(.kit-expanded) .timeline-container{grid-area:timeline;display:flex;min-height:0;overflow:hidden}html[data-ui-style=system] .editor.kit-editor:not([data-workspace-layout=stacked]):not(.kit-expanded) .motion-transport{grid-area:transport;margin:0}html[data-ui-style=system] .editor.kit-editor:not([data-workspace-layout=stacked]):not(.kit-expanded) .motion-context-heading,html[data-ui-style=system] .editor.kit-editor:not([data-workspace-layout=stacked]):not(.kit-expanded) .mobile-panel-close{display:none}html[data-ui-style=system] .editor.kit-editor:not([data-workspace-layout=stacked]):not(.kit-expanded) .layers-list{min-height:50px;flex:1;overflow:auto}html[data-ui-style=system] .editor.kit-editor:not([data-workspace-layout=stacked]):not(.kit-expanded) .properties-content{padding:0;min-width:0}html[data-ui-style=system] .editor.kit-editor:not([data-workspace-layout=stacked]):not(.kit-expanded) .property-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-ui-style=system] .editor.kit-editor:not([data-workspace-layout=stacked]):not(.kit-expanded) .editor-dock.liquid-glass-nav{margin:0 auto}}@media(max-width:699px){.canvas-view-tools label{font-size:0}.canvas-view-tools select{font-size:12px}.editor.kit-editor .canvas-view-tools{gap:4px;padding-bottom:4px;flex-wrap:nowrap;overflow-x:auto;max-width:100%}.canvas-view-tools button{padding:4px 9px;min-height:44px;font-size:12px;white-space:nowrap;flex-shrink:0}}@media(min-width:1000px)and (min-height:600px)and (hover:hover){html[data-ui-style=system] .editor.kit-editor:not([data-workspace-layout=stacked]):not(.kit-expanded) .inline-effects{grid-area:timeline;display:flex;min-height:0;overflow:auto;z-index:2;background:var(--ios-surface)}}