.studio-editor{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.8fr);gap:30px;align-items:start;margin-top:24px}
.studio-editor-preview{max-width:580px;width:100%}
.studio-editor-preview>.row{margin-bottom:16px}
.studio-editor [data-device][aria-pressed=true]{border-color:#ffbf00;color:#ffcf45}
.studio-editor-frame{position:relative;overflow:hidden;aspect-ratio:4/5;background:#85867c;border:1px solid #ffffff20;border-radius:8px;touch-action:none;cursor:grab}
.studio-editor-frame:active{cursor:grabbing}
.studio-editor-frame img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}
.studio-editor-frame>span{position:absolute;bottom:15px;left:15px;font-size:11px;padding:5px 9px;border-radius:5px;background:#202123a0;color:#fff;pointer-events:none}
.studio-editor .field{margin-bottom:20px}
.studio-editor .field output{float:right;color:#ffcf45}
.studio-editor .field small{display:block;font-size:11px;line-height:1.6;color:#999}
.studio-editor input[type=range]{width:100%;accent-color:#ffbf00}
.studio-editor .row{flex-wrap:wrap}
@media(max-width:800px){.studio-editor{grid-template-columns:1fr}.studio-editor-preview{max-width:440px}}