:root{--ink:#1e2530;--muted:#707782;--paper:#f5f3ee;--card:#fff;--accent:#8e3f32;--accent2:#d5a85a;--line:#dedbd3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 Inter,Segoe UI,sans-serif}header{background:#1d2827;color:white;display:flex;align-items:center;justify-content:space-between;padding:22px max(24px,5vw);gap:30px}h1,h2,p{margin:0}h1{font:600 28px Georgia,serif}.eyebrow{font-size:10px;letter-spacing:2px;color:#d8c395}nav{display:flex;gap:8px}.nav{border:0;background:transparent;color:#bcc4c1;padding:10px 14px;border-radius:8px;cursor:pointer}.nav.active{background:#34413f;color:white}main{max-width:1280px;margin:auto;padding:36px max(18px,4vw) 70px}.page{display:none}.page.active{display:block}.hero{margin-bottom:20px}.hero>div,.save-panel>div{display:grid;grid-template-columns:auto 1fr;gap:0 12px;align-items:center}.hero p,.save-panel p{grid-column:2;color:var(--muted)}.step{grid-row:1/3;background:var(--accent2);border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-weight:700}.searchbar,.save-panel,.settings-card{background:var(--card);padding:18px;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 30px #2028200a}.searchbar{display:flex;align-items:end;gap:14px}.grow{flex:1}label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#555}input,select,textarea{width:100%;border:1px solid #cfcac0;border-radius:8px;padding:11px 12px;background:#fff;font:inherit;color:var(--ink)}button{font:inherit}.primary{border:0;border-radius:8px;background:var(--accent);color:#fff;padding:12px 20px;font-weight:700;cursor:pointer;white-space:nowrap}.primary:disabled{opacity:.5}.notice{margin:18px 0;padding:13px;border-radius:9px;background:#fff3d6;color:#725313}.image-grid{columns:5 190px;column-gap:13px;margin-top:22px}.image-card{position:relative;break-inside:avoid;margin-bottom:13px;border:3px solid transparent;border-radius:11px;overflow:hidden;background:#ddd;cursor:pointer}.image-card img{width:100%;display:block;min-height:130px;object-fit:cover}.image-card.selected{border-color:var(--accent2)}.check{position:absolute;right:8px;top:8px;background:white;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:bold;box-shadow:0 2px 8px #0004}.selected .check{background:var(--accent2)}.source{position:absolute;bottom:0;left:0;right:0;background:#0009;color:white;padding:5px 8px;font-size:10px}.save-panel{position:sticky;bottom:14px;margin-top:20px;display:flex;align-items:end;gap:16px;z-index:5}.save-panel>div{margin-right:auto}.hidden{display:none!important}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section-title p,.settings-card p{color:var(--muted)}.section-title input{max-width:300px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.product{background:white;border-radius:13px;overflow:hidden;border:1px solid var(--line)}.product img{width:100%;aspect-ratio:4/5;object-fit:cover}.product-body{padding:14px}.product-brand{text-transform:uppercase;font-size:11px;letter-spacing:1px;color:var(--accent)}.product h3{margin:3px 0}.price{font-size:20px;font-weight:800}.product-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.danger{border:0;background:none;color:#a22;cursor:pointer}.settings-card{max-width:600px;margin:auto}.settings-card textarea{margin:14px 0;resize:vertical}.empty{text-align:center;color:var(--muted);padding:70px 10px;grid-column:1/-1}.toast{position:fixed;right:22px;bottom:22px;background:#1d2827;color:white;padding:13px 18px;border-radius:9px;transform:translateY(100px);opacity:0;transition:.25s;z-index:20}.toast.show{transform:none;opacity:1}@media(max-width:700px){header{align-items:flex-start;flex-direction:column}nav{width:100%}.nav{flex:1}.searchbar,.save-panel{align-items:stretch;flex-direction:column}.save-panel>div{margin:0}.image-grid{columns:2 130px}.section-title{align-items:stretch;gap:16px;flex-direction:column}.section-title input{max-width:none}}