.block-demo{margin:2rem 0;border:1px solid #64746d55;border-radius:18px;background:#edf2ed;color:#21362b;overflow:hidden}.block-stage{height:340px;position:relative;perspective:1000px;overflow:hidden;background:radial-gradient(ellipse at center,#fff,#d8e4d9)}.block-world{left:50%;top:62%}.block-cube,.block-world{position:absolute;transform-style:preserve-3d}.block-cube{width:24px;height:24px}.block-cube span{position:absolute;inset:0;display:block;box-shadow:inset 0 0 0 .5px #0002;backface-visibility:hidden}.block-controls{display:flex;align-items:center;gap:18px;padding:18px;flex-wrap:wrap;font-size:13px}.block-controls label{display:flex;align-items:center;gap:10px;flex:1;min-width:160px}.block-controls input{width:100%;accent-color:#45674b}.block-controls button{background:#fff;border:1px solid #79927e;border-radius:7px;padding:7px 12px;cursor:pointer}.block-controls :focus-visible{outline:3px solid #536ca9;outline-offset:3px}.block-demo figcaption{padding:0 18px 18px;font-size:12px;line-height:1.6;color:#425749}@media(max-width:480px){.block-stage{height:290px}.block-controls{gap:12px}}