.ws-dialog{--ws-ink:#071426;--ws-blue:#0866ff;--ws-muted:#64748b;position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;color:var(--ws-ink);background:#edf1f5;font:500 14px TodayJakarta,system-ui,sans-serif;overflow:hidden;color-scheme:light}.ws-dialog::backdrop{background:#071426b3}.ws-dialog *{box-sizing:border-box}.ws-dialog button,.ws-dialog input,.ws-dialog select{font:inherit}.ws-dialog button,.ws-dialog summary,.ws-photo-picker{cursor:pointer}.ws-dialog button:focus-visible,.ws-dialog select:focus-visible,.ws-dialog input:focus-visible,.ws-dialog summary:focus-visible,.ws-photo-picker:focus-within{outline:3px solid #0866ff;outline-offset:3px}.ws-shell{height:100%;display:flex;flex-direction:column}.ws-head{display:flex;align-items:center;gap:14px;flex:none;padding:18px 28px;border-bottom:1px solid #dce2e9;background:#f8fafc}.ws-head h2{margin:0;font-size:20px;font-weight:800;letter-spacing:-.6px}.ws-head p{margin:4px 0 0;color:var(--ws-muted);font-size:12px}.ws-badge{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:1.6px}.ws-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d9e0e8;border-radius:50%;background:white;color:var(--ws-ink)}.ws-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(300px,1fr) minmax(360px,480px);overflow:auto}.ws-preview{position:sticky;top:0;align-self:start;display:flex;align-items:center;flex-direction:column;padding:24px;min-width:0}.ws-stage{position:relative;aspect-ratio:9/16;width:min(100%,calc((100dvh - 235px)*9/16));background:#cfd8e2;box-shadow:0 16px 50px #12243d20;border-radius:10px;isolation:isolate;overflow:hidden}.ws-canvas{display:block;width:100%;height:100%}.ws-hits{position:absolute;inset:0}.ws-hit{position:absolute;padding:0;background:transparent;border:1.5px solid transparent;touch-action:none;min-width:0;border-radius:4px}.ws-hit:hover{border-color:#0866ff99}.ws-hit.is-selected{border:2px solid #0866ff;background:#0866ff0b;box-shadow:0 0 0 1px #ffffffb3}.ws-hint{font-size:11px;text-align:center;max-width:320px;line-height:1.6;color:var(--ws-muted);margin:16px 0 0}.ws-controls{padding:24px;min-width:0;background:#f8fafc;border-left:1px solid #dce2e9}.ws-tabs{display:flex;gap:4px;background:#e8edf3;padding:4px;border-radius:12px}.ws-tab{border:0;border-radius:9px;padding:12px 5px;min-height:44px;flex:1;background:transparent;color:#526278;font-weight:700!important;font-size:11px!important;white-space:nowrap}.ws-tab[aria-selected=true]{background:#fff;color:var(--ws-ink);box-shadow:0 2px 5px #0714260b}.ws-templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 24px}.ws-template{text-align:left;border:2px solid #dce2e9;border-radius:12px;background:#fff;padding:7px;color:var(--ws-ink);min-width:0}.ws-template[aria-pressed=true]{border-color:var(--ws-blue);box-shadow:0 0 0 2px #0866ff10}.ws-template canvas{display:block;width:100%;aspect-ratio:9/16;background:#dbe2ea;border-radius:5px;max-height:130px;object-fit:contain}.ws-template strong{display:block;font-size:11px;margin-top:8px;overflow-wrap:anywhere}.ws-template small{display:block;font-size:9px;line-height:1.4;color:var(--ws-muted);margin:4px 0}.ws-dialog h3{font-size:14px;letter-spacing:-.25px;margin:0;font-weight:800}.ws-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:24px 0 12px}.ws-section-title>span{font-size:10px;color:var(--ws-muted)}.ws-block-list{display:grid;gap:8px}.ws-block-select{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;border:1px solid #dce2e9;border-radius:12px;background:white;text-align:left;padding:12px;color:var(--ws-ink)}.ws-block-select[aria-pressed=true]{border-color:var(--ws-blue);background:#eef5ff}.ws-block-select strong{font-size:12px;flex:1}.ws-block-select>span:last-child{font-size:11px;color:var(--ws-blue)}.ws-block-select .wellness-icon{width:22px;height:22px}.ws-inspector{background:#fff;border:1px solid #dce2e9;border-radius:14px;padding:16px;margin-top:12px}.ws-inspector[hidden]{display:none}.ws-inspector .ws-section-title{margin:0 0 16px}.ws-field{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;margin:14px 0;min-height:32px;line-height:1.5}.ws-field:has(select){display:grid;gap:7px}.ws-field select{width:100%;min-height:44px;padding:10px 30px 10px 12px;border:1px solid #cad4df;border-radius:9px;background:#f8fafc;color:var(--ws-ink)}.ws-field input[type=range]{width:48%;accent-color:var(--ws-blue);min-height:36px;min-width:80px}.ws-field input[type=checkbox]{width:20px;height:20px;accent-color:var(--ws-blue);flex:none}.ws-metrics{border:0;padding:0;margin:12px 0}.ws-metrics legend{font-size:11px;color:var(--ws-muted)}.ws-metrics .ws-field{text-transform:capitalize}.ws-appearance{border-top:1px solid #dce2e9;margin-top:24px}.ws-dialog summary{font-size:12px;font-weight:700;min-height:44px;padding:14px 0}.ws-small{font-size:11px;color:var(--ws-muted);line-height:1.6;margin:8px 0}.ws-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 20px;border:1px solid #d0d9e3;background:white;border-radius:12px;font-weight:700!important;color:var(--ws-ink)}.ws-primary{background:var(--ws-blue);border-color:var(--ws-blue);color:white}.ws-button:disabled{opacity:.45;cursor:wait}.ws-button[hidden]{display:none}.ws-text-button{border:0;background:transparent;color:var(--ws-blue);font-size:11px!important;min-height:44px;padding:6px}.ws-photo{margin:18px 0}.ws-photo-picker{position:relative;width:100%;margin-top:12px;overflow:hidden}.ws-file{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.ws-status{min-height:34px;font-size:11px;line-height:1.6;color:var(--ws-muted);margin:20px 0 0}.ws-status.is-error{color:#b42318}.ws-footer{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:14px 28px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #dce2e9;background:#f8fafc}.ws-foot-note{margin-right:auto;color:var(--ws-muted);font-size:11px}.ws-footer .wellness-icon{width:19px;height:19px}.s2-share-entry{display:flex;align-items:center;gap:16px;border:1px solid #c5d8f7;background:#edf4ff;color:#071426;border-radius:18px;padding:20px;width:100%;text-align:left;margin:0 0 20px;font:inherit;cursor:pointer}.s2-share-entry>span:nth-child(2){display:grid;gap:6px;flex:1}.s2-share-entry strong{font-size:16px}.s2-share-entry small{font-size:12px;color:#526278}.s2-share-entry>.wellness-icon{width:26px;height:26px;color:#0866ff}
@media(min-width:1400px){.ws-body{grid-template-columns:minmax(300px,1fr) 500px}.ws-controls{padding:30px}.ws-stage{width:min(100%,calc((100dvh - 235px)*9/16))}}
@media(max-width:759px){.ws-head{padding:12px 16px;gap:10px}.ws-head h2{font-size:17px}.ws-head p{font-size:10px}.ws-badge{display:none}.ws-body{display:block}.ws-preview{position:relative;padding:16px 16px 12px}.ws-stage{width:min(100%,calc(43dvh*9/16));border-radius:8px}.ws-hint{font-size:10px;margin-top:9px;max-width:290px}.ws-controls{padding:16px;border-left:0;border-top:1px solid #dce2e9}.ws-template canvas{max-height:100px}.ws-templates{margin-bottom:20px}.ws-footer{padding:10px 16px calc(10px + env(safe-area-inset-bottom));gap:8px}.ws-foot-note{display:none}.ws-footer .ws-button{flex:1;padding:12px 9px;font-size:12px}.ws-tab{font-size:10px!important}.ws-section-title{margin-top:20px}.ws-hit{min-height:0}.s2-share-entry{padding:16px;gap:12px}.s2-share-entry strong{font-size:14px}.s2-share-entry small{font-size:11px}}
@media(prefers-reduced-motion:no-preference){.ws-button,.ws-template,.ws-block-select{transition:background .15s,border-color .15s}}
/* Isolate editor controls from the legacy app's element-wide styles. */
.ws-dialog .ws-head{width:100%;max-width:none;margin:0;justify-content:flex-start}.ws-dialog .ws-template{display:block}.ws-dialog .ws-template canvas{width:100%}.ws-dialog .ws-hit,.ws-dialog .ws-hit:hover,.ws-dialog .ws-hit:active{background:transparent;min-height:0;box-shadow:none}.ws-dialog .ws-hit.is-selected{background:#0866ff0b;box-shadow:0 0 0 1px #ffffffb3}.ws-dialog .ws-tab:hover{background:#dde6f2}.ws-dialog .ws-tab[aria-selected=true]:hover{background:white}.ws-dialog .ws-template:hover{background:#f3f7fc}.ws-dialog .ws-block-select:hover{background:#eef5ff}.ws-dialog .ws-icon:hover{background:#edf4ff}.ws-dialog .ws-text-button:hover{background:#edf4ff}.ws-dialog .ws-button:hover{background:#edf4ff}.ws-dialog .ws-primary:hover{background:#0055df}.ws-dialog input[type=checkbox]{min-height:20px;padding:0}.ws-dialog input[type=range]{padding:0;background:transparent;border:0}.ws-dialog .ws-icon .wellness-icon{width:20px;height:20px}
.ws-dialog .ws-inspector-close{width:36px;height:36px;min-height:36px;flex:none}.ws-inspector .ws-section-title h3{margin-right:auto}.ws-dialog .ws-inspector .ws-text-button{padding:4px;font-size:10px!important}
@media(max-width:759px){.ws-dialog .ws-inspector{position:fixed;bottom:calc(78px + env(safe-area-inset-bottom));left:10px;right:10px;z-index:5;max-height:38dvh;overflow:auto;box-shadow:0 -8px 45px #07142630;margin:0;border-color:#b9ccea;border-radius:18px}.ws-inspector .ws-section-title{position:sticky;top:-16px;background:white;padding:8px 0;z-index:1}}
.ws-template-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.ws-model-arrows{display:flex;align-items:center;gap:6px}.ws-model-arrows>span{font-size:11px;color:var(--ws-muted);margin-right:6px;font-variant-numeric:tabular-nums}.ws-dialog .ws-model-arrows .ws-icon{width:36px;height:36px;min-height:36px}.ws-dialog .ws-templates{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:4px 3px 12px;margin:8px -3px 18px;position:relative}.ws-dialog .ws-template{position:relative;flex:0 0 45%;padding:8px;border-radius:14px;scroll-snap-align:center}.ws-dialog .ws-template canvas{max-height:none;aspect-ratio:9/16;width:100%;object-fit:cover;border-radius:7px}.ws-dialog .ws-template strong{font-size:12px;margin-top:10px}.ws-dialog .ws-template small{font-size:10px;min-height:28px;line-height:1.5}.ws-model-selected{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#d2ff5a;color:#071426}.ws-model-selected .wellness-icon{width:15px;height:15px}.ws-dialog .ws-template[aria-pressed=true]{box-shadow:0 0 0 1px #0866ff33}
@media(min-width:1100px){.ws-dialog .ws-template{flex-basis:40%}}
.ws-dialog .ws-model-arrows .ws-icon,.ws-dialog .ws-inspector-close{width:44px;height:44px;min-height:44px}
.ws-dialog .ws-field{width:100%}.ws-dialog .ws-field:has(select){display:flex;align-items:stretch;flex-direction:column;gap:7px}.ws-dialog .ws-field select{width:100%;max-width:none}
.ws-dialog .ws-download{flex:0 0 48px;width:48px;padding:10px}.ws-dialog .ws-footer>.ws-primary{min-width:210px}.ws-dialog .ws-foot-note{max-width:360px;line-height:1.5}
@media(max-width:759px){.ws-dialog .ws-footer{flex-wrap:wrap;row-gap:7px}.ws-dialog .ws-foot-note{display:block;flex-basis:100%;max-width:none;text-align:center;font-size:10px;margin:0;color:#526278}.ws-dialog .ws-footer>.ws-primary{flex:1;min-width:0}.ws-dialog .ws-inspector{bottom:calc(100px + env(safe-area-inset-bottom))}}