.hume-creator-container{padding:20px;max-width:1200px;margin:0 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{border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease;cursor:pointer}.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%;display:flex;justify-content:center;padding:2rem}.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}.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}: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}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%{clip-path:polygon(50% 0%,0% 100%,100% 100%)}75%,to{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)}