:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#121212;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#f5f5f5}a:hover{color:#747bff}button{background-color:#f9f9f9}}.prompt-input{width:100%;max-width:800px;margin:0 auto;padding:1rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.prompt-main{display:flex;gap:1rem;align-items:flex-start}.prompt-textarea{flex:1;padding:.75rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#0003;color:inherit;font-family:inherit;font-size:1rem;resize:vertical;min-height:80px}.prompt-textarea:focus{outline:none;border-color:#646cff}.prompt-textarea::placeholder{color:#fff6}.generate-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#646cff,#535bf2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;min-width:120px}.generate-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #646cff66}.generate-button:disabled{opacity:.6;cursor:not-allowed}.quick-settings{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap;align-items:center}.setting-group{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.setting-group span{color:#ffffffb3;white-space:nowrap}.setting-group select,.setting-group input[type=number]{padding:.4rem .6rem;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#0003;color:inherit;font-size:.9rem}.setting-group input[type=number]{width:80px}.setting-group input[type=range]{width:120px}.setting-group.checkbox{cursor:pointer}.setting-group.checkbox input{width:18px;height:18px;cursor:pointer}.advanced-toggle{margin-left:auto;padding:.4rem .8rem;background:transparent;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;font-size:.85rem;cursor:pointer}.advanced-toggle:hover{border-color:#fff6;color:#fff}.advanced-settings{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}@media(prefers-color-scheme:light){.prompt-input{background:#00000008;border-color:#0000001a}.prompt-textarea{border-color:#0003;background:#fff}.prompt-textarea::placeholder{color:#0006}.setting-group span{color:#000000b3}.setting-group select,.setting-group input[type=number]{border-color:#0003;background:#fff}.advanced-toggle{border-color:#0003;color:#000000b3}.advanced-toggle:hover{border-color:#0006;color:#000}.advanced-settings{border-top-color:#0000001a}}.new-topic-input{display:flex;align-items:center;gap:.25rem}.new-topic-input input{padding:.4rem .6rem;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#0003;color:inherit;font-size:.9rem;width:120px}.new-topic-input input:focus{outline:none;border-color:#646cff}.new-topic-input button{padding:.3rem .5rem;border-radius:4px;border:1px solid rgba(255,255,255,.2);background:#0003;color:inherit;cursor:pointer;font-size:.85rem}.new-topic-input button:hover{background:#646cff4d;border-color:#646cff}@media(prefers-color-scheme:light){.new-topic-input input,.new-topic-input button{border-color:#0003;background:#fff}}.star-rating{display:inline-flex;gap:.25rem}.star-rating.small{gap:.15rem}.star-rating.large{gap:.5rem}.star{background:none;border:none;padding:0;cursor:pointer;color:#ffffff4d;transition:color .2s ease,transform .2s ease;font-size:1.5rem}.star-rating.small .star{font-size:1rem}.star-rating.large .star{font-size:2rem}.star:hover:not(:disabled){transform:scale(1.2)}.star.filled{color:gold;text-shadow:0 0 8px rgba(255,215,0,.5)}.star-rating.readonly .star{cursor:default}.star-rating.readonly .star:hover{transform:none}.star:disabled{cursor:default}.gallery-container{width:100%;max-width:1200px;margin:2rem auto;padding:0 1rem}.gallery-content{width:100%}.gallery-empty{text-align:center;padding:3rem 1rem;color:#ffffff80;font-size:1.1rem}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.gallery-header h2{margin:0;font-size:1.5rem}.gallery-actions{display:flex;gap:.75rem}.gallery-action-btn{padding:.5rem 1rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.gallery-action-btn.download{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none}.gallery-action-btn.download:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.gallery-action-btn.download:disabled{opacity:.6;cursor:not-allowed}.gallery-action-btn.clear{background:transparent;color:#ef4444;border:1px solid #ef4444}.gallery-action-btn.clear:hover{background:#ef4444;color:#fff}.gallery-action-btn.immerse{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none}.gallery-action-btn.immerse:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.gallery-item{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;background:#ffffff0d}.gallery-item:hover{transform:scale(1.02);box-shadow:0 8px 24px #0000004d}.gallery-item:focus{outline:2px solid #646cff;outline-offset:2px}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-item-overlay{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(transparent,#000c);opacity:0;transition:opacity .2s}.gallery-item:hover .gallery-item-overlay{opacity:1}.gallery-item-prompt{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.85rem;color:#fff}@media(prefers-color-scheme:light){.gallery-empty{color:#00000080}.gallery-item{background:#0000000d}}@media(max-width:600px){.gallery-header{flex-direction:column;align-items:flex-start}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.gallery-item-topic{display:block;margin-top:.5rem;padding:.2rem .5rem;background:#8b5cf699;border-radius:4px;font-size:.75rem;width:fit-content}.gallery-item-tags{position:absolute;top:.5rem;left:.5rem;display:flex;flex-wrap:wrap;gap:.25rem;max-width:calc(100% - 1rem)}.gallery-tag{padding:.15rem .4rem;background:#000000b3;border-radius:3px;font-size:.65rem;color:#fff}.gallery-item-stars{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);padding:.5rem .75rem;background:#000000d9;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #00000080;z-index:10}.gallery-action-btn.filter,.gallery-action-btn.star-toggle{background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.3)}.gallery-action-btn.star-toggle.active{background:#ffd70033;border-color:gold;color:gold}.gallery-action-btn.filter:hover,.gallery-action-btn.filter.active{background:#8b5cf633;border-color:#8b5cf6;color:#fff}.gallery-filters{padding:1rem;margin-bottom:1rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.filter-section{margin-bottom:.75rem}.filter-section:last-of-type{margin-bottom:0}.filter-label{display:block;font-size:.85rem;color:#ffffffb3;margin-bottom:.5rem}.filter-chips{display:flex;flex-wrap:wrap;gap:.5rem}.filter-chip{padding:.3rem .75rem;border-radius:16px;font-size:.8rem;cursor:pointer;transition:all .15s;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fffc}.filter-chip:hover{background:#8b5cf633;border-color:#8b5cf680}.filter-chip.selected{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:transparent;color:#fff}.filter-chip.hidden-topic{opacity:.6;font-style:italic}.filter-chip.hidden-topic.selected{opacity:1}.filter-more{padding:.3rem .5rem;font-size:.75rem;color:#ffffff80}.filter-more-toggle{padding:.3rem .75rem;border-radius:16px;font-size:.8rem;cursor:pointer;transition:all .15s;background:#8b5cf61a;border:1px dashed rgba(139,92,246,.4);color:#8b5cf6e6}.filter-more-toggle:hover{background:#8b5cf633;border-style:solid;border-color:#8b5cf699;color:#8b5cf6}.clear-filters-btn{margin-top:.75rem;padding:.4rem .8rem;background:transparent;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;border-radius:6px;font-size:.8rem;cursor:pointer}.clear-filters-btn:hover{background:#ffffff1a;color:#fff}@media(prefers-color-scheme:light){.gallery-filters{background:#00000008;border-color:#0000001a}.filter-label{color:#000000b3}.filter-chip{background:#0000000d;border-color:#0003;color:#000c}.filter-chip:hover{background:#8b5cf61a;border-color:#8b5cf64d}.filter-more{color:#00000080}.filter-more-toggle{background:#8b5cf60d;border-color:#8b5cf64d;color:#8b5cf6cc}.filter-more-toggle:hover{background:#8b5cf61a;border-color:#8b5cf680;color:#7c3aed}.clear-filters-btn{border-color:#0003;color:#000000b3}.clear-filters-btn:hover{background:#0000000d;color:#000}.gallery-action-btn.filter{color:#000000b3;border-color:#0000004d}}.selected-tags-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.tag-search-wrapper{position:relative;margin-bottom:.75rem;max-width:300px}.tag-search-input{width:100%;padding:.4rem 2rem .4rem .75rem;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#0003;color:inherit;font-size:.85rem}.tag-search-input:focus{outline:none;border-color:#8b5cf6}.tag-search-input::placeholder{color:#fff6}.tag-search-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#ffffff80;cursor:pointer;font-size:.8rem;padding:.2rem}.tag-search-clear:hover{color:#fff}.filter-no-results{font-size:.8rem;color:#ffffff80;font-style:italic}@media(prefers-color-scheme:light){.selected-tags-row{border-bottom-color:#0000001a}.tag-search-input{background:#fff;border-color:#0003}.tag-search-input::placeholder{color:#0006}.tag-search-clear{color:#00000080}.tag-search-clear:hover{color:#000}.filter-no-results{color:#00000080}}.mask-directive-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1100;animation:fadeIn .2s ease}.mask-directive-content{background:#1a1a1a;border-radius:12px;width:90%;max-width:500px;box-shadow:0 8px 32px #00000080}.mask-directive-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.mask-directive-header h3{margin:0;font-size:1.2rem;color:#fff}.mask-directive-close{width:32px;height:32px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;font-size:1.2rem;cursor:pointer;transition:background .2s}.mask-directive-close:hover{background:#fff3}.mask-directive-body{padding:1.5rem}.mask-directive-help{margin:0 0 1rem;color:#fffc;font-size:.9rem}.mask-directive-input{width:100%;padding:.75rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:1rem;font-family:inherit;resize:vertical;transition:border-color .2s}.mask-directive-input:focus{outline:none;border-color:#3b82f680;background:#ffffff14}.mask-directive-hint{margin:.5rem 0 0;color:#fff9;font-size:.8rem}.mask-directive-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.mask-directive-btn{padding:.6rem 1.5rem;border-radius:8px;border:none;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.mask-directive-btn.cancel{background:#ffffff1a;color:#fff}.mask-directive-btn.cancel:hover{background:#ffffff26}.mask-directive-btn.submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.mask-directive-btn.submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.mask-directive-btn.submit:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.mask-directive-content{width:95%;max-width:none}.mask-directive-header,.mask-directive-body,.mask-directive-actions{padding:1rem}}.lightbox-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.lightbox-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.lightbox-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;font-size:1.2rem;cursor:pointer;z-index:10;transition:background .2s}.lightbox-close:hover{background:#fff3}.lightbox-main{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding:4rem 1rem 1rem}.lightbox-image-container{max-width:90%;max-height:80vh;display:flex;align-items:center;justify-content:center}.lightbox-image-container img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:8px;box-shadow:0 4px 24px #00000080;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lightbox-image-container.masking-mode{position:relative;-webkit-user-select:none;user-select:none}.lightbox-bounding-box{position:absolute;border:2px solid #667eea;background:#667eea26;box-shadow:0 0 0 2px #667eea4d,0 4px 12px #0000004d;pointer-events:auto;animation:pulseBox 2s ease-in-out infinite}@keyframes pulseBox{0%,to{box-shadow:0 0 0 2px #667eea4d,0 4px 12px #0000004d}50%{box-shadow:0 0 0 4px #667eea80,0 4px 16px #0006}}.bbox-handle{position:absolute;width:12px;height:12px;background:#fff;border:2px solid #667eea;border-radius:50%;box-shadow:0 2px 4px #0000004d;transition:all .2s;z-index:10}.bbox-handle:hover{width:16px;height:16px;background:#667eea;border-color:#fff;transform:scale(1.1)}.bbox-handle-tl{top:-6px;left:-6px;cursor:nwse-resize}.bbox-handle-tr{top:-6px;right:-6px;cursor:nesw-resize}.bbox-handle-bl{bottom:-6px;left:-6px;cursor:nesw-resize}.bbox-handle-br{bottom:-6px;right:-6px;cursor:nwse-resize}.bbox-handle-t{top:-6px;left:50%;transform:translate(-50%);cursor:ns-resize}.bbox-handle-r{right:-6px;top:50%;transform:translateY(-50%);cursor:ew-resize}.bbox-handle-b{bottom:-6px;left:50%;transform:translate(-50%);cursor:ns-resize}.bbox-handle-l{left:-6px;top:50%;transform:translateY(-50%);cursor:ew-resize}.bbox-aspect-ratio{position:absolute;top:-32px;left:50%;transform:translate(-50%);background:#667eeaf2;color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:500;white-space:nowrap;box-shadow:0 2px 8px #0000004d;pointer-events:none;text-transform:capitalize}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;font-size:2rem;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.lightbox-nav:hover{background:#fff3}.lightbox-nav.prev{left:1rem}.lightbox-nav.next{right:1rem}.lightbox-toolbar{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem;background:#00000080}.lightbox-toolbar-btn{padding:.5rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:.9rem;cursor:pointer;transition:all .2s}.lightbox-toolbar-btn:hover{background:#fff3;border-color:#fff6}.lightbox-toolbar-btn.delete{border-color:#ef444466}.lightbox-toolbar-btn.delete:hover{background:#ef44444d;border-color:#ef444499}.lightbox-counter{color:#ffffffb3;font-size:.9rem;margin-left:1rem}.lightbox-toolbar-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2)}.lightbox-toolbar-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.lightbox-masking-help{flex:1;color:#ffffffe6;font-size:.85rem;padding:0 1rem;text-align:center}.lightbox-masking-error{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;color:#ef4444;font-size:.85rem;padding:0 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;margin:0 .5rem}.lightbox-error-dismiss{background:none;border:none;color:#ef4444;cursor:pointer;font-size:1rem;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.lightbox-error-dismiss:hover{background:#ef444433}@media(max-width:768px){.lightbox-nav{width:40px;height:40px;font-size:1.5rem}.lightbox-toolbar{flex-wrap:wrap}}.image-info-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem;animation:fadeIn .2s ease}.image-info-panel{background:#1a1a1a;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 8px 32px #00000080}.image-info-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;background:#1a1a1a}.image-info-header h3{margin:0;font-size:1.25rem}.image-info-close{width:32px;height:32px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;font-size:1rem;cursor:pointer;transition:background .2s}.image-info-close:hover{background:#fff3}.image-info-content{padding:1.5rem}.image-info-preview{margin-bottom:1.5rem;border-radius:8px;overflow:hidden}.image-info-preview img{width:100%;height:auto;display:block}.image-info-details{display:flex;flex-direction:column;gap:1rem}.info-group{display:flex;flex-direction:column;gap:.25rem}.info-group label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80}.info-group p{margin:0;font-size:.95rem;color:#ffffffe6}.info-prompt{background:#ffffff0d;padding:.75rem;border-radius:8px;line-height:1.5}.info-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.info-topic{background:linear-gradient(135deg,#8b5cf6,#6d28d9);padding:.4rem .8rem;border-radius:16px;display:inline-block;font-size:.85rem;color:#fff}.info-tags{display:flex;flex-wrap:wrap;gap:.5rem}.info-tag-chip{background:#8b5cf633;border:1px solid rgba(139,92,246,.4);padding:.3rem .6rem;border-radius:12px;font-size:.8rem;color:#ffffffe6}@media(prefers-color-scheme:light){.image-info-panel{background:#fff}.image-info-header{background:#fff;border-bottom-color:#0000001a}.image-info-close{background:#0000000d;color:#333}.image-info-close:hover{background:#0000001a}.info-group label{color:#00000080}.info-group p{color:#000000e6}.info-prompt{background:#00000008}.info-tag-chip{background:#8b5cf61a;color:#000c}}@media(max-width:480px){.info-row{grid-template-columns:1fr}}.api-key-form{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.api-key-input{padding:.5rem .75rem;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#0003;color:inherit;font-size:.9rem;min-width:200px}.api-key-input:focus{outline:none;border-color:#646cff}.api-key-submit,.api-key-cancel{padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s}.api-key-submit{background:#646cff;color:#fff;border:none}.api-key-submit:hover:not(:disabled){background:#535bf2}.api-key-submit:disabled{opacity:.5;cursor:not-allowed}.api-key-cancel{background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.2)}.api-key-cancel:hover{border-color:#fff6;color:#fff}.api-key-display{display:flex;align-items:center;gap:.75rem}.api-key-status{color:#10b981;font-size:.9rem}.api-key-edit{padding:.25rem .75rem;border-radius:6px;background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.2);font-size:.8rem;cursor:pointer;transition:all .2s}.api-key-edit:hover{border-color:#fff6;color:#fff}@media(prefers-color-scheme:light){.api-key-input{border-color:#0003;background:#fff}.api-key-cancel,.api-key-edit{color:#000000b3;border-color:#0003}.api-key-cancel:hover,.api-key-edit:hover{border-color:#0006;color:#000}}.prompt-tree-view{display:flex;flex-direction:column;gap:2px;max-height:250px;overflow-y:auto;padding:.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:8px}.tree-node-container{display:flex;flex-direction:column}.tree-node{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .15s ease;position:relative;-webkit-user-select:none;user-select:none}.tree-node:hover{background:#8b5cf61a}.tree-node.selected{background:#8b5cf633;border:1px solid rgba(139,92,246,.4)}.tree-node.folder{font-weight:500}.tree-node.folder:hover{background:#8b5cf614}.tree-node .folder-icon,.tree-node .item-icon{font-size:1rem;flex-shrink:0}.tree-node .node-label{flex:1;color:#ffffffe6;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-node.folder .node-label{color:#a78bfa}.tree-node .expand-indicator{font-size:.65rem;color:#ffffff80;transition:transform .2s ease}.folder-children{display:flex;flex-direction:column;gap:2px}.tree-node.drop-before:before{content:"";position:absolute;top:-1px;left:8px;right:8px;height:2px;background:#8b5cf6;border-radius:1px}.tree-node.drop-after:after{content:"";position:absolute;bottom:-1px;left:8px;right:8px;height:2px;background:#8b5cf6;border-radius:1px}.tree-node.drop-inside{background:#8b5cf640;box-shadow:inset 0 0 0 2px #8b5cf680}.delete-node-btn{background:transparent;border:none;padding:.25rem;cursor:pointer;opacity:0;transition:opacity .15s ease;font-size:.85rem}.tree-node:hover .delete-node-btn{opacity:.6}.delete-node-btn:hover{opacity:1!important}.prompt-tree-view::-webkit-scrollbar{width:6px}.prompt-tree-view::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.prompt-tree-view::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:3px}.prompt-tree-view::-webkit-scrollbar-thumb:hover{background:#8b5cf680}@media(prefers-color-scheme:light){.prompt-tree-view{background:#00000005;border-color:#0000001a}.tree-node:hover{background:#8b5cf614}.tree-node.selected{background:#8b5cf626;border-color:#8b5cf666}.tree-node .node-label{color:#000000e6}.tree-node.folder .node-label{color:#7c3aed}.tree-node .expand-indicator{color:#00000080}.prompt-tree-view::-webkit-scrollbar-track{background:#0000000d}}.vibe-dialog-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vibe-dialog{background:#1a1a1a;border:1px solid rgba(139,92,246,.3);border-radius:16px;padding:0;max-width:550px;width:90%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #8b5cf633}.vibe-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(139,92,246,.2);background:#8b5cf60d}.vibe-dialog-header h2{margin:0;font-size:1.35rem;color:#a78bfa}.vibe-dialog-header .close-button{background:transparent;border:none;color:#fff9;font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.vibe-dialog-header .close-button:hover{background:#ffffff1a;color:#ffffffe6}.vibe-dialog-content{padding:1.5rem;overflow-y:auto;flex:1}.vibe-section{margin-bottom:1.25rem}.vibe-section:last-child{margin-bottom:0}.vibe-section.empty-prompts{text-align:center;padding:1.5rem;background:#ffffff08;border:1px dashed rgba(255,255,255,.15);border-radius:8px}.vibe-section.empty-prompts p{margin:0;color:#fff9;font-size:.9rem}.vibe-section label{display:block;margin-bottom:.5rem;color:#fffc;font-size:.9rem;font-weight:500}.vibe-section select{width:100%;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffffe6;font-size:.95rem;cursor:pointer;transition:all .2s}.vibe-section select:hover{border-color:#8b5cf680}.vibe-section select:focus{outline:none;border-color:#8b5cf6;background:#ffffff14}.vibe-section select optgroup{background:#2a2a2a;color:#ffffff80;font-style:normal}.vibe-section select option{background:#1a1a1a;color:#ffffffe6;padding:.5rem}.delete-custom-btn{margin-top:.5rem;padding:.4rem .8rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;font-size:.85rem;cursor:pointer;transition:all .2s}.delete-custom-btn:hover{background:#ef444433;border-color:#ef444480}.iterations-control{display:flex;align-items:center;gap:1rem}.iterations-control input[type=range]{flex:1;height:6px;cursor:pointer;accent-color:#8b5cf6}.iterations-value{min-width:30px;text-align:center;font-size:1.1rem;font-weight:600;color:#a78bfa;background:#8b5cf61a;padding:.35rem .75rem;border-radius:6px}.prompt-preview{background:#8b5cf60d;border:1px solid rgba(139,92,246,.15);border-radius:8px;padding:1rem}.prompt-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.prompt-preview-header label{margin-bottom:0;font-size:.8rem;color:#fff9}.prompt-preview label{margin-bottom:.35rem;font-size:.8rem;color:#fff9}.prompt-text{margin:0;color:#ffffffd9;font-size:.9rem;line-height:1.5;font-style:italic}.prompt-text-editable{width:100%;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#ffffffe6;font-size:.9rem;line-height:1.5;font-family:inherit;resize:vertical;min-height:60px;box-sizing:border-box}.prompt-text-editable:focus{outline:none;border-color:#8b5cf6;background:#ffffff14}.save-as-new-btn{padding:.35rem .75rem;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:6px;color:#a78bfa;font-size:.8rem;cursor:pointer;transition:all .2s;white-space:nowrap}.save-as-new-btn:hover{background:#8b5cf640;border-color:#8b5cf680}.save-as-new-form{display:flex;align-items:center;gap:.5rem;margin-top:.75rem}.save-as-new-form input{flex:1;padding:.5rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#ffffffe6;font-size:.85rem;font-family:inherit}.save-as-new-form input:focus{outline:none;border-color:#8b5cf6}.save-as-new-form input::placeholder{color:#fff6}.save-preset-btn{padding:.5rem .85rem;background:#8b5cf6;border:none;border-radius:6px;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.save-preset-btn:hover:not(:disabled){background:#7c3aed}.save-preset-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-preset-btn{padding:.5rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#ffffffb3;font-size:.85rem;cursor:pointer;transition:all .2s}.cancel-preset-btn:hover{background:#ffffff1a;color:#ffffffe6}.mini-config-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.mini-config-header label{margin-bottom:0;white-space:nowrap}.generate-config-btn{padding:.5rem 1rem;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:6px;color:#a78bfa;font-size:.85rem;cursor:pointer;transition:all .2s;white-space:nowrap}.generate-config-btn:hover:not(:disabled){background:#8b5cf640;border-color:#8b5cf680}.generate-config-btn:disabled{opacity:.5;cursor:not-allowed}.mini-config-results{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.mini-config-item{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.75rem;background:#8b5cf614;border:1px solid rgba(139,92,246,.2);border-radius:8px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.mini-config-item:hover{background:#8b5cf626;border-color:#8b5cf666}.mini-config-label{font-weight:600;color:#a78bfa;font-size:.9rem}.mini-config-prompt{color:#ffffffb3;font-size:.8rem;line-height:1.4}.custom-prompts-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.custom-prompts-header label{margin-bottom:0}.custom-prompts-actions{display:flex;gap:.5rem}.custom-prompts-actions button{padding:.4rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#ffffffb3;font-size:.8rem;cursor:pointer;transition:all .2s}.custom-prompts-actions button:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff40;color:#ffffffe6}.custom-prompts-actions button:disabled{opacity:.5;cursor:not-allowed}.add-custom-form{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px}.add-custom-form input,.add-custom-form textarea{width:100%;padding:.65rem .85rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#ffffffe6;font-size:.9rem;font-family:inherit;box-sizing:border-box}.add-custom-form textarea{min-height:80px;resize:vertical}.add-custom-form input::placeholder,.add-custom-form textarea::placeholder{color:#fff6}.add-custom-form input:focus,.add-custom-form textarea:focus{outline:none;border-color:#8b5cf6}.add-prompt-btn{align-self:flex-end;padding:.5rem 1rem;background:#8b5cf6;border:none;border-radius:6px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.add-prompt-btn:hover:not(:disabled){background:#7c3aed}.add-prompt-btn:disabled{opacity:.5;cursor:not-allowed}.vibe-dialog-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem;border-top:1px solid rgba(139,92,246,.2);background:#0003}.cancel-btn{padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffffb3;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:#ffffff1a;color:#ffffffe6}.start-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:8px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.start-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.likeness-section{padding:1rem;background:#8b5cf60d;border:1px solid rgba(139,92,246,.15);border-radius:8px}.likeness-toggle-label{display:flex!important;align-items:center;gap:.5rem;cursor:pointer;margin-bottom:0!important}.likeness-checkbox{width:18px;height:18px;accent-color:#8b5cf6;cursor:pointer}.likeness-label-text{font-weight:500;color:#ffffffe6}.likeness-help-text{margin:.75rem 0;font-size:.85rem;color:#fff9;line-height:1.4}.likeness-slots{display:flex;gap:.75rem;margin-top:.75rem}.likeness-slot{position:relative;width:100px;height:100px;border-radius:8px;overflow:hidden;flex-shrink:0}.likeness-slot.empty{border:2px dashed rgba(139,92,246,.3);background:#8b5cf60d}.likeness-slot.filled{border:2px solid rgba(139,92,246,.5)}.likeness-slot-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.likeness-slot-number{font-size:.75rem;color:#ffffff80}.likeness-slot-actions{display:flex;gap:.25rem}.likeness-add-btn{padding:.35rem .5rem;background:#8b5cf633;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .2s}.likeness-add-btn:hover{background:#8b5cf666}.likeness-image{width:100%;height:100%;object-fit:cover}.likeness-slot-label{position:absolute;bottom:0;left:0;right:0;padding:.25rem;background:#000000b3;color:#fff;font-size:.7rem;text-align:center}.likeness-remove-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;padding:0;background:#000000b3;border:none;border-radius:50%;color:#fff;font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.likeness-remove-btn:hover{background:#ef4444cc}.likeness-preview-text{margin:.75rem 0 0;padding:.5rem .75rem;background:#8b5cf61a;border-radius:6px;font-size:.8rem;color:#a78bfa;font-style:italic}.likeness-gallery-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2100}.likeness-gallery-picker{background:#1a1a1a;border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:0;max-width:600px;width:90%;max-height:70vh;overflow:hidden;display:flex;flex-direction:column}.likeness-gallery-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(139,92,246,.2)}.likeness-gallery-header h3{margin:0;color:#a78bfa;font-size:1.1rem}.likeness-gallery-header button{background:transparent;border:none;color:#fff9;font-size:1.3rem;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.likeness-gallery-header button:hover{background:#ffffff1a;color:#ffffffe6}.likeness-gallery-content{padding:1rem;overflow-y:auto;flex:1}.likeness-gallery-empty{text-align:center;color:#ffffff80;padding:2rem}.likeness-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.likeness-gallery-item{aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s}.likeness-gallery-item:hover{border-color:#8b5cf6;transform:scale(1.02)}.likeness-gallery-item img{width:100%;height:100%;object-fit:cover}@media(prefers-color-scheme:light){.vibe-dialog{background:#fff;border-color:#8b5cf64d}.vibe-dialog-header{background:#8b5cf614;border-bottom-color:#8b5cf626}.vibe-dialog-header h2{color:#7c3aed}.vibe-dialog-header .close-button{color:#00000080}.vibe-dialog-header .close-button:hover{background:#0000001a;color:#000c}.vibe-section label{color:#000c}.vibe-section select{background:#00000008;border-color:#00000026;color:#000000e6}.vibe-section select:focus{background:#0000000d}.vibe-section select optgroup{background:#f0f0f0;color:#00000080}.vibe-section select option{background:#fff;color:#000000e6}.iterations-value{color:#7c3aed;background:#8b5cf61a}.prompt-preview{background:#8b5cf60d;border-color:#8b5cf626}.prompt-preview label,.prompt-preview-header label{color:#00000080}.prompt-text{color:#000c}.prompt-text-editable{background:#00000008;border-color:#00000026;color:#000000e6}.prompt-text-editable:focus{background:#0000000d}.save-as-new-btn{background:#8b5cf61a;color:#7c3aed}.save-as-new-btn:hover{background:#8b5cf633}.save-as-new-form input{background:#00000008;border-color:#00000026;color:#000000e6}.save-as-new-form input::placeholder{color:#0006}.cancel-preset-btn{background:#00000008;border-color:#00000026;color:#000000b3}.cancel-preset-btn:hover{background:#00000014;color:#000000e6}.generate-config-btn{background:#8b5cf61a;color:#7c3aed}.generate-config-btn:hover:not(:disabled){background:#8b5cf633}.mini-config-item{background:#8b5cf60d;border-color:#8b5cf633}.mini-config-item:hover{background:#8b5cf61a}.mini-config-label{color:#7c3aed}.mini-config-prompt{color:#0009}.custom-prompts-actions button{background:#00000008;border-color:#00000026;color:#000000b3}.custom-prompts-actions button:hover:not(:disabled){background:#00000014;color:#000000e6}.add-custom-form{background:#00000005;border-color:#0000001a}.add-custom-form input,.add-custom-form textarea{background:#00000008;border-color:#00000026;color:#000000e6}.add-custom-form input::placeholder,.add-custom-form textarea::placeholder{color:#0006}.vibe-dialog-footer{background:#00000005;border-top-color:#8b5cf626}.cancel-btn{background:#00000008;border-color:#00000026;color:#000000b3}.cancel-btn:hover{background:#00000014;color:#000000e6}}.chat-message{margin-bottom:2rem;display:flex;flex-direction:column;gap:.5rem}.message-header{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#fff9}.model-badge{display:flex;align-items:center;gap:.4rem;padding:.25rem .5rem;background:#646cff1a;border-radius:4px;font-size:.85rem}.model-icon{font-size:1rem}.model-name{color:#646cff;font-weight:500}.user-label{font-weight:500;color:#fffc}.message-content{padding:1rem;border-radius:12px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.assistant-message .message-content{background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#ffffffe6}.user-message{align-items:flex-end}.user-message .message-content{background:#646cff;color:#fff;max-width:80%}.inline-images{display:flex;gap:.75rem;margin-top:.75rem;max-height:600px;overflow-y:auto}.inline-image-column{flex:1;display:flex;flex-direction:column;gap:.75rem;min-width:0;overflow-y:auto;max-height:600px}.inline-image-container{position:relative;display:block;flex-shrink:0}.inline-image{width:100%;height:auto;display:block;border-radius:8px;cursor:pointer;transition:transform .2s}.inline-image:hover{transform:scale(1.02)}.in-context-badge{position:absolute;top:8px;right:8px;width:28px;height:28px;padding:0;background:#0009;border:1px solid rgba(255,255,255,.2);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;opacity:.7;transition:all .2s}.in-context-badge:hover{opacity:1;background:#000c;transform:scale(1.1)}.in-context-badge.active{opacity:1;background:#8b5cf6cc;border-color:#8b5cf6e6;box-shadow:0 0 8px #8b5cf680}.in-context-badge.active:hover{background:#8b5cf6e6}.likeness-badge{position:absolute;top:8px;left:8px;width:28px;height:28px;padding:0;background:#0009;border:1px solid rgba(255,255,255,.2);border-radius:50%;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;opacity:.7;transition:all .2s ease;z-index:2}.likeness-badge:hover{opacity:1;background:#000c;transform:scale(1.1)}.likeness-badge.active{opacity:1;background:#3b82f6cc;border-color:#3b82f6e6;box-shadow:0 0 8px #3b82f680}.likeness-badge.active:hover{background:#3b82f6e6}.message-actions{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.copy-message-button{padding:.5rem 1rem;background:#6b72801a;border:1px solid rgba(107,114,128,.2);border-radius:8px;color:#9ca3af;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.4rem}.copy-message-button:hover{background:#6b728026;border-color:#6b72804d;transform:translateY(-1px)}.use-as-prompt-button{padding:.5rem 1rem;background:#646cff1a;border:1px solid rgba(100,108,255,.2);border-radius:8px;color:#646cff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.4rem}.use-as-prompt-button:hover{background:#646cff26;border-color:#646cff4d;transform:translateY(-1px)}.generate-inline-button{padding:.5rem 1rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:8px;color:#8b5cf6;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.4rem}.generate-inline-button:hover:not(:disabled){background:#8b5cf626;border-color:#8b5cf64d;transform:translateY(-1px)}.generate-inline-button:disabled{opacity:.5;cursor:not-allowed}.vibe-it-button{padding:.5rem 1rem;background:#ec48991a;border:1px solid rgba(236,72,153,.2);border-radius:8px;color:#ec4899;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.4rem}.vibe-it-button:hover:not(:disabled){background:#ec489926;border-color:#ec48994d;transform:translateY(-1px)}.vibe-it-button:disabled{opacity:.5;cursor:not-allowed}.chat-message.vibe-subtitle-mode{margin-bottom:1.5rem}.vibe-images-container{display:flex;gap:1rem;margin-bottom:.75rem;max-height:600px;overflow-y:auto}.vibe-image-column{flex:1;display:flex;flex-direction:column;gap:1rem;min-width:0;overflow-y:auto;max-height:600px}.vibe-image-wrapper{position:relative;border-radius:12px;overflow:hidden;background:#0003;flex-shrink:0}.vibe-image{width:100%;height:auto;display:block;cursor:pointer;transition:transform .3s ease}.vibe-image:hover{transform:scale(1.02)}.vibe-subtitle{padding:.75rem 1rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:8px;color:#fffc;font-size:.9rem;line-height:1.5;font-style:italic;text-align:center}.message-thoughts{margin-bottom:.5rem}.thoughts-toggle{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:#a855f714;border:1px solid rgba(168,85,247,.2);border-radius:8px;color:#a855f7;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.thoughts-toggle:hover{background:#a855f71f;border-color:#a855f74d}.thoughts-toggle.streaming{animation:pulse-border 1.5s ease-in-out infinite}@keyframes pulse-border{0%,to{border-color:#a855f733}50%{border-color:#a855f780}}.thoughts-arrow{font-size:.7rem;transition:transform .2s}.thoughts-arrow.expanded{transform:rotate(90deg)}.thoughts-icon{font-size:1rem}.thoughts-label{font-weight:500;display:flex;align-items:center;gap:.3rem}.thoughts-count{font-size:.75rem;color:#a855f7b3}.streaming-indicator{color:#22c55e;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.thoughts-content{margin-top:.5rem;padding:.75rem 1rem;background:#a855f70d;border:1px solid rgba(168,85,247,.15);border-radius:8px;color:#ffffffbf;font-size:.9rem;line-height:1.6;max-height:400px;overflow-y:auto}.thoughts-list{margin:0;padding-left:1.25rem;list-style-type:decimal}.thought-step{margin-bottom:.5rem;padding-left:.25rem}.thought-step:last-child{margin-bottom:0}.message-content.streaming{min-height:1.5rem}.cursor-blink{animation:cursor-blink 1s step-end infinite;color:#a855f7}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}@media(prefers-color-scheme:light){.message-header{color:#0009}.model-name{color:#535bf2}.user-label{color:#000c}.assistant-message .message-content{background:#00000008;border:1px solid rgba(0,0,0,.08);color:#000000e6}.user-message .message-content{background:#535bf2}.use-as-prompt-button{background:#535bf21a;border-color:#535bf233;color:#535bf2}.use-as-prompt-button:hover{background:#535bf226;border-color:#535bf24d}.copy-message-button{background:#4b55631a;border-color:#4b556333;color:#6b7280}.copy-message-button:hover{background:#4b556326;border-color:#4b55634d}.generate-inline-button{background:#7c3aed1a;border-color:#7c3aed33;color:#7c3aed}.generate-inline-button:hover:not(:disabled){background:#7c3aed26;border-color:#7c3aed4d}.thoughts-toggle{background:#9333ea14;border-color:#9333ea33;color:#9333ea}.thoughts-toggle:hover{background:#9333ea1f;border-color:#9333ea4d}.thoughts-count{color:#9333eab3}.thoughts-content{background:#9333ea0d;border-color:#9333ea26;color:#000000b3}.cursor-blink{color:#9333ea}.vibe-it-button{background:#db27771a;border-color:#db277733;color:#db2777}.vibe-it-button:hover:not(:disabled){background:#db277726;border-color:#db27774d}.vibe-subtitle{background:#8b5cf614;border-color:#8b5cf626;color:#000000bf}}.chat-sidebar{width:280px;height:100vh;background:#0003;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.new-chat-button{width:100%;padding:.75rem 1rem;background:#646cff1a;border:1px solid rgba(100,108,255,.3);color:#646cff;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.new-chat-button:hover{background:#646cff33;border-color:#646cff}.new-image-session-button{width:100%;padding:.75rem 1rem;margin-top:.5rem;background:#ec48991a;border:1px solid rgba(236,72,153,.3);color:#ec4899;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.new-image-session-button:hover{background:#ec489933;border-color:#ec4899}.new-folder-button{width:100%;padding:.5rem 1rem;margin-top:.5rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);color:#fbbf24;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.85rem}.new-folder-button:hover{background:#fbbf2433;border-color:#fbbf24}.new-folder-input-container{display:flex;gap:.5rem;padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.new-folder-input{flex:1;padding:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-size:.9rem}.new-folder-confirm,.new-folder-cancel{padding:.5rem;background:none;border:none;cursor:pointer;font-size:1rem;opacity:.7;transition:opacity .2s}.new-folder-confirm:hover{opacity:1;color:#10b981}.new-folder-cancel:hover{opacity:1;color:#ef4444}.image-generator-button{width:100%;padding:.75rem 1rem;margin-top:.5rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.image-generator-button:hover{background:#10b98133;border-color:#10b981}.explorer-3d-button{width:100%;padding:.75rem 1rem;margin-top:.5rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#3b82f6;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.explorer-3d-button:hover{background:#3b82f633;border-color:#3b82f6}.sidebar-search{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-search input{width:100%;padding:.5rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffe6;font-size:.9rem}.sidebar-search input::placeholder{color:#fff6}.sidebar-conversations{flex:1;overflow-y:auto;padding:.5rem}.sidebar-conversations.drag-over-root{background:#646cff0d}.conversation-group{margin-bottom:1rem}.group-header{padding:.5rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#ffffff80;letter-spacing:.5px}.conversation-item{padding:.75rem;margin-bottom:.25rem;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:space-between;position:relative}.conversation-item:hover{background:#ffffff0d}.conversation-item.active{background:#646cff26;border:1px solid rgba(100,108,255,.3)}.conversation-item.dragging{opacity:.5}.conversation-title{flex:1;font-size:.9rem;color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-title-input{flex:1;padding:.25rem .5rem;background:#ffffff1a;border:1px solid rgba(100,108,255,.5);border-radius:4px;color:#fff;font-size:.9rem}.conversation-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.conversation-item:hover .conversation-actions{opacity:1}.generate-title-btn,.edit-conversation,.delete-conversation{padding:.25rem .4rem;background:transparent;border:none;cursor:pointer;font-size:.75rem;line-height:1;border-radius:4px;transition:all .2s}.generate-title-btn{color:#a78bfa}.generate-title-btn:hover:not(:disabled){background:#a78bfa33}.generate-title-btn:disabled{opacity:.5;cursor:not-allowed}.edit-conversation{color:#fff9}.edit-conversation:hover{background:#ffffff1a;color:#ffffffe6}.delete-conversation{color:#ef4444;font-size:1.2rem}.delete-conversation:hover{background:#ef444433}.folder-container{margin-bottom:.25rem}.folder-container.dragging{opacity:.5}.folder-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;cursor:pointer;transition:all .2s}.folder-item:hover{background:#ffffff0d}.folder-item.drag-over{background:#646cff26;border:1px dashed rgba(100,108,255,.5)}.folder-toggle{background:none;border:none;color:#ffffff80;cursor:pointer;padding:0;font-size:.6rem;width:16px;display:flex;align-items:center;justify-content:center}.folder-icon{font-size:.9rem}.folder-name{flex:1;font-size:.9rem;color:#ffffffe6;font-weight:500}.folder-name-input{flex:1;padding:.25rem .5rem;background:#ffffff1a;border:1px solid rgba(251,191,36,.5);border-radius:4px;color:#fff;font-size:.9rem}.folder-count{font-size:.75rem;color:#fff6}.folder-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.folder-item:hover .folder-actions{opacity:1}.edit-folder,.delete-folder{padding:.25rem .4rem;background:transparent;border:none;cursor:pointer;font-size:.75rem;line-height:1;border-radius:4px;transition:all .2s}.edit-folder{color:#fff9}.edit-folder:hover{background:#ffffff1a;color:#ffffffe6}.delete-folder{color:#ef4444;font-size:1rem}.delete-folder:hover{background:#ef444433}.folder-contents{margin-left:.5rem;border-left:1px solid rgba(255,255,255,.1)}.folder-empty{padding:.5rem;font-size:.8rem;color:#ffffff4d;font-style:italic}.no-conversations{text-align:center;padding:2rem 1rem;color:#fff6;font-size:.9rem}@media(prefers-color-scheme:light){.chat-sidebar{background:#00000005;border-right-color:#0000001a}.sidebar-header{border-bottom-color:#0000001a}.new-chat-button{background:#535bf21a;border-color:#535bf24d;color:#535bf2}.new-chat-button:hover{background:#535bf233;border-color:#535bf2}.new-image-session-button{background:#db27771a;border-color:#db27774d;color:#db2777}.new-image-session-button:hover{background:#db277733;border-color:#db2777}.new-folder-button{background:#d977061a;border-color:#d977064d;color:#d97706}.new-folder-button:hover{background:#d9770633;border-color:#d97706}.new-folder-input-container{border-bottom-color:#0000001a}.new-folder-input{background:#0000000d;border-color:#0003;color:#213547}.image-generator-button{background:#10b9811a;border-color:#10b9814d;color:#059669}.image-generator-button:hover{background:#10b98133;border-color:#059669}.explorer-3d-button{background:#3b82f61a;border-color:#3b82f64d;color:#2563eb}.explorer-3d-button:hover{background:#3b82f633;border-color:#2563eb}.sidebar-search{border-bottom-color:#0000001a}.sidebar-search input{background:#0000000d;border-color:#0000001a;color:#000000e6}.sidebar-search input::placeholder{color:#0006}.sidebar-conversations.drag-over-root{background:#535bf20d}.group-header{color:#00000080}.conversation-item:hover{background:#0000000d}.conversation-item.active{background:#535bf226;border-color:#535bf24d}.conversation-title{color:#000c}.conversation-title-input{background:#0000000d;border-color:#535bf280;color:#213547}.generate-title-btn{color:#7c3aed}.generate-title-btn:hover:not(:disabled){background:#7c3aed33}.edit-conversation{color:#0009}.edit-conversation:hover{background:#0000001a;color:#000000e6}.folder-item:hover{background:#0000000d}.folder-item.drag-over{background:#535bf226;border-color:#535bf280}.folder-toggle{color:#00000080}.folder-name{color:#000000e6}.folder-name-input{background:#0000000d;border-color:#d9770680;color:#213547}.folder-count{color:#0006}.edit-folder{color:#0009}.edit-folder:hover{background:#0000001a;color:#000000e6}.folder-contents{border-left-color:#0000001a}.folder-empty{color:#0000004d}.no-conversations{color:#0006}}.vibe-mode-progress-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;animation:vibeOverlayFadeIn .3s ease}.vibe-mode-progress-overlay.fullscreen{background:#000}@keyframes vibeOverlayFadeIn{0%{opacity:0}to{opacity:1}}.vibe-mode-progress-content{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:1rem;gap:.75rem}.vibe-controls-bar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 .5rem}.vibe-controls-left,.vibe-controls-right{flex:1;display:flex}.vibe-controls-right{justify-content:flex-end}.vibe-controls-center{display:flex;align-items:center;gap:.5rem}.vibe-control-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:1.1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.vibe-control-btn:hover{background:#fff3;border-color:#fff6}.vibe-control-btn.active,.vibe-control-btn.paused{background:#8b5cf666;border-color:#8b5cf699}.vibe-close-btn{width:36px;height:36px;border-radius:50%;border:none;background:#ffffff1a;color:#fffc;font-size:1.2rem;cursor:pointer;transition:all .2s}.vibe-close-btn:hover{background:#fff3;color:#fff}.vibe-iteration-counter{font-size:.9rem;color:#fffc;background:#8b5cf64d;padding:.4rem 1rem;border-radius:20px;border:1px solid rgba(139,92,246,.5)}.vibe-progress-bar-container{width:100%;max-width:600px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.vibe-progress-bar{height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa,#c4b5fd);border-radius:3px;transition:width .5s ease;position:relative}.vibe-progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.vibe-settings-panel{background:#1e1e1ef2;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.25rem;width:100%;max-width:400px;box-shadow:0 8px 32px #0006}.vibe-settings-panel h3{margin:0 0 1rem;color:#fff;font-size:1rem;font-weight:600}.vibe-setting-row{margin-bottom:1rem}.vibe-setting-row label{display:block;color:#fffc;font-size:.85rem;margin-bottom:.5rem}.vibe-setting-row input[type=range]{width:100%;height:6px;-webkit-appearance:none;background:#ffffff1a;border-radius:3px;outline:none}.vibe-setting-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#8b5cf6;cursor:pointer;border:2px solid white}.vibe-settings-save{width:100%;padding:.6rem;background:#8b5cf6;border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:background .2s}.vibe-settings-save:hover{background:#7c3aed}.vibe-slideshow{flex:1;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:0;overflow:hidden}.vibe-slideshow-image-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%;min-height:0;transition:opacity .3s ease,transform .3s ease}.vibe-slideshow-image-container.transitioning{opacity:0;transform:scale(.98)}.vibe-slideshow-image{max-width:95%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #8b5cf633}.vibe-slideshow-image.fullscreen-fit{width:100%;height:100%;object-fit:contain;max-width:none;max-height:none}.vibe-slideshow-counter{position:absolute;top:.5rem;right:.5rem;background:#0009;color:#fff;padding:.25rem .5rem;border-radius:8px;font-size:.75rem}.vibe-slideshow-caption{font-size:.85rem;color:#fff9;text-align:center;max-width:600px;line-height:1.4;padding:.5rem 1rem;flex-shrink:0}.vibe-slideshow-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.vibe-generating-indicator{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#fffc;font-size:1.1rem}.vibe-spinner{font-size:3rem;animation:vibeSpin 2s linear infinite}@keyframes vibeSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vibe-slideshow-dots{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap;max-width:90%;padding:.5rem 0;flex-shrink:0}.vibe-dot{width:8px;height:8px;border-radius:50%;border:none;background:#ffffff4d;cursor:pointer;transition:all .2s;padding:0}.vibe-dot:hover{background:#ffffff80;transform:scale(1.3)}.vibe-dot.active{background:#8b5cf6;transform:scale(1.3)}.vibe-dot.start-frame{border:2px solid #22c55e;box-shadow:0 0 6px #22c55e80}.vibe-dot.start-frame.active{background:#8b5cf6;border-color:#22c55e}.vibe-slideshow-label{font-size:.9rem;color:#fffc;padding:.4rem 1rem}.vibe-setting-info{font-size:.8rem;color:#fff9;margin-bottom:.75rem;padding:.5rem;background:#ffffff0d;border-radius:6px}.vibe-header-progress{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:#8b5cf633;border:1px solid rgba(139,92,246,.4);border-radius:20px;cursor:pointer;transition:all .2s}.vibe-header-progress:hover{background:#8b5cf64d;border-color:#8b5cf699}.vibe-header-icon{font-size:1rem}.vibe-header-progress-bar{width:60px;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.vibe-header-progress-fill{height:100%;background:#8b5cf6;border-radius:2px;transition:width .3s ease}.vibe-header-text{font-size:.75rem;color:#fffc}@media(max-width:768px){.vibe-mode-progress-content{padding:.5rem;gap:.5rem}.vibe-control-btn{width:36px;height:36px;font-size:1rem}.vibe-slideshow-caption{font-size:.75rem}.vibe-settings-panel{max-width:100%}}.chat-interface{display:flex;height:100vh;width:100%;background:#121212}.chat-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);background:#0003}.sidebar-toggle{padding:.5rem;background:transparent;border:none;color:#fff9;cursor:pointer;font-size:1.25rem;border-radius:6px;transition:all .2s}.sidebar-toggle:hover{background:#ffffff0d;color:#ffffffe6}.model-selector{position:relative;flex:1}.model-selector-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffe6;cursor:pointer;transition:all .2s}.model-selector-button:hover{background:#ffffff0d;border-color:#fff3}.model-icon{font-size:1.1rem}.model-name{font-weight:500}.dropdown-arrow{margin-left:auto;font-size:.7rem;color:#fff9}.model-dropdown{position:absolute;top:calc(100% + .5rem);left:0;min-width:250px;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:1000;overflow:hidden}.model-option{width:100%;padding:.75rem 1rem;background:transparent;border:none;color:#fffc;text-align:left;cursor:pointer;transition:all .2s}.model-option:hover{background:#ffffff0d;color:#ffffffe6}.model-option.active{background:#646cff1a;color:#646cff}.vibe-mode-toggle{padding:.5rem 1rem;background:transparent;border:1px solid rgba(139,92,246,.3);border-radius:8px;color:#8b5cf6;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;white-space:nowrap}.vibe-mode-toggle:hover{background:#8b5cf61a;border-color:#8b5cf680}.vibe-mode-toggle.active{background:#8b5cf626;border-color:#8b5cf680;color:#a78bfa}.likeness-toggle{padding:.5rem .75rem;background:transparent;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#3b82f6;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:.25rem}.likeness-toggle:hover{background:#3b82f61a;border-color:#3b82f680}.likeness-toggle.active{background:#3b82f626;border-color:#3b82f680;color:#60a5fa}.likeness-count{font-size:.75rem;font-weight:600;background:#3b82f633;padding:.125rem .375rem;border-radius:4px}.gallery-view-toggle{padding:.5rem 1rem;background:transparent;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#3b82f6;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;white-space:nowrap}.gallery-view-toggle:hover{background:#3b82f61a;border-color:#3b82f680}.gallery-view-toggle.active{background:#3b82f626;border-color:#3b82f680;color:#60a5fa}.auto-scroll-toggle{padding:.5rem 1rem;background:transparent;border:1px solid rgba(236,72,153,.3);border-radius:8px;color:#ec4899;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;white-space:nowrap}.auto-scroll-toggle:hover{background:#ec48991a;border-color:#ec489980}.auto-scroll-toggle.active{background:#ec489926;border-color:#ec489980;color:#f472b6}.slideshow-toggle{padding:.5rem 1rem;background:transparent;border:1px solid rgba(34,197,94,.3);border-radius:8px;color:#22c55e;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;white-space:nowrap}.slideshow-toggle:hover{background:#22c55e1a;border-color:#22c55e80}.download-conversation-images-button{padding:.5rem 1rem;background:transparent;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#60a5fa;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;white-space:nowrap}.download-conversation-images-button:hover:not(:disabled){background:#3b82f61a;border-color:#3b82f680}.download-conversation-images-button:disabled{opacity:.5;cursor:not-allowed}.vibe-mode-header-banner{display:flex;align-items:center;gap:.75rem;padding:.4rem .75rem;background:linear-gradient(135deg,#8b5cf626,#ec489926);border:1px solid rgba(139,92,246,.3);border-radius:8px;animation:vibeHeaderGlow 2s ease-in-out infinite}@keyframes vibeHeaderGlow{0%,to{box-shadow:0 0 5px #8b5cf633}50%{box-shadow:0 0 10px #ec48994d}}.vibe-mode-header-indicator{color:#a78bfa;font-weight:600;font-size:.85rem;white-space:nowrap}.exit-vibe-subtitle-header{padding:.25rem .6rem;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fffc;font-size:.75rem;cursor:pointer;transition:all .2s;white-space:nowrap}.exit-vibe-subtitle-header:hover{background:#ffffff1f;border-color:#ffffff4d}.image-settings-toggle{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;background:transparent;border:1px solid rgba(139,92,246,.3);border-radius:8px;color:#8b5cf6;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;white-space:nowrap}.image-settings-toggle:hover{background:#8b5cf61a;border-color:#8b5cf680}.image-settings-toggle.active{background:#8b5cf626;border-color:#8b5cf680}.image-settings-toggle .settings-icon{font-size:1rem}.image-settings-toggle .disclosure-arrow{font-size:.6rem;transition:transform .2s ease}.image-settings-toggle .disclosure-arrow.expanded{transform:rotate(90deg)}.inline-image-settings{padding:.75rem 1.5rem;background:#8b5cf60d;border-bottom:1px solid rgba(139,92,246,.2);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.inline-settings-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.inline-settings-row.advanced{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(139,92,246,.15)}.inline-setting-group{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#ffffffb3}.inline-setting-group span{white-space:nowrap}.inline-setting-group select{padding:.35rem .5rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#ffffffe6;font-size:.85rem;cursor:pointer;transition:all .2s}.inline-setting-group select:hover{border-color:#8b5cf680}.inline-setting-group select:focus{outline:none;border-color:#8b5cf6;background:#ffffff1a}.inline-setting-group.checkbox{gap:.4rem}.inline-setting-group.checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#8b5cf6}.inline-setting-group.checkbox.autofire{padding:.25rem .5rem;background:#ef44441a;border-radius:6px;border:1px solid rgba(239,68,68,.3);transition:all .2s}.inline-setting-group.checkbox.autofire:has(input:checked){background:#ef444433;border-color:#ef444480}.inline-setting-group.range{flex-direction:column;align-items:flex-start;gap:.25rem;min-width:120px}.inline-setting-group.range input[type=range]{width:100%;height:4px;cursor:pointer;accent-color:#8b5cf6}.new-tab-button{padding:.5rem 1rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff9;cursor:pointer;font-size:1.25rem;transition:all .2s}.new-tab-button:hover{background:#ffffff0d;color:#ffffffe6}.chat-messages{flex:1;overflow-y:auto;padding:2rem 2rem 1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#ffffff80}.empty-state h2{margin:0 0 .5rem;font-size:1.5rem;color:#fffc}.empty-state p{margin:0;font-size:1rem}.loading-message{display:flex;justify-content:flex-start;padding:1rem}.loading-dots{display:flex;gap:.4rem;color:#ffffff80}.loading-dots span{animation:pulse 1.4s infinite ease-in-out}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,to{opacity:.3}40%{opacity:1}}.vibe-mode-banner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:linear-gradient(135deg,#8b5cf626,#ec489926);border:1px solid rgba(139,92,246,.3);border-radius:10px;margin-bottom:1rem;animation:vibeGlow 2s ease-in-out infinite}@keyframes vibeGlow{0%,to{box-shadow:0 0 10px #8b5cf633}50%{box-shadow:0 0 20px #ec48994d}}.vibe-mode-banner span{color:#a78bfa;font-weight:600;font-size:.95rem}.exit-vibe-subtitle{padding:.4rem .85rem;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fffc;font-size:.85rem;cursor:pointer;transition:all .2s}.exit-vibe-subtitle:hover{background:#ffffff1f;border-color:#ffffff4d}.chat-input-container{padding:1rem 1.5rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);background:#0003;position:relative;transition:all .2s}.chat-input-container.drag-over{background:#8b5cf61a;border-top-color:#8b5cf680}.drag-overlay{position:absolute;inset:0;background:#8b5cf626;border:2px dashed rgba(139,92,246,.5);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;z-index:10;pointer-events:none}.drag-icon{font-size:2rem}.drag-text{color:#a78bfa;font-weight:500}.pending-images{display:flex;gap:.75rem;margin-bottom:.75rem;padding:.5rem;background:#8b5cf614;border-radius:8px;overflow-x:auto}.pending-image-container{position:relative;flex-shrink:0}.pending-image{height:80px;width:auto;border-radius:6px;display:block}.remove-pending-image{position:absolute;top:-6px;right:-6px;width:20px;height:20px;padding:0;background:#ef4444e6;border:none;border-radius:50%;color:#fff;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.remove-pending-image:hover{background:#ef4444;transform:scale(1.1)}.in-context-indicator{position:absolute;bottom:4px;right:4px;background:#8b5cf6e6;border-radius:4px;padding:2px 4px;font-size:.7rem}.chat-input-actions{display:flex;gap:.5rem;margin-bottom:.75rem}.action-button{padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;font-size:.9rem;cursor:pointer;transition:all .2s}.action-button:hover{background:#ffffff14;border-color:#fff3;color:#ffffffe6}.chat-input-wrapper{position:relative;display:flex;align-items:flex-end;gap:.75rem}.chat-input{flex:1;padding:1rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffffe6;font-size:1rem;font-family:inherit;resize:none;max-height:200px;overflow-y:auto}.chat-input::placeholder{color:#fff6}.chat-input:focus{outline:none;border-color:#646cff;background:#ffffff14}.send-button{width:40px;height:40px;padding:0;background:#646cff;border:none;border-radius:50%;color:#fff;font-size:1.25rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.send-button:hover:not(:disabled){background:#535bf2;transform:scale(1.05)}.send-button:disabled{opacity:.5;cursor:not-allowed}.proceed-button{width:40px;height:40px;padding:0;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:50%;color:#22c55e;font-size:1.25rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.proceed-button:hover:not(:disabled){background:#22c55e33;border-color:#22c55e80;transform:scale(1.05)}.proceed-button:disabled{opacity:.5;cursor:not-allowed}.add-model-option{border-top:1px solid rgba(255,255,255,.1);font-weight:500;color:#646cff!important}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;max-width:500px;width:90%;box-shadow:0 8px 32px #0006}.modal-content h2{margin:0 0 .5rem;color:#ffffffe6;font-size:1.5rem}.modal-description{margin:0 0 1.5rem;color:#fff9;font-size:.9rem}.modal-field{margin-bottom:1.25rem}.modal-field label{display:block;margin-bottom:.5rem;color:#fffc;font-size:.9rem;font-weight:500}.modal-field input{width:100%;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffe6;font-size:1rem;font-family:inherit;box-sizing:border-box}.modal-field input::placeholder{color:#fff6}.modal-field input:focus{outline:none;border-color:#646cff;background:#ffffff14}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.modal-button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.modal-button-secondary{background:#ffffff0d;color:#ffffffb3;border:1px solid rgba(255,255,255,.1)}.modal-button-secondary:hover{background:#ffffff14;color:#ffffffe6}.modal-button-primary{background:#646cff;color:#fff}.modal-button-primary:hover:not(:disabled){background:#535bf2}.modal-button-primary:disabled{opacity:.5;cursor:not-allowed}@media(prefers-color-scheme:light){.chat-interface{background:#f5f5f5}.chat-header{border-bottom-color:#0000001a;background:#00000005}.sidebar-toggle{color:#0009}.sidebar-toggle:hover{background:#0000000d;color:#000000e6}.model-selector-button{border-color:#0000001a;color:#000000e6}.model-selector-button:hover{background:#0000000d;border-color:#0003}.dropdown-arrow{color:#0009}.model-dropdown{background:#fff;border-color:#0000001a}.model-option{color:#000c}.model-option:hover{background:#0000000d;color:#000000e6}.model-option.active{background:#535bf21a;color:#535bf2}.add-model-option{border-top-color:#0000001a;color:#535bf2!important}.inline-image-settings{background:#8b5cf614;border-bottom-color:#8b5cf640}.inline-settings-row.advanced{border-top-color:#8b5cf633}.inline-setting-group{color:#000000b3}.inline-setting-group select{background:#0000000d;border-color:#00000026;color:#000000e6}.inline-setting-group select:focus{background:#00000014}.new-tab-button{border-color:#0000001a;color:#0009}.new-tab-button:hover{background:#0000000d;color:#000000e6}.empty-state{color:#00000080}.empty-state h2{color:#000c}.loading-dots{color:#00000080}.chat-input-container{border-top-color:#0000001a;background:#00000005}.chat-input-container.drag-over{background:#7c3aed1a;border-top-color:#7c3aed80}.drag-overlay{background:#7c3aed1a;border-color:#7c3aed80}.drag-text{color:#7c3aed}.pending-images{background:#7c3aed14}.chat-input{background:#0000000d;border-color:#0000001a;color:#000000e6}.chat-input::placeholder{color:#0006}.chat-input:focus{border-color:#535bf2;background:#00000014}.send-button{background:#535bf2}.send-button:hover:not(:disabled){background:#646cff}.modal-content{background:#fff;border-color:#0000001a}.modal-content h2{color:#000000e6}.modal-description{color:#0009}.modal-field label{color:#000c}.modal-field input{background:#0000000d;border-color:#0000001a;color:#000000e6}.modal-field input::placeholder{color:#0006}.modal-field input:focus{border-color:#535bf2;background:#00000014}.modal-button-secondary{background:#0000000d;color:#000000b3;border-color:#0000001a}.modal-button-secondary:hover{background:#00000014;color:#000000e6}.modal-button-primary{background:#535bf2}.modal-button-primary:hover:not(:disabled){background:#646cff}.vibe-mode-banner{background:linear-gradient(135deg,#8b5cf61a,#ec48991a);border-color:#8b5cf640}.vibe-mode-banner span{color:#7c3aed}.exit-vibe-subtitle{background:#0000000d;border-color:#00000026;color:#000000b3}.exit-vibe-subtitle:hover{background:#0000001a;border-color:#0003}.vibe-mode-header-banner{background:linear-gradient(135deg,#8b5cf61a,#ec48991a);border-color:#8b5cf640}.vibe-mode-header-indicator{color:#7c3aed}.exit-vibe-subtitle-header{background:#0000000d;border-color:#00000026;color:#000000b3}.exit-vibe-subtitle-header:hover{background:#0000001a;border-color:#0003}}.conversation-settings-toggle{padding:.5rem .75rem;background:transparent;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;border-radius:8px;cursor:pointer;transition:all .2s;font-size:1rem}.conversation-settings-toggle:hover{background:#ffffff0d;border-color:#fff3;color:#fff}.conversation-settings-modal{max-width:500px}.conversation-settings-modal .modal-field{margin-bottom:1.25rem}.conversation-settings-modal textarea{width:100%;padding:.5rem .75rem;background:#0003;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:inherit;font-size:.9rem;resize:vertical;min-height:60px}.conversation-settings-modal textarea:focus{outline:none;border-color:#646cff}.topic-select-wrapper{display:flex;flex-direction:column;gap:.5rem}.topic-select-wrapper select,.topic-select-wrapper input{padding:.5rem .75rem;background:#0003;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:inherit;font-size:.9rem}.topic-select-wrapper input:focus{outline:none;border-color:#646cff}.field-help{margin:.5rem 0 0;font-size:.8rem;color:#ffffff80}@media(prefers-color-scheme:light){.conversation-settings-toggle{border-color:#0000001a;color:#000000b3}.conversation-settings-toggle:hover{background:#0000000d;border-color:#0003;color:#000}.conversation-settings-modal textarea,.topic-select-wrapper select,.topic-select-wrapper input{background:#fff;border-color:#0003}.field-help{color:#00000080}}.chat-messages.gallery-mode{display:flex;flex-direction:column;overflow-y:auto;padding:0}.gallery-view-container{flex:1;padding:1.5rem;overflow:hidden}.gallery-columns{display:flex;gap:1rem;height:100%}.gallery-column{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:1rem}.gallery-column-item{position:relative;overflow:hidden;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;background:#ffffff0d;flex-shrink:0}.gallery-column-item:hover{transform:scale(1.02);box-shadow:0 4px 12px #0000004d}.gallery-column-item img{width:100%;height:auto;display:block;object-fit:contain}.gallery-bottom-section{border-top:1px solid rgba(255,255,255,.1);padding:1rem 1.5rem;background:#0000004d;display:flex;flex-direction:column;gap:.75rem}.gallery-drawer-toggle{padding:.5rem 1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#3b82f6;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;align-self:flex-start}.gallery-drawer-toggle:hover{background:#3b82f633;border-color:#3b82f680}.gallery-latest-response{display:flex;flex-direction:column;gap:.5rem}.gallery-response-label{font-size:.85rem;color:#fff9;font-weight:500}.gallery-response-content{color:#ffffffe6;line-height:1.5;font-size:.95rem;max-height:4.5em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.gallery-drawer{position:fixed;bottom:0;left:0;right:0;height:50vh;background:#1a1a1a;border-top:1px solid rgba(255,255,255,.1);z-index:1500;box-shadow:0 -4px 12px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.gallery-drawer-content{height:100%;display:flex;flex-direction:column}.gallery-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.gallery-drawer-header h3{margin:0;color:#ffffffe6;font-size:1.1rem}.gallery-drawer-close{padding:.25rem .5rem;background:transparent;border:none;color:#fff9;cursor:pointer;font-size:1.5rem;transition:color .2s}.gallery-drawer-close:hover{color:#ffffffe6}.gallery-drawer-messages{flex:1;overflow-y:auto;padding:1rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.gallery-drawer-message{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border-radius:8px;background:#ffffff08}.gallery-drawer-message.user{background:#3b82f61a}.gallery-drawer-message.assistant{background:#8b5cf61a}.gallery-drawer-message-role{font-size:.85rem;font-weight:600;color:#ffffffb3}.gallery-drawer-message-content{color:#ffffffe6;line-height:1.5;font-size:.95rem}.gallery-drawer-message-images{font-size:.85rem;color:#ffffff80;font-style:italic}.chat-interface.gallery-view-active .chat-sidebar{display:none}@media(max-width:900px){.gallery-columns,.gallery-column{gap:.5rem}}@media(max-width:600px){.gallery-view-container{padding:.75rem}}.edit-presets-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1400;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.edit-presets-panel{background:#1a1a1a;border:1px solid rgba(100,108,255,.3);border-radius:16px;padding:0;max-width:550px;width:90%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #646cff33}.edit-presets-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(100,108,255,.2);background:#646cff0d}.edit-presets-header h3{margin:0;font-size:1.2rem;color:#a78bfa}.edit-presets-header .close-button{background:transparent;border:none;color:#fff9;font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.edit-presets-header .close-button:hover{background:#ffffff1a;color:#ffffffe6}.edit-presets-content{padding:1.5rem;overflow-y:auto;flex:1}.edit-presets-section{margin-bottom:1.25rem}.edit-presets-section:last-child{margin-bottom:0}.edit-presets-section.empty-presets{text-align:center;padding:1.5rem;background:#ffffff08;border:1px dashed rgba(255,255,255,.15);border-radius:8px}.edit-presets-section.empty-presets p{margin:0;color:#fff9;font-size:.9rem}.edit-presets-section label{display:block;margin-bottom:.5rem;color:#fffc;font-size:.9rem;font-weight:500}.edit-presets-tree-view{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;max-height:250px;overflow-y:auto}.edit-presets-tree-node-container{display:flex;flex-direction:column}.edit-presets-tree-node{display:flex;align-items:center;padding:.6rem .75rem;cursor:pointer;transition:all .2s;position:relative;gap:.5rem}.edit-presets-tree-node:hover{background:#646cff1a}.edit-presets-tree-node.selected{background:#646cff33;border-left:3px solid #646cff}.edit-presets-tree-node.folder{color:#ffffffe6}.edit-presets-tree-node.item{color:#ffffffd9}.edit-presets-tree-node .folder-icon,.edit-presets-tree-node .item-icon{flex-shrink:0;font-size:.95rem}.edit-presets-tree-node .node-content{flex:1;display:flex;flex-direction:column;gap:.15rem;min-width:0}.edit-presets-tree-node .node-label{flex:1;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edit-presets-tree-node .node-aspect{font-size:.7rem;color:#ffffff80}.edit-presets-tree-node .expand-indicator{font-size:.7rem;color:#fff6;margin-left:auto}.edit-presets-tree-node .delete-node-btn{padding:0;width:24px;height:24px;border:none;background:transparent;color:#fff6;font-size:.8rem;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s}.edit-presets-tree-node:hover .delete-node-btn{opacity:1}.edit-presets-tree-node .delete-node-btn:hover{background:#ff646433;color:#ff6b6b}.folder-children{display:flex;flex-direction:column}.edit-presets-tree-node.drop-before:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#646cff}.edit-presets-tree-node.drop-after:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#646cff}.edit-presets-tree-node.drop-inside{background:#646cff40;outline:2px dashed #646cff}.custom-presets-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.custom-presets-header label{margin-bottom:0}.custom-presets-actions{display:flex;gap:.5rem;flex-wrap:wrap}.custom-presets-actions button{padding:.4rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#ffffffb3;font-size:.8rem;cursor:pointer;transition:all .2s}.custom-presets-actions button:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff40;color:#ffffffe6}.custom-presets-actions button:disabled{opacity:.5;cursor:not-allowed}.add-preset-form{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px}.add-preset-form input,.add-preset-form textarea{width:100%;padding:.65rem .85rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#ffffffe6;font-size:.9rem;font-family:inherit;box-sizing:border-box}.add-preset-form textarea{min-height:80px;resize:vertical}.add-preset-form input::placeholder,.add-preset-form textarea::placeholder{color:#fff6}.add-preset-form input:focus,.add-preset-form textarea:focus{outline:none;border-color:#646cff}.preset-aspect-row{display:flex;align-items:center;gap:.75rem}.preset-aspect-row label{margin-bottom:0;font-size:.85rem;color:#ffffffb3;white-space:nowrap}.preset-aspect-row select{flex:1;padding:.5rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#ffffffe6;font-size:.9rem;cursor:pointer}.preset-aspect-row select:focus{outline:none;border-color:#646cff}.add-preset-btn{align-self:flex-end;padding:.5rem 1rem;background:linear-gradient(135deg,#646cff,#a78bfa);border:none;border-radius:6px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.add-preset-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #646cff4d}.add-preset-btn:disabled{opacity:.5;cursor:not-allowed}.edit-presets-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem;border-top:1px solid rgba(100,108,255,.2);background:#0003}.edit-presets-footer .cancel-btn{padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffffb3;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.edit-presets-footer .cancel-btn:hover{background:#ffffff1a;color:#ffffffe6}@media(prefers-color-scheme:light){.edit-presets-panel{background:#fff;border-color:#646cff4d}.edit-presets-header{background:#646cff14;border-bottom-color:#646cff26}.edit-presets-header h3{color:#646cff}.edit-presets-header .close-button{color:#00000080}.edit-presets-header .close-button:hover{background:#0000001a;color:#000c}.edit-presets-section label{color:#000c}.edit-presets-section.empty-presets{background:#00000005;border-color:#0000001a}.edit-presets-section.empty-presets p{color:#0009}.edit-presets-tree-view{background:#00000005;border-color:#0000001a}.edit-presets-tree-node:hover{background:#646cff14}.edit-presets-tree-node.selected{background:#646cff26}.edit-presets-tree-node.folder{color:#000000e6}.edit-presets-tree-node.item{color:#000000d9}.edit-presets-tree-node .node-aspect{color:#00000080}.edit-presets-tree-node .expand-indicator,.edit-presets-tree-node .delete-node-btn{color:#0006}.custom-presets-actions button{background:#00000008;border-color:#00000026;color:#000000b3}.custom-presets-actions button:hover:not(:disabled){background:#00000014;color:#000000e6}.add-preset-form{background:#00000005;border-color:#0000001a}.add-preset-form input,.add-preset-form textarea{background:#00000008;border-color:#00000026;color:#000000e6}.add-preset-form input::placeholder,.add-preset-form textarea::placeholder{color:#0006}.preset-aspect-row label{color:#000000b3}.preset-aspect-row select{background:#00000008;border-color:#00000026;color:#000000e6}.edit-presets-footer{background:#00000005;border-top-color:#646cff26}.edit-presets-footer .cancel-btn{background:#00000008;border-color:#00000026;color:#000000b3}.edit-presets-footer .cancel-btn:hover{background:#00000014;color:#000000e6}}@media(max-width:768px){.custom-presets-actions{flex-wrap:wrap;justify-content:flex-end}}.gallery-filter{padding:1rem;margin-bottom:1rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.gallery-filter .filter-section{margin-bottom:.75rem}.gallery-filter .filter-section:last-of-type{margin-bottom:0}.gallery-filter .filter-label{display:block;font-size:.85rem;color:#ffffffb3;margin-bottom:.5rem}.gallery-filter .filter-chips{display:flex;flex-wrap:wrap;gap:.5rem}.gallery-filter .filter-chip{padding:.3rem .75rem;border-radius:16px;font-size:.8rem;cursor:pointer;transition:all .15s;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fffc}.gallery-filter .filter-chip:hover{background:#8b5cf633;border-color:#8b5cf680}.gallery-filter .filter-chip.selected{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:transparent;color:#fff}.gallery-filter .filter-chip.hidden-topic{opacity:.6;font-style:italic}.gallery-filter .filter-chip.hidden-topic.selected{opacity:1}.gallery-filter .filter-more-toggle{padding:.3rem .75rem;border-radius:16px;font-size:.8rem;cursor:pointer;transition:all .15s;background:#8b5cf61a;border:1px dashed rgba(139,92,246,.4);color:#8b5cf6e6}.gallery-filter .filter-more-toggle:hover{background:#8b5cf633;border-style:solid;border-color:#8b5cf699;color:#8b5cf6}.gallery-filter .clear-filters-btn{margin-top:.75rem;padding:.4rem .8rem;background:transparent;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;border-radius:6px;font-size:.8rem;cursor:pointer}.gallery-filter .clear-filters-btn:hover{background:#ffffff1a;color:#fff}.gallery-filter .selected-tags-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.gallery-filter .tag-search-wrapper{position:relative;margin-bottom:.75rem;max-width:300px}.gallery-filter .tag-search-input{width:100%;padding:.4rem 2rem .4rem .75rem;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#0003;color:inherit;font-size:.85rem}.gallery-filter .tag-search-input:focus{outline:none;border-color:#8b5cf6}.gallery-filter .tag-search-input::placeholder{color:#fff6}.gallery-filter .tag-search-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#ffffff80;cursor:pointer;font-size:.8rem;padding:.2rem}.gallery-filter .tag-search-clear:hover{color:#fff}.gallery-filter .filter-no-results{font-size:.8rem;color:#ffffff80;font-style:italic}@media(prefers-color-scheme:light){.gallery-filter{background:#00000008;border-color:#0000001a}.gallery-filter .filter-label{color:#000000b3}.gallery-filter .filter-chip{background:#0000000d;border-color:#0003;color:#000c}.gallery-filter .filter-chip:hover{background:#8b5cf61a;border-color:#8b5cf64d}.gallery-filter .filter-more-toggle{background:#8b5cf60d;border-color:#8b5cf64d;color:#8b5cf6cc}.gallery-filter .filter-more-toggle:hover{background:#8b5cf61a;border-color:#8b5cf680;color:#7c3aed}.gallery-filter .clear-filters-btn{border-color:#0003;color:#000000b3}.gallery-filter .clear-filters-btn:hover{background:#0000000d;color:#000}.gallery-filter .selected-tags-row{border-bottom-color:#0000001a}.gallery-filter .tag-search-input{background:#fff;border-color:#0003}.gallery-filter .tag-search-input::placeholder{color:#0006}.gallery-filter .tag-search-clear{color:#00000080}.gallery-filter .tag-search-clear:hover{color:#000}.gallery-filter .filter-no-results{color:#00000080}}.gallery-picker-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.gallery-picker-modal{background:#1a1a2e;border-radius:12px;max-width:900px;width:100%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.gallery-picker-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.gallery-picker-header h3{margin:0;font-size:1.2rem}.gallery-picker-header-actions{display:flex;align-items:center;gap:.5rem}.gallery-picker-filter-btn{padding:.4rem .75rem;border-radius:6px;background:transparent;border:1px solid rgba(255,255,255,.3);color:#ffffffb3;cursor:pointer;font-size:.85rem;transition:all .15s}.gallery-picker-filter-btn:hover,.gallery-picker-filter-btn.active{background:#8b5cf633;border-color:#8b5cf6;color:#fff}.gallery-picker-close-btn{background:transparent;border:none;color:#ffffffb3;font-size:1.2rem;cursor:pointer;padding:.25rem .5rem}.gallery-picker-close-btn:hover{color:#fff}.gallery-picker-modal .gallery-filter{margin:0;border-radius:0;border-left:none;border-right:none;border-top:none}.gallery-picker-content{flex:1;overflow-y:auto;padding:1rem}.gallery-picker-empty{text-align:center;color:#ffffff80;padding:2rem}.gallery-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.gallery-picker-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s}.gallery-picker-item:hover{transform:scale(1.03);box-shadow:0 4px 12px #0000004d}.gallery-picker-item img{width:100%;height:100%;object-fit:cover}.gallery-picker-item-overlay{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:linear-gradient(transparent,#000c);opacity:0;transition:opacity .15s}.gallery-picker-item:hover .gallery-picker-item-overlay{opacity:1}.gallery-picker-item-overlay span{display:block;font-size:.7rem;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-picker-item-topic{position:absolute;top:.35rem;left:.35rem;padding:.15rem .4rem;background:#8b5cf6cc;border-radius:4px;font-size:.65rem;color:#fff}.gallery-picker-count{text-align:center;color:#ffffff80;font-size:.85rem;margin-top:1rem}.gallery-picker-preview-overlay{position:absolute;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10}.gallery-picker-preview{display:flex;flex-direction:column;max-width:90%;max-height:90%;background:#1a1a2e;border-radius:12px;overflow:hidden}.gallery-picker-preview-image{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0a0a15}.gallery-picker-preview-image img{max-width:100%;max-height:50vh;object-fit:contain}.gallery-picker-preview-info{padding:1rem;border-top:1px solid rgba(255,255,255,.1)}.gallery-picker-preview-prompt{margin:0 0 .75rem;font-size:.9rem;color:#ffffffe6;line-height:1.4;max-height:4.2rem;overflow:hidden}.gallery-picker-preview-topic{display:inline-block;padding:.2rem .5rem;background:#8b5cf699;border-radius:4px;font-size:.75rem;margin-right:.5rem}.gallery-picker-preview-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.5rem}.gallery-picker-preview-tag{padding:.15rem .4rem;background:#ffffff1a;border-radius:3px;font-size:.7rem;color:#ffffffb3}.gallery-picker-preview-actions{display:flex;justify-content:space-between;padding:1rem;border-top:1px solid rgba(255,255,255,.1);gap:1rem}.gallery-picker-preview-cancel{padding:.6rem 1.2rem;border-radius:8px;background:transparent;border:1px solid rgba(255,255,255,.3);color:#ffffffb3;cursor:pointer;font-size:.9rem;transition:all .15s}.gallery-picker-preview-cancel:hover{background:#ffffff1a;color:#fff}.gallery-picker-preview-confirm{flex:1;padding:.6rem 1.2rem;border-radius:8px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .15s}.gallery-picker-preview-confirm:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}@media(prefers-color-scheme:light){.gallery-picker-modal{background:#f8f8fc}.gallery-picker-header{border-bottom-color:#0000001a}.gallery-picker-filter-btn{border-color:#0003;color:#000000b3}.gallery-picker-close-btn{color:#000000b3}.gallery-picker-close-btn:hover{color:#000}.gallery-picker-empty,.gallery-picker-count{color:#00000080}.gallery-picker-preview{background:#f8f8fc}.gallery-picker-preview-image{background:#e8e8f0}.gallery-picker-preview-info{border-top-color:#0000001a}.gallery-picker-preview-prompt{color:#000000e6}.gallery-picker-preview-tag{background:#0000000d;color:#000000b3}.gallery-picker-preview-actions{border-top-color:#0000001a}.gallery-picker-preview-cancel{border-color:#0003;color:#000000b3}.gallery-picker-preview-cancel:hover{background:#0000000d;color:#000}}@media(max-width:600px){.gallery-picker-modal{max-height:90vh}.gallery-picker-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.gallery-picker-preview-actions{flex-direction:column-reverse}.gallery-picker-preview-cancel{width:100%;text-align:center}}.edit-modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1200;padding:1rem;animation:fadeIn .2s ease}.edit-modal-content{background:#1a1a1a;border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 8px 32px #00000080}.edit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;background:#1a1a1a;z-index:10}.edit-modal-header h2{margin:0;font-size:1.25rem;font-weight:600}.edit-modal-close{width:32px;height:32px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;font-size:1rem;cursor:pointer;transition:background .2s}.edit-modal-close:hover{background:#fff3}.edit-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.edit-section{display:flex;flex-direction:column;gap:.5rem}.edit-label{font-size:.9rem;font-weight:500;color:#ffffffe6;display:flex;align-items:center;gap:.25rem}.edit-required{color:#ff6b6b}.edit-hint{color:#fff6;font-size:.75rem;cursor:help}.edit-label-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.edit-presets-btn{padding:.35rem .75rem;border:1px solid rgba(100,108,255,.3);border-radius:6px;background:#646cff1a;color:#a78bfa;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.edit-presets-btn:hover{background:#646cff33;border-color:#646cff80}.edit-prompt-input{position:relative;width:100%;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:.95rem;font-family:inherit;resize:vertical;min-height:80px}.edit-prompt-input:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px #646cff33}.edit-prompt-input::placeholder{color:#fff6}.edit-prompt-chips-preview{padding:.5rem .75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.85rem;line-height:1.6;color:#ffffffb3;white-space:pre-wrap;word-wrap:break-word;margin-top:.5rem}.edit-prompt-chip{display:inline-flex;align-items:center;padding:.15rem .5rem;margin:0 .1rem;border-radius:12px;font-size:.8rem;font-weight:600;vertical-align:middle;transition:all .2s}.edit-prompt-chip.linked{background:linear-gradient(135deg,#646cff,#a78bfa);color:#fff;box-shadow:0 1px 3px #646cff4d}.edit-prompt-chip.unlinked{background:#ffffff1a;color:#fff9;border:1px dashed rgba(255,255,255,.3)}.edit-help-text{font-size:.8rem;color:#ffffff80;margin:0}.edit-help-text code{background:#ffffff1a;padding:.1rem .3rem;border-radius:4px;font-family:monospace;color:#a78bfa}.edit-url-input-row{display:flex;gap:.5rem;align-items:center}.edit-add-image-btn{padding:.5rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:.9rem;cursor:pointer;white-space:nowrap;transition:all .2s}.edit-add-image-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d}.edit-add-image-btn:disabled{opacity:.5;cursor:not-allowed}.edit-url-input{flex:1;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:.9rem}.edit-url-input:focus{outline:none;border-color:#646cff}.edit-url-input::placeholder{color:#fff6}.edit-add-url-btn{padding:.5rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:.9rem;cursor:pointer;white-space:nowrap;transition:all .2s}.edit-add-url-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d}.edit-add-url-btn:disabled{opacity:.5;cursor:not-allowed}.edit-image-slots{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.5rem}.edit-image-slot{position:relative;width:250px;min-height:200px;border-radius:12px;overflow:hidden;background:#ffffff08;border:2px dashed rgba(255,255,255,.15);transition:all .2s}.edit-image-slot.filled{border-style:solid;border-color:#fff3}.edit-image-slot:hover{border-color:#ffffff4d}.edit-image-slot img{width:100%;height:auto;display:block}.edit-slot-image-clickable{cursor:pointer;transition:opacity .2s}.edit-slot-image-clickable:hover{opacity:.85}.edit-slot-label{position:absolute;top:8px;left:8px;background:#a78bfa;color:#fff;font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;z-index:2}.edit-slot-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;border:none;background:#0009;color:#fff;font-size:.8rem;cursor:pointer;z-index:2;transition:background .2s;display:flex;align-items:center;justify-content:center}.edit-slot-remove:hover{background:#ff6464cc}.edit-slot-info{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:linear-gradient(transparent,#000c);display:flex;justify-content:space-between;align-items:center}.edit-slot-dimensions{font-size:.75rem;color:#ffffffb3}.edit-slot-insert-ref{width:24px;height:24px;border-radius:50%;border:none;background:#fff3;color:#fff;font-size:.7rem;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.edit-slot-insert-ref:hover{background:#ffffff4d}.edit-slot-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:1rem}.edit-slot-add-btn{padding:.75rem 1.5rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:transparent;color:#fff9;font-size:.9rem;cursor:pointer;transition:all .2s}.edit-slot-add-btn:hover{color:#fff;border-color:#fff6;background:#ffffff0d}.edit-slot-actions{display:flex;gap:.5rem}.edit-slot-action{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff9;font-size:1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.edit-slot-action:hover{color:#fff;border-color:#fff6;background:#ffffff0d}.edit-images-count{font-size:.85rem;color:#ffffff80;margin:.5rem 0 0}.edit-settings-row{display:flex;gap:1.5rem;flex-wrap:wrap}.edit-setting-group{display:flex;flex-direction:column;gap:.5rem;min-width:180px}.edit-setting-label{font-size:.8rem;color:#fff9}.edit-select{padding:.5rem .75rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:.9rem;cursor:pointer}.edit-select:focus{outline:none;border-color:#646cff}.edit-num-images-control{display:flex;align-items:center;gap:.25rem}.edit-num-btn{width:32px;height:32px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff0d;color:#fff;font-size:1.1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.edit-num-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d}.edit-num-btn:disabled{opacity:.4;cursor:not-allowed}.edit-num-input{width:60px;padding:.5rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff0d;color:#fff;font-size:.9rem;text-align:center}.edit-num-input:focus{outline:none;border-color:#646cff}.edit-num-input::-webkit-outer-spin-button,.edit-num-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.edit-num-input[type=number]{-moz-appearance:textfield}.edit-batch-note{font-size:.75rem;color:#ffffff80;margin:.25rem 0 0;font-style:italic}.edit-error{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#ff64641a;border:1px solid rgba(255,100,100,.3);border-radius:8px;color:#ff6b6b;font-size:.9rem}.edit-error button{padding:.25rem .75rem;border:1px solid rgba(255,100,100,.4);border-radius:4px;background:transparent;color:#ff6b6b;font-size:.8rem;cursor:pointer;transition:all .2s}.edit-error button:hover{background:#ff64641a}.edit-actions{display:flex;justify-content:flex-end;padding-top:.5rem;gap:.75rem}.edit-rerun-btn{padding:.75rem 1.5rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.edit-rerun-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d}.edit-rerun-btn:disabled{opacity:.5;cursor:not-allowed}.edit-generate-btn{padding:.75rem 2rem;border:none;border-radius:8px;background:linear-gradient(135deg,#646cff,#a78bfa);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.edit-generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #646cff66}.edit-generate-btn:disabled{opacity:.5;cursor:not-allowed}.edit-gallery-picker-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1300;padding:2rem}.edit-gallery-picker{background:#1a1a1a;border-radius:16px;max-width:800px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.edit-gallery-picker-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.edit-gallery-picker-header h3{margin:0;font-size:1.1rem}.edit-gallery-picker-header button{width:28px;height:28px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;font-size:.9rem;cursor:pointer;transition:background .2s}.edit-gallery-picker-header button:hover{background:#fff3}.edit-gallery-picker-content{flex:1;overflow-y:auto;padding:1rem}.edit-gallery-empty{text-align:center;color:#ffffff80;padding:3rem 1rem}.edit-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.edit-gallery-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s}.edit-gallery-item:hover{transform:scale(1.03)}.edit-gallery-item img{width:100%;height:100%;object-fit:cover}.edit-gallery-item-overlay{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:linear-gradient(transparent,#000c);opacity:0;transition:opacity .2s}.edit-gallery-item:hover .edit-gallery-item-overlay{opacity:1}.edit-gallery-item-overlay span{font-size:.7rem;color:#ffffffe6;display:block}.edit-enhance-toggle{margin-top:.75rem;padding:.75rem;background:#646cff0d;border:1px solid rgba(100,108,255,.2);border-radius:8px}.edit-toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.edit-toggle-checkbox{position:absolute;opacity:0;width:0;height:0}.edit-toggle-slider{position:relative;width:44px;height:24px;background:#ffffff26;border-radius:12px;transition:background .2s;flex-shrink:0}.edit-toggle-slider:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0000004d}.edit-toggle-checkbox:checked+.edit-toggle-slider{background:linear-gradient(135deg,#646cff,#a78bfa)}.edit-toggle-checkbox:checked+.edit-toggle-slider:after{transform:translate(20px)}.edit-toggle-text{font-size:.9rem;color:#ffffffe6;font-weight:500}.edit-enhance-hint{margin:.5rem 0 0;padding-left:calc(44px + .75rem);font-size:.8rem;color:#ffffff80;font-style:italic}@media(prefers-color-scheme:light){.edit-modal-content{background:#fff}.edit-modal-header{background:#fff;border-bottom-color:#0000001a}.edit-modal-close{background:#0000000d;color:#333}.edit-modal-close:hover{background:#0000001a}.edit-label{color:#000000e6}.edit-presets-btn{background:#646cff14;color:#646cff}.edit-presets-btn:hover{background:#646cff26}.edit-prompt-input,.edit-url-input{background:#00000008;border-color:#00000026;color:#333}.edit-prompt-input::placeholder,.edit-url-input::placeholder{color:#0006}.edit-prompt-chips-preview{background:#00000008;border-color:#0000001a;color:#000000b3}.edit-prompt-chip.unlinked{background:#0000000d;color:#00000080;border-color:#0003}.edit-help-text{color:#00000080}.edit-help-text code{background:#0000000d}.edit-add-image-btn,.edit-add-url-btn{background:#00000008;border-color:#00000026;color:#333}.edit-image-slot{background:#00000005;border-color:#0000001a}.edit-slot-add-btn,.edit-slot-action{color:#0009;border-color:#00000026}.edit-images-count{color:#00000080}.edit-setting-label{color:#0009}.edit-select,.edit-num-btn,.edit-num-input{background:#00000008;border-color:#00000026;color:#333}.edit-batch-note{color:#00000080}.edit-gallery-picker{background:#fff}.edit-gallery-picker-header{border-bottom-color:#0000001a}.edit-gallery-picker-header button{background:#0000000d;color:#333}.edit-gallery-empty{color:#00000080}.edit-enhance-toggle{background:#646cff0d;border-color:#646cff26}.edit-toggle-slider{background:#00000026}.edit-toggle-text{color:#000000e6}.edit-enhance-hint{color:#00000080}}@media(max-width:768px){.edit-modal-content{max-height:95vh}.edit-url-input-row{flex-wrap:wrap}.edit-url-input{order:1;width:100%;flex:none}.edit-add-image-btn{order:2;flex:1}.edit-add-url-btn{order:3;flex:1}.edit-image-slots{justify-content:center}.edit-image-slot{width:calc(50% - .5rem);min-height:150px}.edit-slot-placeholder{height:150px}.edit-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.sync-status-indicator{display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:20px;border:none;background:#ffffff1a;color:#fff;font-size:.85rem;cursor:pointer;transition:all .2s ease}.sync-status-indicator:hover{background:#fff3}.sync-status-icon{font-size:.9rem;line-height:1}.sync-status-text{font-weight:500}.sync-status-idle{border:1px solid rgba(74,222,128,.5)}.sync-status-idle .sync-status-icon{color:#4ade80}.sync-status-syncing{border:1px solid rgba(96,165,250,.5)}.sync-status-syncing .sync-status-icon{color:#60a5fa;animation:spin 1s linear infinite}.sync-status-uploading{border:1px solid rgba(167,139,250,.5)}.sync-status-uploading .sync-status-icon{color:#a78bfa;animation:spin 1s linear infinite}.sync-status-downloading{border:1px solid rgba(34,211,238,.5)}.sync-status-downloading .sync-status-icon{color:#22d3ee;animation:spin 1s linear infinite}.sync-status-error{border:1px solid rgba(248,113,113,.5)}.sync-status-error .sync-status-icon{color:#f87171}.sync-status-offline{border:1px solid rgba(156,163,175,.5)}.sync-status-offline .sync-status-icon{color:#9ca3af}.sync-status-conflict{border:1px solid rgba(251,191,36,.5)}.sync-status-conflict .sync-status-icon{color:#fbbf24}.sync-status-not-configured{border:1px solid rgba(156,163,175,.3);opacity:.7}.sync-status-not-configured .sync-status-icon{color:#9ca3af}@media(max-width:768px){.sync-status-indicator{padding:.3rem .6rem;font-size:.8rem}.sync-status-text{display:none}}.sync-settings-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.sync-settings-panel{background:#1a1a2e;border-radius:12px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000080}.sync-settings-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.sync-settings-header h2{margin:0;font-size:1.25rem;color:#fff}.sync-settings-close{background:none;border:none;color:#fff9;font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1;transition:color .2s}.sync-settings-close:hover{color:#fff}.sync-settings-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.1);padding:0 1rem}.sync-tab{background:none;border:none;color:#fff9;padding:.75rem 1rem;font-size:.9rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.sync-tab:hover{color:#ffffffe6}.sync-tab.active{color:#fff;border-bottom-color:#646cff}.sync-settings-content{flex:1;overflow-y:auto;padding:1.5rem}.sync-section{margin-bottom:2rem}.sync-section:last-child{margin-bottom:0}.sync-section h3{font-size:1rem;color:#fff;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.sync-section-description{color:#fff9;font-size:.85rem;margin:-.5rem 0 1rem}.sync-form-group{margin-bottom:1rem}.sync-form-group label{display:block;color:#fffc;font-size:.85rem;margin-bottom:.4rem}.sync-form-group input,.sync-form-group select{width:100%;padding:.6rem .8rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff0d;color:#fff;font-size:.9rem;transition:border-color .2s}.sync-form-group input:focus,.sync-form-group select:focus{outline:none;border-color:#646cff}.sync-form-group input::placeholder{color:#fff6}.sync-form-group input:disabled,.sync-form-group select:disabled{opacity:.5;cursor:not-allowed}.sync-form-hint{display:block;font-size:.75rem;color:#ffffff80;margin-top:.25rem}.sync-input-with-toggle{display:flex;gap:.5rem}.sync-input-with-toggle input{flex:1}.sync-toggle-visibility{padding:.6rem .8rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;transition:background .2s}.sync-toggle-visibility:hover{background:#ffffff26}.sync-checkbox-group{margin-bottom:.75rem}.sync-checkbox-group label{display:flex;align-items:center;gap:.5rem;color:#fffc;font-size:.9rem;cursor:pointer}.sync-checkbox-group input[type=checkbox]{width:1rem;height:1rem;accent-color:#646cff}.sync-checkbox-group input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.sync-button-row{display:flex;gap:.75rem;align-items:center;margin-top:1rem;flex-wrap:wrap}.sync-btn{padding:.6rem 1.2rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.sync-btn:disabled{opacity:.5;cursor:not-allowed}.sync-btn-primary{background:#646cff;color:#fff}.sync-btn-primary:hover:not(:disabled){background:#535bf2}.sync-btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.sync-btn-secondary:hover:not(:disabled){background:#ffffff26}.sync-btn-danger{background:#dc2626;color:#fff}.sync-btn-danger:hover:not(:disabled){background:#b91c1c}.sync-btn-danger-outline{background:transparent;color:#f87171;border:1px solid #f87171}.sync-btn-danger-outline:hover:not(:disabled){background:#f871711a}.sync-btn-large{width:100%;padding:.8rem;font-size:1rem;margin-bottom:.5rem}.sync-btn-small{padding:.4rem .8rem;font-size:.8rem}.sync-connection-result{font-size:.85rem}.sync-connection-result.success{color:#4ade80}.sync-connection-result.error{color:#f87171}.sync-passphrase-strength{margin-top:.5rem;position:relative;height:24px;background:#ffffff1a;border-radius:4px;overflow:hidden}.sync-strength-bar{height:100%;transition:width .3s ease;border-radius:4px}.sync-passphrase-strength span{position:absolute;top:50%;left:.5rem;transform:translateY(-50%);font-size:.75rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.strength-weak .sync-strength-bar{background:#f87171}.strength-fair .sync-strength-bar{background:#fbbf24}.strength-good .sync-strength-bar{background:#60a5fa}.strength-strong .sync-strength-bar{background:#4ade80}.sync-danger-zone{border:1px solid rgba(248,113,113,.3);border-radius:8px;padding:1rem;background:#f871710d}.sync-danger-zone h3{color:#f87171;border-bottom-color:#f871714d}.sync-danger-buttons{display:flex;flex-direction:column;gap:.5rem}.sync-danger-description{font-size:.8rem;color:#ffffff80;margin:0 0 1rem}.sync-progress{margin-bottom:1rem}.sync-progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.sync-progress-fill{height:100%;background:linear-gradient(90deg,#646cff,#a78bfa);border-radius:4px;transition:width .3s ease}.sync-progress-text{font-size:.8rem;color:#ffffffb3}.sync-error-message{background:#f8717133;border:1px solid rgba(248,113,113,.5);color:#fca5a5;padding:.75rem;border-radius:6px;font-size:.85rem;margin-bottom:1rem}.sync-success-message{background:#4ade8033;border:1px solid rgba(74,222,128,.5);color:#86efac;padding:.75rem;border-radius:6px;font-size:.85rem;margin-bottom:1rem}.sync-hint{font-size:.8rem;color:#ffffff80;margin:0}.sync-status-details{background:#ffffff0d;border-radius:8px;padding:1rem}.sync-status-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.sync-status-row:last-child{border-bottom:none}.sync-status-label{color:#fff9}.sync-status-value{color:#fff;font-weight:500}.sync-status-value.status-idle{color:#4ade80}.sync-status-value.status-syncing,.sync-status-value.status-uploading,.sync-status-value.status-downloading{color:#60a5fa}.sync-status-value.status-error{color:#f87171}.sync-status-value.status-offline,.sync-status-value.status-not_configured{color:#9ca3af}.sync-error{color:#f87171}.sync-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.sync-log-header h3{margin:0;border:none;padding:0}.sync-log-list{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}.sync-log-empty{text-align:center;color:#fff6;padding:2rem}.sync-log-entry{display:flex;gap:.75rem;padding:.75rem;background:#ffffff0d;border-radius:6px;align-items:flex-start}.sync-log-icon{font-size:1rem;width:1.5rem;text-align:center;flex-shrink:0}.log-sync_completed .sync-log-icon{color:#4ade80}.log-sync_started .sync-log-icon{color:#60a5fa}.log-sync_failed .sync-log-icon,.log-error .sync-log-icon{color:#f87171}.log-upload .sync-log-icon{color:#a78bfa}.log-download .sync-log-icon{color:#22d3ee}.log-offline .sync-log-icon{color:#9ca3af}.sync-log-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.sync-log-time{font-size:.75rem;color:#ffffff80}.sync-log-message{font-size:.9rem;color:#fff}.sync-log-details{font-size:.8rem;color:#fff9}@media(max-width:640px){.sync-settings-panel{max-height:100vh;border-radius:0}.sync-settings-content{padding:1rem}.sync-button-row{flex-direction:column}.sync-button-row .sync-btn{width:100%}}.sync-qr-section{margin:1rem 0;padding:1rem;background:#ffffff0d;border-radius:8px}.sync-qr-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.sync-qr-display{display:flex;flex-direction:column;align-items:center;margin-top:1rem;padding:1rem;background:#1a1a2e;border-radius:8px}.sync-qr-display svg{border-radius:8px}.sync-qr-hint{margin-top:.75rem;font-size:.8rem;color:#fff9;text-align:center}.sync-qr-scanner{margin-top:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}#qr-scanner-container{width:100%;max-width:300px}#qr-scanner-container video{border-radius:8px}#qr-scanner-container #qr-shaded-region{border-color:#646cff!important}#qr-scanner-container #html5-qrcode-anchor-scan-type-change{color:#646cff!important}#qr-scanner-container button{background:#646cff33!important;color:#646cff!important;border:1px solid #646cff!important;border-radius:4px!important}#qr-scanner-container select{background:#ffffff1a!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:4px!important}.terrain-explorer{position:relative;width:100%;height:100vh;overflow:hidden;background:#1a1a2e}.terrain-explorer-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.terrain-explorer-hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;box-sizing:border-box}.hud-top-left{position:absolute;top:1rem;left:1rem;display:flex;gap:.5rem}.hud-top-right{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.hud-bottom{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:.5rem;align-items:center}.back-button{pointer-events:auto;background:#0009;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.6rem 1rem;border-radius:.5rem;cursor:pointer;font-size:.9rem;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.back-button:hover{background:#000c;border-color:#ffffff80}.help-button{pointer-events:auto;background:#0009;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.6rem .9rem;border-radius:50%;cursor:pointer;font-size:.9rem;font-weight:700;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:38px;height:38px;display:flex;align-items:center;justify-content:center}.help-button:hover{background:#000c;border-color:#ffffff80}.mode-indicator{background:#0009;color:#fff;padding:.6rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid transparent;transition:all .3s ease}.mode-indicator.drive{border-color:#3498db;box-shadow:0 0 15px #3498db4d}.mode-indicator.select{border-color:#0f8;box-shadow:0 0 15px #00ff884d}.cell-indicator{background:#0009;color:#fffc;padding:.4rem .8rem;border-radius:.4rem;font-size:.85rem;font-family:monospace;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gamepad-status{background:#0009;color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-size:.9rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid transparent;transition:all .3s ease}.gamepad-status.connected{border-color:#2ecc71;color:#2ecc71}.gamepad-status.disconnected{border-color:#e74c3c;color:#e74c3c;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.controls-hint{background:#00000080;color:#ffffffb3;padding:.4rem 1rem;border-radius:.4rem;font-size:.75rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center}.speed-indicator{background:#0009;color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-size:1.2rem;font-family:monospace;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mini-map{position:absolute;bottom:1rem;left:1rem;width:150px;height:150px;background:#0009;border:2px solid rgba(255,255,255,.3);border-radius:.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.terrain-explorer.loading{display:flex;align-items:center;justify-content:center}.loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.2);border-top-color:#0f8;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.terrain-explorer-hud{padding:.5rem}.mode-indicator{font-size:.85rem;padding:.4rem .8rem}.controls-hint{font-size:.65rem}.gamepad-status{font-size:.8rem;padding:.4rem .8rem}}.back-button:focus,.help-button:focus{outline:2px solid #00ff88;outline-offset:2px}.help-dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.help-dialog{background:#141428f2;border:2px solid rgba(0,255,136,.5);border-radius:1rem;padding:2rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 0 30px #0f83}.help-dialog h2{margin:0 0 1.5rem;color:#0f8;font-size:1.5rem;text-align:center}.help-section{margin-bottom:1.5rem}.help-section h3{margin:0 0 .75rem;color:#87ceeb;font-size:1.1rem;border-bottom:1px solid rgba(135,206,235,.3);padding-bottom:.5rem}.help-section ul{margin:0;padding-left:1.25rem;list-style-type:none}.help-section li{margin-bottom:.5rem;color:#ffffffe6;font-size:.95rem;position:relative}.help-section li:before{content:"•";color:#0f8;position:absolute;left:-1rem}.help-section li strong{color:#fff;margin-right:.25rem}.help-close-button{display:block;width:100%;margin-top:1.5rem;padding:.75rem 1.5rem;background:#0f83;border:1px solid #00ff88;border-radius:.5rem;color:#0f8;font-size:1rem;cursor:pointer;transition:all .2s ease}.help-close-button:hover{background:#00ff884d}.help-close-button:focus{outline:2px solid #00ff88;outline-offset:2px}.video-modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1200;padding:1rem;animation:fadeIn .2s ease}.video-modal-content{background:#1a1a1a;border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 8px 32px #00000080}.video-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;background:#1a1a1a;z-index:10}.video-modal-header h2{margin:0;font-size:1.25rem;font-weight:600}.video-modal-close{width:32px;height:32px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;font-size:1rem;cursor:pointer;transition:background .2s}.video-modal-close:hover{background:#fff3}.video-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.video-section{display:flex;flex-direction:column;gap:.5rem}.video-label{font-size:.9rem;font-weight:500;color:#ffffffe6;display:flex;align-items:center;gap:.25rem}.video-required{color:#ff6b6b}.video-hint{color:#fff6;font-size:.75rem;cursor:help}.video-prompt-input{width:100%;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:.95rem;font-family:inherit;resize:vertical;min-height:80px}.video-prompt-input:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px #646cff33}.video-prompt-input::placeholder{color:#fff6}.video-help-text{font-size:.8rem;color:#ffffff80;margin:0}.video-frames-container{display:flex;gap:2rem;flex-wrap:wrap;margin-top:.5rem}.video-frame-slot{flex:1;min-width:300px;display:flex;flex-direction:column;gap:.5rem}.video-frame-label{font-size:.85rem;font-weight:500;color:#fffc;display:flex;align-items:center;gap:.5rem}.video-frame-label-badge{background:#646cff;color:#fff;font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:4px}.video-frame-label-badge.end{background:#a78bfa}.video-frame-box{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:#ffffff08;border:2px dashed rgba(255,255,255,.15);transition:all .2s}.video-frame-box.filled{border-style:solid;border-color:#fff3}.video-frame-box:hover{border-color:#ffffff4d}.video-frame-box img{width:100%;height:100%;object-fit:cover}.video-frame-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;border:none;background:#0009;color:#fff;font-size:.8rem;cursor:pointer;z-index:2;transition:background .2s;display:flex;align-items:center;justify-content:center}.video-frame-remove:hover{background:#ff6464cc}.video-frame-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;padding:1rem}.video-frame-placeholder-icon{font-size:2rem;opacity:.4}.video-frame-placeholder-text{font-size:.9rem;color:#ffffff80;text-align:center}.video-frame-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.video-frame-action{padding:.5rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:transparent;color:#ffffffb3;font-size:.85rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.video-frame-action:hover{color:#fff;border-color:#fff6;background:#ffffff0d}.video-url-input-row{display:flex;gap:.5rem;align-items:center;margin-top:.5rem}.video-url-input{flex:1;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:.9rem}.video-url-input:focus{outline:none;border-color:#646cff}.video-url-input::placeholder{color:#fff6}.video-url-add-btn{padding:.5rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:.9rem;cursor:pointer;white-space:nowrap;transition:all .2s}.video-url-add-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d}.video-url-add-btn:disabled{opacity:.5;cursor:not-allowed}.video-settings-row{display:flex;gap:1.5rem;flex-wrap:wrap}.video-setting-group{display:flex;flex-direction:column;gap:.5rem;min-width:180px}.video-setting-label{font-size:.8rem;color:#fff9}.video-select{padding:.5rem .75rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:.9rem;cursor:pointer}.video-select:focus{outline:none;border-color:#646cff}.video-error{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#ff64641a;border:1px solid rgba(255,100,100,.3);border-radius:8px;color:#ff6b6b;font-size:.9rem}.video-error button{padding:.25rem .75rem;border:1px solid rgba(255,100,100,.4);border-radius:4px;background:transparent;color:#ff6b6b;font-size:.8rem;cursor:pointer;transition:all .2s}.video-error button:hover{background:#ff64641a}.video-actions{display:flex;justify-content:flex-end;padding-top:.5rem;gap:.75rem}.video-generate-btn{padding:.75rem 2rem;border:none;border-radius:8px;background:linear-gradient(135deg,#646cff,#a78bfa);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.video-generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #646cff66}.video-generate-btn:disabled{opacity:.5;cursor:not-allowed}.video-gallery-picker-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1300;padding:2rem}.video-gallery-picker{background:#1a1a1a;border-radius:16px;max-width:800px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.video-gallery-picker-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.video-gallery-picker-header h3{margin:0;font-size:1.1rem}.video-gallery-picker-header button{width:28px;height:28px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;font-size:.9rem;cursor:pointer;transition:background .2s}.video-gallery-picker-header button:hover{background:#fff3}.video-gallery-picker-content{flex:1;overflow-y:auto;padding:1rem}.video-gallery-empty{text-align:center;color:#ffffff80;padding:3rem 1rem}.video-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.video-gallery-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s}.video-gallery-item:hover{transform:scale(1.03)}.video-gallery-item img{width:100%;height:100%;object-fit:cover}.video-gallery-item-overlay{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:linear-gradient(transparent,#000c);opacity:0;transition:opacity .2s}.video-gallery-item-overlay span{font-size:.7rem;color:#ffffffe6;display:block}.video-arrow-indicator{display:flex;align-items:center;justify-content:center;font-size:2rem;color:#ffffff4d;min-width:40px}@media(prefers-color-scheme:light){.video-modal-content{background:#fff}.video-modal-header{background:#fff;border-bottom-color:#0000001a}.video-modal-close{background:#0000000d;color:#333}.video-label{color:#000000e6}.video-prompt-input,.video-url-input{background:#00000008;border-color:#00000026;color:#333}.video-help-text{color:#00000080}.video-frame-label{color:#000c}.video-frame-box{background:#00000005;border-color:#0000001a}.video-frame-placeholder-text{color:#00000080}.video-frame-action{color:#000000b3;border-color:#00000026}.video-setting-label{color:#0009}.video-select{background:#00000008;border-color:#00000026;color:#333}.video-gallery-picker{background:#fff}.video-gallery-picker-header{border-bottom-color:#0000001a}.video-gallery-empty{color:#00000080}.video-arrow-indicator{color:#0000004d}}@media(max-width:768px){.video-modal-content{max-height:95vh}.video-frames-container{flex-direction:column}.video-frame-slot{min-width:100%}.video-arrow-indicator{transform:rotate(90deg)}.video-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.video-gallery-container{display:flex;flex-direction:column;gap:1rem}.video-gallery-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.video-gallery-header h2{margin:0;font-size:1.25rem;font-weight:600}.video-gallery-actions{display:flex;gap:.5rem}.video-gallery-action-btn{padding:.5rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:.9rem;cursor:pointer;transition:all .2s}.video-gallery-action-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d}.video-gallery-action-btn:disabled{opacity:.5;cursor:not-allowed}.video-gallery-action-btn.create{background:linear-gradient(135deg,#646cff,#a78bfa);border:none;font-weight:500}.video-gallery-action-btn.create:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #646cff66}.video-gallery-action-btn.clear{color:#ff6b6b;border-color:#ff64644d}.video-gallery-action-btn.clear:hover:not(:disabled){background:#ff64641a;border-color:#ff646480}.video-queue-section{margin-bottom:1rem}.video-queue-header{font-size:.9rem;font-weight:500;color:#ffffffb3;margin-bottom:.5rem}.video-queue-list{display:flex;flex-direction:column;gap:.5rem}.video-queue-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px}.video-queue-item.processing{border-color:#646cff;background:#646cff0d}.video-queue-item.completed{border-color:#64ff644d;background:#64ff6408}.video-queue-item.failed{border-color:#ff64644d;background:#ff646408}.video-queue-status-icon{font-size:1.2rem;flex-shrink:0}.video-queue-status-icon.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.video-queue-info{flex:1;min-width:0}.video-queue-prompt{font-size:.9rem;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-queue-status-text{font-size:.75rem;color:#ffffff80;margin-top:.25rem}.video-queue-actions{display:flex;gap:.5rem}.video-queue-action-btn{padding:.25rem .5rem;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:transparent;color:#ffffffb3;font-size:.75rem;cursor:pointer;transition:all .2s}.video-queue-action-btn:hover{background:#ffffff1a}.video-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.video-gallery-item{position:relative;border-radius:12px;overflow:hidden;background:#ffffff08;border:1px solid rgba(255,255,255,.1);transition:all .2s;cursor:pointer}.video-gallery-item:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.video-gallery-item video{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.video-gallery-item-overlay{position:absolute;inset:0;background:linear-gradient(transparent 50%,#000c);display:flex;flex-direction:column;justify-content:flex-end;padding:1rem;opacity:0;transition:opacity .2s}.video-gallery-item:hover .video-gallery-item-overlay{opacity:1}.video-gallery-item-prompt{font-size:.85rem;color:#ffffffe6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-gallery-item-date{font-size:.75rem;color:#ffffff80;margin-top:.25rem}.video-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:#0009;display:flex;align-items:center;justify-content:center;font-size:1.5rem;opacity:.8;transition:all .2s}.video-gallery-item:hover .video-play-icon{background:#646cffcc;transform:translate(-50%,-50%) scale(1.1)}.video-gallery-empty{text-align:center;padding:3rem 1rem;color:#ffffff80}.video-gallery-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.video-gallery-empty-text{font-size:1rem;margin-bottom:1.5rem}.video-gallery-empty-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;background:linear-gradient(135deg,#646cff,#a78bfa);color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.video-gallery-empty-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #646cff66}@media(prefers-color-scheme:light){.video-gallery-action-btn{background:#00000008;border-color:#00000026;color:#333}.video-gallery-action-btn.clear{color:#dc3545;border-color:#dc35454d}.video-queue-header{color:#000000b3}.video-queue-item{background:#00000005;border-color:#0000001a}.video-queue-prompt{color:#000000e6}.video-queue-status-text{color:#00000080}.video-gallery-item{background:#00000005;border-color:#0000001a}.video-gallery-empty{color:#00000080}}@media(max-width:768px){.video-gallery-header{flex-direction:column;align-items:stretch}.video-gallery-actions{flex-wrap:wrap}.video-gallery-grid{grid-template-columns:1fr}}.video-lightbox-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.video-lightbox-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.video-lightbox-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;font-size:1.2rem;cursor:pointer;z-index:10;transition:background .2s}.video-lightbox-close:hover{background:#fff3}.video-lightbox-main{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding:4rem 1rem 1rem}.video-lightbox-video-container{max-width:90%;max-height:80vh;display:flex;align-items:center;justify-content:center}.video-lightbox-video-container video{max-width:100%;max-height:80vh;object-fit:contain;border-radius:8px;box-shadow:0 4px 24px #00000080}.video-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;font-size:2rem;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.video-lightbox-nav:hover{background:#fff3}.video-lightbox-nav.prev{left:1rem}.video-lightbox-nav.next{right:1rem}.video-lightbox-toolbar{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem;background:#00000080}.video-lightbox-toolbar-btn{padding:.5rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:.9rem;cursor:pointer;transition:all .2s}.video-lightbox-toolbar-btn:hover{background:#fff3;border-color:#fff6}.video-lightbox-counter{color:#ffffffb3;font-size:.9rem;margin-left:1rem}.video-lightbox-info-panel{position:absolute;top:4rem;left:1rem;max-width:300px;background:#000c;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;z-index:5}.video-lightbox-info-title{font-size:.8rem;color:#ffffff80;margin-bottom:.5rem}.video-lightbox-info-prompt{font-size:.9rem;color:#ffffffe6;margin-bottom:1rem;line-height:1.4}.video-lightbox-info-frames{display:flex;gap:.5rem}.video-lightbox-info-frame{flex:1}.video-lightbox-info-frame-label{font-size:.7rem;color:#ffffff80;margin-bottom:.25rem}.video-lightbox-info-frame img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:6px}@media(max-width:768px){.video-lightbox-nav{width:40px;height:40px;font-size:1.5rem}.video-lightbox-toolbar{flex-wrap:wrap}.video-lightbox-info-panel{max-width:calc(100% - 2rem);top:auto;bottom:6rem;left:1rem;right:1rem}}.object-workbench-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1200;padding:1rem;animation:fadeIn .2s ease}.object-workbench-content{background:#1a1a1a;border-radius:16px;max-width:700px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 8px 32px #00000080}.object-workbench-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;background:#1a1a1a;z-index:10}.object-workbench-header h2{margin:0;font-size:1.25rem;font-weight:600}.object-workbench-close{width:32px;height:32px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.object-workbench-close:hover{background:#fff3}.object-workbench-body{padding:1.5rem}.object-workbench-section{margin-bottom:2rem}.object-workbench-section h3{font-size:1rem;font-weight:600;margin:0 0 1rem;color:#ffffffe6}.object-workbench-error{background:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#fca5a5;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.object-image-slot{width:100%}.object-image-box{position:relative;width:100%;height:300px;border:2px dashed rgba(255,255,255,.2);border-radius:12px;overflow:hidden;background:#ffffff08;transition:all .2s}.object-image-box.filled{border-style:solid;border-color:#6366f180}.object-image-box img{width:100%;height:100%;object-fit:contain}.object-image-canvas{position:relative;width:100%;height:100%;cursor:crosshair}.object-image-canvas img{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.object-image-remove{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;border:none;background:#000000b3;color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:background .2s}.object-image-remove:hover{background:#dc2626cc}.object-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center}.object-image-placeholder-icon{font-size:3rem;margin-bottom:1rem;opacity:.3}.object-image-placeholder-text{color:#ffffff80;margin-bottom:1.5rem;font-size:.875rem}.object-image-actions{display:flex;gap:.75rem}.object-image-action{padding:.5rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:.875rem;cursor:pointer;transition:all .2s}.object-image-action:hover{background:#ffffff1a;border-color:#ffffff4d}.object-url-input-row{display:flex;gap:.5rem;margin-top:.75rem}.object-url-input{flex:1;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:.875rem}.object-url-input::placeholder{color:#fff6}.object-url-add-btn{padding:.5rem 1rem;border:none;border-radius:8px;background:#6366f1cc;color:#fff;font-size:.875rem;cursor:pointer;transition:background .2s}.object-url-add-btn:hover:not(:disabled){background:#6366f1}.object-url-add-btn:disabled{opacity:.5;cursor:not-allowed}.point-prompt-marker{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:10}.point-prompt-dot{width:12px;height:12px;border-radius:50%;background:#22c55ee6;border:2px solid white;box-shadow:0 0 8px #22c55e99,0 2px 4px #0000004d;animation:pointPulse 1.5s ease-in-out infinite}@keyframes pointPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.point-prompt-controls{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;padding:.5rem .75rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.point-prompt-info{font-size:.875rem;color:#ffffffb3}.point-prompt-undo{padding:.375rem .75rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff0d;color:#fff;font-size:.875rem;cursor:pointer;transition:all .2s}.point-prompt-undo:hover{background:#ffffff1a;border-color:#ffffff4d}.object-workbench-field{margin-bottom:1rem}.object-workbench-field label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#fffc}.object-workbench-field input,.object-workbench-field textarea{width:100%;padding:.625rem .75rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:.875rem;font-family:inherit;resize:vertical}.object-workbench-field input::placeholder,.object-workbench-field textarea::placeholder{color:#fff6}.object-workbench-field input:focus,.object-workbench-field textarea:focus{outline:none;border-color:#6366f180;background:#ffffff14}.field-description{display:block;margin-top:.25rem;font-size:.75rem;color:#ffffff80}.object-workbench-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);position:sticky;bottom:0;background:#1a1a1a}.object-workbench-cancel,.object-workbench-generate{padding:.625rem 1.25rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.object-workbench-cancel{background:#ffffff1a;color:#fff}.object-workbench-cancel:hover:not(:disabled){background:#ffffff26}.object-workbench-generate{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.object-workbench-generate:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.object-workbench-cancel:disabled,.object-workbench-generate:disabled{opacity:.5;cursor:not-allowed}.object3d-gallery-container{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.object3d-gallery-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#ffffff80;text-align:center;padding:2rem}.object3d-gallery-empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.3}.object3d-gallery-empty p{margin:.5rem 0}.object3d-gallery-empty-hint{font-size:.875rem;opacity:.7}.object3d-gallery-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);background:#1a1a1a}.object3d-gallery-title{display:flex;align-items:center;gap:1rem}.object3d-gallery-title h2{margin:0;font-size:1.25rem;font-weight:600}.object3d-count{padding:.25rem .75rem;background:#6366f133;border-radius:12px;font-size:.875rem;color:#6366f1}.object3d-gallery-actions{display:flex;gap:.75rem}.object3d-gallery-btn{padding:.5rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:.875rem;cursor:pointer;transition:all .2s}.object3d-gallery-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.object3d-gallery-btn-danger{border-color:#dc26264d;color:#fca5a5}.object3d-gallery-btn-danger:hover{background:#dc26261a;border-color:#dc262680}.object3d-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;padding:1.5rem;overflow-y:auto;flex:1}.object3d-card{position:relative;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s}.object3d-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d;border-color:#6366f180}.object3d-card-preview{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#0000004d}.object3d-card-preview img{width:100%;height:100%;object-fit:cover}.object3d-card-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.object3d-card:hover .object3d-card-overlay{opacity:1}.object3d-card-view-btn{padding:.5rem 1rem;background:#6366f1cc;border-radius:8px;color:#fff;font-size:.875rem;font-weight:500}.object3d-card-info{padding:1rem}.object3d-card-prompt{font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:#ffffffe6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.object3d-card-topic{font-size:.75rem;color:#6366f1;background:#6366f11a;padding:.25rem .5rem;border-radius:4px;display:inline-block;margin-bottom:.5rem}.object3d-card-formats{display:flex;gap:.5rem;flex-wrap:wrap}.format-badge{font-size:.75rem;padding:.25rem .5rem;background:#ffffff1a;border-radius:4px;color:#ffffffb3}.object3d-card-remove{position:absolute;top:.5rem;right:.5rem;width:32px;height:32px;border-radius:50%;border:none;background:#000000b3;color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;z-index:2}.object3d-card:hover .object3d-card-remove{opacity:1}.object3d-card-remove:hover{background:#dc2626cc}.object3d-viewer-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:fadeIn .2s ease}.object3d-viewer-content{background:#1a1a1a;border-radius:16px;width:90vw;height:85vh;max-width:1200px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px #00000080}.object3d-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.object3d-viewer-header h3{margin:0;font-size:1.125rem;font-weight:600}.object3d-viewer-controls{display:flex;align-items:center;gap:1rem}.object3d-format-toggle{display:flex;gap:.25rem;background:#ffffff0d;border-radius:8px;padding:.25rem}.object3d-format-toggle button{padding:.5rem 1rem;border:none;border-radius:6px;background:transparent;color:#ffffffb3;font-size:.875rem;cursor:pointer;transition:all .2s}.object3d-format-toggle button.active{background:#6366f1cc;color:#fff}.object3d-format-toggle button:hover:not(.active){background:#ffffff1a}.object3d-viewer-close{width:32px;height:32px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.object3d-viewer-close:hover{background:#fff3}.object3d-viewer-body{flex:1;position:relative;overflow:hidden}.object3d-viewer-footer{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);background:#0000004d}.object3d-viewer-info{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#ffffffb3}.object3d-download-link{padding:.5rem 1rem;background:#6366f1cc;border-radius:8px;color:#fff;text-decoration:none;font-size:.875rem;font-weight:500;transition:background .2s}.object3d-download-link:hover{background:#6366f1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gallery-tabs-container{width:100%;max-width:1200px;margin:2rem auto;padding:0 1rem}.gallery-tabs-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.gallery-tab{padding:.75rem 1.5rem;border:none;background:transparent;color:#fff9;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;position:relative}.gallery-tab:hover{color:#fffc}.gallery-tab.active{color:#fff}.gallery-tab:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:transparent;transition:background .2s}.gallery-tab.active:after{background:linear-gradient(135deg,#646cff,#a78bfa)}.gallery-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 .4rem;border-radius:10px;background:#ffffff1a;font-size:.75rem;margin-left:.5rem}.gallery-tab.active .gallery-tab-badge{background:linear-gradient(135deg,#646cff,#a78bfa)}.gallery-tabs-content{min-height:300px}.gallery-tabs-empty{text-align:center;padding:3rem 1rem;color:#ffffff80;font-size:1.1rem}@media(prefers-color-scheme:light){.gallery-tabs-header{border-bottom-color:#0000001a}.gallery-tab{color:#00000080}.gallery-tab:hover{color:#000000b3}.gallery-tab.active{color:#333}.gallery-tab-badge{background:#0000001a}.gallery-tabs-empty{color:#00000080}}.topic-settings-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.topic-settings-panel{background:#1a1a2e;border-radius:16px;width:90%;max-width:500px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.topic-settings-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.topic-settings-header h2{margin:0;font-size:1.25rem}.topic-settings-close{background:transparent;border:none;color:#fff9;font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:8px}.topic-settings-close:hover{background:#ffffff1a;color:#fff}.topic-settings-content{padding:1.5rem;overflow-y:auto}.topic-setting-section{margin-bottom:2rem}.topic-setting-section:last-child{margin-bottom:0}.topic-setting-section h3{margin:0 0 .5rem;font-size:1rem;color:#ffffffe6}.section-description{margin:0 0 1rem;font-size:.85rem;color:#ffffff80}.after-dark-toggle{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border-radius:12px}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#fff3;transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-label{display:flex;flex-direction:column}.toggle-title{font-weight:600;font-size:1rem}.toggle-description{font-size:.8rem;color:#ffffff80;margin-top:.25rem}.hidden-topics-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.hidden-topic-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px}.hidden-topic-name{font-size:.9rem}.remove-hidden-topic{background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:.25rem .5rem;border-radius:4px}.remove-hidden-topic:hover{background:#ffffff1a;color:#fff}.no-hidden-topics{color:#fff6;font-style:italic;font-size:.9rem}.add-hidden-topic{display:flex;gap:.5rem}.add-hidden-topic select{flex:1;padding:.5rem .75rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#0003;color:inherit;font-size:.9rem}.add-hidden-topic button{padding:.5rem 1rem;border-radius:8px;border:none;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;cursor:pointer;font-size:.85rem;white-space:nowrap}.add-hidden-topic button:disabled{opacity:.5;cursor:not-allowed}.compact-tags-list{display:flex;flex-direction:column;gap:.5rem}.compact-topic-btn{padding:.75rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:inherit;cursor:pointer;font-size:.9rem;text-align:left;transition:all .2s}.compact-topic-btn:hover:not(:disabled){background:#8b5cf633;border-color:#8b5cf680}.compact-topic-btn:disabled{opacity:.5;cursor:not-allowed}@media(prefers-color-scheme:light){.topic-settings-panel{background:#fff;box-shadow:0 20px 60px #0003}.topic-settings-header{border-bottom-color:#0000001a}.topic-settings-close{color:#0009}.topic-settings-close:hover{background:#0000001a;color:#000}.topic-setting-section h3{color:#000000e6}.section-description{color:#00000080}.after-dark-toggle{background:#00000008}.toggle-slider{background:#0003}.toggle-description{color:#00000080}.hidden-topic-item{background:#ef44440d}.remove-hidden-topic{color:#00000080}.remove-hidden-topic:hover{background:#0000001a;color:#000}.no-hidden-topics{color:#0006}.add-hidden-topic select{border-color:#0003;background:#fff}.compact-topic-btn{border-color:#0003;background:#00000005}}.account-stats{position:relative}.account-stats-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fffc;cursor:pointer;font-size:.875rem;transition:all .2s}.account-stats-toggle:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.stats-icon{font-size:1rem}.stats-summary{font-weight:500}.toggle-arrow{font-size:.625rem;transition:transform .2s}.toggle-arrow.expanded{transform:rotate(180deg)}.account-stats-panel{position:absolute;top:calc(100% + .5rem);right:0;min-width:220px;background:#1a1a2e;border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 8px 32px #0000004d;z-index:100;padding:1rem}.stats-section{margin-bottom:1rem}.stats-section:last-child{margin-bottom:0}.stats-section h4{margin:0 0 .75rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80;display:flex;align-items:center;gap:.5rem}.refresh-btn{background:transparent;border:none;cursor:pointer;font-size:.875rem;padding:.125rem;opacity:.7;transition:opacity .2s}.refresh-btn:hover:not(:disabled){opacity:1}.refresh-btn:disabled{cursor:not-allowed;opacity:.4}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0;font-size:.875rem}.stat-row+.stat-row{border-top:1px solid rgba(255,255,255,.08)}.stat-label{color:#fff9}.stat-value{font-weight:500;color:#fff}.stat-value.low-credits{color:#ef4444}.stat-row.error .stat-value{color:#ef4444;font-size:.75rem}@media(prefers-color-scheme:light){.account-stats-toggle{background:#0000000d;border-color:#0003;color:#000c}.account-stats-toggle:hover{background:#0000001a;border-color:#0000004d;color:#000}.account-stats-panel{background:#f8f9fa;border-color:#00000026;box-shadow:0 8px 32px #00000026}.stats-section h4{color:#00000080}.stat-row+.stat-row{border-top-color:#00000014}.stat-label{color:#0009}.stat-value{color:#000}}.image-selection-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-selection-content{background:var(--surface-color, #1e1e1e);border-radius:12px;max-width:900px;width:90%;max-height:90vh;overflow:auto;box-shadow:0 8px 32px #00000080}.image-selection-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color, #333)}.image-selection-header h2{margin:0;font-size:1.5rem;color:var(--text-color, #fff)}.image-selection-close{background:none;border:none;font-size:1.5rem;color:var(--text-muted, #999);cursor:pointer;padding:.25rem .5rem;transition:color .2s}.image-selection-close:hover{color:var(--text-color, #fff)}.image-selection-description{padding:1rem 1.5rem;margin:0;color:var(--text-muted, #999);text-align:center}.image-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:1.5rem}.image-selection-item{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;border:3px solid transparent;transition:all .2s;aspect-ratio:1}.image-selection-item:hover{border-color:var(--primary-color, #007bff);transform:scale(1.02)}.image-selection-item.selected{border-color:var(--success-color, #28a745);box-shadow:0 0 20px #28a74580}.image-selection-item img{width:100%;height:100%;object-fit:cover;display:block}.image-selection-checkmark{position:absolute;top:10px;right:10px;width:40px;height:40px;background:var(--success-color, #28a745);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700;box-shadow:0 2px 8px #0000004d}.image-selection-actions{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-color, #333);justify-content:flex-end}.image-selection-btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.image-selection-btn.cancel{background:var(--surface-hover, #2a2a2a);color:var(--text-color, #fff)}.image-selection-btn.cancel:hover{background:var(--surface-active, #333)}.image-selection-btn.confirm{background:var(--success-color, #28a745);color:#fff}.image-selection-btn.confirm:hover:not(:disabled){background:var(--success-hover, #218838)}.image-selection-btn.confirm:disabled{background:var(--surface-disabled, #444);color:var(--text-muted, #999);cursor:not-allowed}.immersive-gallery{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0a1a;z-index:1000}.immersive-gallery-canvas{width:100%;height:100%}.immersive-gallery-hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}.immersive-gallery-hud .hud-top-left{display:flex;gap:.5rem;pointer-events:auto}.immersive-gallery-hud .hud-top-right{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.immersive-gallery-hud .back-button{background:#141428e6;border:1px solid rgba(99,102,241,.5);border-radius:8px;color:#fff;padding:.5rem 1rem;cursor:pointer;font-size:.9rem;transition:all .2s ease}.immersive-gallery-hud .back-button:hover{background:#6366f14d;border-color:#6366f1}.immersive-gallery-hud .help-button{background:#141428e6;border:1px solid rgba(99,102,241,.5);border-radius:50%;color:#fff;width:36px;height:36px;cursor:pointer;font-size:1rem;font-weight:700;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.immersive-gallery-hud .help-button:hover{background:#6366f14d;border-color:#6366f1}.immersive-gallery-hud .vr-button{background:#141428e6;border:1px solid rgba(16,185,129,.5);border-radius:8px;color:#fff;padding:.5rem 1rem;cursor:pointer;font-size:.9rem;transition:all .2s ease}.immersive-gallery-hud .vr-button:hover{background:#10b9814d;border-color:#10b981}.immersive-gallery-hud .vr-button.active{background:#10b98180;border-color:#10b981}.immersive-gallery-hud .vr-button.scale-button{font-size:1.1rem;font-weight:700;min-width:110px}.immersive-gallery-hud .vr-button.primary-button{background:#6366f1e6;border-color:#6366f1;font-weight:700}.immersive-gallery-hud .vr-button.primary-button:hover{background:#6366f1;border-color:#818cf8}.immersive-gallery-hud .vr-status{background:#10b9814d;border:1px solid #10b981;border-radius:8px;color:#fff;padding:.5rem 1rem;font-size:.9rem}.immersive-gallery-hud .layer-indicator,.immersive-gallery-hud .image-indicator{background:#141428e6;border:1px solid rgba(99,102,241,.5);border-radius:8px;color:#fff;padding:.5rem 1rem;font-size:.85rem}.immersive-gallery-hud .layer-indicator{background:#6366f166}.immersive-gallery-hud .hud-bottom{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding-bottom:1rem}.immersive-gallery-hud .gamepad-status{background:#141428e6;border:1px solid rgba(99,102,241,.5);border-radius:8px;color:#fff;padding:.5rem 1rem;font-size:.85rem}.immersive-gallery-hud .gamepad-status.connected{border-color:#10b981;background:#10b98133}.immersive-gallery-hud .gamepad-status.disconnected{border-color:#6366f180}.immersive-gallery-hud .controls-hint{color:#ffffffb3;font-size:.8rem;text-align:center}.immersive-gallery-hud .focused-image-info{position:absolute;bottom:5rem;left:50%;transform:translate(-50%);max-width:80%;text-align:center}.immersive-gallery-hud .focused-image-prompt{background:#141428e6;border:1px solid rgba(99,102,241,.5);border-radius:8px;color:#fff;padding:.75rem 1.5rem;font-size:.9rem;margin:0;max-width:600px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.immersive-gallery .help-dialog-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1100;pointer-events:auto}.immersive-gallery .help-dialog{background:#141428fa;border:1px solid rgba(99,102,241,.5);border-radius:16px;padding:2rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;color:#fff}.immersive-gallery .help-dialog h2{margin:0 0 1.5rem;font-size:1.5rem;color:#6366f1;text-align:center}.immersive-gallery .help-section{margin-bottom:1.5rem}.immersive-gallery .help-section h3{margin:0 0 .75rem;font-size:1.1rem;color:#a5b4fc}.immersive-gallery .help-section ul{margin:0;padding-left:1.5rem}.immersive-gallery .help-section li{margin:.5rem 0;font-size:.9rem;color:#ffffffe6}.immersive-gallery .help-section li strong{color:#6366f1}.immersive-gallery .help-close-button{display:block;width:100%;background:#6366f14d;border:1px solid #6366f1;border-radius:8px;color:#fff;padding:.75rem;font-size:1rem;cursor:pointer;margin-top:1rem;transition:all .2s ease}.immersive-gallery .help-close-button:hover{background:#6366f180}@media(max-width:768px){.immersive-gallery-hud{padding:.5rem}.immersive-gallery-hud .focused-image-prompt{font-size:.8rem;padding:.5rem 1rem}.immersive-gallery-hud .controls-hint{font-size:.7rem}}.voice-segmenter{max-width:1100px;margin:0 auto;padding:1rem 1rem 2.5rem}.voice-panel{border-radius:14px;background:radial-gradient(circle at top left,#181a2a,#050615);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 45px #0009;padding:.75rem .85rem .85rem;margin-bottom:.9rem}.live-shell{position:relative}.live-canvases{display:flex;flex-direction:column;gap:4px}.live-canvases canvas{width:100%;max-width:100%;height:auto;border-radius:10px;background:#020308;border:1px solid rgba(255,255,255,.1);display:block;cursor:pointer}.live-canvases canvas:nth-child(2){border-radius:8px;opacity:.9}.live-hint{margin-top:.25rem;font-size:.75rem;color:#7d80b8;text-align:center;opacity:.7}.live-drawer-wrapper{overflow:hidden;transition:max-height .25s ease,opacity .22s ease;max-height:0;opacity:0}.live-drawer-wrapper.open{max-height:520px;opacity:1;margin-top:.55rem}.live-drawer{border-radius:12px;background:#090b1a;border:1px solid rgba(255,255,255,.09);padding:.55rem .7rem .6rem;max-height:500px;overflow-y:auto}.controls-row{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;justify-content:space-between;margin-bottom:.45rem}.drawer-title{font-size:.82rem;color:#f8f9ff;font-weight:500}.status-row{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.78rem;color:#c3c7ff;margin-bottom:.35rem}.badge{border-radius:999px;padding:.15rem .6rem;background:#121423;border:1px solid rgba(255,255,255,.07)}.badge.live{background:radial-gradient(circle at 0 0,#ff3567,#4b0b33);color:#ffe5f1}.badge.wake{background:#1b5e20;color:#e8f5e9}.voice-segmenter button{border-radius:999px;border:none;padding:.45rem .9rem;font-size:.85rem;cursor:pointer;background:#2b34ff;color:#fff;display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}.voice-segmenter button.secondary{background:#24273b;color:#e5e7ff}.voice-segmenter button.icon-only{padding-inline:.6rem;border-radius:999px;min-width:2.1rem;justify-content:center}.voice-segmenter button.danger{background:#c62828}.voice-segmenter button[disabled]{opacity:.45;cursor:default}.settings-panel{margin-top:.35rem;border-radius:10px;background:#050616;border:1px solid rgba(255,255,255,.09);padding:.45rem .55rem .55rem}.settings-row{margin-bottom:.55rem}.settings-row:last-child{margin-bottom:0}.slider-label{font-size:.78rem;color:#c8c9ff;display:flex;align-items:center;justify-content:space-between;gap:.35rem;margin-bottom:.28rem}.voice-segmenter input[type=range]{width:100%}.segments-container{margin-top:.75rem}.segments-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem;font-size:.9rem}.segments-header h2{margin:0;font-size:.9rem;color:#e4e6ff}.segments-header span{font-size:.8rem;color:#a1a4d8}.segments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.6rem}.segment-card{position:relative;border-radius:10px;overflow:hidden;background:#090919;border:1px solid rgba(255,255,255,.07);cursor:pointer;transition:transform .12s ease-out,box-shadow .12s ease-out,border-color .12s ease-out}.segment-card:hover{transform:translateY(-1px);box-shadow:0 8px 25px #000000b3;border-color:#818cf8e6}.segment-card.wake{border-color:#66bb6a;box-shadow:0 0 0 1px #66bb6ab3,0 10px 30px #000c}.segment-card img{display:block;width:100%;height:auto}.segment-pill{position:absolute;top:6px;left:6px;padding:.1rem .45rem;border-radius:999px;background:#030410e0;color:#ccd0ff;font-size:.68rem;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.segment-pill.wake-pill{right:6px;left:auto;background:#1b5e20e6;color:#e8f5e9;border-color:#c8e6c9d9}.overlay{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:40}.overlay-card{width:100%;max-width:540px;border-radius:16px;background:radial-gradient(circle at top left,#181b30,#050615);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 80px #000000d9;padding:.9rem .95rem .85rem}.overlay-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.45rem}.overlay-header h3{margin:0;font-size:.95rem}.overlay-meta{display:flex;flex-wrap:wrap;gap:.4rem .8rem;font-size:.78rem;color:#c5c8ff;margin-bottom:.45rem}.overlay-meta span strong{color:#fff}.overlay-spectrogram{margin-bottom:.5rem;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.overlay-spectrogram img{display:block;width:100%;height:auto}.overlay-controls{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin-top:.3rem}.transcription-result{margin-top:.8rem;padding:.6rem .75rem;border-radius:10px;background:#090b1a;border:1px solid rgba(255,255,255,.09)}.transcription-result strong{color:#e4e6ff;font-size:.82rem;display:block;margin-bottom:.4rem}.transcription-result p{margin:0;color:#c5c8ff;font-size:.88rem;line-height:1.5}@media(max-width:640px){.voice-segmenter{padding-inline:.7rem}}.gallery-view-dialog-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:flex-start;justify-content:center;z-index:2000;padding-top:5rem}.gallery-view-dialog{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;min-width:400px;max-width:500px;box-shadow:0 8px 24px #00000080}.gallery-view-dialog h3{margin:0 0 1.5rem;color:#ffffffe6;font-size:1.2rem;font-weight:600}.gallery-setting{margin-bottom:1.5rem}.gallery-setting:last-of-type{margin-bottom:2rem}.gallery-setting-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:1rem;color:#ffffffe6;font-weight:500}.gallery-setting-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.gallery-setting-description{margin:.5rem 0 0 2rem;font-size:.85rem;color:#fff9;line-height:1.4}.gallery-dialog-actions{display:flex;justify-content:flex-end;gap:.75rem}.gallery-dialog-close{padding:.5rem 1.5rem;background:#646cff1a;border:1px solid rgba(100,108,255,.3);border-radius:6px;color:#646cff;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.gallery-dialog-close:hover{background:#646cff33;border-color:#646cff80}.column-count-options{display:flex;gap:.5rem;margin-top:.75rem}.column-count-button{flex:1;padding:.6rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffb3;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.column-count-button:hover{background:#ffffff14;border-color:#fff3;color:#ffffffe6}.column-count-button.active{background:#646cff33;border-color:#646cff;color:#646cff}.gallery-setting-label:has(+.column-count-options){cursor:default}.gallery-setting-label:has(+.column-count-options) span{margin-bottom:0}.rating-mode{width:100%;height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;position:relative}.rating-mode-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);transition:transform .4s ease-in-out,opacity .4s ease-in-out;z-index:10}.rating-mode-header.hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.rating-mode-info h2{margin:0 0 .5rem;color:#fff;font-size:1.75rem}.rating-stats{margin:0;color:#fffc;font-size:.95rem}.voted-indicator{color:gold;font-weight:600}.header-controls{display:flex;align-items:center;gap:1rem}.auto-advance-toggle{display:flex;align-items:center;gap:.5rem;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}.auto-advance-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer}.drawer-recall-button{position:fixed;top:1rem;right:1rem;width:48px;height:48px;border-radius:50%;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100;transition:all .3s ease;opacity:.6}.drawer-recall-button:hover{opacity:1;transform:scale(1.1);background:#000000b3}.exit-button:hover{background:#ffffff4d;transform:translateY(-2px)}.comparison-container{flex:1;display:flex;gap:2rem;padding:2rem;align-items:center;justify-content:center;position:relative}.nav-button{position:absolute;top:50%;transform:translateY(-50%);width:80px;height:80px;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);color:#fff;font-size:3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:5;opacity:.5}.nav-button:hover:not(:disabled){opacity:1;background:#fff3;transform:translateY(-50%) scale(1.1)}.nav-button:disabled{opacity:.2;cursor:not-allowed}.nav-back{left:1rem}.nav-forward{right:1rem}.comparison-image{flex:1;max-width:600px;max-height:calc(100vh - 250px);display:flex;flex-direction:column;cursor:pointer;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 8px 32px #0003;transition:all .3s ease;position:relative;-webkit-user-select:none;user-select:none}.comparison-image:hover:not(.disabled){transform:scale(1.02);box-shadow:0 12px 48px #0000004d}.comparison-image.disabled{opacity:.7;cursor:not-allowed}.comparison-image.winner{animation:celebrate .8s ease-out}.comparison-image.loser{animation:fallAway .8s ease-out}@keyframes celebrate{0%{transform:scale(1)}30%{transform:scale(1.1) rotate(2deg)}60%{transform:scale(1.05) rotate(-1deg)}to{transform:scale(1)}}@keyframes fallAway{0%{transform:scale(1) translateY(0) rotate(0);opacity:1}to{transform:scale(.8) translateY(20px) rotate(-5deg);opacity:.3}}.info-icon-button{position:absolute;top:.75rem;right:.75rem;width:36px;height:36px;border-radius:50%;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;opacity:.7;transition:all .3s ease}.info-icon-button:hover{opacity:1;background:#0009;transform:scale(1.1)}.comparison-image img{width:100%;flex:1;object-fit:contain;background:#f8f9fa;min-height:0}.image-rating-info{padding:1rem;background:#000c;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:.9rem}.elo-rating{font-weight:600;color:gold}.comparison-count{color:#ffffffb3}.comparison-instructions{padding:2rem;text-align:center;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);transition:transform .4s ease-in-out,opacity .4s ease-in-out;z-index:10}.comparison-instructions.hidden{transform:translateY(100%);opacity:0;pointer-events:none}.comparison-instructions p{margin:0 0 1rem;color:#fff;font-size:1.1rem}.already-voted-message{color:gold;font-weight:600}.action-buttons{display:flex;gap:1rem;justify-content:center;align-items:center}.skip-button,.love-both-button{padding:.75rem 1.5rem;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;font-size:.95rem;transition:all .3s ease}.skip-button:hover:not(:disabled),.love-both-button:hover:not(:disabled){background:#fff3;transform:translateY(-2px)}.skip-button:disabled,.love-both-button:disabled{opacity:.5;cursor:not-allowed}.love-both-button{background:#ff646433;border-color:#ff64644d}.love-both-button:hover:not(:disabled){background:#ff64644d}.round-complete{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;text-align:center}.round-complete h3{margin:0 0 1rem;color:#fff;font-size:2.5rem}.round-complete p{margin:0 0 2rem;color:#ffffffe6;font-size:1.2rem}.round-complete-actions{display:flex;gap:1rem}.next-round-button,.view-results-button{padding:1rem 2rem;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .3s ease;border:none}.next-round-button{background:#fff;color:#667eea}.next-round-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffffff4d}.view-results-button{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.view-results-button:hover{background:#ffffff4d;transform:translateY(-2px)}.rating-mode-empty{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;text-align:center}.rating-mode-empty p{margin:0 0 2rem;color:#fff;font-size:1.2rem}.rating-mode-empty button{padding:1rem 2rem;background:#fff;color:#667eea;border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .3s ease}.rating-mode-empty button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffffff4d}.image-info-modal{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.image-info-content{background:#fff;border-radius:16px;padding:2rem;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080}.close-info-button{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border-radius:50%;background:#0000001a;border:none;color:#333;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-info-button:hover{background:#0003;transform:scale(1.1)}.image-info-content h3{margin:0 0 1.5rem;color:#333;font-size:1.5rem}.info-image-container{margin-bottom:1.5rem;border-radius:8px;overflow:hidden;background:#f8f9fa}.info-image-container img{width:100%;height:auto;display:block}.info-details{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.info-row{display:flex;gap:.5rem}.info-label{font-weight:600;color:#555;min-width:120px}.info-value{color:#333;word-break:break-word}.info-actions{display:flex;gap:1rem;justify-content:flex-end}.info-action-button{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s ease}.info-action-button:hover{background:#5568d3;transform:translateY(-2px)}@media(max-width:768px){.comparison-container{flex-direction:column;padding:1rem;gap:1rem}.comparison-image{max-width:100%;max-height:calc(50vh - 100px)}.info-icon-button{width:32px;height:32px;font-size:1rem}.rating-mode-header{flex-direction:column;gap:1rem;padding:1rem}.header-controls{width:100%;justify-content:space-between}.nav-button{width:60px;height:60px;font-size:2rem}.nav-back{left:.5rem}.nav-forward{right:.5rem}.action-buttons{flex-direction:column;width:100%}.skip-button,.love-both-button{width:100%}.round-complete h3{font-size:1.75rem}.round-complete-actions{flex-direction:column;width:100%}.next-round-button,.view-results-button{width:100%}.image-info-modal{padding:1rem}.image-info-content{padding:1.5rem;max-width:100%}.info-actions{flex-direction:column}.info-action-button{width:100%}}.rating-slideshow{width:100%;height:100vh;display:flex;flex-direction:column;background:#1a1a1a;color:#fff}.slideshow-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#00000080;border-bottom:1px solid rgba(255,255,255,.1)}.slideshow-info h2{margin:0 0 .5rem;font-size:1.75rem}.slideshow-position{margin:0;color:#ffffffb3;font-size:.95rem}.cutoff-indicator{font-weight:600;margin-left:.5rem}.slideshow-controls{display:flex;gap:1rem;align-items:center}.control-button{padding:.5rem 1rem;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;font-size:1.2rem;transition:all .3s ease}.control-button:hover{background:#fff3}.interval-select{padding:.5rem 1rem;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;font-size:.95rem}.exit-button{padding:.75rem 1.5rem;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease}.exit-button:hover{background:#ffffff4d}.slideshow-main{flex:1;display:flex;align-items:center;gap:1rem;padding:0 2rem;overflow:hidden}.slideshow-content{flex:1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:2rem 0}.slideshow-image{max-width:100%;max-height:60vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #00000080}.slideshow-image-info{width:100%;max-width:800px;display:flex;flex-direction:column;gap:1rem}.rating-display{display:flex;justify-content:space-around;align-items:center;padding:1.5rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.elo-display,.star-display,.comparisons-display{display:flex;flex-direction:column;align-items:center;gap:.5rem}.rating-label{font-size:.85rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.rating-value{font-size:1.5rem;font-weight:600;color:gold}.prompt-display{padding:1rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);color:#ffffffe6;line-height:1.5}.prompt-display strong{color:#fff}.nav-button{padding:1rem 1.5rem;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;font-size:2rem;transition:all .3s ease}.nav-button:hover:not(:disabled){background:#fff3;transform:scale(1.1)}.nav-button:disabled{opacity:.3;cursor:not-allowed}.slideshow-footer{padding:1.5rem 2rem;background:#00000080;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.cutoff-controls{flex:1}.cutoff-button,.clear-cutoff-button{padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s ease}.cutoff-button{background:#ffd70033;color:gold;border:1px solid rgba(255,215,0,.4)}.cutoff-button:hover{background:#ffd7004d}.cutoff-info{display:flex;align-items:center;gap:1rem}.cutoff-info span{color:#fffc}.clear-cutoff-button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.clear-cutoff-button:hover{background:#fff3}.keyboard-shortcuts{color:#ffffff80;font-size:.85rem}.slideshow-empty{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem}.slideshow-empty p{color:#ffffffb3;font-size:1.2rem}@media(max-width:768px){.slideshow-header{flex-direction:column;gap:1rem;padding:1rem}.slideshow-controls{width:100%;justify-content:space-between}.slideshow-main{padding:0 1rem}.nav-button{font-size:1.5rem;padding:.75rem 1rem}.slideshow-image{max-height:50vh}.rating-display,.slideshow-footer{flex-direction:column;gap:1rem;padding:1rem}.cutoff-info{flex-direction:column;gap:.5rem;align-items:flex-start}.keyboard-shortcuts{text-align:center}}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{text-align:center;padding:2rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.header-top{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.5rem}.app-header h1{margin:0;font-size:2.5rem;background:linear-gradient(135deg,#646cff,#535bf2,#10b981);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.app-subtitle{margin:.5rem 0 1.5rem;color:#fff9;font-size:1rem}.api-key-container{display:flex;justify-content:center}.app-main{flex:1;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center}.error-message{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;margin:1rem 0;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;max-width:800px;width:100%}.error-message button{padding:.25rem .75rem;background:transparent;border:1px solid currentColor;color:inherit;border-radius:4px;font-size:.8rem;cursor:pointer}.error-message button:hover{background:#ef44441a}@media(prefers-color-scheme:light){.app-header{border-bottom-color:#0000001a}.app-subtitle{color:#0009}}.header-actions{display:flex;align-items:center;gap:.5rem}.header-action-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;padding:.5rem;border-radius:8px;cursor:pointer;font-size:1.25rem;transition:all .2s}.header-action-btn:hover{background:#ffffff1a;border-color:#fff6;color:#fff}@media(prefers-color-scheme:light){.header-action-btn{border-color:#0003;color:#000000b3}.header-action-btn:hover{background:#0000000d;border-color:#0006;color:#000}}
