.hume-creator-container{padding:20px;max-width:1200px;margin:0 auto;height:100%;overflow-y:auto}.hume-creator-container h1{margin-bottom:0;color:var(--secondary);font-size:36px;font-weight:700;font-family:Inconsolata,monospace;letter-spacing:.5px}.hume-creator-container .header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.hume-creator-container .header-container h2{margin:0;color:var(--secondary);font-size:24px;font-weight:600;font-family:Inconsolata,monospace;letter-spacing:.5px}.hume-creator-container .action-buttons{display:flex;gap:15px;justify-content:flex-end}.hume-creator-container .action-buttons.bottom-buttons{margin-top:40px;margin-bottom:20px}.hume-creator-container .action-buttons .action-button{padding:10px 20px;background-color:var(--secondary-accent);color:var(--secondary);border:none;border-radius:4px;cursor:pointer;font-weight:500;font-size:16px;font-family:Inconsolata,monospace;letter-spacing:.3px;transition:all .2s ease;box-shadow:0 4px 6px #0003}.hume-creator-container .action-buttons .action-button:hover{background-color:var(--secondary-accent);opacity:.9;transform:translateY(-1px);box-shadow:0 6px 8px #00000040}.hume-creator-container .action-buttons .action-button:active{background-color:var(--secondary-accent);opacity:1;transform:translateY(0);box-shadow:0 2px 4px #00000026}.hume-creator-container .forms-grid{display:flex;flex-direction:column;gap:20px;width:100%}.hume-creator-container .form-container{background-color:#ffffff1a;border-radius:8px;padding:15px;box-shadow:0 4px 6px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);width:100%}.hume-creator-container .form-container .form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.hume-creator-container .form-container .form-header .add-pair-button{width:30px;height:30px;border-radius:50%;background-color:var(--secondary-accent);color:var(--secondary);border:none;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .2s ease}.hume-creator-container .form-container .form-header .add-pair-button:hover{background-color:var(--secondary-accent);opacity:.9;transform:translateY(-1px)}.hume-creator-container .form-container .form-header .add-pair-button:active{background-color:var(--secondary-accent);opacity:1;transform:translateY(0)}.hume-creator-container .form-container .form-title{font-size:24px;font-weight:700;margin-bottom:0;color:var(--secondary);font-family:Inconsolata,monospace;letter-spacing:.5px}.hume-creator-container .form-container .form-content{display:flex;gap:15px}.hume-creator-container .form-container .form-content .entry-field{flex:1;display:flex;flex-direction:column;gap:5px}.hume-creator-container .form-container .form-content .form-textarea{min-height:120px;width:100%;box-sizing:border-box}.hume-creator-container .form-container .form-content .entry-subtitle{font-size:14px;color:var(--secondary);font-family:Inconsolata,monospace;font-weight:400}.hume-creator-container .form-container .form-content .single-line-entries{width:100%;display:flex;flex-direction:column;gap:10px}.hume-creator-container .form-container .form-content .single-line-entries .single-line-entry{display:flex;align-items:flex-start;gap:10px}.hume-creator-container .form-container .form-content .single-line-entries .single-line-entry .single-line-input{flex:1;padding:10px;border:1px solid rgba(255,255,255,.2);border-radius:4px;background-color:#0003;color:var(--secondary);font-size:16px;font-weight:400;font-family:Inconsolata,monospace;letter-spacing:.3px}.hume-creator-container .form-container .form-content .single-line-entries .single-line-entry .single-line-input::placeholder{color:#3b3b3b80}.hume-creator-container .form-container .form-content .single-line-entries .single-line-entry .single-line-input:focus{outline:none;border-color:#fff6;box-shadow:0 0 0 2px #ffffff1a}.hume-creator-container .form-container .form-content .single-line-entries .single-line-entry .entry-buttons{display:flex;gap:10px;align-self:flex-end;margin-top:auto}.hume-creator-container .form-container .form-content .single-line-entries .add-entry-button{margin-top:10px;padding:8px 15px;background-color:var(--secondary-accent);color:var(--secondary);border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s ease;align-self:flex-start}.hume-creator-container .form-container .form-content .single-line-entries .add-entry-button:hover{background-color:var(--secondary-accent);opacity:.9}.hume-creator-container .form-container .form-content .multi-textbox-entries{width:100%;display:flex;flex-direction:column;gap:20px}.hume-creator-container .form-container .form-content .multi-textbox-entries .textbox-entry{display:flex;gap:15px;align-items:stretch}.hume-creator-container .form-container .form-content .multi-textbox-entries .textbox-entry .form-textarea{flex:1}.hume-creator-container .form-container .form-content .multi-textbox-entries .textbox-entry .textbox-buttons{display:flex;flex-direction:column;gap:10px;justify-content:flex-end}.hume-creator-container .form-container .form-content .dual-textbox-entries{width:100%;display:flex;flex-direction:column;gap:20px}.hume-creator-container .form-container .form-content .dual-textbox-entries .dual-textbox-entry{display:flex;gap:15px;align-items:stretch}.hume-creator-container .form-container .form-content .dual-textbox-entries .dual-textbox-entry .entry-field{flex:1}.hume-creator-container .form-container .form-content .dual-textbox-entries .add-textbox-button{margin-top:10px;padding:8px 15px;background-color:var(--secondary-accent);color:var(--secondary);border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s ease;align-self:flex-start}.hume-creator-container .form-container .form-content .dual-textbox-entries .add-textbox-button:hover{background-color:var(--secondary-accent);opacity:.9}.hume-creator-container .form-container .form-textarea{flex:1;min-height:120px;padding:10px;border:1px solid rgba(255,255,255,.2);border-radius:4px;resize:vertical;font-family:inherit;background-color:#0003;color:var(--secondary);font-size:16px;font-weight:400;font-family:Inconsolata,monospace;letter-spacing:.3px}.hume-creator-container .form-container .form-textarea::placeholder{color:#3b3b3b80}.hume-creator-container .form-container .form-textarea:focus{outline:none;border-color:#fff6;box-shadow:0 0 0 2px #ffffff1a}.hume-creator-container .form-container .form-buttons{display:flex;flex-direction:column;gap:10px;justify-content:flex-end}.hume-creator-container .form-container .form-button{padding:8px 15px;background-color:var(--secondary-accent);color:var(--secondary);border:none;border-radius:4px;cursor:pointer;font-weight:400;font-size:16px;font-family:Inconsolata,monospace;letter-spacing:.3px;transition:all .2s ease}.hume-creator-container .form-container .form-button:hover:not(.disabled){background-color:var(--secondary-accent);opacity:.9;transform:translateY(-1px)}.hume-creator-container .form-container .form-button:active:not(.disabled){background-color:var(--secondary-accent);opacity:1;transform:translateY(0)}.hume-creator-container .form-container .form-button.remove-button{background-color:#e24a4ab3}.hume-creator-container .form-container .form-button.remove-button:hover{background-color:#e24a4ae6}.hume-creator-container .form-container .form-button.remove-button:active{background-color:#e24a4a}.hume-creator-container .form-container .form-button.remove-button:disabled{background-color:#9696964d;cursor:not-allowed;transform:none}.hume-creator-container .form-container .form-button.clear-button{background-color:#adb5bdcc;color:#000}.hume-creator-container .form-container .form-button.clear-button:hover:not(:disabled){background-color:#adb5bd;color:#000}.hume-creator-container .form-container .form-button.clear-button:active:not(:disabled){background-color:#868e96;color:#000}.hume-creator-container .form-container .form-button.clear-button:disabled{background-color:#9696964d;cursor:not-allowed;transform:none;opacity:.5}.hume-creator-container .form-container .button-selection{margin-bottom:15px}.hume-creator-container .form-container .button-selection h4{margin:0 0 10px;color:var(--secondary);font-family:Inconsolata,monospace;font-size:16px;font-weight:600}.hume-creator-container .form-container .button-selection .selection-buttons{display:flex;flex-wrap:wrap;gap:8px}.hume-creator-container .form-container .button-selection .selection-buttons .selection-button{padding:6px 12px;background-color:#ffffff1a;color:var(--secondary);border:1px solid rgba(0,0,0,.3);border-radius:20px;cursor:pointer;font-size:14px;font-family:Inconsolata,monospace;transition:all .2s ease}.hume-creator-container .form-container .button-selection .selection-buttons .selection-button:hover{background-color:#fff3;border-color:#000}.hume-creator-container .form-container .button-selection .selection-buttons .selection-button.selected{background-color:var(--secondary-accent);border-color:var(--secondary-accent);color:var(--secondary)}.hume-creator-container .form-container .checkbox-selection{margin-bottom:15px}.hume-creator-container .form-container .checkbox-selection h4{margin:0 0 10px;color:var(--secondary);font-family:Inconsolata,monospace;font-size:16px;font-weight:600}.hume-creator-container .form-container .checkbox-selection .checkboxes{display:flex;flex-wrap:wrap;gap:5px}.hume-creator-container .form-container .checkbox-selection .checkboxes .checkbox-item{display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 10px;border-radius:4px;transition:background-color .2s ease}.hume-creator-container .form-container .checkbox-selection .checkboxes .checkbox-item:hover{background-color:#ffffff1a}.hume-creator-container .form-container .checkbox-selection .checkboxes .checkbox-item input[type=checkbox]{margin:0;cursor:pointer;width:16px;height:16px;transform:scale(1.2);accent-color:var(--secondary-accent)}.hume-creator-container .form-container .checkbox-selection .checkboxes .checkbox-item input[type=checkbox]:not(:checked){accent-color:#808080}.hume-creator-container .form-container .checkbox-selection .checkboxes .checkbox-item .checkbox-label{color:var(--secondary);font-family:Inconsolata,monospace;font-size:14px;cursor:pointer}.hume-creator-container .form-container .single-line-field{margin-bottom:15px;width:100%}.hume-creator-container .form-container .single-line-field h4{margin:0 0 10px;color:var(--secondary);font-family:Inconsolata,monospace;font-size:16px;font-weight:600}.hume-creator-container .form-container .single-line-field .single-line-input-container{display:flex;gap:10px;align-items:flex-end;width:100%;justify-content:space-between}.hume-creator-container .form-container .single-line-field .single-line-input-container .single-line-input{flex:1;min-width:0;padding:10px;border:1px solid rgba(255,255,255,.2);border-radius:4px;background-color:#0003;color:var(--secondary);font-size:16px;font-family:Inconsolata,monospace}.hume-creator-container .form-container .single-line-field .single-line-input-container .single-line-input::placeholder{color:#3b3b3b80}.hume-creator-container .form-container .single-line-field .single-line-input-container .single-line-input:focus{outline:none;border-color:#fff6;box-shadow:0 0 0 2px #ffffff1a}.hume-creator-container .form-container .single-line-field .single-line-input-container .single-line-buttons{display:flex;gap:10px;flex-shrink:0;margin-left:auto;align-self:flex-end}.hume-creator-container .form-container .text-area-field{width:100%}.hume-creator-container .form-container .text-area-field h4{margin:0 0 10px;color:var(--secondary);font-family:Inconsolata,monospace;font-size:16px;font-weight:600}.hume-creator-container .form-container .text-area-field .text-area-container{display:flex;gap:15px;align-items:stretch}.hume-creator-container .form-container .text-area-field .text-area-container .form-textarea{flex:1;box-sizing:border-box}.hume-creator-container .form-container .text-area-field .text-area-container .form-buttons{display:flex;flex-direction:column;gap:10px;justify-content:flex-end;flex-shrink:0}.form-container.visual-generator-component .form-content{display:flex;flex-direction:column;gap:20px}.form-container.visual-generator-component .entry-field{width:100%;margin-bottom:0}.form-container.visual-generator-component .image-generation-section{width:100%;display:flex;flex-direction:column;gap:10px}.form-container.visual-generator-component .image-generation-section .image-container{display:flex;flex-direction:column;gap:15px}.form-container.visual-generator-component .image-generation-section .image-display{width:100%;min-height:300px;border:2px dashed rgba(255,255,255,.3);border-radius:8px;display:flex;align-items:center;justify-content:center;background:#0003}.form-container.visual-generator-component .image-generation-section .image-display .generated-image{max-width:100%;max-height:400px;border-radius:4px;object-fit:contain}.form-container.visual-generator-component .image-generation-section .image-display .image-placeholder{display:flex;align-items:center;justify-content:center;height:100%;min-height:300px}.form-container.visual-generator-component .image-generation-section .image-display .image-placeholder .placeholder-content{text-align:center;color:var(--secondary)}.form-container.visual-generator-component .image-generation-section .image-display .image-placeholder .placeholder-content .placeholder-icon{font-size:3em;margin-bottom:10px}.form-container.visual-generator-component .image-generation-section .image-display .image-placeholder .placeholder-content .placeholder-text{font-size:14px;max-width:250px;line-height:1.4;font-family:Inconsolata,monospace}.form-container.visual-generator-component .image-generation-section .image-buttons{display:flex;justify-content:center}.form-container.visual-generator-component .image-generation-section .image-buttons .generate-image-button{padding:10px 20px;font-size:16px;min-width:140px;font-family:Inconsolata,monospace;letter-spacing:.3px}.generate-button-container{position:relative;display:inline-block}.generate-button{transition:all .2s ease}.generate-button.disabled{opacity:.5;cursor:not-allowed;background-color:#ccc!important;color:#666!important}.generate-button.disabled:hover{background-color:#ccc!important;transform:none!important;box-shadow:none!important;opacity:.5!important}.generate-button:not(.disabled):hover{transform:translateY(-1px);box-shadow:0 2px 4px #0003}.generate-button[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000;margin-bottom:5px;box-shadow:0 2px 8px #0003}.generate-button[title]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#333;z-index:1000}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:16px}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:20px}.image-item{position:relative;aspect-ratio:1;overflow:hidden;border-radius:4px;cursor:pointer}.image-item img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.image-item:hover img{transform:scale(1.05)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;position:relative}.grid-item{width:250px;height:250px;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease;cursor:pointer;position:relative}.grid-item.loading{background-color:#f0f0f0;display:flex;align-items:center;justify-content:center}.grid-item.loading:before{content:"";width:40px;height:40px;border:3px solid #ddd;border-top:3px solid #666;border-radius:50%;animation:spin 1s linear infinite}.grid-item:hover{transform:scale(1.02)}.overlay{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fff;padding:8px;font-size:.8rem;opacity:0;transition:opacity .2s}.grid-item:hover .overlay{opacity:1}.loading{text-align:center;padding:20px;color:var(--secondary);font-style:italic}.end-message{text-align:center;padding:20px;color:var(--secondary)}.image-genie-container{width:100%;height:100%;display:flex;justify-content:center;padding:2rem;overflow-y:auto}.image-genie-container .image-genie-content{width:100%;max-width:1200px;background:var(--tertiary);border-radius:8px;box-shadow:0 2px 4px #0000001a}.image-genie-container .image-genie-content .tabs{display:flex;border-bottom:1px solid var(--secondary);padding:0 1rem}.image-genie-container .image-genie-content .tabs .tab{padding:1rem 2rem;border:none;background:none;color:var(--secondary);cursor:pointer;font-size:1rem;position:relative;transition:all .2s ease;font-weight:400}.image-genie-container .image-genie-content .tabs .tab:hover:not(.disabled){color:var(--text-color)}.image-genie-container .image-genie-content .tabs .tab.active{font-weight:800;color:var(--text-color);text-shadow:0 0 8px var(--primary-accent),0 0 16px var(--primary-accent),0 0 2rem var(--primary-accent)}.image-genie-container .image-genie-content .tabs .tab.disabled{opacity:.5;cursor:not-allowed;color:var(--secondary)}.image-genie-container .image-genie-content .tab-content{padding:2rem;min-height:400px}.gallery{padding:0rem}.gallery .gallery-filters{margin-bottom:1.5rem}.gallery .gallery-filters .filters-container{display:flex;flex-direction:row;gap:1.5rem;align-items:center;background-color:var(--tertiary);padding:1rem;border-radius:8px;box-shadow:0 2px 4px #0000000d}.gallery .gallery-filters .filter-dropdown{display:flex;align-items:center;gap:.75rem}.gallery .gallery-filters .filter-label{font-weight:600;color:var(--secondary);min-width:70px}.gallery .gallery-filters .filter-select{padding:.5rem 1rem;border-radius:4px;border:1px solid var(--secondary);background:var(--primary);color:var(--secondary);font-family:Inconsolata,monospace;min-width:180px;cursor:pointer;transition:all .2s ease}.gallery .gallery-filters .filter-select:hover,.gallery .gallery-filters .filter-select:focus{border-color:var(--primary-accent);outline:none;box-shadow:0 0 0 2px #acffcd33}.gallery .gallery-filters .filter-select option{padding:.5rem}.gallery .selector{margin-bottom:1rem;display:flex;gap:.5rem;align-items:center}.gallery .selector select{height:2.5rem;padding:.5rem;border-radius:4px;border:1px solid var(--secondary);background:var(--tertiary);color:var(--text-color);font-size:1rem;min-width:200px;font-family:Inconsolata,monospace;cursor:pointer}.gallery .selector select:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 0 2px #acffcd33}.gallery .selector .icon-button{padding:.5rem;border-radius:4px;border:1px solid var(--secondary);background:var(--tertiary);color:var(--text-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.gallery .selector .icon-button:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.gallery .selector .icon-button svg{width:20px;height:20px}.gallery .selector .error{color:var(--error);font-size:.9rem;margin-left:.5rem}.gallery .selector .create-form{position:absolute;margin-top:2.5rem;padding:1rem;border-radius:4px;background:var(--tertiary);border:1px solid var(--secondary);box-shadow:0 2px 8px #0000001a;z-index:100}.gallery .selector .create-form input{width:100%;padding:.5rem;border-radius:4px;border:1px solid var(--secondary);background:var(--background);color:var(--text-color);font-family:Inconsolata,monospace;margin-bottom:.5rem}.gallery .selector .create-form input:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 0 2px #acffcd33}.gallery .selector .create-form .form-buttons{display:flex;gap:.5rem;justify-content:flex-end}.gallery .selector .create-form .form-buttons button{padding:.5rem 1rem;border-radius:4px;border:1px solid var(--secondary);background:var(--tertiary);color:var(--text-color);cursor:pointer;font-family:Inconsolata,monospace;transition:all .2s ease}.gallery .selector .create-form .form-buttons button:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.gallery .selector .create-form .form-buttons button[type=submit]{background:var(--primary);border-color:var(--primary);color:var(--background)}.gallery .selector .create-form .form-buttons button[type=submit]:hover{background:var(--primary-accent);border-color:var(--primary-accent)}.gallery .image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:2rem}.gallery .image-grid .image-item{aspect-ratio:1;cursor:pointer;overflow:hidden;border-radius:4px;transition:transform .2s}.gallery .image-grid .image-item:hover{transform:scale(1.02)}.gallery .image-grid .image-item img{width:100%;height:100%;object-fit:cover}.gallery .image-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;overflow:auto;padding:2rem}.gallery .image-viewer-overlay .image-viewer-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.gallery .image-viewer-overlay .image-viewer-content img{width:auto;height:auto;max-width:90vw;max-height:80vh;object-fit:contain}.gallery .image-viewer-overlay .image-viewer-content .viewer-controls{position:fixed;top:1rem;right:1rem;z-index:2000;pointer-events:all;display:flex;gap:1rem}.gallery .image-viewer-overlay .image-viewer-content .viewer-controls .download-button{background:#00000080;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s,border-color .2s}.gallery .image-viewer-overlay .image-viewer-content .viewer-controls .download-button:hover{background:#000000b3;border-color:#ffffff80}.gallery .image-viewer-overlay .image-viewer-content .viewer-controls .close-button{position:relative;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;line-height:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:all .2s ease;z-index:2001}.gallery .image-viewer-overlay .image-viewer-content .viewer-controls .close-button:hover{color:var(--primary-accent);background:#0000004d}.gallery .image-viewer-overlay .image-viewer-content .collection-controls{position:fixed;top:1rem;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:0 1rem;z-index:1001}.gallery .image-viewer-overlay .image-viewer-content .collection-controls .collection-dropdown-container{width:100%;max-width:300px}.gallery .image-viewer-overlay .image-viewer-content .collection-controls .collection-dropdown-container .collection-select{width:100%;padding:.5rem;border-radius:4px;border:none;background:#0000004d;color:#fff;font-family:Inconsolata,monospace;cursor:pointer;transition:all .2s ease;font-size:.9rem}.gallery .image-viewer-overlay .image-viewer-content .collection-controls .collection-dropdown-container .collection-select:hover{background:#00000080}.gallery .image-viewer-overlay .image-viewer-content .collection-controls .collection-dropdown-container .collection-select:focus{outline:none;background:#00000080}.gallery .image-viewer-overlay .image-viewer-content .collection-controls .collection-dropdown-container .collection-select option{background:#000000e6;color:#fff;padding:.5rem}.gallery .image-viewer-overlay .image-viewer-content .collection-controls .collection-dropdown-container .create-collection-form{width:100%}.gallery .image-viewer-overlay .image-viewer-content .collection-controls .collection-dropdown-container .create-collection-form .input-container{position:relative;width:100%;display:flex;align-items:center;background:#0000004d;border-radius:4px;padding-right:.5rem}.gallery .image-viewer-overlay .image-viewer-content .collection-controls .collection-dropdown-container .create-collection-form .input-container input{flex:1;padding:.5rem;border:none;background:transparent;color:#fff;font-family:Inconsolata,monospace;font-size:.9rem}.gallery .image-viewer-overlay .image-viewer-content .collection-controls .collection-dropdown-container .create-collection-form .input-container input:focus{outline:none}.gallery .image-viewer-overlay .image-viewer-content .collection-controls .collection-dropdown-container .create-collection-form .input-container input::placeholder{color:#ffffff80}.gallery .image-viewer-overlay .image-viewer-content .collection-controls .collection-dropdown-container .create-collection-form .input-container .form-buttons{display:flex;gap:.25rem}.gallery .image-viewer-overlay .image-viewer-content .collection-controls .collection-dropdown-container .create-collection-form .input-container .form-buttons button{padding:.25rem .5rem;border-radius:4px;border:none;background:#0000004d;color:#fff;font-family:Inconsolata,monospace;cursor:pointer;transition:all .2s ease;font-size:.8rem}.gallery .image-viewer-overlay .image-viewer-content .collection-controls .collection-dropdown-container .create-collection-form .input-container .form-buttons button:hover{background:#00000080;color:var(--primary-accent)}.gallery .image-viewer-overlay .image-viewer-content .collection-controls .collection-dropdown-container .create-collection-form .input-container .form-buttons button.create-button{background:#000c;color:#fff;border:none}.gallery .image-viewer-overlay .image-viewer-content .collection-controls .collection-dropdown-container .create-collection-form .input-container .form-buttons button.create-button:hover{background:var(--primary-accent);color:#000}.gallery .image-viewer-overlay .image-viewer-content .collection-controls .collection-dropdown-container .create-collection-form .input-container:hover,.gallery .image-viewer-overlay .image-viewer-content .collection-controls .collection-dropdown-container .create-collection-form .input-container:focus-within{background:#00000080}.gallery .image-viewer-overlay .image-viewer-content .nav-controls{position:fixed;top:calc(1rem + 44px);left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:.5rem;padding:0 1rem;z-index:1001}.gallery .image-viewer-overlay .image-viewer-content .nav-controls .nav-button{background:#0000004d;border:none;color:#fff;cursor:pointer;padding:.5rem 1rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:4px;font-family:Inconsolata,monospace;height:36px}.gallery .image-viewer-overlay .image-viewer-content .nav-controls .nav-button:hover:not(:disabled){background:#00000080;color:var(--primary-accent)}.gallery .image-viewer-overlay .image-viewer-content .nav-controls .nav-button:disabled{opacity:.3;cursor:not-allowed}.gallery .image-viewer-overlay .image-viewer-content .nav-controls .nav-button svg{width:20px;height:20px}.gallery .image-viewer-overlay .image-viewer-content .nav-controls .collection-button{background:#0000004d;border:none;color:#fff;cursor:pointer;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;justify-content:center;transition:all .2s ease;border-radius:4px;font-family:Inconsolata,monospace;height:36px;min-width:180px}.gallery .image-viewer-overlay .image-viewer-content .nav-controls .collection-button:hover:not(:disabled){background:#00000080;color:var(--primary-accent)}.gallery .image-viewer-overlay .image-viewer-content .nav-controls .collection-button:disabled{opacity:.5;cursor:not-allowed;background:#0003}.gallery .image-viewer-overlay .image-viewer-content .nav-controls .collection-button svg{width:20px;height:20px}.gallery .image-viewer-overlay .image-viewer-content .nav-controls .collection-button span{font-size:.9rem}.gallery .image-viewer-overlay .image-viewer-content .image-info{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);color:#fff;font-size:.9rem;z-index:1001;background:#00000080;padding:.5rem 1rem;border-radius:4px;text-align:center;white-space:nowrap}.gallery .error{color:var(--error);padding:1rem;text-align:center}.collection-selector{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem}.collection-selector .collection-select{height:2.5rem;padding:.5rem;border-radius:4px;border:1px solid var(--secondary);background:var(--tertiary);color:var(--text-color);font-family:Inconsolata,monospace;cursor:pointer;transition:all .2s ease;font-size:.9rem;min-width:200px}.collection-selector .collection-select:hover,.collection-selector .collection-select:focus{border-color:var(--primary-accent);outline:none}.collection-selector .collection-select option{background:var(--background);color:var(--text-color);padding:.5rem}.collection-selector button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:4px;background:var(--tertiary);border:1px solid var(--secondary);color:var(--text-color);font-family:Inconsolata,monospace;cursor:pointer;transition:all .2s ease}.collection-selector button:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.collection-selector button svg{width:16px;height:16px}.collection-selector .create-collection{display:flex;align-items:center;gap:.5rem}.collection-selector .create-collection input{padding:.5rem;border-radius:4px;border:1px solid var(--secondary);background:var(--tertiary);color:var(--text-color);font-family:Inconsolata,monospace;font-size:.9rem;min-width:200px}.collection-selector .create-collection input:focus{outline:none;border-color:var(--primary-accent)}.collection-selector .create-collection button{padding:.5rem 1rem;border-radius:4px;border:1px solid var(--secondary);background:var(--tertiary);color:var(--text-color);font-family:Inconsolata,monospace;cursor:pointer;transition:all .2s ease}.collection-selector .create-collection button:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.collection-selector .create-collection button.create-button{background:var(--primary-accent);border:1px solid var(--secondary);color:var(--secondary)}.collection-selector .create-collection button.create-button:hover{background:var(--primary);border-color:var(--primary-accent)}.error{color:var(--error);padding:1rem;text-align:center}.hpg-container{display:flex;height:calc(100vh - 100px);font-family:Inconsolata,monospace;overflow:hidden;transition:height .3s ease}.site-header.collapsed+* .hpg-container{height:calc(100vh - 20px)}.hpg-left-panel{width:20%;background-color:#ffffff1a;color:var(--secondary, #3b3b3b);display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px #0003;overflow:hidden;height:100%}.hpg-center-panel{width:40%;background-color:#ffffff1a;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px #0003;overflow:hidden;height:100%}.hpg-right-panel{width:40%;background-color:#ffffff1a;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px #0003;overflow:hidden;height:100%;max-width:40%;min-width:0;gap:1rem;padding:0}.panel-header{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);background-color:#ffffff0d;flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.panel-header h3{margin:0;font-size:24px;font-weight:700;color:var(--secondary, #3b3b3b);font-family:Inconsolata,monospace;letter-spacing:.5px}.history-section,.settings-section{padding:1rem;flex-shrink:0}.history-section h4,.settings-section h4{margin:0 0 .75rem;font-size:16px;font-weight:600;color:var(--secondary, #3b3b3b);font-family:Inconsolata,monospace;letter-spacing:.3px}.history-list{margin-bottom:2rem;max-height:200px;overflow-y:auto}.empty-state{color:#3b3b3b99;font-size:14px;font-style:italic;margin:0;font-family:Inconsolata,monospace}.history-item{padding:.75rem;margin-bottom:.5rem;background-color:#ffffff1a;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid rgba(255,255,255,.1)}.history-item:hover{background-color:#ffffff26;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.history-title{font-size:14px;font-weight:500;margin-bottom:.2rem;color:var(--secondary, #3b3b3b);font-family:Inconsolata,monospace}.history-timestamp{font-size:12px;opacity:.7;color:var(--secondary, #3b3b3b);font-family:Inconsolata,monospace}.setting-item{margin-bottom:.75rem}.setting-item label{display:flex;align-items:center;font-size:14px;cursor:pointer;color:var(--secondary, #3b3b3b);font-family:Inconsolata,monospace}.setting-item label input[type=checkbox]{margin-right:.5rem;width:16px;height:16px;accent-color:var(--secondary-accent, #f39c12)}.artist-selector{display:flex;align-items:center}.artist-dropdown,.tool-dropdown,.gallery-dropdown,.model-dropdown{padding:.25rem .5rem;background-color:#0003;color:var(--secondary, #3b3b3b);border:1px solid rgba(255,255,255,.2);border-radius:4px;font-family:Inconsolata,monospace;font-size:14px;cursor:pointer;transition:all .2s ease}.artist-dropdown:hover,.tool-dropdown:hover,.gallery-dropdown:hover,.model-dropdown:hover{background-color:#ffffff26;border-color:#ffffff4d}.artist-dropdown:focus,.tool-dropdown:focus,.gallery-dropdown:focus,.model-dropdown:focus{outline:none;border-color:var(--secondary-accent, #f39c12);box-shadow:0 0 0 2px #f39c1233}.artist-dropdown option,.tool-dropdown option,.gallery-dropdown option,.model-dropdown option{background-color:#fffffff2;color:#333;padding:.5rem}.artist-dropdown option:hover,.tool-dropdown option:hover,.gallery-dropdown option:hover,.model-dropdown option:hover{background-color:#f39c1233}.chat-messages{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;min-height:0}.empty-chat{display:flex;align-items:center;justify-content:center;height:100%;color:#3b3b3b99;font-style:italic;font-family:Inconsolata,monospace;font-size:16px}.message{max-width:80%}.message.user{align-self:flex-end}.message.user .message-content{background-color:var(--secondary-accent, #f39c12);color:var(--secondary, #3b3b3b);padding:.75rem 1rem;border-radius:18px 18px 4px;font-family:Inconsolata,monospace;font-size:14px;line-height:1.4;box-shadow:0 4px 6px #0003}.message.assistant{align-self:flex-start}.message.assistant .message-content{background-color:#fff3;color:var(--secondary, #3b3b3b);padding:.75rem 1rem;border-radius:18px 18px 18px 4px;font-family:Inconsolata,monospace;font-size:14px;line-height:1.4;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px #0003}.chat-input-container{padding:1rem;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:.5rem;align-items:flex-end;background-color:#ffffff0d;flex-shrink:0}.chat-input{flex:1;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem;font-family:Inconsolata,monospace;font-size:14px;resize:none;outline:none;background-color:#0003;color:var(--secondary, #3b3b3b);letter-spacing:.3px;max-height:120px}.chat-input::placeholder{color:#3b3b3b80}.chat-input:focus{border-color:#fff6;box-shadow:0 0 0 2px #ffffff1a}.send-button{background-color:var(--secondary-accent, #f39c12);color:var(--secondary, #3b3b3b);border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Inconsolata,monospace;letter-spacing:.3px;box-shadow:0 4px 6px #0003;flex-shrink:0}.send-button:hover:not(:disabled){background-color:var(--secondary-accent, #f39c12);opacity:.9;transform:translateY(-1px);box-shadow:0 6px 8px #00000040}.send-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #00000026}.send-button:disabled{background-color:#9696964d;cursor:not-allowed;transform:none;box-shadow:none}.canvas-container{flex:1;min-width:100%;display:flex;flex-direction:column;min-height:0;background-color:#ffffff0d;overflow:hidden}.gallery-container{flex:1;min-width:100%;display:flex;flex-direction:column;min-height:0;background-color:#ffffff0d;overflow:hidden;border-top:1px solid rgba(26,129,208,.95)}.canvas-section,.gallery-section{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:1rem}.canvas-section h4{margin:0 0 .75rem;font-size:16px;font-weight:600;color:var(--secondary, #3b3b3b);font-family:Inconsolata,monospace;letter-spacing:.3px;flex-shrink:0}.tool-selector{display:flex;align-items:center}.canvas-area,.gallery-area{flex:1;background-color:#ffffff1a;border-radius:8px;display:flex;align-items:center;justify-content:center;min-height:200px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:auto;min-width:0;max-width:100%}.canvas-area.canvas-area--with-tool,.gallery-area.canvas-area--with-tool{align-items:flex-start;justify-content:flex-start;overflow-y:auto;overflow-x:hidden;max-width:100%}.gallery-area{padding:0;align-items:stretch}.canvas-placeholder,.tool-workspace{text-align:center;color:#3b3b3bb3;font-family:Inconsolata,monospace}.canvas-placeholder p,.tool-workspace p{margin:.5rem 0;font-size:14px;line-height:1.4}.tool-workspace{width:100%;display:flex;flex-direction:column;align-items:flex-start;min-height:100%}.tool-workspace p:first-child{font-weight:600;color:var(--secondary, #3b3b3b);margin-bottom:1rem;font-size:16px}.tool-workspace.tool-workspace--with-inputs{padding:0;align-items:flex-start;justify-content:flex-start;min-height:100%}.tool-workspace.tool-workspace--with-inputs .tool-header{margin-bottom:.75rem;align-self:flex-start;flex-shrink:0}.tool-workspace.tool-workspace--with-inputs .tool-header p{margin:0;font-weight:600;font-size:.875rem;color:var(--secondary, #3b3b3b);font-family:Inconsolata,monospace}.tool-inputs{width:100%;max-width:100%;display:flex;flex-direction:column;gap:.75rem;align-self:stretch;flex:1;min-height:0;overflow:visible}.input-group{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start;width:100%;max-width:100%;min-width:0;overflow:hidden}.input-group label{font-weight:500;font-size:.75rem;color:var(--secondary, #3b3b3b);font-family:Inconsolata,monospace;margin-bottom:.125rem}.input-group input[type=text],.input-group input[type=number],.input-group input[type=file],.input-group textarea,.input-group select{padding:.375rem;border:1px solid rgba(255,255,255,.5);border-radius:4px;font-size:.75rem;font-family:Inconsolata,monospace;background-color:#0003;color:var(--secondary, #3b3b3b);transition:all .2s ease;width:100%}.input-group input[type=text]::placeholder,.input-group input[type=number]::placeholder,.input-group input[type=file]::placeholder,.input-group textarea::placeholder,.input-group select::placeholder{color:#3b3b3b80;font-size:.75rem}.input-group input[type=text]:focus,.input-group input[type=number]:focus,.input-group input[type=file]:focus,.input-group textarea:focus,.input-group select:focus{outline:none;border-color:var(--secondary-accent, #f39c12);box-shadow:0 0 0 2px #f39c1233;background-color:#00000040}.input-group input[type=text]:hover:not(:focus),.input-group input[type=number]:hover:not(:focus),.input-group input[type=file]:hover:not(:focus),.input-group textarea:hover:not(:focus),.input-group select:hover:not(:focus){border-color:#fff9;background-color:#00000038}.input-group textarea{resize:vertical;min-height:50px}.input-group select{cursor:pointer}.radio-group{display:flex;gap:1rem;margin-bottom:.5rem}.radio-option{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--secondary, #3b3b3b);font-family:Inconsolata,monospace;cursor:pointer}.radio-option input[type=radio]{width:16px;height:16px;accent-color:var(--secondary-accent, #f39c12);cursor:pointer}.radio-option.radio-option--disabled{opacity:.5;cursor:not-allowed}.radio-option.radio-option--disabled input[type=radio]{cursor:not-allowed}.image-input-controls{display:flex;flex-direction:column;gap:.5rem;width:100%}.image-input-controls .file-input{margin-bottom:0}.image-input-controls .image-dropdown{margin-top:0}.image-input-controls.image-input-controls--side-by-side{flex-direction:row;gap:.75rem;align-items:stretch}.image-input-controls.image-input-controls--side-by-side .image-input-left,.image-input-controls.image-input-controls--side-by-side .image-input-right{flex:1;display:flex;flex-direction:column}.image-input-controls.image-input-controls--side-by-side .file-input,.image-input-controls.image-input-controls--side-by-side .image-dropdown{margin:0;height:100%;min-height:36px}.image-input-controls.image-input-controls--side-by-side .file-input{padding:.375rem;border:1px solid rgba(255,255,255,.5);border-radius:4px;font-size:.75rem;font-family:Inconsolata,monospace;background-color:#0003;color:var(--secondary, #3b3b3b);cursor:pointer}.image-input-controls.image-input-controls--side-by-side .file-input:hover{border-color:#fff9;background-color:#00000038}.image-input-controls.image-input-controls--side-by-side .file-input:focus{outline:none;border-color:var(--secondary-accent, #f39c12);box-shadow:0 0 0 2px #f39c1233;background-color:#00000040}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-shrink:0}.gallery-header h4{margin:0;font-size:16px;font-weight:600;color:var(--secondary, #3b3b3b);font-family:Inconsolata,monospace;letter-spacing:.3px}.gallery-controls{flex-shrink:0}.thumbnails-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;padding:10px;width:100%}.thumbnail-item{display:flex;flex-direction:column;align-items:center;background-color:#ffffff0d;border-radius:4px;padding:8px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:transform .2s,background-color .2s}.thumbnail-item:hover{transform:scale(1.05);background-color:#ffffff1a}.thumbnail-image{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:2px}.thumbnail-title{font-size:.75rem;margin-top:4px;text-align:center;color:var(--secondary, #3b3b3b);opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;font-family:Inconsolata,monospace}@media (max-width: 1024px){.hpg-left-panel{width:25%}.hpg-center-panel,.hpg-right-panel{width:37.5%}}@media (max-width: 768px){.hpg-container{flex-direction:column}.hpg-left-panel,.hpg-center-panel,.hpg-right-panel{width:100%;height:33.33%;min-height:200px}.chat-messages,.canvas-area,.gallery-area{min-height:100px}}.chat-messages::-webkit-scrollbar,.canvas-area::-webkit-scrollbar,.gallery-area::-webkit-scrollbar,.history-list::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track,.canvas-area::-webkit-scrollbar-track,.gallery-area::-webkit-scrollbar-track,.history-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb,.canvas-area::-webkit-scrollbar-thumb,.gallery-area::-webkit-scrollbar-thumb,.history-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover,.canvas-area::-webkit-scrollbar-thumb:hover,.gallery-area::-webkit-scrollbar-thumb:hover,.history-list::-webkit-scrollbar-thumb:hover{background:#ffffff80}.generate-button,.test-button{width:100%;padding:.75rem 1.5rem;margin-top:1rem;background-color:var(--secondary-accent, #f39c12);color:var(--secondary, #3b3b3b);border:none;border-radius:8px;font-family:Inconsolata,monospace;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 6px #0003;flex-shrink:0}.generate-button:hover,.test-button:hover{background-color:var(--secondary-accent, #f39c12);filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.generate-button:active,.test-button:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.generate-button:disabled,.test-button:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none}.test-button{background-color:#007bff;margin-top:.5rem}.test-button:hover{background-color:#007bff;filter:brightness(1.1)}.folder-images-preview{margin-top:.5rem;position:relative;width:100%;max-width:37vw;flex-shrink:0}.loading-images,.no-images{font-size:.75rem;color:#3b3b3b99;font-family:Inconsolata,monospace;text-align:center;padding:1rem;font-style:italic}.images-row{display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;padding:.5rem 0;scroll-behavior:smooth;width:100%;flex-wrap:nowrap;overscroll-behavior-x:contain}.images-row::-webkit-scrollbar{height:6px}.images-row::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.images-row::-webkit-scrollbar-thumb{background:#fff6;border-radius:3px}.images-row::-webkit-scrollbar-thumb:hover{background:#fff9}.preview-image-item{flex-shrink:0;width:60px;height:60px;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .2s ease}.preview-image-item:hover{border-color:var(--secondary-accent, #f39c12);transform:scale(1.05)}.preview-image-item.selected{border-color:red;border-width:4px;box-shadow:0 0 12px #f009;transform:scale(1.1)}.preview-image{width:100%;height:100%;object-fit:cover}.preview-image-item.loading-spinner{display:flex;align-items:center;justify-content:center;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.2)}.spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,.2);border-top:2px solid #000000;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.thumbnail-item--generating .thumbnail-placeholder{width:100%;aspect-ratio:1;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:4px;gap:8px;border:1px solid rgba(255,255,255,.2)}.thumbnail-item--generating .thumbnail-placeholder .spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--secondary-accent, #f39c12);border-radius:50%;animation:spin-placeholder 1s linear infinite}.thumbnail-item--generating .thumbnail-placeholder .generating-text{font-size:.7rem;color:#ffffffe6;text-align:center;opacity:.9;font-family:Inconsolata,monospace}@keyframes spin-placeholder{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.selected-image-preview{margin-top:1rem;display:flex;flex-direction:column;align-items:center;padding:1rem;background-color:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.selected-image{max-width:200px;max-height:200px;width:auto;height:auto;object-fit:contain;border-radius:4px;border:2px solid #ff0000;box-shadow:0 4px 12px #0000004d}.selected-image-name{margin-top:.5rem;font-size:.75rem;color:var(--secondary, #3b3b3b);font-family:Inconsolata,monospace;text-align:center;word-break:break-all;opacity:.8}.status-message{margin-top:10px;padding:10px;border-radius:4px;font-size:14px;font-family:Inconsolata,monospace}.status-message.status-message--success{background-color:#d4eddae6;color:#155724;border:1px solid #c3e6cb}.status-message.status-message--error{background-color:#f8d7dae6;color:#721c24;border:1px solid #f5c6cb}.status-message.status-message--info{background-color:#d1ecf1e6;color:#0c5460;border:1px solid #bee5eb}.status-message__job-id{font-size:12px;margin-top:5px;opacity:.8;font-family:Inconsolata,monospace}.video-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.video-viewer-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.viewer-controls{position:absolute;top:20px;right:20px;z-index:1001;display:flex;gap:10px;align-items:center}.close-button{background:#000c;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:50%;width:50px;height:50px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-button:hover{background:#000000f2;border-color:#ffffff80}.video-container{margin:60px 0 20px}.video-info{color:#fff!important;text-align:center;padding:20px}.video-info p{color:#fff!important;margin:8px 0}:root{--primary: #FFFAF0;--secondary: #3B3B3B;--tertiary: #FFFDF5;--primary-accent: #ACFFCD;--secondary-accent: #A5F2F3;--tertiary--accent: #FFACD0;font-family:Inconsolata,monospace;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--primary);color:var(--secondary);min-height:100vh;font-family:Inconsolata,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility}.app{min-height:100vh;overflow-y:auto;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:Doto,system-ui,sans-serif;font-weight:800}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background-color:var(--primary)}.login-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/hume_banner.png);background-position:center;background-repeat:no-repeat;background-size:1500px 600px;opacity:.3;z-index:0}.login-page .login-container{position:relative;z-index:1;background-color:var(--primary);padding:2rem 3rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;text-align:center;min-width:300px}.login-page .login-container .title{font-size:2rem;margin-bottom:2rem;color:var(--primary-accent)}.login-page .login-container .button-container{display:flex;justify-content:center}.login-page .login-container .error-message{color:var(--error);margin-top:1rem}.login-container{text-align:center;padding:3rem;border:2px solid var(--secondary);border-radius:8px;background-color:#fffdf5f2;position:relative;box-shadow:0 8px 32px var(--secondary);z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-container .title{position:relative;color:var(--primary-accent);font-size:3rem;font-weight:800;margin-bottom:2rem;letter-spacing:-.5px;text-shadow:2px 2px 0px var(--secondary);transition:all .3s ease;text-decoration:none}.login-container .title:hover{transform:translateY(-4px)}.login-container .button-container{display:flex;justify-content:center;gap:1rem}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:Inconsolata,monospace;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--secondary-accent)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:var(--secondary);background-color:#fff}a:hover{color:var(--secondary-accent)}button{background-color:#f9f9f9}}@keyframes bounceBall{0%{left:20%;top:30%}10%{left:65%;top:10%}20%{left:90%;top:50%}30%{left:80%;top:80%}40%{left:20%;top:70%}50%{left:10%;top:90%}60%{left:50%;top:30%}70%{left:30%;top:60%}80%{left:80%;top:20%}90%{left:10%;top:50%}to{left:20%;top:30%}}@keyframes shapeShift{0%,24%{border-radius:50%;clip-path:none}25%,49%{border-radius:0;clip-path:none}50%,74%{border-radius:0;clip-path:polygon(50% 0%,0% 100%,100% 100%)}75%,to{border-radius:0;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}}.playground-container{max-width:1200px;margin:0 auto;padding:2rem;width:100%;position:relative;overflow:hidden;min-height:100vh}.playground-container:before,.playground-container:after,.playground-container .shape{content:"";position:absolute;width:40px;height:40px;opacity:.9;z-index:0}.playground-container:before{background:var(--secondary-accent);animation:bounceBall 35s linear infinite,shapeShift 30s linear infinite}.playground-container:after{background:var(--primary-accent);animation:bounceBall 40s linear infinite reverse,shapeShift 20s linear infinite reverse}.playground-container .shape{background:var(--tertiary--accent);animation:bounceBall 45s linear infinite alternate,shapeShift 25s linear infinite alternate}.playground-header{display:flex;justify-content:space-between;align-items:center}.playground-header h1{color:var(--primary-accent);font-size:3rem;font-weight:800;text-shadow:2px 2px 0px var(--secondary);transition:all .3s ease;text-decoration:none}.playground-header h1:hover{transform:scale(1.05);text-shadow:2px 2px 0px var(--secondary)}.playground-header .header-icons{display:flex;gap:1rem;align-items:center}.playground-header .header-icons .icon-button{background:none;border:none;padding:.5rem;cursor:pointer;color:#3b3b3b;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.playground-header .header-icons .icon-button:hover{background-color:#0000000d}.playground-header .header-icons .icon-button svg{width:24px;height:24px}.dropdown-container{position:relative}.dropdown-container .icon-button{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.dropdown-container .icon-button:hover{background-color:#0000000d}.dropdown-container .icon-button svg{width:32px;height:32px}.dropdown-container .dropdown-menu{position:absolute;top:100%;right:0;background:var(--tertiary);border:1px solid var(--secondary);border-radius:8px;padding:.5rem 0;min-width:160px;box-shadow:0 4px 12px var(--secondary);z-index:10;font-weight:500;font-family:Inconsolata,monospace}.dropdown-container .dropdown-menu .dropdown-item{padding:.5rem 1rem;cursor:pointer;transition:background-color .2s}.dropdown-container .dropdown-menu .dropdown-item:hover{background-color:#0000000d}.dropdown-container .dropdown-menu .dropdown-item.disabled{opacity:.5;cursor:not-allowed}.dropdown-container .dropdown-menu .dropdown-item.disabled:hover{background-color:transparent}.apps-grid{padding:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:3rem}.app-card{background:var(--tertiary);padding:.5rem;border-radius:8px;box-shadow:0 2px 4px var(--secondary);text-decoration:none;color:var(--secondary);transition:all .3s ease;position:relative;font-family:Inconsolata,monospace;display:flex;justify-content:space-between;align-items:flex-start;min-height:150px;max-width:300px}.app-card:hover{transform:translateY(-2px);box-shadow:0 0 8px var(--secondary-accent)}.app-card:hover img{transform:scaleX(-1);filter:drop-shadow(0 0 10px var(--secondary-accent))}.app-card .content{flex:1;padding:1rem}.app-card .content h2{margin:0 0 .25rem;color:var(--secondary);font-family:Inconsolata,monospace;font-weight:700}.app-card .content p{margin:0;color:var(--secondary)}.app-card img{width:75px;height:75px;margin:1rem;object-fit:contain;transition:all .3s ease;align-self:center}.app-card.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.site-header{position:fixed;top:0;left:0;right:0;background:var(--tertiary);z-index:100;transition:transform .3s ease;border-bottom:1px solid var(--secondary);height:100px;padding:25px 0}.site-header.collapsed{transform:translateY(-80%)}.site-header.collapsed+*{margin-top:20px}.site-header.collapsed .header-content{opacity:.5}.site-header.collapsed .collapse-button{background:var(--tertiary)}.site-header .header-content{max-width:1200px;margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;height:100%;transition:opacity .3s ease}.site-header .header-content .header-title{text-decoration:none}.site-header .header-content .header-title h1{color:var(--primary-accent);font-size:3rem;font-weight:800;text-shadow:2px 2px 0px var(--secondary);transition:all .3s ease;text-decoration:none}.site-header .header-content .header-title h1:hover{transform:scale(1.05)}.site-header .header-content .header-title:hover h1{text-decoration:none}.site-header .header-content .header-icons{display:flex;gap:1.5rem}.site-header .collapse-button{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:40px;height:20px;border:1px solid var(--secondary);border-top:none;border-radius:0 0 20px 20px;background:var(--primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0}.site-header .collapse-button:hover{background:var(--tertiary)}.site-header .collapse-button svg{width:16px;height:16px;color:var(--secondary)}.site-header+*{margin-top:100px;transition:margin-top .3s ease}.error-message{margin-top:1rem;color:var(--error);font-size:1.2rem;color:var(--secondary)}.auth-callback{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--primary)}.auth-callback p{font-size:1.2rem;color:var(--secondary)}