/* LayerCraft studio integration: File menu entries, save/open dialogs, palette skin. */

/* File menu entries, tinted with the LayerCraft accent */
.studio-menu-item{color:#00a896;font-weight:600}
.studio-menu-item:hover{color:#00a896}

/* Dialogs (match upstream .modal chrome, native <dialog> instead of overlay divs) */
.studio-dialog{margin:auto;border:1px solid var(--border);background:var(--bg-depth-2);color:var(--text-primary);border-radius:12px;padding:16px;width:340px;max-width:92vw;box-shadow:0 12px 40px rgba(0,0,0,.45);font:12px/1.4 'DM Sans',sans-serif}
.studio-dialog::backdrop{background:rgba(0,0,0,.55)}
.studio-dialog h3{margin:0 0 12px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary)}
.studio-dialog input[type=text]{width:100%;box-sizing:border-box;background:var(--bg-depth-1);border:1px solid var(--border);border-radius:8px;padding:8px 10px;color:var(--text-primary);font:inherit}
.studio-dialog input[type=text]:focus{outline:none;border-color:#00a896}
.studio-list{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;margin:0 0 2px}
.studio-item{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;width:100%;background:var(--bg-depth-1);border:1px solid var(--border);border-radius:8px;padding:8px 10px;cursor:pointer;color:inherit;font:inherit}
.studio-item:hover{border-color:#00a896;color:#00a896}
.studio-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.studio-item small{color:var(--text-muted);flex:none;font-size:10px}
.studio-empty{color:var(--text-muted);padding:14px 4px}
.studio-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.studio-actions .btn{min-width:70px}
.studio-pri{background:#00a896;border-color:#00a896;color:#fff}
.studio-pri:hover{background:#008f7e;border-color:#008f7e;color:#fff}

/* LayerCraft palette skin: remaps Openshop's theme color custom properties only.
   Layout and spacing tokens are untouched. Skipped under forced colours so the
   upstream high-contrast fallback keeps precedence. */
@media not all and (forced-colors: active){
  :root,
  :root.theme-light,
  :root.theme-midnight,
  :root.theme-oled{
    --bg-depth-0:#f8f9fa;--bg-depth-1:#ffffff;--bg-depth-2:#f1f3f5;--bg-depth-3:#e9ecef;--bg-depth-4:#dfe3e8;
    --border:#bcbec0;--border-active:#0f69f0;
    --text-primary:#0a1d37;--text-secondary:#3a5170;--text-muted:#6479a0;
    --accent:#0f69f0;--accent-hover:#0c5bd4;--accent-solid:#0f69f0;--accent-alt:#0f69f0;--accent-dim:rgba(15,105,240,.14);
    --accent-contrast-bg:#0b4fc4;--accent-shadow:rgba(15,105,240,.25);--on-accent:#fff;
    --canvas-bg:#eceff3;--glass:rgba(255,255,255,.94);--glass-border:rgba(188,190,192,.65);
    --theme-color:#f8f9fa;--chrome-black:#0a1d37;
  }
}

/* App tree moved under the chrome bar by studio-integration.js (panels anchor to this wrapper). */
#mc-app{position:relative;height:calc(100% - var(--mc-h));overflow:hidden}