/* Native HTML adapters; the palette and workbench rules are the original CSS. */
body{margin:0;font-family:var(--ui);color:var(--ink)}
.gradio-container{width:100%!important;max-width:1440px!important;min-width:0;padding:28px 32px 32px!important}
.column{display:flex;flex-direction:column;min-width:0}
button{cursor:pointer}button,select,textarea{font-family:var(--ui)}
#upload-button{display:flex;align-items:center}
.gradio-container>.studio-footer{display:flex!important}
#route-select select{appearance:none;display:block;width:100%;min-height:43px;border:1px solid var(--line);border-radius:8px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='m3 5 3 3 3-3' fill='none' stroke='%23657083'/%3E%3C/svg%3E") no-repeat right 14px center;padding:10px 22px;color:#172018;font-size:12px;font-weight:750}
#control-fields>.form{display:block!important}
#stage-image .image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
#stage-image #display-image{display:block;width:100%;height:100%}
#query-dock textarea{display:block;width:100%;resize:none;outline:0}
.film-heading{display:flex;justify-content:space-between}
#case-gallery{overflow:auto}#case-gallery .grid-container{display:grid}
#case-gallery .thumbnail-item{display:flex;width:100%;border:1px solid var(--line);cursor:pointer}
#case-gallery .thumbnail-item img{object-fit:cover}
details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
details summary::-webkit-details-marker{display:none}details summary::after{content:'▸';color:var(--muted)}details[open]>summary::after{content:'▾'}
.code-label{display:block;margin:12px 0 7px;color:var(--muted);font:10px var(--mono)}
#compiled-prompt,#raw{width:100%;border:1px solid var(--line);border-radius:6px;padding:10px;resize:vertical;color:var(--ink);background:#fcfbfe}
pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 var(--mono);padding:12px;background:#fcfbfe;border:1px solid var(--line);border-radius:6px}
@media(max-width:760px){.gradio-container{padding:16px 14px!important}#control-fields{display:flex}#route-select select{padding-left:12px}#controls{border-right:0}}
@media(max-width:430px){.gradio-container{padding:12px 10px!important}}