#live-planner [hidden]{display:none!important}
#live-planner button{font:inherit;font-size:14px;background:#fffaf2;color:#273748;border:1px solid #b7b7aa;border-radius:5px;padding:8px 10px;min-height:40px;cursor:pointer}
#live-planner button:hover{border-color:#905235;background:#efdfcf}
#live-planner button[aria-pressed=true]{background:#273e4e;color:#fff7ee}
.planner-stage canvas,.planner-stage svg{width:100%;height:100%;display:block}
.planner-stage svg{padding:5px;touch-action:none}
.planner-stage [role=button]{cursor:pointer}
.planner-stage [role=slider]{cursor:ns-resize}
.layout-tools,.layout-tools>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
/* A single, open drawing surface for the visitor's marquee. */
#story-customer{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:0;background:#f5f0e7;color:#273748;padding-block:clamp(24px,4svh,48px);border-top:1px solid #d5cbbd}
#story-customer .chapter-heading{flex-direction:row;align-items:center;gap:24px}
#story-customer .chapter-stage,#story-customer .step-number{color:#834b35}
#story-customer .chapter-heading h3{font-size:clamp(29px,3.3vw,51px);max-width:none}
#live-planner{width:100%;margin:12px 0 0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.visual-actions,.visual-actions>div,.visual-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}
.visual-actions{flex-wrap:wrap;padding-block:6px}
.visual-actions>span{font-size:15px;color:#53636a}
#live-planner .visual-actions button{border:0;background:transparent;padding:7px 2px;font-size:14px;color:#864a32;text-decoration:underline;text-underline-offset:4px}
#live-planner .visual-actions button:first-child{border:1px solid #aa9686;border-radius:6px;padding-inline:12px;text-decoration:none}
#live-planner .visual-actions button[aria-pressed=true]{background:#273e4e;color:#fffaf4}
#live-planner .planner-stage{width:100%;height:clamp(350px,62svh,830px);background:transparent;border:0}
#live-planner .planner-stage canvas{touch-action:pan-y;cursor:grab}
#live-planner .planner-stage canvas:active{cursor:grabbing}
#live-planner .visual-foot p{margin:0;color:#54646b;font-size:14px}
#live-planner .chapter-next{margin:0;color:#874a30}
#live-planner .layout-tools{justify-content:center;padding:8px 0;border:0}
@media(max-width:820px){#story-customer .chapter-heading{align-items:flex-start;flex-direction:column;gap:5px}#live-planner .planner-stage{height:clamp(250px,61vw,470px)}#live-planner[data-view="2d"] .planner-stage{height:min(57svh,490px)}.visual-foot{align-items:flex-start}}
@media(max-width:500px){.visual-actions>span{width:100%}.visual-foot{flex-wrap:wrap}}