.media-page{min-width:0}.media-page *{min-width:0}.media-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:4px 0 28px}.media-heading h2{font-size:29px;letter-spacing:-.7px;margin-bottom:10px}.media-heading p:not(.eyebrow){color:var(--muted);font-size:13px;margin:0}.media-total{display:flex;align-items:center;gap:13px;flex-shrink:0}.media-total strong{font-size:34px;color:#657c54;line-height:1;font-weight:500}.media-total span{font-size:10px;line-height:1.7;color:#939d87;max-width:75px}.media-upload-card{padding:25px 27px;background:#fff}.media-section-head,.media-library-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.media-section-head .eyebrow,.media-library-heading .eyebrow{margin-bottom:6px;font-size:9px}.media-section-head h3,.media-library-heading h3{font-size:19px;margin:0;letter-spacing:-.3px}.media-section-head>.badge{font-size:9px}.media-upload-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:27px}.media-dropzone{position:relative;min-height:205px;padding:25px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed #b9c5ac;border-radius:8px;background:#f6f8f0;cursor:pointer;gap:11px;overflow:hidden}.media-dropzone:hover,.media-dropzone.is-dragging{background:#edf2e5;border-color:#86a36e}.media-dropzone .media-drop-icon{font-size:30px;font-weight:400;color:#8ca176;line-height:1}.media-dropzone>strong{font-size:13px;color:#5f7652;max-width:210px}.media-dropzone>span:not(.media-drop-icon){font-size:10px;color:#96a28b;font-weight:400}.media-dropzone>input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.media-dropzone:focus-within{outline:2px solid #cf987b;outline-offset:3px}.media-upload-hint{font-size:10px;color:#9ca58f;margin:11px 0 0}.media-upload-fields,.media-editor fieldset{border:0;padding:0;margin:0;display:grid;gap:13px;min-width:0}.media-upload-fields legend{font-size:10px;color:#8a977e;padding:0 0 11px}.media-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:13px}.media-upload-fields label,.media-editor label{font-size:10px;color:#77876b}.media-upload-fields input,.media-upload-fields select,.media-upload-fields textarea,.media-editor input,.media-editor select,.media-editor textarea{font-size:12px}.media-approval{display:flex!important;flex-direction:row!important;gap:10px!important;align-items:flex-start;font-weight:400!important;line-height:1.6}.media-approval>input{width:15px;height:15px;flex:0 0 15px;margin:2px 0 0;accent-color:#cb673e}.media-approval strong{display:block;font-size:11px;font-weight:500;color:#6a7f5d}.media-approval small{display:block;font-size:10px;color:#9aa48f;margin-top:2px}.media-upload-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #eceee6;margin-top:20px;padding-top:16px}.media-upload-bottom>p{font-size:10px;color:#909c84;margin:0;line-height:1.8;max-width:670px}.media-upload-bottom>button{flex-shrink:0;font-size:12px}.media-upload-queue{margin-top:21px;border-top:1px solid #e8ebdf;max-height:270px;overflow-y:auto;scrollbar-width:thin}.media-queue-entry{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #edf0e6;align-items:flex-start}.media-queue-entry strong{font-size:11px;font-weight:500;display:block;overflow-wrap:anywhere}.media-queue-entry small{font-size:9px;color:#929e85;display:block;margin-top:3px}.media-queue-entry>span{font-size:10px;line-height:1.7;color:#65834f;max-width:50%;text-align:right;overflow-wrap:anywhere}.media-queue-entry.is-error>span,.media-queue-entry.is-error>span small{color:#a36537}.media-upload-progress{margin-top:17px;display:grid;gap:8px}.media-upload-progress>span{font-size:10px;color:#718963;overflow-wrap:anywhere}.media-upload-progress progress{width:100%;height:5px;accent-color:#8da878}.media-library{margin-top:32px}.media-library-heading{margin-bottom:18px}.media-library-heading h3>span{font-size:13px;color:#9aa68f;margin-left:7px;font-weight:400}.media-library-heading>button{font-size:11px}.media-filters{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:14px;margin-bottom:22px}.media-filters label{font-size:10px;color:#8b997f}.media-filters input,.media-filters select{font-size:12px}.media-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;align-items:start}.media-card{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden}.media-image{display:block;width:100%;aspect-ratio:4/3;position:relative;padding:0;border:0;border-radius:0;background:#ecefe6;overflow:hidden;color:#9aa88b;cursor:zoom-in}.media-image:hover{filter:none}.media-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}.media-image:hover img{transform:scale(1.025)}.media-image>span:not(.media-image-zoom){font-size:12px}.media-image-zoom{position:absolute;right:12px;bottom:12px;background:#ffffffdf;border-radius:5px;width:25px;height:25px;display:grid;place-items:center;color:#586f4b;font-size:16px}.media-card-body{padding:17px}.media-card-status{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:12px}.media-card-status .badge{font-size:8px;white-space:normal}.media-card-status>small{font-size:9px;color:#9da78f;white-space:nowrap}.media-card h3{font-size:13px;line-height:1.6;margin:0 0 8px;overflow-wrap:anywhere}.media-description{font-size:11px;line-height:1.8;color:#839475;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:13px}.media-card-tags{display:flex;gap:6px;flex-wrap:wrap}.media-card-tags>span{font-size:9px;color:#879879;border:1px solid #e7ebdf;border-radius:4px;padding:3px 6px;overflow-wrap:anywhere}.media-card-date{font-size:9px;color:#a3ad99;margin:12px 0 0}.media-editor{margin-top:15px;padding-top:12px;border-top:1px solid #edf0e6}.media-editor>summary{font-size:10px;color:#b36a43}.media-editor form{padding-top:15px}.media-editor-buttons{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.media-editor-buttons>button{font-size:10px;padding:8px 12px}.media-editor-buttons>.ghost{font-size:9px;padding:0}.media-edit-feedback{font-size:10px;color:#63854d;line-height:1.8;margin:13px 0 0;overflow-wrap:anywhere}.media-edit-feedback.is-error,.media-error{color:#a65e34}.media-error{padding:13px 17px;border:1px solid #ecd2bb;background:#fff0e4;border-radius:7px;font-size:12px;line-height:1.8;overflow-wrap:anywhere;margin-bottom:18px}.media-empty{padding:60px 25px;text-align:center;background:#f0f3e9;border:1px dashed #d8e0ce;border-radius:9px}.media-empty>span{font-size:41px;line-height:1;color:#abbca0}.media-empty h3{font-size:22px;color:#5b744c;letter-spacing:-.5px;margin:16px 0 10px}.media-empty p{color:#8c9c7f;font-size:12px;line-height:1.8;max-width:490px;margin:0 auto}.media-viewer-note{font-size:12px;color:#7d8b71;padding:15px 18px;background:#eef2e7;border-left:3px solid #aebf9f}.media-preview{width:min(1100px,calc(100vw - 36px));max-height:calc(100vh - 36px);background:var(--paper);border:1px solid #d7dfcd;border-radius:12px;padding:22px;box-shadow:0 25px 100px #14200b40}.media-preview::backdrop{background:#263020bf}.media-preview-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.media-preview-head h3{font-size:17px;line-height:1.5;margin:0;overflow-wrap:anywhere}.media-preview-head>button{font-size:11px;flex-shrink:0}.media-preview>img{display:block;max-width:100%;max-height:70vh;object-fit:contain;margin:auto;border-radius:5px}.media-preview>p{font-size:12px;line-height:1.8;color:#7d8f70;margin:15px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.media-page button:focus-visible{outline:2px solid #cd9675;outline-offset:2px}.media-page button:disabled{cursor:default}
@media(max-width:1300px){.media-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.media-upload-layout{gap:20px;grid-template-columns:1fr 1.1fr}.media-field-pair{grid-template-columns:1fr}}
@media(max-width:950px){.media-upload-layout{grid-template-columns:1fr}.media-field-pair{grid-template-columns:1fr 1fr}.media-dropzone{min-height:155px}.media-heading{align-items:flex-start}.media-heading h2{font-size:25px}.media-total strong{font-size:29px}.media-upload-bottom{align-items:flex-start}.media-upload-bottom>button{font-size:11px}.media-filters{grid-template-columns:1fr 1fr}.media-search{grid-column:1/-1}}
@media(max-width:600px){.media-heading{gap:14px;margin-bottom:20px}.media-heading p:not(.eyebrow){font-size:12px}.media-total{gap:8px}.media-total span{font-size:8px;max-width:65px}.media-upload-card{padding:18px}.media-section-head{align-items:flex-start;gap:12px}.media-section-head h3{font-size:17px}.media-section-head>.badge{font-size:8px}.media-upload-layout{gap:17px}.media-dropzone{padding:20px;min-height:175px}.media-field-pair{grid-template-columns:1fr}.media-upload-bottom{flex-direction:column;gap:13px}.media-upload-bottom>button{width:100%}.media-gallery{grid-template-columns:1fr;gap:17px}.media-library{margin-top:27px}.media-library-heading h3{font-size:18px}.media-library-heading>button{font-size:10px;padding:8px 11px}.media-filters{gap:10px}.media-card-body{padding:18px}.media-card h3{font-size:14px}.media-description{font-size:12px}.media-card-status .badge{font-size:9px}.media-editor label{font-size:11px}.media-editor>summary{font-size:11px}.media-preview{padding:15px;width:calc(100vw - 24px)}.media-preview-head{gap:12px}.media-preview-head h3{font-size:14px}.media-preview-head>button{font-size:10px;padding:8px}.media-empty{padding:45px 20px}.media-empty h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.media-image img{transition:none}}

.media-bulk-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 0}.media-bulk-tools>label{display:flex;align-items:center;gap:8px}.media-bulk-tools select{width:90px}.media-select-all input,.media-card-selection input{width:17px;height:17px;margin:0;accent-color:#417a57}.media-card-selection{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.media-card-selection label{display:flex;align-items:center;gap:7px}.media-card-selection button{color:#ac3d3d}.media-bulk-tools button:disabled{opacity:.45}