/* Studio editing uses the same quiet glass presentation as the package guide. */
.jig-studio-editor { position: absolute; inset: 0; z-index: 3; pointer-events: none; color: #f2f4f8; font: 13px/1.45 system-ui, -apple-system, sans-serif; }
.jig-edit-hint { position: absolute; top: 58px; left: 14px; display: flex; align-items: center; gap: 5px; box-sizing: border-box; max-width: calc(100% - 28px); padding: 4px 5px 4px 11px; border: 1px solid rgba(255,255,255,.14); border-radius: var(--jig-radius-lg); background: rgba(18,22,30,.64); backdrop-filter: blur(10px); box-shadow: 0 4px 18px rgba(0,0,0,.16); font-size: 11px; color: #d3dae6; }
.jig-edit-hint[hidden] { display: none; }
.jig-edit-hint-text { min-width: 0; }
.jig-edit-hint-dismiss { appearance: none; display: grid; place-items: center; flex-shrink: 0; width: 28px; height: 28px; padding: 0; border: 0; border-radius: var(--jig-radius-md); background: transparent; color: inherit; font: 20px/1 system-ui, sans-serif; cursor: pointer; pointer-events: auto; }
.jig-edit-hint-dismiss:hover { background: rgba(255,255,255,.12); }
.jig-edit-hint-dismiss:active { background: rgba(255,255,255,.04); }
@media (pointer: coarse) { .jig-edit-hint-dismiss { width: 44px; height: 44px; } }
.jig-edit-highlight { position: absolute; border: 2px solid #a6caff; border-radius: var(--jig-radius-circle); transform: translate(-50%, -50%); box-shadow: 0 0 0 3px rgba(67,139,255,.18), 0 0 18px rgba(70,140,255,.2); }
.jig-edit-highlight[data-object=true] { border-radius: var(--jig-radius-lg); transform: none; }
.jig-edit-pin { position: absolute; transform: translate(-50%, -50%); width: 28px; height: 28px; display: grid; place-items: center; padding: 0; border: 2px solid #e1eeff; border-radius: var(--jig-radius-circle); background: #24539a; color: white; box-shadow: 0 2px 12px rgba(0,0,0,.3); font-size: 12px; font-weight: 650; cursor: pointer; pointer-events: auto; }
.jig-edit-pin[data-pending=true] { background: #446795; border-style: dashed; }
.jig-edit-pin:focus-visible, .jig-edit-inline-button:focus-visible, .jig-edit-hint-dismiss:focus-visible { outline: 2px solid #a6caff; outline-offset: 3px; }
.jig-ui[data-editing=true] [data-jig-edit-component] { pointer-events: auto; }
.jig-ui[data-editing=true] [data-jig-edit-hover=true] { outline: 2px solid #a6caff; outline-offset: 3px; }
.jig-edit-comment-cursor, .jig-ui[data-editing=true] [data-jig-edit-component] { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M5 27V16a11 11 0 1 1 11 11H5Z' fill='%232f98ff' stroke='white' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E") 5 27, crosshair; }
.jig-ui[data-editing=true] .jig-slider input { cursor: inherit; }
.jig-edit-inline-actions { display: flex; width: max-content; align-items: center; gap: 5px; margin: 10px 0 6px; flex-shrink: 0; pointer-events: auto; }
.jig-edit-inline-actions .jig-edit-inline-button { appearance: none; width: auto; height: 27px; padding: 3px 8px; border: 1px solid var(--ui-glass-edge); border-radius: var(--jig-radius-md); background: var(--ui-control); color: var(--ui-text); font: 11px/1.3 system-ui, sans-serif; cursor: pointer; }
.jig-edit-inline-actions .jig-edit-inline-button:last-child { background: var(--ui-accent); color: var(--ui-on-accent); border-color: transparent; }
.jig-ui [contenteditable=plaintext-only] { caret-color: var(--ui-accent); white-space: pre-wrap; outline: 2px solid var(--ui-accent) !important; outline-offset: 2px !important; background: var(--ui-control); min-width: 2em; }
.jig-ui [contenteditable=plaintext-only][aria-invalid=true] { outline-color: #ff8b8b !important; }
.jig-ui[data-editing=true] [data-jig-edit-id] { cursor: text; outline: 1px dashed rgba(166,202,255,.36); outline-offset: 4px; border-radius: var(--jig-radius-xs); min-height: 1em; }
.jig-ui[data-editing=true] [data-jig-edit-id]:hover, .jig-ui[data-editing=true] [data-jig-edit-id]:focus-visible { outline: 2px solid #a6caff; background: rgba(100,160,255,.1); }
.jig-ui[data-editing=true] [data-jig-edit-id]:empty::before { content: 'Add ' attr(data-jig-edit-field); font-size: 12px; font-weight: 400; color: #a7b0bf; }