.workshop-scene{width:100%;height:350px;min-height:180px;display:flex;flex-direction:column;gap:18px;justify-content:center;padding:24px;background:#eef1e7;border:1px solid #dce2d4;border-radius:8px;color:#34432e;overflow:hidden;font-family:var(--sans);container-type:inline-size;align-self:flex-start}.workshop-scene .scene-button{font:650 16px/1.3 var(--sans);min-height:38px;padding:8px 18px;background:#496143;color:#fff;border:0;border-radius:5px;align-self:center;box-shadow:none}.workshop-scene .scene-button:hover{background:#32482d}.scene-reveal{display:flex;flex:1;gap:16px;min-height:0}.scene-reveal-item{flex:1;display:flex;align-items:center;justify-content:center;padding:18px;text-align:center;white-space:pre-line;font-size:clamp(16px,4cqw,36px);font-weight:700;background:#fffdf8;border-bottom:5px solid #b9cc9a;border-radius:4px;opacity:.12;transform:translateY(10px);transition:opacity .3s,transform .3s}.scene-reveal-item.shown{opacity:1;transform:none}.scene-captions{display:flex;justify-content:space-between;font-size:15px;font-weight:650}.scene-images{position:relative;flex:1;min-height:0;overflow:hidden;background:#fff}.scene-images img{display:block;width:100%;height:100%;object-fit:contain}.scene-compare-cover{position:absolute;inset:0;clip-path:inset(0 50% 0 0);background:#f6f4eb}.scene-compare-line{position:absolute;top:0;bottom:0;width:2px;background:#4a6242;left:50%;pointer-events:none}.scene-compare-line:after{content:'↔';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;background:#fff;border:1px solid #d9e0d1;border-radius:50%;display:grid;place-items:center;font:20px var(--sans)}.workshop-scene input[type=range]{width:100%;min-height:25px;height:25px;padding:0;accent-color:#4a6242;background:transparent;border:0;margin:0}.scene-value{display:flex;justify-content:center;align-items:baseline;gap:12px}.scene-number{font-size:clamp(40px,10cqw,86px);font-weight:780;line-height:1.1;letter-spacing:-.06em}.scene-value small{font-size:25px;font-weight:650}.scene-track{height:17px;background:#dce3ce;border-radius:12px;overflow:hidden;margin:8px}.scene-fill{display:block;width:0;height:100%;background:#768f5c;border-radius:12px}.scene-carousel-image{display:block;flex:1;width:100%;min-height:0;height:0;object-fit:contain;background:#fff}.scene-carousel-controls{display:flex;align-items:center;justify-content:center;gap:14px;font-size:15px}.scene-carousel-controls .scene-button{min-height:30px;padding:4px 12px}.scene-carousel-controls output{font:inherit}body.is-editing:not(.is-behavior-preview) #deck .scene-reveal-item{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.scene-reveal-item{transition:none}}