:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#232629;background:#fff;font-size:15px;font-synthesis:none}*{box-sizing:border-box;letter-spacing:0}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 14px;border:1px solid #dce0e3;border-radius:6px;background:#fff;cursor:pointer;font-weight:600}button:hover{background:#f2f4f5}button:disabled{opacity:.45;cursor:default}.primary{background:#f6c5d4;border-color:#f6c5d4}.primary:hover{background:#efb4c6}.danger{color:#a52335}.icon{width:40px;height:40px;flex-shrink:0;padding:9px}.lucide{width:19px;height:19px;flex-shrink:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #386b80;outline-offset:3px}[hidden]{display:none!important}header{height:80px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7e9eb;gap:16px}.brand{display:flex;align-items:center;gap:24px;min-width:0}.brand img{width:190px;max-width:45vw;height:44px;object-fit:contain}.brand span{border-left:1px solid #dce0e3;padding-left:24px;font-weight:600}.header-actions{display:flex;align-items:center;gap:16px}#environment{font-size:12px;color:#62686c}main{max-width:1440px;margin:auto;padding:32px}.login{max-width:380px;margin:80px auto}.login button{width:100%;margin-top:8px}h1{font-size:26px;line-height:1.2;margin:0 0 24px}h2{font-size:21px;margin:0 0 14px;overflow-wrap:anywhere}h3{font-size:15px;margin:24px 0 12px}p{line-height:1.5;overflow-wrap:anywhere}label{display:flex;flex-direction:column;gap:8px;font-weight:600;margin-bottom:20px}input,select,textarea{background:white;border:1px solid #bcc3c7;border-radius:5px;min-height:42px;padding:10px;min-width:0;max-width:100%;width:100%}textarea{resize:vertical}#message{margin:0;padding:14px 32px;background:#eaf3ef;border-bottom:1px solid #b9d2c6;font-size:14px}#message.error{background:#fff1f2;border-color:#e9bac1;color:#922433}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.toolbar h1{margin:0}.tools{display:flex;align-items:end;gap:12px}.filter{margin:0;font-size:12px;color:#656c70}.filter select{min-width:230px;font-size:14px;color:#232629}.workspace-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);border-top:1px solid #e7e9eb;min-height:580px}.queue{border-right:1px solid #e7e9eb;padding-right:24px}.report-row{width:100%;text-align:left;justify-content:start;padding:17px 10px;min-height:88px;border:0;border-bottom:1px solid #e7e9eb;border-radius:0;font-weight:400;gap:12px}.report-row[aria-current=true]{background:#fbedf2;box-shadow:inset 3px 0 #cf6b8d}.report-row .symbol{width:36px;height:36px;background:#f4f5f6;display:grid;place-items:center;border-radius:6px;flex-shrink:0}.row-text{display:flex;flex-direction:column;gap:5px;min-width:0}.row-text strong{font-size:14px;overflow-wrap:anywhere}.meta{font-size:12px;color:#70767a;font-weight:400;line-height:1.5}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.pagination span{font-size:13px;color:#70767a}#detail{padding:28px 0 32px 36px;min-width:0}.empty{color:#777e82;font-size:14px;text-align:center;padding:55px 10px}.detail-top{display:flex;justify-content:space-between;align-items:start;gap:16px}.badge{display:inline-block;padding:5px 9px;border-radius:4px;background:#edf1f2;font-size:12px;white-space:normal}.badge.held{background:#fbedf2;color:#932d54}.content{padding:20px 0;border-top:1px solid #e7e9eb;border-bottom:1px solid #e7e9eb;margin:20px 0;white-space:pre-wrap;overflow-wrap:anywhere}.content p:first-child{margin-top:0}.content p:last-child{margin-bottom:0}.action-bar{display:flex;flex-wrap:wrap;gap:10px}.history{padding:0;list-style:none}.history li{padding:12px 0;border-bottom:1px solid #e7e9eb}.history p{margin:6px 0 0}.media{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.media img,.media video{display:block;width:100%;max-width:480px;max-height:440px;object-fit:contain;background:#f3f5f6}.media audio{max-width:100%}dialog{width:min(480px,calc(100% - 32px));border:1px solid #dce0e3;border-radius:8px;padding:28px;box-shadow:0 16px 64px #0002}dialog::backdrop{background:#20272a66}.dialog-actions{display:flex;justify-content:end;gap:12px}#reason{width:100%}@media(max-width:740px){header{padding:0 16px;height:72px}.brand{gap:12px}.brand span{padding-left:12px;font-size:12px}.brand img{width:155px;height:34px}.header-actions{gap:8px}#environment{max-width:70px}main{padding:24px 16px}.login{margin:40px auto}.toolbar{align-items:start;gap:12px;flex-wrap:wrap}.toolbar h1{font-size:24px}.tools{width:100%;justify-content:space-between}.filter{flex:1}.filter select{min-width:0}.workspace-grid{grid-template-columns:1fr}.queue{border-right:0;padding-right:0;border-bottom:1px solid #e7e9eb;padding-bottom:20px}#reports{max-height:300px;overflow:auto}#detail{padding:24px 0}.workspace-grid{min-height:0}.action-bar button{flex:1 1 145px}.content{font-size:14px}#message{padding:12px 16px}}

#external-dialog{width:min(620px,calc(100% - 32px));max-height:90vh;overflow:auto}#detail form{margin:24px 0}#detail textarea{width:100%}.lookup-result{border:1px solid #e7e9eb;border-radius:8px;padding:16px;margin:12px 0}.tools{flex-wrap:wrap}#new-external{margin-bottom:12px}#external-dialog .dialog-actions{flex-wrap:wrap}

#inspiration-open {
  border-radius: 100px;
  margin-bottom: 12px;
}

#inspiration-dialog {
  --inspiration-border: #eadde2;
  --inspiration-blush: #fff6f9;
  --inspiration-muted: #655a60;
  --inspiration-ink: #29232a;
  width: min(1120px, calc(100% - 32px));
  max-height: calc(100dvh - 32px);
  padding: 0;
  border-color: var(--inspiration-border);
  border-radius: 20px;
  color: var(--inspiration-ink);
  overflow: auto;
  overscroll-behavior: contain;
}

.inspiration-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
}

.inspiration-heading h2 {
  margin: 0;
  font-size: clamp(21px, 3vw, 28px);
  letter-spacing: -.025em;
}

.inspiration-heading button { border-radius: 999px; }

.inspiration-navigation {
  display: flex;
  gap: 6px;
  margin-inline: 24px;
  padding: 0 0 12px;
  border-bottom: 1px solid var(--inspiration-border);
}

.inspiration-navigation button {
  border-color: transparent;
  border-radius: 999px;
  color: var(--inspiration-muted);
}

.inspiration-navigation button[aria-pressed="true"] {
  background: var(--inspiration-ink);
  color: #fff;
}

#inspiration-dialog[data-mode="compose"] .inspiration-tools,
#inspiration-dialog[data-mode="compose"] .inspiration-queue,
#inspiration-dialog[data-mode="compose"] .inspiration-editor:has(#inspiration-detail:empty),
#inspiration-dialog[data-mode="compose"]:has(#inspiration-detail:not(:empty)) .inspiration-intake,
#inspiration-dialog[data-mode="compose"]:has(#inspiration-detail:not(:empty)) #inspiration-status,
#inspiration-dialog[data-mode="catalog"] .inspiration-intake {
  display: none;
}

.inspiration-compose-review { display: none; }
#inspiration-dialog[data-mode="compose"]:has(#inspiration-detail:not(:empty)) .inspiration-compose-review {
  display: block;
  max-width: 840px;
  margin: 14px auto 10px;
}
.inspiration-compose-review button { border-radius: 999px; }

.inspiration-intake {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 10px 12px;
  max-width: 840px;
  margin: 18px auto;
  padding: 18px 20px;
  border: 1px solid var(--inspiration-border);
  border-radius: 16px;
  background: var(--inspiration-blush);
}

.inspiration-intake-intro { grid-column: 1 / -1; }
.inspiration-intake-intro h3 { margin: 0 0 3px; font-size: 21px; }
.inspiration-intake-intro p { margin: 0 0 4px; color: var(--inspiration-muted); }
.inspiration-link-field {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 5px 8px;
  min-width: 0;
}
.inspiration-link-field label { margin: 0; }
#inspiration-paste {
  min-height: 32px;
  padding: 4px 8px;
  border: 0;
  background: transparent;
  color: #70415b;
  font-size: 13px;
}
#inspiration-paste:hover { background: #f8e6ee; }
#inspiration-paste .lucide { width: 15px; height: 15px; }
.inspiration-intake textarea { display: block; grid-column: 1 / -1; resize: vertical; min-height: 46px; border-radius: 10px; }
.inspiration-intake > button { min-height: 46px; border-radius: 999px; padding-inline: 18px; }
.inspiration-intake-options { grid-column: 1 / -1; color: var(--inspiration-muted); }
.inspiration-intake-options p { margin: 8px 0; }
.inspiration-intake-options label { max-width: 280px; margin: 0; }
.inspiration-intake-options summary, .inspiration-category-option summary { padding: 5px 0; cursor: pointer; }
.inspiration-intake-options summary:focus-visible, .inspiration-category-option summary:focus-visible {
  outline: 3px solid #386b80;
  outline-offset: 3px;
}

.inspiration-tools {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  padding: 14px 24px;
}

.inspiration-tool {
  border: 1px solid var(--inspiration-border);
  border-radius: 9px;
}

.inspiration-tool summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 38px;
  padding: 8px 12px;
  border-radius: 8px;
  list-style: none;
  font-weight: 600;
  cursor: pointer;
}

.inspiration-tool summary::-webkit-details-marker { display: none; }
.inspiration-tool summary:hover { background: var(--inspiration-blush); }
.inspiration-tool summary:focus-visible { outline: 3px solid #386b80; outline-offset: 3px; }

.inspiration-tool summary::after {
  content: "";
  width: 6px;
  height: 6px;
  flex-shrink: 0;
  border: solid currentColor;
  border-width: 0 1.5px 1.5px 0;
  transform: rotate(45deg);
}

.inspiration-tool[open] summary::after { transform: rotate(225deg); }
.inspiration-tool form { padding: 12px; border-top: 1px solid var(--inspiration-border); }

#inspiration-status {
  margin: 0;
  color: var(--inspiration-muted);
}

#inspiration-status:not(:empty) {
  margin: 0 24px 14px;
  padding: 10px 14px;
  border-radius: 9px;
  background: #f5f2f4;
}
#inspiration-status.error { color: #922433; background: #fff1f2; }

.inspiration-workspace {
  display: grid;
  grid-template-columns: minmax(245px, .9fr) minmax(0, 1.6fr);
  height: clamp(320px, 65dvh, 640px);
  border-top: 1px solid var(--inspiration-border);
}

#inspiration-dialog[data-mode="compose"] .inspiration-workspace {
  display: block;
  height: auto;
  border: 0;
}

#inspiration-dialog[data-mode="compose"] .inspiration-editor {
  max-width: 840px;
  margin: 0 auto;
  padding: 2px 0 24px;
  overflow: visible;
}

.inspiration-queue {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  min-width: 0;
  min-height: 0;
  padding: 14px 16px;
  border-right: 1px solid var(--inspiration-border);
  background: #fffbfd;
}

.inspiration-queue-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0 4px 10px;
}

.inspiration-queue-heading h3 { margin: 0; font-size: 18px; }
.inspiration-queue-heading label { margin: 0; gap: 4px; font-size: 12px; color: var(--inspiration-muted); }

#inspiration-filter {
  min-height: 38px;
  padding: 6px 10px;
  color: #232629;
  font-size: 14px;
}

#inspiration-list {
  min-height: 0;
  overflow: auto;
  padding: 4px;
  border: 0;
}

#inspiration-list .report-row {
  min-height: 44px;
  margin-bottom: 4px;
  padding: 10px 12px;
  border: 1px solid var(--inspiration-border);
  border-radius: 8px;
  font-weight: 500;
  overflow-wrap: anywhere;
}

#inspiration-list .report-row[aria-current="true"] { font-weight: 650; }
#inspiration-list .empty { margin: 0; padding: 20px 8px; color: var(--inspiration-muted); }
.inspiration-queue .pagination { margin-top: 10px; }

.inspiration-editor {
  min-width: 0;
  min-height: 0;
  overflow: auto;
  padding: 20px 24px 24px;
}

.inspiration-editor:focus-visible { outline: 3px solid #386b80; outline-offset: -4px; }
.inspiration-empty { padding: 24px; border: 1px dashed var(--inspiration-border); border-radius: 12px; }
.inspiration-empty strong { font-size: 17px; }
.inspiration-empty p { margin: 6px 0 0; color: var(--inspiration-muted); }
#inspiration-detail:not(:empty) + .inspiration-empty { display: none; }

#inspiration-detail h3 { margin: 0 0 6px; font-size: 22px; letter-spacing: -.015em; overflow-wrap: anywhere; }
#inspiration-detail .meta { margin: 6px 0; color: var(--inspiration-muted); }
#inspiration-detail a { color: #72425a; text-underline-offset: 3px; }
#inspiration-detail form > button { margin: 8px 8px 0 0; border-radius: 999px; }
.inspiration-tool label, #inspiration-detail label { margin-bottom: 12px; }

.inspiration-product-preview {
  display: grid;
  grid-template-columns: minmax(140px, .75fr) minmax(0, 1fr);
  gap: 18px;
  margin: 12px 0;
}

.inspiration-photo-frame {
  display: grid;
  min-height: 180px;
  max-height: 240px;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--inspiration-border);
  border-radius: 14px;
  background: #f7f5f6;
  color: var(--inspiration-muted);
  text-align: center;
}

.inspiration-photo-frame span { padding: 14px; font-size: 13px; }
.inspiration-photo:not([hidden]) + span { display: none; }
[data-status="published"] .inspiration-product-preview:has(.inspiration-photo[hidden]) { display: block; }
[data-status="published"] .inspiration-photo-frame:has(.inspiration-photo[hidden]) { display: none; }
.inspiration-photo {
  display: block;
  width: 100%;
  max-height: 240px;
  object-fit: contain;
}
.inspiration-category-option {
  margin-bottom: 14px;
  padding: 6px 12px;
  border: 1px solid var(--inspiration-border);
  border-radius: 10px;
  color: var(--inspiration-muted);
}
.inspiration-category-option label { margin-top: 8px; }

.inspiration-price-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
#inspiration-detail .inspiration-check { flex-direction: row; align-items: start; gap: 9px; font-weight: 500; }
.inspiration-check input { width: 18px; min-height: 18px; height: 18px; flex-shrink: 0; margin: 0; padding: 0; accent-color: #973d63; }
.inspiration-review-error { margin: 10px 0; color: #922433; }

@media (max-width: 940px) {
  .inspiration-intake, #inspiration-dialog[data-mode="compose"] .inspiration-editor,
  #inspiration-dialog[data-mode="compose"]:has(#inspiration-detail:not(:empty)) .inspiration-compose-review { margin-inline: 24px; }
}

@media (max-width: 740px) {
  #inspiration-dialog { width: calc(100% - 16px); max-height: calc(100dvh - 16px); border-radius: 14px; }
  .inspiration-heading, .inspiration-intake, .inspiration-tools, .inspiration-editor { padding-inline: 14px; }
  .inspiration-navigation, .inspiration-intake, #inspiration-dialog[data-mode="compose"] .inspiration-editor,
  #inspiration-dialog[data-mode="compose"]:has(#inspiration-detail:not(:empty)) .inspiration-compose-review,
  #inspiration-status:not(:empty) { margin-inline: 14px; }
  .inspiration-tools { grid-template-columns: minmax(0, 1fr); }
  .inspiration-workspace { grid-template-columns: minmax(0, 1fr); height: auto; }
  .inspiration-queue { padding-inline: 10px; border-right: 0; border-bottom: 1px solid var(--inspiration-border); }
  #inspiration-list { max-height: min(30dvh, 225px); }
  .inspiration-editor { overflow: visible; }
}

@media (max-width: 550px) {
  .inspiration-intake, .inspiration-product-preview { grid-template-columns: minmax(0, 1fr); }
  .inspiration-product-preview { gap: 14px; }
  .inspiration-photo-frame { min-height: 150px; }
}

@media (max-width: 360px) {
  .inspiration-price-fields { grid-template-columns: minmax(0, 1fr); gap: 0; }
}
