/* Shared modal, media actions, Studio sliders and half-circle action buttons. */
.daailok-media-viewer[hidden]{display:none!important}
.daailok-media-viewer{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.63);backdrop-filter:blur(12px)}
.media-viewer-card{width:min(920px,96vw);max-height:90dvh;display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:22px;border:1px solid rgba(224,231,242,.18);background:rgba(23,26,29,.94);color:#f4f2e9;box-shadow:0 30px 100px #0008;backdrop-filter:blur(24px)}
.media-viewer-head,.media-viewer-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}
.media-viewer-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.media-viewer-content{display:grid;place-items:center;min-height:130px;max-height:67dvh;overflow:auto}
.media-viewer-media{max-width:100%;max-height:65dvh;object-fit:contain;border-radius:10px}
.media-viewer-status{font-size:12px;color:#deb96b;min-height:18px}
.media-viewer-actions{justify-content:flex-end}
.media-viewer-actions button,.media-viewer-head button,.canvas-asset-management button{color:inherit;background:rgba(255,255,255,.045);border:1px solid rgba(230,232,242,.18);border-radius:var(--ds-radius-pill);padding:9px 16px;cursor:pointer;font:inherit}
.media-viewer-actions button:hover,.media-viewer-head button:hover,.canvas-asset-management button:hover{border-color:#e5ba66}
.media-viewer-actions button:disabled,.canvas-asset-management button:disabled{opacity:.4;cursor:default}
.media-viewer-actions [data-media-delete]{color:#e9a3a0}
.canvas-asset-management{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:12px 0}
.canvas-asset-management label{display:inline-flex;gap:5px;align-items:center;font-size:11px}
.canvas-asset-item-shell{position:relative;display:flex;align-items:center;gap:4px}
.canvas-asset-item-shell .canvas-asset-item{flex:1;min-width:0}
.canvas-asset-item-shell .canvas-asset-select{accent-color:#e7c06b;width:15px;height:15px;flex:none}
.canvas-asset-item-shell .canvas-asset-open{flex:none;font-size:11px;padding:7px}
#propertyContent .axis-slider{display:grid;grid-template-columns:20px minmax(0,1fr) 60px;align-items:center;gap:10px;min-width:0;width:100%;padding:7px 0}
#propertyContent .axis-slider input[type=range]{width:100%;min-width:0;height:16px;accent-color:#e9be63;cursor:ew-resize;outline:none}
#propertyContent .axis-slider output{text-align:right;font:12px/1.2 ui-monospace,monospace;font-variant-numeric:tabular-nums;color:var(--text)}
#propertyContent .axis-inputs:has(.axis-slider){display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important}
#creationInsertBtn,#creationReplaceBtn{border-radius:var(--ds-radius-pill)!important}
body[data-theme=light] .media-viewer-card{background:rgba(240,239,231,.96);color:#242829}
body[data-theme=light] .media-viewer-actions button,body[data-theme=light] .media-viewer-head button{border-color:#0003;background:#00000008}

/* 2026-10-30: unified glass action language for the single media preview. */
.daailok-media-viewer .media-viewer-head button[data-media-close]{
 appearance:none;display:grid;place-items:center;flex:0 0 auto;
 width:34px;height:34px;padding:0;border-radius:50%;
 background:rgba(255,255,255,.06);border:1px solid rgba(230,232,242,.17);
 color:inherit;font:400 22px/1 system-ui,sans-serif;
 transition:background .18s ease,border-color .18s ease,color .18s ease,transform .15s ease,box-shadow .18s ease;
}
.daailok-media-viewer .media-viewer-head button[data-media-close]:is(:hover,:focus-visible){
 color:#edc46e;background:rgba(233,191,93,.13);border-color:rgba(233,191,93,.50);
 box-shadow:0 0 0 2px rgba(233,191,93,.10);outline:none;
}
.daailok-media-viewer .media-viewer-head button[data-media-close]:active{transform:scale(.91)}
.daailok-media-viewer .media-viewer-actions button{
 display:inline-flex;align-items:center;justify-content:center;min-height:36px;
 padding:8px 18px;border-radius:var(--ds-radius-pill);
 background:rgba(233,191,93,.07);border:1px solid rgba(233,191,93,.35);
 color:#edc46e;font:600 13px/1.3 system-ui,"PingFang SC",sans-serif;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
 transition:background .18s ease,border-color .18s ease,transform .15s ease,color .18s ease;
}
.daailok-media-viewer .media-viewer-actions button:is(:hover,:focus-visible){
 background:rgba(233,191,93,.16);border-color:#edc46e;outline:none;
}
.daailok-media-viewer .media-viewer-actions button:active{transform:scale(.97)}
.daailok-media-viewer .media-viewer-actions [data-media-delete]{color:#de9998;border-color:rgba(222,153,152,.38)}
body[data-theme="light"] .daailok-media-viewer .media-viewer-actions button{
 background:rgba(180,128,44,.07);border-color:rgba(177,126,35,.34);color:#986c22
}
body[data-theme="light"] .daailok-media-viewer .media-viewer-head button[data-media-close]{
 background:rgba(40,45,45,.045);border-color:rgba(45,48,52,.17)
}
@media(prefers-reduced-motion:reduce){
 .daailok-media-viewer :is(.media-viewer-head button,.media-viewer-actions button){transition:none}
}