/* Stubbeidizine v1.1 */
.stubbeidizine-wrapper { border:1px solid #e1e1e1; padding:14px; margin:16px 0; border-radius:8px; }
.stubbeidizine-colors { margin-bottom:10px; }
.stubbeidizine-color-options { display:flex; flex-wrap:wrap; gap:8px; }
.color-pill { border:1px solid #ddd; border-radius:999px; padding:6px 10px; cursor:pointer; background:#fafafa; }
.stubbeidizine-controls .control { margin:10px 0; }
.text-tools { display:flex; flex-wrap:wrap; gap:10px; margin-top:6px; }
.stubbeidizine-canvas { position:relative; width:100%; max-width:420px; aspect-ratio: 2/3; background:#f7f7f7; border:1px dashed #ccc; border-radius:8px; overflow:hidden; }
.stub-base img { width:100%; height:100%; object-fit:contain; display:block; }
.overlay-container { position:absolute; inset:0; }
.draggable { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.resizable { box-shadow: 0 0 0 1px rgba(0,0,0,0.15); }
.resizer { width:12px; height:12px; position:absolute; background:#fff; border:1px solid #333; }
.resizer.ne { top:-6px; right:-6px; cursor:ne-resize; }
.resizer.nw { top:-6px; left:-6px; cursor:nw-resize; }
.resizer.se { bottom:-6px; right:-6px; cursor:se-resize; }
.resizer.sw { bottom:-6px; left:-6px; cursor:sw-resize; }
#overlay-text-span { display:inline-block; white-space:pre; text-shadow: 0 1px 2px rgba(0,0,0,0.35); }
.stub-actions { margin-top:10px; }