/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::-webkit-file-upload-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::-webkit-file-upload-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:-webkit-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:-webkit-any([multiple],[size])) optgroup option{padding-inline-start:20px}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::-webkit-file-upload-button{margin-inline-end:4px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-year-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-month-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-day-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-hour-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-minute-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-second-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-millisecond-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-meridiem-field{padding-block-start:0;padding-block-end:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button{-webkit-appearance:button;appearance:button}input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.start:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--spacing)}.start:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--spacing)}.start:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing)}.start:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing)}.end:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spacing)}.end:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spacing)}.end:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing)}.end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--bg:#111114;--panel:#19191e;--panel-2:#202027;--line:#2b2b33;--text:#f4f3f8;--muted:#92909d;--violet:#9580ff;--cyan:#60daf3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0}body{font-family:var(--font-geist-sans), "Noto Sans JP", sans-serif;overflow:hidden}button,input{font:inherit}button{color:inherit}.studio-shell{background:radial-gradient(circle at 48% 45%,#1b1924 0,#111114 44%);flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#141418eb;grid-template-columns:300px 1fr 1fr;align-items:center;height:66px;padding:0 18px;display:grid;position:relative}.brand,.top-actions{align-items:center;gap:8px;display:flex}.brand-mark{place-items:center;width:33px;height:33px;display:grid;position:relative}.brand-mark i{background:linear-gradient(var(--cyan),var(--violet));transform-origin:50% 17px;border-radius:99px;width:6px;position:absolute}.brand-mark i:first-child{height:24px;transform:rotate(-43deg)translateY(-4px)}.brand-mark i:nth-child(2){height:31px;transform:translateY(-2px)}.brand-mark i:nth-child(3){height:24px;transform:rotate(43deg)translateY(-4px)}.brand-name{letter-spacing:-.5px;font-size:19px;font-weight:750}.brand-name span{color:#b9b7c2;font-weight:400}.version{letter-spacing:1px;color:#aea2ff;border:1px solid #5a4e92;border-radius:4px;margin-left:4px;padding:3px 5px;font-size:8px}.top-actions{justify-content:center}.right-actions{justify-content:flex-end}.button,.icon-button,.tiny-button{border:1px solid var(--line);cursor:pointer;background:#222229;border-radius:8px;height:36px;padding:0 13px;font-size:12px;font-weight:600;transition:all .18s}.button:hover,.icon-button:hover{border-color:#575363;transform:translateY(-1px)}.button-soft span{margin-right:4px;font-size:18px}.icon-button{width:36px;padding:0;font-size:18px}.icon-button.is-muted{opacity:.42}.button-play{background:#29282f;margin-left:5px}.play-icon{color:var(--cyan);margin-right:5px;font-size:10px}.separator{background:var(--line);width:1px;height:20px;margin:0 4px}.privacy{color:#797783;margin-right:9px;font-size:10px}.privacy i{background:#56d39a;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block;box-shadow:0 0 8px #56d39a}.workspace{flex:1;grid-template-columns:232px minmax(420px,1fr) 288px;min-height:0;display:grid}.panel{scrollbar-width:thin;scrollbar-color:#393842 transparent;background:#19191eeb;overflow:auto}.left-panel{border-right:1px solid var(--line);padding:20px 15px}.right-panel{border-left:1px solid var(--line)}.panel-heading{justify-content:space-between;align-items:flex-end;margin:0 3px 14px;display:flex}.eyebrow{letter-spacing:2px;color:#777481;font-size:8px}.panel-heading h2{margin:4px 0 0;font-size:14px}.tiny-button{color:#a59bda;width:27px;height:27px;padding:0}.motion-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.motion-card{cursor:pointer;text-align:left;background:#202027;border:1px solid #2d2c34;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:flex-start;height:72px;padding:9px;display:flex;position:relative}.motion-card.active{background:linear-gradient(145deg,#302b48,#242635);border-color:#7f70d7;box-shadow:inset 0 0 0 1px #8879db22}.motion-icon{color:#a394ff;height:19px;font-size:17px}.motion-card b{font-size:11px;display:block}.motion-card small{color:#777581;margin-top:2px;font-size:8px;display:block}.motion-card em{background:var(--violet);color:#18171b;border-radius:50%;place-items:center;width:15px;height:15px;font-size:9px;font-style:normal;display:grid;position:absolute;top:7px;right:7px}.panel-subheading{color:#aaa8b2;justify-content:space-between;margin:24px 3px 10px;font-size:10px;font-weight:700;display:flex}.count{color:#777581;background:#2d2c34;border-radius:9px;padding:1px 6px;font-size:9px}.sample-card{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;grid-template-columns:34px 1fr 12px;align-items:center;width:100%;padding:7px 6px;display:grid}.sample-card b{font-size:10px;display:block}.sample-card small{color:#76747f;font-size:8px}.sample-orb{border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.canvas-area{background:#101014;grid-template-rows:46px minmax(300px,1fr) 64px;min-width:0;display:grid}.canvas-tools{background:#18181d;border-bottom:1px solid #24242b;justify-content:center;align-items:center;gap:4px;padding:6px;display:flex}.tool{color:#85838e;cursor:pointer;background:0 0;border:0;border-radius:7px;height:31px;padding:0 9px;font-size:10px}.tool span{margin-right:4px}.tool.active{color:#d4cdfc;background:#2b2936}.tool-divider{background:#303039;width:1px;height:19px;margin:0 5px}.brush-size{color:#777580;align-items:center;gap:7px;font-size:9px;display:flex}.brush-size input{width:65px;accent-color:var(--violet)}.brush-size b{font-variant-numeric:tabular-nums;color:#b0aeb7;font-size:9px;font-weight:500}.stage{background-color:#111116;background-image:linear-gradient(45deg,#18181d 25%,#0000 25%),linear-gradient(-45deg,#18181d 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#18181d 75%),linear-gradient(-45deg,#0000 75%,#18181d 75%);background-position:0 0,0 11px,11px -11px,-11px 0;background-size:22px 22px;place-items:center;display:grid;position:relative;overflow:hidden}.stage:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 48%,#29223844,#0000 42%);position:absolute;top:0;bottom:0;left:0;right:0}.ambient{filter:blur(.2px);border:1px solid #8770cf1f;border-radius:50%;position:absolute}.ambient.a1{width:470px;height:470px}.ambient.a2{border-style:dashed;width:350px;height:350px}.upload-card{z-index:2;text-align:center;padding:28px;position:relative}.upload-visual{place-items:center;height:105px;display:grid;position:relative}.picture-icon{background:linear-gradient(145deg,#2d2a3e,#1e202b);border:1px solid #635b86;border-radius:14px;width:66px;height:56px;position:relative;overflow:hidden;box-shadow:0 15px 40px #0007}.picture-icon:before,.picture-icon:after{content:"";background:#6b5ea0;border-radius:6px;width:50px;height:46px;position:absolute;bottom:-10px;transform:rotate(45deg)}.picture-icon:before{left:-23px}.picture-icon:after{background:#3d737e;right:-30px}.picture-icon span{z-index:2;color:#81ddeb;font-size:10px;position:absolute;top:11px;left:13px}.motion-ring{border:1px solid #8d7ae866;border-radius:50%;width:84px;height:84px;position:absolute}.r1{border-left-color:#0000;transform:rotate(25deg)}.r2{border-color:#62d6e738 #62d6e738 #0000;width:98px;height:98px;transform:rotate(-20deg)}.upload-kicker{letter-spacing:2.4px;color:#8b80c2;font-size:8px;font-weight:700}.upload-card h1{letter-spacing:-1.2px;margin:8px 0;font-size:26px;font-weight:650}.upload-card h1 em{color:#0000;background:linear-gradient(90deg,#b3a2ff,#66d9ef);-webkit-background-clip:text;background-clip:text;font-style:normal}.upload-card p{color:#8c8996;margin:0 0 17px;font-size:11px;line-height:1.8}.upload-button{color:#eeeafc;cursor:pointer;background:linear-gradient(145deg,#372f56,#292b3d);border:1px solid #8172cd;border-radius:9px;height:40px;padding:0 20px;font-size:11px;font-weight:650;box-shadow:0 9px 30px #0004}.upload-button:hover{filter:brightness(1.16);transform:translateY(-1px)}.upload-button span{color:#b8adff;margin-right:7px;font-size:17px}.upload-card>small{color:#65636e;margin-top:10px;font-size:8px;display:block}.zoom-control{z-index:3;background:#1d1d23;border:1px solid #31313a;border-radius:7px;align-items:center;padding:3px;display:flex;position:absolute;bottom:12px;right:12px}.zoom-control button{color:#8a8892;cursor:pointer;background:0 0;border:0;width:25px;height:23px}.zoom-control span{color:#8a8892;border-left:1px solid #303039;border-right:1px solid #303039;padding:0 5px;font-size:8px}.timeline{border-top:1px solid var(--line);background:#18181d;align-items:center;gap:13px;padding:9px 16px;display:flex}.timeline-play{color:#aa9cff;background:#292633;border:1px solid #4d485e;border-radius:50%;width:30px;height:30px;font-size:9px}.time-current{font-variant-numeric:tabular-nums;font-size:13px;font-weight:650}.time-current span{color:#65636e}.track-wrap{flex:1}.track-labels{color:#5f5d67;justify-content:space-between;margin-bottom:6px;font-size:7px;display:flex}.track{background:#2a2931;border-radius:8px;height:4px;position:relative}.track:before{content:"";background:linear-gradient(90deg,var(--violet),var(--cyan));border-radius:8px;width:0;height:100%;display:block}.track i{background:#aea0ff;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);box-shadow:0 0 8px #917eff}.duration{color:#85828d;background:#24232a;border-radius:6px;padding:6px 8px;font-size:9px}.inspector-head{border-bottom:1px solid var(--line);grid-template-columns:40px 1fr 34px;align-items:center;height:74px;padding:13px 15px;display:grid}.selected-symbol{color:#ab9cff;background:#302b49;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.inspector-head span{color:#77747f;font-size:8px}.inspector-head h2{margin:3px 0;font-size:13px}.switch input{display:none}.switch i{background:#5e4ba0;border-radius:10px;width:31px;height:17px;display:block;position:relative}.switch i:after{content:"";background:#b5a9f5;border-radius:50%;width:13px;height:13px;position:absolute;top:2px;right:2px}.section-title{color:#aaa7b0;justify-content:space-between;align-items:center;padding:15px 15px 8px;font-size:9px;font-weight:700;display:flex}.natural-button{color:#ab9cfa;background:#292539;border:1px solid #4b426d;border-radius:6px;padding:5px 7px;font-size:8px}.control{padding:7px 15px}.control-label{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.control-label label{color:#aaa8b1;font-size:9px}.control-label span{color:#706e79;background:#222228;border:1px solid #34333c;border-radius:5px;padding:4px 6px;font-size:8px}.control-label b{color:#d5d2da;font-variant-numeric:tabular-nums;font-size:9px}.control input{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#8e7ae8 var(--value),#35343d var(--value));border-radius:3px;width:100%;height:3px;display:block}.control input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#beb2fa;border:2px solid #433b68;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 2px #9580ff22}.control-pair{grid-template-columns:1fr 1fr;display:grid}.control-pair .control:first-child{padding-right:8px}.control-pair .control:nth-child(2){padding-left:8px}.layers-title{border-top:1px solid var(--line);margin-top:8px;padding-top:13px}.more-button{color:#77747f;background:0 0;border:0}.layers{padding:0 10px}.layer{cursor:pointer;border-radius:6px;grid-template-columns:15px 20px 1fr auto 22px;align-items:center;height:35px;padding:0 5px;display:grid}.layer:hover{background:#222128}.drag-dot{color:#4f4d57;font-size:11px}.layer input{display:none}.layer i{border:1px solid #44424d;border-radius:4px;width:14px;height:14px}.layer input:checked+i{background:#8875dc;border-color:#8875dc;position:relative}.layer input:checked+i:after{content:"✓";color:#fff;font-size:8px;position:absolute;top:1px;left:3px}.layer b{font-size:9px;font-weight:550}.layer em{color:#a193eb;background:#312b47;border-radius:4px;padding:2px 4px;font-size:7px;font-style:normal}.eye{color:#5c5963;text-align:right;font-size:8px}.add-layer{color:#85818f;background:0 0;border:1px dashed #3d3b47;border-radius:7px;width:calc(100% - 30px);height:30px;margin:6px 15px;font-size:9px}.tip{background:linear-gradient(145deg,#252231,#1f2028);border:1px solid #363244;border-radius:8px;gap:8px;margin:14px 15px;padding:10px;display:flex}.tip>span{color:#a595f4}.tip p{color:#777482;margin:0;font-size:8px;line-height:1.6}.tip b{color:#aaa5ba;font-size:9px}.hidden-file{display:none}@media (max-width:960px){body{overflow:auto}.topbar{grid-template-columns:300px 1fr}.right-actions .privacy,.button-ghost{display:none}.workspace{grid-template-columns:180px minmax(400px,1fr)}.right-panel{z-index:8;width:280px;transition:all .25s;position:fixed;top:66px;bottom:0;right:0;transform:translate(calc(100% - 12px));box-shadow:-10px 0 30px #0006}.right-panel:hover,.right-panel:focus-within{transform:translate(0)}.motion-grid{grid-template-columns:1fr}}@media (max-width:680px){.topbar{height:58px;padding:0 10px}.brand{min-width:0}.version,.top-actions .separator,.icon-button{display:none}.topbar{grid-template-columns:1fr auto}.right-actions,.button-play{display:none}.workspace{flex-direction:column;padding-bottom:65px;display:flex}.left-panel{z-index:7;border:0;border-top:1px solid var(--line);order:2;height:64px;padding:7px;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.panel-heading,.panel-subheading,.sample-card{display:none}.motion-grid{gap:6px;display:flex}.motion-card{justify-content:center;align-items:center;width:65px;min-width:65px;height:48px;padding:5px}.motion-card small{display:none}.motion-card span:last-of-type{text-align:center}.motion-icon{height:14px;font-size:12px}.motion-card b{font-size:8px}.canvas-area{grid-template-rows:43px 1fr 58px;height:calc(100vh - 58px)}.canvas-tools{justify-content:flex-start;overflow-x:auto}.brush-size{display:none}.stage{min-height:330px}.ambient.a1{width:330px;height:330px}.ambient.a2{width:260px;height:260px}.upload-card h1{font-size:22px}.right-panel{top:58px}.privacy{display:none}}.workspace{grid-template-columns:244px minmax(420px,1fr) 300px}.motion-total{letter-spacing:.7px;color:#9f92ed;background:#2e2941;border:1px solid #493f6c;border-radius:5px;padding:4px 6px;font-size:8px}.sample-list{padding-bottom:8px}.button:disabled,.icon-button:disabled{opacity:.35;cursor:not-allowed;transform:none}.button-play.active{background:#302b48;border-color:#6658a0}.project-actions{border:1px solid var(--line);border-radius:7px;display:flex;overflow:hidden}.project-actions button{color:#85838e;cursor:pointer;background:#1d1d22;border:0;height:28px;padding:0 7px;font-size:8px}.project-actions button+button{border-left:1px solid var(--line)}.canvas-tools{gap:2px}.tool{white-space:nowrap;padding:0 7px;font-size:9px}.tool:disabled{opacity:.35;cursor:not-allowed}.tool-divider{margin:0 3px}.brush-size{gap:5px}.brush-size input{width:58px}.brush-size b{min-width:18px}.stage{isolation:isolate}.canvas-frame{--image-aspect:1;z-index:2;width:min(calc(100% - 72px),calc((100vh - 236px) * var(--image-aspect)));touch-action:none;background:#08080b;max-width:calc(100% - 72px);max-height:calc(100% - 58px);position:relative;overflow:hidden;box-shadow:0 24px 70px #000b,0 0 0 1px #4a4658}.canvas-frame.is-playing{cursor:default}.canvas-frame.tool-motion,.canvas-frame.tool-fixed,.canvas-frame.tool-erase,.canvas-frame.tool-bust{cursor:crosshair}.canvas-frame.tool-pin{cursor:cell}.canvas-frame.tool-direction{cursor:crosshair}.yura-canvas{display:block;position:absolute;top:0;bottom:0;left:0;right:0;width:100%!important;height:100%!important}.canvas-loading{z-index:4;color:#9a95a6;background:#111118cc;justify-content:center;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.canvas-loading i{border:2px solid #494454;border-top-color:#a393ff;border-radius:50%;width:14px;height:14px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.canvas-legend{z-index:4;color:#888691;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#19191fdd;border:1px solid #34323c;border-radius:6px;gap:9px;padding:6px 8px;font-size:7px;display:flex;position:absolute;bottom:12px;left:14px}.canvas-legend span{align-items:center;gap:4px;display:flex}.canvas-legend i{border-radius:50%;width:6px;height:6px}.canvas-legend .red{background:#f06d78}.canvas-legend .blue{background:#54bde8}.canvas-legend .pink{background:#e477bd}.tool-help{z-index:4;color:#aaa4ba;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1b1a22dc;border:1px solid #3a3746;border-radius:99px;padding:6px 10px;font-size:8px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.timeline-play{cursor:pointer}.track:before{width:var(--progress,0%)}.track i{left:var(--progress,0%)}.mobile-settings{display:none}.inspector-head{position:relative}.drawer-close{display:none}.switch input:not(:checked)+i:after{background:#777581;right:16px}.natural-button,.add-layer{cursor:pointer}.natural-button:hover{background:#322c47;border-color:#806ec3}.control-label span{align-items:center;gap:3px;padding:2px 5px;display:flex}.control-label span input{color:#dedbe5;text-align:right;-webkit-appearance:textfield;appearance:textfield;background:0 0;border:0;width:38px;height:16px;font-size:9px}.control-label span input::-webkit-inner-spin-button{display:none}.control-label span b{color:#777580;font-size:8px}.control.compact{min-width:0}.select-control{justify-content:space-between;align-items:center;padding:8px 15px 10px;display:flex}.select-control label{color:#aaa8b1;font-size:9px}.select-control select{color:#c7c4cc;background:#222228;border:1px solid #373640;border-radius:6px;max-width:155px;height:28px;padding:0 7px;font-size:8px}.parameter-note{color:#827e8d;background:#24212d;border:1px solid #3b3547;border-radius:7px;margin:10px 15px 5px;padding:9px;font-size:8px;line-height:1.6}.parameter-note span{color:#eb7c84;margin-right:4px}.parameter-note.pink-note span{color:#e88ac5}.layer{grid-template-columns:18px 20px 1fr auto 18px}.layer.selected{background:#24212e}.layer-count{color:#9589cc;background:#2c2937;border-radius:8px;padding:1px 6px}.empty-layers{text-align:center;color:#65626e;padding:14px;font-size:8px}.tip{margin-bottom:24px}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08080cb8;place-items:center;padding:18px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.export-dialog{text-align:center;background:linear-gradient(145deg,#23212c,#18191f);border:1px solid #444052;border-radius:16px;width:min(420px,100%);padding:28px;position:relative;box-shadow:0 30px 100px #000d}.modal-close{color:#8d8996;cursor:pointer;background:#2e2c35;border:0;border-radius:7px;width:28px;height:28px;position:absolute;top:12px;right:12px}.export-mark{color:#b3a4ff;background:linear-gradient(145deg,#393052,#26303b);border:1px solid #6d5db3;border-radius:14px;place-items:center;width:52px;height:52px;margin:0 auto 13px;font-size:20px;display:grid}.export-dialog h2{margin:6px 0;font-size:19px}.export-dialog>p{color:#817e8a;max-width:300px;margin:0 auto 20px;font-size:9px;line-height:1.7}.export-section{text-align:left;margin:13px 0}.export-section>label{color:#aaa6b2;margin-bottom:7px;font-size:9px;display:block}.choice-grid{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.duration-grid{grid-template-columns:repeat(4,1fr)}.choice-grid button{color:#8c8994;cursor:pointer;background:#202027;border:1px solid #373541;border-radius:7px;height:34px;font-size:10px}.export-summary{border-top:1px solid #33313b;border-bottom:1px solid #33313b;justify-content:space-between;margin:18px 0 12px;padding:12px;display:flex}.export-summary span{color:#6f6c77;font-size:7px}.export-summary b{color:#aaa6b2;margin-top:3px;font-size:9px;display:block}.export-primary{color:#16151a;cursor:pointer;background:linear-gradient(135deg,#a994ff,#62d8ee);border:0;border-radius:9px;width:100%;height:40px;font-size:11px;font-weight:750}.export-primary:disabled{filter:saturate(.4);cursor:wait}.export-dialog>small{color:#625f6b;margin-top:10px;font-size:7px;display:block}.export-progress{align-items:center;gap:8px;margin:12px 0;display:flex}.export-progress>div{background:#373540;border-radius:3px;flex:1;height:4px;overflow:hidden}.export-progress i{background:linear-gradient(90deg,var(--violet),var(--cyan));height:100%;transition:width 80ms;display:block}.export-progress span{color:#aaa6b2;font-size:8px}.toast{z-index:40;color:#d6d2df;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#24222ddd;border:1px solid #4b4659;border-radius:9px;align-items:center;gap:8px;padding:10px 14px;font-size:10px;animation:.25s toast-in;display:flex;position:fixed;bottom:82px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #0008}.toast span{color:#d7ffea;background:#4e916e;border-radius:50%;place-items:center;width:17px;height:17px;font-size:9px;display:grid}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.format-grid{grid-template-columns:repeat(3,1fr)}.format-grid button,.size-grid button{place-content:center;gap:3px;height:48px;display:grid}.format-grid button b,.size-grid button b{font-size:11px}.format-grid button small,.size-grid button small{color:#706d78;font-size:7px;font-weight:500}.size-grid{grid-template-columns:repeat(3,1fr)}.size-grid.size-count-2{grid-template-columns:repeat(2,1fr)}.export-dialog{max-height:calc(100vh - 36px);overflow-y:auto}.control-pair.single-aware>.control:only-child{grid-column:1/-1}.tool.target-crop.active{color:#a8eff8;background:#203942;box-shadow:inset 0 0 0 1px #4aa5b3}.canvas-frame.tool-crop{cursor:grab}.canvas-frame.tool-crop:active{cursor:grabbing}@media (max-width:1180px){.workspace{grid-template-columns:210px minmax(390px,1fr) 280px}.topbar{grid-template-columns:245px 1fr 1fr}.privacy{display:none}.motion-card{height:65px}.canvas-tools .tool{padding:0 9px;font-size:0}.canvas-tools .tool span{margin:0;font-size:12px}.project-actions{display:none}}@media (max-width:960px){body{overflow:hidden}.topbar{grid-template-columns:245px 1fr}.workspace{grid-template-columns:190px minmax(390px,1fr)}.right-panel{width:300px;transform:translate(100%)}.right-panel:hover,.right-panel:focus-within{transform:translate(100%)}.right-panel.open{transform:translate(0)}.drawer-close{color:#777481;background:0 0;border:0;font-size:16px;display:block;position:absolute;top:7px;right:8px}.inspector-head{grid-template-columns:40px 1fr 48px}.mobile-settings{color:#b0a5de;background:#292531;border:1px solid #484252;border-radius:6px;padding:6px 8px;font-size:8px;display:block}.motion-grid{grid-template-columns:1fr}.canvas-frame{width:min(calc(100% - 60px),calc((100vh - 236px) * var(--image-aspect)))}}@media (max-width:680px){.workspace{padding-bottom:65px;display:flex}.left-panel{display:block}.motion-total,.sample-list{display:none}.motion-grid{display:flex}.canvas-area{width:100%;height:calc(100vh - 58px)}.right-panel{width:min(330px,92vw);top:58px}.canvas-frame{width:min(calc(100% - 28px),calc((100vh - 220px) * var(--image-aspect)));max-width:calc(100% - 28px);max-height:calc(100% - 44px)}.canvas-legend{display:none}.tool-help{top:8px}.zoom-control{display:none}.timeline{gap:8px;padding:8px}.duration{display:none}.time-current{font-size:10px}.mobile-settings{padding:6px}.toast{bottom:75px}.canvas-tools{scrollbar-width:none}.canvas-tools .tool{min-width:36px}.export-dialog{padding:24px 18px}.upload-card{padding:16px}.upload-visual{height:90px}}.canvas-frame.tool-hair,.canvas-frame.tool-cloth,.canvas-frame.tool-bust,.canvas-frame.tool-body,.canvas-frame.tool-fixed,.canvas-frame.tool-erase{cursor:crosshair}.tool.target-hair.active,.tool.for-hair.active{color:#ff9ba4;background:#442b35;box-shadow:inset 0 0 0 1px #b45663}.tool.target-cloth.active,.tool.for-cloth.active{color:#ffc783;background:#453625;box-shadow:inset 0 0 0 1px #a8773b}.tool.target-bust.active,.tool.for-bust.active{color:#f4a0d5;background:#442a3e;box-shadow:inset 0 0 0 1px #9e5685}.tool.target-body.active,.tool.for-body.active{color:#8ee0ae;background:#263c31;box-shadow:inset 0 0 0 1px #4c9668}.canvas-legend .hair{background:#f06d78}.canvas-legend .cloth{background:#f0ae63}.canvas-legend .body{background:#65c98d}.target-editor{background:linear-gradient(145deg,#25232c,#1f2027);border:1px solid #3c3946;border-radius:9px;margin:12px 12px 3px;padding:10px}.target-editor-head{grid-template-columns:12px 1fr auto;align-items:center;gap:8px;display:grid}.target-swatch{background:#f06d78;border-radius:5px;width:9px;height:28px;box-shadow:0 0 10px #f06d7855}.target-editor-cloth .target-swatch{background:#f0ae63;box-shadow:0 0 10px #f0ae6355}.target-editor-bust .target-swatch{background:#e477bd;box-shadow:0 0 10px #e477bd55}.target-editor-body .target-swatch{background:#65c98d;box-shadow:0 0 10px #65c98d55}.target-editor-head small{color:#706d79;margin-bottom:2px;font-size:7px;display:block}.target-editor-head b{color:#c9c5d0;font-size:9px;display:block}.target-status{color:#d37b86;background:#34252b;border:1px solid #654450;border-radius:5px;padding:3px 5px;font-size:7px}.target-editor-cloth .target-status{color:#d9a968;background:#342e24;border-color:#675339}.target-editor-bust .target-status{color:#da85bc;background:#34252f;border-color:#69445f}.target-editor-body .target-status{color:#79c897;background:#23332a;border-color:#42634e}.target-status.ready{color:#79cf9a;background:#23352b;border-color:#41654f}.target-editor-actions{gap:5px;margin-top:9px;display:flex}.target-editor-actions button{color:#a29eaa;cursor:pointer;background:#292730;border:1px solid #3e3b47;border-radius:6px;height:27px;padding:0 7px;font-size:7px}.target-editor-actions button:first-child{color:#d2cdda;flex:1}.target-editor-actions button.ready{color:#8ed2aa;border-color:#42634e}.target-editor-actions .target-clear{color:#8b747a;padding:0 6px}.parameter-note.body-note span{color:#70d297}.video-frame-guide{z-index:3;pointer-events:none;border:1px dashed #93e9f5cc;position:absolute;box-shadow:0 0 0 100vmax #05060a48,0 0 18px #5fdff044}.video-frame-guide>span{color:#a8eff8;letter-spacing:.04em;white-space:nowrap;background:#18313bd9;border-radius:4px;padding:3px 6px;font-size:7px;position:absolute;top:4px;left:4px}.video-frame-guide .corner{color:#b7f4fc;width:10px;height:10px;position:absolute}.video-frame-guide .tl{border-top:2px solid;border-left:2px solid;top:-2px;left:-2px}.video-frame-guide .tr{border-top:2px solid;border-right:2px solid;top:-2px;right:-2px}.video-frame-guide .bl{border-bottom:2px solid;border-left:2px solid;bottom:-2px;left:-2px}.video-frame-guide .br{border-bottom:2px solid;border-right:2px solid;bottom:-2px;right:-2px}.crop-panel{overflow-y:auto}.crop-head{grid-template-columns:40px 1fr 28px}.crop-close{display:block;position:static}.crop-preview-note{color:#9ebac0;background:#1d2b30;border:1px solid #35515a;border-radius:8px;margin:12px;padding:10px;font-size:8px;line-height:1.6}.crop-preview-note i{border:1px dashed #8ee8f4;width:7px;height:7px;margin-right:6px;display:inline-block}.crop-panel .section-title>b{color:#a6eaf2;font-size:9px}.crop-choice-grid{grid-template-columns:repeat(5,1fr);gap:5px;padding:0 12px;display:grid}.crop-choice-grid button{color:#87838f;cursor:pointer;background:#222229;border:1px solid #393743;border-radius:6px;height:34px;font-size:9px}.crop-choice-grid button.active{color:#b7f2f8;background:#203a41;border-color:#58b9c7}.crop-help{color:#6e6b75;margin:8px 12px 15px;font-size:7px;line-height:1.6}.crop-aspect-grid{grid-template-columns:1fr 1fr;gap:7px;padding:0 12px;display:grid}.crop-aspect-grid button{color:#8c8994;text-align:left;cursor:pointer;background:#222229;border:1px solid #393743;border-radius:8px;align-items:center;gap:8px;min-height:58px;padding:8px;display:flex}.crop-aspect-grid button>i{border:1px solid #4a4652;border-radius:6px;place-items:center;width:30px;height:30px;font-size:17px;font-style:normal;display:grid}.crop-aspect-grid button b,.crop-aspect-grid button small{display:block}.crop-aspect-grid button b{font-size:9px}.crop-aspect-grid button small{color:#686571;margin-top:3px;font-size:7px}.crop-aspect-grid button.active{color:#b8f0f6;background:#20383f;border-color:#58b9c7}.crop-aspect-grid button.active>i{border-color:#67c7d3}.crop-position-card{background:#202027;border:1px solid #373540;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:3px 8px;margin:14px 12px 10px;padding:10px;display:grid}.crop-position-card span{color:#74717c;font-size:7px}.crop-position-card b{color:#b9b5c0;font-size:9px}.crop-position-card button{color:#9d99a5;cursor:pointer;background:#292730;border:1px solid #3e3b47;border-radius:6px;grid-column:1/-1;height:28px;margin-top:5px;font-size:8px}.crop-position-card button:disabled{opacity:.35}.crop-done,.crop-reset{cursor:pointer;border-radius:8px;width:calc(100% - 24px);height:36px;margin:0 12px;display:block}.crop-done{color:#17161b;background:linear-gradient(135deg,#a994ff,#62d8ee);border:0;font-size:9px;font-weight:750}.crop-reset{color:#6f6b76;background:0 0;border:0;height:28px;margin-top:7px;font-size:7px}.video-range-entry{color:#b9dce1;text-align:left;cursor:pointer;background:linear-gradient(145deg,#21323a,#20242a);border:1px solid #38515a;border-radius:9px;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;width:calc(100% - 24px);margin:12px;padding:10px;display:grid}.video-range-icon{color:#a5edf5;background:#1c2b31;border:1px solid #4d8b95;border-radius:7px;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.video-range-entry small,.video-range-entry b,.video-range-entry em{display:block}.video-range-entry small{color:#718d93;font-size:7px}.video-range-entry b{margin-top:2px;font-size:9px}.video-range-entry em{color:#88a6ac;margin-top:3px;font-size:7px;font-style:normal}.video-range-entry strong{color:#91dce5;white-space:nowrap;font-size:8px;font-weight:600}.canvas-frame{transform-origin:50%;transition:transform .16s}.canvas-status{z-index:4;pointer-events:auto;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;bottom:12px;right:12px}.resolution-info{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1d1d23e8;border:1px solid #31313a;border-radius:7px;align-items:center;gap:7px;padding:6px 8px;display:flex}.resolution-info span{color:#777580;font-size:7px}.resolution-info b{color:#aaa7b1;margin-top:2px;font-size:8px;display:block}.resolution-info i{background:#34333c;width:1px;height:20px}.canvas-status .zoom-control{position:static}.zoom-control button:disabled{opacity:.28;cursor:default}.zoom-control .fit-button{width:auto;min-width:36px;padding:0 7px;font-size:7px}.zoom-control span{text-align:center;min-width:42px}@media (max-width:680px){.canvas-status{bottom:7px;right:7px}.resolution-info{padding:5px 6px}.resolution-info span{font-size:6px}.resolution-info b{font-size:7px}}.motion-beta,.beta-badge,.layer-beta{color:#b9aaff;letter-spacing:.02em;background:#312b48;border:1px solid #63569c;border-radius:4px;font-style:normal;font-weight:700;display:inline-block}.motion-beta{vertical-align:1px;margin-left:4px;padding:1px 3px;font-size:6px}.beta-badge{vertical-align:2px;margin-left:6px;padding:2px 4px;font-size:6px}.layer-beta{vertical-align:1px;margin-left:4px;padding:1px 3px;font-size:5px}.parameter-note.beta-note span,.parameter-note.beta-note b{color:#b9a7ff}.canvas-frame.tool-eyes,.canvas-frame.tool-mouth,.canvas-frame.tool-brows{cursor:crosshair}.tool.target-eyes.active,.tool.for-eyes.active{color:#9cecf7;background:#203b43;box-shadow:inset 0 0 0 1px #4b9eaa}.tool.target-mouth.active,.tool.for-mouth.active{color:#ffa8b3;background:#482d33;box-shadow:inset 0 0 0 1px #ad5b67}.tool.target-brows.active,.tool.for-brows.active{color:#c8b2ff;background:#382f4a;box-shadow:inset 0 0 0 1px #7963ad}.canvas-legend .eyes{background:#70d8f2}.canvas-legend .mouth{background:#ff8b9b}.canvas-legend .brows{background:#b69cff}.target-editor-eyes .target-swatch{background:#70d8f2;box-shadow:0 0 10px #70d8f255}.target-editor-mouth .target-swatch{background:#ff8b9b;box-shadow:0 0 10px #ff8b9b55}.target-editor-brows .target-swatch{background:#b69cff;box-shadow:0 0 10px #b69cff55}.target-editor-eyes .target-status{color:#7ed8e5;background:#21343a;border-color:#3e6871}.target-editor-mouth .target-status{color:#ee929e;background:#38272b;border-color:#70464d}.target-editor-brows .target-status{color:#b7a2e8;background:#2e293b;border-color:#5c4c7a}.mobile-export,.mobile-preset-select{display:none}@media (max-width:680px){.studio-shell{height:100dvh;min-height:0;overflow:hidden}.workspace{flex:1;min-height:0;padding-bottom:0}.canvas-area{height:calc(100dvh - 58px - 66px - env(safe-area-inset-bottom));grid-template-rows:43px minmax(0,1fr) 58px;min-height:0}.stage{min-height:0}.left-panel{height:calc(66px + env(safe-area-inset-bottom));padding:7px 7px max(7px,env(safe-area-inset-bottom));overscroll-behavior-x:contain}.mobile-preset-select{color:#c5b9ff;text-align:center;cursor:pointer;background:linear-gradient(145deg,#352e4f,#262836);border:1px solid #5c4f8d;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;min-width:82px;height:50px;display:flex;position:relative}.mobile-preset-select>span{height:14px;font-size:13px;line-height:1}.mobile-preset-select b{font-size:8px;line-height:1.3}.mobile-preset-select small{color:#847aa8;font-size:6px}.mobile-preset-select select{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.right-panel{bottom:calc(66px + env(safe-area-inset-bottom))}.canvas-frame{width:min(calc(100% - 56px),calc((100dvh - 285px) * var(--image-aspect)));max-width:calc(100% - 56px);max-height:calc(100% - 60px)}.canvas-tools{padding-inline-start:8px;padding-inline-end:8px}.canvas-tools .tool{min-width:40px;height:34px}.canvas-tools .brush-size{min-width:132px;padding-right:8px;display:flex}.canvas-tools .brush-size input{width:72px}.timeline{gap:6px;padding:7px 8px}.timeline-play{flex:0 0 38px;width:38px;height:38px}.time-current,.track-labels{display:none}.track-wrap{min-width:28px}.mobile-settings,.mobile-export{white-space:nowrap;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;height:38px;font-size:9px;font-weight:700;display:flex}.mobile-settings{color:#c1b7e9;background:#2b2738;border:1px solid #51496b;min-width:48px;padding:0 9px}.mobile-export{color:#17161b;background:linear-gradient(135deg,#aa95ff,#62d8ee);border:0;min-width:86px;padding:0 11px;box-shadow:0 5px 18px #6f73bd33}.mobile-export span{margin-right:5px;font-size:13px}.mobile-export:disabled{opacity:.5}.toast{bottom:calc(74px + env(safe-area-inset-bottom))}}:root{--ui-bg:#eef2f6;--ui-surface:#fff;--ui-surface-soft:#f7f9fc;--ui-text:#182230;--ui-muted:#647184;--ui-border:#d6dde7;--ui-accent:#2563eb;--ui-accent-hover:#1d4ed8;--ui-danger:#c83832;--ui-success:#16815f;--ui-shadow:0 8px 28px #20304617;--bg:var(--ui-bg);--panel:var(--ui-surface);--panel-2:var(--ui-surface-soft);--line:var(--ui-border);--text:var(--ui-text);--muted:var(--ui-muted);--violet:var(--ui-accent);--cyan:#0ea5e9;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{color:var(--ui-text);background:var(--ui-bg)}body{min-width:320px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}button:focus-visible{outline-offset:2px;outline:3px solid #2563eb47}a:focus-visible{outline-offset:2px;outline:3px solid #2563eb47}input:focus-visible{outline-offset:2px;outline:3px solid #2563eb47}select:focus-visible{outline-offset:2px;outline:3px solid #2563eb47}.studio-shell{background:var(--ui-bg);height:100dvh;min-height:0}.tool-suitebar{z-index:20;min-height:66px;color:var(--ui-text);border-bottom:1px solid var(--ui-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;flex:0 0 66px;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:8px clamp(14px,2.6vw,36px);display:grid;position:relative;box-shadow:0 3px 16px #20304614}.tool-suitebar a{color:inherit;text-decoration:none}.tool-suitebar__brand{align-items:center;gap:11px;width:-moz-fit-content;width:fit-content;display:inline-flex}.tool-suitebar__mark{color:#fff;background:var(--ui-accent);letter-spacing:-.03em;border-radius:9px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:900;display:grid}.tool-suitebar__brand strong,.tool-suitebar__brand small{display:block}.tool-suitebar__brand strong{color:var(--ui-text);letter-spacing:.04em;font-size:12px;font-weight:850}.tool-suitebar__brand small{color:var(--ui-muted);letter-spacing:.1em;margin-top:2px;font-size:8px;font-weight:750}.tool-suitebar__current{color:var(--ui-muted);letter-spacing:.08em;align-items:center;gap:9px;margin:0;font-size:10px;font-weight:800;display:flex}.tool-suitebar__current span{width:28px;height:28px;color:var(--ui-accent);letter-spacing:0;background:#eff5ff;border:1px solid #bfd1ff;border-radius:50%;place-items:center;display:grid}.tool-suitebar__back{background:var(--ui-accent);border:1px solid var(--ui-accent);border-radius:8px;justify-self:end;align-items:center;gap:9px;min-height:40px;padding:8px 14px;font-size:11px;font-weight:800;transition:background .16s,border-color .16s,transform .16s;display:inline-flex;color:#fff!important}.tool-suitebar__back:hover{background:var(--ui-accent-hover);border-color:var(--ui-accent-hover);transform:translate(-2px)}.topbar{background:var(--ui-surface-soft);border-bottom:1px solid var(--ui-border);height:60px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;flex:0 0 60px;grid-template-columns:260px 1fr 1fr;padding:0 18px}.brand-name{color:var(--ui-text)}.brand-name span{color:var(--ui-muted)}.version{color:var(--ui-accent);background:#eff5ff;border-color:#bfd1ff}.button,.icon-button,.tiny-button{color:var(--ui-text);background:var(--ui-surface);border-color:var(--ui-border);box-shadow:0 2px 7px #2030460d}.button:hover,.icon-button:hover{background:#fff;border-color:#9eacc0}.button-play{background:#fff}.button-play.active{color:#fff;background:var(--ui-accent);border-color:var(--ui-accent)}.button-play.active .play-icon{color:#fff}.button-accent{color:#fff;background:var(--ui-accent);border-color:var(--ui-accent);box-shadow:0 5px 18px #2563eb33}.button-accent:hover{background:var(--ui-accent-hover);border-color:var(--ui-accent-hover)}.button-ghost{background:0 0}.separator{background:var(--ui-border)}.privacy{color:var(--ui-muted)}.project-actions{border-color:var(--ui-border);background:#fff}.project-actions button{color:var(--ui-muted);background:#fff}.project-actions button+button{border-color:var(--ui-border)}.workspace{background:var(--ui-bg);min-height:0}.panel{background:var(--ui-surface);scrollbar-color:#b7c1ce transparent}.left-panel,.right-panel{border-color:var(--ui-border)}.panel-heading h2{color:var(--ui-text)}.eyebrow{color:var(--ui-accent)}.motion-total,.count,.layer-count{color:var(--ui-accent);background:#eff5ff;border-color:#bfd1ff}.motion-card{color:var(--ui-text);background:var(--ui-surface-soft);border-color:var(--ui-border);box-shadow:none}.motion-card:hover{background:#f0f5ff;border-color:#a8bcea}.motion-card.active{border-color:var(--ui-accent);background:#eaf1ff;box-shadow:inset 0 0 0 1px #2563eb14}.motion-icon{color:var(--ui-accent)}.motion-card small,.sample-card small{color:var(--ui-muted)}.motion-card em{color:#fff;background:var(--ui-accent)}.panel-subheading,.sample-card{color:var(--ui-text)}.sample-card:hover{background:#f0f5ff}.sample-orb.violet{color:#5c3fd4;background:#eeeafe}.sample-orb.cyan{color:#087d99;background:#e5f7fb}.sample-orb.pink{color:#ad3f83;background:#fbeaf4}.canvas-area{background:#e5eaf1}.canvas-tools{background:var(--ui-surface);border-color:var(--ui-border);box-shadow:0 2px 9px #2030460d}.tool{color:var(--ui-muted)}.tool:hover{color:var(--ui-text);background:#edf2f8}.canvas-tools .tool.active{color:#fff;background:var(--ui-accent);box-shadow:none}.tool-divider{background:var(--ui-border)}.brush-size{color:var(--ui-muted)}.brush-size input{accent-color:var(--ui-accent)}.brush-size b{color:var(--ui-text)}.stage{background-color:#111821;background-image:linear-gradient(45deg,#192331 25%,#0000 25%),linear-gradient(-45deg,#192331 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#192331 75%),linear-gradient(-45deg,#0000 75%,#192331 75%)}.stage:after{background:radial-gradient(circle at 50% 48%,#2563eb1c,#0000 45%)}.ambient{border-color:#70a0ff26}.canvas-frame{width:min(calc(100% - 72px),calc((100dvh - 302px) * var(--image-aspect)));border-radius:4px;box-shadow:0 20px 52px #030a1457,0 0 0 1px #425168}.tool-help{color:#344054;background:#fffffff0;border-color:#c8d2df;box-shadow:0 4px 16px #0a14231f}.canvas-legend,.resolution-info,.canvas-status .zoom-control{color:var(--ui-muted);border-color:var(--ui-border);background:#fffffff0}.resolution-info span,.zoom-control span{color:var(--ui-muted)}.resolution-info b{color:var(--ui-text)}.resolution-info i{background:var(--ui-border)}.zoom-control button{color:var(--ui-muted)}.timeline{background:var(--ui-surface);border-color:var(--ui-border);box-shadow:0 -2px 9px #2030460a}.timeline-play{color:var(--ui-accent);background:#eff5ff;border-color:#bfd1ff}.timeline-play.active{color:#fff;background:var(--ui-accent)}.time-current{color:var(--ui-text)}.track-labels{color:var(--ui-muted)}.track{background:#dce3ed}.track:before{background:var(--ui-accent)}.track i{background:var(--ui-accent);box-shadow:0 0 0 3px #2563eb26}.duration{color:var(--ui-muted);background:var(--ui-surface-soft);border:1px solid var(--ui-border)}.inspector-head{border-color:var(--ui-border)}.selected-symbol{color:var(--ui-accent);background:#eff5ff;border:1px solid #bfd1ff}.inspector-head span{color:var(--ui-muted)}.inspector-head h2{color:var(--ui-text)}.switch i{background:var(--ui-accent)}.switch i:after{background:#fff}.switch input:not(:checked)+i{background:#c8d0dc}.switch input:not(:checked)+i:after{background:#fff}.section-title{color:var(--ui-text)}.natural-button{color:var(--ui-accent);background:#eff5ff;border-color:#bfd1ff}.natural-button:hover{color:#fff;background:var(--ui-accent);border-color:var(--ui-accent)}.control-label label{color:var(--ui-muted)}.control-label span{color:var(--ui-muted);background:var(--ui-surface-soft);border-color:var(--ui-border)}.control-label span input{color:var(--ui-text)}.control-label span b{color:var(--ui-muted)}.control input[type=range]{background:linear-gradient(90deg,var(--ui-accent) var(--value),#dce3ed var(--value))}.control input[type=range]::-webkit-slider-thumb{border-color:var(--ui-accent);background:#fff;box-shadow:0 0 0 2px #2563eb1f}.select-control label{color:var(--ui-muted)}.select-control select{color:var(--ui-text);border-color:var(--ui-border);background:#fff}.parameter-note{color:var(--ui-muted);border-color:var(--ui-border);background:#f7f9fc}.parameter-note.beta-note{color:var(--ui-muted);background:#f5f2ff;border-color:#d7ccff}.motion-beta,.beta-badge,.layer-beta{color:#6848d8;background:#f1edff;border-color:#cfc3f7}.target-editor{background:var(--ui-surface-soft);border-color:var(--ui-border)}.target-editor-head small{color:var(--ui-muted)}.target-editor-head b{color:var(--ui-text)}.target-status{background:#fff}.target-editor-actions button{color:var(--ui-muted);border-color:var(--ui-border);background:#fff}.target-editor-actions button:first-child{color:var(--ui-accent);background:#eff5ff;border-color:#bfd1ff}.target-editor-actions .target-clear{color:var(--ui-danger)}.layers-title{border-color:var(--ui-border)}.layer:hover,.layer.selected{background:#eff5ff}.layer i{border-color:#aeb9c8}.layer input:checked+i{background:var(--ui-accent);border-color:var(--ui-accent)}.layer b{color:var(--ui-text)}.drag-dot,.eye,.empty-layers{color:var(--ui-muted)}.add-layer{color:var(--ui-muted);border-color:#b7c1ce}.tip{border-color:var(--ui-border);background:#f5f8fc}.tip p{color:var(--ui-muted)}.tip b{color:var(--ui-text)}.video-range-entry{color:#285c69;background:#eefbfe;border-color:#b9dde5}.video-range-entry:hover{background:#e2f7fb;border-color:#79bdca}.video-range-icon{color:#16809a;background:#fff;border-color:#9fd1dc}.video-range-entry small,.video-range-entry em{color:#66868e}.video-range-entry strong{color:#16758a}.crop-symbol{color:#16758a;background:#e8f8fb}.crop-preview-note{color:#52737b;background:#eefbfe;border-color:#b9dde5}.crop-choice-grid button,.crop-aspect-grid button,.crop-position-card{color:var(--ui-muted);background:var(--ui-surface-soft);border-color:var(--ui-border)}.crop-choice-grid button.active,.crop-aspect-grid button.active{color:#fff;background:var(--ui-accent);border-color:var(--ui-accent)}.crop-aspect-grid button b,.crop-position-card b{color:var(--ui-text)}.crop-aspect-grid button small,.crop-position-card span,.crop-help{color:var(--ui-muted)}.crop-position-card button{color:var(--ui-muted);border-color:var(--ui-border);background:#fff}.crop-done{color:#fff;background:var(--ui-accent)}.crop-reset{color:var(--ui-muted)}.modal-backdrop{background:#0e182685}.export-dialog{color:var(--ui-text);border-color:var(--ui-border);background:#fff;box-shadow:0 28px 90px #1423373d}.modal-close{color:var(--ui-muted);background:var(--ui-surface-soft)}.export-mark{color:var(--ui-accent);background:#eff5ff;border-color:#bfd1ff}.export-dialog>p,.export-dialog>small,.export-section>label{color:var(--ui-muted)}.choice-grid button{color:var(--ui-muted);background:var(--ui-surface-soft);border-color:var(--ui-border)}.choice-grid button.active{color:#fff;background:var(--ui-accent);border-color:var(--ui-accent)}.format-grid button.active small,.size-grid button.active small{color:#dbe7ff}.export-summary{border-color:var(--ui-border)}.export-summary span{color:var(--ui-muted)}.export-summary b{color:var(--ui-text)}.export-primary{color:#fff;background:var(--ui-accent)}.export-progress>div{background:#dce3ed}.export-progress i{background:var(--ui-accent)}.toast{color:var(--ui-text);border-color:var(--ui-border);background:#fffffff5;box-shadow:0 10px 35px #2030462e}.upload-kicker{color:var(--ui-accent)}.upload-card h1{color:#fff}.upload-card p{color:#b2becd}.upload-card>small{color:#8190a2}.upload-button{color:#fff;background:var(--ui-accent);border-color:#70a0ff}.picture-icon{background:linear-gradient(145deg,#263851,#172435);border-color:#5474a9}@media (max-width:960px){.topbar{grid-template-columns:210px minmax(0,1fr) auto}.right-panel{top:126px}.canvas-frame{width:min(calc(100% - 60px),calc((100dvh - 302px) * var(--image-aspect)))}}@media (max-width:760px){.tool-suitebar{flex-basis:58px;grid-template-columns:1fr auto;gap:10px;min-height:58px;padding:7px 10px}.tool-suitebar__current{display:none}.tool-suitebar__mark{width:34px;height:34px}.tool-suitebar__brand small{display:none}.tool-suitebar__back{min-height:38px;padding:7px 10px}.tool-suitebar__back-label{display:none}}@media (max-width:680px){.topbar{flex-basis:52px;height:52px}.topbar .brand-mark{display:none}.brand-name{font-size:16px}.workspace{min-height:0}.canvas-area{height:calc(100dvh - 58px - 52px - 66px - env(safe-area-inset-bottom));grid-template-rows:43px minmax(0,1fr) 58px}.right-panel{top:110px}.canvas-frame{width:min(calc(100% - 56px),calc((100dvh - 337px) * var(--image-aspect)));max-width:calc(100% - 56px);max-height:calc(100% - 60px)}.left-panel{background:#fffffffa;box-shadow:0 -3px 16px #2030461a}.mobile-preset-select{color:#fff;background:var(--ui-accent);border-color:var(--ui-accent)}.mobile-preset-select small{color:#d8e5ff}.mobile-settings{color:var(--ui-accent);background:#eff5ff;border-color:#bfd1ff}.mobile-export{color:#fff;background:var(--ui-accent);box-shadow:0 5px 18px #2563eb33}}@media (prefers-reduced-motion:reduce){.tool-suitebar__back{transition-duration:1ms!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}