.images-view-page{display:flex;flex-direction:column;height:100%;padding:0;background:var(--color-bg-page);overflow-y:auto}.images-view-page[hidden]{display:none}.images-view-content{width:100%;max-width:1440px;margin:0 auto;display:flex;flex-direction:column;flex:1}.images-title-row{display:flex;align-items:center;gap:8px;padding:200px 0 20px 16px;width:85%;max-width:700px;margin:0 auto;box-sizing:border-box}.images-title-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#000;flex-shrink:0}.images-view-title{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);letter-spacing:var(--heading-letter-spacing);text-transform:var(--heading-text-transform);font-size:var(--text-h3);line-height:1.6;margin:0;color:var(--color-text)}.images-composer-bar{position:relative;flex-shrink:0;margin-bottom:20px}.images-composer-bar .plus-icon{font-size:0;transform:none;display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:#111}.images-composer-bar .plus-icon svg{width:18px;height:18px;display:block}.images-composer-bar .image-mode-chip,.images-composer-bar .plus-menu{display:none!important}.images-grid{width:95%;max-width:1200px;margin:0 auto;box-sizing:border-box;display:grid;grid-template-columns:repeat(6,1fr);gap:4px;align-content:start}.images-grid-item{position:relative;aspect-ratio:1 / 1;border-radius:0;overflow:hidden;cursor:pointer;background:var(--color-bg-hover)}.images-grid-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .15s}@media(hover:hover)and (pointer:fine){.images-grid-item:hover img{transform:scale(1.05)}}.images-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;align-items:flex-end;padding:8px;opacity:0;transition:opacity .15s;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.35) 0%,transparent 50%)}@media(hover:hover)and (pointer:fine){.images-grid-item:hover .images-grid-overlay{opacity:1;pointer-events:auto}}.images-grid-action{width:32px;height:32px;border:none;border-radius:50%;background:#ffffffd9;color:#222;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .12s;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}@media(hover:hover)and (pointer:fine){.images-grid-action:hover{background:#fff}}.images-grid-action:active{background:#fff}.images-grid-action svg{width:16px;height:16px}@media(hover:none){.images-grid-overlay{display:none!important}}.images-grid-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--color-text-tertiary);text-align:center}.images-grid-empty-icon{width:48px;height:48px;margin-bottom:16px;opacity:.4}.images-grid-empty-icon svg{width:48px;height:48px}.images-grid-empty p{margin:0;font-size:14px;line-height:1.5}.images-editor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#f5f5f5;display:flex;flex-direction:column}.images-editor[hidden]{display:none!important}.images-editor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;flex-shrink:0;z-index:10}.images-editor-toolbar-left,.images-editor-toolbar-right{display:flex;align-items:center;gap:8px}.images-editor-close{width:36px;height:36px;border:none;background:var(--color-bg-card);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#555;padding:0;transition:background .15s}@media(hover:hover)and (pointer:fine){.images-editor-close:hover{background:#0000001f}}.images-editor-close:active{background:#0000001f}.images-editor-close svg{width:16px;height:16px}.images-editor-more-wrap{position:relative}.images-editor-more-btn{width:36px;height:36px;border:none;background:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#555;padding:0;transition:background .15s}@media(hover:hover)and (pointer:fine){.images-editor-more-btn:hover{background:var(--color-bg-card)}}.images-editor-more-btn:active{background:var(--color-bg-card)}.images-editor-more-btn svg{width:18px;height:18px}.images-editor-more-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:var(--color-bg-panel);border-radius:10px;box-shadow:0 4px 20px #0000001f;padding:4px 0;z-index:20}.images-editor-more-menu[hidden]{display:none}.images-editor-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:none;font-size:14px;color:var(--color-text);cursor:pointer;text-align:left}@media(hover:hover)and (pointer:fine){.images-editor-menu-item:hover{background:var(--color-bg-hover)}}.images-editor-menu-item:active{background:var(--color-bg-hover)}.images-editor-menu-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#555}.images-editor-menu-icon svg{width:18px;height:18px}.images-editor-action-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid rgba(0,0,0,.12);border-radius:20px;background:var(--color-bg-panel);color:var(--color-text);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}@media(hover:hover)and (pointer:fine){.images-editor-action-btn:hover{background:var(--color-bg-hover);border-color:#0003}}.images-editor-action-btn:active{background:var(--color-bg-hover);border-color:#0003}.images-editor-action-btn svg{width:16px;height:16px;flex-shrink:0}.images-editor-action-btn--primary{background:#1a1a1a;color:#fff;border-color:#1a1a1a}@media(hover:hover)and (pointer:fine){.images-editor-action-btn--primary:hover{background:#333;border-color:#333}}.images-editor-action-btn--primary:active{background:#333;border-color:#333}.images-editor-body{flex:1;display:flex;min-height:0;overflow:hidden}.images-editor-main{flex:1;display:flex;align-items:center;justify-content:center;padding:16px 40px;min-width:0}.images-editor-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:0;box-shadow:0 2px 20px #00000014}.images-editor-thumbs{width:64px;flex-shrink:0;overflow-y:auto;padding:0 12px 16px 0;display:flex;flex-direction:column;gap:10px;align-items:center;scrollbar-width:none}.images-editor-thumbs::-webkit-scrollbar{display:none}.images-editor-thumb{width:42px;height:42px;flex-shrink:0;border-radius:6px;overflow:hidden;cursor:pointer;border:none;position:relative;transition:opacity .2s;background:var(--color-bg-hover)}.images-editor-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff8c;border-radius:6px;pointer-events:none;transition:opacity .2s}.images-editor-thumb.active:after{opacity:0}@media(hover:hover)and (pointer:fine){.images-editor-thumb:hover:not(.active):after{opacity:.3}}.images-editor-thumb.active{width:48px;height:48px}.images-editor-thumbs-spacer{flex-shrink:0;width:1px;pointer-events:none}.images-editor-thumb img{width:100%;height:100%;object-fit:cover;display:block}.images-editor-footer{flex-shrink:0;padding:0 20px 20px;max-width:700px;width:85%;margin:0 auto;box-sizing:border-box}.images-editor-footer .images-composer-bar{margin-bottom:0}.images-editor-footer .composer-pill{background:transparent}@media(max-width:1024px){.images-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:768px){.images-title-row{padding:120px 0 16px 21px}.images-grid{width:100%;grid-template-columns:repeat(3,1fr);gap:4px}.images-editor-toolbar{padding:8px 12px}.images-editor-action-btn span{display:none}.images-editor-action-btn{padding:8px;border-radius:50%;width:36px;height:36px;justify-content:center}.images-editor-body{flex-direction:column}.images-editor-main{padding:0}.images-editor-image{box-shadow:none;border-radius:0;max-width:100%;width:100%}.images-editor-thumbs{width:100%;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:4px 12px;gap:8px;justify-content:center}.images-editor-thumb{width:34px;height:34px}.images-editor-thumb.active{width:38px;height:38px}.images-editor-thumbs-spacer{height:1px;width:0}.images-editor-footer{width:95%;padding:12px}.images-editor.is-zoomed .images-editor-toolbar,.images-editor.is-zoomed .images-editor-thumbs,.images-editor.is-zoomed .images-editor-footer{display:none!important}.images-editor.is-zoomed{background:#000}.images-editor.is-zoomed .images-editor-body{flex-direction:column}.images-editor.is-zoomed .images-editor-main{padding:0;flex:1}.images-editor.is-zoomed .images-editor-image{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;box-shadow:none}}.dark-mode .images-view-page{background:#212121}.dark-mode .images-title-icon{color:#fff}.dark-mode .images-view-title{color:#ffffffe6}.dark-mode .images-composer-bar .plus-icon{color:#fffc}.dark-mode .images-editor{background:#1a1a1a}.dark-mode .images-editor-close{color:#fff9}@media(hover:hover)and (pointer:fine){.dark-mode .images-editor-close:hover{background:#ffffff24;color:#ffffffe6}}.dark-mode .images-editor-close:active{background:#ffffff24;color:#ffffffe6}.dark-mode .images-editor-more-btn{color:#fff9}.dark-mode .images-editor-more-menu{box-shadow:0 4px 20px #0006}.dark-mode .images-editor-menu-item{color:#ffffffd9}.dark-mode .images-editor-menu-icon{color:#ffffff80}.dark-mode .images-editor-action-btn{background:transparent;border-color:#ffffff26;color:#ffffffd9}@media(hover:hover)and (pointer:fine){.dark-mode .images-editor-action-btn:hover{border-color:#ffffff40}}.dark-mode .images-editor-action-btn:active{border-color:#ffffff40}.dark-mode .images-editor-action-btn--primary{background:#fff;color:#1a1a1a;border-color:#fff}@media(hover:hover)and (pointer:fine){.dark-mode .images-editor-action-btn--primary:hover{background:#e5e5e5;border-color:#e5e5e5}}.dark-mode .images-editor-action-btn--primary:active{background:#e5e5e5;border-color:#e5e5e5}.dark-mode .images-editor-image{box-shadow:0 2px 20px #0000004d}.dark-mode .images-editor-thumb:after{background:#00000080}.dark-mode .images-editor-footer .composer-pill{background:transparent}.dark-mode .images-editor-footer .composer-bar{background:transparent;border-top-color:transparent}
/*# sourceMappingURL=/cdn/shop/t/15/assets/ai-chat-images-page.css.map */