.artwork-ai-review,.artwork-ai-start { margin-bottom:24px; }
.artwork-ai-review h2,.artwork-ai-start h2 { margin-top:0; }
.artwork-ai-field { margin:24px 0; }
.artwork-ai-field > label:not(.record-checkbox) { display:block; }
.artwork-ai-review .record-checkbox,.artwork-ai-start .record-checkbox { display:flex; align-items:flex-start; gap:8px; line-height:1.5; }
.artwork-ai-review .record-checkbox input,.artwork-ai-start .record-checkbox input { flex:none; margin:3px 0 0; }
.artwork-ai-field textarea,.artwork-ai-start textarea { width:100%; box-sizing:border-box; }
.artwork-ai-field details { margin-top:8px; }
.artwork-ai-current { white-space:pre-wrap; overflow-wrap:anywhere; }
.artwork-ai-privacy { margin:16px 0; line-height:1.6; }
.artwork-ai-privacy summary,.artwork-ai-field summary { cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
.artwork-ai-discard { margin:0; }
.artwork-ai-choices { color:#1a1a19; font-size:15px; font-weight:600; line-height:1.55; }
.artwork-ai-keep-note { margin:8px 0 0; color:#6b665e; font-size:13px; line-height:1.5; }
.artwork-ai-decide { position:sticky; bottom:0; z-index:5; margin:28px -24px -22px; padding:18px 24px 20px; background:rgba(255,255,255,.97); border-top:1px solid #e2ded8; border-radius:0 0 12px 12px; box-shadow:0 -10px 24px rgba(26,26,25,.06); backdrop-filter:blur(8px); }
.artwork-ai-redraft { margin:0; }
.artwork-ai-redraft > summary { cursor:pointer; color:#6b665e; font-size:14px; text-decoration:underline; text-underline-offset:3px; }
.artwork-ai-redraft[open] > summary { margin-bottom:16px; }
.artwork-ai-review .artwork-ai-decide .record-checkbox { flex-wrap:nowrap; margin-top:0 !important; }
.artwork-ai-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:20px; }
.artwork-ai-actions-note { margin:12px 0 0; color:#6b665e; font-size:13px; line-height:1.5; }
@media (max-width:560px) { .artwork-ai-actions { flex-direction:column; align-items:stretch; margin-top:14px; gap:10px; } .artwork-ai-actions .button { width:100%; } .artwork-ai-decide { margin:24px -18px -18px; padding:14px 18px 16px; } .artwork-ai-actions-note { display:none; } }
/* Above the phone tab bar, which is fixed to the bottom of the screen. */
@media (max-width:760px) { .artwork-ai-decide { bottom:calc(81px + env(safe-area-inset-bottom)); } }
.artwork-ai-review .record-tab-form { display:block; }
.artwork-finish-section { padding:clamp(24px,3vw,30px); }
.artwork-finish-heading { margin-bottom:24px; }
.artwork-finish-heading h2 { margin:0; }
.artwork-ai-wordmark {
  display:inline-block;
  font-family:StudioLogoInter, Inter, sans-serif;
  font-size:1.04em;
  font-weight:900;
  line-height:1;
  letter-spacing:-.013em;
  color:#808080;
  white-space:nowrap;
}
.artwork-ai-wordmark em { color:#B0400D; font-style:normal; }
.artwork-ai-edit-note { margin-top:4px; color:#34312d; font-size:15px; font-weight:700; line-height:1.5; }
.artwork-ai-heart { display:inline-flex; width:1.04em; height:1.04em; vertical-align:-.14em; color:#c62828; }
.artwork-ai-heart svg { display:block; width:100%; height:100%; fill:currentColor; }
.artwork-finish-grid,.artwork-gallery-preview-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(28px,5vw,64px); }
.artwork-finish-label,.artwork-finish-required-note { display:block; }
.artwork-finish-required-note { margin-top:4px; }
.artwork-finish-note textarea { min-height:120px; }
.artwork-finish-note textarea::placeholder { color:#6f6a63; opacity:.68; }
/* Top button row lines up with the top of the note box, the preview button with its bottom. */
.artwork-finish-choice { display:flex; flex-direction:column; align-self:start; padding-top:47px; }
.artwork-finish-choice-buttons { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; }
.artwork-finish-choice-buttons > .button:only-of-type { grid-column:1 / -1; }
.artwork-finish-choice-buttons [data-artwork-ai-progress] { grid-column:1 / -1; }
.artwork-finish-choice .button,.artwork-gallery-preview-row .button { justify-content:center; width:100%; box-sizing:border-box; }
.artwork-save-draft { color:#fff; background:#808080; border-color:#808080; }
.artwork-save-draft:hover { color:#fff; background:#6f6f6f; border-color:#6f6f6f; }
.artwork-gallery-preview-button { margin-top:56px; }
.artwork-finish-plan-note { display:block; margin-top:10px; color:#6f6a63; font-size:12.5px; line-height:19px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
/* Note (10 + 19) plus this gap keeps the preview button level with the bottom of the note box. */
.artwork-finish-plan-note + .artwork-gallery-preview-button { margin-top:27px; }
.artwork-gallery-preview-row { margin:-8px 0 22px; align-items:start; }
.artwork-gallery-preview-row--record { margin:16px 0 24px; }
.artwork-gallery-preview-dialog { position:fixed; inset:10px; margin:0; padding:0; width:calc(100vw - 20px); height:calc(100dvh - 20px); max-width:none; max-height:none; border:1px solid #d8d2c9; border-radius:9px; background:#e8e5df; color:#262521; overflow:hidden; font-family:Inter,Arial,sans-serif; }
.artwork-gallery-preview-dialog[open] { display:flex; flex-direction:column; }
.artwork-gallery-preview-dialog::backdrop { background:#19191899; }
.artwork-gallery-preview-bar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 18px; background:#fff; border-bottom:1px solid #d8d2c9; flex-shrink:0; }
.artwork-gallery-preview-bar strong { font-size:14px; }
.artwork-gallery-preview-bar small { display:block; margin-top:4px; color:#746f66; font-size:12px; line-height:1.5; }
.artwork-gallery-preview-devices { display:flex; gap:5px; }
.artwork-gallery-preview-dialog button[aria-pressed="true"] { border-color:#262521; background:#f1efea; box-shadow:inset 0 0 0 1px #262521; }
.artwork-gallery-preview-stage { display:flex; flex:1; justify-content:center; min-height:0; }
.artwork-gallery-preview-stage iframe { width:100%; height:100%; border:0; background:#fff; }
.artwork-gallery-preview-stage.is-phone iframe { width:390px; max-width:100%; }
@media (max-width:700px) {
  .artwork-finish-grid,.artwork-gallery-preview-row { grid-template-columns:1fr; gap:16px; }
  .artwork-form > .artwork-gallery-preview-row { order:5; }
  .artwork-gallery-preview-row > span { display:none; }
  .artwork-finish-heading .artwork-ai-edit-note { font-size:13.5px; }
  .artwork-finish-choice { padding-top:0; }
  .artwork-gallery-preview-button { margin-top:24px; }
  .artwork-gallery-preview-bar { flex-wrap:wrap; padding:10px; gap:8px; }
  .artwork-gallery-preview-bar > div:first-child { width:100%; }
  .artwork-gallery-preview-bar > [data-artwork-preview-close] { margin-left:auto; }
}
[data-artwork-ai-progress] { font-weight:600; }
.artwork-ai-review textarea:focus,.artwork-ai-start textarea:focus { outline:2px solid #887457; outline-offset:2px; }