.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--md-sys-color-background)}.header{background-color:var(--md-sys-color-surface-container);padding:1.5rem 2rem;border-bottom:1px solid var(--md-sys-color-outline-variant)}.header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:1rem}.header-icon{color:var(--md-sys-color-primary);font-size:2rem}.header h1{font-family:var(--md-sys-typescale-headline-large-font);font-size:var(--md-sys-typescale-headline-large-size);font-weight:var(--md-sys-typescale-headline-large-weight);line-height:var(--md-sys-typescale-headline-large-line-height);color:var(--md-sys-color-on-surface);margin:0}.main{flex:1;padding:2rem}.container{max-width:1200px;margin:0 auto}.empty-state{text-align:center;padding:4rem 2rem;display:flex;flex-direction:column;align-items:center}.empty-state-icon{font-size:4rem;color:var(--md-sys-color-outline);margin-bottom:1rem}.empty-state h2{font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);font-weight:var(--md-sys-typescale-title-large-weight);color:var(--md-sys-color-on-surface-variant);margin-bottom:.5rem}.empty-state p{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);color:var(--md-sys-color-outline)}.error-container{background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);padding:1rem 1.5rem;border-radius:var(--md-sys-shape-corner-medium);margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.error-icon{font-size:1.5rem}.key-list-container{background-color:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);overflow:hidden}md-list{--md-list-container-color: transparent}md-list-item{--md-list-item-container-color: transparent;--md-list-item-label-text-color: var(--md-sys-color-on-surface);--md-list-item-supporting-text-color: var(--md-sys-color-on-surface-variant);--md-list-item-leading-icon-color: var(--md-sys-color-primary)}md-list-item:hover{--md-list-item-container-color: var(--md-sys-color-surface-container-high)}.delete-button{--md-filled-button-container-color: var(--md-sys-color-error);--md-filled-button-label-text-color: var(--md-sys-color-on-error);--md-filled-button-hover-container-color: var(--md-sys-color-error-container);--md-filled-button-hover-label-text-color: var(--md-sys-color-on-error-container)}.bulk-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;margin-bottom:.75rem;background-color:var(--md-sys-color-secondary-container);border-radius:var(--md-sys-shape-corner-large);animation:slideDown .15s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.bulk-bar-info{display:flex;align-items:center;gap:.75rem;font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);color:var(--md-sys-color-on-secondary-container)}md-checkbox{--md-checkbox-selected-container-color: var(--md-sys-color-primary);--md-checkbox-selected-icon-color: var(--md-sys-color-on-primary);flex-shrink:0}md-list-item md-checkbox{margin-right:-.25rem}.list-item-info md-checkbox~.list-item-icon{margin-left:0}.material-symbols-outlined{align-self:center;justify-self:center;align-items:center;justify-items:center;display:flex}.list-item-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem 1rem}.list-item-info{display:flex;align-items:center;gap:1rem;flex:1}.list-item-icon{color:var(--md-sys-color-primary);font-size:1.5rem}.list-item-text{flex:1}.list-item-filename{font-size:var(--md-sys-typescale-body-large-size);font-weight:500;color:var(--md-sys-color-on-surface);font-family:Courier New,monospace}.list-item-meta{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant);margin-top:.25rem}@media(max-width:768px){.header,.main{padding:1rem}.list-item-content{flex-direction:column;align-items:flex-start;gap:1rem}.delete-button{align-self:stretch}}