.gallery-toolbar{display:flex;align-items:center;gap:var(--mk-space-5);padding:var(--mk-space-5) var(--mk-space-6);background-color:var(--mk-bg-2);border:1px solid var(--mk-border);border-radius:var(--mk-radius-lg);margin-bottom:var(--mk-space-6);flex-wrap:wrap}.gallery-toolbar__search{position:relative;flex:1;min-width:150px;display:flex;align-items:center}.gallery-toolbar__search-icon{position:absolute;left:.75rem;color:var(--mk-text-3);font-size:var(--fs-text-sm);pointer-events:none}.gallery-toolbar__search-input{width:100%;padding:.5rem .75rem .5rem 2.25rem;background-color:var(--mk-bg-3);border:1px solid var(--mk-border);border-radius:var(--mk-radius-md);color:var(--mk-text);font-size:var(--fs-text-sm);box-sizing:border-box}.gallery-toolbar__search-input:focus{outline:none;border-color:var(--mk-primary)}.gallery-toolbar__search-input::placeholder{color:var(--mk-text-3)}.gallery-toolbar__filters{display:flex;gap:.375rem;flex-wrap:wrap;align-items:center}.gallery-toolbar__views{display:flex;gap:.25rem;align-items:center;background-color:var(--fs-controls-bg);border-radius:var(--mk-radius-md);padding:.125rem}.gallery-toolbar__btn{padding:.375rem .625rem;background-color:var(--mk-bg-3);border:1px solid var(--mk-border);border-radius:var(--mk-radius-md);color:var(--mk-text);cursor:pointer;font-size:var(--fs-text-xs);display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap;transition:all var(--transition-fast);text-decoration:none}.gallery-toolbar__btn:hover{background-color:var(--mk-bg-2);border-color:var(--mk-border-strong)}.gallery-toolbar__btn--active{background-color:#3b82f633;border-color:#3b82f666;color:var(--mk-primary)}.gallery-toolbar__btn--success{background-color:#22c55e33;border-color:#22c55e66;color:var(--mk-success, #22c55e)}.gallery-toolbar__btn--danger{background-color:#ef444433;border-color:#ef444466;color:#ef4444}.gallery-toolbar__btn--clear{background-color:#ef444426;border-color:#ef44444d;color:#ef4444}.gallery-tag-filters{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center;margin-bottom:var(--mk-space-6)}.gallery-tag-pill{display:inline-flex;border-radius:var(--mk-radius-sm);overflow:hidden;font-size:var(--fs-text-xs)}.gallery-tag-pill__main{padding:.25rem .375rem;background-color:var(--mk-bg-3);color:var(--mk-text);border:none;cursor:pointer;opacity:.6;transition:opacity var(--transition-fast)}.gallery-tag-pill__main--active{opacity:1;color:#fff}.gallery-tag-pill__op{padding:.25rem;background-color:#ffffff0d;color:var(--mk-text);border:none;cursor:pointer;font-size:.625rem}.gallery-tag-pill__op--all{background-color:var(--mk-success, #10b981);color:#fff}.gallery-tag-pill__op--none{background-color:#ef4444;color:#fff}.gallery-item__tags{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.25rem}.gallery-item__tag{padding:.25rem .5rem;border-radius:var(--mk-radius-sm);font-size:.625rem;color:#fff;display:inline-flex;align-items:center;gap:.25rem}.gallery-pagination{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 0}.gallery-pagination__count{color:var(--mk-text-3);font-size:var(--fs-text-sm)}.gallery-pagination__loading{display:flex;align-items:center;gap:.5rem;color:var(--mk-text-3);font-size:var(--fs-text-sm)}.gallery-toast{position:fixed;top:20px;right:20px;background:var(--mk-success, #10b981);color:#fff;padding:.75rem 1.25rem;border-radius:var(--mk-radius-lg);font-weight:500;z-index:10000;box-shadow:var(--fs-shadow-lg)}.gallery-modal__panel{background-color:var(--mk-bg-2);border-radius:var(--fs-radius-xl);box-shadow:var(--fs-shadow-2xl);border:1px solid var(--mk-border);width:100%;max-width:28rem;max-height:80vh;overflow-y:auto;padding:var(--mk-space-7)}.gallery-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--mk-space-6)}.gallery-modal__title{font-size:var(--fs-text-lg);font-weight:600;color:var(--mk-text);margin:0}.gallery-modal__close-btn{background:none;border:none;color:var(--mk-text-3);cursor:pointer;padding:.25rem;transition:color var(--transition-fast)}.gallery-modal__close-btn:hover{color:var(--mk-text)}.gallery-modal__search{width:100%;padding:.5rem;background-color:var(--mk-bg-3);border:1px solid var(--mk-border);border-radius:var(--mk-radius-md);color:var(--mk-text);font-size:var(--fs-text-sm);margin-bottom:.75rem;box-sizing:border-box}.gallery-modal__search:focus{outline:none;border-color:var(--mk-primary)}.gallery-modal__search::placeholder{color:var(--mk-text-3)}.gallery-modal__tag-list{display:flex;flex-wrap:wrap;gap:.375rem}.gallery-modal__tag-btn{padding:.375rem .75rem;background-color:var(--mk-bg-3);border:1px solid var(--mk-border);border-radius:var(--mk-radius-sm);color:var(--mk-text);cursor:pointer;font-size:var(--fs-text-xs);display:inline-flex;align-items:center;gap:.25rem;transition:all var(--transition-fast)}.gallery-modal__tag-btn:hover{border-color:var(--mk-border-strong)}.gallery-modal__tag-btn--active{color:#fff;border-color:transparent}.gallery-modal__tag-check{font-size:.625rem}.gallery-modal__actions{display:flex;gap:.5rem;margin-top:.75rem}.gallery-modal__folder-btn{width:100%;padding:.75rem;background-color:var(--mk-bg-3);border:1px solid var(--mk-border);border-radius:var(--mk-radius-md);color:var(--mk-text);cursor:pointer;text-align:left;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;transition:all var(--transition-fast)}.gallery-modal__folder-btn:hover{background-color:var(--mk-bg-2);border-color:var(--mk-border-strong)}@media(max-width:768px){.gallery-toolbar{flex-direction:column;align-items:stretch;gap:var(--mk-space-4);padding:var(--mk-space-4) var(--mk-space-5)}.gallery-toolbar__search{min-width:unset}.gallery-toolbar__filters,.gallery-toolbar__views{justify-content:center}}.view-controls{display:flex;gap:.25rem;background-color:var(--fs-controls-bg);border-radius:.5rem;padding:.25rem;flex-wrap:wrap}.view-controls__button{padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.25rem;background-color:transparent;color:var(--fs-controls-text);border:none;cursor:pointer;white-space:nowrap}.view-controls__button--active{background-color:var(--mk-primary);color:var(--fs-controls-active-text)}.view-controls__button:not(.view-controls__button--active):hover{color:var(--fs-controls-hover-text);background-color:var(--fs-controls-hover-bg)}.view-controls__icon{width:16px;height:16px}@media(max-width:768px){.view-controls{gap:.125rem;padding:.125rem}.view-controls__button{padding:.25rem .5rem;font-size:.625rem;gap:.125rem}.view-controls__icon{width:14px;height:14px}}@media(max-width:480px){.view-controls__button{padding:.25rem;font-size:.5rem}.view-controls__button span{display:none}.view-controls__icon{width:12px;height:12px}}.folder-card{position:relative;background-color:var(--fs-card-interactive-bg);border:1px solid var(--fs-card-interactive-border);border-radius:.5rem;overflow:hidden;transition:all .2s ease;cursor:pointer}.folder-card:hover{background-color:var(--fs-card-interactive-bg-hover);transform:scale(1.05);box-shadow:var(--fs-shadow-xl)}.folder-card__image{aspect-ratio:1;position:relative;overflow: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}.folder-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;opacity:0;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center}.folder-card:hover .folder-card__overlay{opacity:1}.folder-card__overlay-button{background-color:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3);border-radius:50%;padding:.75rem;color:#fff;transition:background-color .2s ease;border:none;cursor:pointer}.folder-card__overlay-button:hover{background-color:#ffffff4d}.folder-card__info{padding:1rem}.folder-card__title{font-weight:500;color:var(--fs-card-interactive-text);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-card__meta{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;color:var(--fs-card-interactive-text-muted)}.folder-actions{position:absolute;top:.5rem;right:.5rem;opacity:0;transition:opacity .2s ease;display:flex;gap:.25rem}.folder-card:hover .folder-actions{opacity:1}.folder-action-button{padding:.5rem;border-radius:50%;border:none;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.folder-action-button--rename{background-color:#d97706cc;color:#fff}.folder-action-button--rename:hover{background-color:#d97706}.folder-action-button--delete{background-color:#dc2626cc;color:#fff}.folder-action-button--delete:hover{background-color:#dc2626}.folder-action-button__icon{width:16px;height:16px}.grid-small,.grid-medium,.grid-large{display:grid;gap:var(--mk-space-6);width:100%}.grid-small{grid-template-columns:repeat(2,1fr)}.grid-medium,.grid-large{grid-template-columns:repeat(1,1fr)}@media(min-width:768px){.grid-small{grid-template-columns:repeat(4,1fr)}.grid-medium{grid-template-columns:repeat(3,1fr)}.grid-large{grid-template-columns:repeat(2,1fr)}}.gallery-container{min-height:100vh;background:var(--gradient-gallery-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--fs-radius-2xl);border:1px solid var(--fs-gallery-border);box-shadow:var(--glass-shadow);color:var(--fs-gallery-text);margin:var(--mk-space-6);padding:var(--mk-space-8);position:relative;overflow:hidden}.gallery-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-gallery-accent);border-radius:var(--fs-radius-2xl);pointer-events:none}.gallery-header{margin-bottom:var(--mk-space-8);position:relative;z-index:1}.gallery-header__content{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--mk-space-6);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--fs-radius-xl);padding:var(--mk-space-7);border:1px solid var(--glass-border)}.gallery-title{font-size:var(--fs-text-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--mk-space-4);color:var(--fs-gallery-text)}.gallery-subtitle{color:var(--fs-gallery-text-muted)}.gallery-breadcrumb{margin-bottom:var(--mk-space-7);padding:var(--mk-space-7);background:var(--gradient-gallery-accent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--fs-gallery-border);border-radius:var(--fs-radius-xl);position:relative;z-index:1}.gallery-breadcrumb__content{display:flex;align-items:center;justify-content:space-between}.gallery-breadcrumb__left{display:flex;align-items:center;gap:.75rem}.gallery-back-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--mk-primary);color:var(--mk-text-inverse);border-radius:.5rem;transition:background-color .2s ease;text-decoration:none;border:none;cursor:pointer}.gallery-back-button:hover{background-color:var(--mk-primary-hover)}.gallery-folder-info{display:flex;align-items:center;gap:.5rem;color:var(--mk-text)}.gallery-folder-icon{width:1.25rem;height:1.25rem;color:var(--mk-primary)}.gallery-folder-name{font-size:1.125rem;font-weight:600}.gallery-breadcrumb__separator{color:var(--fs-breadcrumb-separator);font-weight:600}.gallery-breadcrumb__action{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--mk-primary-soft);color:var(--mk-primary);border:1px solid var(--mk-primary);border-radius:.5rem;transition:all .2s ease;text-decoration:none;cursor:pointer;font-size:.875rem;font-weight:500}.gallery-breadcrumb__action:hover{background-color:var(--mk-primary);color:var(--mk-text-inverse)}.gallery-breadcrumb__item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:var(--mk-primary);transition:all .2s ease;text-decoration:none;cursor:pointer;font-size:.875rem;font-weight:500}.gallery-breadcrumb__item:hover{color:var(--mk-primary-hover)}.image-card{position:relative;background-color:var(--fs-card-interactive-bg);border:1px solid var(--fs-card-interactive-border);border-radius:.5rem;overflow:hidden;transition:all .2s ease;cursor:pointer}.image-card:hover{background-color:var(--fs-card-interactive-bg-hover);transform:scale(1.05);box-shadow:var(--fs-shadow-xl)}.image-card__image{aspect-ratio:1;position:relative;overflow:hidden}.image-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;opacity:0;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center}.image-card:hover .image-card__overlay{opacity:1}.image-card__overlay-button{background-color:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3);border-radius:50%;padding:.75rem;color:#fff;transition:background-color .2s ease;border:none;cursor:pointer}.image-card__overlay-button:hover{background-color:#ffffff4d}.image-card__info{padding:1rem}.image-card__title{font-weight:500;color:var(--fs-card-interactive-text);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-card__meta{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;color:var(--fs-card-interactive-text-muted)}.item-actions{position:absolute;top:.5rem;right:.5rem;opacity:0;transition:opacity .2s ease;display:flex;gap:.25rem;flex-direction:row}.image-card:hover .item-actions,.folder-card:hover .item-actions,.file-card:hover .item-actions{opacity:1}.item-action-button{padding:.5rem;border-radius:50%;border:none;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.item-action-button--primary{background-color:#2563ebcc;color:#fff}.item-action-button--primary:hover{background-color:#2563eb}.item-action-button--secondary{background-color:#d97706cc;color:#fff}.item-action-button--secondary:hover{background-color:#d97706}.item-action-button--danger{background-color:#dc2626cc;color:#fff}.item-action-button--danger:hover{background-color:#dc2626}.item-action-button--confirm{background-color:#dc2626;animation:pulse-confirm .8s ease-in-out infinite alternate}@keyframes pulse-confirm{0%{opacity:.85}to{opacity:1}}.item-action-button--info{background-color:#22c55ecc;color:#fff}.item-action-button--info:hover{background-color:#22c55e}.item-action-button__icon{width:16px;height:16px}.folder-action-button--view{background-color:#2563ebcc;color:#fff}.folder-action-button--view:hover{background-color:#2563eb}.folder-section{margin-bottom:1.5rem}.folder-section__title{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;color:var(--mk-text)}.folder-section__empty-message{color:var(--mk-text-3);font-size:.875rem}.gallery-breadcrumb__separator{color:var(--fs-breadcrumb-separator)}.image-card__img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-item-subtitle{font-size:.875rem;font-weight:500;color:var(--fs-card-interactive-text);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}div:hover>.folder-hover-actions{opacity:1!important}