.library-layout-controls{display:flex;gap:4px}.library-layout-controls button{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:inherit}.library-layout-controls svg{width:23px;height:23px}.library-layout-controls button[aria-pressed=true],.library-layout-controls button:hover{background:#ffffff15}.library-head{flex-wrap:wrap;gap:24px;margin-bottom:28px}.library-head-actions{gap:12px;flex-wrap:wrap}.library-head-actions input{border-radius:32px}.library-grid{margin-top:24px}.library-card img{object-fit:cover}.library-grid[data-layout=list]{display:flex;flex-direction:column;gap:8px}.library-grid[data-layout=list] .library-card{width:100%;height:86px;aspect-ratio:auto;border-radius:16px}.library-grid[data-layout=list] .library-card-open{display:flex;align-items:center;gap:16px;width:100%;height:100%;padding:10px 130px 10px 12px}.library-grid[data-layout=list] .library-card-visual{flex:none;width:64px;height:64px;border-radius:10px;overflow:hidden}.library-grid[data-layout=list] .library-card-meta{position:static;display:flex;opacity:1;background:none;padding:0;min-width:0;color:inherit}.library-grid[data-layout=list] .library-card-meta strong{font-size:15px}.library-grid[data-layout=list] .library-card-meta small{color:#999}.library-grid[data-layout=list] .library-file-tile{height:64px;padding:4px;gap:2px}.library-grid[data-layout=list] .library-file-tile .icon{width:24px;height:24px}.library-grid[data-layout=list] .library-card-edit{left:auto;right:90px;top:26px;opacity:1}.library-grid[data-layout=list] .library-card-delete{right:50px;top:26px;opacity:1}.library-grid[data-layout=list] .library-card-select{right:14px;top:29px}.library-grid[data-layout=list] .library-card[hidden]{display:none}[data-settings-page=storage] h4{margin:36px 0 8px;font-size:18px}[data-settings-page=storage] progress{display:block;box-sizing:border-box;width:100%;height:8px;margin:16px 0 0;padding:0;appearance:none;-webkit-appearance:none;accent-color:var(--accent-color,#3b82f6);border:0;border-radius:20px;overflow:hidden;background:#ffffff20}[data-settings-page=storage] progress::-webkit-progress-bar{background:#ffffff20;border-radius:20px}[data-settings-page=storage] progress::-webkit-progress-value{background:var(--accent-color,#3b82f6);border-radius:20px}[data-settings-page=storage] progress::-moz-progress-bar{background:var(--accent-color,#3b82f6);border-radius:20px}html[data-theme=light] [data-settings-page=storage] progress,html[data-theme=light] [data-settings-page=storage] progress::-webkit-progress-bar{background:#e5e7eb}.storage-categories{margin:18px 0 24px;border:1px solid #ffffff25;border-radius:18px;padding:0 18px}.storage-categories button{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:18px 0}.storage-categories button+button{border-top:1px solid #ffffff20}.storage-categories strong,.storage-categories small{display:block}.storage-categories small{color:#999;margin-top:6px}html[data-theme=light] .library-layout-controls button[aria-pressed=true],html[data-theme=light] .library-layout-controls button:hover{background:#00000010}html[data-theme=light] .storage-categories,html[data-theme=light] .storage-categories button+button{border-color:#0002}.library-filter-host{position:relative;flex:none}.library-filter-trigger{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:inherit}.library-filter-trigger svg{width:23px;height:23px}.library-filter-trigger:hover,.library-filter-trigger.filtered,.library-filter-trigger[aria-expanded=true]{background:#ffffff15}.library-filter-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:60;width:250px;padding:16px;border:1px solid #ffffff25;border-radius:20px;background:#252525;color:#f3f3f3;box-shadow:0 16px 45px #0007}.library-filter-popover[hidden]{display:none!important}.library-filter-popover p{padding:6px 12px;color:#999;font-size:13px}.library-filter-popover button{display:block;width:100%;padding:11px 12px;border-radius:10px;text-align:left;font-size:15px}.library-filter-popover button:hover,.library-filter-popover button[aria-pressed=true]{background:#ffffff18}.library-filter-popover button[aria-pressed=true]:after{content:"\2713";float:right;color:var(--accent-color)}.library-filter-popover hr{margin:10px 0;border:0;border-top:1px solid #ffffff24}html[data-theme=light] .library-filter-trigger:hover,html[data-theme=light] .library-filter-trigger.filtered,html[data-theme=light] .library-filter-trigger[aria-expanded=true]{background:#00000010}html[data-theme=light] .library-filter-popover{border-color:#ddd;background:#fff;color:#222;box-shadow:0 16px 45px #0002}html[data-theme=light] .library-filter-popover button:hover,html[data-theme=light] .library-filter-popover button[aria-pressed=true]{background:#f2f3f5}html[data-theme=light] .library-filter-popover hr{border-color:#e5e5e5}@media(max-width:768px){.library-head-actions{width:100%;gap:8px}.library-head-actions input{flex:1;min-width:120px}.library-layout-controls button{width:32px;height:32px}.library-head h1{font-size:28px}.library-grid[data-layout=list] .library-card-open{padding-right:100px;gap:10px}.library-grid[data-layout=list] .library-card-edit{right:70px}.library-grid[data-layout=list] .library-card-delete{right:37px}.library-grid[data-layout=list] .library-card-select{right:6px}.library-grid[data-layout=list] .library-card-visual{width:48px;height:56px}.library-grid[data-layout=list] .library-card-meta strong{font-size:13px}}[data-settings-page=storage] #storage-total{margin:20px 0 0;line-height:1.5}.library-toolbar{position:sticky;top:0;z-index:45;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;background:#171717;border-bottom:1px solid #ffffff12}.library-toolbar .library-tabs{margin:0;min-width:0;flex:1}.library-toolbar .library-head-actions{flex:none}.library-toolbar .library-head-actions input{width:210px}.library-grid:not([data-layout=list]){display:block;columns:6 160px;column-gap:16px}.library-grid:not([data-layout=list]) .library-card{aspect-ratio:auto;break-inside:avoid;margin:0 0 16px}.library-grid:not([data-layout=list]) .library-card-open,.library-grid:not([data-layout=list]) .library-card-visual{height:auto}.library-grid:not([data-layout=list]) .library-card img{height:auto;max-height:none;object-fit:contain;min-height:80px}.library-grid:not([data-layout=list]) .library-file-tile{height:230px}.library-grid:not([data-layout=list]) .library-document .library-card-meta{top:0;padding:16px;background:none;color:inherit;pointer-events:none}.library-grid:not([data-layout=list]) .library-document .library-card-meta strong{white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.5;overflow:hidden}.library-grid:not([data-layout=list]) .library-document .library-card-meta small{margin-top:auto}.library-grid .library-card-edit,.library-grid .library-card-delete{display:none!important}.library-card-more{position:absolute;top:8px;right:8px;z-index:3;width:32px;height:32px;border-radius:50%;background:#202020dc;color:#fff;font-size:23px;line-height:1;opacity:0}.library-card:hover .library-card-more,.library-card:focus-within .library-card-more,.library-card-more[aria-expanded=true]{opacity:1}.library-grid[data-layout=list] .library-card-more{top:26px;right:54px;opacity:1}.library-card-menu{position:fixed;z-index:100;width:188px;padding:6px;border:1px solid #ffffff25;border-radius:16px;background:#252525;color:#eee;box-shadow:0 12px 32px #0005}.library-card-menu[hidden]{display:none}.library-card-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border-radius:10px;text-align:left;font-size:14px}.library-card-menu svg{width:20px;height:20px}.library-card-menu button:hover,.library-card-menu button:focus-visible{background:#ffffff15}.library-card-menu [data-library-menu-action=delete]{color:#ef6666}.library-action-dialog{width:min(420px,calc(100vw - 32px));padding:24px;border:1px solid #ffffff25;border-radius:24px;background:#252525;color:#eee}.library-action-dialog::backdrop{background:#0006}.library-action-dialog h2{font-size:21px;margin-bottom:18px}.library-action-dialog input{width:100%;padding:12px;border:1px solid #888;border-radius:12px;background:transparent}.library-action-dialog p{overflow-wrap:anywhere}.library-action-dialog [role=status]{font-size:13px;margin:12px 0}.library-action-dialog form{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.library-action-dialog button{padding:10px 18px;border-radius:24px;border:1px solid #777}.library-action-dialog button[type=submit]{background:#eee;color:#171717}.library-action-dialog button:disabled{opacity:.5}html[data-theme=light] .library-toolbar{background:#fff;border-color:#00000012}html[data-theme=light] .library-card-more{background:#fff;color:#222;box-shadow:0 1px 6px #0002}html[data-theme=light] .library-card-menu,html[data-theme=light] .library-action-dialog{background:#fff;color:#222;border-color:#ddd}html[data-theme=light] .library-card-menu button:hover,html[data-theme=light] .library-card-menu button:focus-visible{background:#f2f2f2}html[data-theme=light] .library-action-dialog button[type=submit]{background:#171717;color:#fff}@media(max-width:1000px){.library-toolbar{flex-direction:column;align-items:stretch;gap:10px}.library-toolbar .library-head-actions{width:100%}.library-toolbar .library-head-actions input{flex:1;min-width:100px}.library-toolbar .library-tabs{flex:none}.library-card-more{opacity:1}}@media(max-width:768px){.library-grid:not([data-layout=list]){columns:2 120px;column-gap:10px}.library-grid:not([data-layout=list]) .library-card{margin-bottom:10px}.library-grid:not([data-layout=list]) .library-file-tile{height:210px}.library-grid:not([data-layout=list]) .library-document .library-card-meta{display:flex}.library-grid[data-layout=list] .library-card-more{right:40px}.library-toolbar{padding-top:10px}.library-toolbar .library-tabs{overflow-x:auto;white-space:nowrap}}
