.create-studio-page[data-workflow-studio] .create-studio-workflow-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:10px 14px 0;padding:4px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--bg-surface);direction:rtl}
.create-studio-page[data-workflow-studio] .create-studio-workflow-tabs[hidden],.create-studio-page[data-workflow-studio] .create-studio-workflow-note[hidden],.create-studio-page[data-workflow-studio] .create-studio-workflow-files[hidden]{display:none}
.create-studio-page[data-workflow-studio] .create-studio-workflow-tabs button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;min-width:0;min-height:48px;padding:5px 3px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text-secondary);font-family:inherit;font-size:8px;font-weight:800;cursor:pointer}
.create-studio-page[data-workflow-studio] .create-studio-workflow-tabs button i{font-size:12px;color:var(--text-secondary)}
.create-studio-page[data-workflow-studio] .create-studio-workflow-tabs button small{font-size:7px;font-weight:500;opacity:.78}
.create-studio-page[data-workflow-studio] .create-studio-workflow-tabs button:hover,.create-studio-page[data-workflow-studio] .create-studio-workflow-tabs button.is-active{border-color:var(--green);background:color-mix(in srgb,var(--green) 10%,var(--bg-card));color:var(--text-primary)}
.create-studio-page[data-workflow-studio] .create-studio-workflow-tabs button.is-active i{color:var(--green)}
.create-studio-page[data-workflow-studio] .create-studio-workflow-note{margin:8px 14px 0;padding:7px 9px;border:1px solid color-mix(in srgb,var(--green) 30%,var(--border-subtle));border-radius:8px;background:color-mix(in srgb,var(--green) 7%,var(--bg-card));color:var(--text-secondary);font-size:8px;line-height:1.7;text-align:right}
.create-studio-page[data-workflow-studio] .create-studio-workflow-subtabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:7px 14px 0}
.create-studio-page[data-workflow-studio] .create-studio-workflow-subtabs[hidden]{display:none}
.create-studio-page[data-workflow-studio] .create-studio-workflow-subtabs button{display:flex;align-items:flex-start;flex-direction:column;gap:2px;min-width:0;padding:7px 9px;border:1px solid var(--border-subtle);border-radius:9px;background:var(--bg-card);color:var(--text-secondary);font-family:inherit;text-align:right;cursor:pointer}
.create-studio-page[data-workflow-studio] .create-studio-workflow-subtabs button span{color:var(--text-primary);font-size:8px;font-weight:800}
.create-studio-page[data-workflow-studio] .create-studio-workflow-subtabs button small{font-size:7px;line-height:1.5}
.create-studio-page[data-workflow-studio] .create-studio-workflow-subtabs button:hover,.create-studio-page[data-workflow-studio] .create-studio-workflow-subtabs button.is-active{border-color:var(--green);background:color-mix(in srgb,var(--green) 10%,var(--bg-card))}
.create-studio-page[data-workflow-studio] .create-studio-workflow-subtabs button.is-active span{color:var(--green)}
.create-studio-page[data-workflow-studio] .create-studio-workflow-files{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:7px 14px 0}
.create-studio-page[data-workflow-studio] .create-studio-workflow-file{position:relative;aspect-ratio:1;border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden;background:var(--bg-card)}
.create-studio-page[data-workflow-studio] .create-studio-workflow-file img{display:block;width:100%;height:100%;object-fit:cover}
.create-studio-page[data-workflow-studio] .create-studio-workflow-file b{position:absolute;right:4px;top:4px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--green);color:var(--bg-page);font-size:8px}
.create-studio-page[data-workflow-studio] .create-studio-workflow-file span{position:absolute;right:0;bottom:0;left:0;padding:3px;background:color-mix(in srgb,var(--bg-page) 82%,transparent);color:var(--text-primary);font-size:7px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.create-studio-page[data-workflow-studio] .create-studio-reference-drop[data-workflow-disabled="true"]{opacity:.5;pointer-events:none}
.create-studio-page[data-workflow-studio] .create-studio-reference-drop[data-workflow-multiple="true"]{border-color:color-mix(in srgb,var(--green) 40%,var(--border-subtle))}
.create-studio-page[data-workflow-studio] .create-studio-workflow-badge{display:inline-flex;align-items:center;gap:4px;margin-top:5px;color:var(--green);font-size:7px}
@media (max-width:700px){
  .create-studio-page[data-workflow-studio] .create-studio-workflow-tabs{margin-right:10px;margin-left:10px}
  .create-studio-page[data-workflow-studio] .create-studio-workflow-note{margin-right:10px;margin-left:10px}
  .create-studio-page[data-workflow-studio] .create-studio-workflow-subtabs{margin-right:10px;margin-left:10px}
  .create-studio-page[data-workflow-studio] .create-studio-workflow-files{margin-right:10px;margin-left:10px}
}