.media-dash{padding-block:2rem;min-height:calc(100dvh - 8rem)}.media-dash__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.media-dash__title{font-family:var(--font-sans);font-size:1.5rem;font-weight:700;line-height:1}.media-dash__layout{display:grid;gap:1.5rem;grid-template-columns:240px 1fr}@media(max-width:768px){.media-dash__layout{grid-template-columns:1fr}}.media-sidebar{display:flex;flex-direction:column;gap:.25rem;border-radius:.75rem;border:1px solid var(--color-border);padding:1rem;max-height:calc(100dvh - 12rem);overflow-y:auto;scrollbar-width:thin}.media-sidebar__heading{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted-foreground);margin-bottom:.5rem}.media-sidebar__group{margin-bottom:.25rem}.media-sidebar__group-header{display:flex;align-items:center;gap:.375rem;width:100%;padding:.375rem .5rem;border:none;background:none;font-size:.75rem;font-weight:600;color:var(--color-foreground);cursor:pointer;border-radius:.375rem;transition:background-color .15s ease;text-align:left}.media-sidebar__group-header:hover{background-color:var(--color-muted)}.media-sidebar__group-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-sidebar__chevron{width:.875rem;height:.875rem;flex-shrink:0;transition:transform .15s ease;color:var(--color-muted-foreground)}.media-sidebar__chevron--open{transform:rotate(90deg)}.media-sidebar__item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.375rem .75rem .375rem 1.625rem;border-radius:.5rem;font-size:.8125rem;cursor:pointer;transition:background-color .15s ease;border:none;background:none;text-align:left;width:100%;color:inherit}.media-sidebar__item:hover{background-color:var(--color-muted)}.media-sidebar__item--active{background-color:var(--color-muted);outline:1px solid var(--color-primary);font-weight:500}.media-sidebar__slug{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-sidebar__dot{flex-shrink:0;width:.375rem;height:.375rem;border-radius:50%}.media-sidebar__dot--has{background-color:#22c55e}.media-sidebar__dot--empty{background-color:var(--color-muted-foreground);opacity:.4}.media-sidebar__item--no-images{opacity:.55}.media-sidebar__item--no-images:hover{opacity:1}.media-sidebar__count{flex-shrink:0;font-size:.7rem;font-weight:500;color:var(--color-muted-foreground);background-color:var(--color-secondary);padding:.125rem .5rem;border-radius:999px}.media-confirm-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem 1rem;background-color:color-mix(in srgb,var(--color-destructive) 8%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-destructive) 25%,transparent);animation:media-edit-enter .2s ease}.media-confirm-bar__content{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500}.media-confirm-bar__actions{display:flex;align-items:center;gap:.5rem}.media-content{border-radius:.75rem;border:1px solid var(--color-border);min-height:24rem}.media-content--empty{display:flex;align-items:center;justify-content:center;color:var(--color-muted-foreground);border-style:dashed}.media-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);flex-wrap:wrap}.media-toolbar__left,.media-toolbar__right{display:flex;align-items:center;gap:.5rem}.media-toolbar__ship-name{font-family:var(--font-sans);font-size:1rem;font-weight:600}.media-toolbar__image-count{font-size:.75rem;color:var(--color-muted-foreground)}.media-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:500;cursor:pointer;border:1px solid var(--color-border);background:var(--color-background);color:inherit;transition:background-color .15s ease,opacity .15s ease;white-space:nowrap}.media-btn:hover{background-color:var(--color-muted)}.media-btn:disabled{opacity:.5;cursor:not-allowed}.media-btn--primary{background-color:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.media-btn--primary:hover{opacity:.9}.media-btn--danger{color:var(--color-destructive);border-color:color-mix(in srgb,var(--color-destructive) 30%,transparent)}.media-btn--danger:hover{background-color:color-mix(in srgb,var(--color-destructive) 10%,transparent)}.media-btn--icon{padding:.375rem}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;padding:1rem;overflow-y:auto;max-height:calc(100dvh - 18rem);scrollbar-width:thin}.media-grid__item{position:relative;border-radius:.5rem;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .15s ease,box-shadow .15s ease;aspect-ratio:16 / 10;background-color:var(--color-muted)}.media-grid__item:hover{border-color:var(--color-primary)}.media-grid__item--selected{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 30%,transparent)}.media-grid__item--editing{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 40%,transparent)}.media-grid__item--dragging{opacity:.4}.media-grid__item--drag-over{border-color:var(--color-primary);background-color:color-mix(in srgb,var(--color-primary) 10%,transparent)}.media-grid__item--quality-good{border-color:#22c55e}.media-grid__item--quality-good:hover{border-color:#16a34a}.media-grid__item--quality-warn{border-color:#eab308}.media-grid__item--quality-warn:hover{border-color:#ca8a04}.media-grid__img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.media-grid__checkbox{position:absolute;top:.375rem;left:.375rem;width:1.125rem;height:1.125rem;border-radius:.25rem;accent-color:var(--color-primary);cursor:pointer;z-index:2}.media-grid__index{position:absolute;bottom:.25rem;right:.375rem;font-size:.625rem;font-weight:600;background:#0009;color:#fff;padding:.125rem .375rem;border-radius:.25rem;font-variant-numeric:tabular-nums}.media-grid__category{position:absolute;bottom:.25rem;left:.375rem;font-size:.625rem;font-weight:500;background:#0009;color:#fff;padding:.125rem .375rem;border-radius:.25rem;text-transform:capitalize}.media-edit-panel{border-top:1px solid var(--color-border);padding:1rem;display:grid;gap:1rem;grid-template-columns:280px 1fr;animation:media-edit-enter .2s ease}@keyframes media-edit-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.media-edit-panel{grid-template-columns:1fr}}.media-edit-panel__preview{position:relative;border-radius:.5rem;overflow:hidden;background-color:var(--color-muted);aspect-ratio:16 / 10}.media-edit-panel__preview img{width:100%;height:100%;object-fit:cover;display:block}.media-edit-panel__fields{display:flex;flex-direction:column;gap:.75rem}.media-edit-panel__toolbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.media-edit-panel__filename{font-size:.75rem;font-family:var(--font-mono);color:var(--color-muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-field{display:flex;flex-direction:column;gap:.25rem}.media-field__label{font-size:.75rem;font-weight:500;color:var(--color-muted-foreground)}.media-field__input{width:100%;border-radius:.5rem;border:1px solid var(--color-border);background:var(--color-background);padding:.375rem .625rem;font-size:.8125rem;color:inherit;outline:none;transition:border-color .15s ease}.media-field__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent)}.media-field__input--select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;padding-right:2rem}.media-field__row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media(max-width:640px){.media-field__row{grid-template-columns:1fr}}.media-upload{border:2px dashed var(--color-border);border-radius:.75rem;padding:2rem;text-align:center;cursor:pointer;transition:border-color .15s ease,background-color .15s ease;margin:1rem}.media-upload:hover,.media-upload--dragover{border-color:var(--color-primary);background-color:color-mix(in srgb,var(--color-primary) 5%,transparent)}.media-upload__icon{color:var(--color-muted-foreground);margin-bottom:.5rem}.media-upload__text{font-size:.875rem;color:var(--color-muted-foreground)}.media-upload__text strong{color:var(--color-primary)}.media-toast{position:fixed;bottom:1.5rem;right:1.5rem;background:var(--color-card);border:1px solid var(--color-border);border-radius:.75rem;padding:.75rem 1rem;font-size:.8125rem;box-shadow:0 8px 30px #0000001f;z-index:50;animation:media-toast-in .3s ease}@keyframes media-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.media-loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--color-muted-foreground);font-size:.875rem;gap:.5rem}.media-spinner{width:1rem;height:1rem;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:media-spin .6s linear infinite}@keyframes media-spin{to{transform:rotate(360deg)}}.media-grid__size{position:absolute;top:.25rem;right:.375rem;font-size:.625rem;font-weight:500;background:#0009;color:#fff;padding:.125rem .375rem;border-radius:.25rem;font-variant-numeric:tabular-nums}.media-grid__dimensions{position:absolute;bottom:.25rem;left:50%;transform:translate(-50%);font-size:.625rem;font-weight:600;background:#0009;color:#fff;padding:.125rem .375rem;border-radius:.25rem;font-variant-numeric:tabular-nums}.media-edit-panel__preview-footer{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;background:linear-gradient(transparent,#0009);border-radius:0 0 .5rem .5rem}.media-edit-panel__size{font-size:.6875rem;font-weight:500;font-variant-numeric:tabular-nums;color:#fff;flex:1}.media-edit-panel__preview-footer .media-btn--icon{background:#ffffff26;border-color:#fff3;color:#fff;padding:.25rem}.media-edit-panel__preview-footer .media-btn--icon:hover{background:#ffffff4d}.media-lightbox{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:media-lightbox-in .2s ease;cursor:pointer}@keyframes media-lightbox-in{0%{opacity:0}to{opacity:1}}.media-lightbox__close{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;border:none;background:#ffffff26;color:#fff;cursor:pointer;transition:background-color .15s ease;z-index:2}.media-lightbox__close:hover{background:#ffffff4d}.media-lightbox__img{max-width:95vw;max-height:95vh;object-fit:contain;border-radius:.5rem;cursor:default;box-shadow:0 16px 64px #0006}