.friendly-text-controls{padding:14px 0;border-top:1px solid #e5dccb;margin:12px 0}.friendly-text-controls p{font-size:12px;color:#665a49;margin:0 0 10px}.friendly-text-controls>div{display:flex;flex-wrap:wrap;gap:7px;margin:7px 0}.friendly-text-controls button{min-width:44px;min-height:44px;border:1px solid #dcc8a0;border-radius:10px;background:#fffdf7;color:#4c3921;font-size:16px;cursor:pointer}.friendly-text-controls button:disabled{opacity:.45;cursor:default}.friendly-next{margin-top:10px;width:100%}.friendly-text-locked>strong,.friendly-text-locked>span{pointer-events:none!important}.card-message strong,.card-message span{min-height:28px;cursor:grab;touch-action:none}.card-message .text-corner-handle,.card-message .text-drag-handle{min-width:36px;min-height:36px}.friendly-text-locked .text-corner-handle,.friendly-text-locked .text-drag-handle{display:none!important}.studio-shell .card-canvas{transition:none!important}.studio-shell [data-text-line]{min-height:44px}.studio-shell #addTextLine{min-height:44px}
@media(min-width:761px){
 .studio-shell{display:flex!important;flex-direction:column!important;min-height:0!important}
 .studio-shell>.wizard-steps{position:static!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;height:auto!important;min-height:0!important;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important;padding:16px!important;border-radius:24px 24px 0 0!important;border:0!important;border-bottom:1px solid #e3d7c1!important;background:#faf6ec!important}
 .wizard-side-group{display:contents!important}.wizard-side-title{display:none!important}
 .wizard-steps .step{flex:0 0 155px!important;min-height:74px!important;grid-template-columns:32px 1fr!important;padding:10px!important;border:1px solid #e7dece!important;background:white!important;color:#635444!important;box-shadow:none!important;position:relative!important;border-radius:12px!important}
 .wizard-steps .step.active{background:#f2e3c4!important;border-color:#b88c43!important;color:#342515!important}
 .wizard-steps .tool-icon{display:none!important}.wizard-steps .step-number{position:static!important;grid-column:1;grid-row:1/4;align-self:center;width:28px;height:28px;display:grid;place-items:center;background:#eee5d5;border-radius:50%}
 .wizard-steps .step b{grid-column:2;font-size:13px!important}.wizard-steps .step small{grid-column:2;font-size:10px!important}.wizard-steps .runtime-state{grid-column:2;font-size:10px!important}
 .studio-workspace{width:100%;border-radius:0 0 24px 24px!important}.studio-shell .editor-grid{display:grid!important;grid-template-columns:minmax(290px,360px) minmax(0,1fr)!important;min-height:0!important}
 .studio-shell .control-panel{position:static!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:24px!important;order:0!important}
 .studio-shell .canvas-stage{position:sticky!important;top:100px!important;align-self:start!important;padding:36px 28px!important;min-width:0!important;order:1!important}
 .mobile-workflow-bar,.mobile-workflow-heading,.mobile-step-guidance,.mobile-step-back{display:none!important}
}
@media(max-width:760px){.friendly-text-controls button{min-height:46px;min-width:46px}.studio-shell .card-canvas .card-message{touch-action:pan-y}.studio-shell .card-canvas .card-message strong,.studio-shell .card-canvas .card-message span{touch-action:none}}

/* Keep the photographed process cards in natural document flow on phones. */
@media(max-width:760px){
.process-flow{grid-template-columns:minmax(0,1fr)!important;width:100%;max-width:420px!important;gap:18px!important}
.process-step{display:block!important;height:auto!important;min-height:0!important;min-width:0;transform:none!important;overflow:hidden;padding:0 0 20px!important}
.process-photo{display:block;position:relative;width:100%;height:auto!important;aspect-ratio:1.68;margin:0 0 16px!important}
.process-step h3,.process-step p{position:static!important;height:auto!important;max-height:none!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere;margin-left:18px!important;margin-right:18px!important}
.process-step h3{font-size:21px!important;line-height:1.2!important;padding:0!important}
.process-step p{font-size:13px!important;line-height:1.55!important}
}
