@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,Segoe UI,sans-serif;color:#e9e8e1;background:#191c1d;font-synthesis:none;text-rendering:optimizeLegibility;--surface: #202425;--surface-raised: #272c2d;--surface-hover: #303637;--line: #363d3e;--line-soft: #2c3233;--muted: #8b9391;--text: #e9e8e1;--accent: #d5fc63;--accent-ink: #22291a;--coral: #f18469;--mono: "DM Mono", Consolas, monospace}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{min-width:320px;min-height:520px;overflow:hidden}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{height:100%;min-height:520px;display:flex;flex-direction:column;background:#191c1d}.topbar{height:52px;flex:0 0 52px;display:flex;align-items:center;gap:10px;padding:0 15px;background:#202425;border-bottom:1px solid #353b3c;z-index:3}.brand-mark{width:24px;height:24px;display:grid;place-items:center;background:var(--accent);color:#20251a;border-radius:5px 5px 5px 1px;font-size:12px;font-weight:800;letter-spacing:0}.brand-name{font-size:14px;font-weight:800;letter-spacing:0;color:#f3f2ec}.brand-name span{color:var(--accent)}.topbar-divider{height:21px;width:1px;background:#404747;margin:0 4px}.project-menu-wrap{position:relative}.project-name{height:32px;display:flex;align-items:center;gap:2px;padding:0 4px 0 9px;border-radius:4px;color:var(--text)}.project-name:hover,.project-menu-wrap:focus-within .project-name{background:var(--surface-hover)}.project-name input{width:min(190px,22vw);border:0;outline:0;background:transparent;color:inherit;font-size:12px;font-weight:600}.project-name input:focus-visible{outline:none}.project-menu-trigger{width:24px;height:26px;display:grid;place-items:center;padding:0;color:#9da6a1;border:0;border-radius:3px;background:transparent;cursor:pointer}.project-menu-trigger:hover,.project-menu-trigger[aria-expanded=true]{color:var(--accent);background:#ffffff0a}.project-menu{width:178px;position:absolute;top:calc(100% + 7px);left:0;z-index:12;padding:4px;border:1px solid #454d4b;border-radius:5px;background:#292f30;box-shadow:0 12px 30px #0007}.project-menu button{width:100%;height:34px;display:flex;align-items:center;gap:9px;padding:0 9px;color:#cbd0c9;text-align:left;border:0;border-radius:3px;background:transparent;font-size:11px;cursor:pointer}.project-menu button svg{color:#9fa8a2}.project-menu button:hover,.project-menu button:focus-visible{color:#f0f1e9;background:#38403f}.project-menu button:hover svg{color:var(--accent)}.saved-indicator{display:inline-flex;align-items:center;gap:6px;color:#8c9693;font-size:10px;white-space:nowrap}.saved-indicator>span{width:6px;height:6px;border-radius:50%;background:#93c774;box-shadow:0 0 0 3px #93c7741a}.topbar-spacer,.rail-spacer{flex:1}.icon-button{height:30px;min-width:30px;display:inline-flex;justify-content:center;align-items:center;gap:7px;padding:0 7px;color:#9aa29f;border:1px solid transparent;border-radius:4px;background:transparent;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.icon-button:hover:not(:disabled){background:#323839;color:#f3f1e8}.icon-button:disabled{opacity:.35;cursor:default}.icon-button.is-active{color:var(--accent);background:#d5fc6312;border-color:#d5fc6330}.icon-button.danger-button{margin-left:auto;color:#f18469}.icon-button.danger-button:hover:not(:disabled){color:#ffb09a;background:#f1846918}.export-button{height:31px;padding:0 11px;color:var(--accent-ink);background:var(--accent);font-size:11px;font-weight:800;border-color:var(--accent)}.export-button:hover:not(:disabled){color:var(--accent-ink);background:#e0ff83}.workspace{min-height:0;flex:1;display:grid;grid-template-columns:46px 236px minmax(240px,1fr) 258px}.tool-rail{min-height:0;display:flex;flex-direction:column;align-items:center;gap:7px;padding:9px 6px;background:#202425;border-right:1px solid var(--line)}.tool-rail .icon-button{width:32px;height:32px}.tool-rail>.mobile-only-tool{display:none}.left-panel,.right-panel{min-width:0;min-height:0;position:relative;display:flex;flex-direction:column;background:#222627}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}.panel-tabs{height:43px;flex:0 0 43px;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:6px 8px 0;border-bottom:1px solid var(--line-soft)}.panel-tabs button{display:inline-flex;justify-content:center;align-items:center;gap:7px;background:transparent;border:0;border-bottom:2px solid transparent;color:#89918f;font-size:11px;font-weight:700;cursor:pointer}.panel-tabs button.selected{color:var(--accent);border-bottom-color:var(--accent)}.panel-heading{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 15px;color:#929a97;font:500 9px var(--mono);letter-spacing:0}.panel-heading .icon-button{width:26px;height:26px;min-width:26px}.import-empty{margin:4px 9px;min-height:40px;display:flex;align-items:center;gap:9px;padding:0 10px;color:#aeb5af;text-align:left;background:#2a3031;border:1px solid #3a4242;border-radius:4px;font-size:11px;cursor:pointer}.import-empty:hover{border-color:#869c51;color:var(--accent)}.layer-list,.bone-list{min-height:0;overflow:auto;padding:0 5px}.layer-row{height:42px;display:flex;align-items:center;gap:4px;padding:3px 4px 3px 6px;border:1px solid transparent;border-radius:4px}.layer-row.selected{background:#303637;border-color:#414949}.layer-select{flex:1;min-width:0;height:34px;display:flex;align-items:center;gap:8px;padding:0;text-align:left;border:0;background:transparent;cursor:pointer}.layer-thumb{width:27px;height:27px;flex:0 0 27px;overflow:hidden;border:1px solid #4a5352;border-radius:3px;background-color:#303637;background-image:linear-gradient(45deg,#42494a 25%,transparent 25%),linear-gradient(-45deg,#42494a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#42494a 75%),linear-gradient(-45deg,transparent 75%,#42494a 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0}.layer-thumb img{width:100%;height:100%;object-fit:contain}.layer-name{overflow:hidden;color:#d4d7d0;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.layer-row>.icon-button{width:26px;min-width:26px;height:27px}.panel-footer{height:45px;display:flex;align-items:center;gap:3px;padding:0 12px;color:#858e8b;border-top:1px solid var(--line-soft);font-size:10px}.panel-footer>span{flex:1}.layer-order{margin-top:auto}.layer-order .icon-button{width:24px;min-width:24px}.panel-bottom{margin-top:auto;padding:11px;border-top:1px solid var(--line-soft)}.format-badge{display:flex;justify-content:space-between;align-items:center;color:#858e8b;font:9px var(--mono)}.format-badge strong{color:#c0c7c0;font-weight:500}.empty-list{display:flex;flex-direction:column;align-items:center;gap:9px;padding:35px 8px;color:#717a78;font-size:10px}.bone-row{width:100%;height:32px;display:flex;align-items:center;gap:8px;padding:0 8px 0 12px;text-align:left;color:#c3c8c0;border:1px solid transparent;border-radius:4px;background:transparent;font-size:11px;cursor:pointer}.bone-row:hover,.bone-row.selected{background:#303637;color:var(--text)}.bone-row.selected{border-color:#424b48}.bone-tree-indent{height:100%;flex:0 0 auto;position:relative}.bone-tree-indent i{width:1px;position:absolute;top:0;bottom:0;background:#424a48}.bone-tree-indent i.continues{bottom:0}.bone-tree-branch{height:16px;border-left:1px solid #424a48;border-bottom:1px solid #424a48;border-bottom-left-radius:3px}.bone-tree-branch.last{bottom:16px}.bone-dot{width:7px;height:7px;border-radius:50%;background:var(--coral)}.bone-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.center-panel{min-width:0;min-height:0;display:flex;flex-direction:column;background:#1c2021}.stage-toolbar{height:39px;flex:0 0 39px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid var(--line-soft);background:#222627}.stage-label,.stage-actions{display:flex;align-items:center;gap:8px}.stage-label{color:#aeb5af;font:500 9px var(--mono)}.stage-status{width:6px;height:6px;border-radius:50%;background:var(--accent)}.stage-size{margin-left:5px;color:#707977;font-size:9px}.stage-actions{gap:5px}.stage-actions .icon-button{height:25px;min-width:25px}.zoom-level{padding:0 4px;color:#a1aaa6;font:9px var(--mono)}.stage-wrap{min-height:0;flex:1;position:relative;overflow:hidden;background:#25292a}.stage-canvas{width:100%;height:100%;display:block;touch-action:none}.stage-canvas--bone{cursor:crosshair}.stage-canvas--weights{cursor:none}.stage-empty{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;background:radial-gradient(ellipse at 50% 46%,#313738 0,#282d2e 48%,#25292a 83%)}.empty-art{width:90px;height:87px;position:relative;margin-bottom:7px}.empty-art span{position:absolute;display:block;border:1px solid #9eb75d7a;background:#d5fc6315;transform:rotate(-11deg)}.empty-art span:nth-child(1){left:15px;top:19px;width:52px;height:63px;border-radius:19px 20px 12px 14px}.empty-art span:nth-child(2){left:30px;top:6px;width:32px;height:29px;border-radius:48% 45% 42% 42%;border-color:#f1846980;background:#f1846918;transform:rotate(7deg)}.empty-art span:nth-child(3){left:6px;top:42px;width:26px;height:31px;border-radius:10px 4px 11px 12px;border-color:#78c7b580;background:#78c7b51a;transform:rotate(-18deg)}.stage-empty h1{margin:0 0 4px;color:#e8e8e0;font-size:17px;font-weight:700;letter-spacing:0}.primary-action,.secondary-action{height:34px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;border-radius:4px;font-size:11px;font-weight:700;cursor:pointer}.primary-action{color:var(--accent-ink);background:var(--accent);border:1px solid var(--accent)}.primary-action:hover{background:#e0ff83}.secondary-action{color:#afb6b0;background:transparent;border:1px solid transparent}.secondary-action:hover{color:var(--text);background:#ffffff0a}.timeline{height:174px;flex:0 0 174px;border-top:1px solid #3c4343;background:#222627}.timeline-top{height:43px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;border-bottom:1px solid var(--line-soft)}.timeline-title{display:flex;align-items:center;gap:7px;color:#a6ada7;font:500 9px var(--mono)}.timeline-controls{display:flex;align-items:center;gap:6px}.timeline-controls select{height:26px;max-width:145px;padding:0 22px 0 7px;color:#d8dbd4;border:1px solid #414848;border-radius:3px;background:#2a3031;font-size:10px}.timeline-controls .icon-button{width:26px;min-width:26px;height:26px}.timeline-controls .play-button{color:var(--accent)}.timeline-separator{height:17px;width:1px;margin:0 2px;background:#424a49}.time-readout{min-width:77px;color:#c3c9c1;text-align:right;font:10px var(--mono)}.time-readout span{padding:0 3px;color:#6e7774}.timeline-track{height:130px;display:grid;grid-template-columns:126px minmax(0,1fr)}.track-name{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 6px 0 12px;color:#aab0aa;border-right:1px solid var(--line-soft);font-size:10px}.track-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-name .icon-button{min-width:22px;width:22px;height:22px;margin-top:-5px;color:var(--accent)}.track-ruler{position:relative;margin:15px 13px 0;border-top:1px solid #49504e;background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#323838 calc(25% - 1px),#323838 25%)}.ruler-labels{display:flex;justify-content:space-between;margin-top:-14px;color:#717a77;font:8px var(--mono)}.track-ruler input[type=range]{position:absolute;left:0;top:18px;width:100%;height:21px;margin:0;accent-color:var(--accent)}.keyframe-marker{width:8px;height:8px;position:absolute;top:42px;z-index:1;transform:translate(-50%) rotate(45deg);background:var(--accent);border:1px solid #202425;pointer-events:none}.inspector-heading{height:43px;flex:0 0 43px;display:flex;justify-content:space-between;align-items:center;padding:0 14px;color:#959e99;border-bottom:1px solid var(--line-soft);font:500 9px var(--mono)}.inspector-heading svg{color:var(--accent)}.selection-card{min-height:64px;display:flex;align-items:center;gap:10px;margin:10px 10px 7px;padding:10px;background:#292e2f;border:1px solid #3b4342;border-radius:4px}.selection-icon{width:32px;height:32px;display:grid;place-items:center;color:var(--accent);background:#d5fc6312;border-radius:4px}.selection-card>div:last-child{min-width:0;display:flex;flex-direction:column;gap:4px}.selection-card span{color:#88918d;font:9px var(--mono)}.selection-card strong{overflow:hidden;color:#ecece4;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.property-section{padding:14px 12px 15px;border-bottom:1px solid var(--line-soft)}.property-title{margin-bottom:13px;color:#8f9893;font:500 9px var(--mono)}.field-row{min-height:29px;display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:8px}.field-row:last-child{margin-bottom:0}.field-row>label{color:#abb2ac;font-size:10px;white-space:nowrap}.dual-input,.number-suffix{height:27px;display:flex;align-items:center;border:1px solid #414948;border-radius:3px;background:#1d2223}.dual-input>span,.number-suffix>span{padding:0 5px;color:#818b86;font:9px var(--mono)}.dual-input input,.number-suffix input{min-width:0;width:55px;height:100%;padding:0 4px;color:#dfe1da;border:0;background:transparent;outline:0;font:10px var(--mono)}.number-suffix input{width:84px;text-align:right}.dual-input input::-webkit-inner-spin-button,.number-suffix input::-webkit-inner-spin-button{appearance:none}.brush-value{color:#cdd2ca;font:10px var(--mono)}.property-slider{width:100%;height:13px;margin:0;accent-color:var(--accent)}.weight-legend{display:flex;align-items:center;gap:7px;margin-top:7px;color:#8b9590;font:9px var(--mono)}.weight-legend i{height:6px;flex:1;border:1px solid #53605a;border-radius:5px;background:linear-gradient(90deg,#1e69eb,#5bccab,#ff6950)}.read-only-row{display:flex;justify-content:space-between;margin-top:9px;color:#9da59f;font-size:10px}.read-only-row strong{color:#d5d9d1;font:10px var(--mono)}.inspector-empty{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;color:#737c79;font-size:10px}.inspector-bottom{margin-top:auto;display:flex;justify-content:space-between;padding:12px;color:#737c79;border-top:1px solid var(--line-soft);font:9px var(--mono)}.toast{position:fixed;left:50%;bottom:191px;z-index:10;display:flex;align-items:center;gap:8px;padding:9px 13px;color:#e8ebdf;border:1px solid #444b46;border-radius:4px;background:#252b2a;box-shadow:0 8px 24px #0005;opacity:0;transform:translate(-50%,8px);pointer-events:none;font-size:10px;transition:opacity .15s ease,transform .15s ease}.toast.visible{opacity:1;transform:translate(-50%)}.toast svg{color:var(--accent)}@media(max-width:1120px){.workspace{grid-template-columns:44px 205px minmax(240px,1fr) 220px}.project-name input{width:155px}.timeline-track{grid-template-columns:105px minmax(0,1fr)}}@media(max-width:820px){body,.app-shell{min-height:480px}.topbar{height:48px;flex-basis:48px;gap:7px;padding:0 9px}.brand-name{font-size:13px}.saved-indicator{display:none}.project-name{padding:0 4px}.project-name input{width:min(160px,30vw)}.workspace{grid-template-columns:40px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.tool-rail{grid-column:1;grid-row:1}.tool-rail>.mobile-only-tool{display:inline-flex}.left-panel,.right-panel{display:none}.workspace.mobile-layers .left-panel,.workspace.mobile-inspector .right-panel{position:fixed;top:48px;bottom:152px;z-index:8;width:min(236px,calc(100vw - 56px));display:flex;box-shadow:12px 0 30px #0005}.workspace.mobile-layers .left-panel{left:40px}.workspace.mobile-inspector .right-panel{right:0;box-shadow:-12px 0 30px #0005}.center-panel{grid-column:2;grid-row:1}.timeline{height:152px;flex-basis:152px}.timeline-track{height:108px;grid-template-columns:86px minmax(0,1fr)}.timeline-top{padding:0 7px}.timeline-controls{gap:2px}.timeline-controls select{max-width:min(120px,31vw)}.time-readout{min-width:64px;font-size:9px}.track-name{padding-left:7px;font-size:9px}.stage-empty h1{font-size:15px}.toast{bottom:162px}}@media(max-width:430px){.topbar-divider{margin:0}.project-name input{width:min(118px,31vw);font-size:10px}.export-button{width:31px;min-width:31px;padding:0}.export-button span{display:none}.topbar>.icon-button:not(.export-button){width:28px;min-width:28px}.timeline-title span{display:none}.timeline-controls select{max-width:90px}.time-readout{min-width:57px;font-size:8px}.stage-size{font-size:8px}.timeline-track{grid-template-columns:72px minmax(0,1fr)}}