*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;color:#333}.app{max-width:960px;margin:0 auto;padding:2rem 1rem}header{text-align:center;margin-bottom:2rem}header h1{font-size:1.8rem;margin-bottom:.5rem}header p{color:#666}.prompt-input{margin-bottom:2rem}.prompt-input label{display:block;font-weight:600;margin-bottom:.5rem}.prompt-row{display:flex;gap:.5rem}.prompt-row input{flex:1;padding:.75rem;border:1px solid #ccc;border-radius:6px;font-size:1rem}.prompt-row button,button{padding:.75rem 1.5rem;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background .2s}button:hover:not(:disabled){background:#1d4ed8}button:disabled{opacity:.5;cursor:not-allowed}.error{background:#fef2f2;color:#dc2626;padding:.75rem 1rem;border-radius:6px;margin-bottom:1.5rem;border:1px solid #fecaca}.generated-artwork,.clothing-preview{margin-bottom:2rem;text-align:center}.generated-artwork h2,.clothing-preview h2,.clothing-selector h2{font-size:1.2rem;margin-bottom:1rem}.generated-artwork img,.clothing-preview img{max-width:100%;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:1rem}.clothing-selector{margin-bottom:2rem}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.template-card{display:flex;flex-direction:column;align-items:center;padding:.5rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:.85rem;color:#333;transition:border-color .2s,box-shadow .2s}.template-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;margin-bottom:.4rem}.template-name{text-align:center;line-height:1.2}.template-card:hover{border-color:#2563eb;background:#fff;box-shadow:0 2px 8px #2563eb26}.template-card.selected{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 3px #2563eb33}.preview-action{margin-bottom:2rem;display:flex;flex-direction:column;gap:.75rem}.preview-action label{font-weight:600;font-size:.95rem}.preview-action textarea{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:6px;font-size:.9rem;font-family:inherit;resize:vertical;color:#333}.preview-action textarea::placeholder{color:#999}.preview-action button{align-self:center}.conversation-history{margin-bottom:1.5rem}.conversation-round{margin-bottom:1.5rem;text-align:center}.round-instruction{background:#f0f4ff;color:#1e40af;padding:.5rem 1rem;border-radius:20px;display:inline-block;font-size:.9rem;margin-bottom:.75rem}.round-image{max-width:100%;border-radius:8px;box-shadow:0 2px 8px #0000001a}.loading-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#333;font-weight:600;font-size:1rem}.loading-detail{color:#666;font-size:.85rem;max-width:360px;text-align:center;line-height:1.4}.loading-elapsed{color:#999;font-size:.8rem;font-variant-numeric:tabular-nums}@media (max-width: 600px){.prompt-row{flex-direction:column}.app{padding:1rem}}