._demo_1ts93_1{color:#253d2c;grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:30px;display:grid}._viewerColumn_1ts93_2{min-width:0}._stage_1ts93_3{isolation:isolate;background:radial-gradient(at 40% 25%,#fafff4,#edf2e8 72%);border:1px solid #dce5d3;border-radius:26px;height:560px;scroll-margin-top:100px;position:relative;overflow:hidden}._canvasHost_1ts93_4{position:absolute;inset:0}._canvasHost_1ts93_4:focus-visible{outline-offset:-5px;border-radius:24px;outline:3px solid #53733e}._canvasHost_1ts93_4 canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}._canvasHost_1ts93_4 canvas:active{cursor:grabbing}._canvasHost_1ts93_4 canvas:focus-visible{outline-offset:-5px;border-radius:24px;outline:3px solid #53733e}._permanentLabel_1ts93_9{z-index:2;color:#39533c;pointer-events:none;background:#fbfdf7ed;border:1px solid #d0dcc5;border-radius:999px;width:fit-content;max-width:calc(100% - 40px);padding:8px 12px;font-size:11px;font-weight:650;line-height:1.5;position:absolute;top:20px;left:20px;right:20px}._permanentLabel_1ts93_9>span{font-weight:500;display:block}._stageError_1ts93_11{min-height:330px;height:auto!important}._stageError_1ts93_11 ._cover_1ts93_12{padding:90px 24px 28px;position:relative;inset:auto}._cover_1ts93_12{background:radial-gradient(at 40% 25%,#fafff4,#edf2e8 72%);flex-direction:column;justify-content:center;align-items:center;padding:64px 28px 30px;display:flex;position:absolute;inset:0}._sketch_1ts93_14{object-fit:contain;filter:drop-shadow(0 20px 14px #40532b17);width:min(540px,100%);height:auto;max-height:240px;margin-block:-20px 15px}._coverText_1ts93_15{text-align:center;max-width:380px}._sketchLabel_1ts93_16{color:#60725a;letter-spacing:.035em;margin-bottom:12px;font-size:10px;display:block}._cover_1ts93_12 h3{letter-spacing:-.035em;margin:0 0 10px;font-size:clamp(23px,2.2vw,30px);font-weight:550;line-height:1.13}._cover_1ts93_12 p{color:#5a6c52;max-width:330px;margin:0 auto 19px;font-size:13px;line-height:1.65}._cover_1ts93_12 a{color:#365c35;text-underline-offset:4px;margin-bottom:20px;font-size:13px;text-decoration:underline;display:inline-block}._start_1ts93_20{color:#fff;min-height:48px;font:inherit;cursor:pointer;background:#294a34;border:1px solid #294a34;border-radius:999px;justify-content:center;align-items:center;gap:24px;padding:14px 23px;font-size:13px;font-weight:650;display:inline-flex}._start_1ts93_20:hover:not(:disabled){background:#3c6240}._start_1ts93_20:disabled{opacity:.7;cursor:wait}._errorIcon_1ts93_23{color:#4b6341;background:#e3ecd8;border:1px solid #b8c9aa;border-radius:20px;place-items:center;width:64px;height:64px;margin:0 auto 23px;font-size:21px;display:grid}._stageHint_1ts93_24{color:#50664a;pointer-events:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;font-size:11px;display:flex;position:absolute;bottom:22px;left:22px;right:22px}._stageHint_1ts93_24>span:first-child{font-size:18px}._status_1ts93_26{color:#67775f;min-height:18px;margin:11px 5px 0;font-size:11px;line-height:1.6}._keyboardHint_1ts93_27{color:#64755a;margin:4px 5px 0;font-size:10px;line-height:1.6}._panel_1ts93_28{padding-top:10px}._eyebrow_1ts93_29{letter-spacing:.09em;text-transform:uppercase;color:#687d5a;font-size:10px;font-weight:700}._panel_1ts93_28 h2{letter-spacing:-.04em;margin:16px 0;font-size:34px;font-weight:550;line-height:1.1}._panelIntro_1ts93_31 p{color:#5b6c53;margin:0 0 28px;font-size:13px;line-height:1.75}._controls_1ts93_32{border:0;min-width:0;margin:0 0 26px;padding:0}._controls_1ts93_32 legend{color:#41583c;margin-bottom:12px;padding:0;font-size:12px;font-weight:650}._controls_1ts93_32:disabled{opacity:.48}._controls_1ts93_32 button{cursor:pointer;font-family:inherit}._controls_1ts93_32:disabled button,._controls_1ts93_32 button:disabled{cursor:default}._colors_1ts93_37{grid-template-columns:1fr 1fr;gap:8px;display:grid}._swatch_1ts93_38{color:#3c5239;background:#fff;border:1px solid #dbe3d4;border-radius:10px;align-items:center;gap:8px;min-height:46px;padding:10px;font-size:11px;display:flex}._swatch_1ts93_38>span:first-child{border:1px solid #20302126;border-radius:50%;flex-shrink:0;width:22px;height:22px;box-shadow:inset 0 2px 3px #ffffff4d}._swatch_1ts93_38[aria-pressed=true]{background:#f0f6e8;border-color:#5f8050}._selected_1ts93_41{color:#476b36;margin-left:auto;font-weight:800}._swatch_1ts93_38[aria-busy=true]{border-style:dashed}._variantError_1ts93_43{color:#8a3b28;margin:12px 0 0;font-size:12px;line-height:1.6}._views_1ts93_44{grid-template-columns:1fr 1fr;gap:8px;display:grid}._views_1ts93_44 button{color:#3c5239;background:#fff;border:1px solid #dbe3d4;border-radius:9px;min-height:43px;padding:10px;font-size:12px}._views_1ts93_44 button:last-child{grid-column:1/-1;justify-content:center;gap:15px;display:flex}._views_1ts93_44 button[aria-pressed=true]{background:#e7f0dc;border-color:#9ab483}._zoom_1ts93_48{align-items:center;gap:8px;margin-top:14px;display:flex}._zoom_1ts93_48>span{color:#5b6c53;margin-right:auto;font-size:11px}._zoom_1ts93_48 button{color:#365030;background:#fff;border:1px solid #d3dec9;border-radius:9px;width:43px;height:43px;font-size:22px;line-height:1}._auto_1ts93_51{color:#3b5e33;background:#edf5e3;border:1px solid #c5d6b4;border-radius:10px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:44px;margin-top:13px;padding:11px;font-size:12px;font-weight:600;display:flex}._auto_1ts93_51[aria-pressed=true]{background:#d9eac8;border-color:#7d9d63}._auto_1ts93_51:disabled{opacity:.6}._motionNote_1ts93_54{color:#607453;margin:9px 0 0;font-size:11px;line-height:1.65}._disclaimer_1ts93_55{color:#65755c;border-top:1px solid #dce5d4;margin:-2px 0 15px;padding-top:17px;font-size:11px;line-height:1.75}._nativeLink_1ts93_56{color:#31562f;text-underline-offset:4px;justify-content:space-between;align-items:center;gap:15px;font-size:12px;font-weight:650;text-decoration:underline;display:flex}:is(._demo_1ts93_1 button:focus-visible,._demo_1ts93_1 a:focus-visible){outline-offset:4px;outline:3px solid #53733e}._controls_1ts93_32:not(:disabled) button:hover:not(:disabled){background-color:#eaf2e2;border-color:#7c9a66}@media (max-width:950px){._demo_1ts93_1{grid-template-columns:minmax(0,1fr) 260px;gap:22px}._stage_1ts93_3{height:540px}._panel_1ts93_28 h2{font-size:30px}}@media (max-width:700px){._demo_1ts93_1{grid-template-columns:1fr;gap:25px}._stage_1ts93_3{border-radius:20px;height:430px}._panel_1ts93_28{grid-template-columns:1fr 1fr;gap:0 22px;padding:0 3px;display:grid}._panelIntro_1ts93_31,._disclaimer_1ts93_55,._nativeLink_1ts93_56{grid-column:1/-1}._panel_1ts93_28 h2{margin:12px 0;font-size:31px}._keyboardHint_1ts93_27{display:none}._panelIntro_1ts93_31 p{max-width:520px;margin-bottom:24px}._permanentLabel_1ts93_9{max-width:calc(100% - 30px);font-size:10px;top:15px;left:15px;right:15px}._cover_1ts93_12{padding:64px 20px 25px}._sketch_1ts93_14{max-height:170px;margin-top:-14px}._cover_1ts93_12 h3{font-size:26px}._stageHint_1ts93_24{gap:7px;font-size:10px;bottom:16px;left:15px;right:15px}}@media (max-width:430px){._stage_1ts93_3{height:330px}._cover_1ts93_12{padding:84px 20px 18px}._sketch_1ts93_14{max-height:90px;margin-top:-8px}._sketch_1ts93_14~._coverText_1ts93_15 p,._sketch_1ts93_14~._coverText_1ts93_15 ._sketchLabel_1ts93_16{display:none}._permanentLabel_1ts93_9{border-radius:12px;font-size:11px}._cover_1ts93_12 h3{font-size:23px}._cover_1ts93_12 p{font-size:12px}._start_1ts93_20{gap:17px;padding:12px 18px;font-size:12px}._panel_1ts93_28{padding-inline:1px;display:block}._panel_1ts93_28 h2{font-size:30px}._controls_1ts93_32{margin-bottom:22px}._swatch_1ts93_38{padding:11px;font-size:12px}._stageHint_1ts93_24{background:#f8fcf0d9;border-radius:12px;gap:4px 7px;padding:7px 11px}._stageHint_1ts93_24>span:nth-child(2){display:none}}