#amazon-export-root { grid-column: 1 / -1; width: 100%; min-width: 0; }
.amazon-heading { display: flex; justify-content: space-between; gap: 24px; align-items: center; padding: 12px 0 28px; }
.amazon-eyebrow { color: var(--accent, #c9ff38); font-size: 11px; letter-spacing: 2px; font-weight: 800; margin-bottom: 10px; }
.amazon-heading h2 { font-size: clamp(30px, 4vw, 58px); line-height: 1; margin: 0 0 12px; letter-spacing: -2px; }
.amazon-heading p, .amazon-results-head p { color: var(--muted); margin: 0; font-size: 13px; }
.amazon-template-badge { border: 1px solid rgba(255,255,255,.25); padding: 12px; font-size: 10px; letter-spacing: 1px; white-space: nowrap; }
.amazon-layout { display: grid; grid-template-columns: minmax(300px, 360px) minmax(0, 1fr); align-items: start; gap: 24px; }
.amazon-form .panel-body { display: flex; flex-direction: column; gap: 10px; }
.amazon-help { color: var(--muted); font-size: 12px; line-height: 1.6; margin: 3px 0 12px; }
.amazon-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 6px; }
.amazon-two-col .studio-label { display: block; margin-bottom: 8px; font-size: 10px; }
.amazon-info { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.12); padding: 12px; font-size: 11px; line-height: 1.7; margin: 8px 0; }
.amazon-export-button { width: 100%; min-height: 48px; white-space: normal; }
.amazon-status { border-left: 3px solid var(--accent, #c9ff38); background: rgba(255,255,255,.04); padding: 12px; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
.amazon-status.is-error { border-color: #ff6587; color: #ffb7c7; }
.amazon-workspace { border-top: 1px solid rgba(255,255,255,.15); margin-top: 12px; padding-top: 16px; }
.amazon-workspace summary { cursor: pointer; font-size: 11px; font-weight: 800; margin-bottom: 16px; }
.amazon-connect-row { display: flex; gap: 8px; margin: 8px 0 16px; }
.amazon-connect-row input { min-width: 0; }
.amazon-upc-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; font-size: 12px; }
.amazon-file-label { position: relative; overflow: hidden; cursor: pointer; }
.amazon-file-label input { position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; }
.amazon-results-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.amazon-results { min-width: 0; }
.amazon-results .btn, .amazon-connect-row .btn, .amazon-file-label { width: auto; flex: 0 0 auto; }
.amazon-two-col .studio-label { min-height: 24px; line-height: 1.25; }
.amazon-results h3 { font-size: 17px; letter-spacing: 1px; margin: 0 0 8px; }
.amazon-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 16px; margin-top: 18px; }
.amazon-card { border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.035); overflow: hidden; }
.amazon-card canvas { width: 100%; height: auto; display: block; background: white; }
.amazon-card-fields { padding: 12px; }
.amazon-hat-name { display: block; margin-bottom: 12px; font-size: 11px; overflow-wrap: anywhere; }
.amazon-card label { display: block; margin-bottom: 12px; font-size: 11px; font-weight: 700; overflow-wrap: anywhere; }
.amazon-card input, .amazon-card select { box-sizing: border-box; min-width: 0; margin-top: 7px; width: 100%; font-size: 12px; }
.amazon-profile { border-top: 1px solid rgba(255,255,255,.15); padding-top: 10px; }
.amazon-profile summary { cursor: pointer; color: var(--muted); font-size: 11px; }
.amazon-profile[open] summary { margin-bottom: 12px; }
.amazon-profile .amazon-help { font-size: 11px; margin-bottom: 0; }
.amazon-empty { border: 1px dashed rgba(255,255,255,.25); padding: 36px 24px; color: var(--muted); grid-column: 1 / -1; line-height: 1.6; }
.amazon-saved { border-top: 1px solid rgba(255,255,255,.18); margin-top: 32px; padding-top: 24px; }
.amazon-history-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,.12); }
.amazon-history-row strong { display: block; font-size: 13px; overflow-wrap: anywhere; }
.amazon-history-row small { display: block; color: var(--muted); font-size: 10px; margin-top: 5px; }
.amazon-legacy { display: none !important; }
@media (max-width: 900px) { .amazon-layout { grid-template-columns: 1fr; } .amazon-template-badge { display: none; } .amazon-heading { padding-top: 8px; } .amazon-grid { grid-template-columns: repeat(auto-fill, minmax(145px, 1fr)); } }