@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;background-color:var(--theme-bg);flex-shrink:0;z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.main-nav{display:flex;justify-content:flex-start;align-items:center;background-color:var(--theme-surface-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:.2rem .4rem}.nav-list{display:flex;justify-content:center;list-style:none;gap:.8rem}.nav-item{position:relative;display:flex;align-items:center;cursor:pointer;padding-bottom:.4rem}.nav-item-label{color:var(--theme-text);font-weight:600;font-size:.8rem;padding:.4rem .8rem;border-radius:6px;background-color:transparent;transition:color .2s ease-in-out,background-color .2s ease-in-out}.nav-item:hover .nav-item-label,.nav-item.active .nav-item-label{color:var(--theme-accent);background-color:var(--theme-surface)}.nav-dropdown{position:absolute;top:100%;left:0;z-index:210;background-color:var(--theme-surface);border-radius:10px;box-shadow:0 8px 24px #0000004d;padding:.6rem;width:240px;display:none;flex-direction:column;gap:.4rem;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.nav-item:hover .nav-dropdown{display:flex;opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-item{display:flex;align-items:center;gap:.8rem;padding:.6rem;border-radius:6px;border:none;background-color:transparent;color:var(--theme-text);cursor:pointer;text-align:left;width:100%;transition:background-color .2s}.nav-dropdown-item:hover:not(:disabled){background-color:var(--theme-accent-dark)}.nav-dropdown-item:hover:not(:disabled) .profile-button-title,.nav-dropdown-item:hover:not(:disabled) .profile-button-description{color:var(--theme-bg)}.nav-dropdown-item:disabled{cursor:not-allowed;opacity:.7}.profile-button-icon-wrapper{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background-color:var(--theme-bg);border:none;border-radius:6px;color:var(--theme-text);transition:color .2s}.profile-button-text{display:flex;flex-direction:column}.profile-button-title{font-weight:600;font-size:.72rem;color:var(--theme-text);transition:color .2s}.profile-button-description{font-size:.64rem;color:var(--theme-subtle);line-height:1.4;transition:color .2s}.credits-display{background-color:var(--theme-surface-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--theme-border-glass);border-radius:8px;padding:.5rem 1rem;color:var(--theme-text);font-size:.8rem;font-weight:600;white-space:nowrap}.credits-count{color:var(--theme-accent);font-weight:700;margin-right:.3rem}.main-content{flex-grow:1;padding:.8rem 1.6rem;display:grid;grid-template-columns:1fr 304px;gap:1.6rem;align-items:flex-start;width:100%;overflow-y:auto;padding-bottom:128px}.wp-message-box{background-color:var(--theme-surface-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:2.4rem;text-align:center;margin:3.2rem auto;max-width:480px}.wp-message-box h2{color:var(--theme-accent);margin-bottom:.8rem}.wp-message-box p{color:var(--theme-text);font-size:.88rem}.right-sidebar{display:flex;flex-direction:column;gap:1.2rem;background-color:var(--theme-surface-glass);padding:1.6rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px}.control-group{display:flex;flex-direction:column;gap:.8rem}h2{font-weight:600;font-size:.9rem;color:var(--theme-text);margin-bottom:.4rem}.object-selection{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.object-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:.6rem;border-radius:6px;border:1px solid var(--theme-surface);background-color:var(--theme-surface);color:var(--theme-text);cursor:pointer;text-align:center;transition:background-color .2s,border-color .2s;font-size:.64rem}.object-button:hover{border-color:var(--theme-subtle);background-color:#2a2a2a}.object-button.active{border-color:var(--theme-accent);background-color:#ffe1001a;color:var(--theme-accent);font-weight:600}.object-button svg{width:26px;height:26px}.object-button span{line-height:1.2}.show-more-button{width:100%;padding:.6rem;margin-top:.4rem;border-radius:6px;border:1px solid var(--theme-surface);background-color:var(--theme-surface);color:var(--theme-subtle);font-weight:600;cursor:pointer;text-align:center;transition:background-color .2s,border-color .2s,color .2s}.show-more-button:hover:not(:disabled){border-color:var(--theme-accent);color:var(--theme-accent)}.show-more-button:disabled{cursor:not-allowed}.preset-selection{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.preset-button{padding:.6rem .4rem;border-radius:6px;border:1px solid var(--theme-surface);background-color:var(--theme-surface);color:var(--theme-text);cursor:pointer;text-align:center;transition:background-color .2s,border-color .2s;font-size:.7rem;font-weight:500}.preset-button:hover{border-color:var(--theme-subtle);background-color:#2a2a2a}.preset-button.active{border-color:var(--theme-accent);background-color:#ffe1001a;color:var(--theme-accent);font-weight:600}.dropzone{border:1px solid var(--theme-border-glass);border-radius:6px;padding:2rem 1.2rem;text-align:center;cursor:pointer;transition:background-color .2s,border-color .2s;background-color:var(--theme-bg)}.dropzone:hover,.dropzone.active{border-color:var(--theme-accent);background-color:#ffe1000d}.dropzone-label{cursor:pointer;color:var(--theme-text)}.dropzone-subtext{font-size:.64rem;color:var(--theme-subtle);margin-top:.4rem}.file-input{display:none}.preview-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.8rem}.image-preview{position:relative;width:100%;padding-top:100%;height:0}.preview-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:4px}.remove-button{position:absolute;top:-6px;right:-6px;background:var(--theme-accent);color:var(--theme-bg);border:none;border-radius:50%;width:20px;height:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;font-weight:700;font-size:13px;transition:transform .2s,background-color .2s}.remove-button:hover{transform:scale(1.1)}.image-label{position:absolute;bottom:3px;left:3px;background:#0009;color:#fff;font-size:.56rem;padding:1px 3px;border-radius:2px}.center-panel{display:flex;flex-direction:column;min-height:480px;background:var(--theme-surface-glass);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.profile-detail-view{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.6rem}.profile-detail-icon-wrapper{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background-color:var(--theme-surface);border-radius:12px;margin-bottom:1.2rem}.profile-detail-icon-wrapper svg{width:38px;height:38px;color:var(--theme-accent)}.profile-detail-title{font-size:2rem;font-weight:700;color:var(--theme-text)}.profile-detail-description{font-size:1rem;color:var(--theme-subtle);margin-top:.4rem}.result-display{flex:1;display:flex;align-items:center;justify-content:center;padding:1.6rem;position:relative;overflow:hidden}.loading-indicator{text-align:center;color:var(--theme-subtle)}.loading-subtext{font-size:.72rem}.spinner{border:4px solid var(--theme-border);border-top:4px solid var(--theme-accent);border-radius:50%;width:32px;height:32px;animation:spin 1s linear infinite;margin:0 auto .8rem}.placeholder-text{color:var(--theme-subtle)}.result-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.single-result-container {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 512px; /* <-- KEY CHANGE: Set a max size */
  aspect-ratio: 1 / 1; /* <-- KEY CHANGE: Force a square shape */
  display: flex;
  align-items: center;
  justify-content: center;
}.single-result-container .download-button{position:absolute;bottom:1rem;right:1rem;background:var(--theme-accent);color:var(--theme-bg);border:none;border-radius:6px;padding:.6rem .8rem;cursor:pointer;display:flex;align-items:center;gap:.4rem;font-weight:600;font-size:.8rem;transition:transform .2s,opacity .2s;opacity:.9}.single-result-container .download-button:hover{transform:translateY(-2px);opacity:1}.controls-bar{position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%);width:calc(100% - 3.2rem);max-width:960px;background:var(--theme-surface-glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:12px;padding:.8rem;display:flex;align-items:center;gap:.8rem;box-shadow:0 8px 32px #0000005e;z-index:100}.prompt-wrapper{flex:1;align-self:stretch}.controls-bar .textarea{width:100%;height:100%;min-height:72px;padding:.6rem;border-radius:6px;border:1px solid var(--theme-surface);background:var(--theme-bg);color:var(--theme-text);font-size:.8rem;transition:border-color .2s,box-shadow .2s;resize:none}.controls-bar .textarea:focus{outline:none;border-color:var(--theme-accent);box-shadow:0 0 0 2px #ffe10033}.action-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;align-self:stretch}.credit-cost-text{font-size:.64rem;color:var(--theme-subtle);margin:0;line-height:1;opacity:.9}.controls-bar .generate-button{padding:.6rem 1.2rem;border-radius:6px;border:none;background:var(--theme-accent);color:var(--theme-bg);font-weight:700;font-size:.88rem;cursor:pointer;flex-grow:1;min-width:120px;transition:transform .2s,opacity .2s}.generate-button:hover:not(:disabled){transform:translateY(-2px)}.generate-button:disabled{opacity:.5;cursor:not-allowed}.controls-bar .error-message{position:absolute;bottom:calc(100% + .4rem);right:0;width:280px;color:var(--theme-error-text);background:var(--theme-error-bg);padding:.6rem;border-radius:3px;border:1px solid var(--theme-error-border);font-size:.72rem;box-shadow:0 4px 10px #0003}.config-options{display:flex;flex-direction:row;gap:.8rem;justify-content:center}.dropdown{position:relative}.dropdown-button{background:var(--theme-surface);border:none;border-radius:6px;padding:.4rem .8rem;color:var(--theme-text);cursor:pointer;width:120px;text-align:center;transition:background-color .2s;height:32px}.dropdown-button:hover{background-color:#2a2a2a}.dropdown-button:disabled{cursor:not-allowed;opacity:.7}.dropdown-menu{position:absolute;bottom:calc(100% + .4rem);left:0;width:160px;background:var(--theme-surface);border:1px solid var(--theme-border-glass);border-radius:10px;max-height:200px;overflow-y:auto;z-index:110;padding:.6rem;display:flex;flex-direction:column;gap:.4rem;box-shadow:0 8px 24px #0000004d}.dropdown-item{padding:.6rem;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--theme-text);cursor:pointer;text-align:left;width:100%;transition:background-color .2s,border-color .2s;display:flex;flex-direction:column;align-items:flex-start;font-weight:600;font-size:.72rem}.dropdown-item:hover{background-color:#2a2a2a;color:var(--theme-text)}.dropdown-item.active{background-color:#ffe1001a;color:var(--theme-accent);border-color:var(--theme-accent)}.dropdown-item .size-value{font-weight:600;font-size:.72rem;color:inherit}.dropdown-item .size-label{display:block;font-size:.64rem;color:var(--theme-subtle);line-height:1.4;transition:none;font-weight:400}.dropdown-item:hover .size-label{color:var(--theme-subtle)}.dropdown-item.active .size-label{color:var(--theme-accent);opacity:.8}.config-mobile{display:none}.config-desktop{display:flex;align-items:center;gap:.8rem;position:relative}.config-desktop .config-options{display:flex;flex-direction:column;gap:.4rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;animation:fadeIn .3s forwards}@keyframes fadeIn{to{opacity:1}}.modal-content{background-color:var(--theme-surface);border-radius:12px;padding:1.2rem 1.6rem;width:90%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0006;transform:scale(.95);animation:scaleUp .3s forwards}@keyframes scaleUp{to{transform:scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--theme-border);padding-bottom:.8rem;margin-bottom:1.2rem}.modal-header h2{margin-bottom:0;color:var(--theme-accent)}.modal-close-button{background:none;border:none;color:var(--theme-text);font-size:1.6rem;line-height:1;cursor:pointer;opacity:.7;transition:opacity .2s,transform .2s}.modal-close-button:hover{opacity:1;transform:rotate(90deg)}.modal-body{overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.8rem;padding-right:.8rem;margin-right:-.8rem}.modal-body.profile-grid{grid-template-columns:1fr}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:var(--theme-bg);border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:var(--theme-border);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--theme-subtle)}.locked-overlay-container{position:relative;border-radius:6px;overflow:hidden}.locked-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffe10066;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.lock-icon{width:24px;height:24px;color:var(--theme-bg);opacity:.8}.mobile-nav,.mobile-settings-header,.upload-section-mobile,.credits-display-mobile,.modal-overlay.category-modal{display:none}@media (max-width: 1024px){.app-container{padding-bottom:120px}.main-content{display:block;padding:1rem;padding-bottom:0;overflow-y:scroll}.app-container.view-settings .main-content{overflow-y:hidden}.right-sidebar{opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.02);transition:opacity .2s ease-out,visibility .2s ease-out,transform .2s ease-out;position:fixed;top:0;left:0;right:0;bottom:0;z-index:300;display:flex;flex-direction:column;gap:1.5rem;background-color:var(--theme-bg);padding:1rem;border-radius:0;overflow-y:auto}.app-container.view-settings .center-panel,.app-container.view-settings .controls-bar{display:none}.app-container.view-settings .right-sidebar{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)}.nav-item:hover .nav-dropdown,.main-nav .nav-dropdown{display:none!important}.modal-overlay.category-modal{display:flex}.category-modal .modal-content{max-width:380px}.app-header{padding:.5rem 1rem;position:sticky;top:0}.main-nav{justify-content:space-around;width:100%;padding:0;min-width:0}.nav-list{width:100%;justify-content:space-around}.nav-item{padding-bottom:0;flex:1;text-align:center}.nav-item-label{font-size:.8rem;width:100%;padding:.6rem .2rem}.credits-display{display:none}.credits-display-mobile{display:block;background-color:var(--theme-surface);border-radius:8px;padding:.8rem 1rem;text-align:center;color:var(--theme-text);font-size:.9rem;font-weight:600;margin-bottom:1rem}.credits-display-mobile .credits-count{color:var(--theme-accent);font-weight:700;margin-right:.4rem}.center-panel{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;min-height:auto;border-radius:0;padding:0}.upload-section-mobile{display:block;margin-bottom:1.5rem}.profile-detail-view,.result-display{padding:.5rem 0}.profile-detail-title{font-size:1.5rem}.profile-detail-description{font-size:.9rem}.single-result-container{max-width:100%;max-height:calc(100vh - 300px)}.mobile-settings-header{display:flex;justify-content:space-between;align-items:center;width:100%;position:sticky;top:0;background:var(--theme-bg);padding:.5rem 0 1rem;z-index:1}.mobile-settings-header h2{color:var(--theme-accent);font-size:1.2rem}.done-button{background:var(--theme-accent);color:var(--theme-bg);border:none;border-radius:8px;padding:.5rem 1.2rem;font-weight:600;font-size:.9rem;cursor:pointer}.right-sidebar>.control-group:first-of-type{display:none}.config-options-wrapper.config-mobile{display:flex;flex-direction:column;gap:.8rem}.config-options{flex-direction:row;gap:.8rem}.config-options .dropdown{flex:1}.config-options .dropdown-button{width:100%}.controls-bar{position:fixed;bottom:60px;left:0;right:0;transform:none;width:100%;max-width:100%;border-radius:0;padding:.5rem;z-index:100;box-shadow:0 -4px 12px #0003;border-top:1px solid var(--theme-border-glass);align-items:stretch}.config-desktop{display:none}.controls-bar .textarea{min-height:48px;font-size:.8rem}.generate-button{font-size:.8rem!important}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--theme-surface);z-index:200;border-top:1px solid var(--theme-border-glass)}.mobile-nav-button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;background:none;border:none;color:var(--theme-text);opacity:.7;cursor:pointer;transition:opacity .2s,color .2s}.mobile-nav-button span{font-size:.7rem}.mobile-nav-button.active{opacity:1;color:var(--theme-accent)}}