/* Feedback is presentation only: never delay a business handler or animate canvas size. */
.studio-layout button,.studio-layout summary,.studio-layout a,.studio-layout input,.studio-layout select,.studio-layout textarea{
 transition:background-color 140ms ease,border-color 140ms ease,color 140ms ease,box-shadow 140ms ease,transform 90ms ease;
}
.studio-layout button:focus-visible,.studio-layout summary:focus-visible,.studio-layout a:focus-visible,.studio-layout input:focus-visible,.studio-layout select:focus-visible,.studio-layout textarea:focus-visible{
 outline:2px solid var(--accent);outline-offset:3px;
}
@media(hover:hover) and (pointer:fine){
 .studio-layout button:not(:disabled):hover,.studio-layout summary:hover{background-color:#eef0f4;border-color:#c8ccd5}
 .studio-layout .primary:not(:disabled):hover,.studio-layout .render-button:not(:disabled):hover{background-color:#274fcf;color:white}
 .studio-layout [aria-pressed=true]:not(:disabled):hover,.studio-layout [aria-selected=true]:hover,.studio-layout .tree-product-button.selected:hover{background-color:#e5ebff;color:var(--accent)}
 .studio-layout .studio-tool-rail [aria-pressed=true]:hover{background-color:#274fcf}
}
.studio-layout button:not(:disabled):active{transform:translateY(1px)}
.studio-layout .studio-icon-button:not(:disabled):active{transform:scale(.98)}
.studio-layout button:disabled{transform:none;box-shadow:none;cursor:not-allowed}
.studio-layout .inspector-group:not(.parameter-inactive),.studio-layout .commerce-output,.studio-layout .commerce-inputs{animation:studio-content-in 200ms ease-out}
@keyframes studio-content-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.studio-tooltip{position:fixed;z-index:100;max-width:min(260px,calc(100vw - 16px));padding:7px 10px;border-radius:6px;background:#24252a;color:white;font:13px/20px Inter,"Microsoft YaHei",sans-serif;box-shadow:0 3px 12px #24252a24;pointer-events:none;overflow-wrap:anywhere}
.studio-tooltip[hidden]{display:none}
@media(prefers-reduced-motion:reduce){
 .studio-layout *{animation:none!important;transition:none!important}
 .studio-layout button:active,.studio-layout .studio-icon-button:active{transform:none!important}
}
.material-card{transition:border-color 140ms ease,background-color 140ms ease}
@media(prefers-reduced-motion:reduce){.material-card{transition:none}}