:root{--color-primary:#d9ff00;--color-primary-hover:#c4e600;--color-accent:#a855f7;--color-accent-hover:#9333ea;--color-danger:#ef4444;--bg-app:#050505;--bg-panel:#0a0a0a;--bg-card:#141414;--bg-glass:#0a0a0acc;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#52525b;--border-color:#27272a;--border-light:#ffffff1a;--border-radius-sm:6px;--border-radius-md:10px;--border-radius-lg:16px;--border-radius-xl:24px;--border-radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-glow:0 0 20px #b0fb5d66;--shadow-glow-accent:0 0 20px #a855f766;--backdrop-blur:blur(20px);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--font-family:"Inter", system-ui, -apple-system, sans-serif}
.style-card{border-radius:var(--border-radius-lg);aspect-ratio:16/10;cursor:pointer;border:1px solid var(--border-color);transition:all var(--transition-normal);position:relative;overflow:hidden}.style-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.style-card.active{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.style-card img{object-fit:cover;opacity:.7;width:100%;height:100%;transition:opacity var(--transition-normal)}.style-card:hover img,.style-card.active img{opacity:1}.style-card .label{color:#fff;background:linear-gradient(#0000,#000c);padding:.5rem;font-size:.75rem;font-weight:600;position:absolute;bottom:0;left:0;right:0}.prompt-bar-container{gap:1rem;width:100%;display:flex}.prompt-field{flex-direction:column;flex:1;gap:.25rem;display:flex}.prompt-field label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding-left:.25rem;font-size:.7rem;font-weight:600}.prompt-field textarea{border-radius:var(--border-radius-md);color:#fff;resize:none;transition:all var(--transition-fast);background:#ffffff08;border:1px solid #ffffff14;padding:.75rem;font-size:.85rem}.prompt-field textarea:focus{border-color:var(--color-primary);background:#ffffff0d;outline:none}.canvas-toolbar{opacity:0;transition:opacity var(--transition-normal);gap:.5rem;display:flex;position:absolute;top:1rem;right:1rem}.result-wrapper:hover .canvas-toolbar{opacity:1}.toolbar-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);background:#0009;border:1px solid #ffffff1a;padding:.5rem}.toolbar-btn:hover{background:var(--color-primary);color:#000;border-color:var(--color-primary)}