.media-usage{background:var(--card);border-radius:12px;justify-content:space-between;align-items:center;gap:24px;padding:18px;display:flex}.media-usage strong,.media-usage span{display:block}.media-usage span{color:var(--muted);margin-top:6px;font-size:11px}.media-usage progress{width:35%;height:8px;accent-color:var(--lavender);appearance:none;background:var(--bg);border:0;border-radius:20px;overflow:hidden}.media-usage progress::-webkit-progress-bar{background:var(--bg)}.media-usage progress::-webkit-progress-value{background:var(--lavender);border-radius:20px}.media-usage progress::-moz-progress-bar{background:var(--lavender);border-radius:20px}.media-upload-controls{align-items:flex-end;gap:14px;margin:24px 0 12px;display:flex}.media-upload-controls .field{flex:1;margin:0}.media-file-button{cursor:pointer;min-height:38px;font-size:12px;position:relative}.media-file-button.disabled{opacity:.5;cursor:default}.media-file-button input{opacity:0;width:100%;cursor:inherit;position:absolute;inset:0}.media-preview{border:1px solid var(--line);border-radius:12px;align-items:center;gap:20px;margin:20px 0;padding:20px;display:flex}.media-preview>img{object-fit:contain;border-radius:8px;max-width:45%;max-height:260px}.media-preview>div{overflow-wrap:anywhere;min-width:0}.media-preview .actions{flex-wrap:wrap;font-size:12px}.media-search{align-items:center;gap:10px;margin:24px 0 14px;display:flex}.media-search input{flex:1;min-width:0}.media-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;max-height:360px;padding:3px;display:grid;overflow:auto}.media-tile{border:1px solid var(--line);background:var(--card);border-radius:10px;position:relative;overflow:hidden}.media-tile.selected{border-color:var(--lavender);box-shadow:0 0 0 1px var(--lavender)}.media-tile>button:first-child{text-align:left;background:0 0;flex-direction:column;align-items:stretch;gap:7px;width:100%;padding:0 0 12px;display:flex}.media-tile img{object-fit:contain;background:var(--bg);width:100%;height:115px}.media-tile strong,.media-tile small{text-overflow:ellipsis;white-space:nowrap;padding:0 10px;font-size:11px;overflow:hidden}.media-tile small{color:var(--muted);font-size:10px}.media-delete{position:absolute;top:5px;right:5px;background:var(--panel)!important;width:28px!important;height:28px!important}.media-insert-fields,.media-delete-confirm{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.media-insert-fields input{width:100%}.media-delete-confirm p{font-size:13px}.stored-image{text-align:center;max-width:100%;margin:20px 0;display:block}.stored-image img{object-fit:contain;border-radius:10px;max-width:100%;height:auto;max-height:900px;margin:auto;display:block}.stored-image-caption{color:var(--muted);white-space:normal;margin:10px 0;font-size:12px;line-height:1.6;display:block}.stored-image-missing{border:1px solid var(--line);color:var(--muted);border-radius:10px;padding:24px;font-size:12px;display:block}.article-image-node{text-align:center;margin:20px 0}.article-image-node[data-align=left]{text-align:left}.article-image-node[data-align=right]{text-align:right}.article-image-frame{vertical-align:top;cursor:grab;max-width:100%;display:inline-block;position:relative}.article-image-frame>.stored-image{margin:0}.article-image-frame .stored-image img{width:100%}.article-image-node.is-selected .article-image-frame{outline:2px solid var(--lavender);outline-offset:2px}.article-image-node.ProseMirror-selectednode{outline:none}.image-resize-handle{z-index:2;border:1px solid var(--bg);background:var(--lavender);touch-action:none;border-radius:0;width:10px;height:10px;min-height:0;padding:0;position:absolute}.image-resize-handle.top-left{cursor:nwse-resize;top:-6px;left:-6px}.image-resize-handle.top-right{cursor:nesw-resize;top:-6px;right:-6px}.image-resize-handle.bottom-left{cursor:nesw-resize;bottom:-6px;left:-6px}.image-resize-handle.bottom-right{cursor:nwse-resize;bottom:-6px;right:-6px}.stored-image[data-align=left]{text-align:left;margin-inline:0 auto}.stored-image[data-align=center]{margin-inline:auto}.stored-image[data-align=right]{text-align:right;margin-inline:auto 0}.stored-image[style] img{width:100%}.article-image-inspector textarea{min-height:72px}.article-image-inspector .field{margin-bottom:12px}@media (max-width:600px){.media-upload-controls,.media-preview{flex-direction:column;align-items:stretch}.media-preview>img{max-width:100%}.media-usage{gap:12px;padding:14px}.media-usage strong{font-size:12px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
