.app-container{flex-direction:column;height:100vh;display:flex;overflow:hidden}.header{background-color:var(--bg-main);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.header-left{align-items:center;gap:12px;display:flex}.logo-icon{background-color:#8b5cf61a;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}h1{align-items:center;gap:10px;margin:0;font-size:18px;font-weight:700;display:flex}.pro-badge{color:#60a5fa;letter-spacing:.5px;background-color:#3b82f633;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:800}.main-content{flex:1;gap:24px;padding:24px;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;width:660px;display:flex;overflow:hidden;box-shadow:0 4px 20px #0003}.sidebar-scrollable{flex:1;grid-template-columns:1fr 1fr;grid-auto-rows:max-content;gap:16px;padding:20px;display:grid;overflow-y:auto}.sidebar-footer{border-top:1px solid var(--border-color);background-color:var(--bg-panel);padding:20px}.generate-btn{border-radius:var(--radius-sm);justify-content:center;gap:10px;width:100%;padding:16px;font-size:16px;font-weight:600;display:flex}.result-area{flex-direction:column;flex:1;min-width:0;display:flex}.glass-panel{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#0003;flex-direction:column;height:100%;transition:all .2s;display:flex;overflow:hidden}.panel-result{background-color:var(--bg-panel);flex-direction:column;height:100%;display:flex}.panel-header{border-bottom:1px solid #0000;padding:16px 16px 12px}.panel-header h2{align-items:center;gap:6px;margin:0;font-size:14px;font-weight:600;display:flex}.info-icon{color:var(--text-secondary);cursor:help}.upload-area{border:1px dashed var(--border-color);border-radius:var(--radius-sm);background-color:#0000004d;justify-content:center;align-items:center;margin:0 12px 16px;transition:all .2s;display:flex;position:relative;overflow:hidden}.upload-area:hover{border-color:var(--text-secondary)}.upload-area.dragging{border-color:var(--accent-purple);background-color:#8b5cf61a}.image-preview{padding:4px;position:absolute;inset:0}.object-cover{object-fit:cover}.object-contain{object-fit:contain;border-radius:var(--radius-sm)}.upload-placeholder{color:var(--text-secondary);flex-direction:column;align-items:center;gap:12px;display:flex}.panel-actions{gap:8px;padding:0 16px 16px;display:flex}.flex-1{flex:1}.trash-btn:hover{color:#ef4444;background-color:#ef44441a;border-color:#ef444480}.segmented-control{background-color:#ffffff0d;border-radius:8px;gap:4px;padding:4px;display:flex}.segment-btn{cursor:pointer;color:var(--text-secondary);background-color:#0000;border:none;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.segment-btn:hover:not(.active){color:var(--text-primary);background-color:#ffffff1a}.segment-btn.active{background-color:var(--accent-purple);color:#fff;font-weight:600;box-shadow:0 2px 8px #8b5cf666}.loop-btn{justify-content:center;align-items:center;width:36px;height:32px;font-size:14px;display:flex}button:active{transform:scale(.96)!important}.quantity-controls{justify-content:space-between;align-items:center;padding:0 16px;display:flex}.prompt-input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);background-color:#0006;border-radius:8px;outline:none;padding:10px 12px;font-size:13px;transition:all .2s}.prompt-input:focus{border-color:var(--accent-purple);box-shadow:0 0 0 2px #8b5cf633}.prompt-input::placeholder{color:var(--text-secondary)}.quantity-display{color:var(--accent-purple);font-size:24px;font-weight:700}.mt-4{width:100%;margin-top:16px;padding:0 16px 16px}.result-controls{padding:0 16px 12px}.result-display-area{border-radius:var(--radius-sm);background-color:#0a0a0c;flex:1;margin:0 16px 16px;position:relative;overflow:hidden}.result-image-wrapper{width:100%;height:100%;transition:filter .3s;position:relative}.result-image-wrapper.generating{filter:blur(4px)brightness(.5)}.loading-overlay{z-index:10;flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spinner{border:3px solid #ffffff1a;border-top-color:var(--accent-purple);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-result{height:100%;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.mb-4{margin-bottom:16px}.project-select{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background-color:#ffffff0d;border-radius:6px;outline:none}