:root{--background:#fff;--foreground:#171717;--muted:#6b7280;--border:#d1d5db;--panel-border:#e5e7eb;--accent:#2563eb;--accent-hover:#1d4ed8;--danger-bg:#fef2f2;--danger-border:#fecaca;--danger-text:#b91c1c}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed;--muted:#9ca3af;--border:#374151;--panel-border:#374151;--danger-bg:#7f1d1d33;--danger-border:#7f1d1d;--danger-text:#f87171}}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%}body{background:var(--background);min-height:100vh;color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif}body,button,input{font:inherit}button{cursor:pointer}.home-page{flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:42rem;min-height:100vh;margin:0 auto;padding:3rem 1rem;display:flex}.page-title{letter-spacing:-.025em;margin:0;font-size:1.875rem;font-weight:700;line-height:2.25rem}.page-subtitle{color:var(--muted);margin:0;font-size:.875rem}.display-link{color:#3b82f6;text-underline-offset:4px;background:0 0;border:0;padding:0;font-size:.875rem;text-decoration:underline}.display-link:hover{color:var(--accent-hover)}.prompt-row{gap:.75rem;width:100%;display:flex}.prompt-input{border:1px solid var(--border);background:var(--background);min-width:0;color:var(--foreground);border-radius:.5rem;flex:1;padding:.75rem 1rem;font-size:.875rem}.prompt-input:focus{outline:2px solid var(--accent);outline-offset:2px}.generate-button{background:var(--accent);color:#fff;border:0;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:background-color .16s,opacity .16s}.generate-button:hover:not(:disabled){background:var(--accent-hover)}.generate-button:disabled{cursor:not-allowed;opacity:.5}.status-row{color:var(--muted);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.spinner{border-style:solid;border-color:#fff #4b5563 #4b5563;border-radius:999px;animation:1s linear infinite spin;display:inline-block}.spinner-small{border-width:2px;border-color:var(--accent);border-top-color:#0000;width:1rem;height:1rem}.spinner-large{border-width:4px;width:3rem;height:3rem;margin-bottom:1rem}.error-box{border:1px solid var(--danger-border);background:var(--danger-bg);width:100%;color:var(--danger-text);border-radius:.5rem;padding:1rem;font-size:.875rem}.image-card{border:1px solid var(--panel-border);border-radius:.75rem;width:100%;overflow:hidden;box-shadow:0 1px 2px #0000000d}.generated-image{width:100%;height:auto;display:block}.audio-section,.audio-player{width:100%}.audio-label{color:var(--muted);margin:0 0 .5rem;font-size:.875rem}.display-page{background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.display-image{object-fit:cover;width:100%;height:100%}.display-empty{text-align:center}.display-empty p{color:#6b7280;margin:0;font-size:.875rem}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:560px){.prompt-row{flex-direction:column}.generate-button{width:100%}}