@font-face{font-family:'Pretendard Black';src:url('/api/workshop/fonts/Pretendard-Black.ttf')}@font-face{font-family:'SB AggroOTF Bold';src:url('/api/workshop/fonts/SB_AggroOTF_B.otf')}
.workshop-toolbar,.workshop-tabs{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.workshop-toolbar select{flex:1;min-width:150px}.workshop-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:20px}.workshop-chat,.workshop-synopsis{min-width:0;border:1px solid var(--line,#c9c9c9);border-radius:18px;padding:20px;background:var(--panel,#efefef)}#workshop-messages{min-height:180px;max-height:65vh;overflow:auto}.workshop-message{margin:12px 0;padding:14px;border-radius:14px;background:#efefef;white-space:pre-wrap}.workshop-message.user{margin-left:28px;background:#efefef}.workshop-message small{color:#1c1c1c}.workshop-message p{margin:6px 0}#workshop-input{width:100%;min-height:100px}.workshop-scene{border-top:1px solid #c9c9c9;padding:15px 0}#workshop-view label{display:flex;flex-direction:column;gap:6px;margin:10px 0}#workshop-view input,#workshop-view textarea,#workshop-view select{max-width:100%;width:100%;box-sizing:border-box}#workshop-view input[type=checkbox]{width:24px;height:24px}#workshop-scenes textarea{min-height:86px}.workshop-tabs{display:none}#workshop-status{min-height:26px;color:#1c1c1c}#workshop-layout{container-type:inline-size;position:relative;aspect-ratio:9/16;width:min(100%,270px);margin:16px auto;overflow:hidden;border-radius:8px;color:#0f0f0f}.workshop-media{display:grid;place-content:center;background:#e4e4e4;text-align:center;font-size:4cqw;padding:10px;box-sizing:border-box}.workshop-overlay{font-weight:900}.workshop-format-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}#workshop-rules pre{white-space:pre-wrap;max-height:300px;overflow:auto}#workshop-results video{max-width:100%;max-height:600px}#workshop-results a{display:block;margin:10px}#workshop-view details{margin-top:20px}#workshop-view fieldset{min-width:0;border:1px solid #c9c9c9;border-radius:10px;padding:12px}.mobile-primary-navigation{grid-template-columns:repeat(3,1fr)!important}@media(max-width:700px){.workshop-grid{display:block}.workshop-tabs{display:flex;margin-top:16px}.workshop-tabs button{flex:1}.workshop-tabs [aria-selected=true]{background:#efefef}#workshop-view[data-pane=chat] .workshop-synopsis{display:none}#workshop-view[data-pane=synopsis] .workshop-chat{display:none}.workshop-chat,.workshop-synopsis{padding:14px}}

@keyframes workshopImageMotion {from {transform:scale(1) translateX(0)} to {transform:scale(var(--workshop-zoom,1.04)) translateX(var(--workshop-pan,0.05%))}}

/* MD recipes share the studio controls and keep long results inside mobile width. */
#md-workflows{margin-bottom:24px;padding:18px;border:1px solid #c9c9c9;border-radius:16px}
#md-workflows summary{font-size:1.2rem;font-weight:700;cursor:pointer}
#md-workflows label{display:block;margin:12px 0}
#md-workflows textarea{width:100%;min-height:110px;box-sizing:border-box}
#md-workflows select,#md-workflows input{max-width:100%;box-sizing:border-box}
#md-result article{padding:14px;margin:12px 0;border:1px solid #c9c9c9;border-radius:12px}
#md-result p{white-space:pre-wrap;overflow-wrap:anywhere}
#md-result a{margin:8px 12px 8px 0}
#md-result textarea{min-height:160px}
#md-status{white-space:pre-wrap}

/* CHATUI1001: conversation remains first on desktop and mobile. */
.workshop-grid{display:flex;flex-direction:column}.workshop-tabs{display:flex;margin-top:12px}.workshop-tabs button{flex:1}#workshop-view[data-pane=synopsis] .workshop-chat{display:block}#workshop-view[data-pane=chat] .workshop-synopsis{display:none}#workshop-view[data-pane=synopsis] .workshop-synopsis{display:block}#workshop-applied-rules{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:#1c1c1c}#workshop-applied-rules span{border:1px solid #c9c9c9;border-radius:8px;padding:5px 8px}#workshop-messages{min-height:180px;max-height:48vh}.workshop-message.pending{opacity:.75}.workshop-chat h2{margin-top:0}

#md-library-view label{display:flex;flex-direction:column;gap:8px;margin:12px 0}#md-library-view fieldset{border:1px solid #c9c9c9;border-radius:12px;margin:12px 0;padding:16px;min-width:0}#md-library-view select{max-width:100%}#md-library-view button{margin:6px}#md-library-view pre{white-space:pre-wrap;overflow:auto;max-height:300px}