.sidebar{width:248px;flex-shrink:0;display:flex;flex-direction:column;background:#0e1017f0;border-right:1px solid #242936;position:sticky;top:0;height:100vh}@media(max-width:768px){.sidebar{position:fixed;inset:0 auto 0 0;z-index:60;transform:translate(-100%);transition:transform .2s ease;box-shadow:0 8px 24px #00000059}}@media(max-width:768px){.sidebar--open{transform:translate(0)}}@media(max-width:768px){.sidebar__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#0000008c}}.sidebar__brand{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #242936;min-height:57px}.sidebar__logo{width:22px;height:22px;color:#8b5cf6;flex-shrink:0}.sidebar__name{font-size:16px;font-weight:700;letter-spacing:-.01em;flex:1}.sidebar__close{display:none;color:#a6a6bd;padding:4px;border-radius:6px}@media(max-width:768px){.sidebar__close{display:inline-flex}}.sidebar__close:hover{color:#f2f2f7;background:#222632}.sidebar__nav{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar__link{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:6px;color:#a6a6bd;font-size:14px;font-weight:500;transition:background .15s ease,color .15s ease}.sidebar__link:hover{background:#181b24;color:#f2f2f7}.sidebar__link--active{background:#8b5cf626;color:#c4b5fd}.sidebar__link--active:hover{background:#8b5cf626;color:#d8ccfd}.sidebar__footer{border-top:1px solid #242936;padding:12px 8px 16px;display:flex;flex-direction:column;gap:2px}.sidebar__user{display:flex;align-items:center;gap:12px;margin-top:12px;padding:8px 12px;border-radius:6px;background:#181b24}.sidebar__avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar__user-name{font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-badge{padding:3px 9px;border-radius:999px;border:1px dashed #343b4b;color:#a6a6bd;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:16px;min-height:57px;padding:8px 24px;background:#090a0fc2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #242936}@media(max-width:768px){.topbar{padding:8px 16px;gap:12px}}.topbar__menu{display:none;color:#a6a6bd;padding:8px;border-radius:6px}@media(max-width:768px){.topbar__menu{display:inline-flex}}.topbar__menu:hover{background:#181b24;color:#f2f2f7}.topbar__brand{display:flex;align-items:center;gap:8px;color:#f2f2f7;font-weight:700;min-width:0}.topbar__logo{width:20px;height:20px;color:#8b5cf6}.topbar__name{font-size:14px}@media(max-width:640px){.topbar__name{display:none}}.topbar__search{flex:1;max-width:520px;display:flex;align-items:center;gap:8px;padding:7px 12px;background:#181b24;border:1px solid #242936;border-radius:6px;color:#71718a;transition:border-color .15s ease}.topbar__search:focus-within{border-color:#8b5cf6}@media(max-width:640px){.topbar__search{display:none}}.topbar__search input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:#f2f2f7;font-size:12.5px}.topbar__search input::placeholder{color:#71718a}.topbar__actions{margin-left:auto;display:flex;align-items:center;gap:12px;min-width:0}@media(max-width:640px){.topbar__actions{gap:8px}}.topbar__credits{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:#181b24;border:1px solid #242936;color:#a6a6bd;font-size:12.5px;font-weight:600;white-space:nowrap}.topbar__credits svg{color:#fbbf24}@media(max-width:1024px){.topbar__credits{display:none}}.topbar__notif{position:relative}.topbar__icon{position:relative;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:#a6a6bd;transition:background .15s ease}.topbar__icon:hover{background:#181b24;color:#f2f2f7}.topbar__dot{position:absolute;top:7px;right:8px;width:7px;height:7px;border-radius:50%;background:#f87171;border:2px solid #11131a}.topbar__notif-pop{position:absolute;right:0;top:calc(100% + 8px);width:300px;background:#11131a;border:1px solid #242936;border-radius:10px;box-shadow:0 8px 24px #00000059;padding:8px;display:flex;flex-direction:column;gap:4px;z-index:50}.topbar__notif-item{padding:8px 12px;border-radius:6px;display:flex;flex-direction:column;gap:2px;background:#181b24}.topbar__notif-item strong{font-size:12.5px}.topbar__notif-item span{font-size:11px;color:#a6a6bd}.topbar__notif-empty{padding:12px;text-align:center;color:#71718a;font-size:12.5px}.topbar__avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.app-shell{display:flex;min-height:100vh}.app-shell__main{flex:1;min-width:0;display:flex;flex-direction:column}.app-shell__content{flex:1;width:100%;max-width:1720px;margin:0 auto;padding:30px clamp(20px,3vw,48px) 48px}@media(max-width:768px){.app-shell__content{padding:16px}}.page-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:24px}.page-header h1{font-size:26px;font-weight:700;letter-spacing:-.02em}@media(max-width:768px){.page-header{margin-bottom:16px}.page-header h1{font-size:20px}}.section-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;margin-bottom:16px}.section-count{min-width:20px;height:20px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#8b5cf6;color:#fff;font-size:11px;font-weight:600}.composer{background:#11131a;border:1px solid #242936;border-radius:10px;padding:24px;margin-bottom:24px}@media(max-width:768px){.composer{padding:16px}}.composer__title{font-size:26px;font-weight:700;letter-spacing:-.02em;margin-bottom:16px}@media(max-width:768px){.composer__title{font-size:20px}}.composer__input{width:100%;min-height:96px;resize:vertical;padding:12px 16px;background:#181b24;border:1px solid #242936;border-radius:10px;color:#f2f2f7;font-size:14px;line-height:1.55;transition:border-color .15s ease}.composer__input::placeholder{color:#71718a}.composer__input:focus{border-color:#8b5cf6;outline:none}.composer__input:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.composer__row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.composer__files-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:6px;border:1px solid #343b4b;background:#181b24;color:#a6a6bd;font-size:12.5px;font-weight:600;transition:color .15s ease,border-color .15s ease}.composer__files-btn:hover:not(:disabled){color:#f2f2f7;border-color:#8b5cf6}.composer__files-btn:disabled{opacity:.55;cursor:not-allowed}.composer__files{display:flex;gap:8px;flex-wrap:wrap}.composer__file{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:#222632;color:#a6a6bd;font-size:11px}.composer__file button{color:#71718a;display:inline-flex}.composer__file button:hover{color:#f87171}.composer__row--controls{align-items:center;justify-content:space-between;gap:16px}@media(max-width:1024px){.composer__row--controls{flex-direction:column;align-items:stretch}}.composer__modes{display:inline-flex;gap:2px;padding:3px;background:#181b24;border:1px solid #242936;border-radius:6px}@media(max-width:640px){.composer__modes{width:100%;min-width:0;display:grid;grid-template-columns:1fr}}.composer__mode{padding:7px 16px;border-radius:5px;color:#a6a6bd;font-size:12.5px;font-weight:600;white-space:nowrap;transition:background .15s ease,color .15s ease}.composer__mode:hover{color:#f2f2f7}.composer__mode--active{background:#8b5cf6;color:#fff}.composer__mode--active:hover{color:#fff}@media(max-width:640px){.composer__mode{width:100%;min-width:0;padding:7px 8px}}.composer__settings{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:1024px){.composer__settings{width:100%}}.composer__select{padding:8px 12px;background:#181b24;border:1px solid #242936;border-radius:6px;color:#f2f2f7;font-size:12.5px;cursor:pointer}.composer__select:disabled{opacity:.5;cursor:not-allowed}.composer__submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 24px;border-radius:6px;background:#8b5cf6;color:#fff;font-size:14px;font-weight:700;box-shadow:0 1px 2px #0006;transition:background .15s ease;white-space:nowrap}.composer__submit:hover:not(:disabled){background:#7c3aed}.composer__submit:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1024px){.composer__submit{width:100%}}.composer__note{margin-top:12px;font-size:11px;color:#71718a}.composer__error{margin-top:12px;padding:8px 12px;border-radius:6px;background:#f871711f;border:1px solid rgba(248,113,113,.35);color:#f87171;font-size:12.5px}.composer__success{margin-top:12px;padding:8px 12px;border-radius:6px;background:#34d3991f;border:1px solid rgba(52,211,153,.35);color:#34d399;font-size:12.5px}.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}@media(max-width:1024px){.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.quick-actions{grid-template-columns:1fr}}.quick-action{background:#11131a;border:1px solid #242936;border-radius:10px;display:flex;align-items:center;gap:12px;padding:12px 16px;transition:border-color .15s ease,background .15s ease}.quick-action:hover{border-color:#8b5cf6;background:#181b24}.quick-action__icon{width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#8b5cf626;color:#c4b5fd}.quick-action__text{min-width:0;display:flex;flex-direction:column}.quick-action__text strong{font-size:12.5px;font-weight:600}.quick-action__text small{font-size:11px;color:#71718a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;border:1px solid transparent}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge--queued{color:#a6a6bd;background:#222632;border-color:#343b4b}.status-badge--running{color:#c4b5fd;background:#8b5cf626;border-color:#7c3aed73}.status-badge--succeeded{color:#34d399;background:#34d3991f;border-color:#34d39959}.status-badge--failed{color:#f87171;background:#f871711f;border-color:#f8717159}.status-badge--cancelled{color:#71718a;background:#181b24;border-color:#242936}.generation-card{background:#11131a;border:1px solid #242936;border-radius:10px;display:flex;gap:12px;padding:12px;transition:border-color .15s ease,background .15s ease}.generation-card:hover{border-color:#343b4b;background:#181b24}.generation-card--active{align-items:stretch}.generation-card__thumb{width:84px;height:60px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#ffffffbf}.generation-card__thumb--v1{background:linear-gradient(135deg,#312e81,#0e7490)}.generation-card__thumb--v2{background:linear-gradient(135deg,#4c1d95,#be185d)}.generation-card__thumb--v3{background:linear-gradient(135deg,#14532d,#0f766e)}.generation-card__thumb--v4{background:linear-gradient(135deg,#1e293b,#7c3aed)}.generation-card__thumb--v5{background:linear-gradient(135deg,#7c2d12,#a21caf)}.generation-card__thumb--v6{background:linear-gradient(135deg,#0c4a6e,#6d28d9)}.generation-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.generation-card__title{font-size:14px;font-weight:600;color:#f2f2f7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.generation-card__title:hover{color:#c4b5fd}.generation-card__title:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.generation-card__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.generation-card__time{font-size:11px;color:#71718a}.generation-card__progress{height:4px;border-radius:2px;background:#222632;overflow:hidden;margin-top:auto}.generation-card__progress-fill{display:block;width:32%;height:100%;border-radius:2px;background:#8b5cf6;animation:indeterminate-slide 1.6s ease-in-out infinite}.generation-card__actions{display:flex;flex-direction:column;gap:8px;align-items:center}.generation-card__action{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid #242936;background:#181b24;color:#a6a6bd;transition:color .15s ease,border-color .15s ease}.generation-card__action:hover:not(:disabled){color:#f2f2f7;border-color:#343b4b}.generation-card__action:disabled{opacity:.45;cursor:not-allowed}.empty-state{background:#11131a;border:1px solid #242936;border-radius:10px;padding:32px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.empty-state--compact{padding:16px}.empty-state__icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#181b24;color:#71718a;margin-bottom:4px}.empty-state__title{font-size:16px;font-weight:600}.empty-state__description{color:#a6a6bd;font-size:12.5px;max-width:46ch}.empty-state__action{margin-top:12px}.error-state{background:#11131a;border:1px solid #242936;border-radius:10px;padding:24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;border-color:#f8717159}.error-state__icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#f871711f;color:#f87171}.error-state__title{font-size:16px;font-weight:600}.error-state__message{color:#a6a6bd;font-size:12.5px;max-width:52ch}.error-state__retry{margin-top:12px;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:6px;background:#222632;border:1px solid #343b4b;font-size:12.5px;font-weight:600;transition:background .15s ease}.error-state__retry:hover{background:#242936}.loading-state{display:grid;gap:12px}.loading-state--cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.loading-state--rows,.loading-state--panel{grid-template-columns:1fr}.loading-state__item{background:#11131a;border:1px solid #242936;border-radius:10px;padding:12px;display:flex;gap:12px}.loading-state__thumb{background:linear-gradient(90deg,#181b24 25%,#222632,#181b24 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-radius:6px;width:84px;height:60px;flex-shrink:0}.loading-state__lines{flex:1;display:flex;flex-direction:column;gap:8px;justify-content:center}.loading-state__line{background:linear-gradient(90deg,#181b24 25%,#222632,#181b24 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-radius:6px;height:10px;width:60%}.loading-state__line--wide{width:85%}.active-generations{margin-bottom:24px}.active-generations__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.thumbnail{width:100%;height:100%;object-fit:cover;border-radius:6px;background:#181b24}.project-card{background:#11131a;border:1px solid #242936;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s ease,transform .15s ease}.project-card:hover{border-color:#343b4b;transform:translateY(-1px)}.project-card__thumb{position:relative;aspect-ratio:16/9;background:#181b24}.project-card__thumb .thumbnail{border-radius:0}.project-card__duration{position:absolute;right:8px;bottom:8px;padding:2px 7px;border-radius:6px;background:#000000b8;color:#fff;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.project-card__menu{position:absolute;top:8px;right:8px}.project-card__menu-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:#0009;color:#fff;opacity:0;transition:opacity .15s ease}.project-card__menu-btn:focus-visible{opacity:1}.project-card:hover .project-card__menu-btn,.project-card__menu-btn[aria-expanded=true]{opacity:1}.project-card__pop{position:absolute;top:calc(100% + 6px);right:0;z-index:20;min-width:180px;background:#11131a;border:1px solid #242936;border-radius:10px;box-shadow:0 8px 24px #00000059;padding:4px;display:flex;flex-direction:column}.project-card__pop-item{text-align:left;padding:7px 12px;border-radius:6px;font-size:12.5px;color:#a6a6bd}.project-card__pop-item:hover:not(:disabled){background:#181b24;color:#f2f2f7}.project-card__pop-item:disabled{opacity:.5;cursor:not-allowed}.project-card__body{padding:12px;display:flex;flex-direction:column;gap:6px}.project-card__title{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.project-card__status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px}.project-card__status--ok{color:#34d399;background:#34d3991f}.project-card__status--run{color:#c4b5fd;background:#8b5cf626}.project-card__status--idle{color:#71718a;background:#222632}.project-card__time{font-size:11px;color:#71718a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-projects__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.recent-projects__all{font-size:12.5px;font-weight:600;color:#c4b5fd}.recent-projects__all:hover{text-decoration:underline}.recent-projects__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.status-panel{display:flex;flex-direction:column;gap:12px;position:sticky;top:73px;min-width:0}@media(max-width:1280px){.status-panel{position:static;flex-direction:row;flex-wrap:wrap}}@media(max-width:640px){.status-panel{flex-direction:column}}.status-panel__block{background:#11131a;border:1px solid #242936;border-radius:10px;padding:16px;min-width:0}@media(max-width:1280px){.status-panel__block{flex:1 1 220px}}@media(max-width:640px){.status-panel__block{width:100%;flex:0 1 auto}}.status-panel__block--attention{border-color:#fbbf244d;background:#fbbf240a}.status-panel__label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#71718a;margin-bottom:8px}.status-panel__value{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.status-panel__hint{font-size:11px;color:#71718a}.status-panel__skeleton{background:linear-gradient(90deg,#181b24 25%,#222632,#181b24 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-radius:6px;height:26px;width:70%}.status-panel__attention{display:flex;flex-direction:column;gap:8px}.status-panel__attention-link{display:flex;align-items:center;gap:8px;padding:8px 12px;min-width:0;border-radius:6px;background:#181b24;color:#fbbf24;font-size:12.5px;transition:background .15s ease}.status-panel__attention-link:hover{background:#222632}.status-panel__attention-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a6a6bd}.status-panel__review{font-weight:700;font-size:11px;padding:2px 8px;border-radius:999px;background:#8b5cf6;color:#fff}.status-panel__ok{display:flex;align-items:center;gap:8px;color:#34d399;font-size:12.5px;font-weight:600}.dashboard-page__header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px;padding:8px 0}.dashboard-page__header h1{margin-top:4px;font-size:clamp(28px,3vw,42px);line-height:1.08;letter-spacing:-.04em}@media(max-width:768px){.dashboard-page__header{align-items:flex-start;flex-direction:column;margin-bottom:24px}}.dashboard-page__eyebrow{color:#a78bfa;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.dashboard-page__subtitle{margin-top:8px;color:#a6a6bd;font-size:16px}.dashboard-page__header-actions{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(52,211,153,.2);border-radius:999px;background:#34d39912;color:#9fe8c8;font-size:12.5px;font-weight:600;white-space:nowrap}.dashboard-page__status-dot{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px #34d3991f}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:24px;align-items:start}@media(max-width:1280px){.dashboard{grid-template-columns:1fr}}.dashboard__main{min-width:0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.generations-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.generations-filters__btn{padding:7px 16px;border-radius:6px;background:#11131a;border:1px solid #242936;color:#a6a6bd;font-size:12.5px;font-weight:600;transition:all .15s ease}.generations-filters__btn:hover{color:#f2f2f7;border-color:#343b4b}.generations-filters__btn:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.generations-filters__btn--active{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.generations-filters__btn--active:hover{color:#fff}.generations-note{margin-bottom:12px;font-size:11px;color:#71718a}.generations-lookup{max-width:900px;padding:24px;margin-bottom:24px;background:#11131a;border:1px solid #242936;border-radius:10px}.generations-lookup h2{margin-bottom:8px;font-size:16px}.generations-lookup__intro{margin-bottom:16px;color:#a6a6bd;font-size:12.5px;line-height:1.5}.generations-lookup__form,.generations-filters,.generations-pagination{min-width:0}.generations-lookup__form{display:flex;flex-direction:column;gap:8px}.generations-lookup__form label{color:#a6a6bd;font-size:12.5px;font-weight:600}.generations-lookup__controls{display:flex;align-items:stretch;gap:12px;min-width:0}.generations-lookup__controls input{flex:1 1 auto;min-width:0;width:100%;padding:9px 12px;background:#181b24;border:1px solid #343b4b;border-radius:6px;color:#f2f2f7;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:12.5px}.generations-lookup__controls input::placeholder{color:#71718a}.generations-lookup__controls input:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.generations-lookup__controls input[aria-invalid=true]{border-color:#f87171}.generations-lookup__controls button{flex:0 0 auto;padding:9px 16px;border-radius:6px;background:#8b5cf6;color:#fff;font-size:12.5px;font-weight:700;white-space:nowrap}.generations-lookup__controls button:hover:not(:disabled){background:#7c3aed}.generations-lookup__controls button:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.generations-lookup__controls button:disabled{opacity:.55;cursor:not-allowed}.generations-lookup__error{color:#f87171;font-size:12.5px}@media(max-width:640px){.generations-lookup{padding:16px}.generations-lookup__controls{flex-direction:column}.generations-lookup__controls button{width:100%}}.generations-list{display:flex;flex-direction:column;gap:12px;max-width:900px}.generations-pagination{display:flex;justify-content:space-between;gap:12px;margin-top:16px;max-width:900px}.generations-pagination button{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;background:#11131a;border:1px solid #242936;color:#a6a6bd;font-size:12.5px;font-weight:600}.generations-pagination button:hover:not(:disabled){color:#f2f2f7;border-color:#343b4b}.generations-pagination button:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.generations-pagination button:disabled{opacity:.45;cursor:not-allowed}.generation-detail{max-width:860px}.generation-detail__back{display:inline-flex;align-items:center;gap:6px;margin-bottom:16px;color:#a6a6bd;font-size:12.5px;font-weight:600}.generation-detail__back:hover{color:#c4b5fd}.generation-detail__card{background:#11131a;border:1px solid #242936;border-radius:10px;padding:24px;display:flex;flex-direction:column;gap:16px}.generation-detail__row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:start}@media(max-width:640px){.generation-detail__row{grid-template-columns:1fr;gap:4px}}.generation-detail__row dt{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#71718a;padding-top:2px}.generation-detail__row dd{font-size:14px;color:#f2f2f7;min-width:0}.generation-detail__mono{font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:12.5px;word-break:break-all}.generation-detail__prompt{white-space:pre-wrap;line-height:1.6}.settings-page{max-width:640px}.settings-page__card{background:#11131a;border:1px solid #242936;border-radius:10px;padding:24px;display:flex;flex-direction:column;gap:16px}.settings-page__row{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-page__row label,.settings-page__row .settings-page__label{font-size:14px;font-weight:600}.settings-page__row select{padding:8px 12px;background:#181b24;border:1px solid #242936;border-radius:6px;color:#f2f2f7}.settings-page__row input[type=checkbox]{width:18px;height:18px;accent-color:#8b5cf6}.settings-page__value{color:#a6a6bd;font-size:12.5px}.settings-page__note{font-size:11px;color:#71718a}.help-page{max-width:760px}.help-page__card{background:#11131a;border:1px solid #242936;border-radius:10px;padding:24px;display:flex;flex-direction:column;gap:12px;color:#a6a6bd;font-size:14px;line-height:1.65}.help-page__card h2{margin-top:8px;font-size:16px;color:#f2f2f7}.help-page__card ol{list-style:decimal;padding-left:24px;display:flex;flex-direction:column;gap:4px}.help-page__card a{color:#c4b5fd;font-weight:600}.help-page__card a:hover{text-decoration:underline}.help-page__card strong{color:#f2f2f7}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;color:#f2f2f7;background:radial-gradient(circle at 75% -10%,rgba(124,58,237,.13),transparent 32rem),#090a0f;-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{display:block;max-width:100%}:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:12px;top:-48px;z-index:100;padding:8px 16px;background:#8b5cf6;color:#fff;border-radius:6px;transition:top .15s ease}.skip-link:focus-visible{top:12px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes indeterminate-slide{0%{transform:translate(-100%)}to{transform:translate(320%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#222632;border-radius:8px;border:2px solid #090a0f}::-webkit-scrollbar-track{background:transparent}