#ending-preview{position:absolute;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#000;pointer-events:none}
#ending-preview img{position:absolute;transform:translate(-50%,-50%);object-fit:contain}
#ending-text-preview{position:absolute;transform:translate(-50%,-50%);font-family:"DejaVu Sans",sans-serif;font-weight:700;text-align:center;white-space:pre;letter-spacing:0}
#ending-transition-preview{position:absolute;inset:0;z-index:2;pointer-events:none}
.ending-transition-controls{display:flex;align-items:center;gap:8px}
.ending-transition-controls select{flex:1;min-width:0}
.ending-transition-controls .icon-button{flex:0 0 38px;width:38px;height:38px}
#ending-audio-name{overflow-wrap:anywhere}
#ending-panel input[type="color"]{width:44px;height:38px;min-height:38px;padding:3px;cursor:pointer}
#ending-panel input[type="range"]{appearance:none;-webkit-appearance:none;width:100%;height:24px;padding:0;border:0;background:transparent;cursor:pointer}
#ending-panel input[type="range"]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,var(--green) var(--ending-progress,100%),#dbe1de var(--ending-progress,100%))}
#ending-panel input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-5px;border-radius:50%;background:var(--green);border:0}
#ending-panel input[type="range"]::-moz-range-track{height:6px;border-radius:3px;background:#dbe1de}
#ending-panel input[type="range"]::-moz-range-progress{height:6px;border-radius:3px;background:var(--green)}
#ending-panel input[type="range"]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--green);border:0}
.ending-image-row{display:flex;align-items:center;gap:12px;margin-top:14px}
.ending-image-row img{width:120px;height:90px;object-fit:contain;background:#000}
#ending-panel label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:16px 0 8px}
#ending-panel label:has(input){justify-content:flex-start}
#ending-panel label.mini-dropzone{justify-content:center}
#ending-enabled{width:auto}
[data-editor-tab="ending"]:disabled{opacity:.5;cursor:not-allowed}
@media(min-width:751px){#ending-panel{max-height:calc(90dvh - 240px);overflow-y:auto;overscroll-behavior:contain;padding-right:8px}}