@layer project {
.media-file-input{opacity:0;pointer-events:none;clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.media-preview{border-radius:var(--ds-radius-lg);border:1px solid var(--ds-color-border);position:relative;overflow:hidden}.media-preview__frame{width:100%;height:12rem;position:relative}.media-preview__media{object-fit:cover;width:100%;height:12rem}.media-preview__placeholder{background-color:var(--ds-color-surface);justify-content:center;align-items:center;height:12rem;display:flex}.media-preview__remove{border-radius:var(--ds-radius-full);background-color:var(--ds-color-surface);padding:var(--ds-space-1-5);box-shadow:var(--ds-shadow-sm);transition:background-color var(--ds-duration-fast)var(--ds-ease-default);position:absolute;inset-block-start:var(--ds-space-2);inset-inline-end:var(--ds-space-2)}.media-preview__remove:hover{background-color:var(--ds-color-surface-hover)}.media-queue{gap:var(--ds-space-2);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-color-border);background-color:var(--ds-color-surface);padding:var(--ds-space-3);flex-direction:column;display:flex}.media-queue__header{border-block-end:1px solid var(--ds-color-border);justify-content:space-between;align-items:center;padding-block-end:var(--ds-space-2);display:flex}.media-queue__list{gap:var(--ds-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.media-queue__item{align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-2);border-radius:var(--ds-radius-md);transition:background-color var(--ds-duration-fast)var(--ds-ease-default);display:flex}.media-queue__item--error{background-color:var(--ds-color-error-subtle)}.media-queue__thumb{border-radius:var(--ds-radius-md);background-color:var(--ds-color-surface-muted);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.media-queue__thumb img{object-fit:cover;width:100%;height:100%}.media-queue__thumb-placeholder{font-size:var(--ds-text-xs);font-weight:var(--ds-weight-medium);color:var(--ds-color-text-tertiary);letter-spacing:.04em}.media-queue__info{gap:var(--ds-space-1);flex-direction:column;flex:1;min-width:0;display:flex}.media-queue__name{font-size:var(--ds-text-sm);color:var(--ds-color-text);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.media-queue__error{font-size:var(--ds-text-xs);color:var(--ds-color-error);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.media-queue__bar{border-radius:var(--ds-radius-full);background-color:var(--ds-color-surface-muted);width:100%;height:4px;overflow:hidden}.media-queue__bar-fill{background-color:var(--ds-color-interactive);height:100%;transition:width var(--ds-duration-fast)var(--ds-ease-default)}.media-queue__item--done .media-queue__bar-fill{background-color:var(--ds-color-success)}.media-queue__status{align-items:center;gap:var(--ds-space-1);flex-shrink:0;display:flex}.media-queue__spinner{color:var(--ds-color-text-secondary);animation:1s linear infinite media-queue-spin}@keyframes media-queue-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.media-queue__spinner{animation:none}}.progress-bar{border-radius:var(--ds-radius-full);background-color:var(--ds-color-bg-elevated);width:100%;max-width:20rem;height:.375rem;overflow:hidden}.progress-bar__fill{border-radius:var(--ds-radius-full);background-color:var(--ds-color-interactive);height:100%;transition:width var(--ds-duration-fast)var(--ds-ease-default)}.media-picker{z-index:var(--ds-z-modal);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.media-picker__backdrop{background-color:var(--ds-color-overlay);position:absolute;inset:0}.media-picker__panel{z-index:10;border-radius:var(--ds-radius-xl);border:1px solid var(--ds-color-border);background-color:var(--ds-color-surface);width:100%;max-width:48rem;max-height:80vh;box-shadow:var(--ds-shadow-lg);flex-direction:column;display:flex;position:relative;overflow:hidden}.media-picker__header{z-index:10;border-block-end:1px solid var(--ds-color-border);background-color:var(--ds-color-surface);padding:var(--ds-space-4)var(--ds-space-5);justify-content:space-between;align-items:center;display:flex;position:sticky;inset-block-start:0}.media-uploader--large{padding:var(--ds-space-16)var(--ds-space-4);min-height:16rem}.media-grid-item{border-radius:var(--ds-radius-lg);border:1px solid var(--ds-color-border);transition:all var(--ds-duration-fast)var(--ds-ease-default);position:relative;overflow:hidden}.media-grid-item:hover{border-color:var(--ds-color-border-hover);box-shadow:var(--ds-shadow-sm)}.media-grid-item__overlay{background-color:var(--ds-color-overlay);opacity:0;transition:opacity var(--ds-duration-fast)var(--ds-ease-default);pointer-events:none;position:absolute;inset:0}.media-grid-item:hover .media-grid-item__overlay{opacity:.3}.media-grid-item--selected{box-shadow:0 0 0 2px color-mix(in srgb,var(--ds-color-interactive)20%,transparent);border-color:var(--ds-color-interactive)!important}.media-detail-panel{gap:var(--ds-space-4);border-radius:var(--ds-radius-xl);border:1px solid var(--ds-color-border);background-color:var(--ds-color-surface);width:18rem;padding:var(--ds-space-4);flex-direction:column;flex-shrink:0;display:none}@media (min-width:1024px){.media-detail-panel{display:flex}}.search-bar__icon{pointer-events:none;opacity:.5;position:absolute;inset-block-start:50%;inset-inline-start:.75rem;transform:translateY(-50%)}.search-bar__input{width:100%;padding-inline-start:2.5rem}.media-folder-sidebar{border-radius:var(--ds-radius-xl);border:1px solid var(--ds-color-border);background-color:var(--ds-color-surface);width:12rem;padding:var(--ds-space-3);flex-direction:column;flex-shrink:0;display:none}@media (min-width:768px){.media-folder-sidebar{display:flex}}.media-folder-item{align-items:center;gap:var(--ds-space-2);width:100%;padding:var(--ds-space-1-5)var(--ds-space-2);border-radius:var(--ds-radius-md);font-size:var(--ds-text-sm);color:var(--ds-color-text-secondary);cursor:pointer;transition:background-color var(--ds-duration-fast)var(--ds-ease-default),color var(--ds-duration-fast)var(--ds-ease-default);background:0 0;border:none;display:flex}.media-folder-item:hover{background-color:var(--ds-color-bg-elevated);color:var(--ds-color-text)}.media-folder-item--active{background-color:var(--ds-color-bg-elevated);color:var(--ds-color-text);font-weight:var(--ds-weight-medium)}.media-folder-item__actions{align-items:center;gap:2px;margin-inline-start:auto;display:none}.media-folder-item:hover .media-folder-item__actions{display:flex}.sortable-list{gap:var(--ds-space-3);flex-direction:column;display:flex}.sortable-item{align-items:center;gap:var(--ds-space-3);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-color-border);background-color:var(--ds-color-surface);padding:var(--ds-space-3);transition:opacity var(--ds-duration-fast)var(--ds-ease-default),border-color var(--ds-duration-fast)var(--ds-ease-default),box-shadow var(--ds-duration-fast)var(--ds-ease-default);display:flex}.sortable-item--dragging{opacity:.4}.sortable-item--drop-target{border-color:var(--ds-color-interactive);box-shadow:0 0 0 2px color-mix(in srgb,var(--ds-color-interactive)20%,transparent)}.sortable-item__controls{flex-direction:column;flex-shrink:0;align-items:center;gap:0;display:flex}.sortable-item__grip{cursor:grab;color:var(--ds-color-text-tertiary);padding:var(--ds-space-0-5)0;align-items:center;display:flex}.sortable-item__grip:active{cursor:grabbing}.sortable-item__thumb{width:var(--sortable-thumb-w,80px);height:var(--sortable-thumb-h,60px);object-fit:cover;border-radius:var(--ds-radius-md);flex-shrink:0}.sortable-item__extra{flex:1;min-width:0}.sortable-item__label{min-width:0;font-size:var(--ds-text-sm);color:var(--ds-color-text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sortable-item__remove{flex-shrink:0;margin-inline-start:auto}
}

:root{--ds-font-display-weight:var(--ds-weight-delicate);--ds-type-h6-weight:var(--ds-weight-delicate);--ds-type-h5-weight:var(--ds-weight-delicate);--ds-type-label-weight:var(--ds-weight-delicate);--ds-type-h6-size:2.25rem;--ds-type-h5-size:2.25rem;--ds-type-label-size:.75rem;--ds-type-copy-size:1.5rem;--ds-type-copy-leading:1.4;--ds-tracking-wide:.08em;--ds-text-base:.9375rem;--ds-text-xs:.75rem}
@layer project {
.nav-fixed{inset-inline:0;padding-inline:var(--ds-space-6);background-color:var(--ds-color-bg);z-index:var(--ds-z-sticky);min-block-size:var(--ds-space-12);transition:transform var(--ds-duration-slower)var(--ds-ease-out-expo);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0}.nav-fixed.is-hidden{transform:translateY(calc(-100% - var(--ds-space-1)))}.wordmark{font-family:var(--ds-font-display);font-size:var(--ds-text-lg);font-weight:var(--ds-font-display-weight);letter-spacing:var(--ds-tracking-tight);color:var(--ds-color-text)}.nav-link{padding-block:var(--ds-space-3);padding-inline:var(--ds-space-3);letter-spacing:var(--ds-tracking-normal);font-size:var(--ds-text-xs);text-transform:uppercase;transition:color var(--ds-duration-slower)var(--ds-ease-out-expo);align-items:center;display:inline-flex}.nav-link:hover{color:var(--ds-color-text)}.mobile-nav{z-index:var(--ds-z-dropdown);justify-content:center;align-items:center;gap:var(--ds-space-2);background-color:var(--ds-color-surface);-webkit-backdrop-filter:blur(20px)saturate(1.5);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--ds-duration-normal)var(--ds-ease-default),visibility var(--ds-duration-normal)var(--ds-ease-default);flex-direction:column;display:flex;position:fixed;inset:0}.mobile-nav.is-open{opacity:1;visibility:visible;pointer-events:auto}.mobile-nav__link{font-family:var(--ds-font-display);font-size:var(--ds-text-6xl);line-height:var(--ds-leading-none);font-weight:var(--ds-font-display-weight);letter-spacing:var(--ds-tracking-tighter);text-transform:uppercase;color:var(--ds-color-text);transition:opacity var(--ds-duration-fast)var(--ds-ease-default)}.mobile-nav__link:hover{opacity:.6}.burger{block-size:8px;inline-size:18px;display:block;position:relative}.burger__line{border-radius:var(--ds-radius-full);background-color:var(--ds-color-text);block-size:2px;transition:transform var(--ds-duration-normal)var(--ds-ease-out-expo);position:absolute;inset-inline:0}.burger__line:first-child{inset-block-start:0}.burger__line:last-child{inset-block-end:0}.burger.is-open .burger__line:first-child{transform:translateY(3px)rotate(45deg)}.burger.is-open .burger__line:last-child{transform:translateY(-3px)rotate(-45deg)}.env-dot{border-radius:var(--ds-radius-full);width:.5rem;height:.5rem}.env-dot--ok{background-color:var(--ds-color-success)}.env-dot--error{background-color:var(--ds-color-error)}@media (prefers-reduced-motion:reduce){.nav-fixed,.burger__line,.mobile-nav{transition:none}}
}

@layer project,ds;html{scroll-behavior:smooth}body{--ds-font-display:var(--ds-font-sans);background-color:var(--ds-color-bg);color:var(--ds-color-text);font-family:var(--ds-font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,[role=button],select,summary{cursor:pointer}::selection{background-color:var(--ds-color-text);color:var(--ds-color-bg)}