:root{color:#dce5ed;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#17212b;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline-offset:-4px;border-radius:4px;outline:2px solid #67e2da}p,h2{margin:0}.application{flex-direction:column;height:100dvh;min-height:600px;display:flex}.app-header{background:#1e2b37;border-bottom:1px solid #34414e;flex-shrink:0;align-items:center;gap:42px;height:64px;padding:0 24px;display:flex}.brand{letter-spacing:-.3px;white-space:nowrap;align-items:center;gap:12px;font-size:17px;font-weight:600;display:flex}.brand-mark{color:#70ece2;font-size:32px;line-height:1}.brand-suffix{color:#a9bac7;font-weight:400}.app-header nav{align-self:stretch;gap:10px;display:flex}.app-header nav a{color:#a2b0bd;border-bottom:3px solid #0000;padding:23px 18px 20px}.app-header nav a[aria-current=page]{color:#77e7df;border-bottom-color:#62dcd4}.header-note{color:#a2b0bd;margin-left:auto;font-size:12px}.mode-bar{border-bottom:1px solid #34414e;flex-shrink:0;align-items:center;gap:4px;height:47px;padding:6px 14px;display:flex}.mode-placeholder{color:#95a6b5;background:#23313e;border-radius:4px;padding:7px 19px;font-size:12px}.mode-bar p{color:#a0afbc;margin-left:auto;padding-right:10px;font-size:12px}.editor-workspace{flex:1;grid-template-rows:minmax(250px,1fr) 180px;grid-template-columns:220px minmax(280px,1fr) 230px;gap:9px;min-height:0;padding:10px;display:grid}.panel{background:#1b2833;border:1px solid #364552;border-radius:5px;flex-direction:column;display:flex;overflow:hidden}.panel-heading{background:#202e3a;border-bottom:1px solid #33424f;flex-shrink:0;height:43px;padding:14px 17px;font-size:12px;font-weight:500}.structure-panel .panel-heading{color:#7ce6de}.empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;min-height:0;padding:24px 12px;display:flex}.empty-icon{color:#a5b8c7;width:53px;height:53px}.empty-title{color:#b8c7d3;font-size:13px}.empty-description{color:#a3b4c2;font-size:13px;line-height:1.6}.large .empty-icon{color:#cedbe5;width:90px;height:90px}.large .empty-title{color:#e2ebf1;letter-spacing:-.5px;font-size:23px}.large{gap:19px}.large .empty-description{margin-top:-8px}.canvas-area{background-color:#253542;background-image:linear-gradient(#35465370 1px,#0000 1px),linear-gradient(90deg,#35465370 1px,#0000 1px);background-size:24px 24px;border:1px solid #344653;min-height:0;display:flex;position:relative}.canvas-label{letter-spacing:1.8px;color:#a5b7c5;font-size:9px;position:absolute;top:17px;left:18px}.canvas-origin{color:#7a96a9;font-size:18px;position:absolute;bottom:13px;left:18px}.motion-panel{grid-column:1/-1}.motion-panel .empty-state{gap:8px;padding:14px}.motion-panel .empty-icon{width:33px;height:33px}.status-bar{color:#a9b9c6;border-top:1px solid #34414e;flex-shrink:0;justify-content:space-between;align-items:center;height:30px;padding:0 16px;font-size:11px;display:flex}.status-dot{vertical-align:middle;background:#7a929e;border-radius:50%;width:5px;height:5px;margin-right:8px;display:inline-block}.player-workspace{background:radial-gradient(#273947,#1b2834);border:1px solid #344653;border-radius:5px;flex:1;margin:10px;display:flex;position:relative}@media (width<=1000px){.editor-workspace{grid-template-columns:175px minmax(240px,1fr) 185px}.header-note{display:none}.mode-bar p{text-align:right;max-width:340px;font-size:11px}.app-header{gap:20px}}@media (width<=700px){.application{height:auto;min-height:100dvh}.app-header{gap:12px;height:60px;padding:0 12px}.brand{gap:7px;font-size:14px}.brand-suffix{display:none}.app-header nav{gap:0;margin-left:auto}.app-header nav a{padding:21px 12px 17px;font-size:12px}.mode-bar{flex-wrap:wrap;height:auto;padding:8px 10px}.mode-bar p{text-align:left;width:100%;max-width:none;margin:4px 0 0;line-height:1.5}.editor-workspace{grid-template-rows:340px 190px 150px;grid-template-columns:1fr 1fr;min-height:710px}.canvas-area{grid-area:1/1/auto/-1}.structure-panel{grid-area:2/1}.inspector-panel{grid-area:2/2}.motion-panel{grid-row:3}.empty-state{gap:9px;padding:16px 8px}.empty-title{font-size:12px}.player{height:100dvh}.player-workspace{min-height:400px}.large .empty-title{font-size:22px}}button,input,select{font:inherit;min-width:0}button,.file-button{color:#dce5ed;cursor:pointer;background:#283b48;border:1px solid #49606f;border-radius:4px;padding:7px 10px;font-size:12px}button:hover,.file-button:hover{background:#344d5b}button:disabled{opacity:.4;cursor:default}button[aria-pressed=true],button[aria-selected=true],.primary{color:#96fff3;background:#23565d;border-color:#5ad4cd}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #70e8dd}input,select{color:#e0ebf1;background:#172530;border:1px solid #486071;border-radius:4px;width:100%;padding:6px}input[type=range]{accent-color:#65ded3;padding:0}h3{margin:14px 0 10px;font-size:13px;font-weight:500}.file-bar{border-bottom:1px solid #34414e;flex-wrap:wrap;align-items:center;gap:7px;padding:9px 14px;display:flex}.project-name{margin-right:auto;padding:0 8px;font-weight:500}.file-button{align-items:center;display:inline-flex;position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.file-button:focus-within{outline:2px solid #70e8dd}.panel-content{min-height:0;padding:12px;overflow:auto}.fields{gap:10px;display:grid}.fields label,.asset-row{color:#b4c8d6;gap:5px;font-size:12px;display:grid}.tree-row{text-align:left;border-color:#0000;width:100%;margin-bottom:3px;display:block}.inline-form{gap:6px;margin-top:14px;display:grid}.hint{color:#9db2c1;margin:8px 0 12px;font-size:11px;line-height:1.5}.asset-row{overflow-wrap:anywhere;margin-top:10px}.panel-tabs{border-bottom:1px solid #34414e;gap:5px;padding:8px;display:flex}.history-row{border-bottom:1px solid #34414e;justify-content:space-between;align-items:center;gap:5px;padding:10px 0;font-size:12px;display:flex}.message{background:#203c44;justify-content:space-between;align-items:center;gap:12px;min-height:32px;padding:7px 14px;font-size:12px;display:flex}.message.error{color:#ffe0d4;background:#58312f}.editor-workspace{grid-template-rows:minmax(250px,1fr) 220px;grid-template-columns:230px minmax(280px,1fr) 255px}.stage{width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.stage canvas{width:100%;height:100%;position:absolute;inset:0}.bone-overlay{pointer-events:none;position:absolute;inset:0}.bone-overlay circle{pointer-events:auto;cursor:pointer}.stage-tools{background:#182936dd;border-radius:5px;align-items:center;gap:8px;padding:5px;display:flex;position:absolute;top:12px;right:12px}.stage-tools label{align-items:center;gap:5px;font-size:11px;display:flex}.stage-tools select{width:70px}.stage-error{background:#58312f;padding:10px;position:absolute;bottom:20px}.timeline{flex:1;min-height:0;display:flex}.animation-list{border-right:1px solid #34414e;flex-direction:column;flex-shrink:0;gap:5px;width:230px;padding:10px;display:flex;overflow:auto}.animation-list form{gap:5px;margin-top:5px;display:grid}.timeline-main{flex:1;min-width:0;padding:10px 18px;overflow:auto}.transport,.key-form{align-items:center;gap:10px;display:flex}.transport label{align-items:center;gap:10px;font-size:11px;display:flex}.transport input{width:80px}.transport span{color:#a8becb;font-size:11px}.scrubber{margin:10px 0}.key-form select{max-width:170px}.key-form input{width:85px}.key-track{align-items:center;gap:15px;margin:7px 10px 7px 0;font-size:11px;display:flex}.key-track>span{flex-shrink:0;width:160px}.key-track>div{border-bottom:1px solid #557780;flex:1;height:20px;position:relative}.key-track button{color:#79e8dc;background:0 0;border:0;padding:0;position:absolute;transform:translate(-50%)}.key-tracks{max-height:52px;margin-bottom:8px;overflow:auto}.player-controls{align-items:center;gap:16px;padding:12px 24px;display:flex}.player-controls select{width:180px}.player-controls input{flex:1}.player-controls output{font-variant-numeric:tabular-nums;width:75px}@media (width<=1000px){.editor-workspace{grid-template-columns:180px minmax(240px,1fr) 210px}.file-bar{padding:7px}.project-name{order:-1;width:100%}.animation-list{width:180px}.key-form{gap:5px}.key-form select{max-width:125px}}@media (width<=700px){.editor-workspace{grid-template-rows:340px 380px 300px;grid-template-columns:1fr 1fr}.file-bar{gap:6px}.file-bar button,.file-button{font-size:11px}.timeline{grid-template-columns:120px minmax(0,1fr);display:grid}.animation-list{width:120px}.timeline-main{padding:8px}.transport,.key-form{flex-wrap:wrap;gap:5px}.transport label{gap:4px}.transport span{display:none}.key-form select{max-width:100%}.key-track>span{width:80px}.status-bar{gap:8px;height:auto;min-height:35px;font-size:10px}.stage-tools{top:7px;right:7px}.stage-tools button,.stage-tools label{font-size:10px}.panel-content{padding:8px}.panel-tabs button{padding:5px;font-size:10px}.player-controls{gap:7px;padding:10px}.player-controls select{width:110px}.player-workspace{height:60dvh}}