:root{--brand-primary:#f59e0b;--brand-secondary:#f97316;--brand-accent:#10b981;--bg-page:#0c0a09;--bg-surface:#1c1917;--bg-surface-hover:#292524;--bg-input:#151413;--text-main:#fafaf9;--text-muted:#a8a29e;--text-dim:#57534e;--border-light:#ffffff0f;--border-hover:#ffffff1f;--border-active:var(--brand-primary);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--buncss-light: ;--buncss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.5}body{background-color:var(--bg-page);color:var(--text-main);background-image:radial-gradient(circle at 100% 0%,#f59e0b14 0%,#0000 20%),radial-gradient(circle at 0% 100%,#f973160d 0%,#0000 20%);min-width:320px;min-height:100vh;margin:0}.app-shell{display:flex;flex-direction:column;gap:2rem;max-width:1000px;margin:0 auto;padding:2rem 1.5rem}.header{display:flex;border-bottom:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items: center;gap:1rem;padding-bottom:1.5rem}.brand{display:flex;flex-direction:column;gap:.25rem}.brand h1{letter-spacing:-.025em;text-transform:uppercase;background:linear-gradient(to right,var(--brand-primary),var(--brand-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.5rem;font-weight:800}.brand small{color:var(--text-muted);font-size:.875rem;font-weight:500}.user-menu{display:flex;background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-light);align-items: center;gap:1rem;padding:.5rem 1rem;font-size:.875rem}.user-email{color:var(--text-muted)}.main-content{flex:1;width:100%}.card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:2rem;box-shadow:0 0 0 1px #0003,0 4px 12px #0000004d}.auth-card{max-width:400px;margin:4rem auto}.section-title{color:var(--text-main);letter-spacing:-.01em;display:flex;align-items: center;gap:.5rem;margin:0 0 1.5rem;font-size:1.125rem;font-weight:700}.section-title:before{content:"";display:block;background:var(--brand-primary);border-radius:2px;width:4px;height:1.125rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.field{display:flex;color:var(--text-muted);flex-direction:column;gap:.5rem;font-size:.875rem;font-weight:500}.input{background:var(--bg-input);border:1px solid var(--border-light);color:var(--text-main);border-radius:var(--radius-md);outline:none;box-sizing:border-box;width:100%;padding:.75rem 1rem;transition:all .2s;font-size:.9375rem}.input:focus{border-color:var(--brand-primary);background:var(--bg-surface);box-shadow:0 0 0 1px var(--brand-primary)}.input::placeholder{color:var(--text-dim)}.button{display:inline-flex;border-radius:var(--radius-md);cursor:pointer;text-transform:uppercase;letter-spacing:.025em;border:none;justify-content:center;align-items: center;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s;font-size:.9375rem;font-weight:600}.button.primary{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:#1c1917;font-weight:700}.button.primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.button.primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.button.subtle{color:var(--text-muted);text-transform:none;background:0 0;padding:.5rem 1rem;font-size:.875rem}.button.subtle:hover{color:var(--text-main);background:var(--bg-surface-hover)}.generator{display:flex;flex-direction:column;gap:2rem}.generator-form{display:flex;flex-direction:column;gap:1.5rem}.model-selector-row{justify-content:flex-end;margin-bottom:1.5rem}.row{display:flex;align-items:stretch;gap:1rem}.row--stacked{flex-direction:column}.row--wrap{flex-wrap:wrap}.input-group{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1rem;padding:1rem;transition:border-color .2s,box-shadow .2s}.input-group:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 1px #f59e0b4d}.textarea.main-prompt{box-shadow:none;background:0 0;border:none;min-height:80px;padding:0;font-size:1rem}.textarea.main-prompt:focus{box-shadow:none;background:0 0;border:none}.controls-bar{display:flex;border-top:1px solid var(--border-light);justify-content:space-between;align-items: center;padding-top:1rem}.controls-left,.controls-right{display:flex;align-items: center;gap:.5rem}.action-btn{display:flex;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;align-items: center;gap:.5rem;padding:.5rem .75rem;transition:all .2s;font-size:.875rem;font-weight:600}.action-btn:hover,.action-btn.active{background:var(--bg-surface-hover);color:var(--text-main)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.generate-btn{padding:.6rem 1.25rem}.attachments-area{display:flex;background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-light);flex-wrap:wrap;align-items: center;gap:.75rem;padding:.5rem}.attachment-thumb{position:relative;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-light);width:48px;height:48px}.attachment-thumb img{object-fit:cover;width:100%;height:100%}.thumb-remove{position:absolute;color:#fff;display:flex;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items: center;width:16px;height:16px;padding:0;top:2px;right:2px}.thumb-remove:hover{background:#ef4444}.preset-chip{display:inline-flex;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-main);animation:fadeIn .2s ease;align-items: center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem}.preset-chip.compact{color:var(--brand-primary);background:#f59e0b1a;border-color:#f59e0b33;padding:.25rem .6rem}.preset-chip-label{font-weight:500}.preset-clear-small{display:flex;color:currentColor;opacity:.7;cursor:pointer;background:0 0;border:none;justify-content:center;align-items: center;width:16px;height:16px;margin-left:2px;padding:0}.preset-clear-small:hover{opacity:1}.clear-all-btn{color:var(--text-muted);text-decoration:underline;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:.75rem}.clear-all-btn:hover{color:var(--text-main)}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.result-section{position:relative;border-radius:var(--radius-lg);border:1px solid var(--border-light);display:flex;overflow:hidden;background:#050505;flex-direction:column;justify-content:center;align-items: center;min-height:400px}.result-section:before{content:"";position:absolute;pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:20px 20px;inset:0}.result-image-container{display:flex;box-sizing:border-box;flex-direction:column;justify-content:center;align-items: center;width:100%;height:100%;padding:2rem}.result-image-container img{object-fit:contain;border-radius:var(--radius-sm);z-index:1;max-width:100%;max-height:70vh;box-shadow:0 20px 25px -5px #00000080}.result-actions{z-index:2;display:flex;gap:1rem;margin-top:1.5rem}.reset-btn{border-radius:var(--radius-full);color:var(--text-main);display:flex;cursor:pointer;background:#ffffff1a;border:none;align-items: center;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s;font-weight:600}.reset-btn:hover{background:#fff3}.loading-state,.empty-state{display:flex;color:var(--text-dim);z-index:1;flex-direction:column;align-items: center;gap:1rem}.empty-state-icon{color:var(--border-light)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.download-btn{background:var(--brand-primary);color:#1c1917;border-radius:var(--radius-full);cursor:pointer;display:flex;border:none;align-items: center;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s;font-weight:700;box-shadow:0 4px 12px #0000004d}.download-btn:hover{background:#fbbf24;transform:translateY(-2px)}.result-text-box{background:var(--bg-input);border-top:1px solid var(--border-light);box-sizing:border-box;width:100%;padding:1rem}.result-text-box h4{color:var(--text-main);margin:0 0 .5rem;font-size:.9rem}.result-text-box p{color:var(--text-muted);margin:0;font-family:monospace;font-size:.875rem;line-height:1.6}.presets-panel{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;animation:slideDown .2s ease-out;flex-direction:column;gap:1.5rem;margin-top:1rem;padding:1.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.preset-tabs{display:flex;border-bottom:1px solid var(--border-light);overflow-x:auto;scrollbar-width:none;gap:.5rem;padding-bottom:1rem}.preset-tabs::-webkit-scrollbar{display:none}.preset-tab{color:var(--text-muted);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;padding:.5rem 1rem;transition:all .2s;font-size:.875rem;font-weight:600}.preset-tab:hover{color:var(--text-main);background:var(--bg-surface-hover)}.preset-tab.active{background:var(--bg-surface);color:var(--text-main);border-color:var(--category-color,var(--text-main));box-shadow:0 0 0 1px var(--category-color,transparent)}.preset-tab.active:first-child{border-color:var(--text-main)}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.preset-card{display:flex;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;text-align:left;position:relative;overflow:hidden;align-items: flex-start;gap:1rem;height:100%;padding:1.25rem;transition:all .2s}.preset-card:before{content:"";position:absolute;background:var(--card-accent,var(--text-muted));opacity:0;width:3px;transition:opacity .2s;top:0;bottom:0;left:0}.preset-card:hover{border-color:var(--border-hover);background:var(--bg-surface-hover);transform:translateY(-2px)}.preset-card:hover:before{opacity:1}.preset-card.selected{border-color:var(--brand-primary);background:#f59e0b14}.preset-card.selected:before{opacity:1;background:var(--brand-primary)}.preset-card-icon{color:var(--text-muted);padding-top:.125rem;transition:color .2s}.preset-card:hover .preset-card-icon{color:var(--card-accent,var(--text-main))}.preset-card.selected .preset-card-icon{color:var(--brand-primary)}.preset-card-content{display:flex;flex-direction:column;flex:1;gap:.25rem}.preset-card-content strong{display:block;color:var(--text-main);font-size:.9375rem;line-height:1.2}.preset-card-content small{color:var(--text-muted);font-size:.8125rem;line-height:1.4}.model-select-label{display:flex;background:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border-light);border-radius:20px;align-items: center;gap:8px;padding:4px 12px;font-size:.9rem}.model-select{display:inline-block;cursor:pointer;outline:none;color:var(--text-main);background:0 0;border:none;flex-grow:0;width:auto;padding-right:1rem;font-weight:500}.model-select option{background:var(--bg-surface);color:var(--text-main)}.status-card{text-align:center}.muted{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}.error{color:#fca5a5;border-radius:var(--radius-md);background:#ef44441a;border:1px solid #ef444433;padding:.75rem;font-size:.875rem}@media (max-width:768px){.app-shell{gap:1.5rem;padding:1rem}.card{padding:1.25rem}.controls-bar{flex-direction:column;align-items:stretch;gap:1rem}.controls-left{flex-wrap:wrap;justify-content:flex-start}.controls-right{justify-content:stretch;width:100%}.generate-btn{justify-content:center;width:100%}.result-section{min-height:250px}.result-actions{flex-direction:column;width:100%}.download-btn,.reset-btn{justify-content:center;width:100%}.header{flex-direction:column;align-items: flex-start;gap:1rem}.user-menu{box-sizing:border-box;justify-content:space-between;width:100%}.model-select-label{justify-content:space-between;width:100%}.row{width:100%}}