:root{--bg-a: #fdeaf6;--bg-b: #eaf3ff;--bg-c: #fff6e0;--ink: #423a5c;--muted: #8b7fa8;--accent: #c98bd6;--accent-2: #7cc9e8;--card-bg: #ffffffcc;--border: #eadff5;--pink: #ffd1e8;--lavender: #e0d1ff;--mint: #cdf5e0;--peach: #ffe3c2;--sky: #cdeaff;--lemon: #fff6b7;--theme-primary: #f2a1d6;--theme-secondary: #b9a4f5;--theme-tertiary: #8ecdf0;--theme-dark: #3a2e52;--theme-light: #faf7f2;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(135deg,var(--bg-a) 0%,var(--bg-b) 50%,var(--bg-c) 100%);background-attachment:fixed;color:var(--ink)}.app{max-width:960px;margin:0 auto;padding:32px 20px 80px}header{text-align:center;margin-bottom:28px}header h1{margin:0 0 6px;font-size:2.4rem;background:linear-gradient(90deg,var(--theme-primary),var(--theme-secondary),var(--theme-tertiary));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}header p{color:var(--muted);margin:0}.moodboard-form{display:flex;flex-direction:column;gap:8px;background:var(--card-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:2px solid var(--theme-primary);border-radius:20px;padding:22px;box-shadow:0 8px 24px #c791d62e}.moodboard-form label{font-weight:700;font-size:.9rem;color:var(--accent)}.moodboard-form textarea,.moodboard-form input{padding:10px 12px;border:2px solid var(--border);border-radius:12px;font-size:1rem;font-family:inherit;resize:vertical;background:#fffdfb}.moodboard-form textarea:focus,.moodboard-form input:focus{outline:none;border-color:var(--accent-2)}.image-upload input[type=file]{padding:12px;border:2px dashed var(--accent-2);border-radius:12px;background:#f5fbff;cursor:pointer;font-weight:500}.image-preview-wrapper{margin-top:12px;position:relative;border-radius:12px;overflow:hidden;background:#fff}.image-preview{width:100%;max-height:200px;object-fit:cover;display:block}.clear-image-button{position:absolute;top:8px;right:8px;background:#ffd1e8f2;border:2px solid #ffb8d1;color:#9a3b63;border-radius:10px;width:36px;height:36px;cursor:pointer;font-size:1.2rem;font-weight:700;transition:background .15s ease}.clear-image-button:hover{background:#ffd1e8}.moodboard-form button{margin-top:8px;padding:13px;background:linear-gradient(90deg,var(--theme-primary),var(--theme-secondary),var(--theme-tertiary));color:var(--theme-dark);border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.moodboard-form button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #a989eb59}.moodboard-form button:disabled{opacity:.6;cursor:not-allowed}.error-banner{margin-top:16px;padding:12px 16px;background:#ffd9e6;color:#9a3b63;border-radius:12px;border:2px solid #ffb8d1}.loading-banner{margin-top:16px;padding:12px 16px;color:var(--accent);font-weight:600;text-align:center}.moodboard-result{margin-top:32px}.moodboard-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.moodboard-header h2{margin:0 0 4px;color:#6b4fa0}.moodboard-description{color:var(--muted);margin:0}.save-button{padding:10px 16px;background:var(--mint);border:2px solid #9de3bf;color:#1f7a52;border-radius:12px;cursor:pointer;white-space:nowrap;font-weight:700}.save-button:disabled{opacity:.6;cursor:default}.palette{display:flex;gap:8px;margin:16px 0 24px}.swatch{width:48px;height:48px;border-radius:14px;border:2px solid white;box-shadow:0 4px 10px #8c78b440}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.item-card{background:var(--card-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:2px solid var(--border);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 6px 18px #9682be26;transition:transform .15s ease,box-shadow .15s ease}.item-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #9682be40}.item-card img{width:100%;height:160px;object-fit:cover}.item-card-body{padding:14px;display:flex;flex-direction:column;gap:6px}.item-card-body h3{margin:0;font-size:1rem;color:#4a3d6b}.item-desc{margin:0;color:var(--muted);font-size:.85rem}.item-tags{display:flex;flex-wrap:wrap;gap:4px}.tag{color:#5a4a78;font-size:.7rem;padding:3px 10px;border-radius:999px;font-weight:600}.tag:nth-of-type(6n+1){background:var(--pink)}.tag:nth-of-type(6n+2){background:var(--lavender)}.tag:nth-of-type(6n+3){background:var(--mint)}.tag:nth-of-type(6n+4){background:var(--peach)}.tag:nth-of-type(6n+5){background:var(--sky)}.tag:nth-of-type(6n+6){background:var(--lemon)}.item-price{font-weight:700;color:#7a4fa0;margin:4px 0}.buy-buttons{display:flex;flex-wrap:wrap;gap:6px}.buy-button{font-size:.85rem;padding:8px 16px;background:linear-gradient(90deg,var(--theme-primary),var(--theme-secondary));color:var(--theme-dark);border-radius:8px;text-decoration:none;font-weight:700;display:inline-block;transition:transform .1s ease,box-shadow .1s ease}.buy-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #9682be40}.buy-button.primary{width:100%;text-align:center;border-radius:999px;padding:10px 12px}.moodboard-footer{margin-top:28px;padding:22px;background:var(--card-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:2px solid var(--theme-secondary);border-radius:20px;box-shadow:0 8px 24px #c791d626}.budget-total{font-weight:800;font-size:1.15rem;margin:0 0 12px;color:#6b4fa0}.styling-tips h3{margin:0 0 8px;color:var(--accent)}.styling-tips ul{margin:0;padding-left:20px}.styling-tips li{margin-bottom:4px}.saved-panel{margin-top:36px}.saved-panel h3{color:#4a8fa8}.saved-panel ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.saved-panel li{display:flex;align-items:center;gap:8px}.saved-item{flex:1;text-align:left;padding:10px 14px;background:var(--sky);border:2px solid #b3ddf7;border-radius:12px;cursor:pointer;font-weight:600;color:#2f6b8a}.saved-date{color:#5c8ba3;font-size:.8rem;float:right;font-weight:400}.delete-button{background:var(--pink);border:2px solid #ffb8d1;color:#9a3b63;cursor:pointer;font-size:.9rem;border-radius:10px;width:32px;height:32px}