.media-panel{margin:3rem auto;max-width:1000px;padding:2rem;border:1px solid #d9e2eb;border-radius:18px;background:#fff}.media-upload{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end}.media-upload label{display:grid;gap:6px}.media-upload input,.media-upload select{padding:10px;border:1px solid #ccd5e0;border-radius:8px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:16px;margin-top:24px}.media-tile{padding:10px;border:1px solid #ddd;border-radius:12px;display:grid;gap:8px}.media-tile img{width:100%;height:120px;object-fit:contain}.media-tile input{width:100%;font-size:11px}.rich-content img{max-width:100%;height:auto;border-radius:10px}.rich-content table{width:100%;border-collapse:collapse}.rich-content td,.rich-content th{border:1px solid #ccd5e0;padding:12px}.rich-content{overflow-wrap:anywhere}.rich-content::after{content:'';display:block;clear:both}.jodit-container{max-width:100%}.editor-toolbar{display:flex;flex-wrap:wrap;gap:.4rem;margin-block:.5rem}.editor-toolbar button{font:inherit;padding:.4rem .8rem;border:1px solid #b8c9da;background:white;border-radius:6px;cursor:pointer}.editor-preview{width:100%;height:400px;border:1px solid #b8c9da;margin-block:1rem}.editor-preview[hidden]{display:none}
.editor-surface{width:100%;height:470px;border:1px solid #b8c9da;border-radius:9px;background:white}.editor-surface[hidden],textarea.rich-editor[hidden]{display:none}