.spine-player{box-sizing:border-box;width:100%;height:100%;background:none}.spine-player *{box-sizing:border-box;font-family:PT Sans,Arial,Helvetica Neue,Helvetica,Tahoma,sans-serif;color:#ddd;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.spine-player-error{font-size:14px;z-index:10;border-radius:4px;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.spine-player-hidden{display:none}.spine-player canvas{border-radius:4px}.spine-player-slider{width:100%;height:16px;position:relative;cursor:pointer}.spine-player-slider-value{position:absolute;bottom:0;height:2px;background:#62b0ee99;cursor:pointer}.spine-player-slider:hover .spine-player-slider-value,.spine-player-slider-value.hovering{height:4px;background:#62b0ee;transition:height .2s}.spine-player-slider.big{height:12px;background:#000}.spine-player-slider.big .spine-player-slider-value{height:12px;background:#62b0ee}.spine-player-column{display:flex;flex-direction:column}.spine-player-row{display:flex;flex-direction:row}.spine-player-list{list-style:none!important;padding:0!important;margin:0!important}.spine-player-list li{cursor:pointer;margin:8px}.spine-player-list .selectable{display:flex;flex-direction:row;margin:0!important;padding:2px 20px 2px 0!important}.spine-player-list li.selectable:first-child{margin-top:4px!important}.spine-player-list li.selectable:last-child{margin-bottom:4px!important}.spine-player-list li.selectable:hover{background:#6e6e6e}.spine-player-list li.selectable .selectable-circle{display:flex;flex-direction:row;width:6px;min-width:6px;height:6px;border-radius:50%;background:#fff;align-self:center;opacity:0;margin:5px 10px}.spine-player-list li.selectable.selected .selectable-circle{opacity:1}.spine-player-list li.selectable .selectable-pin{display:flex;cursor:pointer;width:16px;min-width:16px;height:16px;align-self:center;box-sizing:content-box;margin:2px 8px 2px 0;padding-left:10px;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Epin%3C%2Ftitle%3E%3Cg%20id%3D%22pin%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12%2017v5%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M5%2017h14v-1.76a2%202%200%200%200-1.11-1.79l-1.78-.9A2%202%200%200%201%2015%2010.76V6h1a2%202%200%200%200%200-4H8a2%202%200%200%200%200%204h1v4.76a2%202%200%200%201-1.11%201.79l-1.78.9A2%202%200%200%200%205%2015.24Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right center;background-size:16px 16px;opacity:.4;transition:opacity .15s}.spine-player-list li.selectable:hover .selectable-pin{opacity:.7}.spine-player-list li.selectable.pinned .selectable-pin{opacity:1;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23ff4000%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Epin%3C%2Ftitle%3E%3Cg%20id%3D%22pin%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12%2017v5%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M5%2017h14v-1.76a2%202%200%200%200-1.11-1.79l-1.78-.9A2%202%200%200%201%2015%2010.76V6h1a2%202%200%200%200%200-4H8a2%202%200%200%200%200%204h1v4.76a2%202%200%200%201-1.11%201.79l-1.78.9A2%202%200%200%200%205%2015.24Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)}.spine-player-list li.selectable .selectable-text{color:#aaa}.spine-player-list li.selectable.selected .selectable-text,.spine-player-list li.selectable:hover .selectable-text,.spine-player-list li.selectable.pinned .selectable-text{color:#ddd}.spine-player-switch{display:flex;flex-direction:row;margin:2px 10px}.spine-player-switch-text{flex:1;margin-right:8px}.spine-player-switch-knob-area{width:30px;height:10px;display:block;border-radius:5px;background:#6e6e6e;position:relative;align-self:center;justify-self:flex-end}.spine-player-switch.active .spine-player-switch-knob-area{background:#5eaff1}.spine-player-switch-knob{display:block;width:14px;height:14px;border-radius:50%;background:#9e9e9e;position:absolute;left:0;top:-2px;filter:drop-shadow(0 0 1px #333);transition:transform .2s}.spine-player-switch.active .spine-player-switch-knob{background:#fff;transform:translate(18px);transition:transform .2s}.spine-player-popup-parent{position:relative}.spine-player-popup{-webkit-user-select:none;user-select:none;position:absolute;background:#000000bf;z-index:1;right:2px;bottom:40px;border-radius:4px;max-height:400%;overflow:auto;font-size:85%}.spine-player-popup-title{margin:4px 15px 2px;text-align:center}.spine-player-popup hr{margin:0;border:0;border-bottom:1px solid #cccccc70}.spine-player-controls{display:flex;flex-direction:column;position:absolute;bottom:0;left:0;width:100%;opacity:1;transition:opacity .4s}.spine-player-controls-hidden{pointer-events:none;opacity:0;transition:opacity .4s}.spine-player-controls .spine-player-timeline{opacity:0;transition:opacity .3s}.spine-player-controls:hover .spine-player-timeline,.spine-player-controls .spine-player-timeline.dragging{opacity:1}.spine-player-buttons{display:flex;flex-direction:row;width:100%;background:#00000080;border-bottom-left-radius:4px;border-bottom-right-radius:4px;padding:2px 8px 3px}.spine-player-button{background:none;outline:0;border:none;width:32px;height:32px;background-size:20px;background-repeat:no-repeat;background-position:center;cursor:pointer;margin-right:3px;padding-bottom:3px;filter:drop-shadow(0 0 1px #333)}.spine-player-button-spacer{flex:1}.spine-player-button-icon-play{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eplay%3C%2Ftitle%3E%3Cg%20id%3D%22play%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2243%2023.3%204%2047%204%201%2043%2023.3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)}.spine-player-button-icon-play:hover{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2362B0EE%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eplay%3C%2Ftitle%3E%3Cg%20id%3D%22play%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2243%2023.3%204%2047%204%201%2043%2023.3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)}.spine-player-button-icon-play-selected{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2362B0EE%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eplay%3C%2Ftitle%3E%3Cg%20id%3D%22play%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2243%2023.3%204%2047%204%201%2043%2023.3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)}.spine-player-button-icon-pause{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Epause%3C%2Ftitle%3E%3Cg%20id%3D%22pause%22%3E%3Crect%20class%3D%22cls-1%22%20x%3D%226%22%20y%3D%221%22%20width%3D%2213%22%20height%3D%2246%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%2228%22%20y%3D%221%22%20width%3D%2213%22%20height%3D%2246%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)}.spine-player-button-icon-pause:hover{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2362B0EE%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Epause%3C%2Ftitle%3E%3Cg%20id%3D%22pause%22%3E%3Crect%20class%3D%22cls-1%22%20x%3D%226%22%20y%3D%221%22%20width%3D%2213%22%20height%3D%2246%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%2228%22%20y%3D%221%22%20width%3D%2213%22%20height%3D%2246%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)}.spine-player-button-icon-pause-selected{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2362B0EE%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Epause%3C%2Ftitle%3E%3Cg%20id%3D%22pause%22%3E%3Crect%20class%3D%22cls-1%22%20x%3D%226%22%20y%3D%221%22%20width%3D%2213%22%20height%3D%2246%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%2228%22%20y%3D%221%22%20width%3D%2213%22%20height%3D%2246%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)}.spine-player-button-icon-speed{background-image:url(data:image/svg+xml,%3Csvg%20id%3D%22playback%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eplayback%3C%2Ftitle%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M48%2C28V20l-4.7-1.18a20.16%2C20.16%2C0%2C0%2C0-2-4.81l2.49-4.15L38.14%2C4.2%2C34%2C6.69a20.16%2C20.16%2C0%2C0%2C0-4.81-2L28%2C0H20L18.82%2C4.7A20.16%2C20.16%2C0%2C0%2C0%2C14%2C6.7L9.86%2C4.2%2C4.2%2C9.86%2C6.69%2C14a20.16%2C20.16%2C0%2C0%2C0-2%2C4.81L0%2C20v8l4.7%2C1.18A20.16%2C20.16%2C0%2C0%2C0%2C6.7%2C34L4.2%2C38.14%2C9.86%2C43.8%2C14%2C41.31a20.16%2C20.16%2C0%2C0%2C0%2C4.81%2C2L20%2C48h8l1.18-4.7a20.16%2C20.16%2C0%2C0%2C0%2C4.81-2l4.15%2C2.49%2C5.66-5.66L41.31%2C34a20.16%2C20.16%2C0%2C0%2C0%2C2-4.81ZM24%2C38A14%2C14%2C0%2C1%2C1%2C38%2C24%2C14%2C14%2C0%2C0%2C1%2C24%2C38Z%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2234%2024%2018%2033%2018%2015%2034%2024%2034%2024%22%2F%3E%3C%2Fsvg%3E)}.spine-player-button-icon-speed:hover{background-image:url(data:image/svg+xml,%3Csvg%20id%3D%22playback%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2362B0EE%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eplayback%3C%2Ftitle%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M48%2C28V20l-4.7-1.18a20.16%2C20.16%2C0%2C0%2C0-2-4.81l2.49-4.15L38.14%2C4.2%2C34%2C6.69a20.16%2C20.16%2C0%2C0%2C0-4.81-2L28%2C0H20L18.82%2C4.7A20.16%2C20.16%2C0%2C0%2C0%2C14%2C6.7L9.86%2C4.2%2C4.2%2C9.86%2C6.69%2C14a20.16%2C20.16%2C0%2C0%2C0-2%2C4.81L0%2C20v8l4.7%2C1.18A20.16%2C20.16%2C0%2C0%2C0%2C6.7%2C34L4.2%2C38.14%2C9.86%2C43.8%2C14%2C41.31a20.16%2C20.16%2C0%2C0%2C0%2C4.81%2C2L20%2C48h8l1.18-4.7a20.16%2C20.16%2C0%2C0%2C0%2C4.81-2l4.15%2C2.49%2C5.66-5.66L41.31%2C34a20.16%2C20.16%2C0%2C0%2C0%2C2-4.81ZM24%2C38A14%2C14%2C0%2C1%2C1%2C38%2C24%2C14%2C14%2C0%2C0%2C1%2C24%2C38Z%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2234%2024%2018%2033%2018%2015%2034%2024%2034%2024%22%2F%3E%3C%2Fsvg%3E)}.spine-player-button-icon-speed-selected{background-image:url(data:image/svg+xml,%3Csvg%20id%3D%22playback%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2362B0EE%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eplayback%3C%2Ftitle%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M48%2C28V20l-4.7-1.18a20.16%2C20.16%2C0%2C0%2C0-2-4.81l2.49-4.15L38.14%2C4.2%2C34%2C6.69a20.16%2C20.16%2C0%2C0%2C0-4.81-2L28%2C0H20L18.82%2C4.7A20.16%2C20.16%2C0%2C0%2C0%2C14%2C6.7L9.86%2C4.2%2C4.2%2C9.86%2C6.69%2C14a20.16%2C20.16%2C0%2C0%2C0-2%2C4.81L0%2C20v8l4.7%2C1.18A20.16%2C20.16%2C0%2C0%2C0%2C6.7%2C34L4.2%2C38.14%2C9.86%2C43.8%2C14%2C41.31a20.16%2C20.16%2C0%2C0%2C0%2C4.81%2C2L20%2C48h8l1.18-4.7a20.16%2C20.16%2C0%2C0%2C0%2C4.81-2l4.15%2C2.49%2C5.66-5.66L41.31%2C34a20.16%2C20.16%2C0%2C0%2C0%2C2-4.81ZM24%2C38A14%2C14%2C0%2C1%2C1%2C38%2C24%2C14%2C14%2C0%2C0%2C1%2C24%2C38Z%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2234%2024%2018%2033%2018%2015%2034%2024%2034%2024%22%2F%3E%3C%2Fsvg%3E)}.spine-player-button-icon-animations{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eanimations%3C%2Ftitle%3E%3Cg%20id%3D%22animations%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12%2C45V43.22a6.39%2C6.39%2C0%2C0%2C0%2C.63-.81%2C27.83%2C27.83%2C0%2C0%2C1%2C3.79-4.16c.93-.84%2C2.06-1.88%2C2.86-2.71a13.83%2C13.83%2C0%2C0%2C0%2C1.53-1.9l3.9-5.24c1-1.17.95-1.1%2C2.11%2C0l3%2C2.24a4%2C4%2C0%2C0%2C0-2.29%2C2.38c-1.37%2C3-2.39%2C4-2.68%2C4.22l-.23.18c-.54.39-1.81%2C1-1.7%2C1.54l.8%2C1.49a4.5%2C4.5%2C0%2C0%2C1%2C.39%2C1l.57%2C2.15a.69.69%2C0%2C0%2C0%2C.58.48c.47.08%2C1%2C.5%2C1.33.53%2C1.29.1%2C1.79%2C0%2C1.42-.54L26.7%2C42.72a.86.86%2C0%2C0%2C1-.2-.24%2C3.64%2C3.64%2C0%2C0%2C1-.42-2.2A5.39%2C5.39%2C0%2C0%2C1%2C26.61%2C39c1.84-2%2C6.74-6.36%2C6.74-6.36%2C1.71-1.81%2C1.4-2.52.81-3.84a27.38%2C27.38%2C0%2C0%2C0-2-3c-.41-.61-2.08-2.38-2.85-3.28-.43-.5.38-2.08.87-2.82.18-.12-.41.05%2C1.72.07a23.32%2C23.32%2C0%2C0%2C0%2C3.56-.19l1.63.61c.28%2C0%2C1.18-.09%2C1.31-.35l.12-.78c.18-.39.31-1.56-.05-1.75l-.6-.52a2.28%2C2.28%2C0%2C0%2C0-1.61.07l-.2.44c-.14.15-.52.37-.71.29l-2.24%2C0c-.5.12-1.18-.42-1.81-.73L32.05%2C15a8%2C8%2C0%2C0%2C0%2C.8-3.92%2C1.22%2C1.22%2C0%2C0%2C0-.28-.82%2C7.87%2C7.87%2C0%2C0%2C0-1.15-1.06l.11-.73c-.12-.49%2C1-.82%2C1.52-.82l.76-.33c.32%2C0%2C.68-.89.78-1.21L34.94%2C4a11.26%2C11.26%2C0%2C0%2C0%2C0-1.61C34.57.08%2C30.06-1.42%2C28.78%2C2c-.14.38-.62.77.34%2C3.21a1.55%2C1.55%2C0%2C0%2C1-.3%2C1.2L28.4%2C7a4%2C4%2C0%2C0%2C1-1.19.49c-.79%2C0-1.59-.75-4%2C.54C21%2C9.16%2C18.59%2C13%2C17.7%2C14.22a3.21%2C3.21%2C0%2C0%2C0-.61%2C1.58c-.05%2C1.16.7%2C3.74.87%2C5.75.13%2C1.53.21%2C2.52.72%2C3.06%2C1.07%2C1.14%2C2.1-.18%2C2.61-1a2.74%2C2.74%2C0%2C0%2C0-.14-1.86l-.74-.1c-.15-.15-.4-.42-.39-.64-.05-3.48-.22-3.14-.18-5.39%2C1.74-1.46%2C2.4-2.45%2C2.3-2-.2%2C1.15.28%2C2.83.09%2C4.35a6.46%2C6.46%2C0%2C0%2C1-.7%2C2.58s-2.11%2C4.22-2.14%2C4.27l-1.26%2C5.6-.7%2C1.44s-.71.54-1.59%2C1.21a9.67%2C9.67%2C0%2C0%2C0-2.27%2C3.18%2C20.16%2C20.16%2C0%2C0%2C1-1.42%2C2.83l-.87%2C1.31a1.72%2C1.72%2C0%2C0%2C1-.6.61l-1.83%2C1.1a1.39%2C1.39%2C0%2C0%2C0-.16.93l.68%2C1.71a4.07%2C4.07%2C0%2C0%2C1%2C.27%2C1.07l.17%2C1.56a.75.75%2C0%2C0%2C0%2C.71.59%2C18.13%2C18.13%2C0%2C0%2C0%2C3.26-.5c.27-.09-.29-.78-.53-1s-.45-.36-.45-.36A12.78%2C12.78%2C0%2C0%2C1%2C12%2C45Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)}.spine-player-button-icon-animations:hover{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2362B0EE%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eanimations%3C%2Ftitle%3E%3Cg%20id%3D%22animations%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12%2C45V43.22a6.39%2C6.39%2C0%2C0%2C0%2C.63-.81%2C27.83%2C27.83%2C0%2C0%2C1%2C3.79-4.16c.93-.84%2C2.06-1.88%2C2.86-2.71a13.83%2C13.83%2C0%2C0%2C0%2C1.53-1.9l3.9-5.24c1-1.17.95-1.1%2C2.11%2C0l3%2C2.24a4%2C4%2C0%2C0%2C0-2.29%2C2.38c-1.37%2C3-2.39%2C4-2.68%2C4.22l-.23.18c-.54.39-1.81%2C1-1.7%2C1.54l.8%2C1.49a4.5%2C4.5%2C0%2C0%2C1%2C.39%2C1l.57%2C2.15a.69.69%2C0%2C0%2C0%2C.58.48c.47.08%2C1%2C.5%2C1.33.53%2C1.29.1%2C1.79%2C0%2C1.42-.54L26.7%2C42.72a.86.86%2C0%2C0%2C1-.2-.24%2C3.64%2C3.64%2C0%2C0%2C1-.42-2.2A5.39%2C5.39%2C0%2C0%2C1%2C26.61%2C39c1.84-2%2C6.74-6.36%2C6.74-6.36%2C1.71-1.81%2C1.4-2.52.81-3.84a27.38%2C27.38%2C0%2C0%2C0-2-3c-.41-.61-2.08-2.38-2.85-3.28-.43-.5.38-2.08.87-2.82.18-.12-.41.05%2C1.72.07a23.32%2C23.32%2C0%2C0%2C0%2C3.56-.19l1.63.61c.28%2C0%2C1.18-.09%2C1.31-.35l.12-.78c.18-.39.31-1.56-.05-1.75l-.6-.52a2.28%2C2.28%2C0%2C0%2C0-1.61.07l-.2.44c-.14.15-.52.37-.71.29l-2.24%2C0c-.5.12-1.18-.42-1.81-.73L32.05%2C15a8%2C8%2C0%2C0%2C0%2C.8-3.92%2C1.22%2C1.22%2C0%2C0%2C0-.28-.82%2C7.87%2C7.87%2C0%2C0%2C0-1.15-1.06l.11-.73c-.12-.49%2C1-.82%2C1.52-.82l.76-.33c.32%2C0%2C.68-.89.78-1.21L34.94%2C4a11.26%2C11.26%2C0%2C0%2C0%2C0-1.61C34.57.08%2C30.06-1.42%2C28.78%2C2c-.14.38-.62.77.34%2C3.21a1.55%2C1.55%2C0%2C0%2C1-.3%2C1.2L28.4%2C7a4%2C4%2C0%2C0%2C1-1.19.49c-.79%2C0-1.59-.75-4%2C.54C21%2C9.16%2C18.59%2C13%2C17.7%2C14.22a3.21%2C3.21%2C0%2C0%2C0-.61%2C1.58c-.05%2C1.16.7%2C3.74.87%2C5.75.13%2C1.53.21%2C2.52.72%2C3.06%2C1.07%2C1.14%2C2.1-.18%2C2.61-1a2.74%2C2.74%2C0%2C0%2C0-.14-1.86l-.74-.1c-.15-.15-.4-.42-.39-.64-.05-3.48-.22-3.14-.18-5.39%2C1.74-1.46%2C2.4-2.45%2C2.3-2-.2%2C1.15.28%2C2.83.09%2C4.35a6.46%2C6.46%2C0%2C0%2C1-.7%2C2.58s-2.11%2C4.22-2.14%2C4.27l-1.26%2C5.6-.7%2C1.44s-.71.54-1.59%2C1.21a9.67%2C9.67%2C0%2C0%2C0-2.27%2C3.18%2C20.16%2C20.16%2C0%2C0%2C1-1.42%2C2.83l-.87%2C1.31a1.72%2C1.72%2C0%2C0%2C1-.6.61l-1.83%2C1.1a1.39%2C1.39%2C0%2C0%2C0-.16.93l.68%2C1.71a4.07%2C4.07%2C0%2C0%2C1%2C.27%2C1.07l.17%2C1.56a.75.75%2C0%2C0%2C0%2C.71.59%2C18.13%2C18.13%2C0%2C0%2C0%2C3.26-.5c.27-.09-.29-.78-.53-1s-.45-.36-.45-.36A12.78%2C12.78%2C0%2C0%2C1%2C12%2C45Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)}.spine-player-button-icon-animations-selected{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2362B0EE%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eanimations%3C%2Ftitle%3E%3Cg%20id%3D%22animations%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12%2C45V43.22a6.39%2C6.39%2C0%2C0%2C0%2C.63-.81%2C27.83%2C27.83%2C0%2C0%2C1%2C3.79-4.16c.93-.84%2C2.06-1.88%2C2.86-2.71a13.83%2C13.83%2C0%2C0%2C0%2C1.53-1.9l3.9-5.24c1-1.17.95-1.1%2C2.11%2C0l3%2C2.24a4%2C4%2C0%2C0%2C0-2.29%2C2.38c-1.37%2C3-2.39%2C4-2.68%2C4.22l-.23.18c-.54.39-1.81%2C1-1.7%2C1.54l.8%2C1.49a4.5%2C4.5%2C0%2C0%2C1%2C.39%2C1l.57%2C2.15a.69.69%2C0%2C0%2C0%2C.58.48c.47.08%2C1%2C.5%2C1.33.53%2C1.29.1%2C1.79%2C0%2C1.42-.54L26.7%2C42.72a.86.86%2C0%2C0%2C1-.2-.24%2C3.64%2C3.64%2C0%2C0%2C1-.42-2.2A5.39%2C5.39%2C0%2C0%2C1%2C26.61%2C39c1.84-2%2C6.74-6.36%2C6.74-6.36%2C1.71-1.81%2C1.4-2.52.81-3.84a27.38%2C27.38%2C0%2C0%2C0-2-3c-.41-.61-2.08-2.38-2.85-3.28-.43-.5.38-2.08.87-2.82.18-.12-.41.05%2C1.72.07a23.32%2C23.32%2C0%2C0%2C0%2C3.56-.19l1.63.61c.28%2C0%2C1.18-.09%2C1.31-.35l.12-.78c.18-.39.31-1.56-.05-1.75l-.6-.52a2.28%2C2.28%2C0%2C0%2C0-1.61.07l-.2.44c-.14.15-.52.37-.71.29l-2.24%2C0c-.5.12-1.18-.42-1.81-.73L32.05%2C15a8%2C8%2C0%2C0%2C0%2C.8-3.92%2C1.22%2C1.22%2C0%2C0%2C0-.28-.82%2C7.87%2C7.87%2C0%2C0%2C0-1.15-1.06l.11-.73c-.12-.49%2C1-.82%2C1.52-.82l.76-.33c.32%2C0%2C.68-.89.78-1.21L34.94%2C4a11.26%2C11.26%2C0%2C0%2C0%2C0-1.61C34.57.08%2C30.06-1.42%2C28.78%2C2c-.14.38-.62.77.34%2C3.21a1.55%2C1.55%2C0%2C0%2C1-.3%2C1.2L28.4%2C7a4%2C4%2C0%2C0%2C1-1.19.49c-.79%2C0-1.59-.75-4%2C.54C21%2C9.16%2C18.59%2C13%2C17.7%2C14.22a3.21%2C3.21%2C0%2C0%2C0-.61%2C1.58c-.05%2C1.16.7%2C3.74.87%2C5.75.13%2C1.53.21%2C2.52.72%2C3.06%2C1.07%2C1.14%2C2.1-.18%2C2.61-1a2.74%2C2.74%2C0%2C0%2C0-.14-1.86l-.74-.1c-.15-.15-.4-.42-.39-.64-.05-3.48-.22-3.14-.18-5.39%2C1.74-1.46%2C2.4-2.45%2C2.3-2-.2%2C1.15.28%2C2.83.09%2C4.35a6.46%2C6.46%2C0%2C0%2C1-.7%2C2.58s-2.11%2C4.22-2.14%2C4.27l-1.26%2C5.6-.7%2C1.44s-.71.54-1.59%2C1.21a9.67%2C9.67%2C0%2C0%2C0-2.27%2C3.18%2C20.16%2C20.16%2C0%2C0%2C1-1.42%2C2.83l-.87%2C1.31a1.72%2C1.72%2C0%2C0%2C1-.6.61l-1.83%2C1.1a1.39%2C1.39%2C0%2C0%2C0-.16.93l.68%2C1.71a4.07%2C4.07%2C0%2C0%2C1%2C.27%2C1.07l.17%2C1.56a.75.75%2C0%2C0%2C0%2C.71.59%2C18.13%2C18.13%2C0%2C0%2C0%2C3.26-.5c.27-.09-.29-.78-.53-1s-.45-.36-.45-.36A12.78%2C12.78%2C0%2C0%2C1%2C12%2C45Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)}.spine-player-button-icon-skins{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eskins%3C%2Ftitle%3E%3Cg%20id%3D%22skins%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M36%2C12.54l-6.92%2C1-.79%2C1.2c-1%2C.25-2-.62-3-.55V12.33a1.35%2C1.35%2C0%2C0%2C1%2C.55-1.07c3-2.24%2C3.28-3.75%2C3.28-5.34A5.06%2C5.06%2C0%2C0%2C0%2C24%2C.76c-2.54%2C0-4.38.71-5.49%2C2.13a5.74%2C5.74%2C0%2C0%2C0-.9%2C4.57l2.48-.61a3.17%2C3.17%2C0%2C0%2C1%2C.45-2.4c.6-.75%2C1.75-1.13%2C3.42-1.13%2C2.56%2C0%2C2.56%2C1.24%2C2.56%2C2.56%2C0%2C.92%2C0%2C1.65-2.26%2C3.34a3.92%2C3.92%2C0%2C0%2C0-1.58%2C3.12v1.86c-1-.07-2%2C.8-3%2C.55l-.79-1.2-6.92-1c-2.25%2C0-4.35%2C2.09-5.64%2C3.93L1%2C24c3.83%2C5.11%2C10.22%2C5.11%2C10.22%2C5.11V41.93c0%2C2.34%2C2.68%2C3.88%2C5.59%2C4.86a22.59%2C22.59%2C0%2C0%2C0%2C14.37%2C0c2.91-1%2C5.59-2.52%2C5.59-4.86V29.15S43.17%2C29.15%2C47%2C24l-5.33-7.57C40.38%2C14.63%2C38.27%2C12.54%2C36%2C12.54ZM23.32%2C20.09%2C21%2C17l1.8-.6a3.79%2C3.79%2C0%2C0%2C1%2C2.4%2C0L27%2C17l-2.32%2C3.09A.85.85%2C0%2C0%2C1%2C23.32%2C20.09Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);width:31px;height:31px}.spine-player-button-icon-skins:hover{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2362B0EE%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eskins%3C%2Ftitle%3E%3Cg%20id%3D%22skins%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M36%2C12.54l-6.92%2C1-.79%2C1.2c-1%2C.25-2-.62-3-.55V12.33a1.35%2C1.35%2C0%2C0%2C1%2C.55-1.07c3-2.24%2C3.28-3.75%2C3.28-5.34A5.06%2C5.06%2C0%2C0%2C0%2C24%2C.76c-2.54%2C0-4.38.71-5.49%2C2.13a5.74%2C5.74%2C0%2C0%2C0-.9%2C4.57l2.48-.61a3.17%2C3.17%2C0%2C0%2C1%2C.45-2.4c.6-.75%2C1.75-1.13%2C3.42-1.13%2C2.56%2C0%2C2.56%2C1.24%2C2.56%2C2.56%2C0%2C.92%2C0%2C1.65-2.26%2C3.34a3.92%2C3.92%2C0%2C0%2C0-1.58%2C3.12v1.86c-1-.07-2%2C.8-3%2C.55l-.79-1.2-6.92-1c-2.25%2C0-4.35%2C2.09-5.64%2C3.93L1%2C24c3.83%2C5.11%2C10.22%2C5.11%2C10.22%2C5.11V41.93c0%2C2.34%2C2.68%2C3.88%2C5.59%2C4.86a22.59%2C22.59%2C0%2C0%2C0%2C14.37%2C0c2.91-1%2C5.59-2.52%2C5.59-4.86V29.15S43.17%2C29.15%2C47%2C24l-5.33-7.57C40.38%2C14.63%2C38.27%2C12.54%2C36%2C12.54ZM23.32%2C20.09%2C21%2C17l1.8-.6a3.79%2C3.79%2C0%2C0%2C1%2C2.4%2C0L27%2C17l-2.32%2C3.09A.85.85%2C0%2C0%2C1%2C23.32%2C20.09Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)}.spine-player-button-icon-skins-selected{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2362B0EE%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eskins%3C%2Ftitle%3E%3Cg%20id%3D%22skins%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M36%2C12.54l-6.92%2C1-.79%2C1.2c-1%2C.25-2-.62-3-.55V12.33a1.35%2C1.35%2C0%2C0%2C1%2C.55-1.07c3-2.24%2C3.28-3.75%2C3.28-5.34A5.06%2C5.06%2C0%2C0%2C0%2C24%2C.76c-2.54%2C0-4.38.71-5.49%2C2.13a5.74%2C5.74%2C0%2C0%2C0-.9%2C4.57l2.48-.61a3.17%2C3.17%2C0%2C0%2C1%2C.45-2.4c.6-.75%2C1.75-1.13%2C3.42-1.13%2C2.56%2C0%2C2.56%2C1.24%2C2.56%2C2.56%2C0%2C.92%2C0%2C1.65-2.26%2C3.34a3.92%2C3.92%2C0%2C0%2C0-1.58%2C3.12v1.86c-1-.07-2%2C.8-3%2C.55l-.79-1.2-6.92-1c-2.25%2C0-4.35%2C2.09-5.64%2C3.93L1%2C24c3.83%2C5.11%2C10.22%2C5.11%2C10.22%2C5.11V41.93c0%2C2.34%2C2.68%2C3.88%2C5.59%2C4.86a22.59%2C22.59%2C0%2C0%2C0%2C14.37%2C0c2.91-1%2C5.59-2.52%2C5.59-4.86V29.15S43.17%2C29.15%2C47%2C24l-5.33-7.57C40.38%2C14.63%2C38.27%2C12.54%2C36%2C12.54ZM23.32%2C20.09%2C21%2C17l1.8-.6a3.79%2C3.79%2C0%2C0%2C1%2C2.4%2C0L27%2C17l-2.32%2C3.09A.85.85%2C0%2C0%2C1%2C23.32%2C20.09Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)}.spine-player-button-icon-settings{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Esettings%3C%2Ftitle%3E%3Cg%20id%3D%22settings%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M40%2C3H8A5%2C5%2C0%2C0%2C0%2C3%2C8V40a5%2C5%2C0%2C0%2C0%2C5%2C5H40a5%2C5%2C0%2C0%2C0%2C5-5V8A5%2C5%2C0%2C0%2C0%2C40%2C3ZM16%2C40H9V33h7Zm0-12H9V21h7Zm0-12H9V9h7ZM39%2C38H20V35H39Zm0-12H20V23H39Zm0-12H20V11H39Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);margin-top:1px}.spine-player-button-icon-settings:hover{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2362B0EE%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Esettings%3C%2Ftitle%3E%3Cg%20id%3D%22settings%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M40%2C3H8A5%2C5%2C0%2C0%2C0%2C3%2C8V40a5%2C5%2C0%2C0%2C0%2C5%2C5H40a5%2C5%2C0%2C0%2C0%2C5-5V8A5%2C5%2C0%2C0%2C0%2C40%2C3ZM16%2C40H9V33h7Zm0-12H9V21h7Zm0-12H9V9h7ZM39%2C38H20V35H39Zm0-12H20V23H39Zm0-12H20V11H39Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)}.spine-player-button-icon-settings-selected{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2362B0EE%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Esettings%3C%2Ftitle%3E%3Cg%20id%3D%22settings%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M40%2C3H8A5%2C5%2C0%2C0%2C0%2C3%2C8V40a5%2C5%2C0%2C0%2C0%2C5%2C5H40a5%2C5%2C0%2C0%2C0%2C5-5V8A5%2C5%2C0%2C0%2C0%2C40%2C3ZM16%2C40H9V33h7Zm0-12H9V21h7Zm0-12H9V9h7ZM39%2C38H20V35H39Zm0-12H20V23H39Zm0-12H20V11H39Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)}.spine-player-button-icon-fullscreen{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eexpand%3C%2Ftitle%3E%3Cg%20id%3D%22settings%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2230.14%208%2040%208%2040%2017.86%2044.5%2017.86%2044.5%203.5%2030.14%203.5%2030.14%208%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%228%2017.86%208%208%2017.86%208%2017.86%203.5%203.5%203.5%203.5%2017.86%208%2017.86%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2240%2030.14%2040%2040%2030.14%2040%2030.14%2044.5%2044.5%2044.5%2044.5%2030.14%2040%2030.14%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2217.86%2040%208%2040%208%2030.14%203.5%2030.14%203.5%2044.5%2017.86%2044.5%2017.86%2040%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);margin-top:1px}.spine-player-button-icon-fullscreen:hover{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2362B0EE%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eexpand%3C%2Ftitle%3E%3Cg%20id%3D%22settings%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2230.14%208%2040%208%2040%2017.86%2044.5%2017.86%2044.5%203.5%2030.14%203.5%2030.14%208%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%228%2017.86%208%208%2017.86%208%2017.86%203.5%203.5%203.5%203.5%2017.86%208%2017.86%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2240%2030.14%2040%2040%2030.14%2040%2030.14%2044.5%2044.5%2044.5%2044.5%2030.14%2040%2030.14%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2217.86%2040%208%2040%208%2030.14%203.5%2030.14%203.5%2044.5%2017.86%2044.5%2017.86%2040%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)}.spine-player-button-icon-fullscreen-selected{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2362B0EE%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eexpand%3C%2Ftitle%3E%3Cg%20id%3D%22settings%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2230.14%208%2040%208%2040%2017.86%2044.5%2017.86%2044.5%203.5%2030.14%203.5%2030.14%208%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%228%2017.86%208%208%2017.86%208%2017.86%203.5%203.5%203.5%203.5%2017.86%208%2017.86%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2240%2030.14%2040%2040%2030.14%2040%2030.14%2044.5%2044.5%2044.5%2044.5%2030.14%2040%2030.14%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2217.86%2040%208%2040%208%2030.14%203.5%2030.14%203.5%2044.5%2017.86%2044.5%2017.86%2040%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)}.spine-player-button-icon-spine-logo{height:20px;position:relative;top:1px;margin:0 8px!important;align-self:center;border:none!important;width:auto!important;cursor:pointer;transition:transform .2s;box-shadow:none!important;filter:drop-shadow(0 0 1px #333)}.spine-player-button-icon-spine-logo:hover{transform:scale(1.05);transition:transform .2s}.spine-player-speed-slider{width:150px}.spine-player-editor-container{display:flex;flex-direction:row;height:100%;width:100%}.spine-player-editor-code{flex:1;overflow:auto}.spine-player-editor-player{flex:1;border:none;background:#000}.CodeMirror{height:100%}:root{--bg: #1a1a1a;--bg-alt: #1f1f1e;--surface: #262626;--surface-2: #303030;--border: #333333;--text: #ededed;--muted: #9ca3af;--subtle: #6b7280;--brand: #e56a4a;--brand-soft: #ee8d6a;--success: #22c55e;--warning: #fbbf24;--danger: #ef4444;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%}body{margin:0;background:var(--bg);color:var(--text);overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace}.desktop-shell{height:100vh;min-height:0;display:flex;flex-direction:row;position:relative;overflow:hidden;background:radial-gradient(900px 420px at 18% 4%,rgba(229,106,74,.15),transparent 68%),radial-gradient(760px 380px at 86% 12%,rgba(34,197,94,.07),transparent 64%),var(--bg)}:root{--sidebar-spring: cubic-bezier(.32, .72, 0, 1)}.sidebar{position:relative;width:52px;min-width:52px;height:100%;flex-shrink:0;border-right:1px solid rgba(255,255,255,.08);background:#121216e6;backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);box-shadow:inset 0 1px #ffffff0f,2px 0 12px #00000059;padding:12px 6px 10px;display:flex;flex-direction:column;align-items:center;gap:10px;z-index:40;overflow:hidden;box-sizing:border-box;transition:width .3s var(--sidebar-spring),min-width .3s var(--sidebar-spring),padding .3s var(--sidebar-spring),background .25s ease,border-color .25s ease,box-shadow .3s var(--sidebar-spring);will-change:width}.sidebar:hover,.sidebar:focus-within,.desktop-shell.sidebar-pinned .sidebar{width:220px;min-width:220px;padding:12px 10px 10px;background:#0f0f12f7;border-right:1px solid rgba(229,106,74,.28);box-shadow:inset 0 1px #ffffff14,10px 0 38px #000000a6}.sidebar-brand-row{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:0 2px}.brand-mark{width:36px;height:36px;min-width:36px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:14px;letter-spacing:-.5px;background:linear-gradient(135deg,var(--brand),#c74f34);box-shadow:0 4px 18px #e56a4a61,0 1px 2px #0006;flex-shrink:0;margin:0 auto;transition:margin .25s var(--sidebar-spring),transform .15s ease-out}.brand-mark:active{transform:scale(.95)}.sidebar:hover .brand-mark,.sidebar:focus-within .brand-mark,.desktop-shell.sidebar-pinned .brand-mark{margin:0}.brand-meta{display:flex;flex-direction:column;line-height:1.15;opacity:0;max-width:0;overflow:hidden;white-space:nowrap;pointer-events:none;transform:translate(-10px);transition:opacity .22s var(--sidebar-spring),transform .22s var(--sidebar-spring),max-width .25s var(--sidebar-spring)}.sidebar:hover .brand-meta,.sidebar:focus-within .brand-meta,.desktop-shell.sidebar-pinned .brand-meta{opacity:1;max-width:150px;pointer-events:auto;transform:translate(0);transition-delay:.04s}.brand-title{font-size:13.5px;font-weight:700;color:#f7f8f8;letter-spacing:-.2px}.brand-badge{font-size:10px;font-weight:600;color:var(--brand);text-transform:uppercase;letter-spacing:.5px}.sidebar button.sidebar-toggle{width:36px;height:28px;min-height:28px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#ffffff08;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:8px;padding:0;cursor:pointer;margin:0 auto;transition:width .25s var(--sidebar-spring),padding .25s var(--sidebar-spring),background .15s ease,border-color .15s ease,transform .15s ease-out}.sidebar button.sidebar-toggle:active{transform:scale(.96)}.sidebar:hover button.sidebar-toggle,.sidebar:focus-within button.sidebar-toggle,.desktop-shell.sidebar-pinned button.sidebar-toggle{width:100%;padding:0 10px;justify-content:flex-start;margin:0}.sidebar button.sidebar-toggle:hover{background:#e56a4a1f;border-color:#e56a4a52;color:var(--text)}.sidebar button.sidebar-toggle span{font-size:11.5px;font-weight:600;opacity:0;max-width:0;overflow:hidden;white-space:nowrap;pointer-events:none;transform:translate(-6px);transition:opacity .18s ease,transform .18s ease,max-width .2s ease}.sidebar:hover button.sidebar-toggle span,.sidebar:focus-within button.sidebar-toggle span,.desktop-shell.sidebar-pinned button.sidebar-toggle span{opacity:1;max-width:140px;pointer-events:auto;transform:translate(0);transition-delay:.03s}.sidebar nav,.sidebar .sidebar-nav{display:flex;flex-direction:column;gap:4px;width:100%;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:1px}.sidebar nav::-webkit-scrollbar,.sidebar .sidebar-nav::-webkit-scrollbar{width:3px}.sidebar nav::-webkit-scrollbar-track,.sidebar .sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar nav::-webkit-scrollbar-thumb,.sidebar .sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.sidebar nav::-webkit-scrollbar-thumb:hover,.sidebar .sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff40}.sidebar-footer{width:100%;margin-top:auto;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:4px;flex-shrink:0}.sidebar nav button,.sidebar-footer button{width:36px;height:36px;min-height:36px;border:1px solid transparent;border-radius:10px;background:transparent;color:#9ca3af;display:flex;align-items:center;justify-content:center;gap:12px;padding:0;cursor:pointer;margin:0 auto;transition:width .24s var(--sidebar-spring),padding .24s var(--sidebar-spring),background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease-out}.sidebar nav button:active,.sidebar-footer button:active{transform:scale(.96)}.sidebar nav button svg,.sidebar-footer button svg{flex-shrink:0}.sidebar:hover nav button,.sidebar:hover .sidebar-footer button,.sidebar:focus-within nav button,.sidebar:focus-within .sidebar-footer button,.desktop-shell.sidebar-pinned nav button,.desktop-shell.sidebar-pinned .sidebar-footer button{width:100%;padding:0 11px;justify-content:flex-start;margin:0}.sidebar nav button span,.sidebar-footer button span{font-size:13px;font-weight:500;color:inherit;opacity:0;max-width:0;overflow:hidden;white-space:nowrap;pointer-events:none;transform:translate(-8px);transition:opacity .22s var(--sidebar-spring),transform .22s var(--sidebar-spring),max-width .24s var(--sidebar-spring)}.sidebar:hover nav button span,.sidebar:hover .sidebar-footer button span,.sidebar:focus-within nav button span,.sidebar:focus-within .sidebar-footer button span,.desktop-shell.sidebar-pinned nav button span,.desktop-shell.sidebar-pinned .sidebar-footer button span{opacity:1;max-width:150px;pointer-events:auto;transform:translate(0);transition-delay:.03s}.sidebar nav button:hover,.sidebar-footer button:hover{color:#f9fafb;background:#ffffff0d;border-color:#ffffff17}.sidebar nav button.active,.sidebar-footer button.active{color:#fff;border-color:#e56a4a61;background:#e56a4a24;box-shadow:0 1px 2px #0006,0 4px 14px #e56a4a3d}.sidebar nav button.active:hover,.sidebar-footer button.active:hover{background:#e56a4a33;border-color:#e56a4a80}.editor-focused-shell .sidebar{display:none}.main-stage{flex:1;min-width:0;min-height:0;height:100%;padding:22px;display:flex;flex-direction:column;gap:18px;overflow:hidden;transition:padding .3s var(--sidebar-spring)}.main-stage.editor-focused-stage{padding:0;gap:0}.editor-focused-stage .app-header,.editor-focused-stage .eyebrow{display:none}.editor-focused-stage h1{font-size:18px}.editor-focused-stage .version-pill{min-height:30px;padding:0 9px;font-size:12px}.editor-focused-stage .small-action{width:32px;min-height:30px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.title-block{display:grid;gap:2px}.eyebrow{margin:0;color:var(--brand-soft);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1,h2{margin:0;letter-spacing:0}h1{font-size:28px}h2{font-size:22px}.header-actions{display:inline-flex;align-items:center;gap:10px}.small-action,.version-pill,.ghost-btn,.primary-btn{border:1px solid var(--border);border-radius:10px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--text);background:#262626eb}.small-action{width:38px}.version-pill{padding:0 13px;color:var(--brand-soft);border-color:#e56a4a6b}.ghost-btn{padding:0 12px}.primary-btn{border:0;padding:0 14px;color:#fff;background:var(--brand)}.content-grid{min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;overflow:auto;padding-right:4px}.content-grid.two{grid-template-columns:1.4fr 1fr}.panel,.metric-card{min-width:0;border:1px solid var(--border);border-radius:12px;background:#262626e6;box-shadow:0 18px 60px -34px #000c}.panel{padding:16px}.panel.wide{grid-column:span 3}.panel.fill{flex:1;min-height:0;overflow:auto}.metric-card{padding:16px;display:flex;align-items:center;gap:13px}.metric-card svg{color:var(--brand-soft)}.metric-card div{min-width:0;display:grid;gap:3px}.metric-card span{color:var(--muted);font-size:12px}.metric-card strong{font-size:20px}.good{color:var(--success)}.warn{color:var(--warning)}.danger{color:var(--danger)}.panel-title{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.panel-title span{min-width:0;display:inline-flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-title span svg{flex:0 0 auto}.panel-title select,.settings-form select,.settings-form input{border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text);min-height:36px;padding:0 10px}.pipeline{display:flex;flex-wrap:wrap;gap:10px}.pipeline div{border:1px solid var(--border);border-radius:12px;background:var(--surface-2);display:inline-flex;align-items:center;gap:9px;padding:11px 12px}.pipeline svg:first-child{color:var(--success)}.source-link{min-height:32px;border:1px solid rgba(229,106,74,.34);border-radius:8px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;color:var(--brand-soft);background:#e56a4a14;text-decoration:none;letter-spacing:0;text-transform:none}.pro-parity-panel{grid-column:1 / -1}.pro-parity-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:12px}.pro-parity-summary>div{min-width:0;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);padding:10px;display:grid;gap:3px}.pro-parity-summary span,.pro-feature-main span,.pro-feature-now,.pro-feature-next,.pro-parity-position{color:var(--muted);font-size:12px}.pro-parity-summary strong{font-size:18px}.pro-parity-position{border:1px solid rgba(251,191,36,.3);border-radius:10px;background:#fbbf2414;color:#f8d57a;padding:9px 11px;margin-bottom:12px}.pro-feature-grid{display:grid;gap:8px}.pro-feature-row{min-width:0;border:1px solid var(--border);border-left-width:4px;border-radius:10px;background:var(--surface-2);display:grid;grid-template-columns:minmax(150px,1.1fr) 92px minmax(220px,1.4fr) minmax(220px,1.4fr);gap:10px;align-items:center;padding:10px}.pro-feature-row.status-done{border-left-color:var(--success)}.pro-feature-row.status-mvp{border-left-color:var(--brand-soft)}.pro-feature-row.status-partial{border-left-color:var(--warning)}.pro-feature-row.status-boundary,.pro-feature-row.status-missing{border-left-color:var(--danger)}.pro-feature-main{min-width:0;display:grid;gap:2px}.pro-feature-main strong,.pro-feature-now,.pro-feature-next{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pro-feature-status{width:82px;min-height:28px;border:1px solid var(--border);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--text);background:#1a1a1abd;font-size:11px;font-weight:800}.status-done .pro-feature-status{color:var(--success);border-color:#22c55e57}.status-mvp .pro-feature-status{color:var(--brand-soft);border-color:#e56a4a5c}.status-partial .pro-feature-status{color:var(--warning);border-color:#fbbf2457}.status-boundary .pro-feature-status,.status-missing .pro-feature-status{color:var(--danger);border-color:#ef444457}@media(max-width:1020px){.pro-parity-panel{grid-column:auto}.pro-parity-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-feature-row{grid-template-columns:minmax(0,1fr) auto}.pro-feature-now,.pro-feature-next{grid-column:1 / -1;white-space:normal}}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.check-row,.launcher-row,.issue-list>div,.error-map>div{border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.check-row{display:flex;gap:10px;align-items:flex-start;padding:12px}.check-row svg{flex:0 0 auto;color:var(--success)}.check-row div{min-width:0;display:grid;gap:2px}.check-row strong,.launcher-row strong,.issue-list strong,.error-map strong,.asset-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.check-row span,.launcher-row small,.issue-list span,.error-map span,.asset-card span{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.launcher-row{padding:12px;display:grid;grid-template-columns:1fr auto;gap:4px 10px;margin-bottom:10px}.launcher-row small{grid-column:1 / -1;font-family:ui-monospace,SFMono-Regular,monospace}.runtime-player-panel{grid-column:1 / -1}.runtime-player-actions{min-width:0;display:inline-flex;align-items:center;gap:10px}.runtime-player-actions select{max-width:min(420px,42vw)}.runtime-debug-toggle{min-height:36px;display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;letter-spacing:0;text-transform:none}.runtime-player-shell{position:relative;height:clamp(360px,52vh,680px);min-height:0;border:1px solid var(--border);border-radius:10px;background:#151515;overflow:hidden}.runtime-player-canvas,.runtime-player-canvas>.spine-player{width:100%;height:100%}.runtime-player-empty{position:absolute;inset:0;display:grid;place-items:center;gap:10px;color:var(--warning)}.runtime-player-meta{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;color:var(--muted);font-size:12px}.runtime-player-meta code{max-width:100%;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:#d5e8da;padding:4px 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px}.asset-card{min-width:0;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);padding:10px;display:grid;gap:8px}.asset-thumb{aspect-ratio:1.2;border-radius:8px;display:grid;place-items:center;background:#1d1d1d;overflow:hidden}.asset-thumb img{max-width:100%;max-height:100%;object-fit:contain}.project-card{min-height:210px;min-width:0}.project-sync-panel{grid-column:1 / -1}.project-sync-body{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:14px}.project-sync-body>div:first-child{min-width:0;display:grid;gap:2px}.project-sync-body strong{font-size:24px}.project-sync-body span{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.sync-state{min-height:36px;border:1px solid var(--border);border-radius:10px;display:inline-flex;align-items:center;padding:0 12px;color:var(--muted);background:#303030db;font-size:12px;font-weight:800}.sync-state.saving{color:var(--warning);border-color:#fbbf2457}.sync-state.saved{color:var(--success);border-color:#22c55e4d}.project-stats,.file-pills{min-width:0;display:flex;flex-wrap:wrap;gap:8px}.project-stats span,.file-pills span{min-width:0;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:12px;padding:5px 8px}.project-stats span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-pills{margin-top:12px}.file-pills span{max-width:100%;overflow-wrap:anywhere}.issue-list,.error-map{display:grid;gap:10px}.issue-list>div{display:flex;align-items:flex-start;gap:10px;padding:12px}.issue-list svg{color:var(--warning);flex:0 0 auto}.issue-list div div,.error-map>div{min-width:0;display:grid;gap:3px}.error-map>div{padding:12px}.final-library{flex:1;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px}.final-toolbar{min-height:64px;border:1px solid var(--border);border-radius:8px;background:#262626eb;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:14px}.final-summary{min-width:0;display:flex;align-items:baseline;gap:8px}.final-summary strong{font-size:24px;color:var(--brand-soft)}.final-summary span{font-weight:800}.final-summary small{color:var(--muted)}.final-search{width:min(360px,46vw);height:36px;border:1px solid var(--border);border-radius:6px;background:#1d1d1d;color:var(--muted);padding:0 10px;display:flex;align-items:center;gap:8px}.final-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text)}.final-grid{min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:max-content;align-content:start;gap:14px;padding-right:4px}.final-card{min-width:0;align-self:start;border:1px solid var(--border);border-radius:8px;background:#262626f0;overflow:hidden}.final-preview{height:184px;position:relative;display:grid;place-items:center;background:#111;color:var(--muted);overflow:hidden}.final-preview img{width:100%;height:100%;object-fit:contain}.final-play{position:absolute;right:8px;bottom:8px;min-height:30px;border:1px solid rgba(255,255,255,.18);border-radius:5px;background:#101010d6;color:#fff;padding:0 9px;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800}.final-card-body{padding:12px;display:grid;gap:11px}.final-card-heading{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.final-card-heading>div{min-width:0}.final-card-heading h2{font-size:15px;line-height:1.3;overflow-wrap:anywhere}.final-card-heading>div>span{color:var(--muted);font-size:11px}.final-status{min-height:26px;flex:0 0 auto;border:1px solid var(--border);border-radius:5px;color:var(--muted);padding:0 7px;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800}.final-status.pass{border-color:#22c55e52;color:var(--success)}.final-status.warning{border-color:#fbbf2457;color:var(--warning)}.final-meta,.final-counts,.final-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.final-meta span,.final-counts span{border:1px solid var(--border);border-radius:5px;background:#202020;color:var(--muted);padding:4px 7px;font-size:11px}.final-counts strong{color:var(--text)}.final-actions{padding-top:2px}.final-actions .primary-btn,.final-actions .ghost-btn,.final-actions .icon-link{min-height:34px;border-radius:5px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.final-actions .icon-link{width:34px;margin-left:auto;border:1px solid var(--border);color:var(--muted);background:var(--surface-2)}.final-empty{min-height:260px;border:1px dashed var(--border);border-radius:8px;color:var(--muted);display:grid;place-content:center;justify-items:center;gap:8px}@media(max-width:720px){.final-toolbar{align-items:stretch;flex-direction:column}.final-summary{flex-wrap:wrap}.final-search{width:100%}.final-grid{grid-template-columns:1fr}}.concepts-tab{flex:1;min-height:0;overflow:auto;display:grid;gap:14px;padding-right:4px}.concepts-hero{border:1px solid rgba(229,106,74,.28);border-radius:12px;background:linear-gradient(135deg,#e56a4a29,#22c55e12),#262626eb;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px}.concepts-hero h2{margin-top:2px;font-size:26px}.concepts-hero p{max-width:760px;margin:8px 0 0;color:var(--muted)}.concepts-hero-stat{flex:0 0 auto;min-width:148px;border:1px solid rgba(34,197,94,.3);border-radius:10px;background:#22c55e14;display:grid;gap:3px;padding:14px;text-align:right}.concepts-hero-stat strong{color:var(--success);font-size:28px;line-height:1}.concepts-hero-stat span{color:var(--muted);font-size:12px}.concepts-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:14px}.concepts-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.concepts-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.concept-block{min-width:0;border:1px solid var(--border);border-radius:12px;background:#262626e6;box-shadow:0 18px 60px -34px #000c;padding:16px}.concept-block-title{display:flex;align-items:center;gap:9px;margin-bottom:14px}.concept-block-title svg{flex:0 0 auto;color:var(--brand-soft)}.concept-block-title h3{margin:0;font-size:16px}.concept-list,.lesson-map{display:grid;gap:8px}.concept-row,.lesson-map div{min-width:0;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:#303030c7;display:grid;gap:4px;padding:10px}.concept-row strong,.lesson-map strong{color:var(--text);font-size:13px}.concept-row span,.lesson-map span{color:var(--muted);font-size:12px}.workflow-block{align-content:start}.workflow-steps{margin:0;padding-left:22px;color:var(--muted)}.workflow-steps li{padding-left:6px;margin:0 0 10px}.workflow-steps li::marker{color:var(--brand-soft);font-weight:800}.concept-bullets{margin:0;padding-left:19px;color:var(--muted)}.concept-bullets li{margin-bottom:9px}.asset-checklist{margin-bottom:4px}.asset-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.asset-check-grid div{min-width:0;border:1px solid rgba(34,197,94,.18);border-radius:8px;background:#22c55e0f;display:grid;grid-template-columns:9px 1fr;gap:10px;padding:10px}.asset-check-grid div>span{width:9px;height:9px;margin-top:5px;border-radius:50%;background:var(--success)}.asset-check-grid p{margin:0;color:var(--muted);font-size:12px}.concept-card-cta{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:8px 14px;background:#e56a4a1f;border:1px solid rgba(229,106,74,.35);border-radius:8px;color:var(--brand-soft);text-decoration:none;font-size:12px;font-weight:700;transition:all .2s ease;width:fit-content}.concept-card-cta:hover{background:var(--brand);color:#fff;border-color:var(--brand);transform:translateY(-1px);box-shadow:0 4px 12px -2px #e56a4a66}@media(max-width:1100px){.concepts-grid,.concepts-grid.two,.concepts-grid.three,.asset-check-grid{grid-template-columns:1fr}}@media(max-width:720px){.concepts-hero{align-items:stretch;flex-direction:column}.concepts-hero-stat{text-align:left}}.empty-state{min-height:150px;display:grid;place-items:center;gap:8px;color:var(--success)}.log-view{min-height:560px;margin:0;border:1px solid var(--border);border-radius:10px;background:#101010;color:#d5e8da;padding:14px;overflow:auto;white-space:pre-wrap}.spine-editor{--spine-menu-height: 36px;--spine-timeline-height: 64px;--spine-toolstrip-width: 34px;--spine-left-rail: 252px;--spine-right-rail: 258px;flex:1;min-height:0;position:relative;display:grid;grid-template-rows:var(--spine-menu-height) minmax(0,1fr) var(--spine-timeline-height);border:1px solid #151515;background:#181818;box-shadow:0 18px 70px -38px #000000e6;overflow:hidden}.spine-editor.menu-collapsed{--spine-menu-height: 26px}.spine-editor.timeline-collapsed{--spine-timeline-height: 28px}.spine-editor.preview-maximized{display:block}.spine-editor.preview-maximized.hierarchy-collapsed{--spine-left-rail: 72px}.spine-editor.preview-maximized.inspector-collapsed{--spine-right-rail: 36px}.spine-editor.preview-maximized .spine-workbench{position:absolute;inset:0;display:block;overflow:hidden}.spine-editor.preview-maximized .spine-menu,.spine-editor.preview-maximized .spine-timeline{position:absolute;z-index:5;box-shadow:0 12px 42px -24px #000000f2}.spine-editor.preview-maximized .spine-menu{top:4px;left:4px;right:auto;width:max-content;max-width:calc(100% - 76px);min-height:24px;border:1px solid rgba(13,13,13,.82);border-radius:4px}.spine-editor.preview-maximized .spine-timeline{left:var(--spine-left-rail);right:var(--spine-right-rail);bottom:4px;min-height:24px;border:1px solid rgba(13,13,13,.82);border-radius:4px}.spine-editor.loading{display:grid;place-items:center;color:var(--muted)}.spine-menu{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #0d0d0d;background:linear-gradient(#343434,#242424);padding:5px 8px}.spine-menu.compact{gap:3px;padding:1px 3px}.spine-project-name,.spine-menu-actions{display:inline-flex;align-items:center;gap:6px;min-width:0}.compact-project-label,.compact-project-meta{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-project-label{color:#f1f1f1;font-size:12px}.compact-project-meta{color:#9f9f9f;font-size:11px}.spine-project-name{color:#d8d8d8;flex:1}.spine-project-name input,.spine-menu select,.spine-menu button{height:30px;border:1px solid #151515;border-radius:3px;background:#202020;color:#e6e6e6}.spine-project-name input{width:min(360px,100%);padding:0 8px}.spine-menu select{max-width:190px;padding:0 8px}.spine-menu-actions select{width:168px}.spine-menu button{width:32px;display:inline-flex;align-items:center;justify-content:center}.spine-menu.compact button,.spine-menu.compact select,.spine-menu.compact input{height:20px}.spine-menu.compact button{width:22px}.spine-editor.preview-maximized .compact-project-label,.spine-editor.preview-maximized .compact-project-meta{display:none}.spine-editor.preview-maximized .compact-actions{margin-left:0}.compact-actions{margin-left:auto;flex:0 0 auto}.spine-menu button:hover,.spine-toolstrip button:hover,.spine-toolstrip .tool-file:hover,.spine-toolstrip .active{background:#454545;color:#fff}.spine-workbench{min-height:0;display:grid;grid-template-columns:var(--spine-toolstrip-width) 210px minmax(0,1fr) 250px;background:#111}.spine-workbench.hierarchy-collapsed{grid-template-columns:var(--spine-toolstrip-width) 28px minmax(0,1fr) 250px}.spine-workbench.inspector-collapsed{grid-template-columns:var(--spine-toolstrip-width) 210px minmax(0,1fr) 28px}.spine-workbench.hierarchy-collapsed.inspector-collapsed{grid-template-columns:var(--spine-toolstrip-width) 28px minmax(0,1fr) 28px}.spine-toolstrip{border-right:1px solid #0d0d0d;background:#252525;padding:4px 3px;display:grid;align-content:start;gap:4px}.spine-editor.toolstrip-collapsed .spine-toolstrip{padding:3px 2px}.spine-toolstrip button,.spine-toolstrip .tool-file{width:28px;height:28px;border:1px solid #141414;border-radius:3px;background:#303030;color:#c8c8c8;display:grid;place-items:center}.spine-toolstrip .toolstrip-toggle{border-color:#e56a4a52;background:#e56a4a1a;color:#f0b29c}.spine-editor.toolstrip-collapsed .spine-toolstrip button{width:23px;height:23px}.spine-toolstrip input{display:none}.spine-editor.preview-maximized .spine-toolstrip{position:absolute;z-index:6;top:32px;left:38px;width:var(--spine-toolstrip-width);padding:2px 1px;border:1px solid rgba(13,13,13,.82);border-radius:4px;background:#252525c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 12px 42px -24px #000000f2}.spine-editor.preview-maximized .spine-toolstrip button,.spine-editor.preview-maximized .spine-toolstrip .tool-file{width:24px;height:24px}.spine-editor.preview-maximized.toolstrip-collapsed .spine-toolstrip button{width:23px;height:23px}.spine-panel{min-width:0;min-height:0;border-right:1px solid #0d0d0d;background:#222;overflow:auto}.spine-panel.inspector{border-left:1px solid #0d0d0d;border-right:0}.spine-editor.preview-maximized .spine-panel{position:absolute;z-index:6;top:124px;bottom:34px;border:1px solid rgba(13,13,13,.82);border-radius:4px;background:#222222e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 12px 42px -24px #000000f2}.spine-editor.preview-maximized .spine-panel.hierarchy{left:38px;width:210px}.spine-editor.preview-maximized .spine-panel.inspector{right:4px;width:250px}.spine-editor.preview-maximized .hierarchy-collapsed .spine-panel.hierarchy,.spine-editor.preview-maximized .inspector-collapsed .spine-panel.inspector{top:164px;bottom:auto;width:26px}.spine-panel-title{height:32px;display:flex;align-items:center;justify-content:space-between;gap:7px;padding:0 9px;border-bottom:1px solid #151515;background:linear-gradient(#323232,#262626);color:#cfcfcf;font-size:11px;font-weight:800;text-transform:uppercase}.spine-panel-title span{min-width:0;display:inline-flex;align-items:center;gap:7px}.spine-panel-title button{width:24px;height:24px;border:1px solid #151515;border-radius:3px;background:#242424;color:#cfcfcf;display:grid;place-items:center;flex:0 0 auto}.spine-panel-title button:hover{background:#3e3e3e;color:#fff}.hierarchy-collapsed .spine-panel.hierarchy .spine-panel-title,.inspector-collapsed .spine-panel.inspector .spine-panel-title{height:28px;padding:0;justify-content:center}.hierarchy-collapsed .spine-panel.hierarchy .spine-panel-title span,.inspector-collapsed .spine-panel.inspector .spine-panel-title span{display:none}.hierarchy-collapsed .spine-panel.hierarchy .spine-panel-title button,.inspector-collapsed .spine-panel.inspector .spine-panel-title button{width:24px;height:24px}.collapsed-panel-actions{padding:3px 1px;display:grid;gap:3px;justify-items:center}.collapsed-panel-actions button{width:24px;height:24px;min-width:0;border:1px solid #151515;border-radius:3px;background:#303030;color:#d5d5d5;display:grid;place-items:center}.collapsed-panel-actions button:hover{background:#454545;color:#fff}.collapsed-panel-actions span{max-width:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:800}.spine-panel-title.compact{margin-top:10px;border-top:1px solid #151515}.tree-list{padding:5px;display:grid;gap:2px}.tree-list button{height:28px;border:0;border-radius:3px;background:transparent;color:#c9c9c9;display:flex;align-items:center;gap:7px;text-align:left}.tree-list button.active,.tree-list button:hover{background:#3d4d5c;color:#fff}.spine-viewport{min-width:0;min-height:0;position:relative;display:block;background:linear-gradient(#343434 1px,transparent 1px),linear-gradient(90deg,#343434 1px,transparent 1px),linear-gradient(#2a2a2a 1px,transparent 1px),linear-gradient(90deg,#2a2a2a 1px,transparent 1px),#202020;background-size:40px 40px,40px 40px,10px 10px,10px 10px,auto;overflow:hidden}.spine-editor.preview-maximized .spine-viewport{position:absolute;top:0;right:var(--spine-right-rail);bottom:0;left:var(--spine-left-rail);width:auto;height:auto}.viewport-head{position:absolute;z-index:3;top:6px;left:6px;right:6px;min-height:26px;display:flex;align-items:center;gap:12px;border:1px solid rgba(16,16,16,.78);border-radius:3px;background:#262626d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:0 8px;color:#a9a9a9;font-size:11px;text-transform:uppercase;pointer-events:none}.spine-editor.preview-maximized .viewport-head{top:4px;left:auto;right:4px;margin-left:0;max-width:min(360px,calc(100% - 230px));min-height:22px;padding:0 6px;gap:7px;border-color:#1010108a;background:#2626269e}.spine-editor.preview-maximized .viewport-head span:nth-of-type(2),.spine-editor.preview-maximized .viewport-head span:nth-of-type(3),.spine-editor.preview-maximized .viewport-head span:nth-of-type(4),.spine-editor.preview-maximized .viewport-head span:nth-of-type(5),.spine-editor.preview-maximized .viewport-head span:nth-of-type(6){display:none}.viewport-head span,.viewport-head strong{display:inline-flex;align-items:center;gap:5px}.viewport-head strong{color:#b8eea0;margin-left:auto;text-transform:none}.viewport-head .event-pulse{color:#f7c67d}.viewport-controls{position:absolute;z-index:6;right:8px;bottom:12px;display:inline-flex;align-items:center;gap:4px;border:1px solid rgba(16,16,16,.78);border-radius:4px;background:#262626d6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px}.spine-editor.preview-maximized .viewport-controls{bottom:calc(var(--spine-timeline-height) + 14px)}.viewport-controls button{width:28px;height:28px;border:1px solid transparent;border-radius:3px;display:grid;place-items:center;color:#d7d7d7;background:transparent}.viewport-controls button:hover{border-color:#e56a4a61;background:#e56a4a24;color:#fff}.skeleton-canvas{position:absolute;inset:0;min-width:0;min-height:0;width:100%;height:100%;display:block;cursor:crosshair;-webkit-user-select:none;user-select:none}.skeleton-canvas-background{z-index:0;pointer-events:none}.mesh-canvas,.ghost-mesh-canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;pointer-events:none}.skeleton-canvas-foreground{z-index:2}.bone-shape{cursor:pointer}.bone-parent-link-guide{pointer-events:none}.bone-parent-link-guide line{stroke:#ffd166ad;stroke-width:1.5;stroke-dasharray:5 7;vector-effect:non-scaling-stroke}.bone-parent-link-guide circle{fill:#202020;stroke:#ffd166d1;stroke-width:1.5;vector-effect:non-scaling-stroke}.bone-direction-arrow{fill:none;pointer-events:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.95;filter:drop-shadow(0 0 3px rgba(0,0,0,.45))}.attachment-node{cursor:grab}.attachment-node:active{cursor:grabbing}.attachment-hit-area{fill:transparent;stroke:transparent;pointer-events:all}.attachment-hit-layer{pointer-events:none}.attachment-hit-node,.attachment-canvas-hit-area{cursor:grab;pointer-events:all}.attachment-canvas-hit-area{fill:transparent;stroke:transparent}.attachment-hit-node:active,.attachment-canvas-hit-area:active{cursor:grabbing}.attachment-selection-box{fill:transparent;stroke:#69e8ff;stroke-width:2;stroke-dasharray:8 5;vector-effect:non-scaling-stroke;pointer-events:none;filter:drop-shadow(0 0 5px rgba(105,232,255,.55))}.attachment-node.multi-selected .attachment-selection-box{stroke:#7dff9e;stroke-width:3;stroke-dasharray:14 6;filter:drop-shadow(0 0 7px rgba(125,255,158,.62))}.bone-shape.multi-selected line[data-bone-id],.bone-shape.multi-selected circle[data-bone-id]{filter:drop-shadow(0 0 7px rgba(125,255,158,.68))}.marquee-selection-rect{fill:#7dff9e1f;stroke:#7dff9e;stroke-width:2;stroke-dasharray:12 6;vector-effect:non-scaling-stroke;pointer-events:none;filter:drop-shadow(0 0 8px rgba(125,255,158,.55))}.group-rotate-gizmo{cursor:grab;pointer-events:all}.group-rotate-gizmo:active{cursor:grabbing}.group-rotate-gizmo-ring{fill:#18181ae6;stroke:#f6cf73;stroke-width:4}.group-rotate-gizmo-arc{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:6}.group-rotate-gizmo-arrow,.group-rotate-gizmo-center{fill:#f6cf73}.tree-focus-attachment{fill:transparent;stroke:#ffd166;stroke-width:4;stroke-dasharray:12 6;vector-effect:non-scaling-stroke;pointer-events:none;filter:drop-shadow(0 0 8px rgba(255,209,102,.75))}.attachment-node.selected image{filter:drop-shadow(0 0 7px rgba(105,232,255,.32))}.attachment-node.tree-focused image{filter:drop-shadow(0 0 9px rgba(255,209,102,.42))}.tree-focus-bone-line{stroke:#ffd166;stroke-width:16;stroke-linecap:round;vector-effect:non-scaling-stroke;pointer-events:none;opacity:.68;filter:drop-shadow(0 0 8px rgba(255,209,102,.72))}.tree-focus-bone-ring{fill:#ffd16624;stroke:#ffd166;stroke-width:4;vector-effect:non-scaling-stroke;pointer-events:none;filter:drop-shadow(0 0 8px rgba(255,209,102,.72))}.mesh-hull{fill:transparent;stroke:#67d4ff80;stroke-width:1.5;vector-effect:non-scaling-stroke;pointer-events:none}.mesh-topology-overlay{pointer-events:none}.mesh-triangle{fill:#67d4ff14;stroke:#67d4ff6b;stroke-width:1;vector-effect:non-scaling-stroke}.mesh-edge{stroke:#ffd166db;stroke-width:2.25;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px rgba(255,209,102,.35))}.mesh-vertex-handles circle{fill:#202124;stroke:#67d4ff;stroke-width:2;vector-effect:non-scaling-stroke;cursor:move;pointer-events:all}.mesh-vertex-handles circle.selected{fill:#ffd166;stroke:#fff;stroke-width:3}.mesh-uv-canvas-shell{border-top:1px solid #343434;background:#29292a;padding:8px}.mesh-uv-canvas{display:block;width:min(100%,220px);aspect-ratio:1;border:1px solid #151515;border-radius:4px;background:#1f2021;touch-action:none}.mesh-uv-frame{fill:#272829;stroke:#696969;stroke-width:1}.mesh-uv-grid line{stroke:#ffffff1a;stroke-width:1}.mesh-uv-triangles polygon{fill:#67d4ff14;stroke:#67d4ff57;stroke-width:1}.mesh-uv-edges line{stroke:#ffd166d1;stroke-width:2;stroke-linecap:round}.mesh-uv-handles circle{fill:#202124;stroke:#67d4ff;stroke-width:2;cursor:move}.mesh-uv-handles circle.selected{fill:#ffd166;stroke:#fff;stroke-width:3}.skeleton-canvas.mesh-editing .bone-shape,.skeleton-canvas.mesh-editing .attachment-hit-layer,.skeleton-canvas.mesh-editing .attachment-canvas-hit-area{pointer-events:none}.inspector-grid{padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.inspector-grid label{min-width:0;display:grid;gap:4px;color:#aaa;font-size:10px;font-weight:800;text-transform:uppercase}.inspector-grid label:first-child,.inspector-grid label:nth-child(2),.inspector-grid .danger-btn{grid-column:1 / -1}.inspector-grid input,.inspector-grid select{height:28px;min-width:0;border:1px solid #141414;border-radius:3px;background:#171717;color:#e5e5e5;padding:0 7px}.inspector-grid input[type=color]{padding:2px}.path-overlay{pointer-events:none}.path-overlay path{fill:#22c55e14;stroke:#22c55eb8;stroke-width:2;stroke-dasharray:10 7;vector-effect:non-scaling-stroke}.path-overlay circle{fill:#202020;stroke:#22c55ee6;stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:all;cursor:move}.path-overlay.selected path{stroke:#f6c453;stroke-width:2.5;filter:drop-shadow(0 0 5px rgba(246,196,83,.65))}.path-overlay.selected circle{fill:#2a2417;stroke:#f6c453;stroke-width:2.5}.ik-constraint-overlay{pointer-events:none}.ik-constraint-overlay .ik-target-guide,.ik-constraint-overlay .ik-pole-guide{fill:none;stroke-width:3;stroke-dasharray:10 7}.ik-constraint-overlay .ik-target-guide,.ik-constraint-overlay .ik-target-cross{stroke:#ffd166}.temporary-ik-overlay .ik-target-guide,.temporary-ik-overlay .ik-target-cross{stroke:#f6a04d}.ghosting-layer{pointer-events:none}.ghost-frame line,.ghost-frame circle{vector-effect:non-scaling-stroke}.ghost-frame line{fill:none;stroke-width:5;stroke-linecap:round}.ghost-frame circle{fill:#12161c8c;stroke-width:3}.ghost-frame.before line,.ghost-frame.before circle{stroke:#ff6f91}.ghost-frame.before .ghost-attachment{filter:sepia(1) saturate(3) hue-rotate(295deg)}.ghost-frame.after line,.ghost-frame.after circle{stroke:#67d4ff}.ghost-frame.after .ghost-attachment{filter:sepia(1) saturate(2.5) hue-rotate(145deg)}.ghost-attachment{opacity:.48}.ghost-mesh-hull{fill:#67d4ff1f;stroke:currentColor;stroke-width:2.5;vector-effect:non-scaling-stroke}.ghost-frame.before .ghost-mesh-hull{color:#ff6f91;fill:#ff6f911f}.ghost-frame.after .ghost-mesh-hull{color:#67d4ff;fill:#67d4ff1f}.timeline-ghost-controls{align-items:center;display:inline-flex;gap:4px}.timeline-ghost-controls label{display:grid;grid-template-columns:auto 42px;align-items:center;gap:3px;color:var(--text-muted, #aeb5c0);font-size:10px}.timeline-ghost-controls input{width:42px;min-width:0;padding:3px 4px;border:1px solid rgba(255,255,255,.12);border-radius:3px;background:#171a20;color:#e9edf3;font-size:10px}.ik-constraint-overlay .ik-pole-guide{stroke:#67d4ff}.ik-constraint-overlay .ik-target-marker,.ik-constraint-overlay .ik-pole-marker{fill:#16191fc7;stroke-width:4;cursor:grab;pointer-events:auto}.ik-constraint-overlay .ik-target-marker{stroke:#ffd166}.temporary-ik-overlay .ik-target-marker{stroke:#f6a04d}.ik-constraint-overlay .ik-pole-marker{stroke:#67d4ff}.ik-constraint-overlay .ik-target-cross{fill:none;stroke-width:3;cursor:grab;pointer-events:auto}.utility-overlay{pointer-events:none}.utility-overlay.boundingbox{pointer-events:all}.utility-overlay path{fill:#fbbf2414;stroke:#fbbf24e0;stroke-width:2;stroke-dasharray:8 5;vector-effect:non-scaling-stroke}.utility-hit-layer .utility-hit-area{fill:transparent;stroke:transparent;stroke-width:16;pointer-events:all;cursor:crosshair}.utility-overlay.clipping path{fill:#ef444417;stroke:#ef4444e6}.utility-overlay.hit path{fill:#67d4ff38;stroke:#67d4fff5;stroke-width:3;stroke-dasharray:none;filter:drop-shadow(0 0 6px rgba(103,212,255,.65))}.utility-overlay.hit .utility-hit-area,.utility-hit-layer .utility-hit-area{fill:transparent;stroke:transparent;filter:none}.utility-hit-readout{color:#9bdcff}.utility-overlay.point line,.utility-overlay.point circle{fill:#67d4ff29;stroke:#67d4fff0;stroke-width:2;vector-effect:non-scaling-stroke}.utility-overlay text{fill:#f7c67d;font-size:18px;font-weight:800;paint-order:stroke;stroke:#181818e6;stroke-width:4;text-transform:none}.utility-overlay.point text{fill:#9bdcff}.danger-btn{height:30px;border:1px solid rgba(239,68,68,.35);border-radius:3px;background:#ef444429;color:#ffb2b2;display:inline-flex;align-items:center;justify-content:center;gap:7px}.attachment-list{padding:8px;display:grid;gap:6px}.attachment-list>div{min-width:0;height:30px;border:1px solid #151515;border-radius:3px;background:#181818;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:0 6px}.attachment-list span{color:#ddd;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-list button{width:24px;height:24px;border:0;border-radius:3px;background:#2d2d2d;color:#bbb;display:grid;place-items:center}.tint-swatches{display:inline-flex;align-items:center;gap:3px;font-style:normal}.tint-swatches i{width:13px;height:13px;border:1px solid rgba(255,255,255,.28);border-radius:3px;box-shadow:inset 0 0 0 1px #0006}.utility-list{max-height:128px;overflow:auto;padding:8px;display:grid;gap:5px}.utility-list button{min-width:0;min-height:28px;border:1px solid #151515;border-radius:3px;background:#181818;color:#d7d7d7;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:0 7px;text-align:left}.utility-list button:hover{background:#fbbf2429;color:#fff}.utility-list strong{color:#f7c67d;font-size:10px;font-weight:800;text-transform:uppercase}.utility-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.constraint-list{padding:8px;display:grid;gap:6px}.constraint-list>div{min-width:0;min-height:32px;border:1px solid #151515;border-radius:3px;background:#181818;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;padding:0 7px}.constraint-list strong,.constraint-list em{color:#9bdcff;font-size:10px;font-style:normal;font-weight:800;text-transform:uppercase}.constraint-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ddd;font-size:12px}.event-list{max-height:180px;overflow:auto;padding:8px;display:grid;gap:5px}.event-fire-log{max-height:106px;overflow:auto;padding:0 8px 8px;display:grid;gap:4px}.event-list button,.event-fire-log button{min-width:0;min-height:30px;border:1px solid #151515;border-radius:3px;background:#181818;color:#d7d7d7;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;padding:0 7px;text-align:left}.event-list button.active,.event-list button:hover,.event-fire-log button:hover{background:#e56a4a38;color:#fff}.event-fire-log button{min-height:26px;border-color:#fbbf2433;background:#fbbf2414}.event-list strong,.event-fire-log strong{color:#f7c67d;font-size:10px;font-weight:800}.event-list span,.event-fire-log span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.skin-list{max-height:190px;overflow:auto;padding:8px;display:grid;gap:5px}.skin-list button{min-width:0;min-height:30px;border:1px solid #151515;border-radius:3px;background:#181818;color:#d7d7d7;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 7px;text-align:left}.skin-list button.active,.skin-list button:hover{background:#3d4d5c;color:#fff}.skin-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.skin-list em{color:#9bdcff;font-size:10px;font-style:normal;font-weight:800}.spine-timeline{min-width:0;border-top:1px solid #0d0d0d;background:#212121;display:grid;grid-template-columns:164px minmax(0,1fr)}.spine-timeline.compact{grid-template-columns:24px 24px 24px minmax(0,1fr) auto;align-items:center;gap:3px;padding:2px 4px}.spine-editor.preview-maximized .spine-timeline.compact{grid-template-columns:22px 22px 22px minmax(120px,1fr) auto;background:#212121c2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.timeline-tools{border-right:1px solid #0d0d0d;padding:8px;display:grid;gap:7px}.timeline-tools button{height:30px;border:1px solid #151515;border-radius:3px;background:#303030;color:#e6e6e6;display:inline-flex;align-items:center;justify-content:center;gap:7px}.spine-timeline.compact button{width:20px;height:20px;border:1px solid #151515;border-radius:3px;background:#303030;color:#e6e6e6;display:grid;place-items:center}.spine-timeline.compact button:hover{background:#454545;color:#fff}.timeline-scrubber{min-width:0;width:100%;accent-color:var(--brand)}.compact-frame-label{min-width:64px;text-align:right;color:#a9a9a9;font-size:11px;font-weight:800}.timeline-tools label{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;color:#aaa;font-size:11px}.timeline-tools input,.timeline-tools select{min-width:0;height:28px;border:1px solid #151515;border-radius:3px;background:#171717;color:#fff;padding:0 8px}.timeline-track{min-width:0;overflow-x:auto;position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:44px;align-content:stretch}.spine-viewport-empty-guide{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:auto;z-index:20;display:flex;flex-direction:column;align-items:center;text-align:center;width:90%;max-width:480px;padding:24px 28px;background:#16161ceb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 24px 56px -12px #000000d9;animation:fadeInEmpty .3s ease}@keyframes fadeInEmpty{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}.empty-guide-close-btn{position:absolute;top:12px;right:12px;width:26px;height:26px;border:0;border-radius:6px;background:#ffffff14;color:#94a3b8;display:grid;place-items:center;cursor:pointer;transition:all .15s ease}.empty-guide-close-btn:hover{background:#ffffff29;color:#fff}.empty-guide-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;background:#e56a4a2e;border:1px solid rgba(229,106,74,.35);color:#ee8d6a;font-size:11px;font-weight:700;margin-bottom:12px}.spine-viewport-empty-guide h3{margin:0 0 8px;font-size:17px;font-weight:700;color:#fff}.spine-viewport-empty-guide p{margin:0 0 14px;font-size:12.5px;line-height:1.5;color:#94a3b8}.empty-guide-templates{display:flex;flex-direction:column;gap:8px;width:100%;margin-bottom:16px}.template-card-btn{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#f1f5f9;text-align:left;cursor:pointer;transition:all .2s cubic-bezier(.32,.72,0,1)}.template-card-btn:hover{background:#ffffff17;border-color:#e56a4a80;transform:translateY(-1.5px);box-shadow:0 6px 16px #00000073}.template-card-btn:active{transform:scale(.98)}.template-card-emoji{font-size:22px;line-height:1;flex-shrink:0}.template-card-text{display:flex;flex-direction:column;gap:2px;min-width:0}.template-card-text strong{font-size:12.5px;font-weight:700;color:#f8fafc}.template-card-text span{font-size:11px;color:#94a3b8}.empty-guide-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.empty-guide-shortcuts .shortcut-pill{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#2d2d2dbf;border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:11.5px;color:#cbd5e1}.empty-guide-shortcuts kbd{padding:2px 6px;background:#18181b;border:1px solid #3f3f46;border-radius:4px;font-family:inherit;font-weight:700;font-size:10.5px;color:#f43f5e}.create-bone-guide-banner{position:absolute;top:36px;left:50%;transform:translate(-50%);z-index:12;display:flex;align-items:center;gap:12px;padding:8px 16px;background:#121218f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(245,158,11,.45);border-radius:24px;box-shadow:0 10px 28px #000000a6,0 0 14px #f59e0b33;animation:slideDownBanner .25s ease;pointer-events:auto}@keyframes slideDownBanner{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.guide-banner-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#f59e0b33;color:#f59e0b}.guide-banner-text{display:flex;align-items:center;gap:6px;font-size:12px}.guide-banner-text strong{color:#f59e0b;font-weight:700}.guide-banner-text span{color:#cbd5e1}.guide-banner-exit{border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#f1f5f9;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s ease}.guide-banner-exit:hover{background:#fff3;border-color:#ffffff59}.viewport-shortcuts-modal-backdrop{position:absolute;inset:0;background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:99;display:flex;align-items:center;justify-content:center;animation:fadeInModal .2s ease;pointer-events:auto}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.viewport-shortcuts-modal{width:700px;max-width:92vw;background:#16161cf5;border:1px solid rgba(255,255,255,.14);border-radius:16px;box-shadow:0 24px 60px #000000d9;overflow:hidden;padding:20px 24px}.shortcuts-modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:14px;margin-bottom:18px}.shortcuts-modal-title{display:flex;align-items:center;gap:8px;color:#fff;font-size:15px}.shortcuts-modal-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:#ffffff0f;color:#94a3b8;cursor:pointer;transition:all .15s ease}.shortcuts-modal-close:hover{background:#ffffff1f;color:#fff}.shortcuts-modal-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.shortcuts-modal-column h4{font-size:12px;font-weight:700;color:#e2e8f0;margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.06)}.shortcuts-modal-column ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.shortcuts-modal-column li{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#94a3b8}.shortcuts-modal-column kbd{padding:2px 6px;background:#27272a;border:1px solid #3f3f46;border-radius:4px;font-family:monospace;font-size:11px;font-weight:700;color:#f59e0b;flex-shrink:0}.timeline-track button{border:0;border-right:1px solid #141414;background:linear-gradient(to bottom,#2b2b2b 0 24px,#202020 24px 100%);color:#888;font-size:10px;display:flex;align-items:flex-start;justify-content:center;padding-top:5px}.timeline-track button.active{color:#fff;background:linear-gradient(to bottom,#e56a4ad9 0 24px,#e56a4a40 24px 100%)}.timeline-event-layer{position:absolute;inset:0;min-width:100%;pointer-events:none}.timeline-event-layer button{position:absolute;top:29px;width:9px;height:calc(100% - 34px);min-height:22px;border:1px solid rgba(251,191,36,.82);border-radius:999px;background:#fbbf246b;transform:translate(-50%);pointer-events:auto;padding:0}.timeline-event-layer button.active{background:var(--warning);border-color:#fff7c2}.settings-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.settings-form label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.settings-form label.toggle-row{grid-template-columns:auto 1fr;align-items:center;align-content:end;text-transform:none;color:var(--text)}.settings-form .primary-btn{align-self:end}.settings-save-state{min-height:36px;align-self:end;border:1px solid var(--border);border-radius:10px;display:inline-flex;align-items:center;padding:0 12px;color:var(--muted);background:#303030db;font-size:12px;font-weight:800}.settings-save-state.pending,.settings-save-state.saving{color:var(--warning);border-color:#fbbf2457}.settings-save-state.saved{color:var(--success);border-color:#22c55e4d}.settings-save-state.error{color:var(--danger);border-color:#ef444457}.modal-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:#0000008f}.update-modal{width:min(520px,calc(100vw - 32px));border:1px solid var(--border);border-radius:14px;background:#262626fa;box-shadow:0 34px 110px -38px #000000f2;padding:18px}.update-modal header,.update-modal footer,.update-body{display:flex;align-items:center;justify-content:space-between;gap:14px}.update-body{justify-content:flex-start;margin:18px 0;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);padding:14px}.update-body svg{color:var(--brand-soft);flex:0 0 auto}.update-body p{margin:4px 0;color:var(--muted)}.update-body span{color:var(--success);font-size:12px}.agent-fab{position:fixed;right:24px;bottom:24px;z-index:80;width:58px;height:58px;border:0;border-radius:999px;display:grid;place-items:center;color:#fff;background:var(--brand);box-shadow:0 20px 45px -20px #e56a4af2;transition:bottom .25s ease,opacity .2s ease}.editor-focused-shell .agent-fab{bottom:calc(var(--spine-timeline-height, 0px) + 16px);width:44px;height:44px;right:calc(var(--spine-right-rail, 360px) + 16px);box-shadow:0 10px 28px -8px #000000b3;opacity:.92}.editor-focused-shell:has(.hierarchy-collapsed.inspector-collapsed) .agent-fab{right:18px}.editor-focused-shell .agent-fab:hover{opacity:1}.agent-panel{position:fixed;right:24px;bottom:96px;z-index:81;width:min(560px,calc(100vw - 32px));height:min(760px,calc(100vh - 122px));border:1px solid var(--border);border-radius:14px;background:#262626fa;box-shadow:0 28px 90px -28px #000000eb;display:flex;flex-direction:column;overflow:hidden;transition:bottom .25s ease}.editor-focused-shell .agent-panel{bottom:calc(var(--spine-timeline-height, 0px) + 74px);max-height:calc(100vh - var(--spine-timeline-height, 0px) - 96px)}.agent-header{padding:14px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.agent-title{display:flex;align-items:center;gap:8px;font-weight:800}.skill-suggestions{margin-top:9px;display:flex;flex-wrap:wrap;gap:6px}.skill-suggestions button,.agent-tabs button,.skill-card{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:10px}.skill-suggestions button{padding:5px 8px;font-size:12px;color:var(--brand-soft)}.icon-button{width:36px;height:36px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text);display:grid;place-items:center}.agent-tabs{display:flex;gap:6px;padding:9px 12px;border-bottom:1px solid var(--border)}.agent-tabs button{flex:1;height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.agent-tabs button.active{border-color:#e56a4a6b;background:#e56a4a29}.notice{margin:10px 12px 0;padding:8px 10px;background:#22c55e1f;color:#bdf7cf;border:1px solid rgba(34,197,94,.28);border-radius:10px;font-size:13px}.chat-tab,.skills-tab,.settings-tab{min-height:0;flex:1;display:flex;flex-direction:column}.context-strip{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;padding:10px 12px;font-size:12px;color:var(--muted)}.context-bar{height:7px;background:#181818;border-radius:999px;overflow:hidden}.context-bar div{height:100%;background:var(--brand)}.context-strip em{font-style:normal;color:var(--warning)}.chat-scroll{flex:1;min-height:0;overflow:auto;padding:12px;background:#202020}.empty-chat{min-height:180px;display:grid;place-items:center;text-align:center;color:var(--muted);gap:10px}.empty-chat p{max-width:360px;margin:0}.message{position:relative;display:flex;gap:8px;margin-bottom:10px}.message.user{justify-content:flex-end}.message-body{max-width:82%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);overflow-wrap:anywhere}.message.user .message-body{color:#fff;background:var(--brand);border-color:var(--brand)}.message-body p{margin:0 0 8px}.message-body p:last-child{margin-bottom:0}.message-body pre{white-space:pre-wrap;background:#101010;color:#eef6ff;border-radius:8px;padding:10px;overflow:auto}.copy-button{align-self:flex-start;width:28px;height:28px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--muted);display:inline-flex;align-items:center;justify-content:center}.running-row{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:13px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.thinking-box{border-top:1px solid var(--border);background:var(--surface)}.thinking-box summary{list-style:none;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:13px;font-weight:800}.thinking-box summary span{display:inline-flex;align-items:center;gap:7px}.thinking-box summary::-webkit-details-marker{display:none}.steps-list{max-height:210px;overflow:auto;padding:0 12px 10px}.step{display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-top:1px solid var(--border)}.step p{margin:2px 0 0;color:var(--muted);font-size:12px}.step.error{color:var(--danger)}.tool-card{border:1px solid var(--border);border-radius:10px;padding:8px;margin:8px 0;background:var(--surface-2)}.tool-card pre{max-height:140px;overflow:auto;white-space:pre-wrap;font-size:12px;margin:6px 0 0}.composer{display:grid;grid-template-columns:1fr 42px 42px;gap:8px;padding:10px 12px 12px;border-top:1px solid var(--border)}.composer textarea,.skill-form input,.skill-form textarea,.settings-tab input{border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text);padding:10px}.composer textarea{min-height:48px;max-height:120px;resize:vertical}.composer button,.skill-form button,.button-row button{height:42px;border:0;border-radius:10px;background:var(--brand);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px}.skills-tab,.settings-tab{overflow:auto;padding:12px;gap:12px}.skill-group h3,.skill-form h3{display:flex;align-items:center;gap:7px;margin:0 0 8px;font-size:14px}.skill-card{width:100%;text-align:left;padding:10px;margin-bottom:8px;display:grid;gap:4px}.skill-card span,.muted{color:var(--muted);font-size:13px}.skill-form{border-top:1px solid var(--border);padding-top:12px;display:grid;gap:8px}.skill-form textarea{min-height:180px}.settings-tab label{display:grid;gap:5px;font-weight:700;font-size:13px;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.toggle-row{display:flex!important;grid-template-columns:none;align-items:center;gap:8px}.toggle-row input{width:auto}.secret-status{padding:9px 10px;border:1px solid var(--border);border-radius:10px;color:var(--muted);font-size:13px}.button-row{display:flex;gap:8px}@media(max-width:1020px){body{overflow:auto}.desktop-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;overflow-x:auto}.sidebar nav{display:flex}.sidebar button{min-width:74px}.content-grid,.content-grid.two,.settings-form{grid-template-columns:1fr}.panel.wide{grid-column:auto}}@media(max-width:620px){.main-stage{padding:14px}.agent-panel{right:12px;bottom:82px;width:calc(100vw - 24px);height:calc(100vh - 96px)}}.spine-editor{--spine-menu-height: 44px;--spine-timeline-height: 38px;--spine-right-rail: clamp(430px, 30vw, 620px);border-color:#111;background:#202020}.spine-editor.timeline-collapsed{--spine-timeline-height: 38px}.spine-editor.preview-maximized .spine-menu,.spine-editor.preview-maximized .spine-timeline{position:static;width:auto;min-height:0;max-width:none;border-radius:0;box-shadow:none}.spine-editor.preview-maximized .spine-workbench,.spine-workbench{position:relative;inset:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) var(--spine-right-rail);grid-template-rows:minmax(0,1fr) 0 286px;grid-template-areas:"viewport tree" "viewport ." "viewport inspector";overflow:hidden;background:#3f3f42}.spine-editor.preview-maximized .spine-workbench.inspector-collapsed,.spine-workbench.inspector-collapsed{grid-template-rows:minmax(0,1fr) 0 108px}.spine-editor.preview-maximized .spine-workbench.hierarchy-collapsed,.spine-workbench.hierarchy-collapsed{grid-template-columns:minmax(0,1fr) var(--spine-right-rail);grid-template-rows:38px minmax(0,1fr) 286px}.spine-editor.preview-maximized .spine-workbench.hierarchy-collapsed.inspector-collapsed,.spine-workbench.hierarchy-collapsed.inspector-collapsed{grid-template-columns:minmax(0,1fr) var(--spine-right-rail);grid-template-rows:38px minmax(0,1fr) 108px}.spine-menu{min-width:0;padding:6px 10px;border-bottom-color:#151515;background:linear-gradient(#4a4a4a,#323232)}.spine-project-name{gap:7px}.spine-app-brand{height:30px;min-width:148px;display:inline-flex;align-items:center;gap:10px;padding:0 10px 0 0;color:#e8e8e8}.brand-spine{font-size:25px;line-height:1;letter-spacing:.05em;font-weight:500}.brand-spine span{color:#f05d3f;text-shadow:0 4px 0 #f05d3f,0 -4px 0 #f05d3f}.spine-app-brand strong{color:#191919;font-size:24px;font-weight:900}.spine-nav-menu{position:relative;flex:0 0 auto}.spine-menu .spine-nav-trigger{width:auto;min-width:98px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#f3f3f3;background:#3c3c3c;border-color:#1e1e1e}.spine-menu .spine-nav-trigger span{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800}.spine-nav-dropdown{position:absolute;z-index:55;top:calc(100% + 7px);left:0;width:210px;border:1px solid #242424;border-radius:6px;background:#535353;box-shadow:0 18px 42px -18px #000000f2;padding:7px;opacity:0;visibility:hidden;transform:translateY(-3px);pointer-events:none;transition:opacity .12s ease,transform .12s ease,visibility .12s ease}.spine-nav-menu:hover .spine-nav-dropdown,.spine-nav-menu:focus-within .spine-nav-dropdown{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.spine-nav-dropdown button{width:100%;height:34px;border:0;border-radius:4px;background:transparent;color:#f0f0f0;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;justify-items:start;gap:7px;padding:0 8px}.spine-nav-dropdown button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800}.spine-nav-dropdown button.active,.spine-nav-dropdown button:hover{background:#0d91c8;color:#fff}.spine-project-name input,.spine-menu select,.spine-menu button{height:30px;border-color:#222;border-radius:4px;background:#2d2d2d}.spine-project-name input{max-width:280px;color:#f2f2f2;font-weight:700}.spine-menu-actions{flex-wrap:wrap;justify-content:flex-end}.spine-menu-actions select{width:min(170px,18vw)}.views-menu-wrap{position:relative;flex:0 0 auto}.spine-menu .views-menu-button{width:auto;min-width:92px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#f3f3f3;background:#0d91c8;border-color:#0b5f82}.views-dropdown{position:absolute;z-index:40;top:calc(100% + 7px);right:0;width:270px;border:1px solid #262626;border-radius:6px;background:#585858;box-shadow:0 18px 42px -18px #000000f2;padding:9px}.views-dropdown button{width:100%;height:34px;border:0;border-radius:4px;background:transparent;color:#f2f2f2;display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:6px;text-align:left;padding:0 7px;position:relative}.views-dropdown button:hover{background:#0d91c8}.views-dropdown button.disabled{color:#a9a9a9}.views-dropdown button kbd{color:#cfcfcf;font-size:12px;font-family:inherit}.views-dropdown button i{position:absolute;left:7px;right:7px;bottom:-4px;border-bottom:1px dashed rgba(255,255,255,.22)}.spine-editor.preview-maximized .spine-toolstrip,.spine-toolstrip{position:absolute;z-index:11;top:auto;right:auto;left:calc((100% - var(--spine-right-rail)) / 2);bottom:30px;transform:translate(-50%);height:auto;width:max-content;max-width:calc(100% - var(--spine-right-rail) - 56px);min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;display:grid;align-items:start;gap:6px}.tool-breadcrumb{width:max-content;min-width:48px;max-width:min(720px,calc(100vw - var(--spine-right-rail) - 72px));min-height:22px;display:inline-flex;align-items:center;gap:2px;padding:2px 5px;border:1px solid #151515;border-radius:4px;background:#202020;box-shadow:0 8px 20px -14px #000000f2;overflow:hidden}.tool-breadcrumb button{min-width:52px;max-width:138px;height:16px;border:0;border-radius:2px;background:transparent;color:#d8d8d8;display:inline-flex;align-items:center;gap:3px;padding:0 3px;font-size:11px;font-weight:700}.tool-breadcrumb button:before{content:"";width:8px;height:8px;border-radius:1px;background:#d5cd28;transform:rotate(-28deg)}.tool-breadcrumb button:first-child:before{width:9px;height:9px;border:1px solid #9aa0a6;background:transparent;transform:none}.tool-breadcrumb button.active{color:#00ffd0;background:#0000005c}.tool-breadcrumb button.active:before{background:#00d081}.tool-breadcrumb span{flex:0 1 auto;min-width:max-content;max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-breadcrumb svg{color:#8b8b8b}.toolstrip-row{display:flex;align-items:stretch;gap:6px;min-height:70px}.tool-panel{min-height:66px;border:1px solid #242424;border-radius:4px;background:#595959;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #00000073,0 10px 24px -18px #000000f2;padding:4px}.spine-editor.preview-maximized .spine-toolstrip button,.spine-editor.preview-maximized .spine-toolstrip .tool-file,.spine-toolstrip button,.spine-toolstrip .tool-file{border:1px solid transparent;border-radius:2px;color:#ededed;background:transparent}.spine-toolstrip .toolstrip-toggle{position:absolute;left:-22px;bottom:0;width:18px;height:18px;min-width:18px;display:grid;place-items:center;border:1px solid #2a2a2a;border-radius:3px;background:#4d4d4d;border-color:#229bd77a;color:#fff}.spine-toolstrip .toolstrip-toggle svg{width:12px;height:12px}.tool-mode-panel{width:84px;display:grid;gap:3px}.tool-mode-panel button{width:100%;height:18px;display:grid;grid-template-columns:15px minmax(48px,1fr);align-items:center;justify-items:start;gap:4px;padding:0 5px;font-size:11px;text-align:left}.transform-panel{width:252px;display:grid;grid-template-rows:repeat(4,1fr);gap:1px;padding:3px}.transform-panel button{width:100%;height:20px;display:grid;grid-template-columns:16px minmax(68px,1fr) 66px 58px;align-items:center;justify-items:start;gap:3px;padding:0 4px;background:linear-gradient(#676767,#555);border-color:#454545;font-size:11px;text-align:left}.transform-row button span{min-width:0;max-width:74px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spine-toolstrip .transform-value-input{display:block;flex:1 1 0;width:100%;height:18px;padding:0 4px;border:1px solid #454545;border-radius:3px;background:#242424;color:#f1f1f1;font-variant-numeric:tabular-nums;font-size:10.5px}.spine-toolstrip .transform-value-input:focus-visible{outline:0;border-color:var(--spine-native-cyan)}.spine-toolstrip .transform-value-input:disabled{cursor:not-allowed;opacity:.72}.toggle-panel{width:94px;display:grid;gap:3px}.toggle-panel button{width:100%;height:18px;display:grid;grid-template-columns:15px minmax(48px,1fr);align-items:center;justify-items:start;gap:4px;padding:0 5px;background:#676767;border-color:#454545;font-size:11px}.compact-toggle-panel{width:84px}.visibility-panel{width:auto;min-width:148px;display:grid;grid-template-columns:repeat(3,minmax(44px,1fr));gap:2px;background:#555}.visibility-panel button{width:auto;height:30px;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;justify-items:center;padding:0 6px;color:#cfcfcf;font-size:11px;text-align:center}.visibility-panel i{display:none}.spine-toolstrip button span,.spine-toolstrip .tool-file span,.spine-toolstrip output{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spine-toolstrip button:hover,.spine-toolstrip .tool-file:hover,.spine-toolstrip .active{background:#159ad4;color:#fff}.spine-editor.toolstrip-collapsed .spine-toolstrip{width:auto}.spine-editor.toolstrip-collapsed .tool-breadcrumb,.spine-editor.toolstrip-collapsed .toolstrip-row{display:none}.spine-editor.preview-maximized.toolstrip-collapsed .spine-toolstrip button,.spine-editor.toolstrip-collapsed .spine-toolstrip button{width:18px;height:18px;min-width:18px}.spine-editor.preview-maximized .spine-viewport,.spine-viewport{grid-area:viewport;position:relative;inset:auto;width:auto;height:auto;background-color:#555558;background-image:linear-gradient(45deg,rgba(255,255,255,.025) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.025) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.025) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.025) 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.spine-editor.preview-maximized .viewport-head,.viewport-head{top:0;left:0;right:0;max-width:none;min-height:31px;border-left:0;border-right:0;border-radius:0;background:#39393bd6;text-transform:none}.spine-editor.preview-maximized .viewport-head span:nth-of-type(n){display:inline-flex}.viewport-head span:first-child{color:#e6e6e6;font-weight:800;text-transform:uppercase}.spine-editor.preview-maximized .viewport-controls,.viewport-controls{right:14px;bottom:56px;border-radius:5px}.spine-editor.preview-maximized .spine-panel,.spine-panel{position:static;z-index:2;inset:auto;width:auto;min-width:0;border:0;border-radius:0;background:#555;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.spine-panel.hierarchy{grid-area:tree;border-left:1px solid #151515;display:flex;flex-direction:column}.spine-panel.inspector{grid-area:inspector;border-top:1px solid #151515;border-left:1px solid #151515;overflow:auto}.spine-editor.preview-maximized .spine-panel.hierarchy,.spine-editor.preview-maximized .spine-panel.inspector,.spine-editor.preview-maximized .spine-workbench.hierarchy-collapsed .spine-panel.hierarchy,.spine-editor.preview-maximized .spine-workbench.inspector-collapsed .spine-panel.inspector{width:auto}.spine-panel-title{height:38px;padding:0 10px;background:linear-gradient(#424242,#303030);color:#eee;font-size:12px;letter-spacing:0;text-transform:none}.spine-panel-title button{width:28px;height:28px;border-radius:4px;background:#4b4b4b}.tree-toolbar{position:relative;flex:0 0 auto;z-index:12;top:0;min-height:44px;display:grid;grid-template-columns:minmax(0,1fr) 30px 30px 34px 34px;align-items:center;gap:6px;padding:7px 8px;border-bottom:1px solid #3a3a3a;background:#4f4f4f}.tree-search{min-width:0;height:30px;border:1px solid #2e2e2e;border-radius:4px;background:#3a3a3a;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;padding:0 7px;color:#bababa}.tree-search input{min-width:0;border:0;outline:0;color:#f3f3f3;background:transparent}.tree-search input::placeholder{color:#8e8e8e}.tree-toolbar>button{height:30px;border:1px solid #303030;border-radius:4px;background:#3c3c3c;color:#dedede;display:grid;place-items:center}.tree-toolbar>button.active,.tree-toolbar>button:hover{background:#0792ca;color:#fff}.tree-filter-popover{position:absolute;z-index:30;top:43px;right:8px;width:min(230px,calc(100% - 16px));border:1px solid #313131;border-radius:5px;background:#4d4d4d;box-shadow:0 18px 42px -18px #000000f2;overflow:hidden}.tree-filter-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:7px;background:#3f3f3f}.tree-filter-actions button{height:30px;border:1px solid #343434;border-radius:4px;background:#0d91c8;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:5px}.tree-filter-actions button+button{background:#595959}.tree-filter-types{padding:6px;background:#0792ca}.tree-filter-types label,.tree-text-filter{min-height:27px;display:flex;align-items:center;gap:7px;color:#fff;font-size:13px}.tree-filter-types input,.tree-text-filter input{accent-color:#ffe15c}.tree-text-filter{padding:8px;color:#e8e8e8;background:#454545}.hierarchy-collapsed .spine-panel.hierarchy,.inspector-collapsed .spine-panel.inspector{overflow:hidden}.tree-list{flex:1;min-height:0;overflow:auto;padding:8px;display:block}.tree-list button{min-width:0;width:100%;height:30px;padding-right:8px;border-radius:4px;color:#eee}.tree-folder{position:relative}.tree-folder+.tree-folder,.tree-node+.tree-node{margin-top:2px}.tree-folder-children,.tree-node-children{position:relative;margin-left:14px;padding-left:10px}.tree-folder-children:before,.tree-node-children:before{content:"";position:absolute;top:0;bottom:4px;left:0;border-left:1px solid rgba(210,210,210,.18)}.project-folder>.tree-folder-children{margin-left:8px;padding-left:12px}.tree-node{position:relative;padding-left:calc(var(--tree-depth, 0) * 12px)}.tree-node:before,.tree-file-row:before{content:"";position:absolute;left:0;top:15px;width:8px;border-top:1px solid rgba(210,210,210,.18)}.tree-node-row,.tree-file-row,.tree-folder-row{position:relative;display:grid!important;grid-template-columns:14px 18px minmax(0,1fr) auto;align-items:center;gap:5px}.tree-node-row{padding-left:0}.tree-node-caret,.tree-node-spacer{width:14px;height:14px;color:#b9c3c9}.tree-folder-row{margin-top:4px;background:#3f464a!important;color:#f2f2f2!important;font-size:12px;text-transform:none!important}.tree-folder-row:hover{background:#47606d!important}.project-folder>.tree-folder-row{margin-bottom:5px;background:#4b5458!important;font-weight:900}.tree-list button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-list button em,.tree-group-title em,.tree-more{color:#c9c9c9;font-size:10px;font-style:normal;font-weight:800}.tree-list button.active,.tree-list button:hover{background:#3e5f74}.tree-secondary{grid-template-columns:14px 18px minmax(0,1fr) auto}.tree-group-title,.tree-project-row{height:24px;display:grid;grid-template-columns:14px 18px minmax(0,1fr) auto;align-items:center;gap:8px;padding:3px 7px;color:#f2f2f2;font-size:11px;font-weight:800;text-transform:uppercase}.tree-project-row{text-transform:none}.tree-more{margin:0;padding:0 8px 4px}.tree-empty{margin:0;padding:5px 8px 6px 38px;color:#bcbcbc;font-size:12px}.bone-breadcrumb{position:absolute;z-index:7;left:max(72px,18%);right:min(250px,18%);bottom:14px;min-height:34px;display:flex;align-items:center;justify-content:center;gap:2px;pointer-events:none}.bone-breadcrumb button{max-width:160px;height:30px;border:1px solid #232323;border-radius:4px;background:#2d2d2de6;color:#efefef;display:inline-flex;align-items:center;gap:5px;padding:0 8px;pointer-events:auto}.bone-breadcrumb button.active{color:#5eead4}.bone-breadcrumb button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-object-title{min-height:36px;display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:8px;padding:0 9px;border-bottom:1px solid #303030;background:#313131;color:#5eead4}.inspector-object-title span{min-width:0;display:inline-flex;align-items:center;gap:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-object-title button{height:26px;border:1px solid rgba(239,68,68,.38);border-radius:4px;background:#ef444429;color:#faa;display:grid;place-items:center}.inspector-property-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #303030;background:#4c4c4c}.inspector-property-strip label{min-width:0;min-height:31px;border-right:1px solid #383838;border-bottom:1px solid #383838;color:#ededed;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;padding:4px 8px;font-size:12px}.inspector-property-strip label.disabled{color:#9b9b9b}.inspector-property-strip input[type=checkbox]{accent-color:#f4f4f4}.inspector-property-strip input[type=number],.inspector-property-strip input[type=range]{min-width:0}.inspector-property-strip input[type=number]{height:25px;border:1px solid #292929;border-radius:4px;background:#2e2e2e;color:#f3f3f3;padding:0 6px}.inspector-property-strip input[type=color]{width:100%;height:25px;border:1px solid #222;border-radius:3px;background:#2e2e2e;padding:2px}.inspector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px}.inspector-grid input,.inspector-grid select,.timeline-tools input,.timeline-tools select{border-color:#222;border-radius:4px;background:#2e2e2e}.attachment-list,.utility-list,.constraint-list,.event-list,.event-fire-log,.skin-list{padding:8px 10px}.attachment-list>div,.utility-list button,.constraint-list>div,.event-list button,.event-fire-log button,.skin-list button{border-color:#272727;border-radius:4px;background:#454545}.spine-timeline{border-top-color:#151515;background:linear-gradient(#303030,#242424)}.spine-timeline.compact{grid-template-columns:28px 28px 28px minmax(150px,1fr) auto;gap:6px;padding:5px 10px}.spine-editor.preview-maximized .spine-timeline.compact{grid-template-columns:28px 28px 28px minmax(150px,1fr) auto;background:linear-gradient(#303030,#242424);-webkit-backdrop-filter:none;backdrop-filter:none}.spine-timeline.compact button{width:28px;height:28px;border-radius:4px;background:#4f4f4f}.timeline-scrubber{height:24px;accent-color:#17a8e2}.spine-editor{--spine-menu-height: 42px;--spine-timeline-height: 0px;--spine-right-rail: clamp(438px, 30.5vw, 620px);--spine-native-toolbar: #4c4c4d;--spine-native-toolbar-dark: #323232;--spine-native-panel: #585858;--spine-native-panel-soft: #5d5d5d;--spine-native-panel-dark: #2b2b2b;--spine-native-panel-mid: #505151;--spine-native-border: #343434;--spine-native-blue: #2a86bf;--spine-native-blue-dark: #256a95;--spine-native-cyan: #a2f0f1;grid-template-rows:var(--spine-menu-height) minmax(0,1fr) var(--spine-timeline-height);color:#e8e8e8;background:#565558}.spine-editor.timeline-collapsed,.spine-editor.preview-maximized{--spine-timeline-height: 0px}.spine-editor.preview-maximized{display:grid;grid-template-rows:var(--spine-menu-height) minmax(0,1fr) var(--spine-timeline-height)}.spine-editor.preview-maximized .spine-workbench,.spine-workbench{grid-template-rows:minmax(0,1fr) 170px;grid-template-areas:"viewport tree" "viewport inspector";background:#565558}.spine-editor.preview-maximized .spine-workbench.hierarchy-collapsed,.spine-workbench.hierarchy-collapsed{grid-template-rows:38px minmax(0,1fr)}.spine-editor.preview-maximized .spine-workbench.inspector-collapsed,.spine-workbench.inspector-collapsed{grid-template-rows:minmax(0,1fr) 38px}.spine-editor.preview-maximized .spine-workbench.hierarchy-collapsed.inspector-collapsed,.spine-workbench.hierarchy-collapsed.inspector-collapsed{grid-template-rows:38px 38px}.spine-menu{height:var(--spine-menu-height);min-height:var(--spine-menu-height);padding:0 8px 0 12px;border-bottom:1px solid #2d2d2e;background:linear-gradient(#505052,#4a4a4c);box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #00000052}.spine-project-name,.spine-menu-actions{height:100%;gap:10px}.spine-app-brand{min-width:132px;height:100%;padding:0}.brand-spine{color:#f7f7f7;font-size:28px;font-weight:400;letter-spacing:.08em}.brand-spine span{color:#ff3018;text-shadow:0 5px 0 #ff3018,0 -5px 0 #ff3018}.spine-app-brand strong{color:#242424;font-size:25px;font-weight:900}.spine-menu button,.spine-menu select{width:28px;min-width:28px;height:28px;border:0;border-radius:3px;background:transparent;color:#b9b9b9;display:inline-grid;place-items:center}.spine-menu button:hover,.spine-menu .views-menu-button:hover{background:#5a5a5b;color:#f4f4f4}.spine-toolbar-separator{width:1px;height:28px;background:#292929;box-shadow:1px 0 #ffffff24}.spine-project-input{flex:1 1 min(250px,22vw);min-width:80px;width:min(250px,22vw);max-width:none!important;height:30px;border:0!important;background:transparent!important;color:#f2f2f2!important;font-size:18px;font-weight:500!important;padding:0 4px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spine-project-input:focus{outline:1px solid rgba(255,255,255,.16)}.spine-save-state{height:22px;min-width:68px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 7px;border:1px solid #262626;border-radius:3px;background:#343436;color:#cfcfcf;font-size:11px;font-weight:700;white-space:nowrap}.spine-save-state.saved{border-color:#5a935373;color:#b8eea0}.spine-save-state.dirty{border-color:#e7b25f94;color:#f4c676}.spine-save-state.error{border-color:#ea5d50b3;color:#ff8f82}.compact-project-label.dirty:before{content:"* ";color:#f4c676}.spine-menu-actions{margin-left:auto}.spine-menu-actions select{position:absolute;width:1px;min-width:1px;height:1px;opacity:0;pointer-events:none}.spine-menu .views-menu-button{width:auto;min-width:86px;padding:0 0 0 4px;gap:6px;color:#dbdbdb;background:transparent;border:0;font-size:17px}.spine-menu .views-menu-button span{display:inline}.views-dropdown{top:calc(100% + 1px);right:0;border-radius:2px;background:var(--spine-native-toolbar)}.spine-editor.preview-maximized .spine-viewport,.spine-viewport{border-right:2px solid #2b2b2b;background-color:#565558;background-image:linear-gradient(45deg,rgba(255,255,255,.022) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.022) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.022) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.022) 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.viewport-head{top:10px;left:12px;pointer-events:auto}.viewport-controls{left:12px;right:auto!important;top:auto;bottom:12px!important;display:grid;gap:10px;border:0;background:transparent;padding:0}.viewport-controls button{width:24px;height:24px;color:#65e9ef;background:transparent}.spine-panel{background:var(--spine-native-panel)!important}.spine-panel.hierarchy{border-left:2px solid #2b2b2b}.spine-panel.inspector{min-height:170px;border-top:2px solid #2b2b2b;background:var(--spine-native-panel-dark)!important}.spine-panel-title{height:44px;padding:0 10px 0 12px;border-bottom:1px solid #363636;background:var(--spine-native-panel-dark);color:#f0f0f0;font-size:20px;font-weight:500}.spine-panel-title span{gap:8px}.spine-panel-title button{width:24px;height:24px;border:0;background:transparent;color:#9f9f9f}.spine-tree-toolbar{min-height:66px;grid-template-columns:minmax(0,1fr) 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px;gap:4px;padding:8px;border-bottom:1px solid #383838;background:var(--spine-native-panel-mid)}.tree-search{height:36px;border-color:#3a3a3a;border-radius:5px;background:#444445}.tree-search input::placeholder{color:transparent}.spine-tree-toolbar>button{width:40px;height:36px;border:1px solid #424242;border-radius:5px;background:linear-gradient(#5d5d5d,#4f4f50);color:#d8d8d8}.spine-tree-toolbar>button.active,.spine-tree-toolbar>button:hover{border-color:#1f668e;background:linear-gradient(#3299d0,var(--spine-native-blue));color:#fff}.spine-tree-list{position:relative;display:grid;align-content:start;grid-auto-rows:max-content;gap:2px;padding:0 8px 8px;background:var(--spine-native-panel)}.spine-tree-column-head{height:46px;display:grid;grid-template-columns:28px 28px 28px;align-items:center;gap:5px;color:#d8d8d8;border:1px solid #767676;border-bottom:0;padding-left:2px}.spine-tree-column-head button{width:24px;height:24px;display:grid;place-items:center;border:1px solid #575757;border-radius:3px;background:#2f2f30;color:#d8d8d8;padding:0}.spine-tree-column-head button:hover,.spine-tree-column-head button:focus-visible,.spine-tree-column-head button.active{border-color:var(--spine-native-cyan);background:#159ad4b8;color:#fff;outline:0}.spine-tree-row{position:relative;height:36px!important;display:grid!important;grid-template-columns:22px 22px 20px 24px minmax(0,1fr);align-items:center;gap:4px;border:0!important;border-radius:0!important;background:transparent!important;color:#f2f2f2!important;font-size:20px;text-align:left;padding:0 8px 0 2px!important}.spine-tree-row:before{content:"";position:absolute;left:82px;top:-18px;bottom:18px;border-left:2px solid rgba(205,205,205,.22)}.spine-tree-row:after{content:"";position:absolute;left:82px;top:18px;width:22px;border-top:2px solid rgba(205,205,205,.22)}.spine-tree-row.project:before,.spine-tree-row.project:after{display:none}.spine-tree-row.project{grid-template-columns:22px 20px 24px minmax(0,1fr)}.spine-tree-row.active{background:var(--spine-native-blue)!important}.spine-tree-row.selected-bone{color:#fff!important;background:#159ad4b8!important}.spine-tree-section{order:var(--tree-section-order, 10);display:grid;gap:2px}.spine-tree-row.bone{grid-template-columns:18px 18px 18px 18px 22px minmax(0,1fr)}.spine-tree-row.bone-child{grid-template-columns:18px 18px 18px 18px 22px minmax(0,1fr);color:#ececec!important;padding-left:calc(22px + var(--bone-tree-indent, 0px))!important}.spine-tree-row.group{grid-template-columns:18px 18px 22px minmax(0,1fr)}.spine-tree-row.draw-slot{grid-template-columns:18px 18px 18px 18px 18px 18px 22px minmax(0,1fr) auto;font-size:16px}.spine-tree-row.draggable-child{grid-template-columns:18px 18px 22px minmax(0,1fr)}.spine-tree-row.draggable-child.tree-state-child{grid-template-columns:18px 18px 18px 18px 22px minmax(0,1fr)}.spine-tree-row[draggable=true]{cursor:grab}.spine-tree-row[draggable=true]:active{cursor:grabbing}.spine-tree-row.is-dragging{opacity:.55}.spine-tree-row.is-drop-target{box-shadow:inset 0 0 0 1px #65e9efc7;background:#65e9ef1f!important}.tree-drag-handle{width:18px;height:18px;justify-self:center;display:grid;place-items:center;border-radius:3px;color:#9fdfea;background:#65e9ef14;cursor:grab}.tree-drag-handle:hover{color:#fff;background:#159ad4c2}.tree-drag-handle.disabled{cursor:default;color:#686868;background:#ffffff08}.tree-state-toggle{width:18px;height:18px;justify-self:center;display:grid;place-items:center;border-radius:3px;color:#d8d8d8;background:#ffffff12;cursor:pointer}.tree-state-toggle:hover,.tree-state-toggle:focus-visible{color:#fff;background:#159ad4c2;outline:0}.tree-state-toggle.off{color:#777}.tree-state-toggle.locked{color:#f0c46a;background:#da9e242b}.tree-state-toggle.draw-order{color:#9fdfea;background:#65e9ef14}.tree-state-toggle.disabled{cursor:default;color:#686868;background:#ffffff08}.tree-state-toggle.disabled:hover,.tree-state-toggle.disabled:focus-visible{color:#686868;background:#ffffff08}.spine-tree-row.is-hidden{color:#8d8d8d!important;opacity:.62}.spine-tree-row.is-locked>span:last-of-type:after{content:"  lock";color:#d9ad56;font-size:11px;text-transform:uppercase}.tree-row-meta{color:#9f9f9f;font-size:11px;justify-self:end}.tree-dot{width:10px;height:10px;justify-self:center;border-radius:50%;background:#bdbdbd;box-shadow:0 0 0 1px #6a6a6a}.tree-disclosure{justify-self:center;color:#aaa;background:#bebebe4d;border-radius:50%}.tree-disclosure-toggle{width:17px;height:17px;display:grid;place-items:center;cursor:pointer}.tree-disclosure-toggle:hover,.tree-disclosure-toggle:focus-visible{color:#fff;background:#159ad4c7;outline:0}.tree-disclosure.empty{width:13px;height:13px}.tree-row-icon.skeleton,.tree-row-icon.bone-icon{color:#f0f0f0}.tree-row-icon.constraint-icon,.tree-row-icon.skin-icon{color:#ff7a25}.tree-row-icon.draw-icon,.tree-row-icon.image-icon{color:#64b8f2}.tree-row-icon.event-icon{color:#d56dff}.tree-row-icon.animation-icon{color:#f7f7f7}.tree-row-icon.audio-icon{color:#28e76e}.spine-tree-row span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 1px #222}.spine-inspector-body{height:100%;display:flex;flex-direction:column;background:var(--spine-native-panel-dark);overflow-y:auto;padding-bottom:24px}.inspector-object-title{min-height:36px;grid-template-columns:minmax(0,1fr) auto;border-bottom:1px solid #242424;background:var(--spine-native-panel-dark);color:var(--spine-native-cyan);font-size:17px}.inspector-title-actions{display:inline-grid;grid-template-columns:repeat(3,28px);gap:4px}.inspector-title-actions button{width:26px;height:26px;border:1px solid #424242;border-radius:4px;background:linear-gradient(#5c5c5c,#4e4e4e);color:#d8d8d8;display:grid;place-items:center}.inspector-title-actions button:last-child{color:#ff1f29}.spine-inspector-grid{display:grid;grid-template-columns:minmax(176px,.95fr) minmax(0,1fr) minmax(0,1fr);border-top:1px solid #434343;border-left:1px solid #434343}.inspector-cell{min-height:34px;display:flex;align-items:center;gap:8px;border-right:1px solid #434343;border-bottom:1px solid #434343;background:var(--spine-native-panel-mid);color:#eee;padding:0 10px;font-size:16px}.inspector-cell input[type=checkbox]{width:18px;height:18px;accent-color:#ececec}.inspector-cell input[type=number]{width:72px;height:30px;border:0;background:transparent;color:#eee;font-size:17px}.range-cell{grid-column:span 1}.range-cell input{width:100%;accent-color:#8fd9da}.spine-inspector-bone-strip{align-self:end;min-height:28px;display:flex;gap:10px;align-items:center;border-top:1px solid #2d2d2d;color:var(--spine-native-cyan);padding:0 10px;font-size:13px}.spine-inspector-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px;border-top:1px solid #343434;background:#303031}.inspector-transform-quick{display:grid;gap:6px;padding:8px;border-top:1px solid #343434;background:#2b2b2c}.inspector-transform-quick div{min-width:0;display:grid;grid-template-columns:42px repeat(5,minmax(0,1fr));gap:4px;align-items:center}.inspector-transform-quick span{color:#9fbfc0;font-size:11px}.inspector-transform-quick button{min-width:0;height:24px;border:1px solid #454545;border-radius:4px;background:#242424;color:#d7eeee;font-size:11px}.inspector-transform-quick button:hover{border-color:var(--spine-native-cyan)}.inspector-transform-quick button:disabled{cursor:not-allowed;border-color:#3a3a3a;background:#202021;color:#7f8f8f;opacity:.72}.inspector-layer-editor{border-top:1px solid #343434;background:#2b2b2c}.inspector-layer-title{min-height:28px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 8px;color:#f1f1f1;font-size:12px}.inspector-layer-title em{color:#9fbfc0;font-size:11px;font-style:normal}.inspector-command-row.layer-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.inspector-command-row.layer-actions button{justify-content:center;padding:0 6px}.inspector-number-field{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:6px;color:#d7eeee;font-size:12px}.inspector-number-field input,.inspector-number-field select{min-width:0;height:24px;border:1px solid #454545;border-radius:4px;background:#242424;color:#f3f3f3;padding:0 6px;font-size:12px}.inspector-number-field input:disabled,.inspector-number-field select:disabled,.inspector-command-row button:disabled{cursor:not-allowed;border-color:#3a3a3a;background:#202021;color:#7f8f8f;opacity:.72}.inspector-lock-banner{min-height:30px;display:flex;align-items:center;gap:7px;padding:6px 10px;border-top:1px solid rgba(251,191,36,.3);border-bottom:1px solid rgba(251,191,36,.2);background:#fbbf241f;color:#f8d48a;font-size:12px}.inspector-lock-banner span{min-width:0;overflow-wrap:anywhere}.inspector-command-row{display:flex;gap:8px;padding:8px;border-top:1px solid #343434;background:#303031}.inspector-command-row button{min-height:28px;border:1px solid #454545;border-radius:4px;background:#242424;color:#d7eeee;display:inline-flex;align-items:center;gap:6px;padding:0 8px;font-size:12px}.inspector-command-row button:hover{border-color:var(--spine-native-cyan)}.tool-breadcrumb{background:#2f2f30;box-shadow:0 1px #ffffff1a,0 2px 8px #00000038}.tool-breadcrumb button.active{border-color:#141414!important;background:#2d2d2d!important;color:#f0f0f0!important}.tool-breadcrumb button.active:before{background:#13d08a}.spine-editor.preview-maximized .spine-toolstrip,.spine-toolstrip{max-width:calc(100% - var(--spine-right-rail) - 36px)}.spine-editor.preview-maximized .viewport-controls,.viewport-controls{z-index:20}.tool-panel{min-height:78px;border-color:#2c2c2c;border-radius:5px;background:linear-gradient(#535354,#49494a);box-shadow:inset 0 1px #ffffff29,inset 0 -1px #00000080,0 12px 24px -18px #000000f2}.toolstrip-row{gap:7px;width:100%;flex-wrap:wrap;overflow:visible;min-height:82px}.tool-mode-panel{width:100px;gap:4px}.editor-mode-panel{width:174px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:4px}.editor-mode-panel button{min-width:0}.tool-mode-panel button,.toggle-panel button,.visibility-panel button{height:22px;grid-template-columns:18px minmax(0,1fr);font-size:13px;padding:0 7px}.transform-panel{width:312px;display:grid;gap:4px}.transform-row{display:flex;gap:4px;align-items:center}.transform-row button{flex:0 0 92px;height:24px;min-width:92px;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:6px;background:linear-gradient(#5e5e5f,#505051);border-color:#3f3f40;font-size:13px}.spine-toolstrip .transform-value-input{display:block;flex:1 1 0;min-width:0;width:100%;height:24px;border:1px solid #454545;border-radius:4px;background:#242424;color:#f3f3f3;padding:0 6px;font-size:12px;font-variant-numeric:tabular-nums}.spine-toolstrip .transform-value-input:focus-visible{outline:0;border-color:var(--spine-native-cyan);box-shadow:0 0 0 1px #159ad43d}.spine-toolstrip .transform-value-input:disabled{cursor:not-allowed}.transform-row button span{min-width:0;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transform-row .transform-value-input{height:24px;background:#2a2a2a}.transform-row.rotate-row .transform-value-input{flex:1 1 auto}.transform-row.pair-row .transform-value-input{min-width:70px}.transform-row .transform-value-input::selection{background:#159ad45c}.toggle-panel{width:110px;gap:4px}.editor-mode-panel{width:174px}.spine-editor.preview-maximized .editor-mode-panel button,.spine-editor.preview-maximized .tool-mode-panel button,.spine-editor.preview-maximized .toggle-panel button,.editor-mode-panel button,.tool-mode-panel button,.toggle-panel button{width:100%;min-width:0}.compact-toggle-panel{width:102px}.visibility-panel{width:auto;min-width:148px;background:linear-gradient(#535354,#49494a)}.toggle-panel button{background:linear-gradient(#5e5e5f,#505051);border-color:#3f3f40}.spine-toolstrip button:hover,.spine-toolstrip .tool-file:hover,.spine-toolstrip .active{border-color:#1f668e!important;background:linear-gradient(#3299d0,var(--spine-native-blue))!important;color:#fff!important}.spine-toolstrip .active svg{color:#fff!important}.tool-mode-panel button:nth-child(1) svg{color:#20d143}.tool-mode-panel button:nth-child(2) svg{color:#f04444}.tool-mode-panel button:nth-child(3) svg{color:#32dde1}.transform-row.rotate-row button svg{color:#22c6d9}.transform-row.pair-row:nth-of-type(2) button svg{color:#4aa3ff}.transform-row.pair-row:nth-of-type(3) button svg{color:#e14a4a}.transform-row.pair-row:nth-of-type(4) button svg{color:#dbc528}.toggle-panel button svg{color:#26d8d7}.compact-toggle-panel button:nth-child(1) svg{color:#bfc9d4}.compact-toggle-panel button:nth-child(2) svg{color:#d8d8d8}.compact-toggle-panel button:nth-child(3) svg{color:#19d7e2}.spine-timeline{display:none}.spine-editor:not(.timeline-collapsed){--spine-timeline-height: 188px}.spine-editor:not(.timeline-collapsed) .spine-timeline{display:grid}@media(max-width:1100px){.spine-editor{--spine-right-rail: 290px}.spine-editor.preview-maximized .spine-workbench,.spine-workbench{grid-template-rows:minmax(0,1fr) 0 142px}.spine-editor.preview-maximized .spine-workbench.hierarchy-collapsed,.spine-workbench.hierarchy-collapsed{grid-template-rows:38px minmax(0,1fr) 142px}.spine-editor.preview-maximized .spine-workbench.inspector-collapsed,.spine-workbench.inspector-collapsed{grid-template-rows:minmax(0,1fr) 0 108px}.spine-editor.preview-maximized .spine-workbench.hierarchy-collapsed.inspector-collapsed,.spine-workbench.hierarchy-collapsed.inspector-collapsed{grid-template-rows:38px minmax(0,1fr) 108px}.spine-toolstrip button,.spine-toolstrip .tool-file{min-width:92px}}@media(max-width:780px){.spine-menu{padding-left:40px;overflow-x:auto}.spine-editor.preview-maximized .spine-workbench,.spine-workbench{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(360px,1fr) auto 220px 220px;grid-template-areas:"viewport" "tools" "tree" "inspector"}.spine-editor.preview-maximized .spine-viewport,.spine-viewport,.spine-panel.hierarchy,.spine-panel.inspector{margin-left:34px}.spine-editor.preview-maximized .viewport-head,.viewport-head{overflow:hidden}.spine-editor.preview-maximized .viewport-head span:nth-of-type(n+5),.viewport-head span:nth-of-type(n+5){display:none}}.spine-editor.inspector-collapsed,.spine-editor.preview-maximized.inspector-collapsed{--spine-right-rail: clamp(438px, 30.5vw, 620px)}.spine-editor.preview-maximized .spine-workbench,.spine-workbench{grid-template-columns:minmax(0,1fr) var(--spine-right-rail);grid-template-rows:minmax(0,1fr) 170px;grid-template-areas:"viewport tree" "viewport inspector"}.spine-editor.preview-maximized .spine-workbench.hierarchy-collapsed,.spine-workbench.hierarchy-collapsed{grid-template-columns:minmax(0,1fr) var(--spine-right-rail);grid-template-rows:44px minmax(0,1fr);grid-template-areas:"viewport tree" "viewport inspector"}.spine-editor.preview-maximized .spine-workbench.inspector-collapsed,.spine-workbench.inspector-collapsed{grid-template-columns:minmax(0,1fr) var(--spine-right-rail);grid-template-rows:minmax(0,1fr);grid-template-areas:"viewport tree"}.spine-editor.preview-maximized .spine-workbench.hierarchy-collapsed.inspector-collapsed,.spine-workbench.hierarchy-collapsed.inspector-collapsed{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"viewport";background:#565558}.spine-workbench.inspector-collapsed .spine-panel.inspector{display:none}.spine-workbench.hierarchy-collapsed .spine-panel.hierarchy{min-height:44px;overflow:hidden;align-self:start;justify-content:flex-start}.spine-workbench.hierarchy-collapsed .spine-panel.hierarchy .spine-panel-title{height:44px;padding:0 8px;align-self:stretch}.spine-workbench.hierarchy-collapsed .spine-panel.hierarchy .collapsed-panel-actions{display:none}.spine-workbench.hierarchy-collapsed .spine-panel.hierarchy .spine-panel-title span{display:inline-flex}.spine-editor.preview-maximized .spine-workbench.hierarchy-collapsed.inspector-collapsed .spine-panel.hierarchy,.spine-workbench.hierarchy-collapsed.inspector-collapsed .spine-panel.hierarchy{display:none}@media(max-width:780px){.spine-editor.inspector-collapsed,.spine-editor.preview-maximized.inspector-collapsed{--spine-right-rail: 100%}.spine-editor.preview-maximized .spine-workbench,.spine-workbench{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(360px,1fr) auto 220px;grid-template-areas:"viewport" "tools" "tree"}.spine-editor.preview-maximized .spine-workbench:not(.inspector-collapsed),.spine-workbench:not(.inspector-collapsed){grid-template-rows:minmax(360px,1fr) auto 220px 220px;grid-template-areas:"viewport" "tools" "tree" "inspector"}}.spine-menu{overflow:visible}.spine-package-file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.spine-editor.preview-maximized .spine-menu{z-index:100}.spine-project-name{flex:0 0 auto}.spine-project-name .spine-project-input{flex:0 1 clamp(112px,14vw,220px)}.spine-menu-actions{min-width:0;flex:1 1 auto;flex-wrap:nowrap;overflow:visible}.spine-menu select,.spine-menu-actions select{position:static;width:auto;min-width:96px;max-width:min(190px,18vw);height:28px;opacity:1;pointer-events:auto;appearance:auto;padding:0 24px 0 7px;border:1px solid #2f2f2f;border-radius:3px;background:#3f3f40;color:#f0f0f0}.spine-menu .spine-project-select{width:clamp(124px,14vw,190px)}.spine-menu .spine-project-picker-button,.spine-menu .project-picker-field-button{min-width:0;border:1px solid #2f2f2f;border-radius:3px;background:#3f3f40;color:#f0f0f0}.spine-menu .spine-project-picker-button{width:clamp(142px,15vw,220px);max-width:clamp(142px,15vw,220px);padding:0 7px;display:inline-grid;grid-template-columns:16px minmax(0,1fr) 13px;align-items:center;justify-items:stretch;gap:6px}.spine-menu .project-picker-field-button{width:100%;max-width:100%;height:30px;padding:0 8px;display:inline-grid;grid-template-columns:16px minmax(0,1fr);align-items:center;justify-items:stretch;gap:6px}.spine-menu .spine-project-picker-button span,.spine-menu .project-picker-field-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spine-menu .spine-project-picker-button:hover,.spine-menu .project-picker-field-button:hover{border-color:var(--spine-native-blue);background:#49494a;color:#fff}.spine-menu .spine-reference-select{width:clamp(132px,15vw,205px)}.spine-menu .spine-animation-select{width:clamp(132px,15vw,210px);min-width:118px;max-width:210px}.spine-menu select:hover,.spine-menu select:focus{border-color:var(--spine-native-blue);background:#49494a;outline:none}.spine-nav-dropdown,.views-dropdown{display:grid;z-index:90}.spine-nav-menu:hover .spine-nav-dropdown,.spine-nav-menu:focus-within .spine-nav-dropdown,.spine-nav-dropdown{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.spine-nav-trigger[aria-expanded=true],.views-menu-button[aria-expanded=true]{background:linear-gradient(#3299d0,var(--spine-native-blue));color:#fff}.spine-menu .spine-tree-header-toggle{width:auto;min-width:66px;padding:0 8px;gap:6px;border:1px solid #1f668e;background:linear-gradient(#3299d0,var(--spine-native-blue));color:#fff}.spine-menu .spine-tree-header-toggle span{display:inline;font-size:13px}.spine-menu .spine-nav-dropdown button,.spine-menu .views-dropdown button{width:100%;min-width:0;height:34px;border:0;border-radius:4px;background:transparent;color:#f2f2f2;display:grid;align-items:center;justify-content:stretch;text-align:left}.spine-menu .spine-nav-dropdown button{grid-template-columns:24px minmax(0,1fr);justify-items:start;gap:7px;padding:0 8px}.spine-menu .views-dropdown button{grid-template-columns:26px minmax(0,1fr) auto;gap:6px;padding:0 7px;position:relative}.spine-menu .spine-nav-dropdown button span,.spine-menu .views-dropdown button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spine-menu .spine-nav-dropdown button:hover,.spine-menu .views-dropdown button:hover{background:#0d91c8;color:#fff}.spine-menu .views-dropdown button.active{background:#0b759f;color:#fff}.views-dropdown button:disabled{cursor:default;color:#9e9e9e}.spine-menu .views-dropdown button:disabled:hover{background:transparent;color:#9e9e9e}.spine-menu .views-dropdown button kbd{color:#cfcfcf;font-family:inherit;font-size:12px}.spine-tree-row.child{height:30px!important;padding-left:22px!important;font-size:16px}.spine-tree-row.bone-child{padding-left:calc(22px + var(--bone-tree-indent, 0px))!important}.spine-tree-row.child .tree-dot{width:7px;height:7px;opacity:.72}.spine-inspector-grid.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));overflow:auto}.inspector-cell.detail-row{min-width:0;display:grid;grid-template-columns:minmax(72px,.75fr) minmax(0,1.25fr);gap:8px;font-size:14px}.inspector-cell.detail-row span,.inspector-cell.detail-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-cell.detail-row span{color:#c8c8c8}.inspector-cell.detail-row strong{color:#f4f4f4;font-weight:600}@media(max-width:1100px){.spine-menu-actions{overflow:visible;scrollbar-width:thin}.spine-menu select,.spine-menu-actions select{min-width:112px;max-width:160px;flex:0 0 auto}}.spine-view-panel{grid-area:viewport;align-self:start;justify-self:end;z-index:12;width:min(380px,calc(100% - 36px));max-height:calc(100% - 74px);margin:42px 18px 0 0;border:1px solid #252525;border-radius:4px;background:#2c2c2ef0;box-shadow:0 18px 46px -22px #000000f2;color:#ececec;overflow:hidden}.spine-view-panel-title{min-height:34px;display:grid;grid-template-columns:minmax(70px,auto) minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 8px 0 10px;border-bottom:1px solid #1e1e1f;background:linear-gradient(#4a4a4c,#38383a)}.spine-view-panel-title strong{font-size:12px;text-transform:uppercase}.spine-view-panel-title span{min-width:0;color:#bcbcbc;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spine-view-panel-title div{display:inline-flex;gap:4px}.spine-view-panel-title button{width:24px;height:24px;border:0;border-radius:3px;background:transparent;color:#d8d8d8;display:grid;place-items:center}.spine-view-panel-title button:hover{background:#5a5a5b}.spine-view-panel-body{max-height:calc(100vh - 210px);padding:10px;overflow:auto}.view-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.view-stat-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:8px}.view-stat{min-width:0;min-height:58px;padding:8px;border:1px solid #242426;border-radius:4px;background:#38383a}.view-stat span,.view-list-row span,.view-list-row small,.view-status span{display:block;min-width:0;color:#bdbdbd;font-size:11px;overflow-wrap:anywhere}.view-stat strong{display:block;margin-top:4px;color:#fff;font-size:16px;line-height:1.2;overflow-wrap:anywhere}.view-status{padding:9px;border:1px solid #2a2a2c;border-radius:4px;background:#38383a}.view-status.pass{border-color:#54bc768c}.view-status.warning{border-color:#ebb54e94}.view-status.error{border-color:#f066669e}.view-status strong{display:block;margin-bottom:4px}.view-list{display:grid;gap:7px;margin-top:9px}.view-section-label{margin:12px 0 6px;color:#d7d7d7;font-size:10px;font-weight:700;text-transform:uppercase}.view-list p{margin:0;color:#d9d9d9;font-size:12px}.view-list-row{min-width:0;padding:8px;border:1px solid #252527;border-radius:4px;background:#373739}.view-list-row strong{display:block;color:#f4f4f4;font-size:12px;overflow-wrap:anywhere}.project-picker-backdrop{position:fixed;inset:0;z-index:260;display:grid;place-items:center;padding:18px;background:#00000094}.project-picker-modal{width:min(720px,calc(100vw - 28px));max-height:min(720px,calc(100vh - 28px));display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:10px;border:1px solid #252525;border-radius:6px;background:#2d2d2ffc;box-shadow:0 32px 92px -28px #000000f2;padding:12px;color:#f2f2f2}.texture-packer-modal{width:min(900px,calc(100vw - 28px));grid-template-rows:auto auto auto minmax(0,1fr) auto}.texture-packer-fields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.texture-packer-fields label,.texture-packer-toggles label{display:grid;gap:4px;color:#c8c8c8;font-size:11px;text-transform:uppercase}.texture-packer-fields input,.texture-packer-fields select{width:100%;min-width:0;height:30px;border:1px solid #242424;border-radius:3px;background:#303032;color:#f1f1f1;padding:0 7px}.texture-packer-toggles{display:flex;flex-wrap:wrap;gap:8px 16px;padding:8px 0 2px}.texture-packer-toggles .texture-packer-toggle{display:inline-flex;align-items:center;gap:6px;text-transform:none;font-size:12px}.texture-packer-output{min-height:180px;overflow:auto;display:grid;align-content:start;gap:10px;padding:10px;border:1px solid #252525;border-radius:4px;background:#303032;color:#cfcfcf;font-size:12px}.texture-packer-output p{margin:0}.texture-packer-error,.texture-packer-warnings,.texture-packer-summary,.texture-packer-downloads{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.texture-packer-error{color:#ff9d9d}.texture-packer-warnings{color:#ffcf78}.texture-packer-warnings span{display:inline-flex;align-items:center;gap:4px}.texture-packer-summary strong{color:#fff}.texture-packer-pages{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.texture-packer-pages figure{margin:0;display:grid;gap:5px}.texture-packer-pages img{width:100%;max-height:180px;object-fit:contain;image-rendering:auto;border:1px solid #48484b;background:repeating-conic-gradient(#3d3d40 0 25%,#29292b 0 50%) 50% / 14px 14px}.texture-packer-pages figcaption{color:#bdbdbd;font-size:11px}.texture-packer-downloads a{display:inline-flex;align-items:center;gap:4px;color:#72d7ff;text-decoration:none}.texture-packer-downloads a:hover{color:#fff}@media(max-width:760px){.texture-packer-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}.project-picker-modal header,.project-picker-modal footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.project-picker-modal header div{min-width:0;display:grid;gap:2px}.project-picker-modal header strong{font-size:13px;text-transform:uppercase}.project-picker-modal header span,.project-picker-modal footer span{min-width:0;color:#bdbdbd;font-size:12px}.project-picker-modal header button,.project-picker-modal footer button{width:30px;min-width:30px;height:30px;border:1px solid #242424;border-radius:3px;background:#3f3f40;color:#f0f0f0;display:grid;place-items:center}.project-picker-modal header button:hover,.project-picker-modal footer button:hover{border-color:var(--spine-native-blue);background:#0d91c8;color:#fff}.project-picker-search{min-width:0;height:34px;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;border:1px solid #252525;border-radius:4px;background:#363638;padding:0 10px;color:#cfcfcf}.project-picker-search input{min-width:0;height:100%;border:0;outline:0;background:transparent;color:#f5f5f5;font-size:13px}.project-picker-create-row{min-width:0;display:flex;gap:8px;justify-content:flex-end}.spine-menu .project-picker-create-row button{width:auto;min-width:0;height:32px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border:1px solid #1d6f97;border-radius:4px;background:#0f7faf;color:#fff;font-size:12px;font-weight:800}.spine-menu .project-picker-create-row button:hover{border-color:#67d4ff;background:#0d91c8}.spine-menu .project-picker-create-row button.secondary{border-color:#343436;background:#3b3b3d}.spine-menu .project-picker-create-row button.secondary:hover{border-color:#8a8a8d;background:#4a4a4d}.project-picker-list{min-width:0;min-height:314px;display:grid;align-content:start;gap:6px;overflow:auto}.spine-menu .project-picker-list button{width:100%;max-width:100%;min-width:0;height:auto;min-height:48px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(190px,1fr) 92px;align-items:center;justify-items:stretch;gap:10px;padding:8px 10px;border:1px solid #252525;border-radius:4px;background:#38383a;color:#ececec;text-align:left}.spine-menu .project-picker-list button:hover,.spine-menu .project-picker-list button.active{border-color:#1f668e;background:#0d91c8;color:#fff}.project-picker-name,.project-picker-meta,.project-picker-date{width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-picker-name{font-size:13px;font-weight:800;line-height:1.2}.project-picker-meta,.project-picker-date{color:#c8c8c8;font-size:12px;line-height:1.2}.project-picker-date{text-align:right}.spine-menu .project-picker-list button:hover .project-picker-meta,.spine-menu .project-picker-list button:hover .project-picker-date,.spine-menu .project-picker-list button.active .project-picker-meta,.spine-menu .project-picker-list button.active .project-picker-date{color:#ffffffd1}.project-picker-list p{margin:0;padding:18px 10px;border:1px solid #252525;border-radius:4px;background:#38383a;color:#cfcfcf;font-size:13px}.project-merge-modal{width:min(680px,calc(100vw - 28px));grid-template-rows:auto auto minmax(0,1fr) auto}.project-merge-summary{min-width:0;display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px 10px;padding:10px;border:1px solid #252525;border-radius:4px;background:#363638}.project-merge-summary span,.project-merge-conflicts>strong{color:#bdbdbd;font-size:11px;text-transform:uppercase}.project-merge-summary strong{min-width:0;color:#f3f3f3;font-size:12px;overflow-wrap:anywhere}.project-merge-conflicts{min-width:0;min-height:160px;display:grid;align-content:start;gap:8px;overflow:auto;padding:10px;border:1px solid #252525;border-radius:4px;background:#303032}.project-merge-conflicts div{display:grid;gap:6px}.project-merge-conflicts span,.project-merge-conflicts p,.project-merge-conflicts em{min-width:0;margin:0;color:#e2e2e2;font-size:12px;overflow-wrap:anywhere}.project-merge-conflicts em{color:#9edfff;font-style:normal}.spine-menu .project-picker-modal footer .project-merge-confirm{width:auto;min-width:156px;display:inline-flex;justify-content:center;gap:7px;padding:0 12px;border-color:#1d6f97;background:#0f7faf;font-weight:800}.spine-menu .project-picker-modal footer .project-merge-confirm:hover{border-color:#67d4ff;background:#0d91c8}.project-save-as-modal{width:min(560px,calc(100vw - 28px));grid-template-rows:auto auto auto auto}.project-save-as-name{height:38px}.project-save-as-warning{min-width:0;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:8px;padding:10px;border:1px solid #252525;border-radius:4px;background:#343436;color:#cfcfcf;font-size:12px}.project-save-as-warning.active{border-color:#8a6924;background:#44391f;color:#f7d99a}.project-save-as-warning span{min-width:0;overflow-wrap:anywhere}.spine-menu .project-picker-modal footer .project-save-as-confirm{width:auto;min-width:112px;display:inline-flex;justify-content:center;gap:7px;padding:0 12px;border-color:#1d6f97;background:#0f7faf;font-weight:800}.spine-menu .project-picker-modal footer .project-save-as-confirm:hover{border-color:#67d4ff;background:#0d91c8}.spine-menu .project-picker-modal footer .project-picker-cancel-btn,.project-picker-modal footer .project-picker-cancel-btn{width:auto;min-width:68px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:1px solid #363638;background:#323234;color:#d1d5db;font-size:12px;font-weight:500;border-radius:4px;cursor:pointer;transition:all .15s ease}.spine-menu .project-picker-modal footer .project-picker-cancel-btn:hover,.project-picker-modal footer .project-picker-cancel-btn:hover{background:#424246;border-color:#55555c;color:#fff}.spine-save-recovery-guidance{min-width:0;display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:10px;padding:7px 12px;border-top:1px solid #5f351f;border-bottom:1px solid #5f351f;background:#35241d;color:#f0d1b5;font-size:12px}.spine-save-recovery-guidance strong{color:#ffc28e;font-size:11px;text-transform:uppercase}.spine-save-recovery-guidance span{min-width:0;overflow-wrap:anywhere}.project-picker-modal footer div{display:inline-flex;gap:6px}.project-png-sequence-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px}.project-png-sequence-fields label{display:grid;gap:5px;color:#94a3b8;font-size:11px;font-weight:700;text-transform:uppercase}.project-png-sequence-fields input{width:100%;border:1px solid rgba(148,163,184,.24);border-radius:6px;background:#0f172ad1;color:#e2e8f0;font:inherit;padding:8px 9px}.project-png-sequence-fields select{width:100%;min-width:0;border:1px solid rgba(148,163,184,.24);border-radius:6px;background:#0f172ad1;color:#e2e8f0;font:inherit;padding:8px 9px}.project-png-sequence-fields input[type=color]{min-height:35px;padding:3px}.project-png-sequence-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 12px 12px;color:#cbd5e1;font-size:12px}.project-png-sequence-summary span{min-width:0;overflow-wrap:anywhere}.project-png-sequence-result{display:grid;gap:4px;margin:0 12px 12px;padding:9px 10px;border:1px solid rgba(148,163,184,.24);border-radius:6px;background:#0f172ab8;color:#cbd5e1;font-size:12px}.project-png-sequence-result strong,.project-png-sequence-result span{min-width:0;overflow-wrap:anywhere}.project-png-sequence-result.success{border-color:#22c55e57;color:#dcfce7}.project-png-sequence-result.error{border-color:#f871715c;color:#fee2e2}.project-png-sequence-result.cancelled{border-color:#fbbf245c;color:#fef3c7}@media(max-width:720px){.project-picker-modal{width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:10px}.project-picker-list{min-height:300px}.spine-menu .project-picker-list button{grid-template-columns:minmax(0,1fr) 84px;min-height:58px}.project-picker-meta{grid-column:1 / -1;order:3}.project-png-sequence-fields,.project-png-sequence-summary{grid-template-columns:1fr}}.viewport-mode-switch{pointer-events:auto;display:inline-flex;align-items:center;min-height:24px}.viewport-mode-switch.segmented-mode-switch{display:inline-flex;align-items:center;gap:2px;background:#121216d9;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:2px}.viewport-mode-switch.segmented-mode-switch .mode-segment-btn{height:22px;min-width:74px;border:1px solid transparent;border-radius:4px;background:transparent;color:#94a3b8;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 8px;font-size:11.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:all .15s ease;box-shadow:none}.viewport-mode-switch.segmented-mode-switch .mode-segment-btn:hover{color:#f1f5f9;background:#ffffff0f}.viewport-mode-switch.segmented-mode-switch .mode-segment-btn.active.setup{color:#fef3c7;background:linear-gradient(135deg,#f59e0b47,#b4530933);border-color:#f59e0b73;box-shadow:0 1px 4px #f59e0b26,inset 0 1px #ffffff1f}.viewport-mode-switch.segmented-mode-switch .mode-segment-btn.active.setup svg{color:#f59e0b!important}.viewport-mode-switch.segmented-mode-switch .mode-segment-btn.active.animate{color:#e0f2fe;background:linear-gradient(135deg,#06b6d447,#0e749033);border-color:#06b6d480;box-shadow:0 1px 4px #06b6d42e,inset 0 1px #ffffff1f}.viewport-mode-switch.segmented-mode-switch .mode-segment-btn.active.animate svg{color:#38bdf8!important}.hud-autokey-pill{pointer-events:auto;height:24px;display:inline-flex;align-items:center;gap:5px;padding:0 8px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;background:#1e1e24d9;border:1px solid rgba(255,255,255,.1);color:#94a3b8;transition:all .15s ease}.hud-autokey-pill:hover{background:#ffffff14;color:#e2e8f0}.hud-autokey-pill.active{background:#ef444426;border-color:#ef444473;color:#fca5a5;box-shadow:0 0 8px #ef444433}.hud-autokey-pill.active svg{color:#ef4444}.spine-editor.animation-mode{--spine-timeline-height: 224px}.spine-editor.setup-mode{--spine-timeline-height: 0px}.spine-editor.setup-mode .spine-timeline{display:none}.spine-editor.animation-mode .spine-timeline{display:grid}.spine-editor.animation-mode.timeline-collapsed{--spine-timeline-height: 0px}.spine-editor.animation-mode .viewport-head{border-color:#0a78aab8}.spine-editor.animation-mode .spine-timeline:not(.compact){--timeline-row-label-width: 140px;min-height:224px;display:flex;flex-direction:column;border-top:1px solid #141416;background:#1f1f23}.timeline-tabs button{min-width:0;height:22px;border:0;border-radius:3px;background:transparent;color:#94a3b8;font-size:11px;font-weight:700;justify-content:center}.timeline-transport button:nth-child(4){color:#f8fbff;background:#168fc5;border-color:#0c668e}.timeline-duration-controls{min-width:0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(52px,auto) minmax(74px,.9fr) minmax(0,.9fr) 34px 34px;align-items:center;gap:5px}.timeline-duration-controls label{grid-template-columns:34px minmax(0,1fr)}.timeline-duration-controls button{min-width:0;height:28px;padding:0 6px;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.timeline-duration-controls select{min-width:0;height:28px;border-radius:4px;border:1px solid rgba(148,163,184,.3);background:#1f2933;color:#dbeafe;font-size:11px;font-weight:800}.timeline-meta{min-width:0;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;min-height:28px;border:1px solid #202020;border-radius:4px;background:#383838;padding:0 8px}.timeline-meta strong,.timeline-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-meta strong{color:#83e2ff;font-size:12px}.timeline-meta span{color:#bdbdbd;font-size:11px}.spine-timeline:not(.compact) .timeline-track{--timeline-content-width: max(100%, calc(var(--timeline-frame-count, 90) * var(--timeline-frame-px, 18px)));flex:1 1 0;min-height:0;display:grid;grid-auto-flow:row;grid-auto-columns:auto;grid-template-rows:30px minmax(0,1fr);overflow:hidden;background:linear-gradient(90deg,transparent 0 49px,rgba(255,255,255,.035) 50px),#202020;background-size:50px 100%,auto}.timeline-ruler{min-width:0;width:var(--timeline-content-width);display:grid;grid-auto-flow:column;grid-auto-columns:minmax(42px,1fr);border-bottom:1px solid #101010;background:#343434}.timeline-ruler button{min-width:0;height:38px;border:0;border-right:1px solid #1f1f1f;border-radius:0;background:linear-gradient(to bottom,transparent 0 25px,rgba(255,255,255,.22) 25px 26px,transparent 26px),#343434;color:#a9a9a9;display:flex;align-items:flex-start;justify-content:center;padding:6px 0 0;font-size:11px}.timeline-ruler button.active{color:#fff;background:linear-gradient(to bottom,transparent 0 25px,#ff4325 25px 31px,transparent 31px),#3b3b3b}.timeline-keyframe-stage{min-width:0;min-height:0;position:relative;overflow:auto;background:#202020;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.timeline-keyframe-stage.scrubbing{cursor:grabbing}.timeline-keyframe-stage.scrubbing .timeline-row-lane{background:linear-gradient(90deg,transparent 0 49px,rgba(0,234,255,.12) 50px),linear-gradient(#282828,#202020);background-size:50px 100%,auto}.timeline-playhead{position:absolute;z-index:4;top:0;bottom:0;width:1px;background:#00eaff;transform:translate(-50%);pointer-events:none}.timeline-playhead span{position:sticky;top:2px;left:0;display:grid;place-items:center;width:20px;height:18px;transform:translate(-50%);border-radius:3px;background:#009fbe;color:#fff;font-size:10px;font-weight:800}.timeline-graph-layer{position:absolute;z-index:3;inset:0 0 0 var(--timeline-row-label-width);width:calc(var(--timeline-content-width, 100%) - var(--timeline-row-label-width));min-width:calc(var(--timeline-content-width, 100%) - var(--timeline-row-label-width));height:100%;pointer-events:auto}.timeline-graph{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.timeline-graph polyline{fill:none;stroke:#0096db;stroke-width:1.6;vector-effect:non-scaling-stroke}.timeline-graph path.timeline-graph-curve{fill:none;stroke:#00b4d8;stroke-width:2.2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px rgba(0,180,216,.4))}.timeline-graph line.timeline-graph-tangent-line{stroke:#ff7a3d;stroke-width:1.5;stroke-dasharray:2.5 2;vector-effect:non-scaling-stroke;opacity:.9}.timeline-graph-key{position:absolute;z-index:5;width:12px;height:12px;min-width:12px;border:1px solid #101010;border-radius:999px;background:#33e0ff;box-shadow:0 0 0 2px #0096db38;transform:translate(-50%,-50%);padding:0;pointer-events:auto;cursor:ns-resize}.timeline-graph-key.active{width:14px;height:14px;border-color:#fff;background:#ffe35c}.timeline-graph-key.dragging{box-shadow:0 0 0 3px #ffe35c4d}.timeline-graph-key.readonly{cursor:default;opacity:.35}.timeline-graph-curve-handle{position:absolute;z-index:6;width:10px;height:10px;min-width:10px;border:1px solid #101010;border-radius:999px;background:#ff7a3d;box-shadow:0 0 0 2px #ff7a3d38;transform:translate(-50%,-50%);padding:0;pointer-events:auto;cursor:grab}.timeline-graph-curve-handle.dragging{background:#ffe35c;cursor:grabbing;box-shadow:0 0 0 3px #ffe35c4d}.timeline-row-list{position:relative;z-index:2;width:var(--timeline-content-width, 100%);min-width:var(--timeline-content-width, 100%);min-height:100%;display:grid;align-content:start}.timeline-row-list.marquee-selecting{cursor:crosshair}.timeline-marquee-selection{position:absolute;top:0;bottom:0;z-index:4;pointer-events:none;border:1px solid rgba(96,219,255,.95);background:#48bcff2e;box-shadow:inset 0 0 0 1px #ffffff14}.timeline-key-row{min-width:0;height:34px;display:grid;grid-template-columns:var(--timeline-row-label-width) minmax(360px,1fr);border-bottom:1px solid #161616}.timeline-key-row.selected{background:#6f9d9b47}.timeline-row-label{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;border-right:1px solid #101010;background:#668180b8;padding:0 8px}.timeline-key-row:nth-child(2n) .timeline-row-label{background:#5c6867b8}.timeline-row-label span,.timeline-row-label em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-row-label span{color:#f1f1f1;font-size:12px;font-weight:800}.timeline-row-label em{color:#d2d2d2;font-size:10px;font-style:normal}.timeline-row-lane{position:relative;min-width:0;background:linear-gradient(90deg,transparent 0 49px,rgba(255,255,255,.055) 50px),linear-gradient(#262626,#202020);background-size:50px 100%,auto}.timeline-row-lane:after{content:"";position:absolute;inset:0;pointer-events:none}.timeline-row-lane button{position:absolute;top:50%;width:14px;height:14px;min-width:14px;border:1px solid #161616;border-radius:2px;background:#ff361f;transform:translate(-50%,-50%) rotate(45deg);padding:0;box-shadow:0 0 0 3px #ff361f24}.timeline-row-lane button.active{width:18px;height:18px;border-color:#eaffff;background:#00d9ff;box-shadow:0 0 0 3px #00d9ff38,0 0 14px #00d9ff6b;z-index:3}.timeline-row-lane button.multi-selected{border-color:#fff1a3;box-shadow:0 0 0 4px #ffd54a47;z-index:2}.timeline-row-lane button.dragging{border-color:#f6e27a;background:#f8b84e;cursor:grabbing;z-index:3}.timeline-audio-controls{display:grid;grid-template-columns:30px minmax(0,1fr) auto auto;gap:5px;align-items:center;padding:6px;border:1px solid #202020;border-radius:4px;background:#333}.timeline-audio-controls>button{width:30px;min-width:30px;height:28px}.timeline-audio-controls label{gap:5px}.timeline-audio-controls .timeline-check{display:inline-flex;grid-template-columns:none;gap:4px;white-space:nowrap}.timeline-audio-controls .timeline-check input{width:14px;min-width:14px;height:14px;padding:0;accent-color:#16b9df}.timeline-audio-controls label:nth-last-child(-n+2){grid-column:span 2}.audio-waveform-row .timeline-row-label{background:#3e5f77e6}.audio-waveform-row{position:relative;z-index:5}.audio-waveform-lane{position:relative;min-width:360px;overflow:hidden;background:linear-gradient(90deg,transparent 0 49px,rgba(67,216,255,.09) 50px),linear-gradient(#1c3038,#17252b);background-size:50px 100%,auto}.audio-waveform-clip{position:absolute;top:4px;bottom:4px;min-width:12px;overflow:hidden;border:1px solid rgba(75,213,255,.55);border-radius:3px;background:#1275926b;color:#bfefff;padding:0;cursor:pointer}.audio-waveform-clip.active{border-color:#fff19a;background:#159fbea3;box-shadow:0 0 0 1px #fff19a4d}.audio-waveform-clip.error{border-color:#e76b6b;color:#ffb7b7}.audio-waveform-clip svg{width:100%;height:100%;display:block}.audio-waveform-clip polygon{fill:#5fe2ffd1}.audio-waveform-clip span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 5px;font-size:9px}.timeline-key-row.event-row .timeline-row-lane button{border-radius:999px;background:#f7c643;transform:translate(-50%,-50%)}@media(max-width:900px){.spine-editor.animation-mode{--spine-timeline-height: 244px}.spine-editor.animation-mode .spine-timeline:not(.compact){grid-template-columns:180px minmax(0,1fr)}.timeline-transport{grid-template-columns:repeat(4,28px)}}@media(max-width:900px){.spine-editor,.spine-editor.preview-maximized{--spine-menu-height: 76px;--spine-right-rail: min(100%, 320px)}.spine-editor.menu-collapsed,.spine-editor.preview-maximized.menu-collapsed{--spine-menu-height: 34px}.spine-editor.preview-maximized .spine-menu,.spine-menu{height:var(--spine-menu-height);min-height:var(--spine-menu-height);display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(30px,auto);align-content:center;gap:4px;padding:4px 6px;overflow:visible}.spine-menu.compact{display:flex;min-height:var(--spine-menu-height);height:var(--spine-menu-height);padding:2px 4px}.spine-project-name,.spine-menu-actions{width:100%;min-width:0;height:auto;gap:5px}.spine-project-name{position:relative;z-index:21;flex:1 1 100%}.spine-menu-actions{position:relative;z-index:20;margin-left:0;flex:1 1 100%;justify-content:flex-start;flex-wrap:nowrap}.spine-app-brand{min-width:84px;height:28px;gap:5px;padding-right:3px}.brand-spine{font-size:18px;letter-spacing:0}.brand-spine span{text-shadow:0 3px 0 #ff3018,0 -3px 0 #ff3018}.spine-app-brand strong{font-size:16px}.spine-menu .spine-nav-trigger,.spine-menu .views-menu-button,.spine-menu .spine-tree-header-toggle,.spine-menu button{height:28px;min-height:28px;flex:0 0 auto}.spine-menu button{width:28px;min-width:28px}.spine-menu .spine-nav-trigger{width:auto;min-width:36px;max-width:112px;padding:0 5px;gap:4px;font-size:12px}.spine-menu .spine-nav-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spine-toolbar-separator{height:24px}.spine-project-input{flex:1 1 118px;width:auto;min-width:96px;max-width:none!important;height:28px;font-size:14px}.spine-menu select,.spine-menu-actions select,.spine-menu .spine-project-select,.spine-menu .spine-reference-select{height:28px;min-width:0;width:112px;max-width:112px;flex:0 0 112px;padding:0 20px 0 6px;font-size:12px}.spine-menu .spine-project-select{width:118px;max-width:118px;flex-basis:118px}.spine-menu .views-menu-button{width:34px;min-width:34px;padding:0;gap:0}.spine-menu .views-menu-button span,.spine-menu .spine-tree-header-toggle span{display:none}.spine-menu .spine-tree-header-toggle{width:32px;min-width:32px;padding:0;gap:0}.spine-nav-menu,.views-menu-wrap{position:relative;flex:0 0 auto}.spine-nav-dropdown,.views-dropdown{top:calc(100% + 5px);z-index:120;max-height:min(420px,calc(100vh - var(--spine-menu-height) - 18px));overflow-y:auto}.spine-nav-dropdown{left:0;width:min(220px,calc(100vw - 12px))}.views-dropdown{right:0;width:min(270px,calc(100vw - 12px))}.spine-editor.preview-maximized .spine-workbench,.spine-workbench{grid-template-columns:minmax(0,1fr) minmax(0,var(--spine-right-rail));grid-template-rows:minmax(0,1fr) 0 170px}.spine-editor.preview-maximized .spine-workbench.hierarchy-collapsed.inspector-collapsed,.spine-workbench.hierarchy-collapsed.inspector-collapsed{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"viewport"}.spine-editor.preview-maximized .spine-viewport,.spine-viewport{margin-left:0;min-height:0}.spine-toolstrip{max-width:calc(100vw - 12px)}.toolstrip-row{min-height:0;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.tool-panel{flex:0 0 auto}}@media(max-width:720px){.spine-editor,.spine-editor.preview-maximized{--spine-menu-height: 78px}.spine-app-brand{min-width:62px}.spine-app-brand strong{display:none}.spine-menu .spine-nav-trigger{max-width:42px}.spine-menu .spine-nav-trigger span{display:none}.spine-project-input{min-width:118px;font-size:13px}.spine-menu .spine-reference-select{display:none}.spine-menu select,.spine-menu-actions select,.spine-menu .spine-project-select{width:108px;max-width:108px;flex-basis:108px}.spine-menu .spine-project-select{width:116px;max-width:116px;flex-basis:116px}.spine-editor.preview-maximized .spine-workbench,.spine-workbench{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"viewport"}.spine-workbench:not(.hierarchy-collapsed){grid-template-rows:minmax(320px,1fr) minmax(180px,32vh);grid-template-areas:"viewport" "tree"}.spine-workbench:not(.toolstrip-collapsed):not(.hierarchy-collapsed){grid-template-rows:minmax(260px,1fr) 52px minmax(150px,28vh);grid-template-areas:"viewport" "tools" "tree"}.spine-workbench:not(.inspector-collapsed):not(.hierarchy-collapsed){grid-template-rows:minmax(300px,1fr) minmax(160px,26vh) minmax(160px,26vh);grid-template-areas:"viewport" "tree" "inspector"}.spine-workbench:not(.toolstrip-collapsed):not(.inspector-collapsed):not(.hierarchy-collapsed){grid-template-rows:minmax(230px,1fr) 52px minmax(136px,24vh) minmax(136px,24vh);grid-template-areas:"viewport" "tools" "tree" "inspector"}.spine-workbench.hierarchy-collapsed:not(.inspector-collapsed){grid-template-rows:minmax(320px,1fr) minmax(180px,32vh);grid-template-areas:"viewport" "inspector"}.spine-workbench:not(.toolstrip-collapsed).hierarchy-collapsed:not(.inspector-collapsed){grid-template-rows:minmax(260px,1fr) 52px minmax(150px,28vh);grid-template-areas:"viewport" "tools" "inspector"}.spine-editor.preview-maximized .spine-workbench:not(.toolstrip-collapsed) .spine-toolstrip,.spine-workbench:not(.toolstrip-collapsed) .spine-toolstrip{position:static;grid-area:tools;transform:none;width:100%;max-width:none;min-width:0;height:52px;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:5px;padding:5px 6px;border-top:1px solid #2a2a2a;border-bottom:1px solid #202020;background:linear-gradient(#4f4f50,#424243)}.spine-workbench:not(.toolstrip-collapsed) .spine-toolstrip .toolstrip-toggle{position:static;width:28px;height:28px;min-width:28px}.spine-workbench:not(.toolstrip-collapsed) .tool-breadcrumb{display:none}.spine-workbench:not(.toolstrip-collapsed) .toolstrip-row{width:100%;min-width:0;min-height:38px;height:38px;display:flex;align-items:center;gap:5px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.spine-workbench:not(.toolstrip-collapsed) .tool-panel{width:auto;min-height:36px;height:36px;display:inline-flex;align-items:center;gap:3px;padding:3px}.spine-workbench:not(.toolstrip-collapsed) .editor-mode-panel,.spine-workbench:not(.toolstrip-collapsed) .tool-mode-panel,.spine-workbench:not(.toolstrip-collapsed) .toggle-panel,.spine-workbench:not(.toolstrip-collapsed) .compact-toggle-panel,.spine-workbench:not(.toolstrip-collapsed) .visibility-panel{width:auto}.spine-workbench:not(.toolstrip-collapsed) .transform-panel{width:auto}.spine-workbench:not(.toolstrip-collapsed) .spine-toolstrip button,.spine-workbench:not(.toolstrip-collapsed) .spine-toolstrip .tool-file{width:28px;min-width:28px;height:28px;display:grid;grid-template-columns:1fr;place-items:center;padding:0}.spine-workbench:not(.toolstrip-collapsed) .spine-toolstrip button span,.spine-workbench:not(.toolstrip-collapsed) .spine-toolstrip output,.spine-workbench:not(.toolstrip-collapsed) .visibility-panel i{display:none}.spine-panel.hierarchy,.spine-panel.inspector{margin-left:0;min-height:0}.spine-workbench.hierarchy-collapsed .spine-panel.hierarchy,.spine-workbench.inspector-collapsed .spine-panel.inspector,.spine-workbench.hierarchy-collapsed.inspector-collapsed .spine-panel.hierarchy{display:none}.viewport-head{max-width:calc(100% - 20px);min-height:32px!important}.viewport-head span:first-child,.viewport-head{font-size:16px}.viewport-controls{bottom:10px!important}}@media(max-width:520px){.spine-editor,.spine-editor.preview-maximized{--spine-menu-height: 106px}.spine-menu-actions{flex-wrap:wrap;align-content:start}.spine-menu select,.spine-menu-actions select,.spine-menu .spine-project-select{flex:1 1 102px;width:auto;max-width:none}.spine-menu .spine-project-select{flex-basis:120px}.spine-menu .views-menu-button,.spine-menu .spine-tree-header-toggle,.spine-menu-actions>button{width:30px;min-width:30px}.compact-project-meta{display:none}}.spine-menu .compact-actions-trigger,.spine-menu .compact-actions-popover{display:none}@media(max-width:900px){.spine-editor,.spine-editor.preview-maximized{--spine-menu-height: 44px}.spine-editor.preview-maximized .spine-menu,.spine-menu{height:var(--spine-menu-height);min-height:var(--spine-menu-height);display:grid;grid-template-columns:minmax(0,1fr) 34px;grid-template-rows:34px;align-content:center;align-items:center;gap:4px;padding:4px 6px;overflow:visible}.spine-project-name{grid-column:1;width:100%;height:34px;gap:5px}.spine-menu-actions{grid-column:2;width:34px;height:34px;margin-left:0;display:grid;place-items:center;overflow:visible}.spine-app-brand{min-width:70px;height:30px;gap:5px;padding-right:2px}.brand-spine{font-size:18px;letter-spacing:0}.brand-spine span{text-shadow:0 3px 0 #ff3018,0 -3px 0 #ff3018}.spine-app-brand strong{font-size:15px}.spine-menu .spine-nav-trigger{width:34px;min-width:34px;max-width:34px;height:30px;padding:0;gap:0}.spine-menu .spine-nav-trigger span,.spine-menu .spine-nav-trigger svg:last-child{display:none}.spine-project-name>button[title=Undo],.spine-project-name>button[title=Redo],.spine-project-name>button[title="Save (Ctrl/Cmd+S)"],.spine-project-name>.spine-toolbar-separator{display:none}.spine-project-input{flex:1 1 auto;width:auto;min-width:0;height:30px;font-size:14px}.spine-menu-actions>:not(.compact-actions-trigger):not(.compact-actions-popover){display:none!important}.spine-menu .compact-actions-trigger{width:32px;min-width:32px;height:30px;display:grid;place-items:center;border:1px solid #242424;border-radius:3px;background:#3f3f40;color:#f2f2f2}.spine-menu .compact-actions-trigger[aria-expanded=true],.spine-menu .compact-actions-trigger:hover{border-color:#1f668e;background:linear-gradient(#3299d0,var(--spine-native-blue));color:#fff}.compact-actions-popover{position:absolute;z-index:160;top:calc(100% + 7px);right:0;width:min(360px,calc(100vw - 12px));max-height:calc(100vh - var(--spine-menu-height) - 16px);display:grid;gap:7px;overflow:auto;padding:8px;border:1px solid #252525;border-radius:4px;background:#313133fa;box-shadow:0 18px 44px -18px #000000f2}.compact-action-field{min-width:0;display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:7px}.compact-action-field span{min-width:0;color:#cfcfcf;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spine-menu .compact-action-field select,.compact-actions-popover select{position:static;width:100%;max-width:none;min-width:0;height:30px;opacity:1;pointer-events:auto;appearance:auto;flex:1 1 auto;padding:0 24px 0 8px;border:1px solid #232323;border-radius:3px;background:#3f3f40;color:#f5f5f5;font-size:12px}.compact-action-grid,.compact-view-grid{min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.spine-menu .compact-action-grid button,.spine-menu .compact-view-grid button{width:100%;min-width:0;height:32px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 5px;border:1px solid #232323;border-radius:3px;background:#424244;color:#eee;font-size:11px}.spine-menu .compact-action-grid button span,.spine-menu .compact-view-grid button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spine-menu .compact-action-grid button:hover,.spine-menu .compact-view-grid button:hover,.spine-menu .compact-view-grid button.active{border-color:#1f668e;background:linear-gradient(#3299d0,var(--spine-native-blue));color:#fff}.spine-menu .compact-action-grid button:disabled,.spine-menu .compact-view-grid button:disabled{cursor:not-allowed;background:#343436;color:#888}}@media(max-width:720px){.spine-editor,.spine-editor.preview-maximized{--spine-menu-height: 42px}.spine-menu{grid-template-columns:minmax(0,1fr) 32px;grid-template-rows:32px}.spine-app-brand{min-width:50px}.spine-app-brand strong{display:none}.spine-project-name{height:32px}.spine-project-input{height:28px;font-size:13px}.spine-menu .spine-nav-trigger,.spine-menu .compact-actions-trigger{width:30px;min-width:30px;height:28px}.compact-action-grid,.compact-view-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.spine-editor.preview-maximized .spine-workbench,.spine-workbench{grid-template-rows:minmax(0,1fr)}}@media(max-width:520px){.spine-editor,.spine-editor.preview-maximized{--spine-menu-height: 42px}.compact-action-field{grid-template-columns:72px minmax(0,1fr)}.compact-actions-popover{width:calc(100vw - 12px)}}.spine-editor,.spine-editor *,.spine-editor .toolstrip-row,.spine-editor .spine-workbench:not(.toolstrip-collapsed) .toolstrip-row,.spine-editor .compact-actions-popover,.spine-editor .spine-panel,.spine-editor .spine-nav-dropdown,.spine-editor .views-dropdown{scrollbar-width:none;-ms-overflow-style:none}.spine-editor::-webkit-scrollbar,.spine-editor *::-webkit-scrollbar{width:0;height:0}.spine-editor::-webkit-scrollbar-thumb,.spine-editor *::-webkit-scrollbar-thumb,.spine-editor::-webkit-scrollbar-track,.spine-editor *::-webkit-scrollbar-track{background:transparent}@media(max-width:780px){.spine-editor.preview-maximized .spine-workbench.hierarchy-collapsed,.spine-workbench.hierarchy-collapsed{grid-template:"viewport" minmax(0,1fr) / minmax(0,1fr)!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-columns:0!important}.spine-editor.preview-maximized .spine-workbench.hierarchy-collapsed:not(.inspector-collapsed),.spine-workbench.hierarchy-collapsed:not(.inspector-collapsed){grid-template:"viewport" minmax(360px,1fr) "inspector" auto / minmax(0,1fr)!important;grid-template-columns:minmax(0,1fr)!important}.spine-editor.preview-maximized .spine-workbench.hierarchy-collapsed.inspector-collapsed,.spine-workbench.hierarchy-collapsed.inspector-collapsed{grid-template:"viewport" minmax(0,1fr) / minmax(0,1fr)!important;grid-template-columns:minmax(0,1fr)!important}}@media(min-width:781px){.spine-editor.preview-maximized .spine-workbench.view-panel-docked,.spine-workbench.view-panel-docked{grid-template-columns:minmax(0,1fr) var(--spine-right-rail);grid-template-rows:minmax(0,1fr) minmax(178px,24vh) 286px;grid-template-areas:"viewport tree" "viewport viewpanel" "viewport inspector"}.spine-editor.preview-maximized .spine-workbench.view-panel-docked.inspector-collapsed,.spine-workbench.view-panel-docked.inspector-collapsed{grid-template-rows:minmax(0,1fr) minmax(220px,34vh);grid-template-areas:"viewport tree" "viewport viewpanel"}.spine-editor.preview-maximized .spine-workbench.view-panel-docked.hierarchy-collapsed,.spine-workbench.view-panel-docked.hierarchy-collapsed{grid-template-rows:44px minmax(0,1fr) 286px;grid-template-areas:"viewport tree" "viewport viewpanel" "viewport inspector"}.spine-editor.preview-maximized .spine-workbench.view-panel-docked.hierarchy-collapsed.inspector-collapsed,.spine-workbench.view-panel-docked.hierarchy-collapsed.inspector-collapsed{grid-template-rows:minmax(0,1fr);grid-template-areas:"viewport viewpanel"}.spine-view-panel.docked{grid-area:viewpanel;align-self:stretch;justify-self:stretch;width:auto;max-height:none;min-height:0;margin:0;border:0;border-top:1px solid #151515;border-left:1px solid #151515;border-radius:0;background:#4d4d50;box-shadow:none}.spine-view-panel.docked .spine-view-panel-body{height:calc(100% - 34px);max-height:none}}.spine-editor{--spine-toolstrip-width: 52px;--spine-right-rail: 360px;--spine-timeline-height: 190px;--spine-control-size: 34px}.spine-editor.toolstrip-collapsed{--spine-toolstrip-width: 28px}.spine-menu{gap:8px;padding:0 8px;overflow:visible}.spine-app-brand{min-width:92px}.brand-spine{font-size:22px}.spine-app-brand strong{font-size:18px}.spine-project-name{min-width:0;gap:5px}.spine-project-input{flex:1 1 150px;width:clamp(120px,16vw,220px);font-size:14px}.spine-menu-actions{position:relative;min-width:0;gap:5px;flex-wrap:nowrap;overflow:visible}.spine-menu-actions>button:not(.compact-actions-trigger):not(.spine-project-picker-button):not(.spine-tree-header-toggle){display:none}.spine-menu-actions>select:not(.spine-animation-select),.spine-menu-actions>button[title="Create skin"]{display:none}.spine-menu .compact-actions-trigger{display:grid;width:34px;min-width:34px;height:30px;place-items:center;border:1px solid #29292b;background:#3c3c3e;color:#f1f5f9}.spine-menu .compact-actions-trigger:hover,.spine-menu .compact-actions-trigger[aria-expanded=true]{border-color:#168bc0;background:#0d91c8;color:#fff}.spine-menu .spine-project-picker-button{display:inline-flex;align-items:center;width:auto;min-width:34px;max-width:200px;gap:6px;padding:0 8px;justify-content:flex-start;white-space:nowrap}.spine-menu .spine-project-picker-button span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;max-width:140px}.spine-menu .spine-project-picker-button svg:last-child{display:inline-block;flex-shrink:0;opacity:.7}.spine-menu .spine-animation-select{position:static;display:block;width:clamp(112px,13vw,180px);min-width:112px;height:30px;opacity:1;pointer-events:auto;padding:0 24px 0 7px;border:1px solid #29292b;background:#3c3c3e;color:#eef2f7}.spine-menu .compact-actions-popover{position:absolute;z-index:220;top:calc(100% + 5px);right:4px;width:min(430px,calc(100vw - 12px));max-height:calc(100vh - var(--spine-menu-height) - 14px);display:grid;gap:8px;overflow:auto;padding:10px;border:1px solid #242426;border-radius:6px;background:#2b2b2efc;box-shadow:0 20px 52px -18px #000000f2}.compact-action-field{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:8px}.compact-action-field>span{color:#aeb8c5;font-size:11px;font-weight:800;text-transform:uppercase}.spine-menu .compact-action-field select,.spine-menu .project-picker-field-button{position:static;width:100%;max-width:none;min-width:0;height:32px;opacity:1;pointer-events:auto;border:1px solid #3b3b3f;background:#353538;color:#f3f4f6}.compact-action-grid,.compact-view-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.compact-actions-section{display:grid;gap:5px}.compact-actions-section>strong{color:#9aa6b5;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.spine-menu .compact-action-grid button,.spine-menu .compact-view-grid button{width:100%;min-width:0;height:34px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 6px;border:1px solid #343438;background:#3b3b3f;color:#e7eaf0;font-size:11px}.spine-menu .compact-action-grid button:hover,.spine-menu .compact-view-grid button:hover,.spine-menu .compact-view-grid button.active{border-color:#168bc0;background:#0d91c8;color:#fff}.spine-editor.preview-maximized .spine-workbench,.spine-workbench{position:relative;display:grid;grid-template-columns:var(--spine-toolstrip-width) minmax(0,1fr) var(--spine-right-rail);grid-template-rows:minmax(0,1fr) minmax(132px,36%);grid-template-areas:"tools viewport tree" "tools viewport inspector";overflow:hidden}.spine-editor.preview-maximized .spine-workbench.inspector-collapsed,.spine-workbench.inspector-collapsed{grid-template-columns:var(--spine-toolstrip-width) minmax(0,1fr) var(--spine-right-rail);grid-template-rows:minmax(0,1fr);grid-template-areas:"tools viewport tree"}.spine-editor.preview-maximized .spine-workbench.hierarchy-collapsed,.spine-workbench.hierarchy-collapsed{grid-template-columns:var(--spine-toolstrip-width) minmax(0,1fr) var(--spine-right-rail);grid-template-rows:42px minmax(0,1fr);grid-template-areas:"tools viewport tree" "tools viewport inspector"}.spine-editor.preview-maximized .spine-workbench.hierarchy-collapsed.inspector-collapsed,.spine-workbench.hierarchy-collapsed.inspector-collapsed{grid-template-columns:var(--spine-toolstrip-width) minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"tools viewport"}.spine-editor.preview-maximized .spine-workbench.view-panel-docked,.spine-workbench.view-panel-docked{grid-template-columns:var(--spine-toolstrip-width) minmax(0,1fr) var(--spine-right-rail);grid-template-rows:minmax(0,1fr) minmax(150px,28%) minmax(132px,30%);grid-template-areas:"tools viewport tree" "tools viewport viewpanel" "tools viewport inspector"}.spine-editor.preview-maximized .spine-workbench.view-panel-docked.inspector-collapsed,.spine-workbench.view-panel-docked.inspector-collapsed{grid-template-rows:minmax(0,1fr) minmax(180px,36%);grid-template-areas:"tools viewport tree" "tools viewport viewpanel"}.spine-editor.preview-maximized .spine-workbench.view-panel-docked.hierarchy-collapsed.inspector-collapsed,.spine-workbench.view-panel-docked.hierarchy-collapsed.inspector-collapsed{grid-template-columns:var(--spine-toolstrip-width) minmax(0,1fr) var(--spine-right-rail);grid-template-rows:minmax(0,1fr);grid-template-areas:"tools viewport viewpanel"}.spine-toolstrip,.spine-editor.preview-maximized .spine-toolstrip{grid-area:tools;position:relative;inset:auto;z-index:24;width:var(--spine-toolstrip-width);max-width:none;height:100%;min-height:0;transform:none;display:flex;flex-direction:column;align-items:center;gap:5px;padding:32px 5px 6px;border:0;border-right:1px solid #242426;border-radius:0;background:linear-gradient(90deg,#38383a,#303033);box-shadow:none}.spine-toolstrip .toolstrip-toggle,.spine-editor.preview-maximized .spine-toolstrip .toolstrip-toggle{position:absolute;inset:5px 5px auto auto;width:22px;min-width:22px;height:22px;border:1px solid #444448;background:#2b2b2e}.toolstrip-primary{width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:4px;overflow-y:auto}.spine-toolstrip .toolstrip-primary>button,.spine-editor.preview-maximized .spine-toolstrip .toolstrip-primary>button{width:40px;min-width:40px;height:40px;min-height:40px;display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:5px;background:transparent;color:#c8ced8}.spine-toolstrip .toolstrip-primary>button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.spine-toolstrip .toolstrip-primary>button:hover,.spine-toolstrip .toolstrip-primary>button.active{border-color:#197cab!important;background:#0d91c8!important;color:#fff!important}.toolstrip-separator{width:30px;height:1px;margin:2px 0;background:#1f1f22;box-shadow:0 1px #ffffff14}.toolstrip-context-panel{position:absolute;z-index:80;top:62px;left:calc(100% + 7px);width:286px;display:grid;gap:8px;padding:9px;border:1px solid #242426;border-radius:6px;background:#2b2b2efa;box-shadow:0 18px 42px -18px #000000f0}.toolstrip-context-panel header,.timeline-options-title{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:8px}.toolstrip-context-panel header>div{min-width:0;display:grid}.toolstrip-context-panel header strong,.timeline-options-title strong{color:#f5f7fa;font-size:12px}.toolstrip-context-panel header span{color:#9aa6b5;font-size:11px}.toolstrip-context-panel header button,.timeline-options-title button{width:28px;min-width:28px;height:28px;display:grid;place-items:center;border:1px solid #3d3d41;background:#333337;color:#d8dee8}.toolstrip-context-actions{display:grid;grid-template-columns:minmax(72px,1fr) 30px 42px 30px minmax(58px,1fr) minmax(58px,1fr);gap:4px}.toolstrip-context-actions button,.display-option-grid button{min-width:0;height:32px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid #3d3d41;border-radius:4px;background:#353539;color:#e5e9f0;font-size:11px}.toolstrip-context-actions output{display:grid;place-items:center;color:#9bdcff;font-size:11px}.display-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.display-option-grid button.active{border-color:#168bc0;background:#0d91c8;color:#fff}.spine-editor.toolstrip-collapsed .spine-toolstrip{width:var(--spine-toolstrip-width);padding:30px 2px 4px}.spine-editor.toolstrip-collapsed .spine-toolstrip .toolstrip-toggle{right:3px}.spine-panel-resizer{position:absolute;z-index:70;background:transparent;touch-action:none}.spine-panel-resizer:after{content:"";position:absolute;border-radius:999px;background:transparent;transition:background .12s ease}.spine-panel-resizer:hover:after,.spine-panel-resizer:focus-visible:after{background:#18aee8}.spine-right-rail-resizer{top:0;right:calc(var(--spine-right-rail) - 4px);bottom:0;width:8px;cursor:col-resize}.spine-right-rail-resizer:after{top:0;bottom:0;left:3px;width:2px}.spine-timeline-resizer{top:-5px;right:0;left:0;height:10px;cursor:row-resize}.spine-timeline-resizer:after{top:4px;right:0;left:0;height:2px}.spine-tree-toolbar{min-height:48px;grid-template-columns:minmax(0,1fr) repeat(3,32px);gap:5px;padding:7px}.tree-search{height:32px;grid-template-columns:18px minmax(0,1fr) auto}.tree-search>button{width:24px;min-width:24px;height:24px;display:grid;place-items:center;border:0;background:transparent;color:#aeb8c5}.spine-tree-toolbar>button{width:32px;height:32px}.spine-tree-column-head{height:32px}.spine-tree-row{height:28px!important;font-size:13px}.spine-tree-row.draw-slot{font-size:12px}.spine-tree-row:before{top:-14px;bottom:14px}.spine-tree-row:after{top:14px}.spine-tree-row .tree-state-toggle,.spine-tree-row .tree-drag-handle{opacity:0;transition:opacity .1s ease}.spine-tree-row:hover .tree-state-toggle,.spine-tree-row:hover .tree-drag-handle,.spine-tree-row.active .tree-state-toggle,.spine-tree-row.active .tree-drag-handle,.spine-tree-row .tree-state-toggle:focus-visible,.spine-tree-row .tree-drag-handle:focus-visible{opacity:1}.spine-editor.animation-mode:not(.timeline-collapsed) .spine-timeline{min-height:var(--spine-timeline-height);height:var(--spine-timeline-height);display:flex;flex-direction:column;position:relative;border-top:1px solid #141416;background:#1f1f23}.timeline-tools{position:relative;min-width:0;flex:0 0 auto;display:flex;flex-direction:column;gap:3px;padding:3px 8px;background:#252528;border-bottom:1px solid #161618;overflow-x:auto;overflow-y:hidden}.timeline-tools-primary-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px}.timeline-tools-secondary-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:26px;background:#00000038;border-radius:4px;padding:2px 6px}.timeline-tabs{height:26px;display:inline-flex;align-items:center;gap:2px;border-bottom:0;background:#00000040;padding:2px;border-radius:5px}.timeline-tabs button{min-width:0;height:22px;padding:0 8px;border:0;border-radius:3px;background:transparent;color:#94a3b8;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.timeline-tabs button.active{color:#fff;background:#3b82f6;box-shadow:0 1px 3px #0006}.timeline-transport{display:inline-flex;align-items:center;gap:2px;padding:0;flex-wrap:nowrap}.timeline-transport button{width:24px;min-width:24px;height:24px;padding:0;border:1px solid rgba(255,255,255,.08);border-radius:3px;background:#333338;color:#e2e8f0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.timeline-transport button:hover{background:#424248;color:#fff}.timeline-transport button:disabled{opacity:.35;cursor:not-allowed}.timeline-speed-select{height:24px;font-size:11px;padding:0 4px;border-radius:3px;background:#18181b;color:#e2e8f0;border:1px solid rgba(255,255,255,.12);min-width:54px}.timeline-group-divider{display:inline-block;width:1px;height:18px;background:#ffffff1f;margin:0 3px}.timeline-animation-group{display:inline-flex;align-items:center;gap:6px}.timeline-animation-select-wrap{display:inline-flex;align-items:center;gap:2px}.timeline-animation-select-wrap select{height:24px;font-size:11px;font-weight:600;padding:0 6px;border-radius:3px;background:#18181b;color:#38bdf8;border:1px solid rgba(56,189,248,.3);max-width:140px}.timeline-animation-select-wrap button{height:24px;padding:0 5px;border-radius:3px;background:#2d2d32;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;display:inline-flex;align-items:center;justify-content:center}.timeline-animation-select-wrap button:hover{background:#3e3e46;color:#fff}.timeline-mix-wrap{display:inline-flex;align-items:center;gap:4px}.timeline-mix-wrap select{height:24px;font-size:10.5px;padding:0 4px;border-radius:3px;background:#18181b;color:#94a3b8;border:1px solid rgba(255,255,255,.1);max-width:100px}.timeline-mix-wrap label{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;color:#94a3b8}.timeline-mix-wrap input[type=range]{width:50px;accent-color:#38bdf8}.timeline-duration-controls{display:inline-flex;align-items:center;gap:4px;padding:0}.timeline-duration-controls label{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:#94a3b8;font-weight:600}.timeline-duration-controls input[type=number]{width:44px;height:24px;padding:0 4px;border-radius:3px;border:1px solid rgba(255,255,255,.12);background:#18181b;color:#fff;font-size:11px;text-align:center}.timeline-duration-controls select{height:24px;font-size:11px;padding:0 4px;border-radius:3px;background:#18181b;color:#cbd5e1;border:1px solid rgba(255,255,255,.12)}.timeline-duration-controls button{height:24px;padding:0 6px;font-size:11px;font-weight:600;border-radius:3px;border:1px solid rgba(255,255,255,.12);background:#333338;color:#e2e8f0;display:inline-flex;align-items:center;gap:2px;cursor:pointer}.timeline-duration-controls button:hover{background:#424248;color:#fff}.timeline-mode-tools{display:inline-flex;align-items:center;gap:4px;flex-wrap:nowrap}.timeline-button-cluster{display:inline-flex;align-items:center;gap:2px}.timeline-pill-btn{height:22px;padding:0 6px;font-size:11px;font-weight:600;border-radius:3px;border:1px solid rgba(255,255,255,.12);background:#2d2d32;color:#e2e8f0;display:inline-flex;align-items:center;gap:3px;cursor:pointer}.timeline-pill-btn:hover{background:#3d3d44;color:#fff}.timeline-pill-btn.muted{color:#94a3b8}.timeline-pill-btn.highlight-cyan{border-color:#67e8f966;color:#67e8f9;background:#06b6d41f}.timeline-pill-btn.highlight-cyan:hover{background:#06b6d438}.timeline-button-cluster button{height:22px;padding:0 4px;font-size:11px;border-radius:3px;border:1px solid rgba(255,255,255,.1);background:#2d2d32;color:#e2e8f0;display:inline-flex;align-items:center;justify-content:center}.timeline-button-cluster button:hover{background:#3d3d44;color:#fff}.timeline-compact-select{height:22px;font-size:10.5px;padding:0 4px;border-radius:3px;background:#18181b;color:#cbd5e1;border:1px solid rgba(255,255,255,.12)}.timeline-offset-group{display:inline-flex;align-items:center;gap:2px}.timeline-offset-label{font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-right:2px}.timeline-meta{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#94a3b8;margin:0;padding:0;overflow:hidden;white-space:nowrap}.timeline-meta strong{color:#f1f5f9;font-weight:700}.timeline-meta span{display:inline-flex;align-items:center;background:#ffffff0d;padding:1px 5px;border-radius:3px;font-size:10px}.timeline-graph-tools{display:inline-flex;align-items:center;gap:3px}.timeline-graph-tools select,.timeline-graph-tools input{height:22px;font-size:11px;padding:0 4px;border-radius:3px;background:#18181b;color:#e2e8f0;border:1px solid rgba(255,255,255,.12)}.timeline-graph-tools input[type=number]{width:50px;text-align:center}.timeline-graph-tools button{height:22px;padding:0 5px;font-size:11px;border-radius:3px;border:1px solid rgba(255,255,255,.12);background:#2d2d32;color:#e2e8f0;display:inline-flex;align-items:center;justify-content:center}.timeline-graph-tools button:hover{background:#3d3d44;color:#fff}.timeline-options-popover{display:none}.timeline-options-popover.open{position:fixed;z-index:260;left:64px;bottom:calc(var(--spine-timeline-height) + 8px);width:min(420px,calc(100vw - 80px));display:grid;gap:8px;padding:10px;border:1px solid #242426;border-radius:6px;background:#2b2b2efc;box-shadow:0 20px 52px -18px #000000f2}.timeline-options-popover .timeline-ghost-controls,.timeline-options-popover .timeline-audio-controls{display:grid}.bone-name-label{paint-order:stroke;stroke:#141416d1;stroke-width:4px;stroke-linejoin:round;pointer-events:none}@media(max-width:1100px){.spine-editor{--spine-right-rail: 300px}.spine-app-brand{min-width:58px}.spine-app-brand strong,.spine-save-state span,.spine-menu .views-menu-button span{display:none}}@media(max-width:900px){.spine-editor,.spine-editor.preview-maximized{--spine-menu-height: 44px}.spine-editor.preview-maximized .spine-menu,.spine-menu{display:flex;height:var(--spine-menu-height);padding:4px 6px}.spine-project-name{flex:1 1 auto;width:auto}.spine-menu-actions{display:flex;width:auto;margin-left:auto}.spine-menu-actions>.spine-project-picker-button,.spine-menu-actions>.spine-animation-select,.spine-menu-actions>.views-menu-wrap{display:none}.spine-menu .compact-actions-trigger{display:grid}}@media(max-width:780px){.spine-editor.preview-maximized .spine-workbench,.spine-workbench,.spine-editor.preview-maximized .spine-workbench.inspector-collapsed,.spine-workbench.inspector-collapsed{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(280px,1fr) 52px minmax(180px,28vh) minmax(160px,24vh);grid-template-areas:"viewport" "tools" "tree" "inspector"}.spine-toolstrip,.spine-editor.preview-maximized .spine-toolstrip{width:100%;height:52px;padding:5px 34px;border-top:1px solid #242426;border-right:0}.toolstrip-primary{flex-direction:row;overflow-x:auto;overflow-y:hidden}.spine-toolstrip .toolstrip-toggle,.spine-editor.preview-maximized .spine-toolstrip .toolstrip-toggle{top:14px;right:5px}.toolstrip-separator{width:1px;height:30px}.toolstrip-context-panel{top:auto;bottom:calc(100% + 6px);left:6px}.spine-right-rail-resizer{display:none}}.project-card{display:flex;flex-direction:column;height:auto;min-height:auto;background:var(--surface-1);border:1px solid var(--border);border-radius:12px;padding:16px;transition:border-color .18s ease,box-shadow .18s ease}.project-card:hover{border-color:#e05a3a8c;box-shadow:0 10px 28px -10px #000000b3}.project-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.project-card-header .panel-title{margin:0;font-weight:700;font-size:15px}.project-badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:#e05a3a29;color:var(--brand);border:1px solid rgba(224,90,58,.32)}.project-stats{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:12px;color:var(--muted);margin-bottom:12px}.project-stats span{display:inline-flex;align-items:center}.file-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.file-pill{font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;padding:2px 7px;border-radius:4px;border:1px solid var(--border);background:var(--surface-2);color:var(--fg);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-pill.pill-atlas{border-color:#4ade804d;color:#86efac;background:#22c55e1a}.file-pill.pill-json{border-color:#fbbf244d;color:#fde047;background:#eab3081a}.file-pill.pill-spine{border-color:#f871714d;color:#fca5a5;background:#ef44441a}.project-card-actions{position:relative;z-index:2;display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.project-card-actions .primary-btn,.project-card-actions .ghost-btn{position:relative;z-index:3;height:32px;border-radius:6px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;cursor:pointer}.project-card-actions .primary-btn{background:var(--brand);color:#fff;border:1px solid transparent}.project-card-actions .primary-btn:hover{background:var(--brand-hover, #ff6b47);box-shadow:0 4px 14px #e05a3a66}.project-card-actions .ghost-btn{border:1px solid var(--border);background:var(--surface-2);color:var(--fg)}.project-card-actions .ghost-btn:hover{background:var(--surface-3, #383838);border-color:var(--border-hover, #555)}.asset-card{position:relative;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;-webkit-user-select:none;user-select:none}.asset-card:hover{transform:translateY(-2px);border-color:var(--brand);box-shadow:0 10px 24px -10px #000000a6}.asset-card:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.asset-folder-pill{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:#94a3b8;background:#94a3b81f;border:1px solid rgba(148,163,184,.22);padding:1px 6px;border-radius:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-card strong{font-size:13px;font-weight:600;color:#f1f5f9}.asset-card-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px;color:var(--muted)}.asset-type-badge{text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.5px;color:var(--brand)}.asset-size-badge{font-size:11px;color:#71717a}.asset-preview-backdrop{z-index:99}.asset-preview-modal{width:min(600px,calc(100vw - 32px));max-height:90vh;border:1px solid var(--border);border-radius:14px;background:#1c1c1efa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 34px 110px -38px #000000f2;padding:20px;display:flex;flex-direction:column;gap:16px;overflow:hidden}.asset-preview-modal header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.asset-preview-header-info{min-width:0}.asset-preview-header-info .eyebrow{font-size:11px;font-weight:700;color:var(--brand);letter-spacing:.5px}.asset-preview-header-info h2{font-size:18px;font-weight:700;color:#fff;margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-preview-body{display:flex;flex-direction:column;gap:14px;overflow-y:auto;max-height:60vh}.asset-preview-canvas-box{width:100%;height:240px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background-color:#121214;background-image:linear-gradient(45deg,#1c1c1f 25%,transparent 25%),linear-gradient(-45deg,#1c1c1f 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1c1c1f 75%),linear-gradient(-45deg,transparent 75%,#1c1c1f 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;display:grid;place-items:center;overflow:hidden;padding:12px}.asset-preview-large-img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5))}.asset-preview-non-image{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--muted)}.asset-preview-non-image strong{font-size:15px;color:#e2e8f0}.asset-preview-meta-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:12px}.asset-preview-meta-item{display:flex;flex-direction:column;gap:3px;min-width:0}.asset-preview-meta-item .meta-label{font-size:11px;color:var(--muted)}.asset-preview-meta-item .meta-val{font-size:12px;color:#f1f5f9;display:inline-flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-preview-meta-item code.meta-val{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;background:#0000004d;padding:2px 6px;border-radius:4px}.asset-preview-modal footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.asset-preview-footer-left,.asset-preview-footer-right{display:flex;align-items:center;gap:8px}.update-info-content{display:flex;flex-direction:column;gap:4px;min-width:0}.update-meta-row{display:flex;align-items:center;gap:8px;margin-top:6px;flex-wrap:wrap}.update-meta-badge{font-size:12px;color:var(--muted);background:var(--surface-1);padding:3px 8px;border-radius:6px;border:1px solid var(--border)}.update-meta-badge strong{color:var(--fg);font-weight:600}button.primary-btn:disabled,button.ghost-btn:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.5);box-shadow:none!important}.content-grid{padding-bottom:36px}.runtime-player-shell{height:clamp(300px,44vh,560px)}.quick-start-panel{background:linear-gradient(135deg,#16212ef2,#0f172afa)!important;border:1px solid rgba(56,189,248,.28)!important;box-shadow:0 10px 25px -5px #00000080,0 0 20px #38bdf814!important;padding:20px!important;border-radius:12px!important}.quick-start-header{margin-bottom:16px}.quick-start-title-wrap{display:flex;align-items:center;gap:10px}.quick-start-title-wrap h2{font-size:18px;font-weight:700;color:#f8fafc;margin:0;letter-spacing:-.01em}.glow-icon{color:#38bdf8;filter:drop-shadow(0 0 6px rgba(56,189,248,.6))}.quick-start-subtitle{margin:4px 0 0;font-size:13px;color:#94a3b8;line-height:1.4}.quick-start-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.quick-start-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:16px;border-radius:10px;background:#1e293b;border:1px solid #334155;color:#f1f5f9;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);overflow:hidden}.quick-start-card:hover{transform:translateY(-2px);border-color:#38bdf8;background:#243247;box-shadow:0 8px 20px #0006,0 0 12px #38bdf826}.quick-start-card.primary-card{background:linear-gradient(135deg,#1e3a5f,#1e293b);border-color:#0284c7}.quick-start-card.primary-card:hover{border-color:#38bdf8;box-shadow:0 8px 24px #0284c747}.quick-start-badge{position:absolute;top:12px;right:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#0284c7;color:#fff;padding:2px 7px;border-radius:4px}.quick-start-icon-wrap{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:#0284c740;color:#38bdf8;margin-bottom:12px}.quick-start-icon-wrap.info{background:#9333ea33;color:#c084fc}.quick-start-icon-wrap.success{background:#10b98133;color:#34d399}.quick-start-info{flex:1;margin-bottom:12px}.quick-start-info strong{display:block;font-size:15px;color:#f8fafc;margin-bottom:4px}.quick-start-info span{display:block;font-size:12.5px;color:#94a3b8;line-height:1.45}.quick-start-action{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:#38bdf8;margin-top:auto}.friendly-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-radius:10px;background:#1e293bb3;border:1px solid rgba(148,163,184,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:4px}.friendly-banner.runtime-banner{background:linear-gradient(90deg,#0e74902e,#0f172a80);border-color:#06b6d459}.friendly-banner.diag-banner{background:linear-gradient(90deg,#ea580c26,#0f172a80);border-color:#f973164d}.friendly-banner.logs-banner{background:linear-gradient(90deg,#0f172acc,#1e293b80);border-color:#64748b4d;margin-bottom:14px}.friendly-banner-icon{display:grid;place-items:center;width:32px;height:32px;min-width:32px;border-radius:6px;background:#06b6d433;color:#38bdf8}.friendly-banner-icon.info{background:#f9731633;color:#fb923c}.friendly-banner-content strong{display:block;font-size:14px;color:#f1f5f9;margin-bottom:3px}.friendly-banner-content p{margin:0;font-size:12.5px;color:#94a3b8;line-height:1.45}.project-search-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px!important;background:#182234!important;border-color:#2b3d56!important;flex-wrap:wrap}.project-search-bar{position:relative;display:flex;align-items:center;flex:1 1 320px;max-width:580px}.project-search-bar .search-icon{position:absolute;left:12px;color:#64748b;pointer-events:none}.project-search-input{width:100%;height:38px;padding:0 36px 0 38px;border-radius:8px;border:1px solid #334155;background:#0f172a;color:#f8fafc;font-size:13.5px;transition:border-color .2s,box-shadow .2s}.project-search-input:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833}.clear-search-btn{position:absolute;right:8px;display:grid;place-items:center;width:24px;height:24px;border-radius:4px;background:#334155;border:none;color:#94a3b8;cursor:pointer;padding:0}.clear-search-btn:hover{background:#475569;color:#fff}.project-search-meta{font-size:13px;color:#94a3b8;white-space:nowrap}.project-search-meta strong{color:#38bdf8}.empty-projects-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px!important;text-align:center;color:#94a3b8;gap:8px}.empty-projects-state svg{color:#475569;margin-bottom:4px}.empty-projects-state strong{font-size:16px;color:#e2e8f0}.empty-projects-state p{margin:0 0 10px;font-size:13px}.asset-header-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:12px}.asset-filter-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.asset-search-wrap{position:relative;display:flex;align-items:center;min-width:220px}.asset-search-icon{position:absolute;left:10px;color:#64748b;pointer-events:none}.asset-search-input{width:100%;height:32px;padding:0 28px 0 32px;border-radius:6px;border:1px solid #334155;background:#0f172a;color:#f8fafc;font-size:12.5px}.asset-search-input:focus{outline:none;border-color:#38bdf8}.asset-category-pills{display:flex;gap:6px}.asset-category-pill{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;border:1px solid #334155;background:#1e293b;color:#94a3b8;cursor:pointer;transition:all .15s ease}.asset-category-pill:hover{background:#334155;color:#f1f5f9}.asset-category-pill.active{background:#0284c7;border-color:#38bdf8;color:#fff;font-weight:600}.asset-meta-row{margin-bottom:12px;font-size:12.5px;color:#94a3b8}.asset-meta-row strong{color:#38bdf8}.asset-card.is-spine-json{border-color:#f59e0b59}.asset-card.is-spine-json:hover{border-color:#f59e0b;box-shadow:0 4px 14px #f59e0b33}.asset-card.is-atlas{border-color:#10b98159}.asset-card.is-atlas:hover{border-color:#10b981;box-shadow:0 4px 14px #10b98133}.asset-thumb-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:8px;margin:auto}.asset-thumb-icon.spine{background:#f59e0b26;color:#f59e0b}.asset-thumb-icon.atlas{background:#10b98126;color:#10b981}.asset-thumb-icon.other{background:#64748b26;color:#94a3b8}.asset-type-badge.json-badge{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.4)}.asset-type-badge.atlas-badge{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.4)}.asset-type-badge.img-badge{background:#06b6d433;color:#22d3ee;border:1px solid rgba(6,182,212,.4)}.empty-assets-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;text-align:center;color:#94a3b8;gap:8px}.empty-assets-state svg{color:#475569}.empty-assets-state strong{font-size:15px;color:#e2e8f0}.final-empty-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px}.content-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))!important}.content-grid.two>.wide,.content-grid.two>.friendly-banner,.content-grid.two>.project-search-panel,.content-grid.two>.project-sync-panel,.content-grid.two>.empty-projects-state{grid-column:1 / -1!important}.project-card{grid-column:span 1!important;width:100%!important}.asset-type-badge{white-space:nowrap!important;font-size:11px!important;padding:2px 6px!important}.mcp-tab{display:flex;flex-direction:column;gap:20px;padding:24px;max-width:1400px;margin:0 auto;width:100%;animation:mcpFadeIn .3s cubic-bezier(.16,1,.3,1)}.mcp-hero-banner{background:radial-gradient(ellipse at 85% 20%,rgba(139,92,246,.18),transparent 70%),radial-gradient(ellipse at 15% 90%,rgba(229,106,74,.15),transparent 60%),linear-gradient(135deg,#262626f2,#1a1a1af2);border:1px solid rgba(139,92,246,.28);border-radius:14px;padding:24px 28px;box-shadow:0 8px 32px #00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden}.mcp-hero-banner:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#8b5cf6,#e56a4a,#22c55e)}.mcp-hero-content{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.mcp-hero-left{flex:1;min-width:320px}.mcp-badge-row{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.mcp-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;border-radius:999px;letter-spacing:.03em;text-transform:uppercase}.mcp-badge.protocol{background:#8b5cf633;color:#c4b5fd;border:1px solid rgba(139,92,246,.4)}.mcp-badge.status-ready{background:#22c55e2e;color:#86efac;border:1px solid rgba(34,197,94,.35)}.mcp-badge.transport{background:#38bdf826;color:#7dd3fc;border:1px solid rgba(56,189,248,.3)}.mcp-badge-dot{width:7px;height:7px;border-radius:50%;background-color:#22c55e;box-shadow:0 0 8px #22c55e;animation:mcpPulse 2s infinite ease-in-out}@keyframes mcpPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.mcp-hero-title{display:flex;align-items:center;gap:12px;margin:0 0 8px;font-size:24px;font-weight:700;color:#fff;letter-spacing:-.02em}.mcp-hero-icon{color:#a78bfa;filter:drop-shadow(0 0 10px rgba(167,139,250,.4))}.mcp-hero-desc{margin:0;font-size:14px;line-height:1.55;color:#d1d5db;max-width:720px}.mcp-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mcp-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.mcp-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 18px;display:flex;align-items:center;gap:14px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.mcp-stat-card:hover{transform:translateY(-2px);border-color:#8b5cf673;box-shadow:0 6px 18px #00000040}.mcp-stat-icon-wrap{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mcp-stat-icon-wrap.purple{background:#8b5cf626;color:#a78bfa}.mcp-stat-icon-wrap.orange{background:#e56a4a26;color:#f97316}.mcp-stat-icon-wrap.green{background:#22c55e26;color:#4ade80}.mcp-stat-icon-wrap.blue{background:#38bdf826;color:#38bdf8}.mcp-stat-info{display:flex;flex-direction:column}.mcp-stat-value{font-size:20px;font-weight:700;color:#fff;line-height:1.2}.mcp-stat-label{font-size:12px;color:var(--muted);margin-top:2px}.mcp-subnav-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding-bottom:12px;flex-wrap:wrap}.mcp-subnav-pills{display:flex;gap:8px;background:var(--surface);padding:4px;border-radius:10px;border:1px solid var(--border)}.mcp-subnav-btn{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:500;color:var(--muted);background:transparent;border:none;border-radius:7px;transition:all .18s ease}.mcp-subnav-btn:hover{color:var(--text);background:#ffffff0d}.mcp-subnav-btn.active{color:#fff;background:#8b5cf647;font-weight:600;box-shadow:0 1px 4px #0003}.mcp-servers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:18px}.mcp-server-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:14px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;position:relative}.mcp-server-card:hover{border-color:#8b5cf666;box-shadow:0 6px 20px #00000040;transform:translateY(-2px)}.mcp-server-card.internal{border-left:3px solid #e56a4a}.mcp-server-card.bridge{border-left:3px solid #8b5cf6}.mcp-server-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.mcp-server-title-group{display:flex;align-items:center;gap:10px}.mcp-server-icon-badge{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;color:#e5e7eb}.mcp-server-card.internal .mcp-server-icon-badge{background:#e56a4a26;color:#f97316}.mcp-server-card.bridge .mcp-server-icon-badge{background:#8b5cf626;color:#a78bfa}.mcp-server-name{font-size:15px;font-weight:600;color:#fff;margin:0}.mcp-server-id{font-size:11px;color:var(--muted);font-family:monospace}.mcp-server-status-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:500;border-radius:999px;background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.mcp-server-desc{font-size:13px;line-height:1.5;color:var(--muted);margin:0;flex:1}.mcp-server-meta-row{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);font-size:12px}.mcp-meta-item{display:flex;align-items:center;gap:5px;color:var(--muted)}.mcp-meta-item strong{color:var(--text)}.mcp-caps-row{display:flex;gap:6px;flex-wrap:wrap}.mcp-cap-pill{font-size:10px;font-weight:600;text-transform:uppercase;padding:2px 7px;border-radius:4px;background:#ffffff0d;color:#cbd5e1;border:1px solid rgba(255,255,255,.08)}.mcp-server-actions{display:flex;gap:8px;margin-top:4px}.mcp-tools-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}@media(max-width:1024px){.mcp-tools-layout{grid-template-columns:1fr}}.mcp-tools-list-pane{display:flex;flex-direction:column;gap:12px}.mcp-search-bar{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 14px;transition:border-color .2s ease}.mcp-search-bar:focus-within{border-color:#8b5cf6}.mcp-search-bar input{background:transparent;border:none;color:#fff;font-size:13px;width:100%;outline:none}.mcp-search-bar input::placeholder{color:var(--subtle)}.mcp-category-pills{display:flex;gap:6px;flex-wrap:wrap}.mcp-category-pill{padding:4px 10px;font-size:12px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;transition:all .15s ease}.mcp-category-pill:hover{color:var(--text);border-color:#fff3}.mcp-category-pill.active{background:#8b5cf633;color:#c4b5fd;border-color:#8b5cf666}.mcp-tools-scroll{display:flex;flex-direction:column;gap:10px;max-height:600px;overflow-y:auto;padding-right:4px}.mcp-tool-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px;cursor:pointer;transition:all .18s ease;display:flex;flex-direction:column;gap:6px}.mcp-tool-item:hover{border-color:#8b5cf666;background:#262626e6;transform:translate(2px)}.mcp-tool-item.selected{border-color:#8b5cf6;background:#8b5cf61f;box-shadow:0 0 12px #8b5cf633}.mcp-tool-name-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.mcp-tool-name{font-family:monospace;font-size:14px;font-weight:600;color:#fff}.mcp-tool-server-badge{font-size:11px;padding:2px 7px;border-radius:4px;background:#ffffff0f;color:var(--muted)}.mcp-tool-item-desc{font-size:12px;color:var(--muted);line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mcp-tool-tester-pane{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px;position:sticky;top:20px}.mcp-tester-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.mcp-tester-title{font-size:16px;font-weight:700;color:#fff;margin:0 0 4px}.mcp-tester-subtitle{font-size:12px;color:var(--muted);margin:0}.mcp-form-group{display:flex;flex-direction:column;gap:6px}.mcp-form-label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.mcp-json-editor{background:#141414;border:1px solid var(--border);border-radius:8px;color:#a7f3d0;font-family:monospace;font-size:13px;padding:12px;min-height:110px;resize:vertical;width:100%;outline:none;line-height:1.45}.mcp-json-editor:focus{border-color:#8b5cf6}.mcp-result-box{background:#141414;border:1px solid var(--border);border-radius:8px;padding:12px;max-height:280px;overflow-y:auto;font-family:monospace;font-size:12px;line-height:1.45;color:#e2e8f0;white-space:pre-wrap;word-break:break-all}.mcp-result-box.success{border-color:#22c55e66}.mcp-result-box.error{border-color:#ef444466;color:#fca5a5}.mcp-config-panel{display:flex;flex-direction:column;gap:18px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.mcp-config-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.mcp-code-block-wrap{position:relative;background:#121212;border:1px solid var(--border);border-radius:10px;overflow:hidden}.mcp-code-block-header{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:#ffffff0a;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted);font-family:monospace}.mcp-code-block{padding:16px;margin:0;font-family:monospace;font-size:13px;color:#e2e8f0;line-height:1.5;overflow-x:auto}.mcp-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:10px}.mcp-step-card{background:#ffffff05;border:1px solid var(--border);border-radius:10px;padding:16px;display:flex;gap:12px}.mcp-step-num{width:28px;height:28px;border-radius:50%;background:#8b5cf633;color:#a78bfa;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px}.mcp-step-content strong{display:block;font-size:14px;color:#fff;margin-bottom:4px}.mcp-step-content p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}.mcp-gateway-tab{display:flex;flex-direction:column;gap:24px;padding:24px;max-width:1400px;margin:0 auto;color:var(--text-color, #e2e8f0);font-family:inherit;animation:mcpFadeIn .3s ease-out}@keyframes mcpFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.mcp-hero{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,#1e293bb3,#0f172ae6);border:1px solid rgba(56,189,248,.25);border-radius:16px;padding:24px 28px;box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff14;position:relative;overflow:hidden}.mcp-hero:after{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(14,165,233,.12) 0%,transparent 70%);pointer-events:none}.mcp-hero-badge{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;box-shadow:0 4px 16px #0284c766;flex-shrink:0}.mcp-hero-content{flex:1}.mcp-hero-title{font-size:20px;font-weight:700;letter-spacing:-.02em;color:#f8fafc;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.mcp-hero-title span{font-size:13px;font-weight:500;color:#38bdf8;background:#38bdf81f;padding:3px 10px;border-radius:20px;border:1px solid rgba(56,189,248,.25)}.mcp-hero-desc{font-size:14px;color:#94a3b8;margin-top:6px;line-height:1.5}.mcp-pipeline{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0f172a99;border:1px solid rgba(51,65,85,.5);border-radius:12px;padding:16px 20px}.mcp-pipeline-step{display:flex;align-items:center;gap:12px;flex:1}.mcp-step-num{width:32px;height:32px;border-radius:8px;background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.3);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.mcp-step-info{display:flex;flex-direction:column}.mcp-step-title{font-size:13px;font-weight:600;color:#f1f5f9}.mcp-step-desc{font-size:11px;color:#94a3b8}.mcp-pipeline-arrow{color:#475569;font-size:16px}.mcp-endpoint-ribbon{display:flex;align-items:center;gap:16px;background:linear-gradient(90deg,#1e293bcc,#0f172acc);border:1px solid rgba(14,165,233,.3);border-radius:12px;padding:14px 20px;box-shadow:0 4px 16px #0003}.mcp-ribbon-icon{color:#38bdf8;display:flex;align-items:center;justify-content:center}.mcp-ribbon-info{flex:1;display:flex;flex-direction:column;gap:2px}.mcp-ribbon-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#38bdf8;font-weight:600}.mcp-ribbon-url{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;color:#f8fafc;background:#0f172a99;padding:4px 10px;border-radius:6px;border:1px solid rgba(51,65,85,.6);display:inline-block;-webkit-user-select:all;user-select:all;margin-top:2px}.mcp-ribbon-actions{display:flex;align-items:center;gap:10px}.mcp-secret-alert{background:linear-gradient(135deg,#14532dcc,#064e3be6);border:1px solid #10b981;border-radius:12px;padding:18px 22px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 24px #10b98133;animation:mcpSlideDown .3s ease-out}@keyframes mcpSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mcp-secret-alert-header{display:flex;align-items:center;justify-content:space-between}.mcp-secret-badge-group{display:flex;align-items:center;gap:8px}.mcp-secret-badge{background:#059669;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;text-transform:uppercase}.mcp-secret-warning{color:#a7f3d0;font-size:13px;font-weight:500}.mcp-secret-box{display:flex;align-items:center;gap:12px;background:#022c22e6;border:1px solid rgba(16,185,129,.4);border-radius:8px;padding:10px 14px}.mcp-secret-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;font-weight:600;color:#34d399;flex:1;word-break:break-all;-webkit-user-select:all;user-select:all}.mcp-grid-section{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:1024px){.mcp-grid-section{grid-template-columns:1fr}}.mcp-panel{background:#1e293b66;border:1px solid rgba(51,65,85,.6);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 4px 20px #0003}.mcp-panel-header{display:flex;align-items:center;justify-content:space-between}.mcp-panel-title{font-size:16px;font-weight:600;color:#f1f5f9;display:flex;align-items:center;gap:8px}.mcp-panel-subtitle{font-size:12px;color:#94a3b8;margin-top:2px}.mcp-keys-table{width:100%;border-collapse:collapse;font-size:13px}.mcp-keys-table th{text-align:left;padding:8px 12px;color:#94a3b8;font-weight:500;border-bottom:1px solid rgba(51,65,85,.6)}.mcp-keys-table td{padding:10px 12px;border-bottom:1px solid rgba(51,65,85,.3);color:#e2e8f0}.mcp-key-prefix-badge{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;background:#0f172acc;padding:3px 8px;border-radius:6px;border:1px solid rgba(51,65,85,.8);color:#38bdf8}.mcp-status-active{color:#34d399;background:#10b98126;border:1px solid rgba(16,185,129,.3);padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.mcp-status-revoked{color:#f87171;background:#ef444426;border:1px solid rgba(239,68,68,.3);padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.mcp-client-tabs{display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(51,65,85,.6);padding-bottom:12px;overflow-x:auto}.mcp-client-btn{background:transparent;border:1px solid rgba(51,65,85,.6);color:#94a3b8;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.mcp-client-btn:hover{color:#f8fafc;border-color:#38bdf866;background:#38bdf814}.mcp-client-btn.active{color:#38bdf8;border-color:#38bdf8;background:#38bdf826;font-weight:600}.mcp-code-container{position:relative;background:#090d16;border:1px solid rgba(51,65,85,.7);border-radius:10px;overflow:hidden}.mcp-code-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#0f172acc;border-bottom:1px solid rgba(51,65,85,.5);font-size:11px;color:#94a3b8}.mcp-code-pre{margin:0;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.6;color:#cbd5e1;overflow-x:auto;max-height:240px}.mcp-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media(max-width:768px){.mcp-metrics-grid{grid-template-columns:repeat(2,1fr)}}.mcp-metric-card{background:#0f172ab3;border:1px solid rgba(51,65,85,.6);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:6px}.mcp-metric-card.success-card{border-color:#10b9814d}.mcp-metric-card.failed-card{border-color:#ef44444d}.mcp-metric-label{font-size:12px;color:#94a3b8}.mcp-metric-value{font-size:22px;font-weight:700;color:#f8fafc}.mcp-metric-desc{font-size:11px;color:#64748b}.mcp-quota-box{background:#0f172acc;border:1px solid rgba(56,189,248,.25);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:10px}.mcp-quota-row{display:flex;align-items:center;justify-content:space-between}.mcp-quota-track{width:100%;height:8px;background:#33415599;border-radius:4px;overflow:hidden}.mcp-quota-fill{height:100%;background:linear-gradient(90deg,#0284c7,#38bdf8);border-radius:4px;transition:width .3s ease}.mcp-btn-primary{display:inline-flex;align-items:center;gap:6px;background:#0284c7;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.mcp-btn-primary:hover{background:#0369a1;box-shadow:0 4px 12px #0284c74d}.mcp-btn-secondary{display:inline-flex;align-items:center;gap:6px;background:#33415599;color:#e2e8f0;border:1px solid rgba(100,116,139,.4);padding:7px 14px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.mcp-btn-secondary:hover{background:#475569cc;color:#fff}.mcp-btn-danger{display:inline-flex;align-items:center;gap:4px;background:transparent;color:#f87171;border:1px solid rgba(239,68,68,.4);padding:4px 10px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease}.mcp-btn-danger:hover{background:#ef444426;border-color:#ef4444}.mcp-input{background:#0f172ae6;border:1px solid rgba(51,65,85,.8);color:#f8fafc;padding:8px 12px;border-radius:8px;font-size:13px;outline:none;transition:border-color .2s ease}.mcp-input:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833}.mcp-modal-backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:mcpFadeIn .2s ease-out}.mcp-modal-card{background:#1e293b;border:1px solid rgba(56,189,248,.3);border-radius:16px;padding:24px;width:100%;max-width:480px;box-shadow:0 16px 40px #00000080;display:flex;flex-direction:column;gap:18px}