.piece-media{border-top:1px solid #e1d8e3;padding:26px 0;margin-top:20px}.media-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.media-heading h3{margin:8px 0;font-size:23px}.media-upload-controls{background:#f6f2f7;padding:20px;border:1px dashed #bea9c2;border-radius:12px;margin-top:18px}.media-upload-controls label{display:grid;gap:12px;font-size:15px;font-weight:600}.media-upload-controls input{width:100%;max-width:100%;font:inherit}.media-upload-controls input::file-selector-button{background:#fff;border:1px solid #cdbbd1;border-radius:8px;padding:10px;margin-right:12px;color:#392038;font:inherit}.media-list{display:grid;gap:10px}.media-file{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid #e5dce7;border-radius:10px;min-width:0}.media-file>div{flex:1;min-width:0}.media-file strong{display:block;overflow-wrap:anywhere;font-size:14px}.media-file small{display:block;color:#746477;margin-top:5px}.media-kind{background:#ede5ef;color:#603a69;padding:12px 8px;border-radius:8px;font-size:12px;font-weight:700}.media-empty{border:1px dashed #d8cedb;border-radius:10px;padding:22px;color:#776a7c}.preview-media{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;max-width:100%;margin:16px 0}.preview-media:empty{display:none}.preview-media figure{margin:0;flex:0 0 100%;min-width:0;scroll-snap-align:start;background:#f4f1f5;border-radius:8px;overflow:hidden}.preview-media img,.preview-media video{display:block;width:100%;max-height:400px;object-fit:contain;background:#eee8f0}.preview-media figcaption{font-size:12px;overflow-wrap:anywhere;padding:8px;color:#6d5c72}.media-error{padding:20px;font-size:14px;color:#935331}.approval-evidence{margin-top:12px;padding:14px;background:#f6f2f7;border-radius:10px}.approval-evidence pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:14px}.approval-evidence a{overflow-wrap:anywhere}#media-state{font-size:14px;font-weight:600;line-height:1.6}#preview-brief{white-space:pre-wrap}.piece-writing{min-width:0}@media(max-width:600px){.media-file{flex-wrap:wrap}.media-file>div{flex-basis:70%}.media-heading{align-items:flex-start}.media-heading h3{font-size:20px}.media-upload-controls{padding:15px}.media-file .btn{min-height:42px}}