body{font-family:sans-serif;line-height:1.6;margin:0;padding:20px;background-color:#f4f4f4}.container{max-width:900px;margin:auto;background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px #0000001a}h1,h2{text-align:center;color:#333;margin-bottom:20px}label{display:block;margin-bottom:5px;font-weight:700;color:#555}textarea,input[type=text]{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}input[type=file]{display:block;margin-bottom:10px;padding:5px;border:1px dashed #ccc;border-radius:4px;cursor:pointer}button{background-color:#5cb85c;color:#fff;padding:10px 15px;border:none;border-radius:4px;cursor:pointer;font-size:1em;transition:background-color .2s ease}button:hover{background-color:#4cae4c}button#clear-button{background-color:#f0ad4e}button#clear-button:hover{background-color:#eea236}button#download-button{background-color:#337ab7;margin-top:10px}button#download-button:hover{background-color:#286090}button.remove-widget-button{background-color:#d9534f;padding:5px 10px;font-size:.9em;margin-left:10px;align-self:flex-start}button.remove-widget-button:hover{background-color:#c9302c}.control-section,.output-section{margin-bottom:25px;padding:15px;border:1px solid #eee;border-radius:5px;background-color:#fdfdfd}#image-widgets-container{margin-bottom:15px}.image-widget{border:1px solid #ddd;padding:15px;margin-bottom:15px;border-radius:5px;background-color:#fff;display:flex;flex-direction:column;gap:10px}.widget-label{font-weight:700;margin-bottom:5px}.widget-content{display:flex;gap:15px;align-items:flex-start}.image-upload-preview{flex-basis:150px;flex-shrink:0;border:1px dashed #ccc;height:150px;display:flex;justify-content:center;align-items:center;position:relative;background-color:#fafafa;overflow:hidden}.image-upload-preview input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.image-preview{max-width:100%;max-height:100%;display:block;object-fit:contain}.no-image-text{color:#888;font-size:.9em;text-align:center}.image-widget textarea.image-prompt{flex-grow:1;margin-bottom:0;height:150px;resize:vertical}.remove-widget-button{align-self:flex-end;margin-top:5px}.widget-controls{margin-bottom:20px}#output-image-container{border:1px solid #ccc;min-height:200px;display:flex;justify-content:center;align-items:center;margin-top:10px;background-color:#eee;position:relative}#generated-image{max-width:100%;max-height:500px;display:block;object-fit:contain}#generation-status{color:#666;font-style:italic}.gallery-dropdown-container{display:flex;align-items:center;gap:10px;position:relative}#inspiration-gallery{padding:8px;border-radius:4px;border:1px solid #ccc;flex-grow:1}.tooltip{visibility:hidden;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:5px 10px;position:absolute;z-index:1;left:105%;top:50%;transform:translateY(-50%);opacity:0;transition:opacity .3s;white-space:nowrap;font-size:.9em}.action-buttons{display:flex;gap:15px;justify-content:center}.debug-info{margin-top:15px;background-color:#222;color:#0f0;padding:10px;border-radius:4px;font-family:monospace;font-size:.8em;white-space:pre-wrap;word-wrap:break-word;max-height:200px;overflow-y:auto;display:none}@media (max-width: 768px){.widget-content{flex-direction:column}.image-upload-preview{flex-basis:auto;width:100%;height:200px}.image-widget textarea.image-prompt{height:100px}.gallery-dropdown-container{flex-direction:column;align-items:stretch}.tooltip{position:static;transform:none;margin-top:5px;visibility:visible;opacity:1;width:auto;left:auto;white-space:normal}}.app-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #eee;margin-bottom:20px}.app-header h1{margin:0;font-size:1.8em}.auth-container .login-button{background-color:#4285f4;color:#fff;padding:10px 15px;border-radius:5px;font-weight:700}.auth-container .login-button:hover{background-color:#357ae8}.auth-container .user-info{display:flex;align-items:center;gap:15px}.auth-container .user-info span{font-weight:700}.token-display{background-color:#e8f5e9;padding:5px 12px;border-radius:15px;color:#2e7d32}.token-display strong{font-size:1.1em}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:40px;border-radius:12px;text-align:center;max-width:400px;box-shadow:0 4px 20px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.payment-success-modal .modal-icon{width:60px;height:60px;background-color:#4caf50;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto 20px;font-size:32px;color:#fff}.payment-success-modal h2{color:#2e7d32;margin-bottom:10px}.payment-success-modal p{color:#666;margin:8px 0}.payment-success-modal .token-balance{font-size:1.2em;color:#333;margin:20px 0;padding:15px;background-color:#f5f5f5;border-radius:8px}.payment-success-modal .token-balance strong{color:#4caf50;font-size:1.4em}.modal-close-button{background-color:#4caf50;color:#fff;padding:12px 30px;border:none;border-radius:6px;font-size:1em;cursor:pointer;margin-top:10px}.modal-close-button:hover{background-color:#43a047}.token-button{background-color:#fff3e0;color:#e65100;border:2px solid #ffb74d;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:.95em;transition:all .2s ease}.token-button:hover{background-color:#ffe0b2;border-color:#ff9800}.logout-button{background-color:transparent;color:#666;border:1px solid #ddd;padding:8px 14px;border-radius:5px;cursor:pointer;font-size:.85em;transition:all .2s ease}.logout-button:hover{background-color:#f5f5f5;color:#d32f2f;border-color:#d32f2f}.user-email{color:#555;font-weight:400!important}.token-page{max-width:800px;margin:0 auto}.token-page h1{text-align:center;color:#333;margin-bottom:30px}.back-button{background-color:#f5f5f5;color:#333;border:1px solid #ddd;padding:10px 20px;margin-bottom:20px;cursor:pointer;border-radius:5px;transition:background-color .2s}.back-button:hover{background-color:#e0e0e0}.token-balance-display{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:25px;margin-bottom:30px;color:#fff}.token-balance-display h2{margin:0 0 20px;color:#fff;text-align:center}.balance-cards{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.balance-card{background:#fff3;border-radius:10px;padding:15px 25px;text-align:center;min-width:120px}.balance-card.premium{background:#ffd7004d}.balance-card.total{background:#ffffff59}.balance-label{display:block;font-size:.85em;opacity:.9;margin-bottom:5px}.balance-value{display:block;font-size:1.8em;font-weight:700}.login-prompt{background-color:#fff3e0;border:1px solid #ffcc80;border-radius:8px;padding:20px;text-align:center;margin-bottom:30px}.login-prompt a{color:#e65100;font-weight:700}.token-packages{margin-top:30px}.token-packages h2{text-align:center;margin-bottom:10px}.packages-note{text-align:center;color:#ff9800;font-size:.9em;margin-bottom:20px}.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.package-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:25px;text-align:center;position:relative;transition:transform .2s,box-shadow .2s}.package-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.package-card.popular{border-color:#4caf50;box-shadow:0 4px 15px #4caf5033}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background-color:#4caf50;color:#fff;padding:4px 12px;border-radius:12px;font-size:.75em;font-weight:700}.package-card h3{margin:0 0 10px;color:#333}.package-price{font-size:2em;font-weight:700;color:#4caf50;margin:10px 0}.package-rate{color:#888;font-size:.85em;margin-bottom:15px}.purchase-button{width:100%;background-color:#4caf50;color:#fff;border:none;padding:12px;border-radius:6px;cursor:pointer;font-size:1em;font-weight:700;transition:background-color .2s}.purchase-button:hover:not(:disabled){background-color:#43a047}.purchase-button:disabled{background-color:#bdbdbd;cursor:not-allowed}