*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:#1a1d21;-webkit-font-smoothing:antialiased;background:#f4f5f7;margin:0;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Noto Sans KR,Malgun Gothic,Segoe UI,Roboto,sans-serif;line-height:1.5}img{max-width:100%;display:block}button,input{font:inherit;color:inherit}:root{--primary:#ff4b3e;--primary-dark:#e63a2e;--green:#03c75a;--text:#1a1d21;--muted:#7b828b;--line:#e7e9ec;--card-bg:#fff;--radius:14px}.app{flex-direction:column;max-width:520px;min-height:100dvh;margin:0 auto;padding:0 16px;display:flex}.header{text-align:center;padding:28px 4px 18px}.logo{letter-spacing:-.5px;margin:0;font-size:26px;font-weight:800}.logo-accent{color:var(--primary)}.tagline{color:var(--muted);margin:6px 0 0;font-size:14px}.main{flex:1}.tabs{background:#e9ebee;border-radius:12px;grid-template-columns:1fr 1fr;margin-bottom:16px;padding:4px;display:grid}.tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:11px 0;font-size:15px;font-weight:600;transition:all .15s}.tab.active{background:var(--card-bg);color:var(--text);box-shadow:0 1px 4px #00000014}.panel{flex-direction:column;gap:12px;display:flex}.panel-guide{color:var(--muted);margin:4px 2px 0;font-size:14px}.btn{cursor:pointer;border:0;border-radius:12px;padding:14px 18px;font-size:15px;font-weight:700;transition:background .15s}.btn:disabled{opacity:.4;cursor:default}.btn-primary{background:var(--primary);color:#fff}.btn-primary:not(:disabled):active{background:var(--primary-dark)}.btn-secondary{color:var(--text);border:1px solid var(--line);background:#fff}.btn-block{width:100%}.text-input{border:1.5px solid var(--line);background:#fff;border-radius:12px;outline:none;width:100%;padding:13px 14px;font-size:15px}.text-input:focus{border-color:var(--primary)}.dropzone{background:var(--card-bg);border:2px dashed var(--line);border-radius:var(--radius);text-align:center;cursor:pointer;padding:40px 20px;transition:border-color .15s,background .15s}.dropzone.dragging{border-color:var(--primary);background:#fff5f4}.dropzone-icon{font-size:40px}.dropzone-title{margin:12px 0 4px;font-size:16px;font-weight:700}.dropzone-hint{color:var(--muted);margin:0;font-size:13px}.upload-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.status{background:var(--card-bg);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:14px;padding:40px 24px;display:flex}.status-preview{object-fit:cover;border-radius:12px;width:120px;height:120px}.status-icon{font-size:40px}.spinner{border:4px solid #ffd9d5;border-top-color:var(--primary);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status-message{margin:0;font-size:15px;font-weight:600}.status-actions{gap:10px;display:flex}.result{flex-direction:column;gap:14px;padding-bottom:8px;display:flex}.result-head{background:var(--card-bg);border-radius:var(--radius);align-items:center;gap:12px;padding:14px;display:flex}.result-preview{object-fit:cover;border-radius:10px;flex-shrink:0;width:72px;height:72px}.result-head-info{flex:1;min-width:0}.product-summary{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0 0 8px;font-size:13px;overflow:hidden}.requery{gap:8px;display:flex}.requery .text-input{flex:1;min-width:0;padding:11px 12px}.requery .btn{flex-shrink:0;padding:11px 14px;font-size:14px}.card-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.card{background:var(--card-bg);border-radius:var(--radius);gap:12px;padding:12px;display:flex}.card-thumb{object-fit:cover;background:#f0f1f3;border-radius:10px;flex-shrink:0;width:92px;height:92px}.card-thumb-empty{justify-content:center;align-items:center;font-size:30px;display:flex}.card-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.badge{background:var(--primary);color:#fff;vertical-align:1px;border-radius:6px;margin-right:6px;padding:2px 7px;font-size:11px;font-weight:800;display:inline-block}.card-price{color:var(--primary);margin:0;font-size:17px;font-weight:800}.card-mall{color:var(--muted);margin:0;font-size:12px}.badge-rocket{color:#2f6fed;background:#eef4ff;border-radius:6px;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:700;display:inline-block}.card-link{color:var(--green);margin-top:4px;font-size:13px;font-weight:700;text-decoration:none}.card-link:active{opacity:.7}.result-count{color:var(--muted);margin:0 2px -6px;font-size:13px}.notice{background:var(--card-bg);border-radius:var(--radius);text-align:center;padding:36px 20px}.notice-title{margin:0;font-size:15px;font-weight:600}.notice-sub{color:var(--muted);margin:6px 0 0;font-size:13px}.footer{text-align:center;color:#a5abb3;padding:24px 0 28px;font-size:12px}@media (width>=640px){.header{padding-top:48px}.logo{font-size:30px}}