.formation-card,.formation-card__content{display:flex;flex-direction:column}.formation-card__content{gap:var(--gap-md);flex:1 1}.formation-card__description,.formation-card__title{margin:0}.formation-card__stats{display:flex;gap:var(--gap-lg)}.formation-card__stat{display:flex;flex-direction:column;align-items:center}.formation-card__progress{display:flex;flex-direction:column;gap:var(--gap-xs)}.formation-card__progress-header{display:flex;justify-content:space-between}.formation-card__progress-bar{height:.5rem;border-radius:var(--radius-full);background-color:var(--border);overflow:hidden}.formation-card__progress-fill{height:100%;border-radius:var(--radius-full);background-color:var(--accent);width:var(--progress-width,0);transition:width .3s ease}.formation-card__progress-detail{margin:0}.dynamic-card--horizontal{flex-direction:row}.dynamic-card__content{display:flex;flex-direction:column;gap:var(--gap-md);flex:1 1}.dynamic-card__description,.dynamic-card__title{margin:0}.dynamic-card__stats{display:flex;gap:var(--gap-lg)}.dynamic-card__stat{display:flex;flex-direction:column;align-items:center}.dynamic-card__progress{display:flex;flex-direction:column;gap:var(--gap-xs)}.dynamic-card__progress-header{display:flex;justify-content:space-between}.dynamic-card__progress-detail{margin:0}.dynamic-row-card{display:flex;justify-content:space-between;align-items:center;padding:var(--padding-md);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition-all);cursor:pointer}.dynamic-row-card:hover{background-color:var(--bg);border-color:var(--accent)}.dynamic-row-card--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.dynamic-row-card__content{display:flex;align-items:center;gap:var(--gap-md);min-width:0}.dynamic-row-card__leading{flex-shrink:0}.dynamic-row-card__info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.dynamic-row-card__title-wrapper{display:flex;align-items:center;gap:var(--gap-sm)}.dynamic-row-card__title{margin:0}.dynamic-row-card__subtitle{font-size:var(--text-small);color:var(--muted)}.dynamic-row-card__badge{flex-shrink:0}.dynamic-row-card__trailing{flex-shrink:0;color:var(--muted)}.chapter-list-item{display:flex;align-items:center;gap:var(--gap-md);padding:var(--padding-md)}.chapter-list-item__number{width:2.5rem;height:2.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background-color:var(--bg);font-weight:var(--font-bold);font-size:var(--text-body);color:var(--muted)}.chapter-list-item__number--completed{background-color:var(--success);color:var(--on-accent)}.chapter-list-item__content{display:flex;flex-direction:column;gap:.125rem;flex:1 1;min-width:0}.chapter-list-item__title{margin:0;font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles)}.chapter-list-item__duration{margin:0;font-size:var(--text-small);color:var(--muted)}.lesson-content-card{display:flex;flex-direction:column;gap:var(--gap-md);padding:var(--padding-lg);border-radius:var(--radius-md);background-color:var(--surface);border:1px solid var(--border)}.lesson-content-card--objectifs{border-left:4px solid var(--accent)}.lesson-content-card--concepts{border-left:4px solid var(--info,var(--accent))}.lesson-content-card--explications{border-left:4px solid var(--text)}.lesson-content-card--exemples{border-left:4px solid var(--success)}.lesson-content-card--recap{border-left:4px solid var(--warning)}.lesson-content-card--quiz{border-left:4px solid var(--error)}.lesson-content-card__header{display:flex;align-items:center;gap:var(--gap-sm)}.lesson-content-card__icon{font-size:var(--text-h4)}.lesson-content-card__title{margin:0;font-size:var(--text-h4);font-weight:var(--font-bold);color:var(--titles)}.lesson-content-card__content{font-size:var(--text-body);color:var(--text);line-height:1.6}.lesson-navigation{display:flex;justify-content:space-between;gap:var(--gap-md);padding:var(--padding-md) 0}.lesson-navigation__prev{margin-right:auto}.lesson-navigation__next{margin-left:auto}.lexicon-panel{display:flex;flex-direction:column;gap:var(--gap-md);padding:var(--padding-lg);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.lexicon-panel__title{margin:0;font-size:var(--text-h4);font-weight:var(--font-bold);color:var(--titles)}.lexicon-panel__empty{margin:0;font-size:var(--text-small);color:var(--muted);font-style:italic}.lexicon-panel__list{display:flex;flex-direction:column;gap:var(--gap-sm)}.lexicon-panel__item{border:1px solid var(--border);border-radius:var(--radius-sm)}.lexicon-panel__term{padding:var(--padding-sm);font-weight:var(--font-semibold);color:var(--titles);cursor:pointer;font-size:var(--text-body)}.lexicon-panel__term:hover{color:var(--accent)}.lexicon-panel__definition{padding:0 var(--padding-sm) var(--padding-sm);font-size:var(--text-small);color:var(--text);line-height:1.5}.media-block{margin:0;display:flex;flex-direction:column;gap:var(--gap-sm)}.media-block--full{width:100%}.media-block--left{float:left;max-width:50%;margin-right:var(--gap-lg)}.media-block--right{float:right;max-width:50%;margin-left:var(--gap-lg)}.media-block--center{margin-left:auto;margin-right:auto}.media-block--sm{max-width:20rem}.media-block--md{max-width:32rem}.media-block--lg{max-width:48rem}.media-block__wrapper{border-radius:var(--radius-md);overflow:hidden}.media-block__image{width:100%;height:auto;display:block}.media-block__caption{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--text-small);color:var(--muted);gap:var(--gap-sm)}.media-block__caption-text{font-style:italic}.media-block__credits{font-size:var(--text-tiny);color:var(--muted)}.table-of-contents{display:flex;flex-direction:column;gap:var(--gap-sm)}.table-of-contents__title{margin:0;font-size:var(--text-body);font-weight:var(--font-bold);color:var(--titles)}.table-of-contents__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.125rem}.table-of-contents__item{border-radius:var(--radius-xs)}.table-of-contents__item--active{background-color:var(--bg)}.table-of-contents__item--active .table-of-contents__link{color:var(--accent);font-weight:var(--font-semibold)}.table-of-contents__link{display:block;padding:var(--gap-xs) var(--gap-sm);font-size:var(--text-small);color:var(--muted);text-decoration:none;transition:var(--transition-all)}.table-of-contents__link:hover{color:var(--accent)}.number-badge{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:var(--text-small);font-weight:var(--font-bold);color:var(--muted);background-color:var(--bg);border:1px solid var(--border)}.number-badge--completed{background-color:var(--accent);color:var(--on-accent);border-color:var(--accent)}.quiz{max-width:48rem;margin:0 auto;padding:var(--padding-lg)}.quiz__empty,.quiz__error,.quiz__intro,.quiz__loading{padding:var(--padding-xl);text-align:center}.quiz__results{display:grid;grid-template-columns:1fr 1.5fr;grid-gap:var(--gap-xl);gap:var(--gap-xl)}.quiz__results,.quiz__results-visual{align-items:center}.quiz__results-icon{font-size:3rem}.quiz__score{display:flex;align-items:baseline;gap:var(--gap-xs)}.quiz__score-value{font-size:var(--text-h1);font-weight:var(--font-bold);color:var(--accent)}.quiz__results-content{display:flex;flex-direction:column;gap:var(--gap-md)}.quiz__progress-info{display:flex;justify-content:space-between}.quiz__options{display:flex;flex-direction:column;gap:var(--gap-sm)}.quiz__option{display:flex;align-items:center;gap:var(--gap-md);padding:var(--padding-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;transition:var(--transition-all);font-size:var(--text-body);color:var(--text);text-align:left;width:100%}.quiz__option--selected,.quiz__option:hover:not(:disabled){border-color:var(--accent)}.quiz__option--selected{background-color:var(--bg)}.quiz__option:disabled{cursor:not-allowed;opacity:.7}.quiz__option-icon{font-size:var(--text-h4);flex-shrink:0}.quiz__option-text{flex:1 1}.quiz__explanation{padding:var(--padding-md);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--gap-xs)}.quiz__explanation--correct{background-color:var(--success-bg,rgba(34,197,94,.1));border:1px solid var(--success)}.quiz__explanation--incorrect{background-color:var(--error-bg,rgba(239,68,68,.1));border:1px solid var(--error)}.quiz__actions{display:flex;justify-content:space-between;gap:var(--gap-md)}.kanban{display:flex;gap:var(--gap-lg);overflow-x:auto;padding-bottom:var(--gap-sm)}.kanban-column{min-width:16rem;max-width:20rem;flex-shrink:0;flex-direction:column;gap:var(--gap-sm);background-color:var(--bg);border-radius:var(--radius-md)}.kanban-column,.kanban-column-header{display:flex;padding:var(--padding-sm)}.kanban-column-header{justify-content:space-between;align-items:center}.kanban-column-title{margin:0;font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles)}.kanban-column-count{font-size:var(--text-tiny);font-weight:var(--font-medium);color:var(--muted);background-color:var(--surface);border-radius:var(--radius-full);width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center}.kanban-column-content{display:flex;flex-direction:column;gap:var(--gap-sm);flex:1 1}.kanban-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--padding-sm);display:flex;flex-direction:column;gap:var(--gap-xs);cursor:-webkit-grab;cursor:grab;transition:var(--transition-all)}.kanban-card:hover{box-shadow:0 2px 4px rgba(0,0,0,.08)}.kanban-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--gap-sm)}.kanban-card-title{margin:0;font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles)}.kanban-card-priority{font-size:var(--text-tiny);font-weight:var(--font-semibold);text-transform:capitalize;padding:.0625rem var(--gap-xs);border-radius:var(--radius-xs)}.kanban-card-priority--low{background-color:var(--success-bg,rgba(34,197,94,.1));color:var(--success)}.kanban-card-priority--medium{background-color:var(--warning-bg,rgba(234,179,8,.1));color:var(--warning)}.kanban-card-priority--high{background-color:var(--error-bg,rgba(239,68,68,.1));color:var(--error)}.kanban-card-description{font-size:var(--text-tiny);color:var(--muted);line-height:1.4;margin:0}.kanban-card-assignee{font-size:var(--text-tiny);color:var(--accent);font-weight:var(--font-medium)}.access-banner__action{margin-top:var(--gap-sm)}.mobile-sidebar-trigger{position:fixed;bottom:var(--gap-lg);right:var(--gap-lg);width:3rem;height:3rem;border-radius:var(--radius-full);background-color:var(--accent);color:var(--on-accent);border:none;cursor:pointer;z-index:40;display:none;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:var(--transition-all)}.mobile-sidebar-trigger:hover{transform:scale(1.05)}@media (max-width:768px){.mobile-sidebar-trigger{display:flex}}.product-card{display:flex;flex-direction:column;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition-all)}.product-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.product-card-image-wrapper{position:relative;aspect-ratio:1;overflow:hidden}.product-card-image-wrapper--widescreen{aspect-ratio:16/9}.product-card-badge{position:absolute;top:var(--gap-sm);left:var(--gap-sm);z-index:1;background-color:var(--error);color:var(--on-accent);padding:.125rem var(--gap-sm);border-radius:var(--radius-sm);font-size:var(--text-tiny);font-weight:var(--font-semibold)}.product-card-image{width:100%;height:100%;object-fit:cover}.product-card-content{display:flex;flex-direction:column;gap:var(--gap-sm);padding:var(--padding-md)}.product-card-title{margin:0;font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles)}.product-card-description{margin:0;font-size:var(--text-small);color:var(--muted)}.product-card-pricing{display:flex;align-items:baseline;gap:var(--gap-sm)}.product-card-price{font-size:var(--text-h4);font-weight:var(--font-bold);color:var(--titles)}.product-card-original-price{font-size:var(--text-small);color:var(--muted);text-decoration:line-through}.product-card-button{margin-top:auto}.price{display:flex;flex-direction:column;gap:.125rem}.price--sm .price-amount{font-size:var(--text-body)}.price--md .price-amount{font-size:var(--text-h3)}.price--lg .price-amount{font-size:var(--text-h1)}.price-display{display:flex;align-items:baseline}.price-currency{font-size:.75em;font-weight:var(--font-medium);color:var(--titles);margin-right:.125rem}.price-amount{font-weight:var(--font-bold);color:var(--titles)}.price-original{font-size:var(--text-small);color:var(--muted);text-decoration:line-through}.reviews{flex-direction:column}.reviews,.reviews-summary{display:flex;gap:var(--gap-lg)}.reviews-average,.reviews-summary{align-items:center}.reviews-average{display:flex;gap:var(--gap-sm)}.reviews-average-score{font-size:var(--text-h2);font-weight:var(--font-bold);color:var(--titles)}.reviews-average-stars{display:flex;gap:.0625rem}.reviews-total{font-size:var(--text-small);color:var(--muted)}.reviews-list{gap:var(--gap-md)}.review-item,.reviews-list{display:flex;flex-direction:column}.review-item{gap:var(--gap-sm);padding-bottom:var(--gap-md);border-bottom:1px solid var(--border)}.review-item:last-child{border-bottom:none;padding-bottom:0}.review-header{justify-content:space-between}.review-author,.review-header{display:flex;align-items:center}.review-author{gap:var(--gap-sm)}.review-author-name{font-weight:var(--font-semibold);color:var(--titles);font-size:var(--text-small)}.review-verified{font-size:var(--text-tiny);color:var(--success);font-weight:var(--font-medium)}.review-date{font-size:var(--text-tiny);color:var(--muted)}.review-rating{display:flex;gap:.0625rem}.review-star{color:var(--border);font-size:var(--text-body)}.review-star--filled{color:var(--warning)}.review-comment{margin:0;font-size:var(--text-small);color:var(--text);line-height:1.5}.variants-swatches{display:flex;flex-direction:column;gap:var(--gap-lg)}.variants-swatches-label{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--gap-xs)}.variants-swatches-required{color:var(--error);margin-left:.125rem}.variants-swatches-selected{color:var(--muted);font-weight:var(--font-regular)}.variants-swatches-group{display:flex;flex-wrap:wrap;gap:var(--gap-sm)}.swatch{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);border:2px solid var(--border);cursor:pointer;transition:var(--transition-all);padding:0}.swatch--active,.swatch:hover{border-color:var(--accent)}.swatch--active{box-shadow:0 0 0 2px var(--accent)}.swatch--disabled{opacity:.3;cursor:not-allowed}.swatch--size{width:auto;min-width:2.5rem;height:2.5rem;padding:0 var(--gap-sm);font-size:var(--text-small);font-weight:var(--font-medium);background-color:var(--surface);color:var(--titles);display:inline-flex;align-items:center;justify-content:center}.swatch--image,.swatch--size{border-radius:var(--radius-sm)}.swatch--image{width:3.5rem;height:3.5rem;overflow:hidden;padding:0}.swatch--image img{width:100%;height:100%;object-fit:cover}.swatch--text{width:auto;height:auto;border-radius:var(--radius-sm);padding:var(--gap-xs) var(--gap-md);font-size:var(--text-small);background-color:var(--surface);color:var(--titles);display:inline-flex;align-items:center;gap:var(--gap-xs)}.swatch-price{font-size:var(--text-tiny);color:var(--muted)}.wishlist-button{position:relative}.wishlist-button--active{color:var(--error)}.wishlist-icon{font-size:1.25em;line-height:1}.checkout-steps{display:flex;align-items:flex-start;gap:0}.checkout-step{display:flex;align-items:center;gap:var(--gap-sm);flex:1 1;position:relative;cursor:default}.checkout-step-indicator{width:2rem;height:2rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border:2px solid var(--border);font-size:var(--text-small);font-weight:var(--font-bold);color:var(--muted);background-color:var(--surface);transition:var(--transition-all)}.checkout-step--active .checkout-step-indicator{border-color:var(--accent);color:var(--accent)}.checkout-step--completed .checkout-step-indicator{border-color:var(--success);background-color:var(--success);color:var(--on-accent)}.checkout-step-label{display:flex;flex-direction:column;gap:.0625rem}.checkout-step-title{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles)}.checkout-step--active .checkout-step-title{color:var(--accent)}.checkout-step-description{font-size:var(--text-tiny);color:var(--muted)}.checkout-step-connector{flex:1 1;height:2px;background-color:var(--border);margin:0 var(--gap-sm)}.checkout-step:last-child .checkout-step-connector{display:none}.checkout-step--completed .checkout-step-connector{background-color:var(--success)}.faceted-search{display:flex;flex-direction:column;gap:var(--gap-lg)}.faceted-search-search{display:flex;flex-direction:column;gap:var(--gap-sm)}.faceted-search-result-count{font-size:var(--text-small);color:var(--muted)}.faceted-search-active-section{display:flex;flex-direction:column;gap:var(--gap-sm)}.faceted-search-header{display:flex;justify-content:space-between;align-items:center}.faceted-search-title{margin:0;font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles)}.faceted-search-active{display:flex;flex-wrap:wrap;gap:var(--gap-xs)}.faceted-search-active-filter{display:inline-flex;align-items:center;gap:var(--gap-xs)}.faceted-search-active-filter-remove{background:none;border:none;cursor:pointer;padding:0;display:inline-flex;align-items:center;color:var(--muted)}.faceted-search-active-filter-remove:hover{color:var(--error)}.icon-xs{width:.75rem;height:.75rem}.faceted-search-facets{display:flex;flex-direction:column;gap:var(--gap-lg)}.faceted-search-facet{display:flex;flex-direction:column;gap:var(--gap-sm)}.faceted-search-facet-title{margin:0;font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles)}.faceted-search-facet-options{display:flex;flex-direction:column;gap:var(--gap-xs)}.faceted-search-option{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--gap-xs);border-radius:var(--radius-xs);font-size:var(--text-small);color:var(--text);background:none;border:none;cursor:pointer;width:100%;text-align:left}.faceted-search-option:hover{background-color:var(--bg)}.faceted-search-option--active{background-color:var(--bg);color:var(--accent);font-weight:var(--font-medium)}.faceted-search-checkbox-option-count,.faceted-search-option-count{font-size:var(--text-tiny);color:var(--muted)}.faceted-search-range{flex-direction:column}.faceted-search-range,.faceted-search-range-values{display:flex;gap:var(--gap-sm)}.faceted-search-range-input{flex:1 1}.media-gallery{display:flex;flex-direction:column;gap:var(--gap-md)}.media-gallery-main{position:relative;border-radius:var(--radius-lg);overflow:hidden;background-color:var(--bg);aspect-ratio:4/3}.media-gallery-main-image{width:100%;height:100%;object-fit:contain;cursor:zoom-in}.media-gallery-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);padding:var(--gap-sm);cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;transition:var(--transition-all)}.media-gallery-nav-btn:hover{background-color:var(--bg)}.media-gallery-nav-btn--prev{left:var(--gap-md)}.media-gallery-nav-btn--next{right:var(--gap-md)}.media-gallery-counter{position:absolute;bottom:var(--gap-md);right:var(--gap-md);background-color:rgba(0,0,0,.6);color:#fff;padding:.125rem var(--gap-sm);border-radius:var(--radius-sm);font-size:var(--text-tiny);font-weight:var(--font-medium)}.media-gallery-thumbnails{display:flex;gap:var(--gap-sm);overflow-x:auto}.media-gallery-thumbnail{width:4rem;height:4rem;flex-shrink:0;border:2px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;padding:0;background:none;transition:var(--transition-all)}.media-gallery-thumbnail--active,.media-gallery-thumbnail:hover{border-color:var(--accent)}.media-gallery-thumbnail-image{width:100%;height:100%;object-fit:cover}.media-gallery-video-placeholder{width:100%;height:100%;background-color:var(--bg);display:flex;align-items:center;justify-content:center;color:var(--muted)}.media-gallery-fullscreen{position:fixed;inset:0;z-index:50;background-color:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center}.media-gallery-fullscreen-image{max-width:90vw;max-height:90vh;object-fit:contain;cursor:zoom-out}.media-gallery-fullscreen-close{position:fixed;top:var(--gap-lg);right:var(--gap-lg);z-index:51;background-color:hsla(0,0%,100%,.2);color:#fff;border:none;border-radius:var(--radius-full);padding:var(--gap-sm);cursor:pointer;display:flex;align-items:center;justify-content:center}.mega-menu{position:relative}.mega-menu-panel{position:absolute;top:100%;left:0;right:0;z-index:50;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 24px rgba(0,0,0,.12);margin-top:var(--gap-xs)}.mega-menu-content{display:flex;padding:var(--padding-lg);gap:var(--gap-xl)}.mega-menu-sections{display:flex;gap:var(--gap-xl);flex:1 1}.mega-menu-section{display:flex;flex-direction:column;gap:var(--gap-sm)}.mega-menu-section-title{margin:0;font-size:var(--text-tiny);font-weight:var(--font-semibold);color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.mega-menu-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.125rem}.mega-menu-link{display:flex;align-items:flex-start;gap:var(--gap-sm);padding:var(--gap-sm);border-radius:var(--radius-sm);text-decoration:none;color:var(--text);transition:var(--transition-all)}.mega-menu-link:hover{background-color:var(--bg)}.mega-menu-link-icon{width:1.25rem;height:1.25rem;flex-shrink:0;color:var(--muted);margin-top:.125rem}.mega-menu-link-content{display:flex;flex-direction:column;gap:.0625rem}.mega-menu-link-title{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--titles);display:flex;align-items:center;gap:var(--gap-xs)}.mega-menu-link-description{margin:0;font-size:var(--text-tiny);color:var(--muted)}.mega-menu-featured{border-left:1px solid var(--border);padding-left:var(--gap-xl);min-width:16rem}.mega-menu-featured-title{margin:0 0 var(--gap-md);font-size:var(--text-tiny);font-weight:var(--font-semibold);color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.mega-menu-featured-items{display:flex;flex-direction:column;gap:var(--gap-sm)}.mega-menu-featured-item{display:flex;gap:var(--gap-sm);border-radius:var(--radius-sm);padding:var(--gap-sm);text-decoration:none;color:var(--text);transition:var(--transition-all)}.mega-menu-featured-item:hover{background-color:var(--bg)}.mega-menu-featured-image{width:4rem;height:3rem;border-radius:var(--radius-xs);object-fit:cover;flex-shrink:0}.mega-menu-featured-content{display:flex;flex-direction:column;gap:.0625rem}.mega-menu-featured-item-title{margin:0;font-size:var(--text-small);font-weight:var(--font-medium);color:var(--titles)}.mega-menu-featured-item-description{margin:0;font-size:var(--text-tiny);color:var(--muted)}.mini-cart,.mini-cart-trigger{position:relative}.mini-cart-badge{position:absolute;top:-.25rem;right:-.25rem}.mini-cart-panel{position:absolute;top:100%;right:0;z-index:50;width:22rem;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 24px rgba(0,0,0,.12);margin-top:var(--gap-xs);display:flex;flex-direction:column}.mini-cart-header{display:flex;justify-content:space-between;align-items:center;padding:var(--padding-md);border-bottom:1px solid var(--border)}.mini-cart-title{margin:0;font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles)}.mini-cart-close{background:none;border:none;cursor:pointer;padding:.25rem;color:var(--muted);display:flex;align-items:center;justify-content:center}.mini-cart-close:hover{color:var(--titles)}.mini-cart-items{max-height:20rem;overflow-y:auto}.mini-cart-empty{display:flex;flex-direction:column;align-items:center;gap:var(--gap-md);padding:var(--padding-xl);text-align:center}.mini-cart-empty-icon{width:3rem;height:3rem;color:var(--muted)}.mini-cart-empty-icon svg{width:100%;height:100%}.mini-cart-empty-text{margin:0;font-size:var(--text-small);color:var(--muted)}.mini-cart-item{display:flex;gap:var(--gap-md);padding:var(--padding-md);border-bottom:1px solid var(--border)}.mini-cart-item:last-child{border-bottom:none}.mini-cart-item-image{object-fit:cover}.mini-cart-item-image,.mini-cart-item-placeholder{width:4rem;height:4rem;border-radius:var(--radius-sm);flex-shrink:0}.mini-cart-item-placeholder{background-color:var(--bg);display:flex;align-items:center;justify-content:center;color:var(--muted)}.mini-cart-item-content{flex:1 1;display:flex;flex-direction:column;gap:var(--gap-xs);min-width:0}.mini-cart-item-name{margin:0;font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles)}.mini-cart-item-variant{margin:0;font-size:var(--text-tiny);color:var(--muted)}.mini-cart-item-footer{display:flex;justify-content:space-between;align-items:center}.mini-cart-quantity{display:flex;align-items:center;gap:0;border:1px solid var(--border);border-radius:var(--radius-sm)}.mini-cart-quantity-btn{width:1.5rem;height:1.5rem;background:none;border:none;cursor:pointer;font-size:var(--text-small);font-weight:var(--font-bold);color:var(--titles);display:flex;align-items:center;justify-content:center}.mini-cart-quantity-btn:hover{background-color:var(--bg)}.mini-cart-quantity-value{width:1.5rem;text-align:center;font-size:var(--text-small);font-weight:var(--font-medium)}.mini-cart-item-price{font-size:var(--text-small);font-weight:var(--font-bold);color:var(--titles)}.mini-cart-item-remove{background:none;border:none;cursor:pointer;padding:.125rem;color:var(--muted);display:flex;align-items:center;justify-content:center}.mini-cart-item-remove:hover{color:var(--error)}.mini-cart-footer{padding:var(--padding-md);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--gap-md)}.mini-cart-total{display:flex;justify-content:space-between;align-items:center}.mini-cart-total-label{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--muted)}.mini-cart-total-amount{font-size:var(--text-h4);font-weight:var(--font-bold);color:var(--titles)}.audio-drop-zone{display:flex;flex-direction:column;align-items:center;gap:var(--gap-md);padding:var(--padding-xl);border:2px dashed var(--border);border-radius:var(--radius-lg);background-color:var(--bg);cursor:pointer;transition:var(--transition-all);text-align:center}.audio-drop-zone:hover{border-color:var(--accent);background-color:var(--surface)}.audio-drop-zone-input{display:none}.audio-drop-zone-icon{color:var(--muted)}.audio-drop-zone-title{margin:0;font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles)}.audio-drop-zone-subtitle{margin:0;font-size:var(--text-small);color:var(--muted)}.audio-drop-zone-formats{margin:0;font-size:var(--text-tiny);color:var(--muted)}.audio-analyzing{display:flex;flex-direction:column;align-items:center;gap:var(--gap-md);padding:var(--padding-xl);text-align:center}.audio-analyzing-spinner{width:3rem;height:3rem;border-radius:var(--radius-full);border:3px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.audio-analyzing-title{margin:0;font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--titles)}.audio-analyzing-subtitle{margin:0;font-size:var(--text-small);color:var(--muted)}.audio-analyzing-progress{width:100%;max-width:20rem;height:.5rem;background-color:var(--border);border-radius:var(--radius-full);overflow:hidden}.audio-analyzing-progress-bar{height:100%;background-color:var(--accent);border-radius:var(--radius-full);transition:width .3s ease}.audio-analyzing-percent{margin:0;font-size:var(--text-small);font-weight:var(--font-medium);color:var(--accent)}.audio-preview{display:flex;flex-direction:column;gap:var(--gap-md)}.audio-preview-controls{display:flex;gap:var(--gap-sm)}.audio-preview-progress{display:flex;flex-direction:column;gap:var(--gap-xs)}.audio-preview-progress-bar{width:100%;height:.5rem;background-color:var(--border);border-radius:var(--radius-full);overflow:hidden;cursor:pointer}.audio-preview-progress-fill{height:100%;background-color:var(--accent);border-radius:var(--radius-full);transition:width .1s linear}.audio-preview-time{font-size:var(--text-tiny);color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.audio-preview-header{display:flex;flex-direction:column;gap:var(--gap-xs)}.audio-preview-filename{margin:0;font-size:var(--text-small);color:var(--muted);font-weight:var(--font-medium)}.metric-card{display:flex;flex-direction:column;align-items:center;gap:var(--gap-xs);padding:var(--padding-md);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center}.metric-card-label{font-size:var(--text-tiny);color:var(--muted);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em}.metric-card-value{font-size:var(--text-h3);font-weight:var(--font-bold);color:var(--titles)}.metric-card-unit{font-size:var(--text-small);color:var(--muted)}.audio-tool-results{display:flex;flex-direction:column;gap:var(--gap-lg)}.audio-tool-metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--gap-md);gap:var(--gap-md)}.audio-tool-metrics--2x2{grid-template-columns:repeat(2,1fr)}.audio-tool-actions{display:flex;gap:var(--gap-sm)}.conversion-progress,.processing-progress{display:flex;flex-direction:column;align-items:center;gap:var(--gap-md);padding:var(--padding-lg)}.conversion-progress-label,.processing-progress-label{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles)}.conversion-progress-bar,.processing-progress-bar{width:100%;max-width:24rem;height:.5rem;background-color:var(--border);border-radius:var(--radius-full);overflow:hidden}.conversion-progress-fill,.processing-progress-fill{height:100%;background-color:var(--accent);border-radius:var(--radius-full);transition:width .3s ease}.conversion-progress-percentage,.processing-progress-percentage{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--accent)}.format-selector{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--gap-sm);gap:var(--gap-sm)}.format-selector-option{display:flex;flex-direction:column;align-items:center;gap:var(--gap-xs);padding:var(--padding-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;transition:var(--transition-all);text-align:center}.format-selector-option:hover{border-color:var(--accent)}.format-selector-option--selected{border-color:var(--accent);background-color:var(--bg)}.format-selector-icon{font-size:var(--text-h4)}.format-selector-name{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles)}.format-selector-description{font-size:var(--text-tiny);color:var(--muted)}.quality-selector{display:flex;flex-direction:column;gap:var(--gap-sm)}.quality-selector-options{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--gap-sm);gap:var(--gap-sm)}.quality-selector-option{display:flex;flex-direction:column;gap:var(--gap-xs);padding:var(--padding-sm);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;transition:var(--transition-all);text-align:left}.quality-selector-option:hover{border-color:var(--accent)}.quality-selector-option--selected{border-color:var(--accent);background-color:var(--bg)}.quality-selector-option-label{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles);text-transform:capitalize}.quality-selector-option-description{font-size:var(--text-tiny);color:var(--muted)}.quality-selector-simple{display:flex;gap:var(--gap-sm)}.quality-option{padding:var(--gap-xs) var(--gap-md);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;font-size:var(--text-small);color:var(--titles);transition:var(--transition-all)}.quality-option--selected,.quality-option:hover{border-color:var(--accent)}.quality-option--selected{background-color:var(--bg);font-weight:var(--font-semibold)}.mode-selector{display:flex;flex-direction:column;gap:var(--gap-sm)}.mode-selector-option{display:flex;flex-direction:column;gap:.125rem;padding:var(--padding-sm);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;transition:var(--transition-all);text-align:left;width:100%}.mode-selector-option:hover{border-color:var(--accent)}.mode-selector-option--selected{border-color:var(--accent);background-color:var(--bg)}.mode-selector-label{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles)}.mode-selector-description{font-size:var(--text-tiny);color:var(--muted)}.slider-control{display:flex;flex-direction:column;gap:var(--gap-xs)}.slider-label{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--titles)}.slider{width:100%;height:.375rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--border);border-radius:var(--radius-full);outline:none;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1rem;height:1rem;border-radius:var(--radius-full);background-color:var(--accent);cursor:pointer}.slider-marks{display:flex;justify-content:space-between;font-size:var(--text-tiny);color:var(--muted)}.tempo-controls{gap:var(--gap-md)}.auto-cut-tool,.tempo-controls{display:flex;flex-direction:column}.auto-cut-tool{gap:var(--gap-lg)}.auto-cut-tool-results-header{display:flex;flex-direction:column;gap:var(--gap-xs)}.auto-cut-tool-results-title{margin:0;font-size:var(--text-h4);font-weight:var(--font-bold);color:var(--titles)}.auto-cut-tool-results-file{margin:0;font-size:var(--text-small);color:var(--muted)}.key-bpm-finder-tool{display:flex;flex-direction:column;gap:var(--gap-lg)}.key-bpm-finder-results-header{display:flex;flex-direction:column;gap:var(--gap-xs)}.key-bpm-finder-results-title{margin:0;font-size:var(--text-h4);font-weight:var(--font-bold);color:var(--titles)}.key-bpm-finder-results-file{margin:0;font-size:var(--text-small);color:var(--muted)}.lufs-analyzer-tool{display:flex;flex-direction:column;gap:var(--gap-lg)}.lufs-analyzer-summary{padding:var(--padding-md);border-radius:var(--radius-md);border:1px solid var(--border)}.lufs-analyzer-summary--good{background-color:var(--success-bg,rgba(34,197,94,.1));border-color:var(--success)}.lufs-analyzer-summary--warning{background-color:var(--warning-bg,rgba(234,179,8,.1));border-color:var(--warning)}.lufs-analyzer-summary--error{background-color:var(--error-bg,rgba(239,68,68,.1));border-color:var(--error)}.lufs-analyzer-summary-text{margin:0;font-size:var(--text-small);font-weight:var(--font-medium)}.lufs-analyzer-platforms{display:flex;flex-direction:column;gap:var(--gap-md)}.lufs-analyzer-platforms-title{margin:0;font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles)}.lufs-analyzer-platforms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));grid-gap:var(--gap-sm);gap:var(--gap-sm)}.lufs-analyzer-platform{padding:var(--padding-sm);border-radius:var(--radius-sm);border:1px solid var(--border);display:flex;flex-direction:column;gap:var(--gap-xs)}.lufs-analyzer-platform--ok{border-color:var(--success)}.lufs-analyzer-platform--warning{border-color:var(--warning)}.lufs-analyzer-platform--error{border-color:var(--error)}.lufs-analyzer-platform-header{display:flex;justify-content:space-between;align-items:center}.lufs-analyzer-platform-name{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles)}.lufs-analyzer-platform-target{font-size:var(--text-tiny);color:var(--muted)}.lufs-analyzer-platform-adjustment{font-size:var(--text-small);font-weight:var(--font-bold);color:var(--titles);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lufs-analyzer-platform-message{font-size:var(--text-tiny);color:var(--muted)}.format-converter-tool{display:flex;flex-direction:column;gap:var(--gap-lg)}.format-converter-results-header{display:flex;flex-direction:column;gap:var(--gap-xs)}.format-converter-results-title{margin:0;font-size:var(--text-h4);font-weight:var(--font-bold);color:var(--titles)}.format-converter-results-file{margin:0;font-size:var(--text-small);color:var(--muted)}.format-converter-section-title{margin:0 0 var(--gap-sm);font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles)}.time-pitcher-tool{display:flex;flex-direction:column;gap:var(--gap-lg)}.time-pitcher-section-title{margin:0 0 var(--gap-sm);font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles)}.time-pitcher-main-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--gap-xl);gap:var(--gap-xl);align-items:start}.time-pitcher-left-column{display:flex;flex-direction:column;gap:var(--gap-lg)}.time-pitcher-vinyl-box{display:flex;flex-direction:column;align-items:center;gap:var(--gap-md)}.time-pitcher-params-column{display:flex;flex-direction:column;gap:var(--gap-lg)}.waveform-editor{display:flex;flex-direction:column;gap:var(--gap-md);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--padding-lg)}.waveform-editor-header{display:flex;flex-direction:column;gap:var(--gap-xs)}.waveform-editor-title{margin:0;font-size:var(--text-h4);font-weight:var(--font-bold);color:var(--titles)}.waveform-editor-subtitle{margin:0;font-size:var(--text-small);color:var(--muted)}.waveform-editor-controls{display:flex;flex-direction:column;gap:var(--gap-sm)}.waveform-editor-time{display:flex;gap:var(--gap-lg);font-size:var(--text-small);color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.waveform-editor-actions{display:flex;align-items:center;gap:var(--gap-sm)}.waveform-editor-zoom{display:flex;align-items:center;gap:var(--gap-xs);font-size:var(--text-small);color:var(--muted);margin-left:auto}.waveform-editor-zoom-btn{min-width:2rem}.waveform-editor-help{font-size:var(--text-tiny);color:var(--muted)}.waveform-editor-separator{height:1px;background-color:var(--border)}.waveform-editor-actions-bottom{display:flex;gap:var(--gap-sm)}.circle-of-fifths{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.circle-of-fifths--sm{width:16rem;height:16rem}.circle-of-fifths--md{width:24rem;height:24rem}.circle-of-fifths--lg{width:32rem;height:32rem}.circle-of-fifths--interactive{cursor:pointer}.circle-of-fifths__svg{width:100%;height:100%}.circle-of-fifths__click-layer{opacity:0}.circle-of-fifths__click-major path,.circle-of-fifths__click-minor path{fill:transparent}.circle-of-fifths__rotation-bg{fill:var(--bg)}.circle-of-fifths__labels{pointer-events:none}.circle-of-fifths__label{font-weight:var(--font-bold);fill:var(--titles)}.circle-of-fifths__label--major{font-size:28px}.circle-of-fifths__label--minor{font-size:22px;fill:var(--muted)}.circle-of-fifths__numeral{font-size:14px;fill:var(--muted);font-weight:var(--font-medium)}.circle-of-fifths__circles-layer circle{fill:none;stroke:var(--border)}.circle-of-fifths__shield-overlay{fill:var(--surface);stroke:var(--border);stroke-width:2}.circle-of-fifths__shield-key{fill:var(--accent)}.circle-of-fifths__text-title{fill:var(--titles);font-weight:var(--font-bold)}.circle-of-fifths__text-subtitle{fill:var(--muted)}.circle-of-fifths__text-key{fill:var(--accent);font-weight:var(--font-bold)}.vinyl-player{display:flex;align-items:center;justify-content:center;width:12rem;height:12rem}.vinyl-disc{width:100%;height:100%;background:conic-gradient(from 0deg,#1a1a1a 0deg,#2a2a2a 30deg,#1a1a1a 60deg,#2a2a2a 90deg,#1a1a1a 120deg,#2a2a2a 150deg,#1a1a1a 180deg,#2a2a2a 210deg,#1a1a1a 240deg,#2a2a2a 270deg,#1a1a1a 300deg,#2a2a2a 330deg,#1a1a1a 1turn);position:relative;will-change:transform}.vinyl-disc,.vinyl-label{border-radius:var(--radius-full)}.vinyl-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40%;height:40%;background-color:var(--accent);display:flex;align-items:center;justify-content:center}.vinyl-label-text{font-size:var(--text-tiny);font-weight:var(--font-bold);color:var(--on-accent);text-transform:uppercase;letter-spacing:.1em}.vinyl-grooves{position:absolute;inset:5%;border-radius:var(--radius-full);border:1px solid hsla(0,0%,100%,.05);pointer-events:none}.model-selector{display:flex;flex-direction:column;gap:var(--gap-md)}.model-selector-empty{display:flex;align-items:center;justify-content:center;padding:var(--padding-xl)}.model-selector-empty-text{font-size:var(--text-small);color:var(--muted)}.model-card{display:flex;flex-direction:column;gap:var(--gap-md);cursor:pointer;transition:var(--transition-all)}.model-card--selected,.model-card:hover{border-color:var(--accent)}.model-card--selected{box-shadow:0 0 0 2px var(--accent)}.model-card--disabled{opacity:.5;cursor:not-allowed}.model-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--gap-md)}.model-card-info{display:flex;flex-direction:column;gap:var(--gap-xs);flex:1 1;min-width:0}.model-card-title-row{display:flex;align-items:center;gap:var(--gap-sm);flex-wrap:wrap}.model-card-name{margin:0;font-size:var(--text-body);font-weight:var(--font-bold);color:var(--titles)}.model-card-badge{font-size:var(--text-tiny)}.model-card-description{margin:0;font-size:var(--text-small);color:var(--muted)}.model-card-meta{font-size:var(--text-tiny);color:var(--muted)}.model-type--audio{background-color:var(--accent);color:var(--on-accent)}.model-type--vocal{background-color:var(--warning);color:var(--titles)}.model-type--instrumental{background-color:var(--success);color:var(--on-accent)}.model-type--mastering{background-color:var(--error);color:var(--on-accent)}.model-quality--standard{background-color:var(--bg);color:var(--text);border:1px solid var(--border)}.model-quality--premium{background-color:var(--accent);color:var(--on-accent)}.model-quality--pro{background-color:var(--titles);color:var(--surface)}.model-badge--beta{background-color:var(--warning);color:var(--titles)}.model-badge--unavailable{background-color:var(--muted);color:var(--surface)}.model-card-pricing{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.model-card-price{font-size:var(--text-body);font-weight:var(--font-bold);color:var(--titles)}.model-card-unit{font-size:var(--text-tiny);color:var(--muted)}.model-card-capabilities{display:flex;flex-direction:column;gap:var(--gap-sm)}.model-card-capabilities-title{margin:0;font-size:var(--text-tiny);font-weight:var(--font-semibold);color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.model-card-capabilities-list{display:flex;flex-wrap:wrap;gap:var(--gap-xs)}.model-capability{padding:.125rem var(--gap-sm);border-radius:var(--radius-sm);background-color:var(--bg);border:1px solid var(--border);font-size:var(--text-tiny);color:var(--text)}.model-card-selected{display:flex;justify-content:flex-end}.model-card-checkmark{width:1.5rem;height:1.5rem;border-radius:var(--radius-full);background-color:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center}.model-card-check-icon{width:1rem;height:1rem}.prompt-editor{display:flex;flex-direction:column;gap:var(--gap-md)}.prompt-editor-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--gap-md);flex-wrap:wrap}.prompt-editor-actions{display:flex;gap:var(--gap-sm);flex-wrap:wrap}.prompt-editor-button{display:inline-flex;align-items:center;gap:var(--gap-xs)}.prompt-editor-icon{width:1rem;height:1rem;flex-shrink:0}.prompt-editor-stats{font-size:var(--text-tiny);color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.prompt-editor-presets{display:flex;flex-direction:column;gap:var(--gap-md)}.prompt-editor-panel-title{margin:0;font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles)}.prompt-editor-category{display:flex;flex-direction:column;gap:var(--gap-sm)}.prompt-editor-category-title{margin:0;font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.prompt-editor-preset,.prompt-editor-preset-list{display:flex;flex-direction:column;gap:var(--gap-xs)}.prompt-editor-preset{padding:var(--padding-sm);border-radius:var(--radius-sm);background:none;border:1px solid var(--border);cursor:pointer;text-align:left;width:100%;transition:var(--transition-all)}.prompt-editor-preset:hover{background-color:var(--bg);border-color:var(--accent)}.prompt-editor-preset-header{display:flex;justify-content:space-between;align-items:center;gap:var(--gap-sm)}.prompt-editor-preset-name{margin:0;font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles)}.prompt-editor-preset-tags{display:flex;gap:var(--gap-xs)}.prompt-editor-tag{font-size:var(--text-tiny)}.prompt-editor-preset-text{margin:0;font-size:var(--text-tiny);color:var(--muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.prompt-editor-history{display:flex;flex-direction:column;gap:var(--gap-md)}.prompt-editor-history-item,.prompt-editor-history-list{display:flex;flex-direction:column;gap:var(--gap-xs)}.prompt-editor-history-item{padding:var(--padding-sm);border-radius:var(--radius-sm);background:none;border:1px solid var(--border);cursor:pointer;text-align:left;width:100%;transition:var(--transition-all)}.prompt-editor-history-item:hover{background-color:var(--bg);border-color:var(--accent)}.prompt-editor-history-header{display:flex;justify-content:space-between;align-items:center;gap:var(--gap-sm)}.prompt-editor-history-date{font-size:var(--text-tiny);color:var(--muted)}.prompt-editor-history-badge{font-size:var(--text-tiny)}.prompt-editor-history-text{margin:0;font-size:var(--text-tiny);color:var(--muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.prompt-editor-save-modal{display:flex;flex-direction:column;gap:var(--gap-md)}.prompt-editor-save-title{margin:0;font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles)}.prompt-editor-save-form{display:flex;align-items:center;gap:var(--gap-sm)}.prompt-editor-save-input{flex:1 1;padding:var(--gap-xs) var(--gap-sm);border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--surface);color:var(--text);font-size:var(--text-small)}.prompt-editor-save-input:focus{outline:none;border-color:var(--accent)}.prompt-editor-main{display:flex;flex-direction:column;gap:var(--gap-sm)}.prompt-editor-textarea{min-height:8rem;resize:vertical}.prompt-editor-generate{display:flex;justify-content:flex-end}.prompt-editor-generate-button{display:inline-flex;align-items:center;gap:var(--gap-xs)}.prompt-editor-spinner{width:1rem;height:1rem;animation:spin 1s linear infinite}.prompt-editor-spinner-track{opacity:.25}.prompt-editor-spinner-fill{opacity:.75}.asset-tile{display:flex;flex-direction:column;overflow:hidden;transition:var(--transition-all)}.asset-tile--selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.asset-tile--clickable{cursor:pointer}.asset-tile--clickable:hover{border-color:var(--accent)}.asset-tile-media{position:relative;aspect-ratio:16/9;overflow:hidden;background-color:var(--bg)}.asset-tile-image{width:100%;height:100%;object-fit:cover}.asset-tile-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--bg)}.asset-tile-icon{width:2rem;height:2rem}.asset-tile-icon--audio{color:var(--accent)}.asset-tile-icon--video{color:var(--warning)}.asset-tile-icon--image{color:var(--success)}.asset-tile-icon--document{color:var(--muted)}.asset-tile-icon--preset{color:var(--error)}.asset-tile-status{position:absolute;top:var(--gap-xs);right:var(--gap-xs);font-size:var(--text-tiny)}.asset-status--processing{background-color:var(--warning);color:var(--titles)}.asset-status--ready{background-color:var(--success);color:var(--on-accent)}.asset-status--error{background-color:var(--error);color:var(--on-accent)}.asset-status--draft{background-color:var(--muted);color:var(--surface)}.asset-tile-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.4);opacity:0;transition:opacity .2s ease;border:none;cursor:pointer;padding:0}.asset-tile:hover .asset-tile-play{opacity:1}.asset-tile-play-icon{width:2.5rem;height:2.5rem;color:#fff}.asset-tile-content{display:flex;flex-direction:column;gap:var(--gap-xs);padding:var(--padding-sm)}.asset-tile-header{display:flex;justify-content:space-between;align-items:center;gap:var(--gap-sm)}.asset-tile-name{margin:0;font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1;min-width:0}.asset-tile-type{font-size:var(--text-tiny);font-weight:var(--font-medium);flex-shrink:0}.asset-tile-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--gap-sm)}.asset-tile-date,.asset-tile-details{font-size:var(--text-tiny);color:var(--muted)}.asset-tile-actions{display:flex;justify-content:flex-end;gap:var(--gap-xs);padding:0 var(--padding-sm) var(--padding-sm)}.asset-tile-action{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;transition:var(--transition-all)}.asset-tile-action:hover{color:var(--titles);border-color:var(--accent)}.asset-tile-action--delete:hover{color:var(--error);border-color:var(--error)}.asset-tile-action-icon{width:1rem;height:1rem}:root{--lf-bg:#0a0a0a;--lf-surface-1:#121212;--lf-surface-2:#1a1a1a;--lf-surface-3:#222;--lf-text:#ccc;--lf-foreground:var(--lf-text);--lf-titles:#fff;--lf-muted:#999;--lf-muted-foreground:var(--lf-muted);--lf-border:#2a2a2a;--lf-accent:#4a90e2;--lf-ring:var(--lf-accent);--lf-success:#10b981;--lf-warning:#f59e0b;--lf-danger:#ef4444;--lf-info:#3b82f6;--lf-gap-2xs:0.125rem;--lf-gap-xs:0.25rem;--lf-gap-sm:0.5rem;--lf-gap-md:1rem;--lf-gap-lg:1.5rem;--lf-gap-xl:2rem;--lf-padding-sm:0.5rem;--lf-padding-md:1rem;--lf-padding-lg:1.5rem;--lf-padding-xl:2rem;--lf-margin-sm:0.5rem;--lf-margin-md:1rem;--lf-margin-lg:2rem;--lf-margin-xl:3rem;--lf-padding-container:4rem;--lf-padding-section-sm:2rem;--lf-padding-section-md:4rem;--lf-padding-section-lg:6rem;--lf-padding-section-xl:8rem;--lf-container-sm:640px;--lf-container-md:768px;--lf-container-lg:1024px;--lf-container-xl:1280px;--lf-font-sans:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;--lf-text-h1:3rem;--lf-text-h2:2.5rem;--lf-text-h3:1.5rem;--lf-text-h4:1.25rem;--lf-text-h5:1.125rem;--lf-text-h6:1rem;--lf-text-display-lg:6rem;--lf-text-body:1rem;--lf-text-body-lg:1.5rem;--lf-text-small:1rem;--lf-text-tiny:0.75rem;--lf-font-light:300;--lf-font-normal:400;--lf-font-medium:500;--lf-font-semibold:600;--lf-font-bold:700;--lf-leading-tight:1.25;--lf-radius-xs:0.125rem;--lf-radius-sm:0.25rem;--lf-radius-md:0.5rem;--lf-radius-lg:0.75rem;--lf-radius-xl:1rem;--lf-radius-2xl:1.5rem;--lf-radius-full:9999px;--lf-shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--lf-shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--lf-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--lf-shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--lf-blur-md:blur(8px);--lf-transition:all 0.2s ease;--lf-z-base:0;--lf-z-raised:10;--lf-z-dropdown:20;--lf-z-sticky:30;--lf-z-header:40;--lf-z-modal:50;--lf-z-overlay:60;--lf-z-toast:70;--lf-motion-duration-fast:0.1s;--lf-motion-duration-normal:0.2s;--lf-motion-duration-slow:0.4s;--lf-motion-easing-default:ease;--lf-motion-easing-in:ease-in;--lf-motion-easing-out:ease-out;--lf-motion-easing-in-out:ease-in-out;--lf-motion-easing-spring:cubic-bezier(0.34,1.56,0.64,1)}body{font-family:Inter,system-ui,sans-serif;background:var(--lf-bg);color:var(--lf-text);margin:0;padding:0}h1,h2,h3,h4,h5,h6{color:var(--lf-titles)}.lf-app{background:var(--lf-bg);color:var(--lf-text)}.lf-surface{background:var(--lf-surface-1);border:1px solid var(--lf-border)}.lf-surface-2{background:var(--lf-surface-2)}.lf-surface-3{background:var(--lf-surface-3)}.lf-card{border:1px solid var(--lf-border);border-radius:var(--lf-radius-md);padding:var(--lf-padding-lg)}.lf-card,.lf-panel{background:var(--lf-surface-1)}.lf-panel{border:1px solid var(--lf-border);padding:var(--lf-padding-md)}.lf-text{color:var(--lf-text)}.lf-titles{color:var(--lf-titles)}.lf-muted{color:var(--lf-muted)}.lf-btn{padding:var(--lf-padding-sm) var(--lf-padding-md);border-radius:var(--lf-radius-sm);font-family:inherit;font-size:1rem;cursor:pointer;transition:var(--lf-transition);border:1px solid transparent}.lf-btn-primary{background:var(--lf-accent);color:#fff;border-color:var(--lf-accent)}.lf-btn-primary:hover{opacity:.9}.lf-btn-secondary{background:var(--lf-surface-1);color:var(--lf-text);border-color:var(--lf-border)}.lf-btn-secondary:hover{background:var(--lf-surface-2)}.lf-btn-ghost{background:transparent;color:var(--lf-text)}.lf-btn-ghost:hover{background:var(--lf-surface-1)}.lf-badge{padding:.25rem .75rem;border-radius:var(--lf-radius-sm);font-size:.875rem;display:inline-block}.lf-badge-success{background:var(--lf-success);color:#fff}.lf-badge-warning{background:var(--lf-warning);color:#fff}.lf-badge-danger{background:var(--lf-danger);color:#fff}.lf-badge-default{background:var(--lf-muted);color:#fff}.lf-border{border-color:var(--lf-border)}.lf-modal-backdrop{background:rgba(0,0,0,.7);-webkit-backdrop-filter:var(--lf-blur-md);backdrop-filter:var(--lf-blur-md)}.lf-modal{background:var(--lf-surface-1);border:1px solid var(--lf-border);border-radius:var(--lf-radius-lg);box-shadow:var(--lf-shadow-xl)}