.content-grid{display:grid;gap:var(--mk-space-6);width:100%}.content-grid--small{grid-template-columns:repeat(2,1fr)}.content-grid--medium,.content-grid--large{grid-template-columns:repeat(1,1fr)}@media(min-width:768px){.content-grid--small{grid-template-columns:repeat(4,1fr)}.content-grid--medium{grid-template-columns:repeat(3,1fr)}.content-grid--large{grid-template-columns:repeat(2,1fr)}}@media(max-width:360px){.content-grid--small,.content-grid--medium,.content-grid--large{grid-template-columns:repeat(1,1fr)}}.gallery-item{position:relative;border-radius:var(--fs-radius-xl);overflow:hidden;background-color:var(--mk-bg);box-shadow:var(--fs-shadow-md);border:1px solid var(--mk-border);transition:all var(--transition-normal);cursor:pointer;aspect-ratio:1;display:flex;flex-direction:column}.gallery-item__image{position:relative;width:100%;height:100%;flex:1;overflow:hidden}.gallery-item:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--fs-shadow-xl);border-color:var(--mk-primary)}.gallery-item__image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform var(--transition-normal);display:block}.gallery-item:hover .gallery-item__image img{transform:scale(1.05)}.gallery-item__overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:var(--mk-space-6);transform:translateY(100%);transition:transform var(--transition-normal);z-index:5}.gallery-item:hover .gallery-item__overlay,.gallery-item--folder .gallery-item__overlay{transform:translateY(0)}.gallery-item__info{color:#fff}.gallery-item__filename{font-size:var(--fs-text-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--mk-space-2);line-height:1.2;word-break:break-word}.gallery-item__meta{font-size:var(--fs-text-xs);opacity:.8}.gallery-item__actions{position:absolute;top:var(--mk-space-4);right:var(--mk-space-4);display:flex;gap:var(--mk-space-2);opacity:0;transition:opacity var(--transition-normal)}.gallery-item:hover .gallery-item__actions{opacity:1}.gallery-item__action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#000000b3;border:1px solid rgba(255,255,255,.2);border-radius:var(--mk-radius-full);color:#fff;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.gallery-item__action:hover{background:#000000e6;transform:scale(1.1)}.gallery-item__action svg{width:16px;height:16px}.gallery-item__image img{will-change:transform;backface-visibility:hidden}.folder-card__icon-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary)}.folder-card__icon{width:64px;height:64px;color:var(--mk-text-inverse);font-size:64px}@media(max-width:768px){.content-grid{gap:var(--mk-space-4)}.gallery-item__overlay{padding:var(--mk-space-4)}.gallery-item__filename{font-size:var(--fs-text-xs)}.gallery-item__meta{font-size:10px}.gallery-item__actions{gap:var(--mk-space-2)}.gallery-item__action{width:28px;height:28px}.gallery-item__action svg{width:14px;height:14px}}@media(max-width:640px){.content-grid{gap:var(--mk-space-2)}.gallery-item__overlay{padding:var(--mk-space-2)}.gallery-item__filename{font-size:10px}.gallery-item__meta{font-size:9px}.gallery-item__actions{gap:.125rem}.gallery-item__action{width:24px;height:24px}.gallery-item__action svg{width:12px;height:12px}}.gallery-empty{text-align:center;padding:var(--fs-space-16) var(--mk-space-6);color:var(--mk-text-3)}.gallery-empty__icon{font-size:var(--fs-text-6xl);margin-bottom:var(--mk-space-6);opacity:.5}.gallery-empty__title{font-size:var(--fs-text-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--mk-space-4);color:var(--mk-text-2)}.gallery-empty__description{font-size:var(--fs-text-base);max-width:400px;margin:0 auto;line-height:var(--line-height-relaxed)}.gallery-loading{display:flex;justify-content:center;align-items:center;padding:var(--fs-space-16) var(--mk-space-6)}.gallery-loading__spinner{width:40px;height:40px;border:3px solid var(--mk-border);border-top:3px solid var(--mk-primary);border-radius:var(--mk-radius-full);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.viewer-container{z-index:var(--mk-z-sheet)}.viewer-container .viewer-toolbar{background-color:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--mk-radius-lg);padding:var(--mk-space-4)}.viewer-container .viewer-toolbar>ul>li{border-radius:var(--mk-radius-md);transition:background-color var(--transition-fast)}.viewer-container .viewer-toolbar>ul>li:hover{background-color:#ffffff1a}.viewer-container .viewer-toolbar>ul>li>a{color:#fff;font-size:var(--fs-text-sm);padding:var(--mk-space-4)}.viewer-container .viewer-toolbar>ul>li>a:hover{color:#fff}.viewer-container .viewer-navbar{background-color:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.viewer-container .viewer-title{color:#fff;font-size:var(--fs-text-sm);font-weight:var(--font-weight-medium);text-align:center;padding:var(--mk-space-4) var(--mk-space-6);background-color:#0009;border-radius:var(--mk-radius-md);margin:0 var(--mk-space-6)}@media(max-width:480px){.gallery-grid{gap:var(--mk-space-4)}.gallery-item__overlay{padding:var(--mk-space-4)}.gallery-item__filename{font-size:10px}.gallery-item__meta{font-size:9px}.gallery-item__action{width:24px;height:24px}.gallery-item__action svg{width:12px;height:12px}}.image-modal__meta{font-size:var(--fs-text-sm);color:var(--mk-text-2);opacity:.8}.image-modal__image{align-self:center;max-width:100%;max-height:60vh;width:auto;height:auto;object-fit:contain;border-radius:var(--mk-radius-md);display:block}.image-modal__info{display:flex;flex-direction:column;gap:var(--mk-space-5)}.image-modal__separator{margin:0 var(--mk-space-4);opacity:.4}.image-modal__scope{text-transform:capitalize;font-size:var(--fs-text-xs);border-radius:var(--mk-radius-full);background:var(--mk-bg-3)}.image-modal__properties{border:1px solid var(--mk-border);border-radius:var(--mk-radius-md)}.image-modal__properties-toggle{padding:var(--mk-space-4) var(--mk-space-5);font-size:var(--fs-text-sm);color:var(--mk-text-2);cursor:pointer;display:flex;align-items:center;gap:var(--mk-space-4);list-style:none}.image-modal__properties-toggle::-webkit-details-marker{display:none}.image-modal__properties-body{padding:0 var(--mk-space-5) var(--mk-space-5);display:grid;grid-template-columns:auto 1fr;gap:var(--mk-space-2) var(--mk-space-5);font-size:var(--fs-text-sm)}.image-modal__prop-label{color:var(--mk-text-3);white-space:nowrap}.image-modal__prop-value{color:var(--mk-text);word-break:break-all}.image-modal__prop-value--url{font-size:var(--fs-text-xs);font-family:monospace;opacity:.7}.image-modal__tags-header{font-size:var(--fs-text-sm);color:var(--mk-text-2);margin-bottom:var(--mk-space-4);display:flex;align-items:center;gap:var(--mk-space-4)}.image-modal__tag-list{display:flex;flex-wrap:wrap;gap:var(--mk-space-2);margin-bottom:var(--mk-space-4)}.image-modal__tag{display:inline-flex;align-items:center;gap:var(--mk-space-2);padding:var(--mk-space-2) var(--mk-space-4);border:1px solid;border-radius:var(--mk-radius-full);font-size:var(--fs-text-xs)}.image-modal__tag-remove{background:none;border:none;cursor:pointer;padding:0;font-size:var(--fs-text-xs);color:var(--mk-text-3);line-height:1}.image-modal__tag-remove:hover{color:#ef4444}.image-modal__tags-empty{font-size:var(--fs-text-xs);color:var(--mk-text-3);font-style:italic}.image-modal__tag-input-row{display:flex;gap:var(--mk-space-4);align-items:center}.image-modal__tag-input{flex:1;padding:var(--mk-space-2) var(--mk-space-4);font-size:var(--fs-text-sm);border:1px solid var(--mk-border);border-radius:var(--mk-radius-md);background:var(--mk-bg);color:var(--mk-text)}.image-modal__tag-add-btn{padding:var(--mk-space-2) var(--mk-space-4);background:var(--mk-bg-2);border:1px solid var(--mk-border);border-radius:var(--mk-radius-md);cursor:pointer;color:var(--mk-text-2);font-size:var(--fs-text-sm)}.image-modal__tag-add-btn:hover{background:var(--mk-bg-3)}@media(max-width:768px){.image-modal__meta{font-size:var(--fs-text-xs)}}[data-theme=dark] .gallery-item{background-color:var(--mk-bg-2);border-color:var(--mk-border)}[data-theme=dark] .gallery-item__overlay{background:linear-gradient(to bottom,#0000,#0003,#000c)}.gallery-item--selection-mode{cursor:pointer}.gallery-item--selected{border:2px solid var(--mk-primary);box-shadow:0 0 0 3px #3b82f633,var(--fs-shadow-xl)}.gallery-item--selection-mode:hover{transform:translateY(-2px) scale(1.02)}.gallery-item--selected:hover{border-color:var(--mk-primary);box-shadow:0 0 0 3px #3b82f64d,var(--fs-shadow-xl)}.gallery-item__checkbox{position:absolute;top:var(--mk-space-4);left:var(--mk-space-4);z-index:10;background:#000000b3;border-radius:var(--mk-radius-full);padding:var(--mk-space-2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.gallery-item__checkbox-input{width:20px;height:20px;cursor:pointer;accent-color:var(--mk-primary)}.gallery-item--selected .gallery-item__checkbox{background:#3b82f6e6}.selection-bar{background:var(--mk-bg-2);border:1px solid var(--mk-border);border-radius:var(--mk-radius-lg);padding:var(--mk-space-6);margin-bottom:var(--mk-space-6);box-shadow:var(--fs-shadow-md)}.selection-bar__content{display:flex;align-items:center;justify-content:space-between;gap:var(--mk-space-6);flex-wrap:wrap}.selection-bar__info{display:flex;align-items:center;gap:var(--mk-space-4)}.selection-bar__count{font-size:var(--fs-text-base);font-weight:var(--font-weight-medium);color:var(--mk-text)}.selection-bar__actions{display:flex;align-items:center;gap:var(--mk-space-4);flex-wrap:wrap}.selection-bar__button{display:flex;align-items:center;gap:var(--mk-space-4);padding:var(--mk-space-4) var(--mk-space-6);background:var(--mk-bg);border:1px solid var(--mk-border);border-radius:var(--mk-radius-md);color:var(--mk-text);font-size:var(--fs-text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.selection-bar__button:hover{background:var(--mk-bg-2);border-color:var(--mk-primary);transform:translateY(-1px)}.selection-bar__button--primary{background:var(--mk-primary);border-color:var(--mk-primary);color:#fff}.selection-bar__button--primary:hover{background:var(--fs-primary-dark, #2563eb);border-color:var(--fs-primary-dark, #2563eb);transform:translateY(-1px);box-shadow:var(--fs-shadow-md)}.selection-bar__button i{font-size:var(--fs-text-sm)}@media(max-width:768px){.selection-bar__content{flex-direction:column;align-items:stretch}.selection-bar__info{margin-bottom:var(--mk-space-4)}.selection-bar__actions{width:100%;justify-content:stretch}.selection-bar__button{flex:1;justify-content:center}}[data-theme=dark] .gallery-item--selected{border-color:var(--mk-primary);box-shadow:0 0 0 3px #3b82f64d,var(--fs-shadow-xl)}[data-theme=dark] .selection-bar{background-color:var(--mk-bg-2);border-color:var(--mk-border)}[data-theme=dark] .selection-bar__button{background-color:var(--mk-bg);border-color:var(--mk-border);color:var(--mk-text)}[data-theme=dark] .selection-bar__button:hover{background-color:var(--mk-bg-3);border-color:var(--mk-primary)}