/* Image Lab P6: selected style-presets reference; original controls own requests. */
.ald-img .pricebox { display: none; }
.st-grid.stx.ald-img { padding-bottom: 0; }
.ald-img #stWork { padding: 0; border: 0; background: transparent; box-shadow: none; }
:is(.ali-buy,.ali-buy-credits) { display: inline-flex; align-items: center; justify-content: center; min-height: 34px; padding: 7px 17px; border-radius: 99px; color: #08251d; background: #94fae2; font-size: 11px; font-weight: 650; text-decoration: none; white-space: nowrap; }
.ald-img .ali-heading { position: relative; min-height: 89px; padding: 0 0 14px 14px; margin: 0 0 14px; border-bottom: 1px solid #2b2b2b; }
.ald-img .ali-heading .stx-head { min-height: 21px; gap: 8px; }
.ald-img .ali-heading .stx-back, .ald-img .ali-heading .ws-ed { display: none; }
.ald-img .ali-heading .stx-eyebrow { font-size: 11px; letter-spacing: .035em; color: #94fae2; }
.ald-img .ali-heading .stx-h { margin: 3px 0 4px; color: #f5f5f5; font-size: 25px; line-height: 1.2; font-weight: 650; letter-spacing: -.025em; }
.ald-img .ali-heading .stx-sub { margin: 0; color: #b8b8b8; font-size: 12px; line-height: 1.5; }
.ali-heading-actions { position: absolute; top: 0; right: 64px; display: flex; align-items: center; gap: 12px; font-size: 11px; }
.ali-credit-pill, .ali-free-pill { display: inline-flex; align-items: center; gap: 8px; min-height: 34px; padding: 7px 12px; border-radius: 99px; background: var(--panel); color: #d3d3d3; }
.ali-credit-pill svg, .ali-free-pill svg { width: 15px; height: 15px; color: #94fae2; }
.ali-layout { display: grid; grid-template-columns: minmax(0,1fr); align-items: start; gap: 20px; }
.ali-layout:has(.ali-detail:not([hidden])) { grid-template-columns: minmax(0,1fr) 316px; }
.ali-main, .ali-workspace, .ali-composer, .ali-canvas, .ali-prompt-cell, .ali-references, .ali-ratios, .ali-quality, .ali-inspector { min-width: 0; }
.ald-img .ali-section-head, .ald-img .ali-canvas-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 8px; }
.ald-img .ali-section-head h3, .ald-img .ali-canvas-title { margin: 0 0 2px; font-size: 14px; line-height: 1.3; font-weight: 600; }
.ald-img .ali-section-head p, .ald-img .ali-canvas-state { display: block; margin: 0; color: #b8b8b8; font-size: 11px; line-height: 1.5; }
.ali-view-all { display: inline-flex; align-items: center; gap: 7px; min-height: 32px; padding: 4px; color: #94fae2; font-size: 11px; white-space: nowrap; }
.ali-view-all svg { width: 14px; height: 14px; }
.ali-preset-list { display: grid; grid-template-columns: repeat(8,minmax(0,1fr)); gap: 11px; }
.ali-preset { position: relative; display: block; min-width: 0; height: 104px; overflow: hidden; border: 1px solid #414141; border-radius: 7px; background: var(--panel); color: #fff; text-align: left; }
.ali-preset img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.ali-preset::after { content: ""; position: absolute; inset: 50% 0 0; background: linear-gradient(transparent,#000e); pointer-events: none; }
.ali-preset-name { position: absolute; z-index: 1; left: 8px; bottom: 9px; font-size: 10px; line-height: 1.3; font-weight: 500; }
.ali-preset:hover, .ali-preset[aria-pressed="true"] { border-color: #94fae2; }
.ali-workspace { display: flex; flex-direction: column; gap: 23px; margin-top: 20px; }
.ald-img .ali-composer { width: 100%; padding: 0; border: 0; border-radius: 0; background: transparent; }
.ali-prompt-row { padding: 16px; border: 1px solid #30343f; border-radius: 11px; background: var(--panel); }
.ali-prompt-row, .ali-settings-row { display: grid; grid-template-columns: minmax(0,1.9fr) minmax(0,1fr); gap: 24px; }
.ali-settings-row { margin-top: 22px; align-items: stretch; }
.ald-img .ali-composer .m-lab { display: block; margin: 0 0 8px; color: #c7c7c7; font-size: 14px; line-height: 1.4; font-weight: 500; text-transform: none; letter-spacing: 0; }
.ali-prompt-cell .ali-prompt-label { display: block; margin: 0 0 8px; color: #ededed; font-size: 14px; line-height: 1.4; }
.ald-img .ali-composer .prompt-wrap { margin: 0; }
.ald-img .ali-composer .stx-ta { min-height: 110px; height: 110px; padding: 12px 12px 36px; border: 1px solid #393939; border-radius: 8px; background: var(--input); color: #f5f5f5; font-size: 14px; line-height: 1.6; }
.ald-img .ali-composer .stx-ta::placeholder { color: #bdbdbd; opacity: 1; }
.ald-img .ali-composer .stx-count { left: 12px; bottom: 5px; height: 24px; color: #bdbdbd; font-size: 10px; }
.ald-img .ali-composer .mic-btn { right: 8px; bottom: 5px; }
.ali-references #stRefI, .ali-ref-slots { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin: 0; }
.ald-img .ali-composer .refadd, .ald-img .ali-composer .refchip, .ali-ref-slot { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; width: 100%; height: 110px; min-width: 0; border: 1px solid transparent; border-radius: 8px; background: var(--panel-2); color: #c2c2c2; font-size: 12px; }
.ald-img .ali-composer .refchip { position: relative; overflow: hidden; }
.ald-img .ali-composer .refchip img { width: 100%; height: 100%; object-fit: cover; }
.ali-ref-slot svg, .ald-img .ali-composer .refadd svg { width: 24px; height: 24px; }
.ali-ref-slots[data-limit="1"] { grid-template-columns: minmax(0,1fr); }
.ali-ref-slot:hover, .ald-img .ali-composer .refadd:hover { border-color: #94fae2; }
.ald-img .ali-composer .stx-ratios { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin: 0; }
.ald-img .ali-composer .rt { width: 100%; height: auto; min-height: 72px; padding: 10px 4px; border: 1px solid #393939; border-radius: 7px; background: var(--panel-2); color: #c3c3c3; gap: 5px; }
.ald-img .ali-composer .rt-l { font-size: 13px; font-weight: 400; }
.ald-img .ali-composer .rt-g { max-height: none; border-radius: 3px; }
.ald-img .ali-composer .rt.on, .ald-img .ali-composer .seg-tab.on { border-color: #94fae2; background: #1a2a25; color: #94fae2; }
.ald-img .ali-composer .seg.stx-half { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); width: 100%; min-width: 0; gap: 8px; }
.ald-img .ali-composer .seg-tab { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; width: 100%; min-width: 0; height: auto; min-height: 62px; padding: 7px; border: 1px solid #393939; border-radius: 7px; background: var(--panel-2); color: #efefef; font-size: 11px; font-weight: 500; line-height: 1.25; white-space: normal; }
:is(.ali-model-name,.ali-quality-model) { font-size: 10px; font-weight: 400; }
:is(.ali-model-cost,.ali-quality-price), .ali-concept { font-size: 9px; line-height: 1.4; color: #bcbcbc; font-weight: 400; }
.ali-quality-note { margin-top: 5px; color: #bcbcbc; font-size: 10px; line-height: 1.4; }
.ald-img .ali-composer .stx-go { width: 100%; max-width: none; height: 35px; min-height: 35px; margin-top: 16px; border-radius: 99px; background: #94fae2; color: #08251d; font-size: 12px; font-weight: 650; }
.ali-style-status, .ali-status { margin-top: 8px; color: #94fae2; font-size: 11px; line-height: 1.5; }
.ali-style-status:empty, .ali-status:empty, .ali-composer #stErr:empty { display: none; }
.ald-img .ali-composer .ald-assistant { margin-top: 14px; padding-top: 12px; }
.ald-img .ali-composer .ald-assistant .agp-txt { font-size: 12px; }
.ali-canvas { width: 100%; }
.ald-img .ali-canvas .ai-stage { display: none; margin: 0; }
.ald-img .ali-canvas.ali-has-output .ai-stage { display: grid; gap: 12px; margin: 0 0 16px; padding: 14px; border: 1px solid #363636; background: var(--panel); border-radius: 10px; }
.ald-img .ali-canvas .ai-stage img.ai-out { width: 100%; max-height: 340px; object-fit: contain; border-radius: 8px; }
.ald-img .ali-canvas .ai-stage .m-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.ald-img .ali-canvas .ai-stage .m-actions > * { flex: 1; min-width: 130px; min-height: 44px; padding: 9px; font-size: 11px; text-align: center; }
.ald-img #stGal > .gal-h { display: none; }
.ald-img #stGal .gal-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.ald-img #stGal .gal-it { min-width: 0; margin: 0; border: 1px solid #343434; border-radius: 8px; overflow: hidden; background: var(--panel); cursor: pointer; }
.ald-img #stGal .gal-med { position: relative; width: 100%; height: auto; aspect-ratio: 1; border-radius: 0; }
.ald-img #stGal .gal-med > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ald-img #stGal .gal-act { display: none; }
.ald-img #stGal .gal-it figcaption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.ali-ratio-badge { position: absolute; top: 7px; left: 7px; border-radius: 5px; padding: 4px 8px; color: #fff; background: #111b; font-size: 10px; line-height: 1.25; }
.ali-favorite { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 99px; color: #fff; }
.ali-favorite svg { width: 17px; height: 17px; }
.gal-med > .ali-favorite { position: absolute; right: 3px; top: 2px; background: #1116; }
.ali-favorite[aria-pressed="true"] { color: #94fae2; }
.ali-favorite[aria-pressed="true"] svg { fill: currentColor; }
.ali-card-actions { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); align-items: center; gap: 1px; min-height: 28px; padding: 2px 3px; }
.ali-card-actions > * { display: flex; align-items: center; justify-content: center; gap: 4px; min-width: 0; min-height: 24px; padding: 3px 1px; font-size: 9px; color: #d5d5d5; text-decoration: none; }
.ali-card-actions svg { width: 12px; height: 12px; flex: none; }
.ali-card-actions > :disabled { color: #a8a8a8; }
/* WEB-IMAGELAB-UPSCALER-UNTERMENUE-T1: the upscale entries close the image menu on their own line, 48px control height. */
.ali-card-actions > .ali-upscale { grid-column: span 2; min-height: 48px; border-top: 1px solid #343434; }
.ali-card-actions[data-upscale="1"] > .ali-upscale { grid-column: 1 / -1; }
.ali-empty { padding: 22px 0; color: #bcbcbc; font-size: 12px; }
.ali-detail { position: sticky; top: 20px; min-width: 0; margin-top: -49px; padding: 13px; border: 1px solid #343c38; border-radius: 11px; background: var(--panel); color: #f5f5f5; }
:is(.ali-detail-image,.ali-detail-preview) { position: relative; aspect-ratio: 1; overflow: hidden; border-radius: 8px; background: var(--panel-2); }
:is(.ali-detail-image,.ali-detail-preview) > img { width: 100%; height: 100%; object-fit: cover; }
.ali-detail-x { position: absolute; right: 5px; top: 5px; display: grid; place-items: center; width: 32px; height: 32px; color: #fff; border-radius: 99px; background: #1116; }
.ali-detail-x svg { width: 18px; height: 18px; }
.ali-style-chip { display: inline-block; margin-top: 9px; border-radius: 99px; padding: 4px 9px; background: var(--panel-2); color: #ededed; font-size: 10px; }
.ali-detail h3 { margin: 7px 0 12px; font-size: 14px; font-weight: 600; line-height: 1.4; overflow-wrap: anywhere; }
.ali-detail-actions { display: flex; align-items: start; justify-content: space-between; gap: 3px; padding: 0 0 14px; margin-bottom: 14px; border-bottom: 1px solid #383838; }
.ali-detail-actions > * { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; min-width: 0; min-height: 44px; font-size: 9px; color: #c7c7c7; }
.ali-detail-actions svg { width: 18px; height: 18px; }
.ali-detail-actions .ali-favorite { width: 26px; }
.ali-detail h4 { margin: 0 0 9px; font-size: 12px; font-weight: 600; }
.ali-detail dl { display: grid; gap: 4px; color: #c7c7c7; font-size: 11px; line-height: 1.5; }
.ali-detail dt { margin-top: 6px; color: #bcbcbc; }
.ali-detail dd { margin: 0 0 4px; color: #eeeeee; overflow-wrap: anywhere; }
.ali-detail .ali-detail-note { color: #bcbcbc; margin-top: 7px; font-size: 10px; line-height: 1.5; }
.ali-detail :is(.ali-similar,.ali-generate-similar), .ali-detail :is(.ali-close,.ali-detail-close) { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 34px; margin-top: 10px; border-radius: 99px; font-size: 11px; }
.ali-detail :is(.ali-similar,.ali-generate-similar) { background: #94fae2; color: #08251d; font-weight: 650; }
.ali-detail :is(.ali-close,.ali-detail-close) { border: 1px solid #426054; color: #eeeeee; }
.ald-img button:focus-visible, .ald-img a:focus-visible, .ald-img textarea:focus-visible, .ald-img [tabindex]:focus-visible { outline: 2px solid #94fae2; outline-offset: 3px; }
@media (max-width: 1200px) and (min-width: 761px) {
  .ali-layout:has(.ali-detail:not([hidden])) { grid-template-columns: minmax(0,1fr) 270px; gap: 14px; }
  .ali-layout:has(.ali-detail:not([hidden])) .ali-prompt-row, .ali-layout:has(.ali-detail:not([hidden])) .ali-settings-row { grid-template-columns: minmax(0,1fr); }
  .ali-preset-list { gap: 7px; }
  .ali-preset-name { left: 5px; font-size: 9px; }
  .ali-heading-actions { position: static; margin-top: 12px; }
}
@media (max-width: 760px) {
  .ald-img .ali-heading { padding: 0 0 16px; margin-bottom: 16px; }
  .ald-img .ali-heading .stx-h { font-size: 25px; margin-top: 5px; }
  .ali-heading-actions { position: static; display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
  .ali-credit-pill, .ali-free-pill { min-height: 34px; padding: 7px 9px; font-size: 10px; }
  .ali-heading-actions :is(.ali-buy,.ali-buy-credits) { min-height: 34px; padding: 7px 12px; }
  .ali-layout, .ali-layout:has(.ali-detail:not([hidden])) { display: flex; flex-direction: column; gap: 20px; }
  .ali-main { width: 100%; }
  .ali-preset-list { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
  .ali-preset { height: 82px; border-radius: 7px; }
  .ali-preset-name { bottom: 7px; left: 6px; font-size: 10px; }
  .ald-img .ali-section-head { align-items: start; }
  .ald-img .ali-section-head p { max-width: 235px; }
  .ali-workspace { margin-top: 16px; gap: 22px; }
  .ald-img .ali-composer { padding: 0; }
  .ali-prompt-row { padding: 12px; }
  .ali-prompt-row, .ali-settings-row { grid-template-columns: minmax(0,1fr); gap: 14px; }
  .ald-img .ali-composer .stx-ta { min-height: 132px; height: 132px; font-size: 16px; }
  .ald-img .ali-composer .rt { min-height: 64px; }
  .ald-img .ali-composer .stx-go { min-height: 44px; }
  .ald-img #stGal .gal-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .ali-card-actions { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; }
  .ali-card-actions > * { min-height: 36px; font-size: 10px; }
  .ali-card-actions > .ali-upscale { grid-column: span 1; }
  .ali-detail { position: fixed; z-index: 60; inset: 10px; width: auto; margin-top: 0; max-height: calc(100dvh - 20px); overflow-y: auto; padding: 14px; box-shadow: 0 0 0 100vmax #000b; }
  .ali-detail-actions > * { min-height: 48px; font-size: 10px; }
  .ali-detail :is(.ali-close,.ali-detail-close), .ali-detail :is(.ali-similar,.ali-generate-similar) { min-height: 44px; }
}

/* P6 auxiliary copy and state treatments. */
.ali-quality-label { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 8px; }
.ald-img .ali-quality-label .m-lab { margin: 0; }
.ali-canvas-sub { margin: 0; color: #b8b8b8; font-size: 11px; line-height: 1.5; }
.ali-free-status { font-size: 10px; color: #bcbcbc; }
.ali-detail h5 { margin: 0 0 4px; color: #bcbcbc; font-size: 11px; font-weight: 500; }
.ali-detail-prompt { margin: 0 0 10px; color: #ededed; font-size: 11px; line-height: 1.5; overflow-wrap: anywhere; }
.ali-detail-example, .ali-detail-status { margin: 0 0 10px; color: #bcbcbc; font-size: 10px; line-height: 1.5; }
.ali-detail-status:empty, .ali-detail-example:empty { display: none; }
.ali-style-guide { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 16px; color: #bcbcbc; font-size: 11px; line-height: 1.5; }
.ali-style-guide strong { color: #f5f5f5; }
.ali-ref-slot.has-image { position: relative; overflow: hidden; }
.ali-ref-slot.has-image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ali-ref-slot.has-image span { position: relative; margin-top: auto; padding: 4px 2px; width: 100%; background: #000b; color: #fff; font-size: 9px; }
.ali-preview-missing { padding: 20px; color: #bcbcbc; font-size: 12px; }
.ali-favorites-empty { padding: 18px 0; font-size: 12px; line-height: 1.5; color: #bcbcbc; }
@media (max-width: 760px) {
  .ali-style-guide { grid-template-columns: 1fr; }
}

.ali-view-all { flex-direction: row-reverse; }
@media (min-width: 761px) {
  .ald-img .ali-composer .stx-ta { min-height: 110px; height: 110px; }
}
.ali-detail dl { gap: 0; }
.ali-detail dt { margin-top: 0; font-size: 10px; line-height: 14px; }
.ali-detail dd { margin: 0 0 7px; font-size: 11px; line-height: 15px; }

/* Approved layout A: original tier controls left; formats and action right. */
.ald-img .ali-composer .ali-settings-row { grid-template-columns: minmax(0,3fr) minmax(250px,1fr); }
.ald-img .ali-composer .ali-quality-label { margin-bottom: 10px; }
.ald-img .ali-composer .ali-quality-label .m-lab,
.ald-img .ali-composer .ali-ratios > .m-lab { font-size: 16px; font-weight: 600; line-height: 1.4; }
.ald-img .ali-composer .ali-ratios > .m-lab { margin-bottom: 10px; }
.ald-img .ali-composer #stQ { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 0; } /* T2B 02.10.: vierte Kachel Upscale (Video Room #svQ unberuehrt) */
/* T2B: auch ohne Lab-Huelle (.ald-img) 4 Spalten ab 641 px NUR fuer #stQ (Text to Image); .sv-q in studio-vid.css bleibt 3 fuer den Video Room (#svQ). */
@media (min-width: 641px) { #stQ.sv-q { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.ald-img .ali-composer #stQ .sv-qc { min-width: 0; width: 100%; padding: 12px; gap: 8px; border: 1px solid #30343f; border-radius: 11px; background: #111823; }
.ald-img .ali-composer #stQ .sv-qc.on { border-color: #94fae2; box-shadow: inset 0 0 0 1px #94fae2; }
.ald-img .ali-composer #stQ .sv-qc-name { font-size: 17px; line-height: 1.25; margin-top: 0; }
.ald-img .ali-composer #stQ .sv-qc-sub { font-size: 13px; line-height: 1.4; }
.ald-img .ali-composer #stQ .sv-qc-prev { border-radius: 7px; }
.ald-img .ali-composer #stQ .sv-qc-prev img { border-radius: 7px; }
.ald-img .ali-composer #stQ .sv-qc-new span { font-size: 12px; }
.ald-img .ali-composer #stQ .sv-qc-eng { font-size: 11px; white-space: normal; overflow-wrap: anywhere; }
.ald-img .ali-composer #stQ .sv-qc-row { font-size: 12px; gap: 6px; flex-wrap: wrap; padding-top: 8px; }
.ald-img .ali-composer #stQ .sv-qc-row > * { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
.ald-img .ali-composer .ali-inspector,
.ald-img .ali-composer .ali-ratios { display: flex; flex-direction: column; }
.ald-img .ali-composer .ali-ratios { flex: 1; }
.ald-img .ali-composer #stRatios { flex: 1; gap: 10px; }
.ald-img .ali-composer .sv-bar { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 8px; margin: 14px 0 0; padding: 0; border: 0; background: transparent; box-shadow: none; }
.ald-img .ali-composer .sv-bar > span { width: 100%; min-width: 0; margin: 0; flex: 0 1 auto; order: 0; white-space: normal; }
.ald-img .ali-composer #stTotal { text-align: right; font-size: 12px; }
.ald-img .ali-composer #stGo { display: flex; align-items: center; justify-content: center; width: 100%; max-width: none; margin-top: 0; min-height: 54px; padding: 14px; background: #94fae2; color: #08251d; border-radius: 8px; font-size: 15px; font-weight: 650; box-shadow: none; }
.ald-img .ali-composer #stErr { margin-top: 8px; font-size: 13px; line-height: 1.5; }
.ald-img .ali-composer .sv-hint { font-size: 11px; line-height: 1.5; overflow-wrap: anywhere; }
.ald-img .ali-composer .ali-ref-slot:disabled { opacity: .45; }
.ald-img .ali-main > #stxRight { display: block; margin-top: 24px; }
@media (max-width: 1100px) {
  .ald-img .ali-composer .ali-settings-row { grid-template-columns: minmax(0,1fr); }
  .ald-img .ali-composer .ali-inspector { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(220px,1fr); align-items: end; gap: 16px; }
  .ald-img .ali-composer .ali-inspector #stErr { grid-column: 1/-1; }
}
@media (max-width: 640px) {
  .ald-img .ali-composer #stQ { grid-template-columns: minmax(0,1fr); gap: 12px; }
  .ald-img .ali-composer .ali-inspector { display: flex; gap: 0; align-items: stretch; }
  .ald-img .ali-composer .ali-ref-slots[data-limit="4"] { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ald-img .ali-composer .ali-settings-row { gap: 22px; }
}

/* Image uses the same app rail and Creator Lab navigation as the other studios. */
.ali-gallery-actions { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 12px; }
.ali-gallery-favorites[aria-pressed="true"] { color: #fff; }