/* One compact 3D transform editor for preview and formal Studio. */
#propertiesPanel .axis-inputs{display:grid;grid-template-columns:1fr!important;gap:5px!important}
#propertiesPanel .axis-input.axis-slider{
 box-sizing:border-box!important;display:grid!important;
 grid-template-columns:28px minmax(0,1fr) 48px!important;
 align-items:center!important;gap:5px!important;
 width:100%!important;min-height:36px!important;height:36px!important;
 padding:2px 3px!important;border-radius:9px!important;
 border:1px solid rgba(225,234,232,.11)!important;
 background:rgba(11,15,17,.42)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
 overflow:hidden!important;
}
#propertiesPanel .axis-input.axis-slider:focus-within{
 border-color:rgba(225,234,232,.18)!important;
 background:rgba(11,15,17,.46)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#propertiesPanel .axis-input.axis-slider > .axis-tag{
 display:grid!important;place-items:center!important;
 width:25px!important;height:27px!important;min-height:0!important;
 padding:0!important;margin:0!important;
 border:0!important;border-radius:6px!important;
 background:rgba(255,255,255,.035)!important;
 font:700 11px/1 system-ui,sans-serif!important;
}
#propertiesPanel .axis-input.axis-slider[data-axis=x] > .axis-tag{color:#ed7178!important}
#propertiesPanel .axis-input.axis-slider[data-axis=y] > .axis-tag{color:#70cc93!important}
#propertiesPanel .axis-input.axis-slider[data-axis=z] > .axis-tag{color:#82a9f6!important}
#propertiesPanel .axis-input.axis-slider:focus-within > .axis-tag{
 background:rgba(255,255,255,.055)!important;
}
#propertiesPanel .axis-input.axis-slider > input[type="range"]{
 -webkit-appearance:none!important;appearance:none!important;
 width:100%!important;min-width:0!important;height:20px!important;
 padding:0!important;margin:0!important;border:0!important;
 border-radius:0!important;box-shadow:none!important;
 outline:none!important;accent-color:unset!important;
 background:transparent!important;background-image:none!important;
 cursor:pointer!important;touch-action:pan-y;
}
#propertiesPanel .axis-input.axis-slider > input[type="range"]::-webkit-slider-runnable-track{
 height:3px!important;border:0!important;border-radius:99px!important;
 background:linear-gradient(90deg,rgba(233,197,111,.75) 0 var(--axis-progress,50%),rgba(167,179,180,.28) var(--axis-progress,50%) 100%)!important;
 box-shadow:none!important;cursor:pointer!important;
}
#propertiesPanel .axis-input.axis-slider > input[type="range"]::-moz-range-track{
 height:3px!important;border:0!important;border-radius:99px!important;
 background:rgba(167,179,180,.28)!important;cursor:pointer!important;
}
#propertiesPanel .axis-input.axis-slider > input[type="range"]::-moz-range-progress{
 height:3px!important;border-radius:99px!important;background:rgba(233,197,111,.75)!important;
}
#propertiesPanel .axis-input.axis-slider > input[type="range"]::-webkit-slider-thumb{
 -webkit-appearance:none!important;appearance:none!important;
 width:13px!important;height:13px!important;margin-top:-5px!important;
 border-radius:50%!important;border:1px solid rgba(255,255,255,.45)!important;
 background:#cbd3d0!important;box-shadow:0 1px 5px rgba(0,0,0,.25)!important;
 cursor:pointer!important;transform:none!important;
 transition:background .14s ease,box-shadow .14s ease!important;
}
#propertiesPanel .axis-input.axis-slider > input[type="range"]::-moz-range-thumb{
 width:13px!important;height:13px!important;border-radius:50%!important;
 border:1px solid rgba(255,255,255,.45)!important;
 background:#cbd3d0!important;box-shadow:0 1px 5px rgba(0,0,0,.25)!important;
 cursor:pointer!important;transform:none!important;
}
#propertiesPanel .axis-input.axis-slider > input[type="range"]:is(:hover,:focus,:active)::-webkit-slider-thumb{
 background:#f3d478!important;box-shadow:0 0 0 4px rgba(238,203,105,.14),0 1px 7px rgba(0,0,0,.25)!important;
}
#propertiesPanel .axis-input.axis-slider > input[type="range"]:is(:hover,:focus,:active)::-moz-range-thumb{
 background:#f3d478!important;box-shadow:0 0 0 4px rgba(238,203,105,.14),0 1px 7px rgba(0,0,0,.25)!important;
}
#propertiesPanel .axis-input.axis-slider > .axis-value-field{
 width:48px!important;min-width:0!important;max-width:48px!important;height:26px!important;
 box-sizing:border-box!important;
 padding:0 2px!important;margin:0!important;
 border:1px solid transparent!important;border-radius:5px!important;
 background:transparent!important;background-image:none!important;
 box-shadow:none!important;outline:none!important;
 color:var(--ds-studio-text,#e7ebe8)!important;
 text-align:right!important;font:500 11.5px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace!important;
 font-variant-numeric:tabular-nums!important;
 cursor:text!important;
}
#propertiesPanel .axis-input.axis-slider > .axis-value-field:focus{
 background:rgba(248,211,120,.075)!important;
 border:1px solid rgba(238,201,110,.45)!important;
 color:inherit!important;box-shadow:none!important;
}
body[data-theme="light"] #propertiesPanel .axis-input.axis-slider{
 background:rgba(240,242,237,.14)!important;border-color:rgba(30,38,37,.20)!important;
}
body[data-theme="light"] #propertiesPanel .axis-input.axis-slider > input[type="range"]::-webkit-slider-runnable-track{
 background:linear-gradient(90deg,rgba(162,117,40,.75) 0 var(--axis-progress,50%),rgba(65,75,71,.28) var(--axis-progress,50%) 100%)!important;
}
body[data-theme="light"] #propertiesPanel .axis-input.axis-slider > .axis-value-field{color:#29312f!important}