#studio .studio-artwork-picker {
  --picker-bg: #080d18; --picker-surface: #101b2c; --picker-elevated: #16243a;
  --picker-line: #9eb8df26; --picker-muted: #b0bdd1; --picker-text: #f8fafc;
  --picker-blue: #338bff; --picker-violet: #8b5cf6; --picker-cyan: #22d3ee;
  width: min(720px, calc(100vw - 32px)); max-width: none;
  max-height: min(90dvh, calc(var(--picker-viewport-height, 100dvh) - 24px));
  padding: 0; border: 1px solid var(--picker-line); border-radius: 24px;
  color: var(--picker-text); background: radial-gradient(ellipse at 95% 0, #338bff14, transparent 52%), var(--picker-bg);
  box-shadow: 0 32px 100px #02061199, 0 8px 28px #02061166, inset 0 1px 0 #ffffff0a;
  overflow: hidden; font-family: var(--body, sans-serif);
}
#studio .studio-artwork-picker[open] { display: flex; flex-direction: column; animation: picker-enter 300ms cubic-bezier(.2,.8,.2,1) both; }
#studio .studio-artwork-picker::backdrop { background: #030815b8; backdrop-filter: blur(7px); animation: picker-backdrop 280ms ease both; }
#studio .studio-artwork-picker *, #studio .studio-artwork-picker *::before, #studio .studio-artwork-picker *::after { box-sizing: border-box; }
#studio .studio-artwork-picker [hidden] { display: none !important; }
#studio .studio-artwork-picker .studio-card,
#studio .studio-artwork-picker .studio-engine { background: var(--picker-surface); border: 1px solid var(--picker-line); box-shadow: none; padding: 18px; border-radius: 16px; margin: 16px 0; color: var(--picker-text); }
#studio .studio-artwork-picker .studio-section-title h2,
#studio .studio-artwork-picker .studio-engine h2 { font-family: inherit; font-size: 16px; color: var(--picker-text); }
#studio .studio-artwork-picker .studio-section-title > span { display: none; }
#studio .studio-artwork-picker .studio-section-title { margin-bottom: 14px; }
#studio .studio-artwork-picker :is(.studio-muted,.studio-kicker,.studio-details summary span) { color: var(--picker-muted); }
#studio .studio-artwork-picker :is(.studio-text-button,.studio-check,.studio-engine-source,label,summary) { color: var(--picker-text); }
#studio .studio-artwork-picker :is(input:not([type="checkbox"]):not([type="range"]):not([type="file"]):not([type="color"]),select) { background: var(--picker-bg); color: var(--picker-text); border: 1px solid #617493; border-radius: 10px; max-width: 100%; min-height: 44px; padding: 10px 12px; }
#studio .studio-artwork-picker .picker-project-tools textarea { background: var(--picker-bg); color: var(--picker-text); border: 1px solid #617493; border-radius: 10px; padding: 10px 12px; }
#studio .studio-artwork-picker :is(.studio-engine-tabs button,.studio-credit-pill,.studio-style,.studio-upload,.studio-job,.studio-artwork-card) { background: var(--picker-elevated); color: var(--picker-text); border-color: #617493; }
#studio .studio-artwork-picker .studio-style[aria-pressed="true"],
#studio .studio-artwork-picker .studio-engine-tabs button[aria-pressed="true"] { border-color: var(--picker-cyan); background: #203453; }
#studio .studio-artwork-picker .studio-style-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); grid-auto-flow: row; grid-auto-columns: auto; grid-auto-rows: auto; gap: 8px; max-height: none; overflow: visible; }
#studio .studio-artwork-picker .studio-style img { width: 100%; height: 86px; object-fit: cover; }
#studio .studio-artwork-picker .studio-style { min-width: 0; padding: 5px; }
#studio .studio-artwork-picker .studio-style > span { font-size: 11px; }
#studio .studio-artwork-picker .picker-project-tools { margin-top: 22px; border-top: 1px solid var(--picker-line); padding-top: 16px; }
#studio .studio-artwork-picker :is(.studio-details,.picker-artwork-tools) > summary { padding: 12px 0; font-size: 13px; cursor: pointer; }
#studio .studio-artwork-picker .picker-artwork-tools > summary span { display: block; color: var(--picker-muted); font-size: 11px; margin-top: 5px; }
#studio .studio-artwork-picker .studio-field-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
#studio .studio-artwork-picker .studio-field-grid label { min-width: 0; }
#studio .studio-artwork-picker .studio-field-grid input { width: 100%; }
@media (max-width: 540px) { #studio .studio-artwork-picker .studio-field-grid { grid-template-columns: minmax(0,1fr); } #studio .studio-artwork-picker .studio-style-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
#studio .studio-artwork-picker svg { width: 20px; height: 20px; flex-shrink: 0; }
#studio .studio-artwork-picker button { font-family: inherit; cursor: pointer; transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease; }
#studio .studio-artwork-picker button:disabled { cursor: not-allowed; opacity: .45; transform: none; box-shadow: none; }
#studio .studio-artwork-picker :is(button,select,textarea,input):focus-visible { outline: 2px solid #9ccaff; outline-offset: 4px; }
#studio .studio-artwork-picker .picker-header { display: flex; align-items: start; gap: 16px; flex-shrink: 0; padding: 25px 28px 22px; border-bottom: 1px solid var(--picker-line); }
#studio .picker-brand-icon { display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid #8aaefe42; border-radius: 14px; color: #b7d7ff; background: linear-gradient(135deg,#338bff26,#8b5cf61c); box-shadow: 0 0 25px #338bff0e; }
#studio .picker-heading { flex: 1; min-width: 0; }
#studio .picker-eyebrow { color: #a4b7d4; font-size: 9px; font-weight: 600; letter-spacing: .16em; }
#studio .studio-artwork-picker h2 { margin: 5px 0 7px; font-size: clamp(22px,3vw,27px); font-weight: 600; line-height: 1.2; letter-spacing: -.035em; }
#studio .studio-artwork-picker p { color: var(--picker-muted); font-size: 12px; line-height: 1.6; }
#studio .picker-heading p { margin: 0; max-width: 470px; font-size: 11px; }
#studio .studio-artwork-picker .picker-close { display: grid; place-items: center; width: 34px; height: 34px; flex-shrink: 0; padding: 0; border: 1px solid var(--picker-line); border-radius: 50%; background: #ffffff04; color: #c6d4e7; }
#studio .studio-artwork-picker .picker-close:hover { background: #ffffff0c; border-color: #96b6e65c; }
#studio .picker-scroll { min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 22px 28px 18px; scrollbar-width: thin; scrollbar-color: #496180 transparent; }
#studio .studio-artwork-picker select { min-width: 0; max-width: 290px; min-height: 42px; padding: 10px 32px 10px 13px; font-family: inherit; font-size: 12px; color: #edf4ff; border: 1px solid var(--picker-line); border-radius: 10px; background: #101b2c; color-scheme: dark; }
#studio .studio-artwork-picker select:hover { border-color: #94b5e659; }
#studio .studio-artwork-picker .studio-picker-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px; padding: 5px; margin: 0 0 22px; background: #050b15aa; border: 1px solid var(--picker-line); border-radius: 14px; }
#studio .studio-picker-actions button { display: flex; justify-content: center; align-items: center; gap: 8px; min-width: 0; min-height: 46px; padding: 10px 8px; border: 1px solid transparent; border-radius: 10px; color: #b0bdd1; background: transparent; font-size: 11px; font-weight: 500; line-height: 1.35; }
#studio .studio-picker-actions button svg { width: 17px; height: 17px; }
#studio .studio-picker-actions button:hover { background: #ffffff06; color: #f8fafc; }
#studio .studio-picker-actions button[aria-selected='true'] { color: #f8fafc; background: linear-gradient(135deg,#1e3553,#17263e); border-color: #80b4ff42; box-shadow: 0 3px 12px #0004, inset 0 1px 0 #ffffff09; }
#studio .studio-picker-actions [data-picker-source='ai'][aria-selected='true'] { background: linear-gradient(120deg,#253553,#302547); border-color: #a293ff66; }
#studio .studio-picker-actions [data-picker-source='ai'] svg { color: #c5b6ff; }
#studio .picker-status:empty { display: none; }
#studio .picker-status { padding: 11px 13px; border: 1px solid #88a5d142; border-radius: 10px; margin: 0 0 16px; background: #17243a; color: #e1ebfa; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
#studio .picker-status[data-state='error'] { border-color: #f28c974a; color: #ffd2d8; background: #43212e55; }
#studio .picker-body { min-height: 360px; }
#studio .picker-panel { animation: picker-content 220ms ease both; }
#studio .picker-panel:focus-visible { outline: 1px solid #9ccaff; outline-offset: 6px; }
#studio .picker-section-heading h3 { margin: 0 0 6px; color: #f8fafc; font-size: 19px; font-weight: 500; letter-spacing: -.025em; }
#studio .picker-section-heading p { margin: 0 0 20px; }
#studio .picker-dropzone { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; position: relative; min-height: 210px; padding: 26px; border: 1px dashed #8cadd555; border-radius: 16px; background: radial-gradient(ellipse at center,#338bff0c,transparent 70%),#101b2c66; cursor: pointer; transition: background 180ms,border-color 180ms,box-shadow 180ms; }
#studio .picker-dropzone:hover, #studio .picker-dropzone[data-dragging='true'], #studio .picker-dropzone:focus-within { border-color: #88c4ff; background-color: #15294599; box-shadow: inset 0 0 30px #338bff08; }
#studio .picker-upload-icon { display: grid; place-items: center; width: 54px; height: 54px; border: 1px solid #88a5d133; border-radius: 16px; background: #1e3047; color: #b4d7ff; margin-bottom: 4px; }
#studio .picker-upload-icon svg { width: 25px; height: 25px; }
#studio .picker-dropzone strong { color: #edf4ff; font-size: 15px; font-weight: 500; }
#studio .picker-dropzone > span:not(.picker-upload-icon) { color: var(--picker-muted); font-size: 12px; }
#studio .picker-dropzone b { color: #aacfff; font-weight: 500; }
#studio .picker-dropzone small { color: #b0bdd1; font-size: 10px; }
#studio .picker-dropzone input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
#studio .picker-image-mat { background-color: #dce2eb; background-image: conic-gradient(#c6cfdb 25%,transparent 0 50%,#c6cfdb 0 75%,transparent 0); background-size: 16px 16px; border-radius: 12px; overflow: hidden; }
#studio .picker-file-preview { display: flex; align-items: center; gap: 14px; padding: 12px; margin-top: 12px; border: 1px solid var(--picker-line); border-radius: 14px; background: #16243a66; }
#studio .picker-file-preview .picker-image-mat { width: 64px; height: 64px; flex-shrink: 0; }
#studio .picker-file-preview img { width: 100%; height: 100%; object-fit: contain; }
#studio .picker-file-preview > div:nth-child(2) { flex: 1; min-width: 0; display: grid; gap: 6px; }
#studio .picker-file-preview strong { font-size: 12px; overflow-wrap: anywhere; }
#studio .picker-file-preview small { color: var(--picker-muted); font-size: 10px; }
#studio .picker-action-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 22px; }
#studio .picker-free-badge { display: flex; align-items: center; gap: 5px; color: #b0d8cf; font-size: 10px; }
#studio .picker-free-badge svg { width: 14px; height: 14px; }
#studio .studio-artwork-picker .picker-primary { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 46px; padding: 13px 20px; border: 1px solid #95bfff66; border-radius: 12px; background: linear-gradient(115deg,#245bb8,#6344bc); color: #fff; font-size: 12px; font-weight: 600; box-shadow: 0 5px 18px #245bb820,inset 0 1px 0 #ffffff1c; }
#studio .studio-artwork-picker .picker-primary:hover:not(:disabled) { background: linear-gradient(115deg,#2b69d2,#7050ce); box-shadow: 0 8px 24px #338bff20; transform: translateY(-1px); }
#studio .studio-artwork-picker .picker-primary:active:not(:disabled) { transform: translateY(1px); }
#studio .studio-artwork-picker .picker-secondary { min-height: 44px; padding: 11px 15px; border: 1px solid #9eb8df42; border-radius: 10px; background: #16243a; color: #dce8fa; font-size: 11px; }
#studio .studio-artwork-picker .picker-secondary:hover { border-color: #a6bff577; background: #21324b; }
#studio .picker-gallery-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; }
#studio .picker-gallery-grid button { display: flex; flex-direction: column; position: relative; min-width: 0; padding: 8px; gap: 10px; border: 1px solid var(--picker-line); border-radius: 14px; background: #101b2c; color: #e1ebfa; text-align: left; }
#studio .picker-gallery-grid button .picker-image-mat { display: grid; place-items: center; height: 128px; width: 100%; }
#studio .picker-gallery-grid img { width: 100%; height: 100%; max-height: 128px; object-fit: contain; }
#studio .picker-gallery-grid button strong { font-size: 11px; font-weight: 500; overflow-wrap: anywhere; line-height: 1.5; padding: 0 3px 4px; }
#studio .picker-gallery-grid button:hover { transform: translateY(-2px); border-color: #8bbfff88; box-shadow: 0 8px 22px #0004; }
#studio .picker-gallery-grid button[aria-pressed='true'] { border-color: #88c4ff; box-shadow: 0 0 0 1px #88c4ff; }
#studio .picker-gallery-grid button[aria-pressed='true']::after { content: '\2713'; position: absolute; right: 12px; top: 12px; width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: #244b85; color: #fff; }
#studio .picker-gallery-empty { grid-column: 1 / -1; display: grid; justify-items: center; gap: 12px; padding: 45px 25px; border: 1px dashed var(--picker-line); border-radius: 16px; text-align: center; }
#studio .picker-gallery-empty p { margin: 0; max-width: 280px; }
#studio .picker-gallery-skeleton { height: 165px; border: 1px solid var(--picker-line); border-radius: 14px; background: linear-gradient(110deg,#101b2c,#1b2a40,#101b2c); background-size: 200% 100%; animation: picker-shimmer 1.8s ease 3; }
#studio .picker-ai-intro { display: flex; align-items: center; gap: 18px; padding: 5px 0 24px; }
#studio .picker-ai-icon { display: grid; place-items: center; width: 72px; height: 72px; flex-shrink: 0; border: 1px solid #a392fa44; border-radius: 22px; background: radial-gradient(ellipse at 30% 30%,#22d3ee22,transparent),linear-gradient(145deg,#25467a,#322551); color: #d8d0ff; box-shadow: 0 0 32px #8b5cf61a; }
#studio .picker-ai-icon svg { width: 34px; height: 34px; }
#studio .picker-ai-badge { display: inline-flex; padding: 3px 7px; border: 1px solid #b59dff44; border-radius: 6px; color: #d5c9ff; background: #8b5cf610; font-size: 8px; letter-spacing: .09em; text-transform: uppercase; }
#studio .picker-ai-intro h3 { margin: 9px 0 6px; color: #edf3ff; font-size: 26px; font-weight: 500; line-height: 1.14; letter-spacing: -.04em; }
#studio .picker-ai-intro p { margin: 0; font-size: 11px; }
#studio .picker-composer { border: 1px solid #8da8dc44; border-radius: 16px; padding: 16px; background: linear-gradient(130deg,#16243a,#142037); transition: border-color 180ms,box-shadow 180ms; }
#studio .picker-composer:focus-within { border-color: #94b5ff; box-shadow: 0 0 0 3px #338bff10,0 0 24px #8b5cf60b; }
#studio .picker-composer > label { display: flex; align-items: center; gap: 8px; color: #d6e3fa; font-size: 11px; font-weight: 500; margin-bottom: 12px; }
#studio .picker-composer label svg { width: 15px; height: 15px; color: #bdaeff; }
#studio .studio-artwork-picker textarea { display: block; width: 100%; min-height: 118px; max-height: 240px; resize: vertical; border: 0; padding: 0; color: #f8fafc; background: transparent; font-family: inherit; font-size: 13px; line-height: 1.75; }
#studio .studio-artwork-picker textarea:focus-visible { outline: none; }
#studio .studio-artwork-picker textarea::placeholder { color: #a5b3c9; opacity: 1; }
#studio .picker-composer-footer { display: flex; justify-content: space-between; align-items: center; gap: 10px; border-top: 1px solid var(--picker-line); padding-top: 11px; margin-top: 8px; color: #b0bdd1; font-size: 9px; line-height: 1.4; }
#studio .picker-composer-footer > span:last-child { white-space: nowrap; }
#studio .picker-consent { display: flex; align-items: start; gap: 10px; margin: 15px 0; color: #bdcce0; font-size: 11px; line-height: 1.6; cursor: pointer; }
#studio .picker-consent input { flex: 0 0 16px; width: 16px; height: 16px; margin: 2px 0 0; accent-color: #6b8fff; }
#studio .picker-rights { margin: 22px 0 0; padding: 15px 0 0; border-top: 1px solid var(--picker-line); }
#studio .picker-ai-credit-row { display: flex; justify-content: space-between; gap: 12px; color: #bfcce1; font-size: 10px; line-height: 1.5; margin: 18px 0 10px; }
#studio .picker-ai-credit-row > span:last-child { color: #d6c9ff; text-align: right; }
#studio .studio-artwork-picker .picker-generate { width: 100%; background: linear-gradient(110deg,#225cba,#5944b7 64%,#275b8b); min-height: 50px; }
#studio .picker-generate svg:last-child { margin-left: auto; }
#studio .picker-generate svg:first-child { margin-right: auto; }
#studio .picker-ai-progress { min-height: 300px; padding: 25px 10px; text-align: center; }
#studio .picker-ai-progress h4, #studio .picker-ai-result h4 { margin: 12px 0 7px; font-size: 18px; font-weight: 500; letter-spacing: -.025em; }
#studio .picker-ai-progress p { margin: 0 auto 20px; max-width: 320px; }
#studio .picker-ai-result { text-align: center; animation: picker-content 350ms ease both; }
#studio .picker-ai-result .picker-image-mat { height: 220px; margin: 0 auto 18px; max-width: 370px; padding: 12px; }
#studio .picker-ai-result img { width: 100%; height: 100%; object-fit: contain; }
#studio .picker-result-badge { display: inline-flex; align-items: center; gap: 5px; color: #b5e4d5; font-size: 10px; }
#studio .picker-result-badge svg { width: 15px; height: 15px; }
#studio .picker-result-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 9px; margin: 18px 0 5px; }
#studio .picker-footer { display: flex; justify-content: space-between; gap: 12px; padding: 15px 28px max(15px,env(safe-area-inset-bottom)); border-top: 1px solid var(--picker-line); flex-shrink: 0; color: #b0bdd1; background: #0a1220; font-size: 9px; }
#studio .picker-footer > span:first-child { display: flex; align-items: center; gap: 6px; }
#studio .picker-footer svg { width: 13px; height: 13px; }
#studio .picker-footer > span:last-child { letter-spacing: .09em; white-space: nowrap; }
@keyframes picker-enter { from { opacity: 0; transform: translateY(8px) scale(.97); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes picker-backdrop { from { opacity: 0; } to { opacity: 1; } }
@keyframes picker-content { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
@keyframes picker-shimmer { to { background-position: -200% 0; } }
@keyframes picker-pulse { 50% { transform: scale(1.035); opacity: .8; } }
@media (max-width: 540px) {
  #studio .studio-artwork-picker { width: calc(100vw - 20px); border-radius: 20px; }
  #studio .studio-artwork-picker .picker-header { padding: 20px 18px 17px; gap: 11px; }
  #studio .picker-brand-icon { width: 38px; height: 38px; border-radius: 11px; }
  #studio .picker-scroll { padding: 18px 16px; }
  #studio .studio-picker-actions button { flex-direction: column; gap: 6px; font-size: 10px; min-height: 62px; padding: 8px 4px; }
  #studio .picker-body { min-height: 330px; }
  #studio .picker-ai-intro { gap: 13px; }
  #studio .picker-ai-icon { width: 58px; height: 58px; border-radius: 18px; }
  #studio .picker-ai-intro h3 { font-size: 24px; }
  #studio .picker-composer { padding: 13px; }
  #studio .studio-artwork-picker textarea { font-size: 16px; }
  #studio .picker-gallery-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  #studio .picker-gallery-grid button .picker-image-mat { height: 115px; }
  #studio .picker-action-row { align-items: stretch; flex-direction: column; }
  #studio .picker-free-badge { justify-content: center; }
  #studio .picker-footer { padding-inline: 16px; }
  #studio .picker-footer > span:last-child { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  #studio .studio-artwork-picker, #studio .studio-artwork-picker::backdrop, #studio .studio-artwork-picker *, #studio .studio-artwork-picker *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* Compact prompt-first composer and horizontal inspiration. */
#studio .studio-artwork-picker .picker-body { min-height: 0; }
#studio .studio-artwork-picker .studio-inspiration { padding: 0; margin: 14px 0 0; border: 0; background: transparent; }
#studio .studio-artwork-picker .studio-inspiration .studio-section-title { margin-bottom: 6px; }
#studio .studio-artwork-picker .studio-inspiration h2 { font-size: 12px; }
#studio .studio-artwork-picker .studio-style-grid,
#studio .studio-artwork-picker .studio-style-grid[data-expanded="true"] { display: grid; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 86px; grid-auto-rows: auto; gap: 6px; max-height: none; overflow-x: auto; overflow-y: hidden; padding: 4px; scrollbar-width: thin; overscroll-behavior-x: contain; }
#studio .studio-artwork-picker .studio-style img { height: 56px; }
#studio .studio-artwork-picker .studio-style-art { height: 56px; min-height: 0; }
#studio .studio-artwork-picker .studio-style > span { font-size: 10px; }
#studio .studio-artwork-picker .picker-reference-add { position: relative; display: grid; place-items: center; flex: 0 0 36px; width: 36px; height: 36px; border: 1px solid var(--picker-line); border-radius: 10px; background: var(--picker-elevated); cursor: pointer; font-size: 24px; }
#studio .picker-reference-add input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
#studio .picker-reference-add:has(input:disabled) { opacity: .45; cursor: not-allowed; }
#studio .picker-composer-footer #studio-reference-count { margin-right: auto; }
#studio .picker-composer .studio-reference-grid:empty,
#studio .picker-composer #studio-pending-files:empty { display: none; }
#studio .picker-composer .studio-reference-grid:not(:empty) { margin-top: 10px; }
#studio .studio-artwork-picker .studio-picker-actions { margin: 14px 0 0; }
#studio .studio-artwork-picker .picker-project-tools { margin-top: 14px; padding-top: 8px; }
#studio .studio-artwork-picker #studio-picker-brief { min-height: 84px; }

#studio .picker-gallery-heading { display: flex; align-items: center; gap: 12px; }
#studio .picker-gallery-heading .picker-section-heading { flex: 1; min-width: 0; }
#studio .studio-artwork-picker .picker-gallery-add { position: relative; display: grid; place-items: center; width: 44px; height: 44px; flex-shrink: 0; border: 1px solid var(--picker-line); border-radius: 12px; background: var(--picker-elevated); color: var(--picker-text); font-size: 28px; cursor: pointer; }
#studio .picker-gallery-add input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
#studio .picker-gallery-add[data-dragging="true"] { outline: 2px solid var(--picker-cyan); }
#studio #studio-picker-file-limit { display: block; color: var(--picker-muted); margin-bottom: 14px; font-size: 10px; }

/* Header source toggle remains visible while the modal content scrolls. */
#studio .studio-artwork-picker .picker-header { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: start; gap: 12px; padding-bottom: 16px; }
#studio .studio-artwork-picker .picker-header .studio-picker-actions { grid-column: 1 / -1; justify-self: center; width: min(100%, 330px); margin: 0; padding: 3px; gap: 3px; border-radius: 999px; }
#studio .picker-header .studio-picker-actions button { flex-direction: row; gap: 6px; min-height: 36px; padding: 7px 12px; border-radius: 999px; font-size: 11px; white-space: nowrap; }
#studio .picker-header .studio-picker-actions button svg { width: 15px; height: 15px; }

#studio .studio-artwork-picker .picker-heading { text-align: center; }
#studio .studio-artwork-picker .picker-heading p { margin-inline: auto; }
#studio .studio-artwork-picker .picker-header { grid-template-columns: 46px minmax(0,1fr) 46px; }
#studio .studio-artwork-picker .picker-header .picker-close { justify-self: end; }
@media (max-width: 540px) {
  #studio .studio-artwork-picker .picker-header { grid-template-columns: 38px minmax(0,1fr) 38px; }
}

#studio .picker-ink-selector { margin: 18px 0 22px; }
#studio .picker-ink-label { display: block; margin-bottom: 9px; color: #edf3ff; font-size: 12px; font-weight: 600; }
#studio .picker-ink-options, #studio .picker-ink-selected { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
#studio .picker-ink-option { position: relative; display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; border: 1px solid #445773; border-radius: 10px; background: #122034; color: #eaf1ff; font-size: 12px; cursor: pointer; }
#studio .picker-ink-option::before { content: ''; width: 13px; height: 13px; border-radius: 50%; border: 1px solid #8795ab; background: var(--ink-swatch, conic-gradient(#fb7185,#facc15,#34d399,#38bdf8,#a78bfa,#fb7185)); }
#studio .picker-ink-option[aria-pressed="true"] { border-color: #67ddff; background: #18394e; box-shadow: inset 0 0 0 1px #67ddff; }
#studio .picker-ink-custom input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
#studio .picker-ink-option:focus-visible, #studio .picker-ink-custom:focus-within { outline: 2px solid #67ddff; outline-offset: 3px; }
#studio .picker-ink-selector small { display: block; margin-top: 9px; color: #becce1; font-size: 11px; }