.gallery-toolbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);margin-bottom:var(--space-4);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(--color-text-muted);font-size:var(--font-size-sm);pointer-events:none}.gallery-toolbar__search-input{width:100%;padding:.5rem .75rem .5rem 2.25rem;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);box-sizing:border-box}.gallery-toolbar__search-input:focus{outline:none;border-color:var(--color-primary)}.gallery-toolbar__search-input::placeholder{color:var(--color-text-muted)}.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(--color-controls-bg);border-radius:var(--radius-md);padding:.125rem}.gallery-toolbar__btn{padding:.375rem .625rem;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-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(--color-bg-quaternary, var(--color-bg-secondary));border-color:var(--color-border-secondary)}.gallery-toolbar__btn--active{background-color:#3b82f633;border-color:#3b82f666;color:var(--color-primary)}.gallery-toolbar__btn--success{background-color:#22c55e33;border-color:#22c55e66;color:var(--color-success, #22c55e)}.gallery-toolbar__btn--danger{background-color:#ef444433;border-color:#ef444466;color:var(--color-danger, #ef4444)}.gallery-toolbar__btn--clear{background-color:#ef444426;border-color:#ef44444d;color:var(--color-danger, #ef4444)}.gallery-tag-filters{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center;margin-bottom:var(--space-4)}.gallery-tag-pill{display:inline-flex;border-radius:var(--radius-sm);overflow:hidden;font-size:var(--font-size-xs)}.gallery-tag-pill__main{padding:.25rem .375rem;background-color:var(--color-bg-tertiary);color:var(--color-text-primary);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:var(--color-bg-quaternary, rgba(255, 255, 255, .05));color:var(--color-text-primary);border:none;cursor:pointer;font-size:.625rem}.gallery-tag-pill__op--all{background-color:var(--color-success, #10b981);color:#fff}.gallery-tag-pill__op--none{background-color:var(--color-danger, #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(--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(--color-text-muted);font-size:var(--font-size-sm)}.gallery-pagination__loading{display:flex;align-items:center;gap:.5rem;color:var(--color-text-muted);font-size:var(--font-size-sm)}.gallery-toast{position:fixed;top:20px;right:20px;background:var(--color-success, #10b981);color:#fff;padding:.75rem 1.25rem;border-radius:var(--radius-lg);font-weight:500;z-index:var(--z-toast, 10000);box-shadow:var(--shadow-lg)}.gallery-modal__panel{background-color:var(--color-bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);border:1px solid var(--color-border-primary);width:100%;max-width:28rem;max-height:80vh;overflow-y:auto;padding:var(--space-6)}.gallery-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.gallery-modal__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.gallery-modal__close-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.25rem;transition:color var(--transition-fast)}.gallery-modal__close-btn:hover{color:var(--color-text-primary)}.gallery-modal__search{width:100%;padding:.5rem;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);margin-bottom:.75rem;box-sizing:border-box}.gallery-modal__search:focus{outline:none;border-color:var(--color-primary)}.gallery-modal__search::placeholder{color:var(--color-text-muted)}.gallery-modal__tag-list{display:flex;flex-wrap:wrap;gap:.375rem}.gallery-modal__tag-btn{padding:.375rem .75rem;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-xs);display:inline-flex;align-items:center;gap:.25rem;transition:all var(--transition-fast)}.gallery-modal__tag-btn:hover{border-color:var(--color-border-secondary)}.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(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);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(--color-bg-quaternary, var(--color-bg-secondary));border-color:var(--color-border-secondary)}@media(max-width:768px){.gallery-toolbar{flex-direction:column;align-items:stretch;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.gallery-toolbar__search{min-width:unset}.gallery-toolbar__filters,.gallery-toolbar__views{justify-content:center}}.view-controls{display:flex;gap:.25rem;background-color:var(--color-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(--color-controls-text);border:none;cursor:pointer;white-space:nowrap}.view-controls__button--active{background-color:var(--color-controls-active-bg);color:var(--color-controls-active-text)}.view-controls__button:not(.view-controls__button--active):hover{color:var(--color-controls-hover-text);background-color:var(--color-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(--color-card-interactive-bg);border:1px solid var(--color-card-interactive-border);border-radius:.5rem;overflow:hidden;transition:all .2s ease;cursor:pointer}.folder-card:hover{background-color:var(--color-card-interactive-bg-hover);transform:scale(1.05);box-shadow:var(--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(--color-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(--color-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(--color-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(--space-4);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(--radius-2xl);border:1px solid var(--color-gallery-border);box-shadow:var(--glass-shadow);color:var(--color-gallery-text);margin:var(--space-4);padding:var(--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(--radius-2xl);pointer-events:none}.gallery-header{margin-bottom:var(--space-8);position:relative;z-index:1}.gallery-header__content{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--glass-border)}.gallery-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);color:var(--color-gallery-text)}.gallery-subtitle{color:var(--color-gallery-text-muted)}.gallery-breadcrumb{margin-bottom:var(--space-6);padding:var(--space-6);background:var(--gradient-gallery-accent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-gallery-border);border-radius:var(--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(--color-primary);color:var(--color-text-inverse);border-radius:.5rem;transition:background-color .2s ease;text-decoration:none;border:none;cursor:pointer}.gallery-back-button:hover{background-color:var(--color-primary-hover)}.gallery-folder-info{display:flex;align-items:center;gap:.5rem;color:var(--color-text-primary)}.gallery-folder-icon{width:1.25rem;height:1.25rem;color:var(--color-primary)}.gallery-folder-name{font-size:1.125rem;font-weight:600}.gallery-breadcrumb__separator{color:var(--color-breadcrumb-separator);font-weight:600}.gallery-breadcrumb__action{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--color-primary-light);color:var(--color-primary);border:1px solid var(--color-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(--color-primary);color:var(--color-text-inverse)}.gallery-breadcrumb__item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:var(--color-primary);transition:all .2s ease;text-decoration:none;cursor:pointer;font-size:.875rem;font-weight:500}.gallery-breadcrumb__item:hover{color:var(--color-primary-hover)}.image-card{position:relative;background-color:var(--color-card-interactive-bg);border:1px solid var(--color-card-interactive-border);border-radius:.5rem;overflow:hidden;transition:all .2s ease;cursor:pointer}.image-card:hover{background-color:var(--color-card-interactive-bg-hover);transform:scale(1.05);box-shadow:var(--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(--color-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(--color-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--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(--color-text-primary)}.folder-section__empty-message{color:var(--color-text-muted);font-size:.875rem}.gallery-breadcrumb__separator{color:var(--color-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(--color-card-interactive-text);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}