#mediaTransform{min-width:0;margin:0 0 14px;padding:12px;border:1px solid var(--studio-border,#30343b);border-radius:8px;color:var(--studio-text,#fff);background:var(--studio-card,#171a1f)}
.transform-title{display:block;margin:0 0 12px;font-size:14px;font-weight:800;color:#fff}
.transform-actions{display:flex;gap:8px;margin-bottom:10px}
#mediaTransform button{padding:8px 12px;border:1px solid var(--studio-border,#30343b);border-radius:6px;background:var(--studio-input,#20242a);color:inherit;font-size:12px;cursor:pointer}
#mediaTransform button[aria-pressed=true]{border-color:#26c6da;color:#26c6da}
.transform-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.transform-fields label{font-size:11px;color:#aeb3bc;min-width:0}
#mediaTransform input[type=number]{width:100%;min-width:0;box-sizing:border-box;margin-top:4px;font-size:13px;padding:8px;background:var(--studio-input,#20242a);color:#fff;border:1px solid var(--studio-border,#30343b);border-radius:5px}
#transformRange{width:100%;margin:10px 0;accent-color:var(--studio-accent,#f5e642)}
#mediaTransform p{margin:0;font-size:11px;line-height:1.6;color:#aeb3bc}
#mediaTransform:disabled{opacity:.5}
.stage-wrap{position:relative}
#stage.media-transform-active{touch-action:none!important;cursor:grab;transition:none!important}
#stage.media-transform-active:active{cursor:grabbing}
.media-transform-frame{position:absolute;pointer-events:none;box-sizing:border-box;border:2px solid #26c6da;z-index:2}
.media-transform-frame[hidden]{display:none}
#desktopEditor:not([data-mode=image]) #mediaTransform{display:none}
@media(max-width:819px){#mediaTransform button,#mediaTransform input[type=number]{min-height:44px}#transformRange{min-height:30px}.transform-fields{gap:6px}}

.media-transform-guide{position:absolute;z-index:4;pointer-events:none;background:var(--studio-accent,#f5e642);box-shadow:0 0 0 1px #0008,0 0 8px color-mix(in srgb,var(--studio-accent,#f5e642) 55%,transparent)}
.media-transform-guide.vertical{width:1px}
.media-transform-guide.horizontal{height:1px}
.media-transform-guide[hidden]{display:none}
