.slide-frame{width:calc(var(--canvas-width) * var(--slide-scale,1));height:calc(var(--canvas-height) * var(--slide-scale,1));flex:none;overflow:hidden}.slide{width:var(--canvas-width);height:var(--canvas-height);transform:scale(var(--slide-scale,1));transform-origin:0 0;background:var(--color-stage);color:var(--color-text-on-stage);font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.35;position:relative;overflow:hidden}.slide *{box-sizing:border-box}.slide :where(h1,h2,h3,p,ol,ul,li){font-size:inherit;font-weight:inherit;margin:0;padding:0;list-style:none}.eyebrow{font-size:var(--fs-eyebrow);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted-on-stage);font-weight:500}.slide-title{font-size:var(--fs-title);letter-spacing:-.015em;font-weight:700;line-height:1.08}.pill{background:var(--color-pill-surface);color:var(--color-pill-text);border-radius:var(--radius-pill);padding:10px 34px;font-size:34px;font-weight:700;display:inline-block}.progress-bar{left:var(--canvas-pad-x);right:var(--canvas-pad-x);height:var(--bar-height);gap:4px;display:flex;position:absolute;bottom:36px}.slide[data-layout=exercise] .progress-bar{right:calc(33.333% + 72px)}.slide[data-layout=split-images] .progress-bar{right:calc(38% + 72px)}.progress-bar>span{border-radius:var(--radius-pill);background:var(--segment-color);height:100%;opacity:var(--segment-opacity);display:block}.layout-title{height:100%;padding:0 var(--canvas-pad-x);flex-direction:column;justify-content:center;gap:40px;display:flex}.layout-title .display{font-size:var(--fs-display);letter-spacing:-.03em;font-weight:700;line-height:1}.layout-title .byline{color:var(--color-text-muted-on-stage);font-size:34px}.layout-split{grid-template-columns:62% 38%;height:100%;display:grid}.layout-split .text-column{padding:var(--canvas-pad-top) 72px 96px var(--canvas-pad-x);flex-direction:column;gap:28px;display:flex}.layout-split .blocks{flex-direction:column;gap:28px;margin-top:12px;display:flex}.layout-split .block{border-left:4px solid var(--block-accent);padding-left:24px}.layout-split .block h3{font-size:var(--fs-body);margin:0 0 6px;font-weight:700}.layout-split .block p{font-size:var(--fs-body);color:var(--color-text-on-stage)}.layout-split .images{background:var(--color-stage);grid-template-rows:1fr 1fr;height:100%;padding-bottom:76px;display:grid}.layout-split .images img{object-fit:cover;width:100%;height:100%;display:block}.layout-exercise{grid-template-columns:2fr 1fr;height:100%;display:grid}.layout-exercise .stage-column{padding:var(--canvas-pad-top) 72px 96px var(--canvas-pad-x);flex-direction:column;gap:22px;display:flex}.layout-exercise .qr-row{align-items:center;gap:40px;margin-top:24px;display:flex}.layout-exercise .qr-row .short-url{color:var(--color-accent-on-stage);word-break:break-all;font-size:44px;font-weight:600}.layout-exercise .callout{max-width:1000px;margin-top:auto}.layout-exercise .callout .label{font-size:var(--fs-body);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.layout-exercise .callout p{font-size:var(--fs-body)}.panel{background:var(--color-panel);color:var(--color-text-on-panel);border-left:1px solid var(--color-panel-edge);padding:var(--canvas-pad-top) 56px 72px;flex-direction:column;gap:30px;display:flex;overflow:hidden}.panel .section-label{font-size:var(--fs-panel-label);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-weight:500}.panel p,.panel li{font-size:var(--fs-panel-body);line-height:1.3}.panel ol{counter-reset:step;flex-direction:column;gap:10px;display:flex}.panel ol li{counter-increment:step;padding-left:40px;position:relative}.panel ol li:before{content:counter(step) ".";font-weight:700;position:absolute;left:0}.panel-section{flex:none}.panel-section:has(.prompt-card){flex-direction:column;flex:auto;min-height:140px;display:flex}.prompt-card{background:var(--color-prompt-surface);color:var(--color-prompt-text);border-radius:var(--radius-card);font-size:var(--fs-prompt);flex:auto;min-height:0;padding:28px 30px 0;font-style:italic;line-height:1.34;position:relative;overflow:hidden}.prompt-card pre{font-family:inherit;font-size:inherit;white-space:pre-wrap;overflow-wrap:break-word;margin:0}.prompt-card .full-prompt{font-style:normal;font-size:var(--fs-min);color:var(--color-prompt-muted);background:linear-gradient(to bottom, transparent, var(--color-prompt-surface) 38%);margin:0;padding:60px 30px 22px;position:absolute;bottom:0;left:0;right:0}.layout-modes{height:100%;padding:var(--canvas-pad-top) var(--canvas-pad-x) 96px;flex-direction:column;gap:22px;display:flex}.layout-modes .steps{counter-reset:modestep;font-size:var(--fs-min);color:var(--color-text-muted-on-stage);flex-wrap:wrap;gap:12px 34px;max-width:1400px;display:flex}.layout-modes .steps li{counter-increment:modestep}.layout-modes .steps li:before{content:counter(modestep) ". ";font-weight:700}.layout-modes .grid{grid-template-columns:repeat(5,1fr);align-items:start;gap:40px;margin-top:18px;display:grid}.layout-modes .mode .badge{background:var(--mode-color);width:64px;height:64px;color:color-mix(in srgb, var(--mode-color) 25%, #10131a);border-radius:50%;place-items:center;margin-bottom:22px;font-size:32px;font-weight:700;display:grid}.layout-modes .mode h3{margin-bottom:14px;font-size:38px;font-weight:700;line-height:1.1}.layout-modes .mode .good-for{font-size:var(--fs-min);color:var(--color-text-muted-on-stage);margin-bottom:10px}.layout-modes .mode p.prompt{font-size:var(--fs-min);line-height:1.32}.layout-closing{height:100%;padding:var(--canvas-pad-top) var(--canvas-pad-x) 96px;grid-template-columns:1fr auto;align-items:center;gap:80px;display:grid}.layout-closing .statement{font-size:var(--fs-title);letter-spacing:-.015em;font-weight:700;line-height:1.1}.layout-closing .items{font-size:var(--fs-body);color:var(--color-text-on-stage);flex-direction:column;gap:18px;margin-top:56px;display:flex}.layout-closing .items li{border-left:4px solid var(--bar-5);padding-left:22px}.layout-closing .closing-qr{text-align:center;max-width:440px}.layout-closing .closing-qr .label{font-size:var(--fs-min);color:var(--color-text-muted-on-stage);margin-top:26px}.layout-closing .closing-qr .short-url{font-size:var(--fs-min);color:var(--color-accent-on-stage);word-break:break-all;margin-top:10px}
