.media-dialog{width:min(960px,calc(100vw - 28px));max-height:calc(100svh - 28px);padding:0;border:1px solid #b58cff70;border-radius:14px;background:#101022;color:#eeeaf6;overscroll-behavior:contain}.media-dialog::backdrop{background:#03020dd9;backdrop-filter:blur(9px)}.media-form{padding:26px}.media-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:18px}.media-dialog-top h2{margin:0;font-size:clamp(22px,3vw,34px);line-height:1.1;font-weight:500;letter-spacing:-.04em}.media-dialog button,.media-dialog select,.media-photo-card input{font:inherit}.media-dialog button{min-height:42px;color:#eeeaf6;background:transparent;border:1px solid #b58cff60;border-radius:99px;padding:8px 14px;cursor:pointer}.media-dialog button:hover{background:#b58cff22}.media-dialog .media-apply{background:#c8a8f8;color:#120e21;border-color:#c8a8f8}.media-help{font-size:13px;color:#c0b5d3;max-width:68ch;margin:20px 0;line-height:1.6}.media-preset{display:flex;align-items:center;flex-wrap:wrap;gap:14px;font-size:13px;margin:24px 0}.media-preset select{border:1px solid #b58cff60;background:#1a1830;border-radius:8px;color:#eeeaf6;padding:9px 12px;max-width:100%}.media-upload{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:18px;border:1px dashed #b58cff80;border-radius:10px;font-size:13px;cursor:pointer;margin:20px 0}.media-upload>span{font-weight:650;color:#d7bcff}.media-upload input{font-size:11px;width:min(100%,280px);color:#c0b5d3}.media-upload input::file-selector-button{background:#28213f;color:#eeeaf6;border:0;border-radius:6px;padding:8px;margin-right:10px;cursor:pointer}.media-photo-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}.media-photo-card{min-width:0;padding:10px;background:#1a1830;border-radius:10px}.media-photo-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px}.media-photo-card input{width:100%;min-width:0;margin:10px 0;background:#101022;border:1px solid #4c4164;border-radius:5px;color:#eeeaf6;padding:8px;font-size:12px}.media-photo-actions{display:flex;flex-wrap:wrap;gap:6px}.media-photo-actions button{font-size:11px;padding:5px 10px;min-height:36px}.media-status{font-size:13px;min-height:1.5em;color:#e0c9ff}.media-actions{position:sticky;bottom:-26px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:20px 0 4px;background:#101022;border-top:1px solid #b58cff40}.media-actions button{font-size:13px}.media-background-preview{border-radius:10px;overflow:hidden;aspect-ratio:16/9;background:#06061a}.media-background-preview img,.media-background-preview video{width:100%;height:100%;object-fit:cover;display:block}.media-mask-choices{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.media-mask-choices button{font-size:12px}.media-dialog button:focus-visible,.media-dialog input:focus-visible,.media-dialog select:focus-visible{outline:3px solid #e0c9ff;outline-offset:3px}.media-editor-note{border-top:1px solid #eeeaf624;padding-top:18px}.media-dialog .media-close{font-size:12px;white-space:nowrap}
@media(max-width:640px){.media-form{padding:18px}.media-photo-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.media-photo-card{padding:8px}.media-photo-actions{gap:4px}.media-photo-actions button{padding:5px 8px}.media-actions{bottom:-18px}.media-dialog-top{gap:10px}.media-actions button{width:100%}.lab-bar .back{font-size:12px}.motion-controls{gap:5px}.motion-controls button{padding:8px 10px;font-size:11px}.lab-bar{gap:8px}}
