.widget-studio{--ws-ink:#172923;--ws-soft:#f1f5f2;--ws-stroke:#dce5de;--ws-mint:#c1ead3;border:1px solid var(--ws-stroke);color:var(--ws-ink);text-align:left;background:#fff;border-radius:26px;min-width:0;scroll-margin-top:100px;overflow:clip}.ws-header{border-bottom:1px solid var(--ws-stroke);background:linear-gradient(110deg,#f0f7f2,#fff 70%);justify-content:space-between;align-items:flex-start;gap:20px;padding:28px 30px 24px;display:flex}.ws-header .eyebrow{align-items:center;gap:7px;margin:0 0 9px;display:flex}.ws-header h2{font-family:var(--font-display);margin:0 0 9px;font-size:clamp(23px,2.2vw,32px);font-weight:500;line-height:1.25}.ws-header p:last-child{color:#637369;margin:0;font-size:13px}.ws-header>button{color:#526759;flex-shrink:0}.ws-layout{grid-template-columns:minmax(300px,390px) minmax(0,1fr);display:grid}.ws-controls{border-right:1px solid var(--ws-stroke);background:#fbfcfa;min-width:0}.ws-step-tabs{border-bottom:1px solid var(--ws-stroke);grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:17px;display:grid}.ws-step-tabs button{color:#647568;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 6px;font-size:12px;display:flex}.ws-step-tabs button>span{border:1px solid #cbd8cd;border-radius:50%;place-content:center;width:18px;height:18px;font-size:10px;display:grid}.ws-step-tabs button>svg{display:none}.ws-step-tabs button[aria-pressed=true]{background:var(--ws-ink);color:#fff}.ws-step-tabs button[aria-pressed=true]>span{background:#395346;border-color:#5b7464}.ws-control-panel{padding:22px}.ws-panel-intro h3{font-size:20px;font-weight:500;font-family:var(--font-display);margin:0 0 6px}.ws-panel-intro p{color:#66766b;margin:0 0 22px;font-size:12px;line-height:1.65}.widget-studio fieldset{border:0;min-width:0;margin:0;padding:0}.widget-studio legend{float:none;color:#5a705f;text-transform:uppercase;letter-spacing:.11em;margin:0 0 10px;padding:0;font-size:10px;font-weight:650}.ws-variant-groups{gap:22px;display:grid}.ws-variant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.ws-variant-choice{text-align:left;cursor:pointer;min-width:0;color:var(--ws-ink);background:#fff;border:1px solid #dce5de;border-radius:13px;flex-direction:column;gap:10px;padding:10px;transition:border-color .18s,background .18s,transform .18s;display:flex;position:relative}.ws-variant-choice:hover{background:#f7fbf7;border-color:#779d85;transform:translateY(-1px)}.ws-variant-choice[data-selected=true]{background:#f1f8f3;border-color:#406b51;box-shadow:0 0 0 1px #406b51}.ws-variant-choice>svg{color:#2b6a44;position:absolute;top:9px;right:9px}.ws-variant-choice strong{font-size:11px;font-weight:650;line-height:1.5;display:block}.ws-variant-choice small{color:#6c7a6f;margin-top:2px;font-size:9px;line-height:1.5;display:block}.ws-miniature{background:#254539;border-radius:6px;gap:3px;width:58px;height:32px;padding:7px;display:flex;position:relative}.ws-miniature i{background:#b9dec5;border-radius:3px;width:22px;height:4px;position:absolute;top:8px;left:7px}.ws-miniature i:nth-child(2){background:#769886;width:34px;top:16px}.ws-miniature i:nth-child(3){background:#769886;width:18px;height:2px;top:23px}.ws-miniature-compact,.ws-miniature-strip,.ws-miniature-stars{height:19px;margin-top:6px;margin-bottom:7px}.ws-miniature-strip{width:70px}.ws-miniature-compact i,.ws-miniature-strip i,.ws-miniature-stars i{width:5px;height:6px;top:6px}.ws-miniature-compact i:nth-child(2),.ws-miniature-strip i:nth-child(2),.ws-miniature-stars i:nth-child(2){width:5px;height:6px;top:6px;left:16px}.ws-miniature-compact i:nth-child(3),.ws-miniature-strip i:nth-child(3),.ws-miniature-stars i:nth-child(3){width:20px;top:8px;left:29px}.ws-miniature-seal{border-radius:50%;width:35px;margin-left:11px}.ws-miniature-seal i{width:13px;left:11px}.ws-miniature-seal i:nth-child(2){width:16px;left:9px}.ws-miniature-seal i:nth-child(3){display:none}.ws-miniature-grid{background:linear-gradient(90deg,#254539 48%,#0000 48% 52%,#254539 52%);width:70px}.ws-miniature-grid i{width:16px}.ws-miniature-grid i:nth-child(2){width:16px;top:8px;left:43px}.ws-miniature-grid i:nth-child(3){width:49px}.ws-miniature-sidebar,.ws-miniature-sidebar-stars,.ws-miniature-sidebar-brand{border-radius:10px 0 0 10px;width:63px;height:22px;margin-top:4px;margin-bottom:6px}.ws-miniature-sidebar i:nth-child(3),.ws-miniature-sidebar-stars i:nth-child(3),.ws-miniature-sidebar-brand i:nth-child(3){display:none}.ws-miniature-sidebar-review{border-radius:9px 0 0 9px}.ws-miniature-floating{border-radius:15px 15px 5px;width:34px;height:32px}.ws-miniature-floating i{width:12px;left:11px}.ws-miniature-floating i:nth-child(2),.ws-miniature-floating i:nth-child(3){display:none}.ws-next{width:100%;margin-top:22px}.ws-tone-choices{gap:9px;display:grid}.ws-tone-choice{text-align:left;cursor:pointer;background:#fff;border:1px solid #dce5de;border-radius:13px;align-items:center;gap:12px;min-width:0;padding:11px;display:flex}.ws-tone-choice[aria-pressed=true]{background:#f3f8f4;border-color:#3f6d51;box-shadow:0 0 0 1px #3f6d51}.ws-tone-choice>span:nth-child(2){flex:1;min-width:0}.ws-tone-choice strong{font-size:13px;display:block}.ws-tone-choice small{color:#6d7a70;margin-top:3px;font-size:10px;line-height:1.5;display:block}.ws-tone-choice:disabled{cursor:not-allowed;background:#f6f7f4}.ws-tone-swatch{border-radius:12px;flex-shrink:0;place-content:center;width:43px;height:43px;display:grid}.ws-tone-swatch-ink{color:#b2e7c9;background:#172923}.ws-tone-swatch-mint{color:#2f7650;background:#daf4e6}.ws-tone-swatch-paper{color:#254f38;background:#fff;border:1px solid #dbe5dd}.ws-tone-swatch-custom{color:#38563f;background:linear-gradient(145deg,#efe0cc,#c9e9dc)}.ws-permission-note{color:#65766a;margin:15px 0 0;font-size:11px;line-height:1.7}.ws-permission-note a{text-underline-offset:3px;color:#31583e;text-decoration:underline}.ws-custom-options{border-top:1px solid #dce5de;gap:18px;margin-top:20px;padding-top:20px;display:grid}.ws-color-control{grid-template-columns:minmax(0,1fr) 38px 100px;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:grid}.ws-color-control input[type=color]{cursor:pointer;background:#fff;border:1px solid #dce5de;border-radius:8px;width:38px;height:32px;padding:3px}.ws-color-control input[type=text]{background:#fff;border:1px solid #dce5de;border-radius:8px;width:100%;min-width:0;padding:8px;font:11px ui-monospace,monospace}.ws-color-control input[aria-invalid=true]{border-color:#aa482e}.ws-contrast-note{color:#326d45;margin:-7px 0 0;font-size:10px;line-height:1.65}.ws-contrast-note[data-warning=true]{color:#92472e}.ws-contrast-note button{text-underline-offset:3px;color:inherit;font-size:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline;display:block}.ws-icon-choices{flex-wrap:wrap;gap:6px;display:flex}.ws-icon-choices button{cursor:pointer;color:#4b6754;background:#fff;border:1px solid #dce5de;border-radius:8px;place-content:center;width:32px;height:32px;display:grid}.ws-icon-choices button[aria-pressed=true]{color:#e5f4ea;background:#172923;border-color:#172923}.ws-reading-options{border-top:1px solid #dce5de!important;margin-top:22px!important;padding-top:20px!important}.ws-reading-options legend{margin-bottom:12px}.ws-playback{flex-wrap:wrap;gap:6px;display:flex}.ws-playback button{color:#52695a;cursor:pointer;background:#fff;border:1px solid #dce5de;border-radius:8px;align-items:center;gap:5px;padding:9px;font-size:10px;display:flex}.ws-playback button[aria-pressed=true]{color:#1e5633;background:#e9f3eb;border-color:#92b79b}.ws-check-control{align-items:center;gap:8px;margin-top:16px;font-size:12px;display:flex}.ws-check-control input{accent-color:#376148;width:15px;height:15px}.ws-reading-options p{color:#6d7e71;margin:8px 0 0;font-size:10px;line-height:1.6}.ws-platform{gap:8px;font-size:12px;font-weight:600;display:grid}.ws-platform select{background:#fff;border:1px solid #dce5de;border-radius:10px;width:100%;padding:10px;font-size:12px}.ws-installation-steps{gap:17px;margin:22px 0 0;padding:0;list-style:none;display:grid}.ws-installation-steps li{grid-template-columns:24px minmax(0,1fr);align-items:start;gap:10px;display:grid}.ws-installation-steps li>span{color:#34583f;background:#e8f2e9;border-radius:50%;place-content:center;width:24px;height:24px;font-size:11px;display:grid}.ws-installation-steps p{color:#5d7062;margin:1px 0 0;font-size:12px;line-height:1.7}.ws-result{background:radial-gradient(at 90% 30%,#e7f0e7 0,#0000 65%),#f1f5f0;min-width:0;padding:23px 26px 26px}.ws-preview-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.ws-preview-toolbar>div:first-child{flex-direction:column;gap:4px;min-width:0;display:flex}.ws-preview-toolbar strong{font-size:14px;font-weight:650}.ws-preview-toolbar span{color:#6b7e70;font-size:10px}.ws-device-controls{background:#fff;border:1px solid #dce5de;border-radius:11px;flex-shrink:0;gap:3px;padding:4px;display:flex}.ws-device-controls button{color:#728779;cursor:pointer;background:0 0;border:0;border-radius:7px;place-content:center;width:32px;height:30px;display:grid}.ws-device-controls button[aria-pressed=true]{color:#e0f0e5;background:#20382c}.ws-data-switch{flex-wrap:wrap;gap:5px;margin:0 0 13px;display:flex}.ws-data-switch button{color:#667b6b;cursor:pointer;background:#f7faf5;border:1px solid #d0ddd1;border-radius:20px;padding:7px 11px;font-size:10px}.ws-data-switch button[aria-pressed=true]{color:#294f36;background:#e2eee3;border-color:#61836a}.ws-preview-shell{background:#fff;border:1px solid #d0dcd1;border-radius:16px;width:100%;margin:0 auto;overflow:hidden;box-shadow:0 18px 34px -22px #35583d55}.ws-preview-mobile{max-width:360px}.ws-browser-bar{background:#fbfcf9;border-bottom:1px solid #e5ebe4;align-items:center;gap:10px;padding:12px;display:flex}.ws-browser-bar>span{gap:4px;display:flex}.ws-browser-bar i{background:#c8d5c9;border-radius:50%;width:5px;height:5px;display:block}.ws-browser-bar p{color:#728477;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:10px;overflow:hidden}.ws-browser-bar small{color:#6f8373;flex-shrink:0;font-size:9px}.ws-preview-canvas{isolation:isolate;min-height:380px;padding:0 24px 26px;position:relative;overflow:hidden}.ws-site-skeleton{opacity:.85;padding:22px 0 18px}.ws-skeleton-nav{align-items:center;gap:10px;display:flex}.ws-skeleton-nav b{background:#587963;border-radius:2px;width:55px;height:11px;margin-right:auto}.ws-skeleton-nav i{background:#d4dfd4;border-radius:4px;width:25px;height:4px}.ws-skeleton-heading{background:#d6e2d5;border-radius:4px;width:55%;height:16px;margin-top:33px}.ws-skeleton-subtitle{background:#e0e9dc;border-radius:4px;width:72%;height:6px;margin-top:11px}.ws-skeleton-products{gap:9px;margin-top:22px;display:flex}.ws-skeleton-products span{background:linear-gradient(130deg,#f1e7d9,#edf1e8);border-radius:7px;flex:1;height:57px;display:block}.ws-skeleton-products span:nth-child(2){background:linear-gradient(130deg,#e0ecdd,#c5d8c8)}.ws-skeleton-products span:nth-child(3){background:linear-gradient(130deg,#eedfd8,#e6e8df)}.ws-widget-placement{z-index:1;min-width:0}.ws-widget-inline{max-width:560px;margin:0 auto;position:relative}.ws-widget-at-edge{max-width:calc(100% - 12px);position:absolute;top:45%;right:0}.ws-widget-at-corner{max-width:calc(100% - 32px);position:absolute;bottom:16px;right:16px}:is(.ws-preview-canvas:has(.ws-widget-at-edge),.ws-preview-canvas:has(.ws-widget-at-corner)){min-height:410px}.ws-preview-canvas-grid,.ws-preview-canvas-carousel{min-height:450px}.ws-preview-mobile .ws-preview-canvas{padding-inline:16px}.ws-preview-mobile .ws-skeleton-nav i:last-child{display:none}.ws-preview-disclosure{color:#637769;margin:12px 2px 22px;font-size:10px;line-height:1.6}.ws-code-panel{background:#fff;border:1px solid #d8e3d9;border-radius:16px;padding:15px}.ws-code-panel>div{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.ws-code-panel label{align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.ws-code-panel textarea{resize:vertical;color:#3b5543;overflow-wrap:anywhere;white-space:pre-wrap;background:#f7faf5;border:1px solid #e0e8de;border-radius:9px;width:100%;min-height:100px;padding:11px;font:10px/1.6 ui-monospace,SFMono-Regular,monospace}.ws-code-panel textarea::placeholder{color:#819183}.ws-code-panel p{color:#6a7c6e;min-height:30px;margin:9px 0 0;font-size:10px;line-height:1.5}.widget-studio button:focus-visible,.widget-studio input:focus-visible,.widget-studio select:focus-visible,.widget-studio textarea:focus-visible{outline-offset:3px;outline:2px solid #406e50}.widget-studio-compact .ws-layout{grid-template-columns:1fr}.widget-studio-compact .ws-controls{border-right:0;border-bottom:1px solid var(--ws-stroke)}.widget-studio-compact .ws-variant-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.widget-studio-compact .ws-header{padding:21px}.widget-studio-compact .ws-header h2{font-size:22px}.widget-studio-compact .ws-result{padding:20px}.widget-studio-compact .ws-variant-choice{min-height:99px}.dash-shop-card:has(.widget-studio){min-width:0}@media (width<=1000px){.ws-layout{grid-template-columns:minmax(260px,330px) minmax(0,1fr)}.ws-control-panel{padding:18px}.ws-result{padding:20px}}@media (width<=820px){.ws-layout{grid-template-columns:1fr}.ws-controls{border-right:0;border-bottom:1px solid var(--ws-stroke)}.ws-variant-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ws-header{padding:23px}.ws-step-tabs button>svg{display:block}}@media (width<=540px){.widget-studio{border-radius:19px}.ws-header{flex-direction:column;gap:13px;padding:20px 17px}.ws-header>button{height:25px;padding-left:0}.ws-header h2{max-width:20ch;font-size:24px}.ws-control-panel{padding:18px 14px}.ws-step-tabs{padding:12px}.ws-step-tabs button>svg{display:none}.ws-variant-grid,.widget-studio-compact .ws-variant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-result,.widget-studio-compact .ws-result{padding:18px 12px}.ws-code-panel{padding:12px}.ws-code-panel label{font-size:11px}.ws-preview-toolbar{align-items:start}.ws-preview-toolbar strong{font-size:13px}.ws-preview-canvas{padding-inline:12px}.ws-browser-bar{gap:7px;padding:10px}.ws-browser-bar small{display:none}.ws-color-control{grid-template-columns:minmax(0,1fr) 36px 94px}.ws-tone-choice small{font-size:10px}.ws-variant-choice small{font-size:9px}}@media (prefers-reduced-motion:reduce){.ws-variant-choice{transition:none}.ws-variant-choice:hover{transform:none}}