﻿.object-workspace { width:min(1100px,94vw); max-height:92vh; overflow:auto; background:var(--surface); color:var(--text); border:1px solid #69cfff; border-radius:16px; padding:18px; }
.object-workspace::backdrop { background:#0009; }
.object-workspace header,.object-controls { display:flex; flex-wrap:wrap; align-items:center; gap:12px; justify-content:space-between; }
.object-workspace p { font-size:13px; line-height:1.5; }
.object-controls { justify-content:flex-start; margin:12px 0; }
.object-workspace select,.object-workspace input { background:var(--surface); color:var(--text); padding:8px; border:1px solid var(--border); border-radius:6px; }
.object-workspace input { width:95px; }
.object-layout { display:grid; grid-template-columns:180px minmax(0,1fr); gap:12px; align-items:start; }
.object-stage { position:relative; line-height:0; background:white; overflow:hidden; }
.object-stage img { width:100%; height:auto; display:block; }
.object-stage [data-overlay] { position:absolute; inset:0; touch-action:none; }
.object-box { position:absolute; box-sizing:border-box; cursor:move; min-width:3px; min-height:3px; }
.object-box:hover { outline:1px dashed #0076ff; }
.object-box.selected { outline:2px solid #0076ff; background:#0076ff18; z-index:2; }
.object-workspace [data-delete] { border-color:#d92d20; color:#d92d20; }
.object-workspace [data-delete]:hover:not(:disabled) { background:#d92d2014; }
@media(max-width:640px){.object-layout{grid-template-columns:1fr}.object-layout select{width:100%;height:90px}}
