/* Mac/Safari compatible Director action dialogs: one glass material. */
.director-action-overlay{
 position:fixed;inset:0;z-index:25000;
 display:flex;align-items:center;justify-content:center;
 box-sizing:border-box;padding:20px;
 background:rgba(0,0,0,.51);
 backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)
}
.director-action-dialog{
 box-sizing:border-box;width:min(420px,100%);max-height:min(84dvh,640px);
 overflow-y:auto;padding:22px 22px 18px;
 border:1px solid var(--edge);border-radius:18px;
 color:var(--text);background:var(--glass);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 22px 70px var(--light-shadow);
 backdrop-filter:blur(28px) saturate(135%);
 -webkit-backdrop-filter:blur(28px) saturate(135%)
}
.director-action-title{font-size:17px;line-height:1.5;font-weight:650;margin:0 0 8px}
.director-action-description{font-size:12px;line-height:1.75;white-space:pre-line;margin:0 0 18px;color:var(--muted)}
.director-action-label{display:grid;gap:8px;font-size:12px;color:var(--muted);margin:6px 0 16px}
.director-action-input{box-sizing:border-box;width:100%;height:39px;padding:0 12px;
 border:1px solid var(--edge);border-radius:9px;background:var(--surface);
 color:var(--text);font-size:13px;outline:none}
.director-action-input:focus{border-color:var(--accent)}
.director-action-input[aria-invalid=true]{border-color:#d76d69}
.director-action-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.director-action-button{
 box-sizing:border-box;min-height:36px;padding:8px 12px;border:1px solid var(--edge);
 border-radius:9px;background:transparent;color:var(--text);
 font-size:12px;font-weight:550;cursor:pointer}
.director-action-button:hover{border-color:var(--accent);color:var(--accent);
 background:color-mix(in srgb,var(--accent) 9%,transparent)}
.director-action-button.is-primary{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 44%,transparent)}
.director-action-button.is-danger{color:#e5a19b;border-color:rgba(226,142,137,.42)}
.director-action-button.is-danger:hover{background:rgba(226,142,137,.10);border-color:#e5a19b}
.director-action-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
body[data-theme=light] .director-action-dialog{
 background:rgba(248,249,245,.94);box-shadow:0 22px 65px rgba(29,36,35,.19);
 border-color:rgba(30,38,35,.14)}
@media(max-width:550px){.director-action-dialog{padding:18px 16px}
 .director-action-buttons{justify-content:stretch}
 .director-action-button{flex:1 1 auto}}