.aleatory-media-workspace{--media-line:var(--color-kumo-line,#d5d0c7);--media-surface:var(--color-kumo-base,#f7f5f0);--media-ink:var(--color-kumo-default,#1f1f1f);--media-accent:var(--blue,#2e6f8e);max-width:1280px;color:inherit;font:inherit;margin:auto;padding:28px}.aleatory-media-workspace *{box-sizing:border-box}.aleatory-media-workspace button,.aleatory-media-workspace input,.aleatory-media-workspace select{font:inherit;color:inherit;border:1px solid var(--media-line);background:0 0;border-radius:8px;max-width:100%;min-height:44px;padding:9px 13px}.aleatory-media-workspace button{cursor:pointer;transition:background .12s,transform .12s;box-shadow:0 1px 2px #0001}.aleatory-media-workspace button:hover:not(:disabled){background:color-mix(in srgb,currentColor 6%,transparent)}.aleatory-media-workspace button:active:not(:disabled){transform:translateY(1px)}.aleatory-media-workspace button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.aleatory-media-workspace :is(button,input,select,summary):focus-visible{outline:2px solid var(--media-accent);outline-offset:3px}.aleatory-media-workspace h2{margin:0;font-size:28px;font-weight:650;line-height:1.3}.aleatory-media-workspace h3{margin:0 0 10px;font-size:17px;font-weight:600}.aleatory-media-workspace p{line-height:1.5}.media-heading,.media-actions,.media-toolbar,.media-location,.media-selection{align-items:center;gap:10px;display:flex}.media-heading{justify-content:space-between;margin-bottom:24px}.media-actions{flex-wrap:wrap}.aleatory-media-workspace button.media-primary{background:var(--media-accent);color:#fff;border-color:#0000;font-weight:600;box-shadow:0 2px 4px #0002}.aleatory-media-workspace button.media-primary:hover:not(:disabled){background:color-mix(in srgb,var(--media-accent) 85%,black)}.aleatory-media-workspace button.media-danger{color:var(--accent,#a84025)}.aleatory-media-workspace button.media-icon{width:44px;box-shadow:none;border-color:#0000;padding:8px}.media-feedback{border-left:3px solid var(--media-accent);background:color-mix(in srgb,var(--media-accent) 8%,transparent);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:4px;margin-bottom:18px;padding:10px 14px}.media-muted,.media-help{font-size:14px}.media-layout{grid-template-columns:205px minmax(0,1fr);gap:28px;display:grid}.media-folders{border-right:1px solid var(--media-line);min-width:0;padding-right:16px}.media-folder-heading{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.media-folder-list{flex-direction:column;gap:4px;display:flex}.aleatory-media-workspace .media-folder-list button{box-shadow:none;text-align:left;text-overflow:ellipsis;white-space:nowrap;border:0;padding:10px;font-size:14px;overflow:hidden}.aleatory-media-workspace .media-folder-list button[aria-current=page]{background:color-mix(in srgb,var(--media-accent) 10%,transparent);color:var(--media-accent);font-weight:600}.media-mobile-folders{display:none}.media-browser{min-width:0}.media-toolbar{flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.media-type-tabs{background:color-mix(in srgb,currentColor 5%,transparent);border-radius:10px;padding:3px;display:flex}.aleatory-media-workspace .media-type-tabs button{box-shadow:none;border:0;min-height:38px;padding:8px 16px;font-size:14px}.aleatory-media-workspace .media-type-tabs button[aria-pressed=true]{background:var(--media-surface);font-weight:600;box-shadow:0 1px 4px #0002}.media-search{gap:6px;min-width:0;max-width:100%;display:flex}.media-search input{width:210px;min-width:0}.media-location{overflow-wrap:anywhere;justify-content:space-between;min-height:44px;margin-bottom:16px;font-size:14px}.media-folder-menu{flex-shrink:0;position:relative}.media-folder-menu summary{cursor:pointer;text-align:center;border-radius:8px;min-width:44px;padding:10px;list-style:none}.media-folder-menu summary::-webkit-details-marker{display:none}.media-folder-menu>div{z-index:2;border:1px solid var(--media-line);background:var(--media-surface);border-radius:10px;width:190px;padding:6px;position:absolute;right:0;box-shadow:0 6px 24px #0002}.aleatory-media-workspace .media-folder-menu button{text-align:left;width:100%;box-shadow:none;border:0;font-size:14px;display:block}.media-panel{border:1px solid var(--media-line);background:var(--media-surface);overflow-wrap:anywhere;border-radius:10px;margin-bottom:18px;padding:18px}.media-panel label{flex-direction:column;gap:6px;min-width:0;font-size:14px;display:flex}.media-panel input{width:100%;margin-bottom:16px}.media-panel .media-actions{justify-content:flex-end}.media-selection{border:1px solid var(--media-line);border-radius:10px;flex-wrap:wrap;justify-content:space-between;margin-bottom:14px;padding:10px 12px;font-size:14px}.media-move{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.media-move label{flex:1}.media-photo-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:16px;display:grid}.aleatory-media-workspace button.media-file{text-align:left;border:1px solid var(--media-line);box-shadow:none;align-items:center;min-width:0;padding:0;display:flex;position:relative;overflow:hidden}.aleatory-media-workspace button.media-file[aria-pressed=true]{border-color:var(--media-accent);outline:2px solid var(--media-accent);outline-offset:1px}.aleatory-media-workspace .media-photo-grid .media-file{flex-direction:column;align-items:stretch}.media-preview{background:color-mix(in srgb,currentColor 4%,transparent);justify-content:center;align-items:center;width:100%;height:150px;display:flex}.media-preview img{object-fit:contain;width:100%;height:100%}.media-file-label{flex-direction:column;min-width:0;padding:12px;font-size:13px;display:flex}.media-file-label>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.media-file-label small{opacity:.8;margin-top:5px;font-size:11px}.media-check{border:1px solid var(--media-line);background:var(--media-surface);border-radius:6px;place-items:center;width:22px;height:22px;font-size:14px;display:grid;position:absolute;top:8px;right:8px}.media-file[aria-pressed=true] .media-check{background:var(--media-accent);color:#fff;border-color:#0000}.media-document-list{flex-direction:column;gap:8px;display:flex}.media-document-icon{width:28px;height:28px;color:var(--media-accent);flex-shrink:0;margin-left:14px}.media-document-list .media-file-label{flex:1;padding-right:44px}.media-document-list .media-check{top:50%;transform:translateY(-50%)}.media-empty{text-align:center;border:1px dashed var(--media-line);border-radius:10px;padding:50px 20px}.media-empty p{margin:0;font-size:14px}.media-pagination{justify-content:center;align-items:center;gap:14px;margin-top:24px;font-size:14px;display:flex}.media-picker-footer{background:var(--media-surface);justify-content:flex-end;margin-top:16px;padding-top:16px;display:flex;position:sticky;bottom:0}.media-help{border-top:1px solid var(--media-line);opacity:.85;margin-top:28px;padding-top:16px}.media-help summary{cursor:pointer;align-items:center;width:fit-content;min-height:44px;display:flex}.media-help p{max-width:70ch}@media (width<=768px){.aleatory-media-workspace{padding:18px}.media-layout{grid-template-columns:1fr;gap:16px}.media-folders{border-right:0;padding:0}.media-folder-heading{float:right;margin:0}.media-folder-heading>span,.media-folder-list{display:none}.media-mobile-folders{flex-direction:column;gap:5px;margin-right:54px;font-size:13px;display:flex}.media-mobile-folders select{width:100%}.media-toolbar{gap:12px}.media-search{flex:1}.media-search input{flex:1;width:100%}.media-photo-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.media-heading h2{font-size:24px}.media-preview{height:130px}}@media (width<=480px){.aleatory-media-workspace{padding:14px}.media-heading{gap:8px}.media-heading .media-primary{padding:9px 12px;font-size:14px}.media-toolbar{align-items:stretch}.media-search{flex-basis:100%}.media-selection .media-actions{gap:6px}.media-selection button{padding:8px 10px}.media-file-label{font-size:12px}}.media-location{flex-wrap:wrap}.media-folder-heading{flex-wrap:wrap;gap:8px}.media-folder-heading button{padding:8px;font-size:13px}.media-location .media-actions button{font-size:13px}@media (width<=768px){.media-mobile-folders{margin-right:115px}.media-location .media-actions{width:100%}}.media-usage a{overflow-wrap:anywhere;padding:8px 0;text-decoration:underline;display:block}.media-usage p{margin-bottom:0}