*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:#10131a;color:#eef2ff;overflow:hidden}header{height:68px;background:#171b25;border-bottom:1px solid #2c3342;display:flex;align-items:center;justify-content:space-between;padding:0 18px}header b{font-size:18px;color:#8cb4ff}header small{display:block;color:#8791a6;margin-top:3px}.actions{display:flex;gap:8px}button,.btn{border:1px solid #394257;background:#222837;color:#e9edfa;border-radius:8px;padding:9px 12px;font-weight:650;cursor:pointer;font-size:13px}.primary{background:#3978e8!important;border-color:#5790f4!important;color:white!important}main{height:calc(100vh - 102px);display:grid;grid-template-columns:230px 1fr 250px}aside{background:#171b25;padding:14px;border-right:1px solid #2c3342;overflow:auto}.right{border-right:0;border-left:1px solid #2c3342}h3{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#aeb8ce;margin:5px 0 12px}.hint{font-size:12px;line-height:1.45;color:#78839a}.workspace{min-width:0;display:flex;flex-direction:column}.toolbar{height:48px;background:#141923;border-bottom:1px solid #2c3342;display:flex;align-items:center;gap:7px;padding:7px}.toolbar button{padding:7px 9px}.toolbar button.active{outline:2px solid #3978e8}.toolbar span{margin-left:auto;color:#8590a7;font-size:12px}#stage{position:relative;flex:1;overflow:hidden;background-color:#202633;background-image:linear-gradient(45deg,#252c3a 25%,transparent 25%),linear-gradient(-45deg,#252c3a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#252c3a 75%),linear-gradient(-45deg,transparent 75%,#252c3a 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#68748b;pointer-events:none}.empty strong{font-size:20px;margin-bottom:8px}.empty span{font-size:13px}.partItem{display:flex;align-items:center;gap:8px;padding:7px;border:1px solid #30384a;border-radius:8px;margin:7px 0;background:#1d2330;cursor:pointer}.partItem img{width:42px;height:42px;object-fit:contain;background:#282f3d;border-radius:5px}.partItem span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sprite{position:absolute;transform-origin:50% 50%;user-select:none;touch-action:none;cursor:grab}.sprite.selected{filter:drop-shadow(0 0 5px #67a0ff)}.sprite.selected:after{content:''}.pivot{position:absolute;width:12px;height:12px;border:2px solid white;background:#ef476f;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:9999;box-shadow:0 0 0 2px #ef476f55}label{display:block;color:#909bb0;font-size:12px;margin:10px 0}input{width:100%;margin-top:5px;background:#10151f;border:1px solid #333c50;border-radius:6px;color:white;padding:8px}input[type=range]{padding:0}.wide{width:100%;margin:5px 0}hr{border:0;border-top:1px solid #303749;margin:18px 0}.keyRow{font-size:11px;color:#9ba6ba;padding:6px 0;border-bottom:1px solid #292f3d}footer{height:34px;background:#151923;border-top:1px solid #2c3342;display:flex;justify-content:space-between;align-items:center;padding:0 14px;font-size:11px;color:#707b91}@media(max-width:800px){main{grid-template-columns:170px 1fr}.right{position:absolute;right:0;top:68px;bottom:34px;width:220px;z-index:20;opacity:.96}header small,footer span:last-child{display:none}}