.generation-history-modal,.user-history-body,.user-history-detail-portal{--accent:#22d3ee;--accent-strong:#67e8f9;--accent-active:#06b6d4;--accent-soft:#22d3ee1a;--accent-border:#22d3ee52;--accent-ring:#22d3ee2e;--accent-2:#a1a1aa;--accent-2-soft:#ffffff12;--bg:#0a0a0b;--surface:#131316;--surface-hover:#1d1d21;--surface-2:#101013;--panel:#ffffff0f;--border:#ffffff1a;--border-weak:#ffffff12;--border-strong:#ffffff2e;--text-title:#f5f5f7;--text:#ffffffdb;--text-dim:#ffffffa6;--text-faint:#ffffff73;--text-placeholder:#fff6;--ok:#6fd69a;--ok-soft:#48bb781f;--warn:#e6b566;--warn-soft:#d997301f;--danger:#f28b82;--danger-soft:#ef68601f;--shadow-pop:0 24px 64px #0000008f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.user-history-body{background:var(--bg);height:auto;min-height:100dvh;overflow:visible}.user-history-shell{background:var(--bg);min-height:100dvh}.generation-history-modal{z-index:var(--z-backdrop);height:auto;min-height:100dvh;animation:generation-history-backdrop-in var(--dur) var(--ease) both;background:#000000c2;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow:hidden}.generation-history-dialog{border:1px solid var(--border);background:var(--surface);width:min(1180px,100vw - 48px);max-height:min(88dvh,820px);box-shadow:var(--shadow-pop);animation:generation-history-dialog-in var(--dur) var(--ease) both;border-radius:14px;flex-direction:column;display:flex;overflow:hidden}@keyframes generation-history-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes generation-history-dialog-in{0%{opacity:0;transform:translateY(8px)scale(.995)}to{opacity:1;transform:none}}.generation-history-dialog-head{border-bottom:1px solid var(--border);background:#131316;flex:none;align-items:center;gap:16px;min-height:64px;padding:12px 20px;display:flex}.generation-history-dialog-head h2{color:var(--text-title);letter-spacing:0;margin:0;font-size:16px;font-weight:600}.generation-history-dialog-head p{color:var(--text-faint);margin:2px 0 0;font-size:12.5px}.generation-history-dialog-close{border-radius:var(--r-sm);width:36px;height:36px;color:var(--text-faint);cursor:pointer;transition:background-color var(--dur-fast) ease-out, color var(--dur-fast) ease-out;background:0 0;border:0;flex:none;place-items:center;margin-left:auto;display:grid}.generation-history-dialog-close:hover{background:var(--surface-hover);color:var(--text-title)}.generation-history-dialog-body{overscroll-behavior:contain;scrollbar-color:#ffffff38 transparent;scrollbar-width:thin;background:var(--surface-2);flex:1;min-height:0;overflow-y:auto}.generation-history-dialog-body::-webkit-scrollbar{width:8px;height:8px}.user-history-detail-portal .adm-drawer-body::-webkit-scrollbar{width:8px;height:8px}.generation-history-dialog-body::-webkit-scrollbar-track{background:0 0}.user-history-detail-portal .adm-drawer-body::-webkit-scrollbar-track{background:0 0}.generation-history-dialog-body::-webkit-scrollbar-thumb{background:#fff3 padding-box padding-box;border:2px solid #0000;border-radius:8px}.user-history-detail-portal .adm-drawer-body::-webkit-scrollbar-thumb{background:#fff3 padding-box padding-box;border:2px solid #0000;border-radius:8px}.generation-history-dialog-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d padding-box padding-box}.user-history-detail-portal .adm-drawer-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d padding-box padding-box}.generation-history-dialog-body .user-history-panel{border:0;border-radius:0;min-height:100%;margin:0}.generation-history-modal .genr-date,.generation-history-modal .genr-select,.user-history-body .genr-date,.user-history-body .genr-select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff09}.generation-history-modal .genr-select option,.user-history-body .genr-select option{color:var(--text);background:#17171a}.generation-history-modal .adm-btn.ghost,.user-history-body .adm-btn.ghost,.user-history-detail-portal .adm-btn.ghost{background:0 0}.generation-history-modal .adm-btn.ghost:hover,.user-history-body .adm-btn.ghost:hover,.user-history-detail-portal .adm-btn.ghost:hover{background:var(--panel)}.generation-history-modal .tag2.green,.user-history-body .tag2.green,.user-history-detail-portal .tag2.green{color:#79d9a0}.generation-history-modal .tag2.red,.user-history-body .tag2.red,.user-history-detail-portal .tag2.red{color:#f28b82}.generation-history-modal .tag2.amber,.user-history-body .tag2.amber,.user-history-detail-portal .tag2.amber{color:#e6b566}.generation-history-modal .tag2.blue,.user-history-body .tag2.blue,.user-history-detail-portal .tag2.blue{color:#93c5c7}.generation-history-modal .skel,.user-history-body .skel,.user-history-detail-portal .skel{background:#ffffff12}.generation-history-modal .skel:after,.user-history-body .skel:after,.user-history-detail-portal .skel:after{background:linear-gradient(90deg,#0000,#ffffff0d,#0000)}.user-history-detail-portal .adm-mask{background:#000000a8}.user-history-detail-portal .adm-drawer-body{scrollbar-color:#ffffff38 transparent;scrollbar-width:thin}.user-history-panel{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}.user-history-panel-head{border-bottom:1px solid var(--border);align-items:center;gap:20px;min-height:72px;padding:16px 20px;display:flex}.user-history-panel-title{align-items:baseline;gap:9px;min-width:132px;display:flex}.user-history-panel-title h2{color:var(--text-title);letter-spacing:.01em;margin:0;font-size:15px;font-weight:600}.user-history-panel-title span{color:var(--text-faint);white-space:nowrap;font-size:12px}.user-history-panel-tools{align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}.user-history-search{border:1px solid var(--border);border-radius:var(--r);width:min(300px,32vw);height:36px;color:var(--text-faint);background:#ffffff06;align-items:center;gap:8px;padding:0 11px;transition:border-color .12s ease-out,box-shadow .12s ease-out;display:flex}.user-history-search:focus-within{box-shadow:0 0 0 3px var(--accent-ring);border-color:#22d3ee8c}.user-history-search input{width:100%;min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;font-size:13px}.user-history-search input::placeholder{color:var(--text-placeholder)}.user-history-refresh,.user-history-pager button{border:1px solid var(--border);border-radius:var(--r);height:36px;color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;transition:border-color .12s ease-out,background-color .12s ease-out,color .12s ease-out;display:inline-flex}.user-history-refresh:hover,.user-history-pager button:hover:not(:disabled){border-color:var(--border-strong);background:var(--panel);color:var(--text-title)}.user-history-filters{border-bottom:1px solid var(--border);background:#101013;align-items:center;gap:8px;min-height:56px;padding:10px 20px;display:flex}.user-history-filters label{align-items:center;display:inline-flex}.user-history-filters .genr-date,.user-history-filters .genr-select{background:#ffffff06;height:34px}.user-history-date-range{color:var(--text-faint);align-items:center;gap:8px;font-size:12px;display:inline-flex}.user-history-date-range label{gap:7px}.user-history-date-range label>span{color:var(--text-faint)}.user-history-list-head,.user-history-row{grid-template-columns:92px minmax(220px,1fr) 72px 72px 92px 174px 24px;align-items:center;column-gap:16px;padding-inline:20px;display:grid}.user-history-list-head{border-bottom:1px solid var(--border-weak);min-height:36px;color:var(--text-faint);letter-spacing:.02em;background:#101013;font-size:11.5px}.user-history-list-head>:nth-child(4),.user-history-list-head>:nth-child(5){text-align:right}.user-history-list{margin:0;padding:0;list-style:none}.user-history-list li+li{border-top:1px solid var(--border-weak)}.user-history-row{width:100%;min-height:64px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;transition:background-color .12s ease-out}.user-history-row:hover{background:#ffffff09}.user-history-row:focus-visible{z-index:1;outline-offset:-1px;outline:1px solid #22d3eeb8;position:relative}.user-history-kind,.user-history-state{white-space:nowrap;align-items:center;gap:6px;width:fit-content;display:inline-flex}.user-history-kind{border:1px solid var(--border-weak);border-radius:var(--r-sm);min-height:26px;color:var(--text-dim);background:#ffffff0a;padding:0 8px;font-size:12px}.user-history-summary{min-width:0;display:block}.user-history-summary strong,.user-history-summary>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.user-history-summary strong{color:var(--text-title);font-size:13.5px;font-weight:600}.user-history-summary>span{color:var(--text-faint);margin-top:4px;font-size:12px}.user-history-state{color:var(--text-dim);font-size:12px}.user-history-state i{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.user-history-state.is-success{color:var(--ok)}.user-history-state.is-failed{color:var(--danger)}.user-history-meta{display:contents}.user-history-points,.user-history-duration,.user-history-created{color:var(--text-faint);font-family:var(--mono);white-space:nowrap;font-size:12px}.user-history-points,.user-history-duration{text-align:right}.user-history-points{color:var(--text-dim)}.user-history-row-arrow{color:var(--text-faint);place-items:center;transition:color .12s ease-out,transform .12s ease-out;display:grid}.user-history-row:hover .user-history-row-arrow{color:var(--text-dim);transform:translate(2px)}.user-history-pager{border-top:1px solid var(--border);min-height:56px;color:var(--text-faint);justify-content:space-between;align-items:center;gap:16px;padding:10px 20px;font-size:12px;display:flex}.user-history-pager>div{gap:6px;display:flex}.user-history-pager button{width:34px;padding:0}.user-history-pager button:disabled{opacity:.35;cursor:default}.user-history-list-skeleton{overflow:hidden}.user-history-skeleton-row{grid-template-columns:92px minmax(220px,1fr) 104px;align-items:center;gap:16px;min-height:64px;padding:0 20px;display:grid}.user-history-skeleton-row+.user-history-skeleton-row{border-top:1px solid var(--border-weak)}.user-history-skeleton-kind{width:64px;height:26px}.user-history-skeleton-copy{flex-direction:column;gap:7px;display:flex}.user-history-skeleton-copy .skel:first-child{width:min(180px,62%);height:12px}.user-history-skeleton-copy .skel:last-child{width:min(320px,86%);height:10px}.user-history-skeleton-meta{justify-self:end;width:88px;height:12px}.user-history-feedback{padding:16px 20px}.user-history-detail-portal{z-index:var(--z-modal);background:0 0;height:auto;min-height:0;position:fixed;inset:0;overflow:visible}.user-history-topbar{z-index:var(--z-sticky);border-bottom:1px solid var(--border);background:#0a0a0b;position:sticky;top:0}.user-history-topbar-inner{justify-content:space-between;align-items:center;width:min(1440px,100%);height:64px;margin-inline:auto;padding-inline:32px;display:flex}.user-history-brand,.user-history-back{color:var(--text-title);align-items:center;text-decoration:none;display:inline-flex}.user-history-brand{letter-spacing:.02em;gap:10px;font-size:14px;font-weight:600}.user-history-brand-mark{border:1px solid var(--border);background:var(--surface-2);width:24px;height:24px;color:var(--text-title);border-radius:7px;place-items:center;font-size:12px;font-weight:600;display:grid}.user-history-back{min-height:32px;color:var(--text-dim);border-radius:6px;gap:6px;padding:0 9px;font-size:13px;transition:background-color .12s ease-out,color .12s ease-out}.user-history-back:hover{background:var(--surface-hover);color:var(--text-title)}.user-history-main{width:min(1440px,100%);margin-inline:auto;padding:32px 32px 64px}.user-history-heading{margin-bottom:24px}.user-history-heading h1{color:var(--text-title);letter-spacing:-.02em;margin:0;font-size:28px;font-weight:600;line-height:1.3}.user-history-heading p{color:var(--text-faint);margin:8px 0 0;font-size:13px}.user-history-result-list{flex-direction:column;gap:10px;display:flex}.user-history-result{border:1px solid var(--border-weak);border-radius:var(--r-sm);background:var(--surface-2);position:relative;overflow:hidden}.user-history-result img,.user-history-result video{object-fit:contain;background:#0a0a0b;width:100%;max-height:420px;display:block}.user-history-result audio{width:calc(100% - 24px);margin:14px 12px;display:block}.user-history-result-meta{border-top:1px solid var(--border-weak);color:var(--text-faint);justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;font-size:12px;display:flex}.user-history-result-meta a{color:var(--text-dim);font-weight:500;text-decoration:none}.user-history-result-meta a:hover{color:var(--text-title);text-decoration:underline}.user-history-input-link{color:inherit;text-decoration:none}.user-history-input-groups{flex-direction:column;gap:20px;display:flex}.user-history-input-group{min-width:0}.user-history-input-group+.user-history-input-group{border-top:1px solid var(--border-weak);padding-top:20px}.user-history-input-group-head{color:var(--text-dim);align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:500;display:flex}.user-history-input-count{color:var(--text-faint);font-family:var(--mono);font-size:11px;font-weight:400}.user-history-input-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.user-history-input-grid.is-file-list{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}.user-history-input-card{aspect-ratio:1;border:1px solid var(--border-weak);border-radius:var(--r-sm);min-width:0;color:var(--text-title);transition:border-color var(--dur-fast) ease-out;background:#0a0a0b;text-decoration:none;display:block;position:relative;overflow:hidden}.user-history-input-card:hover{border-color:var(--border-strong)}.user-history-input-card img,.user-history-input-card video{object-fit:cover;width:100%;height:100%;display:block}.user-history-input-card.is-video video{opacity:.82}.user-history-input-card-label{color:#ffffffe0;text-overflow:ellipsis;white-space:nowrap;background:#000000a8;border-radius:6px;padding:4px 6px;font-size:11px;line-height:1.2;position:absolute;bottom:6px;left:6px;right:6px;overflow:hidden}.user-history-input-play{color:#fff;background:#0000009e;border:1px solid #ffffff3d;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.user-history-input-play svg{margin-left:2px}.user-history-input-expand{border-radius:var(--r-sm);min-height:32px;color:var(--text-faint);font:inherit;cursor:pointer;transition:background var(--dur-fast) ease-out, color var(--dur-fast) ease-out;background:0 0;border:0;align-items:center;gap:6px;margin-top:8px;padding:0 8px;font-size:12px;display:inline-flex}.user-history-input-expand:hover{background:var(--panel);color:var(--text-dim)}.user-history-input-expand svg{transition:transform var(--dur) var(--ease)}.user-history-input-expand[aria-expanded=true] svg{transform:rotate(180deg)}.user-history-error{border-radius:var(--r-sm);background:var(--danger-soft);color:var(--danger);word-break:break-word;border:1px solid #f28b8238;padding:13px 14px;font-size:13px;line-height:1.65}.user-history-error-reason{gap:2px;display:grid}.user-history-error-reason>span{color:#f28b82c2;font-size:11.5px;font-weight:600}.user-history-error-reason>strong{color:var(--danger);font-size:13.5px;font-weight:600}.user-history-error-refund{color:var(--text-dim);margin-top:7px;font-size:12px}@media (max-width:980px){.user-history-list-head,.user-history-row{grid-template-columns:84px minmax(180px,1fr) 68px 60px 80px 150px 20px;column-gap:12px;padding-inline:16px}}@media (max-width:860px){.user-history-panel-head{flex-wrap:wrap;gap:12px;padding:14px 16px}.user-history-panel-tools{width:100%}.user-history-search{flex:1;width:auto}.user-history-filters{flex-wrap:wrap;padding-inline:16px}.user-history-list-head{display:none}.user-history-row{grid-template-columns:82px minmax(0,1fr) auto;grid-template-areas:"kind summary state""kind meta arrow";align-items:start;gap:7px 12px;min-height:82px;padding-block:14px}.user-history-kind{grid-area:kind}.user-history-summary{grid-area:summary}.user-history-state{grid-area:state;margin-top:2px}.user-history-meta{flex-wrap:wrap;grid-area:meta;align-items:center;gap:5px 14px;min-width:0;display:flex}.user-history-points,.user-history-duration{text-align:left}.user-history-points:before,.user-history-duration:before{content:attr(data-label) " ";color:var(--text-placeholder);font-family:var(--ui)}.user-history-created{text-overflow:ellipsis;overflow:hidden}.user-history-row-arrow{grid-area:arrow;align-self:center}.user-history-skeleton-row{grid-template-columns:76px minmax(0,1fr) 72px;padding-inline:16px}}@media (max-width:760px){.generation-history-modal{align-items:stretch;padding:0}.generation-history-dialog{border:0;border-radius:0;width:100vw;max-height:100dvh}.generation-history-dialog-head{min-height:64px;padding:10px 16px}.generation-history-dialog-close{width:44px;height:44px}.user-history-topbar-inner{height:56px;padding-inline:16px}.user-history-main{padding:24px 16px 48px}.user-history-heading{margin-bottom:20px}.user-history-heading h1{font-size:24px}.user-history-back span{display:none}.user-history-back,.user-history-panel .adm-btn,.user-history-panel .genr-date,.user-history-panel .genr-select{min-height:44px}.user-history-filters>label{flex:calc(50% - 4px)}.user-history-filters>label .genr-select,.user-history-date-range{width:100%}.user-history-date-range label{flex:1;min-width:0}.user-history-date-range .genr-date{width:100%;min-width:0}.genr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-history-input-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}}@media (prefers-reduced-motion:reduce){.generation-history-modal,.generation-history-dialog{animation:none}}@media (max-width:480px){.generation-history-dialog-head{padding-left:14px}.user-history-panel-head,.user-history-filters,.user-history-pager{padding-inline:14px}.user-history-refresh{width:42px;padding:0}.user-history-refresh span{display:none}.user-history-row{grid-template-columns:76px minmax(0,1fr) auto;column-gap:10px;padding-inline:14px}.user-history-meta{gap-inline:10px}.user-history-created{flex-basis:100%}.genr-grid{grid-template-columns:1fr}}
