.body-screen{max-width:1000px!important}.body-screen .simple-heading{margin-bottom:18px}.body-note{color:#796674;font-size:14px;line-height:1.6}.body-preview-link{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px!important;text-decoration:none;color:inherit;background:linear-gradient(120deg,#f6e9ef,#ecf0e4)}.body-preview-link .eyebrow{font-size:10px;letter-spacing:1.4px}.body-preview-link h2{margin:9px 0;font-size:23px}.body-preview-link p{font-size:14px;line-height:1.6;margin:0}.body-preview-link>span{font-size:28px;color:#80546d}.body-setup,.body-adjustments{padding:24px;margin:22px 0}.body-setup label,.body-adjustments label{font-weight:600;display:block}.body-height-row{display:flex;align-items:center;gap:14px;margin:12px 0}.body-height-row input{width:180px;max-width:100%;flex:1;min-width:0}.body-height-row .button{flex:1}.body-error{color:#873d59;line-height:1.6;min-height:1.5em;font-size:14px}.body-viewer{padding:24px 14px 18px;background:radial-gradient(ellipse at 50% 45%,#fffdfa,#f2e9e9);overflow:hidden}.body-figures{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:12px}.body-figures>div{display:flex;flex-direction:column;gap:6px}.body-figures h2{font:26px/1.2 Georgia,serif;margin:0;color:#694b60}.body-figures strong{font-size:18px;color:#684a5b}.body-figures span{font-size:11px;color:#796674}.body-stage{position:relative;width:100%;height:clamp(360px,65vh,580px);isolation:isolate}.body-stage canvas{display:block;width:100%;height:100%;position:relative;z-index:1}.body-ground{position:absolute;bottom:var(--ground-bottom,4%);width:30%;height:16px;border-radius:50%;background:#674e6b1d;filter:blur(7px);pointer-events:none}.body-ground-left{left:10%}.body-ground-right{left:60%}.body-views{display:flex;justify-content:center;gap:10px}.body-views button{border:1px solid #d4bdc9;border-radius:30px;padding:10px 23px;background:#fffaf6;color:#735369;min-height:44px;font:inherit}.body-views button[aria-pressed=true]{background:#82556e;color:white;border-color:#82556e}.body-adjustments h2{font:26px/1.2 Georgia,serif;margin-top:0}.body-adjustments label{margin:22px 0 8px}.body-adjustments output{float:right;font-size:13px;font-weight:400;color:#765469}.body-adjustments input[type=range]{width:100%;min-height:44px;padding:0;accent-color:#966780;cursor:pointer}.body-range-ends{display:flex;justify-content:space-between;color:#796674;font-size:12px}.body-adjustments details{margin-top:25px;border-top:1px solid #e2d3db;padding-top:18px}.body-adjustments summary{cursor:pointer;font-weight:600;min-height:35px}.body-options{display:grid;grid-template-columns:1fr 1fr;gap:18px}.body-options select{width:100%;margin-top:9px;min-height:48px}.body-actions{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:26px}.body-actions .button{min-width:170px}.body-screen button:focus-visible,.body-screen input:focus-visible,.body-screen select:focus-visible,.body-screen summary:focus-visible{outline:3px solid #956a83;outline-offset:4px}.body-screen [hidden]{display:none!important}@media(max-width:540px){.body-screen{padding-left:18px!important;padding-right:18px!important}.body-height-row{flex-direction:column;align-items:stretch}.body-height-row input{width:100%;flex:auto}.body-height-row .button{flex:auto}.body-setup,.body-adjustments{padding:20px 17px}.body-viewer{padding-left:4px;padding-right:4px}.body-figures h2{font-size:24px}.body-stage{height:430px;height:clamp(340px,60svh,480px)}.body-options{grid-template-columns:1fr}.body-actions{flex-wrap:wrap}.body-actions .button{flex:1}.body-views button{padding:10px 20px}}@media(max-width:350px){.body-views{gap:5px}.body-views button{padding:10px 14px}.body-figures span{font-size:10px}}
