/* Guided editing and a persistent preview share the existing chrome material. */
.builder-studio .create-layout{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:30px;max-width:1440px;padding-top:28px}.builder-studio .create-intro{grid-column:1/-1;position:static;display:grid;grid-template-columns:1fr auto;gap:8px 24px}.builder-studio .create-intro .back-link{grid-column:1/-1;margin-bottom:8px}.builder-studio .create-intro h1{font-size:32px;max-width:none;margin:0;grid-column:1}.builder-studio .create-intro>p{font-size:14px;max-width:65ch;margin:0;grid-column:1}.builder-studio .mini-metal{display:none}.builder-studio #creatorArea{grid-column:1;min-width:0}.builder-studio .forge{padding:26px;border-radius:10px 22px 10px 22px;min-height:620px}.builder-studio .forge>h2{font-size:21px}.builder-studio .flow-steps{margin-block:22px}.builder-studio .flow-steps button{font-size:12px;min-height:44px}.builder-studio .flow-block{border:0;padding-top:0;margin-top:24px;scroll-margin-top:100px}.builder-studio .flow-block[hidden],.builder-studio #workshopPreview[hidden],.builder-studio .studio-step-controls [hidden]{display:none!important}.builder-studio .field textarea{min-height:150px}.builder-studio .source-picker{padding:15px;margin-block:18px}.builder-studio .source-picker label{font-size:12px}.builder-studio .source-picker p{margin-bottom:10px}.builder-studio .studio-guide textarea{min-height:80px}.studio-guide{padding:18px;background:linear-gradient(125deg,#FBFAFF,#E9E6F2 46%,#FDFDFF 75%);border:1px solid #CDC7DE;border-radius:14px 5px 14px 5px;margin-bottom:24px}.guide-line{display:flex;gap:10px;align-items:start;margin-bottom:12px}.guide-line p{font-size:14px;line-height:1.6;margin:0;font-weight:600}.guide-dot{width:9px;height:9px;flex:none;margin-top:7px;background:#9686AD;border-radius:50%;box-shadow:inset 0 1px #FFF}.studio-guide textarea{width:100%;font:13px var(--body);padding:12px;border:1px solid #B8B0CB;background:#FFFFFFBA;border-radius:7px;resize:vertical;color:#303341}.guide-presets{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.guide-presets .chip,.guide-presets .btn{font-size:11px;padding:8px 10px;min-height:38px}.studio-guide .note{font-size:11px;line-height:1.7;margin:12px 0 0;color:#5D536D}.studio-step-controls{display:flex;justify-content:space-between;gap:12px;margin-top:26px;padding-top:20px;border-top:1px solid #D6DBE5}.studio-step-controls .btn:only-child{margin-left:auto}.studio-advanced{border-top:1px solid #CFD5DF;margin-top:24px;padding-top:20px}.studio-advanced summary{font-size:14px;font-weight:600;cursor:pointer;min-height:40px;line-height:1.6}.studio-advanced-body{padding-top:16px}.studio-advanced h4{font-size:15px;margin:24px 0 12px}.studio-field{display:grid;gap:8px;margin-bottom:16px;font-size:12px;font-weight:500}.studio-field select,.studio-field input,.studio-field textarea,.studio-topic input:not([type=range]),.studio-outline-row input,.studio-mix-inputs input{width:100%;min-width:0;min-height:42px;background:linear-gradient(180deg,#E9EDF3,#FFF 48%,#F6F7FB);border:1px solid #BFC7D3;border-radius:7px;padding:10px;font:13px var(--body);color:#2D3543}.studio-field textarea{min-height:80px;resize:vertical}.studio-field input[type=file]{padding:8px;font-size:11px;overflow:hidden}.studio-duo{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin-top:20px}.studio-mix-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.studio-mix-inputs label{display:grid;gap:7px;font-size:12px}.studio-mix-inputs input{font-variant-numeric:tabular-nums}.studio-topic{display:grid;grid-template-columns:minmax(0,1fr) 110px auto;gap:9px;align-items:center;margin-bottom:12px}.studio-topic label{min-width:0;font-size:11px}.studio-topic label:nth-child(2){display:grid;grid-template-columns:1fr 16px;gap:3px}.studio-topic label:nth-child(2) input{grid-row:2;grid-column:1;width:100%;accent-color:#7E6E98}.studio-topic output{grid-row:2;grid-column:2}.studio-topic .btn,.studio-outline-row .btn{font-size:10px;min-height:38px;padding:6px 8px}.studio-outline-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:6px;margin-bottom:10px;align-items:center}.studio-outline-row label{min-width:0}.studio-colors{padding:0;border:0;display:flex;gap:20px;margin-bottom:20px}.studio-colors legend{font-size:13px;font-weight:600;margin-bottom:12px}.studio-colors label{display:grid;gap:8px;font-size:11px}.studio-colors input{width:62px;height:40px;border:1px solid #AEB8C8;padding:3px;background:#FFF;border-radius:6px;cursor:pointer}.studio-preview{position:sticky;top:100px;min-width:0;max-height:calc(100dvh - 120px);overflow:auto;padding:24px;background:linear-gradient(130deg,#FFFFFF,#E8ECF2 44%,#FAFBFE 78%,#E7EAF1);border:1px solid #C6CDD9;border-radius:22px 8px 22px 8px;box-shadow:inset 0 1px #FFF,0 8px 25px #27314608}.studio-preview-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.studio-preview-head h2{font-size:18px;margin:0}.studio-preview-head span{font-size:10px;font-weight:600;color:#5F546E;border:1px solid #C9C1D9;background:#F0EBF7;border-radius:5px;padding:6px 8px;white-space:nowrap}.studio-preview>.note{font-size:12px;line-height:1.7;color:#5B6574;margin-top:14px}.studio-preview #studioCanvas{margin-top:18px}.studio-preview .slide-design{aspect-ratio:16/9;border:1px solid #CDD3DD;border-radius:8px;container-type:inline-size;min-height:0}.studio-preview .slide-design h2{font-size:min(5.6cqw,36px);overflow-wrap:anywhere}.studio-preview .slide-copy{font-size:min(2.4cqw,16px);line-height:1.35}.studio-preview .slide-number{font-size:10px}.studio-preview .slide-label{font-size:10px}.studio-preview #studioPreviewControls{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;margin-top:14px}.studio-preview #studioPreviewControls:empty{display:none}.studio-preview #studioPlan{margin-top:24px}.studio-preview h3{font-size:14px;margin:0 0 14px}.studio-preview h3:not(:first-child){margin-top:24px}.studio-mix-bar{display:flex;min-height:28px;gap:3px;margin-bottom:14px}.studio-mix-bar span{display:grid;place-items:center;font-size:11px;color:#393445;border-radius:4px;min-width:20px;border:1px solid #FFFFFFB3}.mix-multiple{background:#D5CAE8}.mix-short{background:#C8DDED}.mix-essay{background:#DDD7CC}.mix-blank{background:#F0E4BB}.studio-blueprint{list-style:none;margin:0;padding:0}.studio-blueprint li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #D2D9E3;font-size:12px}.studio-blueprint strong{font-weight:600;white-space:nowrap}.studio-plan-list{padding-left:20px;margin:0;font-size:13px;color:#414B5A}.studio-plan-list li{padding:7px 0;border-bottom:1px solid #D5DCE5;overflow-wrap:anywhere}.test-paper{padding:24px;background:#FFF;border:1px solid #CBD3DF;min-height:290px;border-radius:7px;color:#303744}.preview-document-title{font-size:17px;font-weight:600;line-height:1.4;margin:0 0 12px}.test-paper h3{font-size:16px;line-height:1.6;margin:18px 0}.test-paper .note{font-size:11px;line-height:1.7;color:#5D6675}.preview-placeholder{display:flex;gap:12px;font-size:14px;line-height:1.7;margin:24px 0}.preview-placeholder>span{font-weight:600}.preview-placeholder p{margin:0}.preview-options>div{display:flex;align-items:center;gap:12px;font-size:12px;margin:14px 0}.preview-options span{display:block;height:9px;width:65%;background:#E9EDF3;border-radius:2px}.preview-options>div:nth-child(2) span{width:48%}.preview-option{padding:12px;border:1px solid #D5DCE5;border-radius:5px;margin:10px 0;font-size:13px;line-height:1.5}.test-paper details{margin-top:20px;font-size:12px;line-height:1.7}.test-paper summary{cursor:pointer;min-height:35px}.test-paper blockquote{margin:12px 0;padding:12px;background:#EDF0F6;border-radius:5px}.preview-answer-lines{height:110px;background:repeating-linear-gradient(transparent 0 25px,#DCE2E9 25px 26px);margin-top:20px}.builder-studio #workshopPreview{border:0;border-top:1px solid #D0D7E1;padding:24px 0;margin-top:24px;background:none}.builder-studio #homeSlidePreview,.builder-studio #previewBack,.builder-studio #previewNext,.builder-studio #previewCount{display:none}.builder-studio #studioResultEditor{margin:22px 0}.builder-studio #studioResultEditor h4{font-size:16px;margin-bottom:10px}.builder-studio #studioResultEditor .note{font-size:12px;line-height:1.7}.builder-studio #createBtn{min-width:190px}.builder-studio #studioValidation{font-size:12px;line-height:1.6}.builder-studio .flow-steps [aria-current=step]{box-shadow:inset 0 -2px #7D6B9C}.builder-studio #creatorGate{grid-column:1/-1}.builder-studio:has(#creatorArea[hidden]) .studio-preview{display:none}.builder-studio .studio-step-controls:has(#studioBack[hidden]){justify-content:flex-end}
@media(max-width:1100px){.builder-studio .create-layout{gap:22px;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)}.builder-studio .forge{padding:22px}.studio-preview{padding:18px}.studio-topic{grid-template-columns:1fr auto}.studio-topic label:nth-child(2){grid-column:1}.studio-topic button{grid-column:2;grid-row:1/3}.studio-outline-row{grid-template-columns:minmax(0,1fr) auto auto}.studio-outline-row [data-remove]{grid-column:1/-1;justify-self:end}.studio-duo{gap:0 12px}}
@media(max-width:760px){.builder-studio .create-layout{display:flex;flex-direction:column;padding-top:20px}.builder-studio .create-intro{display:block;width:100%}.builder-studio .create-intro h1{font-size:29px;margin-bottom:12px}.builder-studio .create-intro>p{font-size:13px;margin-bottom:8px}.builder-studio #creatorArea,.studio-preview{width:100%}.builder-studio .forge{padding:20px;min-height:0}.studio-preview{position:static;max-height:none;order:3;padding:20px}.studio-preview .slide-design h2{font-size:5.6cqw}.studio-preview .slide-copy{font-size:2.4cqw}.studio-guide{padding:15px}.studio-step-controls .btn{font-size:12px;padding:10px 14px}.studio-duo{grid-template-columns:1fr}.studio-mix-inputs{gap:12px}.studio-outline-row{grid-template-columns:1fr auto auto}.builder-studio .flow-steps{gap:5px}.builder-studio .flow-steps button{padding:8px 6px;font-size:11px}.builder-studio .flow-block{margin-top:20px}.builder-studio #createBtn{min-width:0;width:100%}.studio-colors{gap:24px}.studio-preview-head h2{font-size:17px}}
@media(prefers-reduced-motion:no-preference){.studio-preview{animation:studio-arrive 300ms cubic-bezier(.23,1,.32,1)}@keyframes studio-arrive{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:none}}}

.studio-mobile-nav{display:none}@media(max-width:760px){.studio-mobile-nav{position:fixed;bottom:12px;left:16px;right:16px;z-index:150;display:flex;gap:5px;padding:5px;border:1px solid #BFC7D3;background:linear-gradient(120deg,#FFFFFF,#DCE2EB 55%,#F9FBFF);border-radius:10px;box-shadow:0 5px 20px #26334B20}.studio-mobile-nav a{flex:1;text-align:center;min-height:42px;padding:12px 6px;font-size:12px;text-decoration:none;border-radius:6px}.studio-mobile-nav a:last-child{background:#303845;color:white}.builder-studio .foot{padding-bottom:70px}.studio-preview,#creatorArea{scroll-margin-top:100px}}

.studio-mix-inputs{border:0;padding:0;margin:0;min-width:0}.builder-studio .forge #studioResultEditor input,.builder-studio .forge #studioResultEditor textarea{width:100%}.studio-advanced .guide-presets{margin-bottom:18px}.builder-studio #createCost{font-size:12px;line-height:1.7;color:#5A6372}