.product-site{--paper: #f2f3eb;--ink: #20241e;--soft: #535b50;--rule: #d2d7ca;--accent: #d5fb76;min-height:100dvh;background:var(--paper);color:var(--ink);font:16px/1.65 Inter Variable,sans-serif;color-scheme:light}body:has(.product-site){overflow:auto}.product-site :focus-visible{outline-color:#527231}.product-skip{position:absolute;left:1rem;top:1rem;transform:translateY(-180%);z-index:2;background:var(--accent);padding:.6rem 1rem}.product-skip:focus{transform:none}.product-header,.product-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px max(24px,calc((100% - 1240px)/2));border-bottom:1px solid var(--rule)}.product-header nav,.product-actions{display:flex;align-items:center;gap:20px}.product-header nav>a:not(.product-button){font-size:14px;font-weight:600}.product-header nav>a[aria-current]{text-decoration:underline;text-underline-offset:5px}.product-brand{display:inline-flex;align-items:center;font:700 32px/1 Space Grotesk Variable,sans-serif;letter-spacing:-.07em}.product-brand img{width:32px;height:32px;margin-right:10px}.product-brand span,.product-site h1 span{color:#547332}.product-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:8px 16px;border:1px solid var(--ink);border-radius:6px;background:var(--ink);color:var(--accent);font-size:14px;font-weight:650}.product-button:hover{background:#394331}.product-button.outline{background:transparent;color:var(--ink);border-color:#828b79}.product-button.outline:hover{background:#e3e8db}.product-wrap{width:min(1240px,calc(100% - 48px));margin-inline:auto}.product-hero{display:grid;grid-template-columns:1fr 1.06fr;align-items:center;gap:clamp(24px,5vw,76px);padding:clamp(56px,9vw,130px) 0 68px}.product-kicker,.product-footer,.motion-top{font:650 11px/1.45 Space Grotesk Variable,sans-serif;letter-spacing:.14em}.product-kicker{color:#4b6336;margin:0 0 16px}.product-site h1,.product-site h2,.product-site h3{font-family:Space Grotesk Variable,sans-serif;line-height:1.05;margin:0}.product-site h1{font-size:clamp(46px,7.6vw,112px);letter-spacing:-.075em}.product-lead{font-size:clamp(17px,2vw,22px);color:var(--soft);max-width:56ch;margin:24px 0}.product-actions{flex-wrap:wrap;gap:12px}.motion-graphic{padding:14px;background:#191f19;border:1px solid #4b5946;border-radius:16px;color:#dce7d3;box-shadow:0 22px 60px #22382025}.motion-top{display:flex;justify-content:space-between;gap:8px;padding:4px 4px 12px}.motion-top span:last-child{color:var(--accent)}.motion-frame{border:1px solid #3c4938;background:#232d23;border-radius:6px;overflow:hidden}.motion-frame svg{display:block;width:100%}.motion-tracks{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:8px 12px;padding:12px 4px 3px;font-size:11px}.motion-tracks i{height:12px;width:80%;background:#93b259;border-radius:3px}.motion-tracks i:nth-of-type(2){width:53%;margin-left:13%;background:#bdabdb}.motion-tracks i:nth-of-type(3){width:93%;background:#719791}.product-features{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--rule);margin-bottom:64px}.product-features article{padding:24px}.product-features article+article{border-left:1px solid var(--rule)}.product-features svg,.docs-grid svg{color:#4b6336;margin-bottom:12px}.product-features h2{font-size:23px}.product-features p,.docs-content p,.docs-content dd{color:var(--soft)}.product-features p{margin-bottom:0}.docs-layout{display:grid;grid-template-columns:minmax(180px,235px) minmax(0,850px);gap:clamp(24px,6vw,90px);padding-top:56px}.docs-sidebar nav{position:sticky;top:24px;display:grid;gap:9px}.docs-sidebar a{display:flex;align-items:baseline;gap:9px;font-size:13px}.docs-sidebar a:hover,.docs-jump:hover,.docs-sources a:hover{text-decoration:underline}.docs-sidebar a span{font-variant-numeric:tabular-nums;color:#547332}.docs-intro{padding:0 0 46px}.docs-intro .product-kicker span{display:inline-block;background:#e1ebce;padding:4px 8px;border-radius:3px;margin-left:5px}.docs-jump{display:inline-flex;gap:8px;align-items:center;font-weight:650}.docs-content>section{border-top:1px solid var(--rule);padding:36px 0;scroll-margin-top:18px}.docs-content .product-kicker{color:#4b6336}.docs-content h2{font-size:clamp(30px,4.8vw,52px);letter-spacing:-.05em}.docs-content h3{font-size:23px}.docs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.architecture-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.docs-grid article,.docs-note{border:1px solid var(--rule);padding:20px;border-radius:8px;background:#e9ede2}.docs-grid p,.docs-note p{margin:8px 0 0}.docs-note{border-left:4px solid #6a8b42;margin:20px 0}.docs-note pre{margin-bottom:0;overflow:auto;font-size:13px}.docs-definitions>div{display:grid;grid-template-columns:minmax(130px,1fr) 2.4fr;gap:14px;border-bottom:1px solid var(--rule);padding:12px 0}.docs-definitions dt{font-weight:680}.docs-definitions dd{margin:0}.docs-sources{display:flex;gap:12px 18px;flex-wrap:wrap;font-size:14px}.docs-sources a{text-decoration:underline;text-underline-offset:3px}.docs-steps{padding-left:24px}.docs-steps li{margin-block:12px;padding-left:6px}.product-footer{border-top:1px solid var(--rule);border-bottom:0;color:var(--soft)}.product-missing{padding-block:70px}.product-missing .product-button{margin-top:24px}@media(max-width:820px){.product-hero,.docs-layout{grid-template-columns:1fr}.docs-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.docs-sidebar .product-kicker{grid-column:1 / -1;margin-bottom:0}}@media(max-width:520px){.product-header,.product-footer{padding-inline:16px;gap:8px}.product-header nav{gap:10px}.product-brand{font-size:26px}.product-brand img{width:25px;height:25px;margin-right:5px}.product-header .product-button{padding-inline:9px;font-size:12px}.product-header .product-button svg{display:none}.product-wrap{width:calc(100% - 32px)}.product-features,.docs-grid,.docs-definitions>div{grid-template-columns:1fr}.product-features article+article{border-left:0;border-top:1px solid var(--rule)}.docs-definitions>div{gap:2px}}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Inter Variable,sans-serif;color:#e9ebed;background:#101215;font-synthesis:none;font-size:12px;font-weight:400;--lime:#d5fb76;--muted:#858d98;--line:rgba(226,237,248,.085);--panel:rgba(31,35,41,.66);--radius:14px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;color:inherit;background:none}button:disabled{opacity:.32;cursor:not-allowed}button,a,input,textarea,select{outline:none}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:3px}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:#9ab957!important;box-shadow:0 0 0 2px #d5fb7610}button{transition:background .16s,color .16s,border-color .16s,box-shadow .16s}button:hover:not(:disabled){color:#fff}input[type=range]{accent-color:var(--lime);height:3px;cursor:pointer}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;padding:0;border:0;background:none;cursor:pointer;flex-shrink:0}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:1px solid #ffffff20;border-radius:5px}textarea{resize:vertical}select{cursor:pointer}select option{background:#252a31;color:#e9ebed}a{color:inherit;text-decoration:none}svg{flex-shrink:0}i{font-style:normal}::-webkit-scrollbar{width:5px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#68728345;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#8792a76b}::selection{background:#bde67d55}fieldset{border:0;margin:0;padding:0;min-width:0}fieldset:disabled{opacity:.5}.app-shell{height:100dvh;min-height:690px;min-width:1100px;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 3% 7%,#42504030,transparent 40%),radial-gradient(ellipse at 97% 55%,#29374f45,transparent 45%),linear-gradient(120deg,#16191c,#101216 65%)}.ambient{position:absolute;pointer-events:none;z-index:-1;filter:blur(85px);border-radius:50%;opacity:.4}.ambient-one{width:550px;height:340px;background:#677e55;top:-240px;left:20%}.ambient-two{width:340px;height:600px;background:#45486a;right:-220px;top:30%}.glass-panel{background:linear-gradient(145deg,#3b414969,#191d23ba 70%);backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%);border:1px solid rgba(219,232,250,.095);box-shadow:inset 0 1px #ffffff06,0 8px 26px #00000013;border-radius:var(--radius)}.app-header{height:65px;flex-shrink:0;display:flex;align-items:center;padding:0 22px;gap:20px;border-radius:0;border-width:0 0 1px;z-index:20;background:linear-gradient(100deg,#343c3660,#1c202682 65%);-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px)}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap}.brand img{width:29px;height:29px;border-radius:8px;box-shadow:0 0 25px #c7ef6b12}.brand>span{font-family:Space Grotesk Variable,sans-serif;font-size:27px;font-weight:600;letter-spacing:-1.7px}.brand-dot{color:var(--lime)}.brand small{font-size:8px;letter-spacing:2px;color:#a3aca4;line-height:1.5;width:53px;margin-left:9px;white-space:normal}.header-divider{width:1px;height:24px;background:var(--line)}.project-navigation{display:flex;align-items:center;gap:11px;position:relative;min-width:0}.project-menu-button{display:flex;align-items:center;gap:6px;color:#9ba49e;padding:8px 0;font-size:11px}.project-navigation>svg{color:#646d75}.project-navigation>input{border:0;background:none;color:#dce0e3;font-size:12px;width:172px;text-overflow:ellipsis;padding:6px 3px}.prototype-tag{font-size:7px;font-weight:600;letter-spacing:1px;color:#b1c58f;border:1px solid #b6d98d28;border-radius:4px;padding:4px 5px;white-space:nowrap;background:#b0d87508}.header-right{display:flex;align-items:center;gap:15px;margin-left:auto}.save-status{display:flex;gap:6px;align-items:center;font-size:10px;color:#84928b;white-space:nowrap}.save-status svg{color:#b8d68a}.history-buttons{display:flex;border-left:1px solid var(--line);padding-left:12px;gap:2px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;border:1px solid transparent;border-radius:6px;color:#98a1ad;flex-shrink:0}.icon-button:hover:not(:disabled){background:#ffffff0b;border-color:#ffffff09}.icon-button.active{background:#c6ed7712;color:var(--lime);border-color:#d5fb7615}.export-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 17px;background:linear-gradient(150deg,#dfffa0,#c7ed6b);color:#20291c;border:1px solid #e8ffb070;border-radius:8px;font-size:11px;font-weight:650;box-shadow:inset 0 1px #fff7,0 4px 18px #b3d85b0c;white-space:nowrap}.export-button:hover:not(:disabled),.primary-button:hover:not(:disabled){color:#17200c;background:#e1ffa0;box-shadow:0 0 20px #d5fb7620}.export-button>span{font-size:15px;margin-left:6px;font-weight:400}.menu-dismiss{position:fixed;top:0;right:0;bottom:0;left:0;z-index:29}.project-menu{position:absolute;z-index:30;top:41px;left:0;width:265px;padding:7px;background:linear-gradient(140deg,#343c3bf5,#21262cf7);border:1px solid #ffffff20;box-shadow:0 18px 60px #0008,inset 0 1px #fff1;border-radius:11px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.project-menu button{display:flex;gap:10px;align-items:center;padding:11px;width:100%;border-radius:6px;font-size:11px;text-align:left;color:#c5cbd1}.project-menu button:hover{background:#fff1}.project-menu kbd{margin-left:auto;font-size:9px;color:#87928d}.project-menu hr{border:0;border-top:1px solid var(--line);margin:5px}.workspace{display:grid;grid-template-columns:230px minmax(340px,1fr) 273px;gap:13px;padding:13px 14px 0;flex:1;min-height:280px;overflow:hidden}.library,.inspector{display:flex;flex-direction:column;overflow:hidden;min-height:0}.panel-title{display:flex;align-items:center;justify-content:space-between;height:45px;padding:0 15px;border-bottom:1px solid var(--line);flex-shrink:0;font-size:11px;font-weight:550}.panel-title>span:first-child{display:flex;align-items:center;gap:8px}.tiny-label{font-size:7px;letter-spacing:1.1px;color:#717d89;font-weight:500}.library .panel-title .tiny-label{font-size:6px;letter-spacing:1px}.library-nav{display:flex;padding:11px 9px 8px;gap:3px;border-bottom:1px solid var(--line);flex-shrink:0}.library-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:9px;color:#89949e;padding:9px 0;border:1px solid transparent;border-radius:8px}.library-nav button.active{color:var(--lime);background:linear-gradient(150deg,#c5ec7c12,#b5d96804);border-color:#c9eb7e15;box-shadow:inset 0 1px 0 #fff05}.library-nav button:hover{background:#ffffff06}.library-scroll{overflow-y:auto;padding:0 13px 16px;flex:1}.library-heading{padding:21px 2px 19px}.eyebrow{font-size:6.5px;letter-spacing:2.1px;color:#a6b496;font-weight:600}.library-heading h2{font-family:Space Grotesk Variable,sans-serif;font-weight:400;font-size:26px;line-height:1.08;letter-spacing:-1.1px;margin:10px 0;color:#e9ede6}.library-heading p{font-size:9px;color:#88948b;line-height:1.7;margin:0}.collection-label{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.4px;color:#7c8985;padding:1px 2px 11px}.collection-label span:last-child{letter-spacing:.6px;color:#627068}.preset-card{padding:0;display:block;width:100%;margin-bottom:13px;text-align:left;border:1px solid #dbe3dd15;border-radius:9px;overflow:hidden;background:linear-gradient(135deg,#3a443118,#1b201e70);box-shadow:inset 0 1px 0 #fff04;transition:transform .25s,border-color .2s,box-shadow .2s}.preset-card:hover{transform:translateY(-2px);border-color:#d5fb7650;box-shadow:0 8px 22px #0002,0 0 22px #a5cd5908}.preset-art{height:115px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.preset-number{position:absolute;top:12px;left:12px;font-size:8px;letter-spacing:1px;color:#bdd69b80}.preset-type{font-family:Space Grotesk Variable;font-size:67px;font-weight:500;letter-spacing:-6px;position:relative;z-index:1;line-height:1}.preset-arrow{position:absolute;right:10px;top:10px;color:#bdd69b80}.impact .preset-art{background:radial-gradient(ellipse at 50% 80%,#a8d95718,transparent 70%),linear-gradient(130deg,#2f3e2b60,#1b25236b)}.impact .preset-type{color:#d7fba2;text-shadow:0 0 30px #b7f48219}.impact-echo{position:absolute;left:30%;top:23%;font-family:Space Grotesk Variable;font-size:67px;letter-spacing:-6px;filter:blur(6px);transform:scale(1.4);color:#d5fb7624}.art-lines{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 49.7%,#e1ffb009 50%,transparent 50.3%),linear-gradient(0deg,transparent 49.7%,#e1ffb009 50%,transparent 50.3%);background-size:28px 28px}.preset-card.impact:hover .preset-type{animation:impact-demo .8s ease-out}.preset-meta{padding:11px 12px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d5fb760e;background:#13191a25;font-size:10px;font-weight:500;color:#d2dbcd}.preset-meta small{display:block;margin-top:5px;color:#778477;font-size:8px;font-weight:400}.preset-meta>svg{color:#93ab7a}.reveal .preset-art{background:linear-gradient(140deg,#3242536b,#1d2837a0)}.reveal .preset-type{color:#b8cce3;font-size:46px;letter-spacing:-2px;transform:translateY(-10px)}.reveal .preset-type>span{display:block;position:absolute;top:95%;opacity:.2}.reveal-rule{position:absolute;bottom:25px;left:15px;right:15px;border-top:1px solid #9fb6d84a;z-index:2}.reveal .preset-number,.reveal .preset-arrow{color:#8dabc282}.reveal:hover .preset-type{animation:reveal-demo .7s ease-out}.soft .preset-art{background:radial-gradient(ellipse at 65% 45%,#aea0bf23,transparent 75%),#3029363b}.soft .preset-type{color:#d5c7dc;font-size:59px;letter-spacing:-4px;text-shadow:-16px -9px 14px #dfc9f333}.soft .preset-number,.soft .preset-arrow{color:#b3a2bb80}.soft:hover .preset-type{animation:soft-demo .8s ease-out}.library-hint{font-size:9px;color:#7d898d;line-height:1.8;margin:15px 2px 0}.library-footer{display:flex;align-items:center;gap:11px;padding:14px 15px;border-top:1px solid var(--line);color:#768379;font-size:8px;line-height:1.7;background:linear-gradient(110deg,#bddd7906,transparent);flex-shrink:0}.library-footer strong{font-weight:500;color:#b3bfb0}.library-footer>svg{margin-left:auto;color:#6f7f70}.mini-mark{font-family:Space Grotesk Variable;font-size:30px;font-weight:600;color:#b9d88a;line-height:1}.add-text-button{width:100%;padding:11px;border:1px solid #d5fb7640;border-radius:8px;color:var(--lime);background:#d5fb760b;display:flex;justify-content:center;gap:8px;font-size:11px}.text-style-card{width:100%;text-align:left;border:1px solid var(--line);border-radius:8px;padding:22px 13px;margin-top:12px;font-size:31px;font-weight:650;letter-spacing:-1px;background:#ffffff03}.text-style-card small{display:block;font-size:9px;letter-spacing:0;font-weight:400;color:#79858e;margin-top:9px}.text-style-card.subtitle{font-size:22px;font-weight:450}.text-style-card.caption{font-size:14px;letter-spacing:3px;font-weight:450}.text-style-card:hover{background:#ffffff08}.shape-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.shape-grid button{height:110px;border-radius:9px;border:1px solid var(--line);background:#ffffff03;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;color:#c3d5b2}.shape-grid button span:last-child{font-size:9px;color:#919e94}.rounded-demo{width:45px;height:40px;border:1px solid #c3d5b2;border-radius:10px}.line-demo{width:43px;border-top:1px solid #c3d5b2;margin:20px 0}.upload-zone{border:1px dashed #d5fb7640;border-radius:10px;width:100%;padding:30px 8px;display:flex;flex-direction:column;align-items:center;gap:12px;background:linear-gradient(135deg,#d5fb7609,transparent);color:#bcd492}.upload-zone strong{font-size:11px;font-weight:500;color:#cbd8bf}.upload-zone>span{font-size:9px;color:#8a9786}.upload-zone>small{font-size:7px;color:#6a786c;margin-top:10px}.center-workspace{min-width:0;display:flex;flex-direction:column;min-height:0}.workspace-breadcrumb{display:flex;justify-content:space-between;align-items:center;height:31px;flex-shrink:0;padding:0 3px 9px;font-size:9px;color:#7d8892}.workspace-breadcrumb>span:first-child{display:flex;align-items:center;gap:7px;font-size:7px;letter-spacing:1.8px;color:#a7b99a}.workspace-breadcrumb>span:last-child{display:flex;align-items:center;gap:10px}.workspace-breadcrumb button{display:flex;gap:9px;align-items:center;color:#9da6ae;font-size:9px;padding:0}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#bddd7c;box-shadow:0 0 8px #d5fb7630;flex-shrink:0}.center-editor{min-height:0;flex:1;overflow:hidden;background:linear-gradient(145deg,#242a31a6,#191d23bc)}.stage-panel{height:100%;display:flex;flex-direction:column;min-height:0}.stage-top{display:flex;align-items:center;justify-content:space-between;height:39px;padding:0 13px;border-bottom:1px solid var(--line);flex-shrink:0}.viewer-tabs{height:100%;display:flex}.viewer-tab{height:100%;display:flex;align-items:center;gap:15px;font-size:10px;position:relative}.viewer-tab:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--lime),#d5fb7644);border-radius:3px}.viewer-tab small{color:#8d9b89;font-size:8px}.subtle{font-size:9px;color:#7f8a97;display:flex;align-items:center;gap:9px}.subtle i,.stage-foot i,.timeline-bottom i{display:inline-block;width:2px;height:2px;border-radius:50%;background:#59636d;margin:0 7px}.stage-toolbar{height:40px;display:flex;justify-content:space-between;align-items:center;padding:0 11px;flex-shrink:0;background:#ffffff01}.stage-toolbar>div{display:flex;align-items:center;gap:4px}.stage-toolbar select{background:none;border:0;color:#a7b0bb;font-size:9px;max-width:80px;padding:4px}.separator{height:15px;width:1px;background:var(--line);display:inline-block;margin:0 6px}.canvas-badge{font-size:7px;border:1px solid var(--line);border-radius:4px;padding:4px 6px;color:#7e8b96;margin-right:9px}.stage-host{flex:1;min-height:0;overflow:auto;background-image:radial-gradient(#8ca0b31c .7px,transparent .7px),radial-gradient(ellipse at 50% 20%,#38435420,transparent 80%);background-size:12px 12px,100% 100%;background-color:#10151b45;box-shadow:inset 0 1px 15px #0001}.canvas-surround{display:flex;align-items:center;justify-content:center;position:relative}.video-canvas{flex-shrink:0;position:relative;box-shadow:0 18px 55px #0005,0 2px 8px #0004,0 0 0 1px #ffffff10;background:#191c20}.canvas-overlay{position:absolute;top:0;left:0;transform-origin:top left}.canvas-object{position:absolute;transform-origin:center center;cursor:move;touch-action:none;border:var(--border) solid transparent}.canvas-object:hover:not(.locked){border-color:#d5fb7660}.canvas-object.selected{border-color:var(--lime);outline:none}.canvas-object.locked{pointer-events:none}.object-label{position:absolute;left:0;color:#d5fb76;white-space:nowrap;background:#1b241dc9;padding:3px 5px;border-radius:2px;line-height:1}.handle{position:absolute;width:var(--handle);height:var(--handle);background:#e5ffc1;border:var(--border) solid #667e42;z-index:2;padding:0;border-radius:0;pointer-events:none}.handle.tl{top:calc(var(--handle) / -2);left:calc(var(--handle) / -2)}.handle.tr{top:calc(var(--handle) / -2);right:calc(var(--handle) / -2)}.handle.bl{bottom:calc(var(--handle) / -2);left:calc(var(--handle) / -2)}.handle.br{bottom:calc(var(--handle) / -2);right:calc(var(--handle) / -2);cursor:nwse-resize;pointer-events:auto}.rotation-handle{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;background:#252f22;border-radius:50%;color:var(--lime);cursor:grab;padding:0;z-index:3}.canvas-text-editor{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:#191c20e6;border-radius:0;resize:none;outline:none;box-shadow:0 0 0 1px var(--lime)}.guide{position:absolute;pointer-events:none;border-color:#d5fb7670;border-style:dashed;z-index:100}.guide.vertical{top:0;bottom:0;border-width:0 0 0 1px}.guide.horizontal{left:0;right:0;border-width:1px 0 0}.stage-foot{height:27px;border-top:1px solid var(--line);padding:0 12px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;color:#6c7986;font-size:7px}.stage-foot>span:first-child{display:flex;align-items:center;gap:6px;color:#899587}.stage-foot .live-dot{width:3px;height:3px}.center-note{display:flex;justify-content:space-between;font-size:7px;color:#53616d;padding:10px 3px 12px;flex-shrink:0}.center-note span:first-child{letter-spacing:2px}.center-note span:last-child{font-size:8px;color:#76838e}.inspector-tabs{display:flex;margin:0 14px;border-bottom:1px solid var(--line);height:39px;flex-shrink:0}.inspector-tabs button{flex:1;font-size:10px;color:#7a8794;position:relative}.inspector-tabs button.active{color:#e1e9e9}.inspector-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:10px;right:10px;height:2px;background:#b8c7d7;border-radius:3px}.inspector-tabs i{display:inline-block;background:var(--lime);width:3px;height:3px;border-radius:50%;margin-left:5px;vertical-align:middle}.inspector-scroll{overflow:auto;flex:1;padding:0 15px}.inspector-layer{display:flex;gap:8px;align-items:center;padding:16px 0 14px;border-bottom:1px solid var(--line)}.type-badge{font-size:10px;color:#d9e8bd;background:#d5fb7610;border:1px solid #d5fb7625;border-radius:5px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.inspector-layer>input{background:none;border:0;color:#cbd3db;font-size:10px;width:100%;min-width:0;padding:4px 0}.inspector-layer .tiny-label{font-size:6px}.inspector-section{padding:17px 0;border-bottom:1px solid var(--line)}.inspector-section h4{font-size:10px;font-weight:550;display:flex;align-items:center;justify-content:space-between;margin:0 0 13px;color:#c4ced8}.inspector-section h4>span{font-size:6px;letter-spacing:1.1px;color:#647585;font-weight:400}.inspector-section>textarea,.inspector-section>select{width:100%;border:1px solid #b8cce015;background:#1118204d;color:#cbd3db;border-radius:6px;padding:9px;font-size:10px;margin-bottom:10px;line-height:1.5}.inspector-section>textarea{min-height:75px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-grid+.field-grid{margin-top:10px}.number-field,.select-field{display:flex;flex-direction:column;gap:6px;min-width:0;margin-bottom:10px}.number-field>span,.select-field>span{font-size:8px;color:#7e8c9c}.number-field>div{display:flex;align-items:center;border:1px solid #c4d5ea12;border-radius:6px;background:linear-gradient(140deg,#11182060,#17202c2b);height:32px;overflow:hidden}.number-field input{width:100%;min-width:0;background:none;border:0;color:#bcc9d7;padding:8px 9px;font-size:10px;font-variant-numeric:tabular-nums}.number-field input::-webkit-inner-spin-button{opacity:.2;width:8px}.number-field small{font-size:8px;padding-right:9px;color:#5e7080}.select-field select{height:32px;width:100%;min-width:0;border:1px solid #c4d5ea12;border-radius:6px;background:#1118204d;padding:5px 7px;color:#bcc9d7;font-size:10px}.alignment-row{display:flex;align-items:center;gap:10px;margin-top:3px}.segmented{display:flex;align-items:center;gap:2px;border:1px solid var(--line);background:#10182033;border-radius:6px;padding:2px}.segmented .icon-button{height:26px;width:28px}.segmented .active{background:#afc6e412;color:#d1dfed;border-color:transparent}.color-field{display:flex;align-items:center;gap:7px;font-size:9px;color:#a6b5c3;border:1px solid #c4d5ea12;border-radius:6px;padding:5px 7px;height:32px;min-width:0;flex:1;background:#11182033}.color-field>span{font-size:8px;white-space:nowrap}.color-field.full{width:100%;margin-bottom:10px}.color-field.full>span:first-child{margin-right:auto;color:#7f91a2}.animated-row{position:relative}.animated-row .key-buttons{display:flex;position:absolute;right:-3px;top:-25px;gap:3px}.key-buttons .icon-button{width:20px;height:20px}.key-field{display:flex;gap:2px;align-items:flex-end}.key-field .number-field{flex:1}.key-field .icon-button{margin-bottom:11px;width:19px}.quick-align{display:flex;gap:6px;margin-top:1px}.quick-align button{border:1px solid var(--line);background:#ffffff03;border-radius:4px;color:#8598a6;font-size:7px;flex:1;padding:7px 2px}.quick-align button:hover{background:#ffffff08}.opacity-row{display:flex;align-items:flex-end;gap:8px}.opacity-row .number-field{flex:1}.opacity-row .icon-button{margin-bottom:11px}.duration-summary{display:flex;justify-content:space-between;color:#6e8193;font-size:8px;padding-top:3px}.duration-summary span:last-child{color:#a3b2c0}.range-field{display:block;margin:5px 0 17px}.range-field>span{display:flex;justify-content:space-between;color:#8295a4;font-size:8px}.range-field input{width:100%;margin-top:12px}.range-field small{font-size:8px;color:#b7c9a4}.effect-preview{height:95px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 50% 80%,#d5fb7615,transparent 80%),#17211f70;border:1px solid #d5fb7617;margin:6px 0 15px;overflow:hidden}.effect-preview>span{font-family:Space Grotesk Variable;font-size:42px;letter-spacing:-3px;color:#dcfbb4;line-height:1.3}.effect-preview small{font-size:6px;color:#96b07f;letter-spacing:1.8px}.effect-preview:hover>span{animation:impact-demo .8s ease-out}.field-help{font-size:9px;color:#7c8d9a;line-height:1.8;margin:10px 0}.key-property{border-top:1px solid var(--line);padding:7px 0}.key-property>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#9eb0c0}.key-item{display:flex;gap:5px;align-items:center;margin-bottom:4px;background:#11182025;border-radius:4px;padding:3px}.key-item>button:first-child{font-size:8px;color:#c3daaa;border:1px solid #c3daaa20;border-radius:3px;padding:4px}.key-item>span{font-size:8px;flex:1;color:#9caabb}.key-item select{font-size:7px;width:52px;padding:3px;background:#ffffff05;border:1px solid var(--line);border-radius:3px;color:#9db0bf}.key-item .icon-button{width:18px;height:22px}.inspector-empty{padding:34px 22px;text-align:center;flex:1;overflow:auto}.empty-symbol{width:57px;height:57px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;background:linear-gradient(135deg,#d5fb7614,#d5fb7602);border:1px solid #d5fb7619;border-radius:16px;color:#bed293;box-shadow:inset 0 1px #fff1}.inspector-empty h3{font-size:17px;font-family:Space Grotesk Variable;font-weight:400;line-height:1.3;letter-spacing:-.4px}.inspector-empty p{font-size:10px;color:#83929e;line-height:1.9;margin:15px 0 24px}.composition-summary{display:flex;justify-content:space-between;font-size:8px;color:#6d808d;margin-top:24px}.inspector-footer{height:32px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:7px;font-size:7px;letter-spacing:.5px;color:#6e8390;flex-shrink:0}.inspector-footer .live-dot{width:3px;height:3px;background:#92aca1}.timeline-panel{position:relative;display:flex;flex-direction:column;min-height:190px;flex-shrink:0;margin:12px 14px 0;border:1px solid #d8e5f01a;border-radius:12px 12px 5px 5px;background:linear-gradient(155deg,#343c4270,#1c242ec2);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:inset 0 1px #ffffff08,0 -4px 25px #00000010;overflow:visible}.timeline-resizer{position:absolute;height:8px;top:-7px;left:0;right:0;cursor:ns-resize;z-index:15}.timeline-resizer:after{content:"";display:block;width:33px;height:2px;background:#84939825;margin:2px auto;border-radius:3px}.timeline-resizer:hover:after{background:var(--lime)}.timeline-toolbar{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;flex-shrink:0;border-bottom:1px solid var(--line);position:relative}.timeline-heading{display:flex;align-items:center;gap:9px;color:#9eabb4;min-width:236px}.timeline-heading strong{font-weight:500;font-size:10px;color:#c7d0d5}.count-tag{font-size:7px;color:#7f8f95;background:#a3c0d208;border:1px solid #a3c0d212;border-radius:4px;padding:3px 5px;margin-left:5px}.transport{display:flex;align-items:center;gap:6px;position:absolute;left:50%;transform:translate(-50%)}.play-button{background:linear-gradient(140deg,#d2edaa20,#c2df9610);border:1px solid #d5fb7620;border-radius:7px;color:#d7efa5;width:31px;height:28px}.timecode{margin-left:16px;font-size:11px;color:#d7e3cb;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:.3px;white-space:nowrap}.timecode small{color:#617580;font-size:9px;margin-left:9px;font-weight:400}.timeline-zoom{display:flex;align-items:center;gap:5px}.timeline-zoom input{width:65px;height:2px;accent-color:#94a785}.timeline-zoom .icon-button{width:22px}.timeline-actions{height:32px;padding:0 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);flex-shrink:0}.timeline-actions>div{display:flex;gap:4px;align-items:center}.timeline-actions .icon-button{height:23px;width:27px}.timeline-actions>.subtle{font-size:8px;color:#7f9097}.timeline-scroll{overflow:auto;flex:1;min-height:0;position:relative;border-radius:0 0 4px 4px}.timeline-content{position:relative;padding-bottom:25px;background:#1118211c}.timeline-ruler{display:flex;height:29px;position:sticky;top:0;z-index:7;background:#202933ee;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.layer-label{display:flex;align-items:center;padding:0 9px;background:#252e37ef;position:sticky;left:0;z-index:5;flex-shrink:0;border-right:1px solid #bbd3ed12;gap:7px;height:38px;-webkit-user-select:none;user-select:none;cursor:pointer}.ruler-label{height:29px;justify-content:space-between;background:#27323df5;color:#73899a;font-size:6px;letter-spacing:1px}.ruler-label span:last-child{font-size:5px;letter-spacing:.5px;color:#5d7488}.ruler-track{height:29px;position:relative;cursor:ew-resize;-webkit-user-select:none;user-select:none}.ruler-mark{position:absolute;top:9px;font-size:8px;color:#7f95a6;border-left:1px solid #9bb4ca24;padding-left:6px;height:20px;font-variant-numeric:tabular-nums}.timeline-row{display:flex;height:38px;border-bottom:1px solid #bdd4ee08}.layer-index{font-size:7px;color:#5e778b;font-variant-numeric:tabular-nums}.expand-button{padding:0;display:flex;align-items:center;color:#7890a2;width:11px}.layer-type{color:#a9be8e}.layer-type.rect,.layer-type.ellipse{color:#92b5c5}.layer-type.image{color:#bda3cd}.layer-name{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;color:#9db0bf}.layer-switches{display:flex;gap:0}.layer-switches .icon-button{width:18px;height:24px;color:#657d91}.layer-switches .icon-button:hover{color:#bfd2df}.layer-group.is-selected>.timeline-row>.layer-label{background:linear-gradient(90deg,#3d493a,#2b373b);box-shadow:inset 2px 0 0 var(--lime)}.is-selected .layer-name{color:#d6e3d1}.is-selected .layer-type{color:#d5fb76}.layer-group.is-hidden>.timeline-row{opacity:.4}.layer-label:hover{background:#2e3a44}.track{position:relative;background-image:linear-gradient(90deg,#adc5e80a 1px,transparent 1px);height:38px;flex-shrink:0;cursor:default}.clip{position:absolute;top:7px;height:25px;background:linear-gradient(140deg,#748f5259,#5a743540);border:1px solid #a9cf7240;box-shadow:inset 0 1px #d9f3b80a;border-radius:5px;display:flex;gap:8px;align-items:center;padding:0 12px;color:#b8d49d;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;min-width:3px;overflow:hidden}.clip:active{cursor:grabbing}.clip>span:not(.clip-fx){font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.clip>svg{pointer-events:none;opacity:.7}.clip.rect,.clip.ellipse{background:linear-gradient(140deg,#456d8766,#35536940);border-color:#7fa4bf35;color:#92b8cf}.clip.image{background:linear-gradient(140deg,#775c8b66,#5c446b40);border-color:#ba8ad240;color:#c8abd8}.is-selected .clip{border-color:#d5fb7690;background:linear-gradient(140deg,#849f5766,#718b494f);box-shadow:inset 0 0 0 1px #d5fb7612,0 0 12px #9bb55c08;color:#e1edc7}.clip.locked{cursor:not-allowed}.clip-fx{font-style:italic;margin-left:auto;color:#c6e9a1;font-size:11px}.trim-handle{position:absolute;top:0;bottom:0;width:7px;cursor:ew-resize;z-index:3;padding:0;background:#d5fb7605}.trim-handle.left{left:0;border-right:1px solid #d5fb7615}.trim-handle.right{right:0;border-left:1px solid #d5fb7615}.trim-handle:hover{background:#d5fb7680}.key-row{display:flex;height:25px;border-bottom:1px solid #adc6e907}.key-label{height:25px;font-size:8px;padding-left:42px;color:#728da2;gap:8px;background:#1e2b35ef}.key-label>span{margin-left:auto;color:#536e83;font-size:7px}.key-track{height:25px;background-color:#111b251f}.key-marker{width:8px;height:8px;position:absolute;top:9px;transform:translate(-50%) rotate(45deg);background:#c6df96;border:1px solid #e4f7bb;border-radius:1px;z-index:3;padding:0;cursor:ew-resize;box-shadow:0 0 6px #d5fb7620}.playhead{position:absolute;top:23px;bottom:0;width:1px;background:#d5fb76;z-index:8;pointer-events:none;box-shadow:0 0 6px #d5fb7620}.playhead>span{position:absolute;top:0;left:-4px;width:9px;height:10px;background:#d5fb76;clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%)}.timeline-bottom{height:23px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;border-top:1px solid var(--line);font-size:7px;color:#587187;flex-shrink:0}.timeline-bottom>span{display:flex;align-items:center;gap:4px}.empty-timeline{padding:35px 0 35px 270px;color:#71899a;font-size:11px}.app-status{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;flex-shrink:0;font-size:7px;color:#526674}.app-status>span{display:flex;align-items:center;gap:8px}.app-status .live-dot{width:3px;height:3px;background:#87b090}.status-divider{color:#384c5b;margin:0 3px}.app-status small{font-size:6px;color:#7c8d8f}.app-status button{display:flex;align-items:center;gap:6px;font-size:7px;color:#63798c}.app-status>span:nth-child(2){font-size:6px;letter-spacing:1px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#050b12a3;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);padding:30px}.modal{width:500px;max-height:90dvh;overflow:auto;border-radius:20px;padding:24px;background:radial-gradient(ellipse at 10% 0,#8ba76522,transparent 55%),linear-gradient(145deg,#343f42ec,#1d2835f5);border:1px solid #dceef129;box-shadow:0 35px 100px #0008,inset 0 1px #ffffff15;-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px)}.modal.wide{width:650px}.modal>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.modal h2{font-family:Space Grotesk Variable;font-weight:450;font-size:25px;letter-spacing:-1px;margin:0;color:#eef3e7}.modal-description{font-size:11px;color:#9aaca9;margin:8px 0 22px}.format-options{display:flex;gap:12px;margin-bottom:22px}.format-options button{flex:1;padding:20px 7px 16px;border:1px solid #b4cfe11a;border-radius:11px;background:#14202d28;display:flex;align-items:center;flex-direction:column;gap:10px;color:#8da0ac}.format-options button.active{color:#d5fb76;border-color:#d5fb7660;background:linear-gradient(145deg,#d5fb7611,#d5fb7605);box-shadow:inset 0 1px #e4ffb011,0 0 20px #bada6005}.format-options strong{font-size:11px;font-weight:500}.format-options span{font-size:9px;color:#768c92}.modal .number-field>span,.modal .select-field>span{font-size:10px}.modal .number-field>div,.modal .select-field select{height:39px}.modal .number-field input{font-size:12px}.modal .color-field{height:40px;margin-top:4px}.modal .color-field span{font-size:10px}.modal-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:23px;padding-top:20px;border-top:1px solid var(--line)}.secondary-button{display:inline-flex;justify-content:center;align-items:center;gap:7px;border:1px solid #c6daed20;background:linear-gradient(150deg,#ffffff08,#ffffff02);border-radius:7px;padding:10px 13px;color:#a7bac5;font-size:10px}.secondary-button:hover{background:#ffffff0d;border-color:#c6daed40}.full{width:100%}.inline-note{padding:10px;background:#d1bc7010;border:1px solid #d1bc7030;border-radius:7px;color:#b9b088;font-size:9px;line-height:1.7;display:flex;gap:9px;margin-top:10px;align-items:flex-start}.inline-note>svg{margin-top:2px}.help-intro{font-size:11px;color:#9eafba;line-height:1.8;margin:15px 0 20px}.shortcut-list>div{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:10px 0;border-bottom:1px solid var(--line);font-size:10px;color:#b0bdc5}.shortcut-list kbd{font-family:inherit;font-size:9px;color:#ccdca9;white-space:nowrap}.export-summary{display:flex;gap:17px;align-items:center;padding:21px 0}.export-film{width:68px;height:78px;background:linear-gradient(135deg,#d5fb761a,#d5fb7605);border:1px solid #d5fb7625;border-radius:10px;color:#d0e7a7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.export-film span{font-size:7px;letter-spacing:2px}.export-summary>div:last-child{display:flex;flex-direction:column;gap:9px;min-width:0}.export-summary strong{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis}.export-summary span{font-size:10px;color:#9cafba}.export-summary small{font-size:9px;color:#748e98}.render-state{margin:12px 0 18px;border:1px solid #c4d6e41b;border-radius:10px;background:#111c2b3f;padding:15px}.render-state>div{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#c0d5a2}.render-state progress{width:100%;height:5px;margin:17px 0 10px;accent-color:var(--lime);border-radius:6px;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.render-state progress::-webkit-progress-bar{background:#b5cad215}.render-state progress::-webkit-progress-value{background:linear-gradient(90deg,#9fbf69,#d5fb76)}.render-state small{font-size:9px;color:#8fa2ad}.export-error{font-size:10px;color:#ddaaa0;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.text-button{display:block;font-size:10px;color:#a3b98a;padding:13px 0 0;margin:0 auto}.toast{position:fixed;bottom:45px;left:50%;transform:translate(-50%);z-index:150;display:flex;align-items:center;gap:11px;font-size:11px;color:#d0dbd3;max-width:80vw;padding:13px 15px;border:1px solid #c5e49a30;border-radius:10px;background:linear-gradient(140deg,#3c4b3de8,#25313aed);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 12px 35px #0005;animation:toast-in .2s ease-out}.toast button{display:flex;color:#93a29a;padding:3px;margin-left:10px}.toast-dot{width:5px;height:5px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px #d5fb7640}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#172019f5;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);display:flex;align-items:center;justify-content:center;gap:17px;color:#aebd9c}.loading-screen img{width:40px;border-radius:12px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes impact-demo{0%{transform:scale(2.4);filter:blur(12px);opacity:0}60%{transform:scale(.97);filter:blur(0);opacity:1}to{transform:scale(1)}}@keyframes reveal-demo{0%{transform:translateY(60px);opacity:0}to{transform:translateY(-10px);opacity:1}}@keyframes soft-demo{0%{transform:translateY(25px);filter:blur(8px);opacity:0}to{transform:translateY(0);filter:blur(0);opacity:1}}@keyframes toast-in{0%{opacity:0;margin-bottom:-8px}to{opacity:1;margin-bottom:0}}@media(min-width:1700px){:root{font-size:13px}.workspace{grid-template-columns:258px minmax(400px,1fr) 294px;gap:17px;padding:17px 18px 0}.library-heading h2{font-size:31px}.library-heading p{font-size:10px}.preset-art{height:142px}.preset-meta{padding:14px}.timeline-panel{margin:15px 18px 0}.preset-type{font-size:80px}.panel-title{height:49px}.stage-top{height:44px}.stage-toolbar{height:43px}.app-header{height:71px}.library-heading{padding-top:25px;padding-bottom:24px}}@media(max-width:1250px){.app-header{padding:0 15px;gap:12px}.brand small,.prototype-tag,.save-status{display:none}.workspace{grid-template-columns:203px minmax(320px,1fr) 250px;gap:10px;padding:10px 10px 0}.library .panel-title .tiny-label{display:none}.library-heading h2{font-size:24px}.header-right{gap:8px}.stage-foot>span:nth-child(2){display:none}.inspector-scroll{padding:0 12px}.timeline-panel{margin:10px 10px 0}.transport{left:53%}.stage-top>.subtle{font-size:8px}.project-navigation>input{width:165px}}.canvas-object .handle{pointer-events:auto;cursor:nwse-resize}.canvas-object .handle.tr,.canvas-object .handle.bl{cursor:nesw-resize}.library{background:radial-gradient(ellipse at 0 0,#c6ed8610,transparent 65%),linear-gradient(145deg,#424c4750,#1b242bae);border-top-color:#e1f4df26;border-left-color:#e1f4df1c}.inspector{background:radial-gradient(ellipse at 100% 0,#9bb7e80b,transparent 65%),linear-gradient(145deg,#38414c60,#1b2532aa);border-top-color:#dbeaff28}.center-editor{border-top-color:#dbeaff24}.app-header{box-shadow:inset 0 1px #ffffff07,0 5px 30px #0000000d}.inspector .number-field>span,.inspector .select-field>span{font-size:9px}.inspector .number-field input{font-size:11px}.inspector .field-help{color:#8b9ba6}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important}}:root{--radius:3px}body{overflow:clip}.app-shell{min-height:520px;min-width:960px;overflow:clip;background:radial-gradient(ellipse at 0 0,#35423525,transparent 50%),#171a1e}.glass-panel{border-radius:3px;box-shadow:inset 0 1px #ffffff05;background-color:#20242aaa}.app-header{height:42px;padding:0 12px;gap:14px;border-radius:0;background:linear-gradient(110deg,#30393270,#20252ce0)}.brand img{width:22px;height:22px;border-radius:4px}.brand>span{font-size:22px;letter-spacing:-1.3px}.brand small,.prototype-tag{display:none}.header-divider{height:20px}.header-right{gap:10px}.history-buttons{padding-left:8px}.export-button{height:28px;padding:5px 12px;border-radius:3px}.project-menu{top:31px;border-radius:4px}.icon-button{height:24px;width:25px;border-radius:3px}.workspace{padding:4px 4px 0;gap:0;min-height:180px;overflow:visible;position:relative;z-index:10}.center-workspace{min-width:0;min-height:0;overflow:hidden}.center-editor{height:100%;border-radius:3px}.library-slot{position:relative;min-height:0;min-width:0;z-index:20}.library-slot .library{position:absolute;inset:0 auto auto 0;width:100%;height:100%;z-index:40;transition:width .24s cubic-bezier(.2,.7,.2,1),height .24s cubic-bezier(.2,.7,.2,1),box-shadow .24s,border-color .24s;transition-delay:.08s;background:linear-gradient(135deg,#38433cba,#202830e8);transform:translateZ(0)}.library-slot:hover{z-index:40}.library-slot:hover .library{width:min(660px,calc(100vw - 20px));height:min(calc(100% + 180px),calc(100dvh - 54px));border-color:#c2d3be45;box-shadow:0 20px 70px #0009,0 0 0 1px #b0c39813,inset 0 1px #ffffff14;background:linear-gradient(130deg,#3b493de8,#202a36ef);-webkit-backdrop-filter:blur(36px) saturate(130%);backdrop-filter:blur(36px) saturate(130%)}.panel-title{height:25px;padding:0 9px;font-size:10px}.panel-title .tiny-label{font-size:6px;letter-spacing:.8px}.library-nav{padding:4px;gap:2px;height:43px;align-items:stretch}.library-nav button{padding:3px 0;gap:4px;border-radius:3px;font-size:8px}.library-nav button svg{width:14px;height:14px}.library-scroll{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));grid-auto-rows:max-content;gap:10px;align-content:start;padding:10px;min-height:0}.library-heading{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0;min-height:20px}.library-heading h2{font:500 11px/1.4 Inter Variable,sans-serif;letter-spacing:0;margin:0;color:#c7d2c4}.library-heading>span{font-size:8px;color:#849b84}.collection-label{grid-column:1/-1;padding:0 0 2px;font-size:6px;letter-spacing:1.1px}.preset-card{margin:0;border-radius:3px}.preset-art{height:102px}.preset-meta{padding:9px 10px;font-size:10px}.preset-meta small{font-size:8px}.preset-type{font-size:61px}.preset-card:hover{transform:none}.preset-arrow{top:9px;right:9px}.add-text-button{grid-column:1/-1;border-radius:3px;height:32px;padding:6px}.text-style-card{margin:0;border-radius:3px;padding:18px 10px;min-height:93px}.shape-grid{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px}.shape-grid button{border-radius:3px;height:95px}.upload-zone{grid-column:1/-1;border-radius:3px;min-height:170px;padding:24px 8px}.panel-splitter{position:relative;z-index:70;touch-action:none;outline:none;flex-shrink:0;background:#11171d70;display:flex;align-items:center;justify-content:center;transition:background .15s}.panel-splitter.vertical{width:5px;cursor:col-resize}.panel-splitter.horizontal{height:5px;cursor:row-resize;margin:0 4px}.panel-splitter span{border-radius:1px;background:#71817755;transition:background .15s,box-shadow .15s}.panel-splitter.vertical span{width:1px;height:25px}.panel-splitter.horizontal span{height:1px;width:32px}.panel-splitter:hover,.panel-splitter:focus-visible{background:#d5fb7614}.panel-splitter:hover span,.panel-splitter:focus-visible span{background:#d5fb76;box-shadow:0 0 6px #d5fb7640}.panel-splitter:focus-visible{outline:1px solid #d5fb7670;outline-offset:-1px}.workspace:has(.library-slot:hover)>.panel-splitter,.workspace:has(.library-slot:hover)+.panel-splitter{background:transparent}.workspace:has(.library-slot:hover)>.panel-splitter span,.workspace:has(.library-slot:hover)+.panel-splitter span{opacity:0}.stage-top{height:25px;padding:0 9px}.viewer-tab{font-size:10px;gap:9px}.viewer-tab small{font-size:7px}.viewer-tab:after{height:1px}.composition-settings{display:flex;align-items:center;gap:9px;color:#9ba9b7;font-size:9px;padding:2px 0}.composition-settings>span{color:#6e8194;font-size:8px}.composition-settings:hover{color:#d5fb76!important}.stage-toolbar{height:29px;padding:0 7px}.stage-toolbar .icon-button{height:22px;width:23px}.canvas-badge{padding:3px 5px;border-radius:2px;font-size:6px}.stage-host{background-size:14px 14px,100% 100%;background-color:#11171d80}.inspector-tabs{height:28px;margin:0 9px}.inspector-tabs button{font-size:10px}.inspector-scroll{padding:0 10px}.inspector-layer{padding:9px 0;gap:6px}.type-badge{height:21px;width:21px;border-radius:3px}.inspector-section{padding:12px 0}.inspector-section h4{margin:0 0 10px}.inspector-section>textarea,.inspector-section>select,.number-field>div,.select-field select,.color-field,.segmented{border-radius:3px}.inspector-section>textarea{min-height:55px}.number-field>div,.select-field select{height:28px}.number-field,.select-field{gap:5px;margin-bottom:8px}.field-grid{gap:8px}.inspector .number-field input{padding:6px 8px;font-size:10px}.number-field>span,.select-field>span{font-size:9px}.effect-preview{height:65px;border-radius:3px;margin:5px 0 12px}.effect-preview>span{font-size:32px}.quick-align button{border-radius:2px}.key-field .icon-button,.opacity-row .icon-button{margin-bottom:9px}.key-item,.key-item select{border-radius:2px}.inspector-empty{padding:24px 15px}.inspector-empty h3{font:500 12px/1.5 Inter Variable,sans-serif;letter-spacing:0}.inspector-empty p{font-size:10px;margin:10px 0 18px}.empty-symbol{height:40px;width:40px;border-radius:4px;margin-bottom:14px}.secondary-button,.primary-button{border-radius:3px}.inspector .secondary-button{padding:7px 10px}.timeline-panel{margin:0 4px 4px;border-radius:3px;min-height:140px;z-index:1;background:linear-gradient(150deg,#2e373ee0,#202a34e8)}.timeline-toolbar{height:29px;padding:0 9px}.timeline-heading{gap:7px}.timeline-heading strong{font-size:10px}.timeline-heading>svg{width:12px;height:12px}.count-tag{font-size:6px;padding:2px 4px;border-radius:2px}.transport{left:50%;gap:4px}.transport .icon-button{height:22px;width:23px}.play-button{height:22px;border-radius:3px}.timecode{font-size:10px;margin-left:12px}.timecode small{font-size:8px}.timeline-actions{height:25px;padding:0 9px}.timeline-actions .icon-button{height:20px;width:23px}.timeline-ruler,.ruler-label,.ruler-track{height:23px}.ruler-mark{top:5px;font-size:8px;height:18px}.timeline-content{padding-bottom:10px}.timeline-row,.layer-label,.track{height:28px}.layer-label{gap:6px;padding:0 7px}.layer-name{font-size:9px}.layer-index{font-size:6px}.clip{top:4px;height:20px;border-radius:2px;gap:6px;padding:0 10px}.clip>span:not(.clip-fx){font-size:8px}.clip>svg{height:10px;width:10px}.layer-switches .icon-button{height:22px;width:17px}.key-row,.key-label,.key-track{height:23px}.key-label{padding-left:39px}.key-marker{top:8px}.playhead{top:18px}.timeline-zoom .icon-button{height:20px}.timeline-zoom input{width:60px}.modal{border-radius:6px}.modal h2{font-size:20px}.modal .format-options button{border-radius:3px}.toast{border-radius:4px;bottom:16px}.effect-state-title{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:9px 0 8px;margin-top:3px;font-size:9px;color:#c7d4c1}.effect-state-title button{display:flex;align-items:center;gap:5px;color:#b7d990;font-size:8px;padding:3px;border:1px solid #d5fb7615;border-radius:2px;font-variant-numeric:tabular-nums}.effect-controls-bottom{display:flex;align-items:center;justify-content:space-between;color:#7f91a0;font-size:8px;gap:5px}.effect-controls .range-field{margin:6px 0 14px}.effect-endpoint{position:absolute;top:12px;width:5px;height:5px;padding:0;background:#edffbe;box-shadow:0 0 0 1px #27391d,0 0 6px #c5f48450;transform:rotate(45deg);border-radius:0;z-index:4;cursor:pointer}.effect-endpoint:hover{background:#fff}.ruler-label{height:23px}@media(prefers-reduced-motion:reduce){.library-slot .library{transition:none}}.audio-level-control{display:flex;align-items:flex-end;gap:7px;border:0;padding:0;margin:0 0 10px;min-width:0;width:100%}.audio-level-control .number-field{flex:1;margin:0;min-width:0}.audio-key-buttons{display:flex;gap:0;align-items:center;padding-bottom:2px;flex-shrink:0}.audio-key-buttons .icon-button{width:20px;height:24px;padding:0}.audio-level-control.compact{align-items:center;gap:5px;margin:0}.audio-level-control.compact .number-field{flex-direction:row;align-items:center;gap:5px}.audio-level-control.compact .number-field>span{font-size:8px;white-space:nowrap}.audio-level-control.compact .number-field>div{width:64px;height:23px;flex-shrink:0}.audio-level-control.compact .number-field input{padding:3px 4px;font-size:9px}.audio-level-control.compact .number-field small{font-size:8px;padding-right:4px}.audio-level-control.compact .audio-key-buttons{padding:0}.audio-level-control.compact .icon-button{height:21px;width:18px}.audio-key-row,.audio-key-row .audio-key-label,.audio-key-row .audio-key-track{height:36px}.audio-key-row .audio-key-label{padding:0 7px 0 10px}.audio-envelope{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;color:#c7dc91;opacity:.7}.audio-key-marker.active{background:#efffc0;box-shadow:0 0 0 2px #d5fb7633}.audio-key-marker:disabled{cursor:default}.timeline-property-heading{position:sticky;left:0;width:236px;padding:5px 12px;color:#aab3a9;background:#22272c;font-weight:650}.timeline-layer-options{position:sticky;left:0;width:236px;padding:4px 9px;background:#252b30}.timeline-layer-options summary{cursor:pointer;padding:4px;color:#cfd7c9}.timeline-layer-options .inspector-scroll{max-height:none;overflow:visible}.timeline-layer-options .property-panel{min-height:0}.key-label .number-field{display:flex;align-items:center;justify-content:space-between;gap:6px;flex:1;min-width:0}.key-label .number-field>div{width:88px}.clip.audio .audio-waveform{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.45}.clip.audio>span,.clip.audio>svg{position:relative;text-shadow:0 1px 3px #111}.canvas-object.canvas-null{border:1px dashed #d5fb76;background:#d5fb761c}.timeline-content .timeline-row,.timeline-content .timeline-row>.layer-label,.timeline-content .timeline-row>.track{height:23px;min-height:23px}.timeline-content .timeline-row .clip{top:2px;height:18px}.timeline-content .layer-label{gap:4px;padding-inline:4px}.timeline-content .layer-switches{display:flex;gap:0;margin:0}.timeline-content .layer-switches .icon-button,.layer-switch-space{width:17px;height:19px}.timeline-content .layer-name{flex:1;min-width:0}.timeline-content .layer-index{font-size:9px}.layer-parent{width:105px;flex:none;display:flex;align-items:center;gap:4px;padding-left:4px;border-left:1px solid #ffffff16}.layer-parent span{display:flex;cursor:grab}.layer-parent select{width:84px;min-width:0;height:17px;padding:0 2px;font-size:9px;color:#bdc5cb;background:#161c21;border:1px solid #ffffff19}.timeline-column-title{padding-left:52px}.timeline-content .ruler-label{justify-content:space-between;padding-right:59px}.timeline-property-heading,.timeline-layer-options{width:340px;padding:2px 8px 2px 22px;font-size:10px}.timeline-layer-options summary{padding:1px 0}.timeline-content .key-label{padding-left:24px;font-size:10px}.timeline-content .key-label .icon-button{width:17px;height:17px}.timeline-content .key-label .number-field,.timeline-layer-options .number-field{display:flex;flex-direction:row;align-items:center;justify-content:space-between;min-width:0;gap:5px;margin:0;font-size:10px}.timeline-content .key-label .number-field>div,.timeline-layer-options .number-field>div{width:84px;height:18px;flex:none}.timeline-content .key-label .number-field input,.timeline-layer-options .number-field input{height:18px;padding:0 4px;font-size:10px}.timeline-layer-options .field-grid{display:block}.timeline-layer-options .effect-controls{gap:1px;margin:0}.timeline-layer-options .effect-state-title,.timeline-layer-options .effect-controls-bottom{margin:2px 0;padding:0;font-size:10px}.timeline-color{display:flex;justify-content:space-between;align-items:center}.library-slot:hover .library{height:100%}.library-slot:hover .library.is-dragging{width:100%;transition:none}.tools-bar{display:flex;align-items:center;gap:3px;height:32px;flex-shrink:0;padding:0 9px;border-bottom:1px solid #c4d5df19;background:linear-gradient(100deg,#36403666,#222931b3);box-shadow:inset 0 1px #ffffff04;z-index:12}.tools-bar .icon-button{width:28px;height:25px}.tools-bar .icon-button.active{background:#d5fb7615;border-color:#d5fb7638;color:#d5fb76}.tools-bar .separator{height:17px;width:1px;background:var(--line);margin:0 8px}.tool-context{font-size:9px;color:#8b9b9c}.tools-bar select{border:1px solid var(--line);background:#171f26;color:#bbc9c9;font-size:10px;border-radius:2px;padding:3px 8px}.media-panel{display:flex;flex-direction:column;overflow:hidden}.media-panel .panel-title{flex-shrink:0;height:27px;letter-spacing:.1px;font-size:11px}.media-preview{display:flex;align-items:center;gap:11px;min-height:78px;padding:12px;border-bottom:1px solid var(--line);color:#9bb792;flex-shrink:0}.media-preview>img{width:62px;height:44px;object-fit:contain;background:#11191e80;border:1px solid var(--line)}.media-preview>svg{width:42px;flex-shrink:0}.media-preview>div{display:flex;flex-direction:column;gap:6px;min-width:0}.media-preview strong{font-size:10px;color:#ccd9c9;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-preview span{font-size:9px;color:#98aaa5}.media-preview small{display:flex;align-items:center;gap:4px;color:#7d9386;font-size:8px}.panel-search{display:flex;align-items:center;gap:6px;padding:5px 8px;margin:7px 8px;background:#111a204d;border:1px solid #c3d1df14;border-radius:3px;color:#778c91;flex-shrink:0}.panel-search input{min-width:0;flex:1;width:100%;background:none;border:0;color:#c9d5d3;font-size:10px;padding:0;outline:none}.panel-search input::placeholder{color:#718382}.media-location{display:flex;align-items:center;gap:5px;min-height:25px;padding:0 9px;border-block:1px solid var(--line);font-size:9px;color:#a4b4ad;flex-shrink:0}.media-location .icon-button{height:20px;width:18px}.media-location small{margin-left:auto;font-size:8px;color:#6d8480}.media-columns{display:grid;grid-template-columns:1fr 45px;padding:5px 9px 5px 32px;font-size:8px;color:#6f8586;border-bottom:1px solid #c5d5e30b;flex-shrink:0}.media-columns>span:last-child{text-align:right}.media-list{flex:1;min-height:0;overflow:auto;padding:3px 0}.media-row{display:flex;align-items:center;gap:7px;height:27px;padding:0 9px;font-size:10px;color:#aebeb8;cursor:default;outline:none;border-block:1px solid transparent;-webkit-user-select:none;user-select:none}.media-row>svg{flex-shrink:0;color:#9bafbe}.media-row.folder-row>svg{color:#b9b689}.media-row.current-comp>svg{color:#c5e597}.media-row>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.media-row>small{font-size:8px;color:#758b88;width:45px;text-align:right}.media-row:hover{background:#ffffff06}.media-row[aria-selected=true],.media-row:focus-visible{background:#b6dba518;border-color:#b8dca51a;color:#e3edda}.media-actions{height:29px;border-top:1px solid var(--line);display:flex;align-items:center;gap:3px;padding:0 6px;flex-shrink:0;background:#1a242880}.media-actions .icon-button{height:23px;width:26px}.media-actions>span{font-size:8px;color:#748d88;margin-left:auto;padding-right:3px}.media-folder-form{display:flex;align-items:center;gap:6px;padding:7px 9px;color:#b6c990}.media-folder-form input{flex:1;min-width:0;width:100%;font-size:10px;padding:4px;border:1px solid #b9d99555;background:#1b2629;color:#d8e9ce;border-radius:2px}.media-folder-form button{padding:3px;display:flex}.media-import-empty{margin:16px 8px 5px;width:calc(100% - 16px);padding:16px 5px;display:flex;flex-direction:column;align-items:center;gap:9px;border:1px dashed #b4cab522;border-radius:3px;color:#8da998;background:#bacfa305}.media-import-empty:hover{background:#b6d9990a}.media-import-empty>span{font-size:10px}.media-import-empty>small{font-size:8px;color:#6e8880}.right-panel-stack{display:block;overflow:auto;min-height:0;background:linear-gradient(140deg,#39434b8a,#1d2832c4)}.right-panel-section{border-bottom:1px solid var(--line)}.right-panel-title{width:100%;height:28px;padding:0 9px;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:500;color:#b6c4c8;text-align:left;background:linear-gradient(90deg,#ffffff04,#ffffff01);border-top:1px solid #ffffff03}.right-panel-title:hover{color:#ecf1df;background:#ffffff07}.right-panel-title>svg{color:#7a909b;transition:transform .16s}.right-panel-title>svg.open{transform:rotate(90deg)}.right-panel-title>i{margin-left:auto;width:4px;height:4px;border-radius:50%;background:#d5fb76}.right-panel-body{overflow:auto;max-height:390px;background:#14202a2b}.right-panel-body.properties{max-height:min(440px,48vh)}.right-panel-body.effects{max-height:420px}.right-panel-body.presets{max-height:440px}.property-panel .inspector-scroll{overflow:visible}.property-panel .inspector-section{padding:10px 0}.property-panel .inspector-layer{padding:8px 0}.property-panel .inspector-empty{padding:17px 10px}.property-panel .inspector-empty p{margin:6px 0 12px}.property-panel .composition-summary{margin-top:14px}.check-field{display:flex;align-items:center;gap:7px;font-size:10px;color:#a7b9bf;margin:9px 0 12px}.check-field input{accent-color:#bada8c;margin:0}.audio-panel,.alignment-panel{padding:10px}.audio-panel p,.alignment-panel p{margin:0 0 10px;color:#8c9fab;font-size:9px;line-height:1.7}.audio-layer-name{display:flex;align-items:center;gap:6px;font-size:10px;color:#c1d9ce;margin:0 0 12px;overflow-wrap:anywhere}.audio-select{display:flex;align-items:center;gap:7px;color:#abc5b5;font-size:10px;text-align:left;width:100%;padding:6px 0}.alignment-buttons{display:flex;justify-content:space-between;gap:3px}.alignment-buttons .icon-button{background:#ffffff03;border:1px solid var(--line);width:31px;height:27px}.presets-panel{padding:8px}.presets-panel .panel-search{margin:0 0 9px}.presets-panel .preset-card{width:100%;margin-bottom:8px}.presets-panel .preset-art{height:83px}.presets-panel .preset-meta{padding:7px 9px}.presets-panel .preset-type{font-size:50px}.presets-panel .preset-art small{font-size:6px}.presets-panel .field-help{margin:7px 0 3px}.composition-name-field{display:flex;flex-direction:column;gap:7px;margin:17px 0 20px;font-size:10px;color:#9bafaf}.composition-name-field input{font-size:12px;padding:9px 10px;color:#dce7d5;background:#111e2840;border:1px solid #c6d8dc24;border-radius:3px;outline:none}.composition-name-field input:focus{border-color:#d5fb7660}.stage-host{position:relative}.tool-hand,.tool-hand .canvas-object{cursor:grab}.tool-hand:active{cursor:grabbing}.tool-zoom,.tool-zoom .canvas-object{cursor:zoom-in}.tool-rect,.tool-rect .canvas-object,.tool-pen,.tool-pen .canvas-object{cursor:crosshair}.tool-text,.tool-text .canvas-object{cursor:text}.tool-rotate .canvas-object{cursor:crosshair}.pen-draft{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.pen-actions{position:absolute;top:8px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;background:#202e30eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #cad7b834;border-radius:3px;padding:5px;z-index:6;box-shadow:0 4px 15px #0004;white-space:nowrap}.pen-actions>span{font-size:8px;color:#8caaa0;padding:0 5px}.pen-actions button{font-size:9px;color:#c6dda9;border:1px solid var(--line);border-radius:2px;padding:4px 6px;background:#ffffff04}.pen-actions button:disabled{opacity:.3}.clip.audio{background:linear-gradient(140deg,#487f7770,#30665c45);border-color:#6cbaa65c;color:#a7d8ca}.layer-type.audio{color:#91cbbb}.clip.path{background:linear-gradient(140deg,#7d668e70,#5d426f40);border-color:#ab8ec647;color:#cdb0e0}.layer-type.path{color:#b6a2d1}@media(prefers-reduced-motion:reduce){.right-panel-title>svg{transition:none}}.right-panel-stack{display:flex;flex-direction:column;overflow:hidden}.right-panel-section{display:flex;flex-direction:column;flex:0 0 28px;min-height:28px;overflow:hidden}.right-panel-section:has(>.right-panel-title[aria-expanded=true]){flex:1 1 0}.right-panel-title{flex-shrink:0}.right-panel-body,.right-panel-body.properties,.right-panel-body.effects,.right-panel-body.presets{min-height:0;max-height:none;flex:1;overflow:auto}