:root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #1f2937; background:#f3f4f6; }
* { box-sizing: border-box; }
body { margin:0; padding:16px; }
.container { max-width:680px; margin:0 auto; }
.card { background:#fff; border-radius:16px; padding:16px; margin-bottom:14px; box-shadow:0 4px 18px rgba(0,0,0,.06); }
h1 { font-size:24px; margin:0 0 14px; }
h2 { font-size:18px; margin:0 0 12px; }
label { display:block; font-weight:600; margin:12px 0 6px; }
input, textarea, select { width:100%; padding:13px; border:1px solid #d1d5db; border-radius:12px; font-size:16px; background:#fff; }
textarea { min-height:110px; resize:vertical; }
button { width:100%; border:0; border-radius:12px; padding:14px; font-size:16px; font-weight:700; cursor:pointer; margin-top:10px; }
button.primary { background:#111827; color:white; }
button.secondary { background:#e5e7eb; color:#111827; }
button:disabled { opacity:.55; cursor:not-allowed; }
.reasons { display:grid; grid-template-columns:1fr; gap:8px; }
.reason { display:flex; align-items:center; gap:10px; padding:10px; border:1px solid #e5e7eb; border-radius:10px; }
.reason input { width:auto; }
.previews { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:10px; }
.preview { position:relative; aspect-ratio:1; overflow:hidden; border-radius:10px; background:#eee; }
.preview img { width:100%; height:100%; object-fit:cover; }
.preview button { position:absolute; right:4px; top:4px; width:28px; height:28px; padding:0; margin:0; border-radius:50%; background:rgba(0,0,0,.7); color:white; }
.notice { padding:12px; border-radius:10px; background:#eff6ff; margin:10px 0; }
.error { background:#fef2f2; color:#991b1b; }
.success { background:#ecfdf5; color:#065f46; }
.big-lot { font-size:52px; font-weight:800; text-align:center; letter-spacing:3px; margin:24px 0; }
.product-photo { width:100%; max-height:320px; object-fit:contain; border-radius:12px; background:#f3f4f6; }
.price { font-size:24px; font-weight:800; }
.row { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.hidden { display:none !important; }
small { color:#6b7280; }
.hint { color:#6b7280; font-size:0.9rem; margin:8px 0 0; }
.gallery { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:10px; padding-bottom:6px; }
.gallery-photo { width:100%; min-width:100%; max-height:520px; object-fit:contain; border-radius:14px; background:#f3f4f6; scroll-snap-align:center; }
.product-video { width:100%; max-height:520px; margin-top:12px; border-radius:14px; background:#000; }
.suggestions{border:1px solid #d7d7d7;border-radius:10px;background:#fff;max-height:240px;overflow:auto;margin-top:-8px;margin-bottom:12px}.suggestion{display:block;width:100%;border:0;border-bottom:1px solid #eee;background:#fff;text-align:left;padding:12px;color:#111}.suggestion:last-child{border-bottom:0}.suggestion:active{background:#f3f3f3}