.studio-reference-source{margin:24px 0}
.studio-reference-source-heading{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.studio-reference-source-heading>.sub{margin:0}
.studio-reference-modes{display:inline-flex;gap:4px;padding:4px;background:var(--surface-input);border:1px solid var(--line);border-radius:8px;max-width:100%}
.studio-reference-modes button{border:1px solid transparent;border-radius:5px;padding:9px 18px;background:transparent;font:inherit;color:var(--muted);cursor:pointer}
.studio-reference-modes button[aria-pressed=true]{color:var(--ink);background:var(--card);border-color:var(--line);font-weight:600}
.studio-reference-source [hidden]{display:none!important}
#studioTemplatePanel{border:0;padding:16px 0 0;background:none}
#studioTemplatePanel>p{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}
#studioTemplatePanel .studio-template-selection{border:0;padding:0 0 10px}
#studioTemplateResults>.studio-reference-cards{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.studio-reference-card{min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--card);overflow:hidden}
.studio-reference-card:has(.studio-reference-card-choice input:checked){border-color:var(--mint)}
.studio-compose .studio-reference-card-choice{display:flex;align-items:start;gap:10px;padding:16px;margin:0;cursor:pointer}
.studio-reference-card-choice input{flex:none;width:17px;height:17px;margin:4px 0 0;accent-color:var(--mint)}
.studio-reference-card-choice>span{min-width:0;flex:1}
.studio-reference-card-choice strong{display:block;font-size:15px;line-height:1.55;overflow-wrap:anywhere}
.studio-reference-card-intro{display:block;margin-top:8px;font-size:13px;line-height:1.7;color:var(--muted)}
.studio-reference-card-state{flex:none;margin-top:3px;font-size:12px;color:var(--muted)}
.studio-reference-card-state>span:last-child,.studio-reference-card-choice:has(input:checked) .studio-reference-card-state>span:first-child{display:none}
.studio-reference-card-choice:has(input:checked) .studio-reference-card-state>span:last-child{display:inline;color:var(--mint)}
.studio-reference-card-detail{border-top:1px solid var(--line)}
.studio-reference-card-detail>summary{padding:10px 16px;font-size:13px;color:var(--muted);cursor:pointer}
.studio-reference-card-detail .studio-template-preview-body{overflow:visible;padding:0 16px 16px}
#studioVideoPanel{padding-top:16px}
#studioVideoPanel .studio-reference-video{margin:0 0 16px}
.studio-reference-source :is(button,input,summary):focus-visible{outline:2px solid var(--mint);outline-offset:2px}
#studioBriefHelp{line-height:1.75;font-weight:400}
.studio-product-materials{margin:-10px 0 24px}
.studio-product-materials [hidden]{display:none!important}
.studio-product-materials .actions{flex-wrap:wrap}
.studio-product-materials .sub,.studio-upload-formats{font-size:13px;line-height:1.7;color:var(--muted)}
.studio-product-materials .sub{margin:10px 0 6px}
.studio-upload-formats>summary{cursor:pointer;width:fit-content}
.studio-upload-formats p{margin:6px 0}
#studioUploadStatus{font-size:13px;line-height:1.7;overflow-wrap:anywhere}
#studioUploadStatus:empty{display:none}
@media(max-width:700px){#studioTemplateResults>.studio-reference-cards{grid-template-columns:1fr}.studio-reference-modes{display:flex}.studio-reference-modes button{flex:1;padding:9px 12px}.studio-reference-source-heading{gap:6px}.studio-template-toolbar{flex-wrap:wrap}.studio-compose .studio-template-search{flex-basis:100%}}