.history{position:relative;display:flex;flex-direction:column;height:100%;padding:0 16px}.history__center{display:flex;align-items:center;justify-content:center;height:100%}.history__toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;margin-top:40px}.history__segmented-dropdown{display:none}@media(max-width:500px){.history__segmented-dropdown{display:block}}.history__segmented{position:relative;display:inline-flex;align-items:center;gap:4px;background:hsl(var(--muted));border-radius:20px;padding:4px}@media(max-width:500px){.history__segmented{display:none}}.history__segmented-button{position:relative;z-index:1;padding:10px 16px;border-radius:16px;font-size:13px;font-weight:500;transition:color .3s ease;color:hsl(var(--muted-foreground))}.history__segmented-button.is-active{color:hsl(var(--foreground))}@media(max-width:500px){.history__segmented-button{padding:5px 10px}}.history__segmented-indicator{position:absolute;top:4px;bottom:4px;background:hsl(var(--background));border-radius:16px;box-shadow:0 1px 2px #0000000f;transition:left .3s ease,width .3s ease}.history__filters{display:flex;gap:8px}.history__filter-btn{display:inline-flex;align-items:center;gap:8px}.history__dropdown{min-width:220px}.history__content{flex:1 1 auto;min-height:0}.history__scroll{height:100%;padding-right:16px}.history__groups{display:flex;flex-direction:column;gap:32px}.history__date{font-size:20px;font-weight:600;margin:0 0 16px;color:color-mix(in oklab,hsl(var(--foreground)) 80%,transparent)}.history__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}@media(min-width:640px){.history__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:768px){.history__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.history__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:1280px){.history__grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.history__item-card{position:relative;aspect-ratio:1 / 1;width:100%;overflow:hidden;border-radius:12px;background:hsl(var(--card));border:1px solid hsl(var(--border));transition:border-color .2s ease}@supports not (aspect-ratio: 1 / 1){.history__item-card:before{content:"";display:block;padding-top:100%}}.history__item-card:hover{border-color:color-mix(in oklab,hsl(var(--primary)) 50%,hsl(var(--border)) 50%)}.history__delete-btn{position:absolute;top:4px;right:4px;z-index:10;width:32px;height:32px;min-width:44px;min-height:44px;border-radius:999px;background:#00000080;color:#fff;opacity:0;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center}.history__item-card:hover .history__delete-btn{opacity:1}@media(hover:none){.history__delete-btn{opacity:.7}}.history__thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;overflow:hidden}.history__thumbnail-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .3s ease,filter .3s ease}.history__item-card:hover .history__thumbnail-image{transform:scale(1.05)}.history__thumbnail-image.is-processing{filter:blur(6px);transform:scale(1.1)}.history__thumbnail-video,.history__thumbnail-empty{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#1e40af33,#581c8733);color:#9ec1ff}.history__thumbnail-empty{background:hsl(var(--muted));color:hsl(var(--muted-foreground))}.history__processing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.history__processing-label{margin-top:8px;color:#fff;font-size:12px;font-weight:500}.history__photo-type{position:absolute;top:4px;left:4px;background:#000000b3;color:#fff;border-radius:999px;padding:4px}.history__flags{position:absolute;bottom:4px;left:4px;display:flex;gap:4px}.history__flag{background:#0009;padding:6px;border-radius:999px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff}.history__empty{text-align:center;color:hsl(var(--muted-foreground))}.history__empty-title{font-size:18px;font-weight:600;margin-bottom:8px}.history__alert{background:color-mix(in oklab,hsl(var(--card)) 90%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid hsl(var(--border));border-radius:16px;box-shadow:0 10px 30px #0006}.history__dialog{margin:0 16px;display:flex;flex-direction:column;height:92vh;max-width:1400px;width:95vw;border-radius:32px;border:1px solid rgba(255,255,255,.1);background:#0c0c0cf0;box-shadow:0 20px 60px #0009;padding:0}@media(max-width:768px){.history__dialog{margin:0;width:100vw;height:100vh;max-height:100vh;border-radius:0}}.history__dialog-header{display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.08);padding:20px 24px}@media(max-width:480px){.history__dialog-header{padding:16px;gap:8px}}.history__dialog-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:999px;background:#ffffff0f;color:#fffc}.history__dialog-titlebar{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.history__dialog-heading{min-width:0;flex:1}.history__dialog-heading-row{display:flex;align-items:center;gap:10px;min-width:0}.history__dialog-title{margin:0;font-size:16px;font-weight:600;color:#fff;min-width:0;flex:0 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history__type-badge{flex-shrink:0;display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#ffffffbf}.history__dialog-sub{display:block;margin-top:4px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#ffffff73}.history__dialog-actions{display:flex;align-items:center;gap:8px}.history__details-btn{border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0d;color:#ffffffb3}.history__feedback{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:4px 12px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#ffffff8c}.history__dialog-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;min-width:44px;min-height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff9;transition:color .15s ease,background .15s ease}.history__dialog-close:hover{color:#fff;background:#ffffff1a}.history__sentinel{height:1px;width:100%}.history__load-more{display:flex;align-items:center;justify-content:center;padding:24px 0}.history__dialog-body{display:grid;grid-template-columns:1fr;gap:20px;flex:1;min-height:0;padding:20px 24px 24px;overflow:hidden}@media(min-width:1024px){.history__dialog-body.is-split{grid-template-columns:minmax(0,1.55fr) minmax(340px,1fr)}}@media(max-width:768px){.history__dialog-body{padding:16px;gap:16px;overflow-y:auto;-webkit-overflow-scrolling:touch}}.history__dialog-preview{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:#000000a6}.history__preview-media{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.history__preview-image{width:100%;height:100%;object-fit:contain;transition:transform .5s ease}.history__dialog-preview:hover .history__preview-image{transform:scale(1.02)}.history__preview-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff6;font-size:14px}.history__preview-error{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.history__preview-error .history__preview-image{filter:brightness(.45) saturate(.7)}.history__preview-error-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;color:#ffffffd9;background:radial-gradient(ellipse at center,#0000008c,#00000040)}.history__preview-error-title{margin:0;font-size:16px;font-weight:600}.history__preview-error-sub{margin:0;max-width:320px;font-size:13px;color:#fff9;line-height:1.4}.history__preview-error-btn{margin-top:4px;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;display:inline-flex;align-items:center;gap:8px}.history__details{display:flex;min-height:0;height:100%;flex-direction:column}.history__details-content{display:flex;flex-direction:column;gap:10px;padding-right:4px}.history__primary-action{width:100%;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:#fffffff2;color:#000;padding:0;font-size:14px;font-weight:600}.history__primary-action:hover{background:#fff}.history__primary-action-inner{display:inline-flex;align-items:center;gap:8px}.history__feedback-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.history__feedback-btn{height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffffa6;font-size:13px}.history__feedback-btn.is-liked{border-color:#6ee7b766;background:#10b98126;color:#d1fae5}.history__feedback-btn.is-disliked{border-color:#fca5a580;background:#f8717126;color:#fee2e2}.history__section{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.history__section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:20px}.history__section-title{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#ffffff8c}.history__section-action{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;font-size:11px;font-weight:500;color:#ffffffb3;transition:background .15s ease}.history__section-action:hover{background:#ffffff14;color:#fff}.history__section-body{display:flex;flex-direction:column}.history__prompts{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#ffffffbf}.history__text{margin:0;line-height:1.45;display:flex;flex-direction:column;gap:2px}.history__text-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:#ffffff59}.history__assets{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:#ffffff8c}.history__asset{display:flex;flex-direction:column;align-items:center;gap:4px;width:64px}.history__asset-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:#ffffff73}.history__asset-image{width:64px;height:64px;border-radius:10px;border:1px solid rgba(255,255,255,.08);object-fit:cover}.history__downloads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.history__download-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;padding:0 12px;font-size:12px;font-weight:500;color:#fffc;transition:background .15s ease}.history__download-btn:hover{background:#ffffff14;color:#fff}.history__segmented-button,.history__filter-btn{min-height:44px}@media(max-width:480px){.history__toolbar{flex-direction:column;gap:12px;align-items:stretch;margin-top:20px}.history__filters{justify-content:flex-end}.history__grid{gap:12px}}
