.media-browser{font-family:var(--font-body);color:var(--theme-text);flex-direction:column;gap:12px;padding-bottom:32px;display:flex;position:relative}.media-browser--dropping{outline:2px dashed var(--theme-elevation-400);outline-offset:4px}.media-browser__toolbar{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.media-browser__field{flex-direction:column;gap:4px;display:flex}.media-browser__field--root{flex:0 220px}.media-browser__field--search{flex:260px}.media-browser__field--kind{flex:0 180px}.media-browser__label{color:var(--theme-elevation-800);font-size:1rem}.media-browser__input{box-sizing:border-box;width:100%;min-height:calc(var(--base) * 2);padding:calc(var(--base) * .4) calc(var(--base) * .75);font:inherit;color:var(--theme-elevation-800);background:var(--theme-input-bg);border:1px solid var(--theme-elevation-150);border-radius:var(--style-radius-s)}.media-browser__input::placeholder{color:var(--theme-elevation-400)}.media-browser__input:hover{border-color:var(--theme-elevation-250)}.media-browser__input:focus{border-color:var(--theme-elevation-400)}.media-browser__input[aria-invalid=true]{border-color:var(--theme-error-500)}.media-browser__all-sites{min-height:calc(var(--base) * 2);cursor:pointer;align-items:center;gap:6px;display:flex}.media-browser__all-sites input,.media-browser__check,.media-browser__tree-item input{accent-color:var(--theme-text)}.media-browser__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.media-browser__path ol{flex-wrap:wrap;align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.media-browser__path li+li:before{content:"/";color:var(--theme-elevation-400);margin-right:4px}.media-browser__path [aria-current]{font-weight:600}.media-browser__crumb{font:inherit;color:var(--theme-text);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.media-browser__actions,.media-browser__selection,.media-browser__dialog-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.media-browser__selection{padding:calc(var(--base) * .4) calc(var(--base) * .75);background:var(--theme-elevation-50);border:1px solid var(--theme-elevation-150);border-radius:var(--style-radius-m)}.media-browser__notice p,.media-browser__status p,.media-browser__empty{color:var(--theme-elevation-600);margin:0;font-size:1rem}.media-browser__notice p{color:var(--theme-text)}.media-browser .media-browser__error{color:var(--theme-error-500);margin:0;font-size:1rem}.media-browser__folders,.media-browser__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.media-browser__folder{background:var(--theme-elevation-50);border:1px solid var(--theme-elevation-100);border-radius:var(--style-radius-m);flex-direction:column;gap:4px;padding:8px;display:flex}.media-browser__folder:hover{border-color:var(--theme-elevation-400)}.media-browser__folder-open{width:100%;font:inherit;text-align:left;color:var(--theme-text);border-radius:var(--style-radius-s);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:4px;display:flex}.media-browser__folder-icon{width:calc(var(--base) * 1.2);height:calc(var(--base) * 1.2);color:var(--theme-elevation-500);flex:none}.media-browser__folder-name{overflow-wrap:anywhere}.media-browser__folder-actions{flex-wrap:wrap;gap:4px;display:flex}.media-browser__item{position:relative}.media-browser__check{z-index:1;width:calc(var(--base) * .9);height:calc(var(--base) * .9);cursor:pointer;margin:0;position:absolute;top:14px;left:14px}.media-browser__card{box-sizing:border-box;width:100%;height:100%;font:inherit;text-align:left;color:var(--theme-text);background:var(--theme-elevation-50);border:1px solid var(--theme-elevation-100);border-radius:var(--style-radius-m);cursor:pointer;flex-direction:column;gap:4px;padding:8px;text-decoration:none;display:flex}.media-browser__card:hover{border-color:var(--theme-elevation-400)}.media-browser__check:checked+.media-browser__card{border-color:var(--theme-text)}.media-browser__thumb{aspect-ratio:4/3;object-fit:contain;background:var(--theme-elevation-100);border-radius:var(--style-radius-s);width:100%;display:block}.media-browser__name{overflow-wrap:anywhere}.media-browser__alt{text-overflow:ellipsis;white-space:nowrap;color:var(--theme-elevation-600);overflow:hidden}.media-browser__kind,.media-browser__where{font-size:calc(var(--base) * .6);overflow-wrap:anywhere;color:var(--theme-elevation-600)}.media-browser__drop{color:var(--theme-text);background:var(--theme-elevation-50);border-radius:var(--style-radius-m);opacity:.92;pointer-events:none;justify-content:center;align-items:center;padding:24px;font-size:1rem;display:flex;position:absolute;inset:0}.media-browser__dialog{box-sizing:border-box;width:min(480px,100vw - 32px);max-height:calc(100vh - 64px);padding:calc(var(--base) * 1.2);font-family:var(--font-body);color:var(--theme-text);background:var(--theme-bg);border:1px solid var(--theme-elevation-150);border-radius:var(--style-radius-m)}.media-browser__dialog::backdrop{background:var(--theme-elevation-1000);opacity:.4}.media-browser__dialog-title{font-size:calc(var(--base) * 1);margin:0 0 12px}.media-browser__dialog-form{flex-direction:column;gap:12px;display:flex}.media-browser__dialog-text{margin:0;font-size:1rem;line-height:1.5}.media-browser__tree{border:0;flex-direction:column;gap:4px;max-height:50vh;margin:0;padding:0;display:flex;overflow:auto}.media-browser__tree legend{margin-bottom:8px;padding:0}.media-browser__tree-item{min-height:calc(var(--base) * 1.4);cursor:pointer;align-items:center;gap:6px;display:flex}.media-browser__tree-item:has(input:disabled){color:var(--theme-elevation-400);cursor:not-allowed}.media-browser__input:focus-visible,.media-browser__all-sites input:focus-visible,.media-browser__check:focus-visible,.media-browser__tree-item input:focus-visible,.media-browser__crumb:focus-visible,.media-browser__folder-open:focus-visible,.media-browser__card:focus-visible{outline:var(--accessibility-outline);outline-offset:var(--accessibility-outline-offset)}.media-list-view .list-header{margin-bottom:calc(var(--base) * .75)}.media-list-view .list-header__description{margin:calc(var(--base) * .25) 0 0;color:var(--theme-elevation-600)}.media-browser__hint{color:var(--theme-elevation-600);margin:0;font-size:1rem}.media-browser__notice{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.media-browser__alt-form{gap:4px;margin-top:4px;display:flex}.media-browser__alt-form .media-browser__input{min-height:calc(var(--base) * 1.4);padding:calc(var(--base) * .2) calc(var(--base) * .4)}.media-browser__alt-saved{font-size:calc(var(--base) * .6);color:var(--theme-elevation-600)}.media-used-on{margin-bottom:var(--base);font-family:var(--font-body);color:var(--theme-text)}.media-used-on__list{flex-direction:column;gap:6px;margin:4px 0 8px;padding:0;list-style:none;display:flex}.media-used-on__item{overflow-wrap:anywhere;flex-direction:column;display:flex}.media-used-on__item a{color:var(--theme-text);text-decoration:underline}.media-used-on__kind,.media-used-on__details,.media-used-on__text{color:var(--theme-elevation-600)}.media-used-on__text{margin:4px 0 0}
.form-notice{margin-bottom:var(--base);padding:calc(var(--base) * .5) calc(var(--base) * .75);border:1px solid var(--theme-elevation-150);border-radius:var(--style-radius-s);color:var(--theme-text);font-family:var(--font-body)}.form-notice--warning{border-color:var(--theme-warning-250);background:var(--theme-warning-100)}.form-notice p{margin:0}.form-notice p+p,.form-notice ul+p,.form-notice p+ul{margin-top:calc(var(--base) * .25)}.form-notice ul{margin:0;padding-inline-start:calc(var(--base) * 1.25)}.form-notice a{color:var(--theme-text);text-decoration:underline}.form-table{border-collapse:collapse;width:100%;font-family:var(--font-body)}.form-table th,.form-table td{padding:calc(var(--base) * .25) calc(var(--base) * .5);border-bottom:1px solid var(--theme-elevation-100);text-align:start;vertical-align:top}.form-table th{width:30%;color:var(--theme-elevation-800);font-weight:600}.form-table td{white-space:pre-wrap;overflow-wrap:anywhere}.form-actions{gap:calc(var(--base) * .5);font-family:var(--font-body);flex-wrap:wrap;align-items:center;display:flex}