/* NiteFade Studio 1.2 — professional object pill and capture-safe menus */
.studio-icon-symbols{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.studio-selection-toolbar{
 position:fixed;z-index:99;left:0;top:0;display:flex;align-items:center;gap:2px;
 width:max-content;max-width:calc(100vw - 20px);min-height:48px;
 padding:6px 9px;background:#fff;border:1px solid #e7e5ed;border-radius:16px;
 box-shadow:0 13px 34px rgba(28,25,51,.15),0 2px 8px rgba(28,25,51,.07);
 color:#302b42;white-space:nowrap;overflow-x:auto;scrollbar-width:thin
}
.studio-selection-toolbar .selection-kind{
 display:flex;align-items:center;flex:none;gap:7px;max-width:110px;
 font-size:11px;font-weight:800;color:#744de2;padding:8px 10px;
 overflow:hidden;text-overflow:ellipsis
}
.studio-selection-toolbar .selection-kind:before{
 content:"";width:8px;height:8px;border-radius:50%;background:#7955ea;flex:none;
 box-shadow:0 0 0 3px #ede6ff
}
.studio-selection-toolbar .selection-divider{height:25px;width:1px;background:#e8e5ef;flex:none;margin:0 5px}
.studio-selection-toolbar .tool-action{
 border:0;display:inline-flex;gap:7px;justify-content:center;align-items:center;
 background:transparent;color:#4f4960;font-size:12px;font-weight:700;min-height:35px;
 padding:7px 11px;border-radius:10px;flex:none;white-space:nowrap;line-height:1.2
}
.studio-selection-toolbar .tool-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round;stroke-linecap:round;flex:none}
.studio-selection-toolbar .tool-action:hover,
.studio-selection-toolbar .tool-action:focus-visible{color:#6144d6;background:#f1edff}
.studio-selection-toolbar .tool-primary{color:#6d43db;background:#f3efff}
.studio-selection-toolbar .tool-icon-only{width:36px;padding:8px}
.studio-selection-toolbar .selection-delete{color:#bb435b}
.studio-selection-toolbar .selection-delete:hover{background:#fff0f2;color:#af2d4b}
.studio-toolbar-popover{
 position:fixed;z-index:111;min-width:224px;max-width:calc(100vw - 20px);padding:17px 16px;
 background:#fff;border:1px solid #e3dcef;border-radius:15px;box-shadow:0 17px 45px rgba(29,23,54,.18);
 color:#40374f
}
.studio-toolbar-popover .popover-heading{font-weight:800;font-size:13px;margin-bottom:13px}
.studio-toolbar-popover label{font-weight:700;font-size:12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.studio-toolbar-popover input[type=color]{height:34px;width:64px;border:1px solid #dbd3f3;background:white;border-radius:9px;cursor:pointer}
.studio-toolbar-popover input[type=range]{accent-color:#7b55ea;width:140px}
.studio-toolbar-popover output{font-weight:800;font-size:11px;color:#7955dc;min-width:36px;text-align:right}
.studio-context-menu{
 position:fixed;top:0;left:0;z-index:110;min-width:260px;max-width:calc(100vw - 18px);
 max-height:min(370px,calc(100dvh - 24px));overflow-y:auto;overscroll-behavior:contain;
 padding:8px;background:#fff;border-radius:16px;border:1px solid #e8e3ed;
 box-shadow:0 23px 55px rgba(26,17,50,.22),0 3px 12px rgba(26,17,50,.06);
 color:#29243e;scrollbar-width:thin
}
.studio-context-menu .context-menu-header{
 display:flex;align-items:center;gap:10px;padding:11px 12px 12px;
 border-bottom:1px solid #eeebf3;margin-bottom:6px
}
.studio-context-menu .context-header-icon{
 display:grid;place-items:center;border-radius:10px;flex:none;height:34px;width:34px;
 background:#f0eaff;color:#6e45dd;font-size:19px;font-weight:800
}
.studio-context-menu .context-menu-header strong{
 display:block;font-size:12px;font-weight:800;max-width:190px;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.studio-context-menu .context-menu-header small{
 color:#91899f;font-size:10px;display:block;margin-top:3px
}
.studio-context-menu button{
 width:100%;min-height:34px;border:0;background:transparent;border-radius:9px;
 padding:8px 12px;text-align:left;display:flex;justify-content:space-between;
 align-items:center;gap:16px;color:#40374f;font-size:12px;font-weight:640
}
.studio-context-menu button>span{white-space:nowrap}
.studio-context-menu button:hover,.studio-context-menu button:focus-visible{background:#f4f0ff;color:#6744d4}
.studio-context-menu button:disabled{opacity:.38;pointer-events:none}
.studio-context-menu button small{font-size:10px;color:#8e899b;font-weight:600}
.studio-context-menu button.context-delete{color:#c33f5b}
.studio-context-menu button.context-delete:hover{background:#fff1f4;color:#b92d4b}
.studio-context-menu .context-menu-divider{height:1px;background:#eeeaf4;margin:7px 8px}
.studio-selection-toolbar[hidden],.studio-context-menu[hidden],.studio-toolbar-popover[hidden]{display:none!important}

/* Photo thumbnails respond to the same editor right-click menu. */
.upload-gallery .studio-upload-card{
 position:relative;display:flex;flex-direction:column;align-items:stretch;gap:4px;
 padding:6px;text-align:left;height:122px;aspect-ratio:auto;border-radius:12px;
 border:1px solid #e5deef;background:#faf9ff;overflow:hidden;
 box-shadow:0 2px 9px rgba(37,24,61,.035);transition:border-color .15s,box-shadow .15s
}
.upload-gallery .studio-upload-card:hover,.upload-gallery .studio-upload-card:focus-visible{
 border-color:#aa90f8;box-shadow:0 4px 14px rgba(106,74,197,.13)
}
.upload-gallery .studio-upload-card img{
 width:100%;height:89px;min-height:0;object-fit:contain;
 border-radius:7px;background:linear-gradient(135deg,#f0eff6,#fff);
 pointer-events:none
}
.upload-gallery .studio-upload-card .upload-card-name{
 display:block;font-size:10px;font-weight:650;color:#5d5570;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
 padding:1px 4px 0
}

@media(max-width:980px){
 .studio-selection-toolbar{max-width:calc(100vw - 16px);padding:5px 7px;min-height:45px}
 .studio-selection-toolbar .tool-action{font-size:11px;padding:7px 8px;gap:5px}
 .studio-selection-toolbar .selection-kind{font-size:10px;padding:6px}
}
@media(max-width:590px){
 .studio-selection-toolbar .selection-kind{display:none}
 .studio-selection-toolbar .tool-action span{display:none}
 .studio-selection-toolbar .tool-action{padding:8px;min-width:35px}
 .studio-selection-toolbar .selection-divider{margin:0 1px}
 .studio-context-menu{min-width:236px}
}

/* Programmatic focus should not draw Edge's black rectangle around the menu. */
.studio-context-menu:focus{outline:none}
.studio-context-menu button:focus-visible{outline:2px solid #8261e9;outline-offset:-1px}

/* Phase 1 final: make locked object actions visibly unavailable. */
.studio-selection-toolbar .tool-action:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}