*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;font:12px Inter,system-ui,Arial,sans-serif;color:#d9e1eb;background:#101319}button,input{font:inherit}button{cursor:pointer}.app{height:100dvh;display:flex;flex-direction:column;min-height:460px;overflow:hidden}.top{height:43px;flex-shrink:0;display:flex;align-items:center;gap:20px;padding:0 13px;background:#1c222b;border-bottom:1px solid #333b48}.brand{display:flex;align-items:center;gap:8px;white-space:nowrap}.brandmark{font-size:21px;color:#96a7fb}.brand em{font-style:normal;color:#a7b6ff}.edition{font-size:9px;color:#748294}.top nav{display:flex;align-items:center;gap:2px;overflow-x:auto;flex:1}.top nav button{border:0;background:transparent;color:#aab6c5;padding:10px 9px;border-radius:3px;white-space:nowrap}.top nav button:hover,.top nav button.nav-active{color:#fff;background:#303c4e}.status{font-size:9px;color:#84b9a7;white-space:nowrap}.subbar{height:34px;flex-shrink:0;background:#151b23;border-bottom:1px solid #303845;display:flex;justify-content:space-between;align-items:center;padding:0 13px;color:#8493a7;font-size:10px;letter-spacing:.5px}.sub-actions{display:flex;gap:5px;align-items:center}.sub-actions button,.file-button{border:1px solid #384454;border-radius:3px;background:#222b36;color:#d0d9e4;padding:5px 8px;cursor:pointer}.file-button input{display:none}.workspace{display:grid;grid-template-columns:165px minmax(0,1fr) 235px;flex:1;min-height:0}.workspace aside{background:#1b222c;overflow:auto;padding:13px;border-right:1px solid #344050}.workspace aside.inspector{border-right:0;border-left:1px solid #344050}.workspace h3{font-size:10px;font-weight:650;letter-spacing:1.2px;color:#8c9bae;margin:5px 0 13px;display:flex;justify-content:space-between}.toolgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:25px}.toolgrid button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 3px;background:#27313e;border:1px solid #3a4656;color:#c7d2df;border-radius:5px;font-size:18px}.toolgrid small{font-size:9px;color:#b4c0cf}.toolgrid button.active,.shapes button:hover{background:#3c4c6b;border-color:#8295d9}.shapes{display:flex;flex-direction:column;gap:5px}.shapes button,.danger{padding:8px;background:#27313e;border:1px solid #3a4656;border-radius:4px;text-align:left;color:#d0dae6}.hint{font-size:10px;line-height:1.6;color:#8593a6;margin-top:22px}main{position:relative;min-width:0;background:#11151c}main.alpha{background-color:#eee;background-image:linear-gradient(45deg,#d5d5d5 25%,transparent 25%),linear-gradient(-45deg,#d5d5d5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d5d5d5 75%),linear-gradient(-45deg,transparent 75%,#d5d5d5 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.viewport-label,.viewport-bottom{position:absolute;pointer-events:none;left:14px;color:#aab9cb;background:#19222cbb;padding:5px 7px;border-radius:3px;font-size:10px;letter-spacing:1px}.viewport-label{top:14px}.viewport-label span{color:#81c5a6}.viewport-bottom{bottom:12px}.scene-tree{margin-bottom:24px;min-height:80px}.tree-root{color:#aab6c5;padding:6px}.tree-item{display:flex;align-items:center;border-radius:3px}.tree-item.selected{background:#34445d}.tree-item button{border:0;background:transparent;color:#cbd6e5;padding:7px}.tree-item .object-name{flex:1;text-align:left}.tree-item .eye{color:#92a2b5}.properties{display:flex;flex-direction:column;gap:14px}.properties>label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#aebdcd}.properties>label input:not([type=color]){width:120px;background:#111923;color:#dce5ef;border:1px solid #405063;padding:6px;border-radius:3px}.properties input[type=color]{height:27px;width:60px;background:transparent;border:0}.vector>div:first-child{color:#aab9c9;margin-bottom:7px}.axis{display:flex;gap:4px}.axis label{min-width:0;display:flex;flex:1;align-items:center;gap:2px;background:#101923;border:1px solid #384859;border-radius:3px;padding:3px}.axis span{color:#94a9cf;font-size:10px}.axis input{width:100%;min-width:0;background:transparent;border:0;color:#e3eaf5;outline:0;font-size:10px}.danger{color:#e7a8a8;margin-top:7px}.future{border-top:1px solid #394453;margin-top:20px;padding-top:12px}.future p,.inspector>p{font-size:11px;color:#8b9aac;line-height:1.7}.timeline{flex-shrink:0;height:124px;background:#1b222c;border-top:1px solid #3c4756}.timeline.collapsed{height:36px}.timeline-head{height:36px;display:flex;align-items:center;gap:25px;padding:0 12px;border-bottom:1px solid #333d4c;color:#9dabbb;font-size:10px}.timeline-head button{border:0;background:transparent;color:#d0dae6;font-weight:600}.timeline-head label{display:flex;align-items:center;gap:6px}.timeline-head input{width:54px;padding:3px;background:#101821;border:1px solid #3b4657;color:#e4ebf5}.timeline-body{display:flex;align-items:center;gap:15px;padding:18px 14px}.track-label{width:175px;color:#b7c4d3}.timeline-body input{flex:1;accent-color:#9aa9ff}.track-note{color:#78899c;font-size:10px}footer{height:25px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 13px;background:#151b23;color:#77889b;font-size:9px;letter-spacing:.5px}@media(max-width:850px){.workspace{grid-template-columns:125px minmax(0,1fr) 175px}.top{gap:8px}.status{display:none}.subbar{gap:10px}.sub-actions{overflow-x:auto}.track-note{display:none}}@media(max-width:590px){.workspace{grid-template-columns:94px minmax(0,1fr)}.inspector{display:none}.workspace aside{padding:8px}.toolgrid{grid-template-columns:1fr}.toolgrid button{font-size:13px;flex-direction:row}.shapes button{font-size:10px}.subbar>span{display:none}.timeline-head{gap:8px}.timeline-body{gap:6px}.track-label{width:80px}footer span:last-child{display:none}}html,body,#root{height:100%;min-height:0;overflow:hidden}.app{display:grid!important;grid-template-rows:44px 36px minmax(0,1fr) auto 25px!important;grid-template-columns:minmax(0,1fr);height:100dvh!important;min-height:0!important;overflow:hidden!important}.app>.top{grid-row:1;min-width:0;min-height:0;height:44px!important;display:flex!important;flex-flow:row nowrap!important;align-items:center!important;overflow:hidden}.app>.top .brand{flex:0 0 auto;min-width:0}.app>.top nav{display:flex!important;flex:1 1 auto;min-width:0;min-height:0;height:100%;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;overflow-x:auto!important;overflow-y:hidden!important}.app>.top nav button{display:inline-flex!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;max-width:none!important;height:32px!important;line-height:1!important;align-items:center!important;justify-content:center!important;padding:0 10px!important;margin:0 2px!important;white-space:nowrap!important}.app>.subbar{grid-row:2;display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:space-between!important;height:36px!important;min-height:0!important;overflow:hidden}.app>.subbar>.sub-actions{display:flex!important;flex:0 1 auto;flex-flow:row nowrap!important;align-items:center!important;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden}.app>.subbar>.sub-actions>button,.app>.subbar>.sub-actions>.file-button{display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;width:auto!important;height:27px!important;min-width:max-content!important;margin:0!important;padding:4px 9px!important;white-space:nowrap}.app>.subbar input[type=file]{display:none!important}.app>.workspace{grid-row:3;display:grid!important;grid-template-columns:165px minmax(0,1fr) 235px!important;min-width:0;min-height:0!important;height:100%!important;overflow:hidden!important}.app>.workspace>.tools,.app>.workspace>.inspector{min-width:0!important;min-height:0!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important}.app>.workspace>main{min-width:0!important;min-height:0!important;height:100%!important;overflow:hidden!important}.app>.workspace>main canvas{display:block!important}.app>.workspace .toolgrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.app>.workspace .toolgrid button{min-width:0!important;width:100%!important}.app>.workspace .shapes button{display:block;width:100%!important;margin:0!important}.app>.workspace .axis{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;min-width:0!important}.app>.workspace .axis label{display:flex!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;align-items:center!important}.app>.workspace .axis input{display:block!important;flex:1 1 auto!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;color:#e3eaf5!important;background:transparent!important;border:0!important;padding:2px!important}.app>.workspace .properties>label input:not([type=color]){width:115px!important;max-width:65%!important}.app>.timeline{grid-row:4;position:relative!important;inset:auto!important;z-index:2!important;min-width:0!important;min-height:0!important;height:124px!important;max-height:124px!important;overflow:hidden!important}.app>.timeline.collapsed{height:36px!important;max-height:36px!important}.app>.timeline .timeline-head{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;gap:15px!important;white-space:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important}.app>.timeline .timeline-head button{display:inline-flex!important;flex:0 0 auto!important;width:auto!important;height:28px!important;align-items:center!important;margin:0!important}.app>.timeline .timeline-body{display:flex!important;min-width:0!important;overflow:hidden!important}.app>.timeline .timeline-body input[type=range]{min-width:60px!important}.app>footer{grid-row:5;height:25px!important;min-height:25px!important;overflow:hidden!important}@media(max-width:850px){.app>.workspace{grid-template-columns:125px minmax(0,1fr) 185px!important}.app>.top{gap:6px!important}.app>.top nav button{padding:0 7px!important}}@media(max-width:590px){.app>.workspace{grid-template-columns:95px minmax(0,1fr)!important}.app>.workspace>.inspector{display:none!important}.app>.workspace .toolgrid{grid-template-columns:1fr!important}.app>.top .edition{display:none!important}}.handlab{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(0,1fr) 225px;grid-template-rows:42px minmax(0,1fr);background:#111820;z-index:1;min-height:0}.handlab-head{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:6px 12px;background:#263241;border-bottom:1px solid #455267;white-space:nowrap;overflow:hidden}.handlab-head strong{font-size:11px}.handlab-head span{font-size:10px;color:#9daec0;flex:1;overflow:hidden;text-overflow:ellipsis}.handlab-head button,.handlab-presets button{background:#35465d;border:1px solid #60728b;border-radius:4px;color:#e6edfa;padding:6px 8px;cursor:pointer}.handlab-stage{min-width:0;min-height:0}.handlab-controls{background:#202b39;border-left:1px solid #415269;padding:12px;overflow-y:auto;min-width:0}.handlab-controls h3{font-size:10px;color:#b3c1d2;letter-spacing:1px}.handlab-presets{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:15px}.handlab-presets button.active{background:#536ca2}.handlab-controls label{display:grid;grid-template-columns:1fr auto;gap:5px;margin:12px 0;color:#d9e5f3;font-size:11px}.handlab-controls label input{grid-column:1/-1;width:100%;accent-color:#a6b8ff}.handlab-controls p{font-size:10px;line-height:1.5;color:#9aabbf}@media(max-width:700px){.handlab{grid-template-columns:minmax(0,1fr) 145px}.handlab-head span{display:none}.handlab-head{gap:5px}.handlab-head strong{font-size:9px}.handlab-controls{padding:7px}}.app{position:relative}.genre-menu{position:absolute;top:44px;left:170px;z-index:30;display:flex;flex-wrap:wrap;align-items:center;gap:7px;max-width:calc(100% - 190px);padding:9px;background:#253143;border:1px solid #52627a;box-shadow:0 12px 25px #0009;border-radius:0 0 6px 6px}.genre-menu strong{font-size:11px;margin-right:8px}.genre-menu button,.genre-library button{background:#35465a;border:1px solid #52647b;color:#e4edfa;border-radius:4px;padding:8px;cursor:pointer}.genre-menu button:hover,.genre-library button:hover{background:#4c6181}.genre-library{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:auto;background:#151e29;padding:18px}.genre-library-head{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #45556a;padding-bottom:12px;margin-bottom:18px}.genre-library-head strong{font-size:12px;letter-spacing:1px}.genre-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.genre-library-grid button{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 8px}.genre-library-grid button span{width:48px;height:48px;display:flex;justify-content:center;align-items:center;font-size:30px;background:#344258;border-radius:8px}.genre-library-note{color:#99a9ba;font-size:11px;margin-top:20px;line-height:1.6}@media(max-width:700px){.genre-menu{left:8px;max-width:calc(100% - 16px)}.genre-library{padding:10px}}.characterlab{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) 230px;grid-template-rows:40px minmax(0,1fr);background:#141d28;min-height:0}.characterlab-bar{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:0 13px;border-bottom:1px solid #425169;background:#253143}.characterlab-bar strong{font-size:11px}.characterlab-bar span{font-size:10px;color:#a1b0c2}.characterlab-canvas{min-height:0;min-width:0}.characterlab-side{overflow-y:auto;padding:12px;border-left:1px solid #46546b;background:#202a38}.characterlab-side h3{font-size:10px;letter-spacing:1px;margin:10px 0}.characterlab-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0 20px}.characterlab-side button{border:1px solid #53657b;background:#344258;color:#e0e9f5;border-radius:4px;padding:8px;cursor:pointer}.characterlab-grid button{display:flex;flex-direction:column;gap:5px;align-items:center}.characterlab-grid button span{font-size:24px}.characterlab-side button.active{background:#526b9b;border-color:#9bb0df}.characterlab-side>button{width:100%;margin:4px 0}.characterlab-side label{display:block;font-size:11px;margin:12px 0}.characterlab-side input{display:block;width:100%;accent-color:#9cafff}.characterlab-side p{font-size:10px;line-height:1.5;color:#a2b2c5}@media(max-width:700px){.characterlab{grid-template-columns:minmax(0,1fr) 145px}.characterlab-side{padding:6px}.characterlab-bar span{display:none}.characterlab-grid{grid-template-columns:1fr 1fr}}.genre-modifiers{border-top:1px solid #415063;padding-top:12px;display:flex;flex-direction:column;gap:9px}.genre-modifiers>label:not(.genre-check){display:grid;grid-template-columns:1fr auto;gap:4px;font-size:10px;color:#b9c9d9}.genre-modifiers label input[type=range]{grid-column:1/-1;width:100%;accent-color:#a7b5f8}.genre-modifiers .genre-check{display:flex;align-items:center;gap:6px;font-size:10px;color:#c2cfde}.genre-modifiers button{background:#354258;color:#d9e5f1;border:1px solid #51647b;padding:7px;border-radius:4px}.shapes button:disabled{opacity:.4;cursor:not-allowed}.characterlab-joint{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:8px 0;border-top:1px solid #42536a;border-bottom:1px solid #42536a}.characterlab-joint strong{grid-column:1/-1;color:#f5d28b;font-size:11px}.characterlab-joint button{padding:5px 2px;font-size:10px}.characterlab-canvas canvas{cursor:crosshair}