:root{
  --bg:#fff8f4; --card:#fffdfb; --pink:#e91e63; --pink-2:#f7437d; --pink-soft:#ffe2eb;
  --brown:#4b2418; --text:#251914; --muted:#806d65; --line:#efd6ce; --green:#2f9b57; --warn:#fff2ca;
  --shadow:0 12px 30px rgba(95,42,38,.08); --radius:22px;
}
*{box-sizing:border-box} html{background:var(--bg)} body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
button,input{font:inherit} button{cursor:pointer}.app-shell{width:100%;max-width:560px;margin:0 auto;min-height:100dvh;padding:0 16px 106px;background:radial-gradient(circle at 90% 6%,#ffe7ef 0,transparent 23%),var(--bg)}
.topbar{height:78px;padding-top:max(8px,env(safe-area-inset-top));display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:20;background:linear-gradient(var(--bg) 72%,rgba(255,248,244,0));backdrop-filter:blur(8px)}
.brand-badge{width:76px;height:64px;border:1.5px dashed #e78aa7;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:.9;background:#fff8}.brand-badge strong{font-size:15px;color:var(--brown);letter-spacing:-.04em}.brand-badge span{font-size:11px;font-weight:900;color:#fff;background:var(--pink);border-radius:7px;padding:3px 7px;margin-top:3px}.brand-badge small{display:none}.dialog-brand{margin:0 auto 12px;width:92px;height:78px}.topbar-spacer{flex:1}.icon-btn{width:40px;height:40px;border:1px solid var(--line);border-radius:14px;background:#fff8;display:grid;place-items:center;color:var(--brown);font-weight:800;font-size:20px}.back-btn{font-size:34px;line-height:1}.screen{display:none;animation:fade .18s ease}.screen.active{display:block}@keyframes fade{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}
.hero-copy{padding:10px 4px 16px}.hero-copy.compact{padding-top:2px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900;color:var(--pink)}h1{font-size:32px;line-height:1.02;margin:7px 0 8px;color:var(--brown);letter-spacing:-.03em}h1 span{color:var(--pink);font-weight:500}h2{font-size:17px;margin:0 0 4px;color:var(--brown)}p{margin:0;color:var(--muted);line-height:1.45}.hero-copy p{font-size:14px;max-width:44ch}
.card{background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin:0 0 12px;box-shadow:var(--shadow)}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.section-head p,.subsection-title small{font-size:12px}.section-head.inline{align-items:center}.required-dot{font-size:10px;font-weight:800;color:var(--pink);background:var(--pink-soft);padding:5px 7px;border-radius:99px}
.dropzone{display:block;border:1.5px dashed #e8a6b9;border-radius:18px;overflow:hidden;background:#fff9fa;min-height:210px}.photo-placeholder{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--muted);background-size:cover;background-position:center}.photo-placeholder.has-photo{background-color:#fff;background-size:contain;background-repeat:no-repeat}.photo-placeholder.has-photo>*{display:none}.camera-icon{width:54px;height:54px;border-radius:17px;background:var(--pink);color:white;display:grid;place-items:center;font-size:27px}.photo-placeholder strong{color:var(--brown)}.photo-placeholder small{font-size:12px}
.subsection-title{display:flex;align-items:center;justify-content:space-between;margin-top:16px;gap:10px}.subsection-title>div{display:flex;flex-direction:column}.mini-add{width:36px;height:36px;border:1px dashed var(--pink);color:var(--pink);border-radius:12px;display:grid;place-items:center;font-size:24px}.extra-photo-list{display:flex;gap:9px;overflow:auto;padding-top:10px;scrollbar-width:none}.extra-thumb{position:relative;flex:0 0 74px;height:74px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:white}.extra-thumb img{width:100%;height:100%;object-fit:cover}.extra-thumb button{position:absolute;right:3px;top:3px;width:22px;height:22px;border:0;border-radius:50%;background:#2b1614cc;color:#fff;font-size:14px}
.accordion-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:none;padding:0;text-align:left;color:inherit}.accordion-trigger p{font-size:12px}.accordion-trigger>span{font-size:22px;color:var(--pink)}.accordion-body{display:grid;gap:10px;margin-top:14px}.accordion-body.collapsed{display:none}.field{display:grid;gap:7px;margin-bottom:12px}.field:last-child{margin-bottom:0}.field>span{font-size:12px;font-weight:800;color:var(--brown)}input[type="text"],input[inputmode="decimal"]{width:100%;height:50px;border:1px solid var(--line);border-radius:14px;padding:0 14px;background:#fff;color:var(--text);outline:none}input:focus{border-color:#ea86a7;box-shadow:0 0 0 3px #ffedf3}.money-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:14px;background:white;overflow:hidden}.money-input>span{font-weight:900;color:var(--pink);padding-left:14px}.money-input input{border:0;box-shadow:none!important}.price-card{background:linear-gradient(135deg,#fff,#fff0f5)}.microcopy{font-size:11px;margin-top:8px}
.primary-btn,.secondary-btn{width:100%;height:56px;border-radius:17px;border:0;font-weight:900;font-size:16px}.primary-btn{background:linear-gradient(135deg,var(--pink),var(--pink-2));color:white;box-shadow:0 10px 22px rgba(233,30,99,.22)}.primary-btn:disabled{opacity:.55}.secondary-btn{background:#fff;border:1px solid var(--line);color:var(--pink)}.primary-btn span{margin-left:5px}.safe-note{display:flex;gap:9px;align-items:flex-start;font-size:11px;color:#6f5d56;padding:12px 8px 0;line-height:1.45}.safe-note>span{flex:0 0 20px;height:20px;border-radius:50%;background:#e7f6ec;color:var(--green);display:grid;place-items:center;font-weight:900}
.product-summary-row{display:grid;grid-template-columns:86px 1fr;gap:13px;align-items:center}.product-summary-row img{width:86px;height:86px;border-radius:16px;object-fit:contain;background:#fff;border:1px solid var(--line)}.product-summary-row h2{font-size:20px;margin-top:6px}.product-summary-row p{font-size:12px}.status-chip{display:inline-block;font-size:10px;font-weight:900;padding:6px 8px;border-radius:99px}.status-chip.verified{background:#e8f8ed;color:#237f45}.status-chip.review{background:#fff1c6;color:#9d6a00}.review-alert{margin-top:12px;background:var(--warn);border:1px solid #efd783;border-radius:14px;padding:11px;font-size:12px;line-height:1.4;color:#775200}
.text-btn{border:0;background:none;color:var(--pink);font-weight:900;font-size:12px}.editable-list{display:grid;gap:10px}.editable-item{display:grid;grid-template-columns:1fr 40px;gap:8px;align-items:start}.editable-item .pair{display:grid;gap:6px}.editable-item input{height:44px}.editable-item input.desc{font-size:12px;color:var(--muted)}.delete-btn{height:40px;border:0;border-radius:12px;background:#fff0f4;color:var(--pink);font-weight:900}.spec-list{display:grid;gap:0;border-top:1px solid var(--line)}.spec-row{display:grid;grid-template-columns:1fr 1.4fr auto;gap:8px;padding:11px 0;border-bottom:1px solid var(--line);align-items:center}.spec-row input{height:38px;padding:0 9px;font-size:12px}.confidence-dot{width:9px;height:9px;border-radius:50%;background:#bbb}.confidence-dot.high{background:#45a865}.confidence-dot.medium{background:#e5a832}.confidence-dot.low{background:#e35d5d}.switch-line input{display:none}.switch-line span{display:block;width:44px;height:25px;border-radius:99px;background:#ddd;position:relative}.switch-line span:after{content:"";position:absolute;width:19px;height:19px;border-radius:50%;background:white;top:3px;left:3px;transition:.2s}.switch-line input:checked+span{background:var(--pink)}.switch-line input:checked+span:after{left:22px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.segmented button{height:44px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--brown);font-weight:900}.segmented button.selected{background:var(--pink);color:#fff;border-color:var(--pink)}
.sources-card summary{cursor:pointer;font-weight:900;color:var(--brown);display:flex;justify-content:space-between}.sources-card summary span{background:var(--pink-soft);color:var(--pink);border-radius:99px;padding:2px 8px;font-size:11px}.sources-list{display:grid;gap:8px;margin-top:12px}.source-link{display:block;border:1px solid var(--line);border-radius:12px;padding:10px;text-decoration:none;color:var(--brown);font-size:12px;background:#fff}.source-link small{display:block;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.poster-shell{background:#fff;border:1px solid var(--line);border-radius:24px;padding:8px;box-shadow:var(--shadow);overflow:hidden}#posterCanvas{display:block;width:100%;height:auto;border-radius:18px;background:#fff7f2}.preview-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:12px}.inline-btn{height:56px}.empty-state{text-align:center;padding:52px 18px}.empty-heart{font-size:68px;color:var(--pink)}.empty-state h2{font-size:21px}.empty-state p{font-size:13px;margin:8px 0 22px}
.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(560px,100%);height:78px;padding:8px 24px calc(8px + env(safe-area-inset-bottom));background:rgba(255,252,250,.94);border-top:1px solid var(--line);backdrop-filter:blur(12px);display:grid;grid-template-columns:repeat(2,1fr);z-index:25}.bottom-nav button{border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#88746d}.bottom-nav button>span{font-size:23px}.bottom-nav button small{font-size:10px;font-weight:800}.bottom-nav button.active{color:var(--pink)}
dialog{border:0;border-radius:24px;padding:24px;max-width:420px;width:calc(100% - 32px);color:var(--text);box-shadow:0 30px 90px #4b241855}dialog::backdrop{background:#2a161379;backdrop-filter:blur(4px)}dialog h2{text-align:center;font-size:23px}dialog ol{padding-left:22px;color:var(--muted);line-height:1.6;font-size:13px}dialog p{font-size:12px;background:#fff5f8;padding:12px;border-radius:13px}.dialog-close{position:absolute;right:14px;top:12px;border:0;background:none;font-size:27px;color:var(--muted)}.toast{position:fixed;left:50%;bottom:92px;transform:translate(-50%,20px);background:#2e1b17;color:#fff;border-radius:14px;padding:11px 14px;z-index:50;font-size:12px;max-width:calc(100% - 36px);opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:700px){body{padding:28px}.app-shell{border-radius:32px;box-shadow:0 20px 70px #4b241819;min-height:calc(100vh - 56px)}.bottom-nav{bottom:28px;border:1px solid var(--line);border-radius:0 0 32px 32px}.topbar{border-radius:32px 32px 0 0}}
