/* An open studio for the physical prototype; the existing independent glass controls stay intact. */
.petal-3d-lab{grid-template-columns:1.3fr 1fr!important;align-items:start!important;gap:36px!important}
.petal-3d-lab .flower-visual{height:auto!important;aspect-ratio:auto!important;align-self:start;min-width:0;position:relative}
.petal-3d-lab [hidden]{display:none!important}
.petal-3d-lab .flower-visual>div{width:100%;min-width:0}
.petal-view-switch{display:flex;gap:24px;align-items:center;border-bottom:1px solid #ddd;padding-bottom:14px;margin-bottom:5px}
.petal-view-switch button,.petal-view-tools button,.petal-live-state button{font:inherit;font-size:11px!important;background:none;border:0;color:#666;padding:8px 0;cursor:pointer;white-space:nowrap}
.petal-view-switch button[aria-pressed=true]{color:#111;text-decoration:underline;text-underline-offset:9px;text-decoration-thickness:1px}
.petal-view-switch button:focus-visible,.petal-view-tools button:focus-visible,.petal-live-state button:focus-visible{outline:1px solid #666;outline-offset:4px;border-radius:5px}
.petal-viewport{height:590px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 61%,#eae9e510,transparent 65%);overflow:hidden}
.petal-webgl{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab;outline-offset:-3px}
.petal-webgl:focus-visible{outline:1px solid #b4b4ad}
.petal-loading{position:absolute;inset:15% 10%;width:80%;height:70%;object-fit:contain;opacity:.65}
.petal-viewport.is-ready .petal-loading{display:none}
.petal-stage-caption{position:absolute;left:0;bottom:14px;width:100%;display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:.07em;color:#666;pointer-events:none}
.petal-stage-caption span:last-child{letter-spacing:0}
.petal-view-tools{display:flex;align-items:center;gap:22px;padding:5px 0 14px;border-bottom:1px solid #ddd}
.petal-view-tools button{color:#444;transition:color .2s}
.petal-view-tools button:hover,.petal-view-tools button[aria-pressed=true]{color:#000;text-decoration:underline;text-underline-offset:5px}
.petal-view-tools>div{margin-left:auto;display:flex;gap:20px}.petal-view-tools>div button{font-size:18px!important;min-width:20px}
.petal-input-actions{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0 13px}
.petal-input-actions button{min-height:44px;padding:12px 14px;border:1px solid #ddd;border-radius:30px;background:#ffffff18;color:#171717;font:inherit;font-size:12px;cursor:pointer;touch-action:none;user-select:none}
.petal-input-actions.ultra-glass-ready button{background:transparent;border-color:transparent}
.petal-input-actions button:disabled{cursor:default;opacity:.42}.petal-input-actions button:focus-visible{outline:1px solid #777;outline-offset:4px}
.petal-touch-progress{height:2px;background:#dededb;max-width:calc(50% - 10px);overflow:hidden}.petal-touch-progress i{display:block;width:100%;height:100%;background:#9d7950;transform:scaleX(var(--touch-fill,0));transform-origin:left}
.petal-3d-lab .petal-input-guide{font-size:10px;line-height:1.8;margin:12px 0 25px!important;color:#656560!important}
.petal-distance-label{display:flex;justify-content:space-between;font-size:11px;color:#555;margin-bottom:4px}
.petal-3d-lab input[type=range]{width:100%;margin:9px 0;accent-color:#aaa79e}
.petal-3d-lab .petal-proximity-guide{font-size:10px;line-height:1.6;color:#777!important;margin:0}
.petal-3d-lab .flower-controls{padding-top:40px!important;min-width:0}
.petal-live-state{display:grid;grid-template-columns:5px 1fr;gap:10px;margin:22px 0 28px;align-items:start}
.petal-live-dot{width:5px;height:5px;margin-top:7px;background:#9b997d;border-radius:50%}
.petal-live-state p{font-size:11px!important;line-height:1.7;margin:0!important;min-height:38px}
.petal-live-state button{grid-column:2;justify-self:start;padding-top:0;text-decoration:underline;text-underline-offset:4px}
.petal-3d-lab .petal-preview-label{font-size:8px!important;letter-spacing:.07em;color:#777!important;margin-bottom:0}
.petal-3d-lab .flower-state-buttons{margin-top:16px}
.petal-3d-lab .gesture-model{flex-wrap:wrap;gap:24px;min-height:0;padding:25px 0 0}
.petal-3d-lab .gesture-motion{width:100%;gap:18px;transform:none}
.petal-3d-lab .gesture-axis{grid-template-columns:65px 1fr 33px}
.petal-3d-lab .gesture-axis i{animation:none!important;transition:left .12s linear}
.petal-3d-lab .gesture-axis output{font-size:9px;text-align:right;color:#65655e;font-variant-numeric:tabular-nums}
.petal-3d-lab [data-petal-study]{height:590px;position:relative}
.petal-3d-lab [data-petal-study] .flower-touch-pad{height:100%;position:relative;background:transparent}
.petal-3d-lab [data-petal-study] .flower-illustration-caption{left:6%;bottom:15px}
.petal-context-lost .petal-loading{display:block!important}.petal-context-lost .petal-webgl{visibility:hidden}
@media(max-width:1000px){.petal-3d-lab{grid-template-columns:1.15fr 1fr!important;gap:24px!important}.petal-viewport{height:510px}.petal-stage-caption{display:block;line-height:1.8}.petal-stage-caption span{display:block}.petal-view-tools{gap:15px}.petal-input-actions{gap:16px}.petal-input-actions button{font-size:11px}}
@media(max-width:700px){.petal-3d-lab{grid-template-columns:1fr!important;gap:35px!important}.petal-viewport{height:480px}.petal-3d-lab .flower-controls{padding-top:12px!important}.petal-3d-lab [data-petal-study]{height:420px}.petal-stage-caption{display:flex}.petal-3d-lab .flower-state-buttons{gap:16px 20px!important}.petal-view-switch{gap:25px}.petal-view-tools{gap:24px}.petal-3d-lab #flower-response{min-height:50px}.petal-input-actions button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.petal-3d-lab .gesture-axis i{transition:none}}