.media-name{display:grid;gap:7px;font:700 13px Inter,sans-serif;color:#30554c;margin-bottom:10px}.media-name input{width:100%;box-sizing:border-box;border:1px solid #b9cec5;border-radius:8px;padding:10px;font:400 16px Inter,sans-serif;background:#fffdf8;color:#223c31}.media-save-hint{font:12px/1.5 Inter,sans-serif;color:#5c6960;margin:0 0 22px}.media-menu summary,.saga-options summary{cursor:pointer;padding:10px 12px;font-weight:700;border:1px solid #ffffff55;border-radius:8px}.media-menu[open]{background:#1e352b;border-radius:8px;padding:6px}.media-menu .tb-btn{display:block;margin-top:8px}.saga-options{border-top:1px solid #dfdfd1;margin-top:20px;padding-top:14px}.saga-options summary{color:#225e4e;padding-left:0}.media-library{width:min(920px,calc(100% - 32px));max-height:85vh;padding:26px;box-sizing:border-box;border:1px solid #c9d5cb;border-radius:16px;background:#fffdf7;color:#243e30;font:14px/1.5 Inter,sans-serif}.media-library::backdrop{background:#17302580}.library-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.library-head h2{margin:0}.media-library button,.media-library input,.media-library select{font:inherit;padding:10px;border:1px solid #baccc0;border-radius:8px;background:white;color:inherit}.library-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}.library-controls label{display:flex;align-items:center;gap:6px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.media-grid article{border:1px solid #d5dfd6;border-radius:12px;padding:8px}.media-grid article>button{width:100%;text-align:left;border:0;cursor:pointer}.media-grid img{width:100%;height:120px;object-fit:cover;border-radius:6px;margin-bottom:12px}.media-grid strong,.media-grid span{display:block}.media-grid span{font-size:12px;color:#586a5d;margin-top:6px}.media-grid .copy-draft{font-size:12px;margin-top:8px;background:#eff5ed}.media-library :focus-visible{outline:3px solid #d2953f;outline-offset:2px}select[hidden]{display:none!important}.topbar #dlBtn,.topbar #printBtn{width:auto;margin:0;font-size:13px;padding:9px 13px}.topbar [role=status]{max-width:240px;opacity:1!important;line-height:1.4}body{padding-bottom:72px}@media(max-width:650px){.topbar [role=status]{flex-basis:100%;max-width:none;text-align:left!important}.media-library{padding:16px}.library-controls input[type=search]{width:100%;box-sizing:border-box}}@media print{.media-library,.media-menu{display:none!important}body{padding-bottom:0}}

.media-tabs{display:flex;gap:6px;border-bottom:1px solid #d9ded4;margin:6px 0 18px;padding-bottom:8px}.media-tabs button{flex:1;font:700 14px Inter,sans-serif;border:0;background:#edf2e9;color:#3b5444;padding:11px;border-radius:8px;cursor:pointer}.media-tabs [aria-selected=true]{background:#1a7a6e;color:#fff}.form .seg{gap:6px;flex-wrap:wrap}.form .seg button{flex:1 0 auto!important;white-space:nowrap;padding:9px 11px}#media-content[hidden],#media-appearance[hidden]{display:none!important}@media(max-width:650px){.topbar .brand span{display:none}.topbar .brand{font-size:17px}.topbar{padding:14px!important;gap:12px!important}.topbar .back{font-size:12px}.topbar .tb-btn{font-size:12px;padding:9px 11px}.topbar #dlBtn,.topbar #printBtn{font-size:12px;padding:9px 11px}}

.media-name select{font:400 16px Inter,sans-serif;min-height:44px;width:100%;padding:10px;border:1px solid #b9cec5;border-radius:8px;background:white;color:#1E2B1A}.media-view-switch{display:none}
@media screen and (max-width:760px){
 .media-view-switch{display:flex;gap:6px;padding:12px 16px;background:#FAF3E8;border-bottom:1px solid #cbd8d1}
 .media-view-switch button{flex:1;min-height:44px;border:1px solid #cbd8d1;border-radius:8px;background:#fff;color:#155f55;font:700 14px Inter,sans-serif}
 .media-view-switch [aria-pressed=true]{background:#155f55;color:white;border-color:#155f55}
 body[data-media-view=write] .preview-pane,body[data-media-view=preview] .layout>.form{display:none!important}
 body[data-media-view] .layout{display:block}
 body[data-media-view] .preview-pane{position:static!important;height:auto!important;max-height:none!important;padding:18px 12px}
 body[data-media-view] .form{width:100%;box-sizing:border-box;padding:20px 16px}
 body[data-media-view] .form input,body[data-media-view] .form textarea,body[data-media-view] .form select{font-size:16px}
 .media-save-hint{font-size:13px;line-height:1.5}
}
@media print{.media-view-switch{display:none!important}}

.media-metadata,.media-template-choice{border-bottom:1px solid #cbd8d1;margin:0 0 16px;padding:0 0 12px}.media-metadata>summary,.media-template-choice>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font:700 14px Inter,sans-serif;color:#155f55}.media-metadata[open]>summary,.media-template-choice[open]>summary{margin-bottom:12px}.media-metadata summary::after,.media-template-choice summary::after{content:'⌄';margin-left:auto}.media-metadata input,.media-metadata select{box-sizing:border-box;width:100%}