.personal-assets {
  width: 100%;
  margin: 0 auto;
  padding: 28px 0 48px;
  color: #ededed;
  box-sizing: border-box;
}
.personal-assets-heading { margin-bottom: 26px; }
.personal-assets-heading h1 { margin: 0 0 8px; font-size: 28px; font-weight: 600; }
.personal-assets-heading p { margin: 0; color: #929292; font-size: 13px; line-height: 1.7; }
.personal-assets-tabs, .personal-assets-filter-group, .personal-assets-filters { display: flex; align-items: center; gap: 6px; }
.personal-assets-tabs { gap: 12px; margin-bottom: 20px; }
.personal-assets button {
  font: inherit;
  border: 0;
  cursor: pointer;
  color: inherit;
}
.personal-assets-filter { background: transparent; border-radius: 9px; padding: 8px 13px; color: #999 !important; font-size: 13px !important; }
.personal-assets-tabs .personal-assets-filter { padding: 10px 20px; font-size: 16px !important; }
.personal-assets-filter:hover, .personal-assets-filter.is-active { color: #eee !important; background: #303030; }
.personal-assets-filter.is-active { font-weight: 600; }
.personal-assets-filters { justify-content: space-between; flex-wrap: wrap; gap: 14px; }
.personal-assets-filter-group { flex-wrap: wrap; }
.personal-assets-sources { margin-left: auto; }
.personal-assets-projects { display: flex; align-items: flex-start; gap: 12px; flex-basis: 100%; min-width: 0; }
.personal-assets-project-label { padding-top: 8px; flex-shrink: 0; color: #929292; font-size: 13px; }
.personal-assets-projects .personal-assets-filter-group { min-width: 0; }
.personal-assets-projects .personal-assets-filter { max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.personal-assets-status { margin: 20px 0 16px; font-size: 13px; color: #929292; line-height: 1.7; }
.personal-assets-notice { margin: 12px 0 0; color: #c5c5c5; font-size: 13px; line-height: 1.6; }
.personal-assets-notice:empty { display: none; }
.personal-assets-notice.is-error { color: #efb7b7; }
.personal-assets-layout { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: 24px; }
.personal-assets-gallery { min-width: 0; }
.personal-assets-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 20px; align-items: start; }
.personal-assets-card { position: relative; transition: transform .2s ease, box-shadow .2s ease; background: #202020; border: 0; border-radius: 14px; min-width: 0; cursor: pointer; }
.personal-assets-card[hidden] { display:none; }
.personal-assets-card.is-selected { background: #303030; }
.personal-assets-visual { display: flex; position: relative; width: 100%; aspect-ratio: 4 / 3; align-items: center; justify-content: center; overflow: hidden; background: #242424; border-radius: 14px 14px 0 0; }
.personal-assets-visual img { display: block; width: 100%; height: 100%; object-fit: contain; }
.personal-assets-visual img:not([src]) { visibility: hidden; }
.personal-assets-placeholder { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 16px; color: #929292; font-size: 13px; pointer-events: none; }
.personal-assets-placeholder:empty { display: none; }
.personal-assets-visual.is-video .personal-assets-placeholder, .personal-assets-visual.is-audio .personal-assets-placeholder { color: #bdbdbd; font-size: 19px; }
.personal-assets-card-info { padding: 14px; }
.personal-assets-card-info h2 { margin: 0; font-size: 14px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.personal-assets-card-source { margin: 8px 0 14px; font-size: 11px; color: #929292; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.personal-assets-card-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 28px; }
.personal-assets-download { padding: 5px 8px; background: transparent; color: #bdbdbd !important; font-size: 12px !important; border-radius: 7px; }
.personal-assets-download:last-child { margin-left: auto; }
.personal-assets-download:hover { background: #353535; color: #fff !important; }
.personal-assets button:disabled { opacity: .5; cursor: wait; }
.personal-assets-category { position: relative; min-width: 75px; font-size: 12px; color: #aaa; }
.personal-assets-category summary { display: block; padding: 6px 8px; border-radius: 7px; list-style: none; }
.personal-assets-category summary::after { content: '⌄'; margin-left: 10px; color: #929292; }
.personal-assets-category summary::-webkit-details-marker { display: none; }
.personal-assets-category[open] summary, .personal-assets-category summary:hover { background: #333; color: #eee; }
.personal-assets-category-options { position: absolute; bottom: calc(100% + 5px); left: 0; z-index: 5; width: 126px; background: #303030; border-radius: 10px; padding: 5px; box-shadow: 0 8px 24px #0006; }
.personal-assets-category-option { display: block; width: 100%; padding: 9px 10px; text-align: left; background: transparent; border-radius: 6px; }
.personal-assets-category-option:hover { background: #444; }
.personal-assets-category-readonly { color: #929292; font-size: 11px; }
.personal-assets-button { padding: 8px 15px; color: #ddd; background: #353535; border-radius: 9px; font-size: 13px; }
.personal-assets-reuse { width: 100%; }
.personal-assets [hidden] { display: none !important; }
@media (max-width: 700px) {
  .personal-assets { padding: 22px 0 32px; }
  .personal-assets-heading h1 { font-size: 24px; }
  .personal-assets-grid { grid-template-columns: repeat(auto-fill, minmax(165px, 1fr)); gap: 12px; }
  .personal-assets-sources { margin-left: 0; }
  .personal-assets-filters { align-items: flex-start; }
  .personal-assets-card-info { padding: 12px; }
}

.personal-assets-sort{position:relative;flex-shrink:0;color:#e3c98d}
.personal-assets-sort>summary{display:flex;align-items:center;gap:9px;list-style:none;padding:9px 13px;border-radius:9px;background:#202020;cursor:pointer;font-size:13px}
.personal-assets-sort>summary::-webkit-details-marker{display:none}
.personal-assets-sort svg{width:17px;height:17px;flex-shrink:0}
.personal-assets-sort-options{position:absolute;z-index:20;right:0;top:calc(100% + 8px);width:164px;padding:7px;border-radius:12px;background:#202020;box-shadow:0 12px 32px #0005}
.personal-assets-sort-option{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border-radius:8px;background:transparent;color:#ddd!important;text-align:left;font-size:13px!important}
.personal-assets-sort-option:hover,.personal-assets-sort-option[aria-pressed=true]{background:#303030;color:#e3c98d!important}
.personal-assets-sort-check{margin-left:auto;visibility:hidden}
.personal-assets-sort-option[aria-pressed=true] .personal-assets-sort-check{visibility:visible}
.personal-assets-visual-wrap{position:relative}
.personal-assets .personal-assets-favorite{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:32px;height:32px;padding:0;border-radius:8px;background:#202020bb;color:#ddd}
.personal-assets-favorite svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.personal-assets .personal-assets-favorite[aria-pressed=true],.personal-assets .personal-assets-favorite:hover{color:#e3c98d}
.personal-assets-favorite[aria-pressed=true] svg{fill:currentColor}
.personal-assets-favorite:disabled{opacity:.5;cursor:wait}
.personal-assets-date{display:block;margin:0 0 10px;font-size:11px;color:#929292}

.personal-assets button:focus,.personal-assets summary:focus,.personal-assets button:focus-visible,.personal-assets summary:focus-visible{outline:none}

@media(hover:hover){.personal-assets-card:hover{transform:translateY(-4px) scale(1.025);z-index:2;box-shadow:0 14px 30px #0005}}
.personal-assets-card:active{transform:translateY(-1px) scale(.99)}
@media(prefers-reduced-motion:reduce){.personal-assets-card{transition:none}.personal-assets-card:hover,.personal-assets-card:active{transform:none}}