.workshop-creations { --creation-radius: 12px; }
.workshop-creations > h2 { font: 700 20px/1.3 var(--font-body, sans-serif) !important; margin-bottom: 7px; }
.workshop-creations > .hint { margin: 0 0 18px; font-size: 13px !important; }
.workshop-creations .creations-content { display: block !important; margin-top: 0; min-width: 0; }
.creations-toolbar,.creations-filters,.creations-footer { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.creations-toolbar { flex-wrap: nowrap; justify-content: space-between; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.creations-filters { background: var(--panel-alt,var(--surface)); border: 1px solid var(--line); border-radius: 12px; padding: 4px; gap: 3px; }
.workshop-creations .creations-button { font: inherit; font-size: 12px; font-weight: 600; width: auto; min-height: 40px; padding: 9px 12px; border: 1px solid transparent; border-radius: 8px; color: var(--ink,var(--text)); background: transparent; cursor: pointer; }
.creations-filters .creations-button[aria-pressed=true] { background: var(--brand,var(--accent)); color: var(--brand-ink,var(--on-accent)); }
.workshop-creations .creations-refresh { flex: 0 0 44px; width: 44px !important; height: 44px; min-height: 44px; border-color: var(--line); }
.workshop-creations .creations-gallery { display: inline-flex; align-items: center; gap: 8px; color: var(--brand-text); margin-inline-start: auto; }
.creations-gallery-arrow { font-size: 17px; }
[dir=rtl] .creations-gallery-arrow { transform: scaleX(-1); }
.creations-button:hover { background: var(--panel-alt,var(--surface)); border-color: var(--brand-text); }
.creations-button:focus-visible { outline: 2px solid var(--brand-text); outline-offset: 3px; }
.creations-button:disabled { opacity: .55; cursor: wait; }
.creations-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(min(240px,100%),1fr)); gap: 12px; margin-top: 16px; }
.creations-grid:empty { display: none; }
.creations-grid .creation-item { min-width: 0; border: 1px solid var(--line); border-radius: var(--creation-radius); overflow: hidden; background: var(--surface); }
.creation-item .galerie-thumb { height: 130px; }
.creation-item .galerie-info { padding: 12px; }
.creation-item .result-actions { padding: 0 12px 12px; flex-wrap: wrap; }
.creation-storage { display: grid; justify-items: start; gap: 7px; padding: 12px; }
.generation-card > .creation-storage { padding: 0 0 7px; }
.creation-badge { font-size: 11px; font-weight: 700; line-height: 1.5; padding: 4px 8px; border: 1px solid var(--line); border-radius: 7px; background: var(--panel-alt,var(--surface)); color: var(--ink,var(--text)); }
[data-storage-state=saved] .creation-badge { color: var(--brand-text); border-color: var(--brand-text); }
[data-storage-state=temporary] .creation-badge,[data-storage-state=error] .creation-badge,[data-storage-state=failed] .creation-badge { color: var(--danger,var(--warn)); }
.creation-storage time { font-size: 11px; line-height: 1.6; color: var(--muted); overflow-wrap: anywhere; }
.creations-status { color: var(--muted); font-size: 13px; }
.creations-status:empty { display: none; }
.creations-warning { color: var(--danger,var(--warn)); }
.creations-empty { grid-column: 1 / -1; padding: 26px 16px 24px; display: grid; justify-items: center; gap: 9px; text-align: center; }
.creations-empty-icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: var(--panel-alt,var(--surface)); color: var(--brand-text); font-size: 22px; }
.creations-empty strong { font: 600 14px/1.5 var(--font-body,sans-serif); }
.creations-empty p { margin: 0; max-width: 45ch; color: var(--muted); font-size: 12px; line-height: 1.6; }
.creations-footer { justify-content: flex-end; margin-top: 8px; padding-top: 12px; border-top: 1px solid var(--line); }
.creations-footer:empty { display: none; }
.creations-count { margin-inline-end: auto; color: var(--muted); font-size: 12px; }
@media(max-width:760px) {
 .mobile-workshop-dialog:has(.workshop-creations) { width: 100%; max-width: 100%; max-height: calc(var(--app-h,100dvh) - 16px); margin: auto 0 0; border-inline: 0; border-bottom: 0; border-radius: 20px 20px 0 0; padding-bottom: env(safe-area-inset-bottom,0px); }
 .mobile-workshop-dialog-body > .workshop-creations { padding: 0 !important; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
 .mobile-workshop-dialog-body .workshop-creations > .hint { font-size: 12px !important; line-height: 1.5; margin-bottom: 14px; }
 .workshop-creations .creations-button { min-height: 44px; padding-inline: 10px; }
 .creations-toolbar { width: 100%; }
 .creations-filters { min-width: 0; display: flex; flex-wrap: wrap; gap: 2px; }
 .creations-filters .creations-button { padding-inline: 7px; font-size: 11px; }
 .creations-grid { grid-template-columns: minmax(0,1fr); }
 .mobile-workshop-dialog-body .workshop-creations > h2 { display: none; }
}

.creation-cost { font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; color: var(--text); }