.media-panel{flex:1 1 auto;min-height:0;overflow-y:auto;padding:20px 24px;color:#eaffed}.media-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.media-header h3{margin:3px 0;font-size:24px}.media-header p{margin:0;color:#9eb4a3}.media-upload{display:grid;grid-template-columns:minmax(210px,1fr) 190px minmax(240px,1.4fr) auto;align-items:end;gap:12px;margin:18px 0;padding:14px;border:1px solid #294034;border-radius:12px;background:#101a14}.media-upload label{display:grid;gap:6px;color:#b8cbbb;font-size:12px}.media-upload input,.media-upload select{min-width:0;border:1px solid #365342;border-radius:8px;padding:9px;background:#0b130e;color:#eaffed}.media-form-actions{display:flex;gap:8px}.media-form-actions button,.media-card-actions button,.media-viewer button{border:1px solid #3f6950;border-radius:8px;padding:8px 11px;background:#17271d;color:#dff7e4;cursor:pointer}.media-feedback{padding:10px 12px;border-radius:8px;background:#3a1f20;color:#ffd9d9}.media-feedback.is-success{background:#163522;color:#bff6ca}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-top:18px}.media-card{min-width:0;overflow:hidden;border:1px solid #294034;border-radius:12px;background:#101a14}.media-card-image{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#09100c}.media-card-body{padding:11px}.media-card-body strong,.media-card-body small{display:block;overflow:hidden;text-overflow:ellipsis}.media-card-body strong{white-space:nowrap}.media-card-body small{margin-top:5px;color:#91aa97}.media-card-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.media-card-actions .danger{color:#ffbcbc;border-color:#744}.media-empty{color:#9eb4a3}.media-viewer{width:min(1000px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border:1px solid #365342;border-radius:14px;background:#09110c;color:#eaffed;padding:12px}.media-viewer::backdrop{background:rgba(0,0,0,.78)}.media-viewer-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px}.media-viewer img{display:block;max-width:100%;max-height:calc(100dvh - 105px);margin:auto;object-fit:contain}@media(max-width:850px){.media-upload{grid-template-columns:1fr 1fr}.media-caption-field{grid-column:1/-1}}@media(max-width:560px){.media-panel{padding:14px}.media-upload{grid-template-columns:1fr}.media-caption-field{grid-column:auto}.media-header{align-items:flex-start}.media-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}}

.media-viewer img{max-height:min(58dvh,620px)}.media-analysis{margin-top:14px;padding:14px;border:1px solid #294034;border-radius:12px;background:#101a14}.media-analysis h4{margin:0 0 10px}.media-analysis-shortcuts{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.media-analysis-shortcuts button{padding:6px 9px;font-size:11px}.media-analysis form{display:flex;gap:8px}.media-analysis textarea{flex:1;resize:vertical;min-height:48px;border:1px solid #365342;border-radius:8px;padding:9px;background:#09110c;color:#eaffed}.media-analysis-feedback{color:#ffc4c4}.media-analysis-result{display:grid;gap:12px;margin-top:14px}.media-analysis-result section{padding-left:11px;border-left:2px solid #3f6950}.media-analysis-result h5{margin:0 0 5px;color:#bff6ca}.media-analysis-result p,.media-analysis-result ul{margin:0;color:#d5e7d8;line-height:1.5}.media-analysis-result ul{padding-left:18px}@media(max-width:560px){.media-analysis form{flex-direction:column}}

.media-upload{display:grid;grid-template-columns:1fr;align-items:stretch;gap:13px}.media-upload-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);gap:12px}.media-file-field,.media-type-field,.media-caption-field{display:grid;gap:6px}.media-file-control{min-width:0;height:42px;display:flex;align-items:center;gap:10px;border:1px solid #365342;border-radius:8px;padding:5px;background:#0b130e;cursor:pointer}.media-file-control:focus-within{border-color:#5bec6e;box-shadow:0 0 0 3px rgba(91,236,110,.09)}.media-file-button{flex:0 0 auto;padding:7px 11px;border-radius:6px;background:#21412b;color:#dff7e4;font-size:12px;font-weight:700}.media-file-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9eb4a3}.media-type-field select,.media-caption-field input{height:42px;box-sizing:border-box}.media-form-actions{justify-content:flex-end}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:768px){.media-upload-top{grid-template-columns:1fr}.media-type-field{width:100%}}
@media(max-width:420px){.media-file-control{height:auto;min-height:42px;align-items:flex-start;flex-direction:column}.media-file-name{max-width:100%;padding:0 6px 3px}.media-form-actions{display:grid;grid-template-columns:1fr 1fr}.media-form-actions button{width:100%}}