/* Transform and Material: Figma 6100:2. Extra uniform scale preserves the existing editor operation. */
#sphere-view .sph-fi-section{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:500;line-height:16px;letter-spacing:.3px;color:#ededed}
#sphere-view .sph-fi-section>i{font-size:14px;color:#999}
#sphere-view .sph-fi-section>.sph-fi-caret{margin-left:auto;font-size:12px}
#sphere-view[data-sphere-shell] .sphu-right .sphu-row.sph-fi-transform{display:grid;grid-template-columns:60px minmax(0,1fr);gap:4px;align-items:center;height:28px;min-height:28px;margin:0;padding:2px 0}
#sphere-view[data-sphere-shell] .sphu-right .sphu-row.sph-fi-transform>label{width:60px;min-width:60px;max-width:60px;padding:0;font-size:11px;font-weight:400;line-height:16px;color:#aaa;overflow:visible;text-overflow:clip;white-space:nowrap}
#sphere-view .sph-fi-transform .sph-xyz{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 14px;gap:4px;min-width:0;flex:none;width:100%;background:transparent;border:0}
#sphere-view .sph-fi-transform .sph-xyz-f{display:flex;align-items:center;gap:3px;min-width:0;height:24px;padding:0 5px;background:#272727;border:0;border-radius:6px;flex:none}
#sphere-view .sph-fi-transform .sph-xyz-f>label{flex:none;width:auto;min-width:0;margin:0;padding:0;border:0;color:#777;font-size:11px;line-height:16px;font-weight:400}
#sphere-view .sph-fi-transform .sph-xyz-f>label::before,#sphere-view .sph-fi-transform .sph-xyz-f>label::after{display:none}
#sphere-view .sph-fi-transform .sph-xyz-f>input{width:100%;min-width:0;height:24px;min-height:24px;flex:1;border:0;border-radius:4px;background:transparent;padding:0;font:400 11px/16px "Spline Sans",sans-serif;letter-spacing:.3px;color:#ededed;text-align:right;appearance:textfield;box-shadow:none}
#sphere-view .sph-fi-transform input::-webkit-inner-spin-button,#sphere-view .sph-fi-transform input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#sphere-view .sph-fi-transform input:focus-visible{outline:1px solid #aaa;outline-offset:1px}
#sphere-view .sph-fi-transform .sph-rowreset{width:14px;min-width:14px;height:24px;padding:0;background:transparent;border:0;color:#888;opacity:.55}
#sphere-view .sph-fi-transform:hover .sph-rowreset,#sphere-view .sph-fi-transform .sph-rowreset:focus-visible{opacity:1}
#sphere-view .sph-fi-uniform{margin-top:6px}
#sphere-view .sph-fi-material{display:block;margin:0 0 8px;padding:0;min-height:32px}
#sphere-view .sph-fi-material .sph-matslot-row{display:flex;gap:4px;width:100%;min-width:0;background:transparent;border:0}
#sphere-view .sph-fi-material .sph-matslot{display:flex;align-items:center;gap:8px;width:100%;height:32px;min-height:32px;padding:6px 10px;background:#272727;border:0;border-radius:6px;color:#aaa;font:400 11px/16px "Spline Sans",sans-serif;letter-spacing:.3px;text-align:left}
#sphere-view .sph-fi-material .sph-matslot:hover{background:#303030;color:#eee}
#sphere-view .sph-fi-material .sph-matslot-orb{width:20px;height:20px;object-fit:contain;flex:none;border-radius:50%}
#sphere-view .sph-fi-material .sph-matslot-name{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#sphere-view .sph-fi-material [data-sph-mat-clear]{width:24px;min-width:24px;height:32px;padding:0;background:transparent;border:0;color:#aaa}