a:I["[project]/node_modules/next/dist/next-devtools/userspace/app/segment-explorer-node.js [app-client] (ecmascript)",["/_next/static/chunks/src_studio_components_StudioShell_tsx_0wqngov._.js","/_next/static/chunks/src_216otu5._.js","/_next/static/chunks/node_modules_1a5kcm6._.js"],"SegmentViewNode"] c:"$Sreact.fragment" 40:I["[project]/src/components/studio-client-page.tsx [app-client] (ecmascript)",["/_next/static/chunks/src_studio_components_StudioShell_tsx_0wqngov._.js","/_next/static/chunks/src_216otu5._.js","/_next/static/chunks/node_modules_1a5kcm6._.js","/_next/static/chunks/_0m80v2j._.js","/_next/static/chunks/src_studio_10cfvaz._.js","/_next/static/chunks/src_components_0grrfyq._.js","/_next/static/chunks/src_0eheg5j._.js","/_next/static/chunks/convex_1jj3cjk._.js","/_next/static/chunks/node_modules_convex_dist_esm_10rdsm5._.js","/_next/static/chunks/node_modules_tailwind-merge_dist_bundle-mjs_mjs_0q79z23._.js","/_next/static/chunks/node_modules_zod_v4_0jmna4m._.js","/_next/static/chunks/13w5_%40ai-sdk_provider-utils_dist_index_1c4xm89.js","/_next/static/chunks/node_modules_%40ai-sdk_openai_dist_index_19xma8v.js","/_next/static/chunks/node_modules_0d3x95z._.js"],"StudioClientPage"] 52:I["[project]/node_modules/next/dist/lib/framework/boundary-components.js [app-client] (ecmascript)",["/_next/static/chunks/src_studio_components_StudioShell_tsx_0wqngov._.js","/_next/static/chunks/src_216otu5._.js","/_next/static/chunks/node_modules_1a5kcm6._.js"],"OutletBoundary"] 54:"$Sreact.suspense" 61:I["[project]/node_modules/next/dist/lib/framework/boundary-components.js [app-client] (ecmascript)",["/_next/static/chunks/src_studio_components_StudioShell_tsx_0wqngov._.js","/_next/static/chunks/src_216otu5._.js","/_next/static/chunks/node_modules_1a5kcm6._.js"],"ViewportBoundary"] 6b:I["[project]/node_modules/next/dist/lib/framework/boundary-components.js [app-client] (ecmascript)",["/_next/static/chunks/src_studio_components_StudioShell_tsx_0wqngov._.js","/_next/static/chunks/src_216otu5._.js","/_next/static/chunks/node_modules_1a5kcm6._.js"],"MetadataBoundary"] 72:I["[project]/node_modules/next/dist/client/components/builtin/global-error.js [app-client] (ecmascript)",["/_next/static/chunks/src_studio_components_StudioShell_tsx_0wqngov._.js","/_next/static/chunks/src_216otu5._.js","/_next/static/chunks/node_modules_1a5kcm6._.js"],"default",1] :HL["/_next/static/chunks/%5Broot-of-the-server%5D__12zcr81._.css","style"] :HL["/_next/static/media/797e433ab948586e-s.p.0r6juujl39pe6.woff2","font",{"crossOrigin":"","type":"font/woff2"}] :HL["/_next/static/media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2","font",{"crossOrigin":"","type":"font/woff2"}] :HL["/_next/static/chunks/src_0ha6v0i._.css","style"] 1:D"$7" 1:D"$2" 1:D"$8" 1:null 11:D"$1b" 11:D"$12" 11:D"$1d" 22:T450b,(function(){try{function __ysHasConvexSession(){try{var ls=window.localStorage,tk="__convexAuthJWT_httpsconvexpreviewapiyatisharacom",ok=function(v){return !!(v&&v.replace(/\s/g,""))};if(tk)return ok(ls.getItem(tk));for(var i=0;i=1600?96:94;return STUDIO_BG_CDN+"/"+file+"?width="+w+"&quality="+q;}function studioBootWallpaperFallback(family,theme,mode){var primary=studioBootWallpaper(family,theme,mode);if(family==="animated")return primary;return primary||studioBootWallpaper("animated",theme,mode);}var wp=typeof wpOverride==="string"&&wpOverride?wpOverride:studioBootWallpaperFallback(bgFamily,sid,mode);if(wp){var u='url("'+wp+'")';root.style.setProperty("--studio-active-bg",u);root.style.setProperty("--studio-loaded-bg",u);var pl=document.createElement("link");pl.rel="preload";pl.as="image";pl.type="image/webp";pl.href=wp;document.head.appendChild(pl);}}catch(e){}})();11:["$","html",null,{"lang":"en","className":"geist_deef94d5-module__Sms4YG__variable geist_mono_1bf8cbf6-module__FlyLvG__variable h-full","suppressHydrationWarning":true,"children":[["$","head",null,{"children":[["$","meta",null,{"name":"cryptomus","content":"c663a03e"},"$12","$1f",1],["$","meta",null,{"name":"x-studio-build","content":"7eeaa85664067aff"},"$12","$20",1],["$","script",null,{"id":"mos-theme-boot","suppressHydrationWarning":true,"dangerouslySetInnerHTML":{"__html":"$22"}},"$12","$21",1],"$L23","$L24","$L25","$L26","$L27","$L28","$L29","$L2a","$L2b","$L2c"]},"$12","$1e",1],"$L2d"]},"$12","$1c",1] 30:D"$34" 30:D"$31" 30:D"$35" 36:D"$38" 36:D"$37" 36:D"$3a" 3c:T511,{"@context":"https://schema.org","@type":"SoftwareApplication","@id":"https://studio.yatishara.com/#app","name":"Yatishara Studio","url":"https://studio.yatishara.com/","description":"Simply Your Business. Yatishara Studio is the digital workspace for image, video and audio, agents, workflows and courses: the place business owners go to get their sanity back. From Yatishara Marketing in the Caribbean.","slogan":"Simply Your Business","applicationCategory":"MultimediaApplication","operatingSystem":"Web, Windows, macOS, Linux","downloadUrl":"https://studio.yatishara.com/desktop","inLanguage":"en","publisher":{"@type":"Organization","@id":"https://yatishara.com/#organization","name":"Yatishara Marketing Consultancy","description":"We're starting by redefining people's relationship to information: shifting the focus from simply gaining information to connecting ideas across different fields and pools of knowledge. We're starting across the Caribbean and growing through strategic partnerships, where each one unlocks the next.","url":"https://yatishara.com/","sameAs":["https://www.linkedin.com/company/yatishara-marketing-consultancy","https://glama.ai/mcp/servers/dallas-ferdinand/yatishara-studio-mcp"]},"sameAs":["https://glama.ai/mcp/servers/dallas-ferdinand/yatishara-studio-mcp"]}36:["$","section",null,{"className":"studio-public-intro","aria-labelledby":"studio-public-intro-title","children":[["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"$3c"}},"$37","$3b",1],["$","h1",null,{"id":"studio-public-intro-title","className":"studio-public-intro-title","children":"Yatishara Studio"},"$37","$3d",1],["$","p",null,{"className":"studio-public-intro-title","children":"Simply Your Business. The digital workspace business owners go to get their sanity back."},"$37","$3e",1]]},"$37","$39",1] 30:["$36",["$","$L40",null,{},"$31","$3f",1]] 4d:D"$4f" 4d:D"$4e" 4d:D"$51" 4d:["$","$L52",null,{"children":["$","$54",null,{"name":"Next.MetadataOutlet","children":"$@55"},"$4e","$53",1]},"$4e","$50",1] 57:D"$5a" 57:D"$58" 57:D"$5b" 57:null 5c:D"$5e" 5c:D"$5d" 5c:D"$60" 62:D"$64" 62:D"$63" 5c:["$","$L61",null,{"children":"$L62"},"$5d","$5f",1] 65:D"$67" 65:D"$66" 65:D"$69" 6d:D"$6f" 6d:D"$6e" 65:["$","div",null,{"hidden":true,"children":["$","$L6b",null,{"children":["$","$54",null,{"name":"Next.Metadata","children":"$L6d"},"$66","$6c",1]},"$66","$6a",1]},"$66","$68",1] 71:[] 0:{"P":"$1","c":["",""],"q":"","i":true,"f":[[["",{"children":["__PAGE__",{},"$undefined","$undefined",4096]},"$undefined","$undefined",4112],[["$","$La","layout",{"type":"layout","pagePath":"layout.tsx","children":["$","$c","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/%5Broot-of-the-server%5D__12zcr81._.css","precedence":"next_static/chunks/[root-of-the-server]__12zcr81._.css","crossOrigin":"$undefined","nonce":"$undefined"},null,"$d",0],["$","script","script-0",{"src":"/_next/static/chunks/src_studio_components_StudioShell_tsx_0wqngov._.js","async":true,"nonce":"$undefined"},null,"$e",0],["$","script","script-1",{"src":"/_next/static/chunks/src_216otu5._.js","async":true,"nonce":"$undefined"},null,"$f",0],["$","script","script-2",{"src":"/_next/static/chunks/node_modules_1a5kcm6._.js","async":true,"nonce":"$undefined"},null,"$10",0]],"$11"]},null,"$b",1]},null,"$9",0],{"children":[["$","$c","c",{"children":[["$","$La","c-page",{"type":"page","pagePath":"page.tsx","children":"$30"},null,"$2f",1],[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/src_0ha6v0i._.css","precedence":"next_static/chunks/src_0ha6v0i._.css","crossOrigin":"$undefined","nonce":"$undefined"},null,"$41",0],["$","script","script-0",{"src":"/_next/static/chunks/_0m80v2j._.js","async":true,"nonce":"$undefined"},null,"$42",0],["$","script","script-1",{"src":"/_next/static/chunks/src_studio_10cfvaz._.js","async":true,"nonce":"$undefined"},null,"$43",0],["$","script","script-2",{"src":"/_next/static/chunks/src_components_0grrfyq._.js","async":true,"nonce":"$undefined"},null,"$44",0],["$","script","script-3",{"src":"/_next/static/chunks/src_0eheg5j._.js","async":true,"nonce":"$undefined"},null,"$45",0],["$","script","script-4",{"src":"/_next/static/chunks/convex_1jj3cjk._.js","async":true,"nonce":"$undefined"},null,"$46",0],["$","script","script-5",{"src":"/_next/static/chunks/node_modules_convex_dist_esm_10rdsm5._.js","async":true,"nonce":"$undefined"},null,"$47",0],["$","script","script-6",{"src":"/_next/static/chunks/node_modules_tailwind-merge_dist_bundle-mjs_mjs_0q79z23._.js","async":true,"nonce":"$undefined"},null,"$48",0],["$","script","script-7",{"src":"/_next/static/chunks/node_modules_zod_v4_0jmna4m._.js","async":true,"nonce":"$undefined"},null,"$49",0],["$","script","script-8",{"src":"/_next/static/chunks/13w5_%40ai-sdk_provider-utils_dist_index_1c4xm89.js","async":true,"nonce":"$undefined"},null,"$4a",0],["$","script","script-9",{"src":"/_next/static/chunks/node_modules_%40ai-sdk_openai_dist_index_19xma8v.js","async":true,"nonce":"$undefined"},null,"$4b",0],["$","script","script-10",{"src":"/_next/static/chunks/node_modules_0d3x95z._.js","async":true,"nonce":"$undefined"},null,"$4c",0]],"$4d"]},null,"$2e",0],{},null,false,null]},null,false,null],["$","$c","h",{"children":["$57","$5c","$65",["$","meta",null,{"name":"next-size-adjust","content":""},null,"$70",1]]},null,"$56",0],false]],"m":"$W71","G":["$72",["$","$La","ge-svn",{"type":"global-error","pagePath":"__next_builtin__global-error.js","children":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/%5Broot-of-the-server%5D__12zcr81._.css","precedence":"next_static/chunks/[root-of-the-server]__12zcr81._.css","crossOrigin":"$undefined","nonce":"$undefined"},null,"$74",0]]},null,"$73",0]],"S":false,"h":null,"r":"$undefined","s":"$undefined","a":"$undefined","l":"$undefined","p":"$undefined","d":"$undefined","b":"development"} 8b:I["[project]/node_modules/next/dist/client/script.js [app-client] (ecmascript)",["/_next/static/chunks/src_studio_components_StudioShell_tsx_0wqngov._.js","/_next/static/chunks/src_216otu5._.js","/_next/static/chunks/node_modules_1a5kcm6._.js"],""] a7:I["[project]/node_modules/lucide-react/dist/esm/Icon.mjs [app-client] (ecmascript)",["/_next/static/chunks/src_studio_components_StudioShell_tsx_0wqngov._.js","/_next/static/chunks/src_216otu5._.js","/_next/static/chunks/node_modules_1a5kcm6._.js"],"default"] cb:I["[project]/src/studio/components/StudioAgentAvatar.tsx [app-client] (ecmascript)",["/_next/static/chunks/src_studio_components_StudioShell_tsx_0wqngov._.js","/_next/static/chunks/src_216otu5._.js","/_next/static/chunks/node_modules_1a5kcm6._.js"],"StudioAgentAvatar"] 13c:"$Sreact.forward_ref" 156:"$Sreact.forward_ref" 165:"$Sreact.forward_ref" 1e9:"$Sreact.forward_ref" 1f8:"$Sreact.forward_ref" 207:"$Sreact.forward_ref" 20c:"$Sreact.forward_ref" 221:"$Sreact.forward_ref" 230:"$Sreact.forward_ref" 26a:I["[project]/src/components/studio-boot-frame-controller.tsx [app-client] (ecmascript)",["/_next/static/chunks/src_studio_components_StudioShell_tsx_0wqngov._.js","/_next/static/chunks/src_216otu5._.js","/_next/static/chunks/node_modules_1a5kcm6._.js"],"StudioBootFrameController"] 26c:I["[project]/src/components/preload-studio-shell.tsx [app-client] (ecmascript)",["/_next/static/chunks/src_studio_components_StudioShell_tsx_0wqngov._.js","/_next/static/chunks/src_216otu5._.js","/_next/static/chunks/node_modules_1a5kcm6._.js"],"PreloadStudioShell"] 26e:I["[project]/src/components/mobile-gestures.tsx [app-client] (ecmascript)",["/_next/static/chunks/src_studio_components_StudioShell_tsx_0wqngov._.js","/_next/static/chunks/src_216otu5._.js","/_next/static/chunks/node_modules_1a5kcm6._.js"],"MobileGestures"] 270:I["[project]/src/components/mos-tooltip-layer.tsx [app-client] (ecmascript)",["/_next/static/chunks/src_studio_components_StudioShell_tsx_0wqngov._.js","/_next/static/chunks/src_216otu5._.js","/_next/static/chunks/node_modules_1a5kcm6._.js"],"MosTooltipLayer"] 272:I["[project]/src/components/performance-reporter.tsx [app-client] (ecmascript)",["/_next/static/chunks/src_studio_components_StudioShell_tsx_0wqngov._.js","/_next/static/chunks/src_216otu5._.js","/_next/static/chunks/node_modules_1a5kcm6._.js"],"PerformanceReporter"] 274:I["[project]/src/components/studio-toaster.tsx [app-client] (ecmascript)",["/_next/static/chunks/src_studio_components_StudioShell_tsx_0wqngov._.js","/_next/static/chunks/src_216otu5._.js","/_next/static/chunks/node_modules_1a5kcm6._.js"],"StudioToaster"] 276:I["[project]/src/components/native-app-links-runtime.tsx [app-client] (ecmascript)",["/_next/static/chunks/src_studio_components_StudioShell_tsx_0wqngov._.js","/_next/static/chunks/src_216otu5._.js","/_next/static/chunks/node_modules_1a5kcm6._.js"],"NativeAppLinksRuntime"] 279:I["[project]/node_modules/next/dist/client/components/layout-router.js [app-client] (ecmascript)",["/_next/static/chunks/src_studio_components_StudioShell_tsx_0wqngov._.js","/_next/static/chunks/src_216otu5._.js","/_next/static/chunks/node_modules_1a5kcm6._.js"],"default"] 27b:I["[project]/node_modules/next/dist/client/components/render-from-template-context.js [app-client] (ecmascript)",["/_next/static/chunks/src_studio_components_StudioShell_tsx_0wqngov._.js","/_next/static/chunks/src_216otu5._.js","/_next/static/chunks/node_modules_1a5kcm6._.js"],"default"] 282:I["[project]/src/app/StudioNotFoundClient.tsx [app-client] (ecmascript)",["/_next/static/chunks/src_studio_components_StudioShell_tsx_0wqngov._.js","/_next/static/chunks/src_216otu5._.js","/_next/static/chunks/node_modules_1a5kcm6._.js","/_next/static/chunks/src_0claw8y._.js","/_next/static/chunks/node_modules_next_dist_00pwe04._.js"],"StudioNotFoundClient"] :HL["/_next/static/chunks/src_1izzivg._.css","style"] 23:D"$76" 77:T48b,(function(){try{var d=document.documentElement;var p=location.pathname||"/";var app=location.hostname.indexOf("community.")!==0&&(p==="/"||/^\/u\/[^\/]+\/?$/.test(p));var has=false;if(app){try{var ls=window.localStorage,tk="__convexAuthJWT_httpsconvexpreviewapiyatisharacom",ok=function(v){return !!(v&&v.replace(/\s/g,""))};if(tk){has=ok(ls.getItem(tk))}else{for(var i=0;i=16&&r<=42)d.style.setProperty("--ys-boot-rail",r+"%")}catch(e){}try{if(localStorage.getItem("studio-dm-peer-sidebar-open")==="0")d.setAttribute("data-ys-boot-peer","0")}catch(e){}}}catch(e){}})();23:["$","script",null,{"id":"ys-boot-decision","suppressHydrationWarning":true,"dangerouslySetInnerHTML":{"__html":"$77"}},"$12","$75",1] 24:D"$79" 7a:Tc62f, .ys-boot-overlay{position:fixed;inset:0;z-index:2147483000;background:#f5f5f7} .ys-boot{box-sizing:border-box;display:flex;width:100%;min-height:100svh;min-height:100dvh;margin:0;padding:0;overflow:hidden;align-items:center;justify-content:center;background:#f5f5f7;color:#0f172a} .ys-boot-overlay .ys-boot{position:absolute;inset:0;min-height:0;height:auto} .ys-boot-stack{display:flex;flex-direction:column;align-items:center;justify-content:center;width:max-content;max-width:calc(100vw - 48px);padding:0 24px;box-sizing:border-box} /* Light opaque Studio sheet — pin LIGHT_BASE tokens so document dark mode cannot leak into --mos-* (var() fallbacks only apply when unset). */ .studio-auth-theme { --mos-page: #f5f5f7; --mos-panel: #f5f5f7; --mos-plate: #ececf0; --mos-plate-strong: #d4d4da; --mos-bg: #ececf0; --mos-surface: #f0f0f3; --mos-raised: #d4d4da; --mos-text: #1c1c1e; --mos-text-soft: #4a4a4e; --mos-text-bright: #1c1c1e; --mos-muted: #636366; --mos-faint: #8e8e93; --mos-hover: #e6e6ec; --mos-active: #c8c8d0; --mos-border: rgba(0, 0, 0, 0.11); --mos-border-soft: rgba(0, 0, 0, 0.075); --color-cursor-border-soft: rgba(0, 0, 0, 0.075); --color-cursor-border: rgba(0, 0, 0, 0.11); --color-cursor-text: #1c1c1e; --color-cursor-muted: #636366; --color-cursor-bg: #f5f5f7; color: #1c1c1e; background: #f5f5f7; color-scheme: light; } /* Standalone auth: clear the keyboard on mobile. */ @media (max-width: 979px) { main.studio-auth-theme { overflow: auto; padding-bottom: max(2rem, var(--studio-auth-keyboard-inset, 0px)); } main.studio-auth-theme[data-keyboard-open="1"] { align-items: flex-end; } } .studio-auth-card { display: flex; flex-direction: column; width: 100%; max-width: 340px; box-sizing: border-box; max-height: calc(100dvh - 11rem); overflow: hidden; padding: 28px 24px 20px; border: 1px solid color-mix(in srgb, var(--color-cursor-border-soft) 52%, transparent); border-radius: 28px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.38), rgba(255, 255, 255, 0.06)), color-mix(in srgb, var(--mos-plate) 62%, transparent); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.48), 0 1px 2px rgba(15, 23, 42, 0.04), 0 18px 42px rgba(15, 23, 42, 0.09); -webkit-backdrop-filter: blur(24px) saturate(1.12); backdrop-filter: blur(24px) saturate(1.12); } .studio-auth-card-head { flex: 0 0 auto; } @media (min-width: 768px) { .studio-auth-card, .ysbf-stage.is-auth .studio-auth-card, .ysbf-auth-slot.studio-auth-theme { max-width: 372px; } .studio-auth-card { max-height: calc(100dvh - 10.5rem); } } .studio-auth-title { margin: 0; width: 100%; color: var(--mos-text); font-size: 1.5rem; font-weight: 700; letter-spacing: -0.03em; line-height: 1.15; text-align: center; } .studio-auth-card-body { flex: 1 1 auto; min-height: 0; /* Room for the 2px field focus ring so left/right edges are not clipped. */ padding-inline: 3px; margin-inline: -3px; overflow-x: visible; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } .studio-auth-form { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: 1.35rem; width: 100%; text-align: left; overflow: visible; } /* Sign in / Sign up — same contained pill track as StudioHeadTabs elsewhere. */ .studio-auth-mode-tabs.studio-admin-head-tabs { display: flex; align-items: center; gap: 2px; width: 100%; height: 48px; min-height: 48px; margin: 0; padding: 3px; border: 1px solid var(--color-cursor-border-soft, var(--mos-border-soft)); border-radius: 999px; background: var(--mos-page, var(--color-cursor-bg)); overflow: hidden; } .studio-auth-mode-tabs .studio-admin-head-tab { flex: 1 1 0; min-width: 0; height: 100%; min-height: 0; padding: 0 10px; border: 0; border-radius: 999px; background: transparent; color: var(--color-cursor-muted, var(--mos-muted)); font-size: 0.875rem; font-weight: 650; letter-spacing: -0.01em; gap: 8px; } .studio-auth-mode-tabs .studio-admin-head-tab:hover:not(:disabled):not(.is-active) { color: var(--color-cursor-text-bright, var(--mos-text)); } .studio-auth-mode-tabs .studio-admin-head-tab.is-active { background: color-mix( in srgb, var(--cursor-accent, var(--mos-accent, #25da67)) 18%, var(--mos-page, var(--color-cursor-bg)) ); color: var(--color-cursor-text-bright, var(--mos-text)); } .studio-auth-mode-tabs .studio-admin-head-tab:disabled { cursor: not-allowed; opacity: 0.55; } .studio-auth-mode-tabs .studio-admin-head-tab svg { flex: 0 0 auto; width: 16px; height: 16px; } .studio-auth-form > label, .studio-auth-form > .studio-auth-field, .studio-auth-form > .grid { width: 100%; min-width: 0; max-width: 100%; } .studio-auth-form > label > .studio-auth-field { width: 100%; } .studio-auth-form .cursor-select-menu.is-field .cursor-select-trigger { display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-start; gap: 10px; position: relative; min-height: 48px; height: 48px; padding: 0 18px; border: 1px solid color-mix(in srgb, var(--color-cursor-border-soft) 86%, transparent); border-radius: 999px; background: #ffffff; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03); color: #1c1c1e; font-size: 1.125rem; font-weight: 500; line-height: 1; white-space: nowrap; } .studio-auth-form .cursor-select-menu.is-field .cursor-select-leading { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 14px; height: 14px; color: color-mix(in srgb, #1c1c1e 42%, transparent); } .studio-auth-form .cursor-select-menu.is-field .cursor-select-label { display: block; flex: 1 1 auto; width: auto; height: auto; min-width: 0; max-width: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1; text-align: left; } .studio-auth-form .cursor-select-menu.is-field .cursor-select-detail, .studio-auth-form .cursor-dropdown-item-detail { color: color-mix(in srgb, #1c1c1e 42%, transparent); } .studio-auth-form .studio-billing-country-select .studio-settings-field-hint { padding: 0 18px; font-size: 0.75rem; font-weight: 500; color: #636366; } .studio-auth-form .cursor-select-menu.is-field .cursor-select-trigger.is-placeholder .cursor-select-label { color: color-mix(in srgb, #1c1c1e 42%, transparent); font-weight: 450; } .studio-auth-form .cursor-select-menu.is-field .cursor-select-arrow { position: static; top: auto; right: auto; flex: 0 0 auto; transform: none; } .studio-auth-form .cursor-select-menu.is-field.is-open .cursor-select-arrow { transform: rotate(180deg); } .studio-auth-form .cursor-select-menu.is-field .cursor-select-trigger:hover, .studio-auth-form .cursor-select-menu.is-field.is-open .cursor-select-trigger { background: #ffffff; border-color: color-mix(in srgb, #1c1c1e 28%, transparent); box-shadow: 0 0 0 2px color-mix(in srgb, #1c1c1e 12%, transparent); } .studio-auth-form .cursor-select-menu .cursor-dropdown, .studio-auth-form .cursor-select-menu .cursor-dropdown.is-end, .studio-auth-form .cursor-select-menu .cursor-dropdown.is-start { left: 0; right: auto; width: 100%; min-width: 100%; max-width: 100%; } .studio-auth-form .cursor-select-menu .cursor-dropdown.cursor-dropdown-wide { max-height: 240px; } .studio-auth-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .studio-auth-form-row > * { min-width: 0; } .studio-auth-phone { display: flex; align-items: center; min-height: 48px; width: 100%; border: 1px solid color-mix(in srgb, var(--color-cursor-border-soft) 86%, transparent); border-radius: 999px; background: #ffffff; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03); transition: border-color 0.14s ease, box-shadow 0.14s ease; } .studio-auth-phone:focus-within { border-color: color-mix(in srgb, #1c1c1e 28%, transparent); box-shadow: 0 0 0 2px color-mix(in srgb, #1c1c1e 12%, transparent); } .studio-auth-phone .cursor-select-menu.is-field { flex: 0 0 auto; width: auto; border-right: 1px solid color-mix(in srgb, var(--color-cursor-border-soft) 86%, transparent); } .studio-auth-phone .cursor-select-menu.is-field .cursor-select-trigger, .studio-auth-phone .cursor-select-menu.is-field .cursor-select-trigger:hover, .studio-auth-phone .cursor-select-menu.is-field.is-open .cursor-select-trigger { min-width: 0; width: auto; height: 48px; padding: 0 12px 0 16px; border: 0; box-shadow: none; background: transparent; justify-content: flex-start; gap: 6px; } .studio-auth-phone .cursor-select-menu.is-field .cursor-select-label { display: block; flex: 0 0 auto; max-width: none; height: auto; overflow: visible; text-align: left; } .studio-auth-phone .cursor-select-menu.is-field .cursor-select-arrow, .studio-auth-phone .cursor-select-menu.is-field.is-open .cursor-select-arrow { position: static; top: auto; right: auto; transform: none; } .studio-auth-phone .cursor-select-menu.is-field.is-open .cursor-select-arrow { transform: rotate(180deg); } .studio-auth-phone .cursor-select-menu .cursor-dropdown, .studio-auth-phone .cursor-select-menu .cursor-dropdown.is-end, .studio-auth-phone .cursor-select-menu .cursor-dropdown.is-start { left: 0; width: max-content; min-width: 140px; max-width: min(240px, 70vw); } .studio-auth-phone input { flex: 1; min-width: 0; height: 48px; border: 0; background: transparent; text-align: left; font-size: 0.875rem; font-weight: 500; color: #1c1c1e; outline: none; padding: 0 18px; } .studio-auth-phone input::placeholder { color: color-mix(in srgb, #1c1c1e 42%, transparent); font-weight: 450; } .studio-auth-logo { display: grid; justify-items: center; gap: 10px; min-height: 120px; padding: 18px 16px; border: 1px dashed color-mix(in srgb, var(--color-cursor-border-soft) 86%, transparent); border-radius: 24px; background: #ffffff; cursor: pointer; text-align: center; } .studio-auth-logo.is-over { border-color: color-mix(in srgb, #1c1c1e 42%, transparent); box-shadow: 0 0 0 2px color-mix(in srgb, #1c1c1e 12%, transparent); } .studio-auth-logo-mark { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 999px; background: var(--mos-plate); color: color-mix(in srgb, #1c1c1e 42%, transparent); } .studio-auth-logo-mark svg { width: 22px; height: 22px; } .studio-auth-logo img { width: 64px; height: 64px; border-radius: 999px; object-fit: cover; } .studio-auth-logo-copy { margin: 0; font-size: 0.8125rem; font-weight: 550; color: color-mix(in srgb, var(--mos-text) 62%, transparent); } .studio-auth-logo-actions { display: flex; justify-content: center; gap: 14px; } .studio-auth-themes { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; } .studio-auth-theme-pill { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px 0 8px; border: 1px solid color-mix(in srgb, var(--color-cursor-border-soft) 86%, transparent); border-radius: 999px; background: #ffffff; color: #1c1c1e; font-size: 0.75rem; font-weight: 550; line-height: 1; cursor: pointer; } .studio-auth-theme-pill.is-active { border-color: color-mix(in srgb, #1c1c1e 28%, transparent); box-shadow: 0 0 0 2px color-mix(in srgb, #1c1c1e 12%, transparent); } /* Theme chip: the sign-in theme gradient for that theme (.studio-theme-chip). */ .studio-auth-theme-swatch { display: block; width: 18px; height: 12px; border-radius: 4px; } .studio-auth-accent-text { color: color-mix(in srgb, #1c1c1e 42%, transparent); } .studio-auth-field.is-email { display: flex; justify-content: flex-start; align-items: center; gap: 8px; padding: 0 18px; width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; } .studio-auth-field.is-email > .studio-auth-accent-text { position: static; pointer-events: none; flex: 0 0 auto; } .studio-auth-field.is-preview { cursor: default; justify-content: center; } .studio-auth-preview-value { flex: 0 1 auto; min-width: 0; max-width: calc(100% - 22px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: inherit; font-size: 1.125rem; font-weight: 500; line-height: 20px; letter-spacing: -0.01em; text-align: center; } .studio-auth-field.is-preview.is-empty .studio-auth-preview-value { color: color-mix(in srgb, var(--mos-text) 38%, transparent); font-weight: 450; } .studio-auth-field.is-preview.is-taken .studio-auth-preview-value { color: #b91c1c; } .studio-auth-hint { margin: 0; text-align: center; font-size: 0.8125rem; line-height: 1.35; font-weight: 550; } .studio-auth-hint.is-taken { color: #b91c1c; } .studio-auth-hint.is-address { color: #15803d; } .studio-auth-field.is-preview:focus, .studio-auth-field.is-preview:focus-within { border-color: color-mix(in srgb, var(--color-cursor-border-soft) 86%, transparent); box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03); } .studio-auth-field { display: flex; align-items: center; gap: 10px; min-height: 48px; min-width: 0; width: 100%; padding: 0 18px; border: 1px solid color-mix(in srgb, var(--color-cursor-border-soft) 86%, transparent); border-radius: 999px; background: #ffffff; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03); -webkit-backdrop-filter: none; backdrop-filter: none; transition: border-color 0.14s ease, background 0.14s ease, box-shadow 0.14s ease; } .studio-auth-field.is-stack { flex-direction: column; align-items: stretch; gap: 4px; min-height: 0; padding: 12px 18px; border-radius: 22px; text-align: left; } .studio-auth-field.is-code { justify-content: center; min-height: 48px; padding: 0 18px; font-size: 1.15rem; font-weight: 700; letter-spacing: 0.28em; text-align: center; } .studio-auth-field.is-code.is-email-otp { width: 100%; min-height: 52px; border-radius: 18px; font-size: 1.25rem; font-weight: 700; letter-spacing: 0.28em; background: #ffffff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 1px 2px rgba(15, 23, 42, 0.04); } .studio-auth-otp-stack { display: flex; flex-direction: column; align-items: stretch; gap: 8px; width: 100%; } .studio-auth-field:focus, .studio-auth-field:focus-within { border-color: color-mix(in srgb, #1c1c1e 28%, transparent); background: #ffffff; outline: none; box-shadow: 0 0 0 2px color-mix(in srgb, #1c1c1e 12%, transparent); } .studio-auth-field input, .studio-auth-field textarea, .studio-auth-field select, input.studio-auth-field { min-width: 0; flex: 1 1 auto; width: 100%; height: 20px; margin: 0; padding: 0; border: 0; background: transparent; color: inherit; font-size: 1.125rem; font-weight: 500; line-height: 20px; text-align: start; outline: none; caret-color: var(--mos-text); } .studio-auth-field.is-stack textarea { height: auto; min-height: 72px; line-height: 1.4; resize: vertical; text-align: left; caret-color: var(--mos-text); } .studio-auth-field.is-email input, .studio-auth-field.is-email textarea { flex: 1 1 auto; width: 100%; min-width: 0; max-width: none; overflow: hidden; text-overflow: ellipsis; text-align: start; } .studio-auth-field.is-email.is-password { gap: 6px; padding-right: 6px; } .studio-auth-field.is-email.is-password input { overflow: visible; text-overflow: clip; } .studio-auth-field.is-email.is-password input::-webkit-credentials-auto-fill-button, .studio-auth-field.is-email.is-password input::-webkit-caps-lock-indicator, .studio-auth-field.is-email.is-password input::-ms-reveal, .studio-auth-field.is-email.is-password input::-ms-clear { display: none; } .studio-auth-password-visibility { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 36px; height: 36px; margin: 0; padding: 0; border: 0; border-radius: 999px; background: transparent; color: color-mix(in srgb, #1c1c1e 42%, transparent); cursor: pointer; transition: color 140ms ease, background 140ms ease; } .studio-auth-password-visibility:hover { color: #1c1c1e; background: color-mix(in srgb, #1c1c1e 6%, transparent); } .studio-auth-password-visibility:focus-visible { outline: none; box-shadow: 0 0 0 2px color-mix(in srgb, #1c1c1e 12%, transparent); } .studio-auth-field input::placeholder, .studio-auth-field textarea::placeholder, input.studio-auth-field::placeholder { color: color-mix(in srgb, var(--mos-text) 38%, transparent); font-size: 1.125rem; font-weight: 450; line-height: 20px; text-align: start; } /* Kill Chrome/Safari autofill blue/yellow wash — keep white auth fields. */ .studio-auth-field input:-webkit-autofill, .studio-auth-field input:-webkit-autofill:hover, .studio-auth-field input:-webkit-autofill:focus, .studio-auth-field input:-webkit-autofill:active, .studio-auth-field textarea:-webkit-autofill, .studio-auth-field textarea:-webkit-autofill:hover, .studio-auth-field textarea:-webkit-autofill:focus, .studio-auth-field textarea:-webkit-autofill:active, input.studio-auth-field:-webkit-autofill, input.studio-auth-field:-webkit-autofill:hover, input.studio-auth-field:-webkit-autofill:focus, input.studio-auth-field:-webkit-autofill:active { -webkit-text-fill-color: #1c1c1e !important; caret-color: var(--mos-text); background-color: #ffffff !important; background-image: none !important; -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important; box-shadow: 0 0 0 1000px #ffffff inset !important; transition: background-color 99999s ease-out 0s; filter: none; color-scheme: light; } .studio-auth-field:has(input:-webkit-autofill), .studio-auth-field:has(textarea:-webkit-autofill) { background: #ffffff; } input.studio-auth-field.is-code:-webkit-autofill, input.studio-auth-field.is-code:-webkit-autofill:hover, input.studio-auth-field.is-code:-webkit-autofill:focus, input.studio-auth-field.is-code:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px #ffffff inset, inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 1px 2px rgba(15, 23, 42, 0.04) !important; box-shadow: 0 0 0 1000px #ffffff inset, inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 1px 2px rgba(15, 23, 42, 0.04) !important; } /* Flat dark pill — same ink as the sign-in sheet. */ .studio-auth-primary { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 48px; padding: 0 18px; border: 1px solid transparent; border-radius: 999px; background: #1c1c1e; box-shadow: none; color: #f5f5f7; font-size: 0.875rem; font-weight: 650; letter-spacing: -0.01em; text-shadow: none; cursor: pointer; transition: background 0.14s ease, transform 0.12s ease; text-decoration: none; } .studio-auth-primary:hover:not(:disabled) { background: color-mix(in srgb, #1c1c1e 88%, #f5f5f7); } .studio-auth-primary:active:not(:disabled) { transform: translateY(1px) scale(0.99); } .studio-auth-primary:focus-visible, .studio-auth-secondary:focus-visible { outline: none; box-shadow: 0 0 0 2px #f5f5f7, 0 0 0 4px color-mix(in srgb, #1c1c1e 35%, transparent); } .studio-auth-primary:disabled { cursor: not-allowed; transform: none; border-color: transparent; background: color-mix(in srgb, #1c1c1e 42%, #d4d4da); box-shadow: none; color: color-mix(in srgb, #f5f5f7 62%, #8e8e93); text-shadow: none; opacity: 1; } .studio-auth-secondary:disabled { opacity: 0.55; cursor: not-allowed; } .studio-auth-secondary { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; width: 100%; padding: 0 18px; border: 1px solid var(--studio-landing-line, #d8d8de); border-radius: 999px; background: transparent; color: #1c1c1e; font-size: 0.875rem; font-weight: 650; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; transition: background 0.14s ease, border-color 0.14s ease; } .studio-auth-secondary:hover { background: var(--mos-plate-strong); border-color: color-mix(in srgb, #1c1c1e 28%, transparent); color: #1c1c1e; } .studio-auth-notice { min-height: 1rem; margin: 0; color: color-mix(in srgb, var(--mos-text) 55%, transparent); font-size: 0.75rem; text-align: center; } .studio-auth-copy { margin: 0.65rem 0 0; color: color-mix(in srgb, var(--mos-text) 55%, transparent); font-size: 0.75rem; line-height: 1.4; text-align: center; overflow-wrap: anywhere; word-break: break-word; } .studio-auth-icon, .studio-auth-accent-text { display: block; flex: 0 0 auto; width: 14px; height: 14px; } .studio-auth-icon { color: color-mix(in srgb, var(--mos-text) 42%, transparent); } .studio-auth-link { color: color-mix(in srgb, var(--mos-text) 55%, transparent); font-size: 0.75rem; font-weight: 500; background: transparent; border: 0; } .studio-auth-link:hover { color: var(--mos-text); } .studio-auth-link:focus-visible { color: var(--mos-text); border-radius: 6px; box-shadow: var(--studio-focus-ring); } .studio-auth-faint { color: color-mix(in srgb, var(--mos-text) 42%, transparent); } .studio-auth-panel { border: 1px solid color-mix(in srgb, var(--color-cursor-border-soft) 90%, transparent); border-radius: 12px; background: #ffffff; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; } .studio-auth-error { color: #b91c1c; } .studio-auth-error-box { margin: 0; padding: 10px 12px; border: 1px solid rgb(185 28 28 / 0.22); border-radius: 10px; background: rgb(254 226 226 / 0.72); color: #991b1b; font-size: 0.75rem; line-height: 1.35; } /* ------------------------------------------------------------------------ Studio sign-in (AuthFrame, `.is-live-theme`): follow the live app theme. The block above pins a light palette for the other auth-styled pages (MCP OAuth consent, meet join). Here the --mos-* tokens fall back to the ones theme.js writes on (light/dark + scheme from localStorage, set before first paint and rewritten on every theme change), so the form repaints live, and the primary button / active tab / focus rings use the scheme accent like the signed-in app. ------------------------------------------------------------------------ */ .studio-auth-theme.is-live-theme { --mos-page: inherit; --mos-panel: inherit; --mos-plate: inherit; --mos-plate-strong: inherit; --mos-bg: inherit; --mos-surface: inherit; --mos-raised: inherit; --mos-text: inherit; --mos-text-soft: inherit; --mos-text-bright: inherit; --mos-muted: inherit; --mos-faint: inherit; --mos-hover: inherit; --mos-active: inherit; --mos-border: inherit; --mos-border-soft: inherit; --color-cursor-border-soft: var(--mos-border-soft); --color-cursor-border: var(--mos-border); --color-cursor-text: var(--mos-text); --color-cursor-muted: var(--mos-muted); --color-cursor-bg: var(--mos-bg); --studio-auth-accent: var(--cursor-accent, var(--mos-accent, #25da67)); --studio-auth-accent-fg: var(--cursor-accent-fg, var(--mos-accent-fg, #ffffff)); --studio-auth-field-bg: color-mix(in srgb, var(--mos-page) 70%, transparent); --studio-auth-ring: color-mix(in srgb, var(--studio-auth-accent) 26%, transparent); --studio-auth-ring-edge: color-mix(in srgb, var(--studio-auth-accent) 62%, var(--mos-border)); color: var(--mos-text); background: var(--mos-page); color-scheme: inherit; } html[data-appearance="dark"] .studio-auth-theme.is-live-theme { --studio-auth-field-bg: color-mix(in srgb, var(--mos-text) 4%, color-mix(in srgb, var(--mos-page) 68%, transparent)); } /* Card */ html[data-appearance="dark"] .studio-auth-theme.is-live-theme .studio-auth-card { border-color: color-mix(in srgb, var(--mos-border-soft) 72%, transparent); background: color-mix(in srgb, var(--mos-plate) 58%, transparent); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 1px 2px rgba(0, 0, 0, 0.3), 0 18px 42px rgba(0, 0, 0, 0.38); -webkit-backdrop-filter: blur(24px) saturate(1.12); backdrop-filter: blur(24px) saturate(1.12); } .studio-auth-theme.is-live-theme .studio-auth-card { background: linear-gradient(180deg, color-mix(in srgb, var(--mos-text-bright) 7%, transparent), transparent), color-mix(in srgb, var(--mos-plate) 62%, transparent); } .studio-auth-theme.is-live-theme .studio-auth-logo-circle { border-color: var(--mos-border-soft); background: var(--mos-page); } html[data-appearance="dark"] .studio-auth-theme.is-live-theme .studio-auth-logo-circle { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); } .studio-auth-theme.is-live-theme .studio-auth-mode-tabs.studio-admin-head-tabs { background: color-mix(in srgb, var(--studio-auth-field-bg, var(--mos-page)) 88%, transparent); border-color: color-mix(in srgb, var(--color-cursor-border-soft) 65%, transparent); } .studio-auth-theme.is-live-theme .studio-auth-mode-tabs .studio-admin-head-tab.is-active { background: color-mix( in srgb, var(--studio-auth-accent) 18%, var(--studio-auth-field-bg, var(--mos-page)) ); color: var(--color-cursor-text-bright, var(--mos-text)); } .studio-auth-theme.is-live-theme .studio-auth-mode-tabs .studio-admin-head-tab:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--mos-page), 0 0 0 4px color-mix(in srgb, var(--studio-auth-accent) 55%, transparent); } /* Fields, pickers, pills */ .studio-auth-theme.is-live-theme .studio-auth-field, .studio-auth-theme.is-live-theme .studio-auth-field.is-code.is-email-otp, .studio-auth-theme.is-live-theme .studio-auth-phone, .studio-auth-theme.is-live-theme .studio-auth-logo, .studio-auth-theme.is-live-theme .studio-auth-panel, .studio-auth-theme.is-live-theme .studio-auth-theme-pill, .studio-auth-theme.is-live-theme .studio-auth-form .cursor-select-menu.is-field .cursor-select-trigger, .studio-auth-theme.is-live-theme .studio-auth-field:has(input:-webkit-autofill), .studio-auth-theme.is-live-theme .studio-auth-field:has(textarea:-webkit-autofill) { background: var(--studio-auth-field-bg); color: var(--mos-text); } .studio-auth-theme.is-live-theme .studio-auth-phone .cursor-select-menu.is-field .cursor-select-trigger { background: transparent; } .studio-auth-theme.is-live-theme .studio-auth-field:not(.is-preview):focus, .studio-auth-theme.is-live-theme .studio-auth-field:not(.is-preview):focus-within, .studio-auth-theme.is-live-theme .studio-auth-phone:focus-within, .studio-auth-theme.is-live-theme .studio-auth-form .cursor-select-menu.is-field .cursor-select-trigger:hover, .studio-auth-theme.is-live-theme .studio-auth-form .cursor-select-menu.is-field.is-open .cursor-select-trigger, .studio-auth-theme.is-live-theme .studio-auth-logo.is-over, .studio-auth-theme.is-live-theme .studio-auth-theme-pill.is-active { border-color: var(--studio-auth-ring-edge); background: var(--studio-auth-field-bg); box-shadow: 0 0 0 2px var(--studio-auth-ring); } /* Theme pills: the selected ring is the picked theme (its chip), not the current app accent, since the pick only applies on Create. */ .studio-auth-theme.is-live-theme .studio-auth-theme-pill.studio-theme-chip-host.is-active { border-color: color-mix(in srgb, var(--studio-theme-chip-accent) 62%, var(--mos-border)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--studio-theme-chip-accent) 26%, transparent); } .studio-auth-theme.is-live-theme .studio-auth-field input, .studio-auth-theme.is-live-theme .studio-auth-field textarea, .studio-auth-theme.is-live-theme .studio-auth-phone input { color: var(--mos-text); caret-color: var(--studio-auth-accent); } .studio-auth-theme.is-live-theme .studio-auth-phone input::placeholder, .studio-auth-theme.is-live-theme .studio-auth-form .cursor-select-menu.is-field .cursor-select-trigger.is-placeholder .cursor-select-label, .studio-auth-theme.is-live-theme .studio-auth-form .cursor-select-menu.is-field .cursor-select-leading, .studio-auth-theme.is-live-theme .studio-auth-form .cursor-select-menu.is-field .cursor-select-detail, .studio-auth-theme.is-live-theme .studio-auth-form .cursor-dropdown-item-detail, .studio-auth-theme.is-live-theme .studio-auth-accent-text, .studio-auth-theme.is-live-theme .studio-auth-logo-mark, .studio-auth-theme.is-live-theme .studio-auth-password-visibility { color: color-mix(in srgb, var(--mos-text) 42%, transparent); } .studio-auth-theme.is-live-theme .studio-auth-form .studio-billing-country-select .studio-settings-field-hint { color: var(--mos-muted); } .studio-auth-theme.is-live-theme .studio-auth-password-visibility:hover { color: var(--mos-text); background: color-mix(in srgb, var(--mos-text) 6%, transparent); } .studio-auth-theme.is-live-theme .studio-auth-password-visibility:focus-visible { box-shadow: 0 0 0 2px var(--studio-auth-ring); } /* Autofill keeps the themed field colour (not white, not browser blue). */ .studio-auth-theme.is-live-theme .studio-auth-field input:-webkit-autofill, .studio-auth-theme.is-live-theme .studio-auth-field input:-webkit-autofill:hover, .studio-auth-theme.is-live-theme .studio-auth-field input:-webkit-autofill:focus, .studio-auth-theme.is-live-theme .studio-auth-field input:-webkit-autofill:active, .studio-auth-theme.is-live-theme .studio-auth-field textarea:-webkit-autofill, .studio-auth-theme.is-live-theme input.studio-auth-field:-webkit-autofill { -webkit-text-fill-color: var(--mos-text) !important; background-color: var(--studio-auth-field-bg) !important; -webkit-box-shadow: 0 0 0 1000px var(--studio-auth-field-bg) inset !important; box-shadow: 0 0 0 1000px var(--studio-auth-field-bg) inset !important; color-scheme: inherit; } /* Primary (Continue): the scheme accent fill, white label + trailing arrow in every theme (light and dark), 16px semibold like the app's primary buttons; the arrow is sized to the text. Height stays 48px. */ .studio-auth-theme.is-live-theme .studio-auth-primary { background: var(--studio-auth-accent); color: #ffffff; font-size: 16px; font-weight: 600; line-height: 1; } .studio-auth-theme.is-live-theme .studio-auth-primary > svg { flex: 0 0 auto; width: 18px; height: 18px; color: inherit; } .studio-auth-theme.is-live-theme .studio-auth-primary:hover:not(:disabled) { background: var(--cursor-accent-hover, color-mix(in srgb, var(--studio-auth-accent) 88%, #ffffff)); } .studio-auth-theme.is-live-theme .studio-auth-primary:focus-visible, .studio-auth-theme.is-live-theme .studio-auth-secondary:focus-visible { box-shadow: 0 0 0 2px var(--mos-page), 0 0 0 4px color-mix(in srgb, var(--studio-auth-accent) 55%, transparent); } .studio-auth-theme.is-live-theme .studio-auth-primary:disabled { background: color-mix(in srgb, var(--studio-auth-accent) 55%, var(--mos-plate-strong)); color: rgba(255, 255, 255, 0.72); } .studio-auth-theme.is-live-theme .studio-auth-secondary { border-color: var(--mos-border); color: var(--mos-text); } .studio-auth-theme.is-live-theme .studio-auth-secondary:hover { background: var(--mos-plate-strong); border-color: color-mix(in srgb, var(--mos-text) 28%, transparent); color: var(--mos-text); } /* Status colours readable on the dark card. */ html[data-appearance="dark"] .studio-auth-theme.is-live-theme .studio-auth-error, html[data-appearance="dark"] .studio-auth-theme.is-live-theme .studio-auth-hint.is-taken, html[data-appearance="dark"] .studio-auth-theme.is-live-theme .studio-auth-field.is-preview.is-taken .studio-auth-preview-value { color: #f87171; } html[data-appearance="dark"] .studio-auth-theme.is-live-theme .studio-auth-hint.is-address { color: #4ade80; } html[data-appearance="dark"] .studio-auth-theme.is-live-theme .studio-auth-error-box { border-color: rgb(248 113 113 / 0.32); background: color-mix(in srgb, #dc2626 14%, var(--mos-page)); color: #fecaca; } .studio-auth-handle { min-width: 0; max-width: 100%; } .studio-auth-field.is-handle { gap: 4px; padding-right: 14px; } .studio-auth-field.is-handle input { flex: 1 1 0; width: 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; } .studio-auth-field-suffix { flex: 0 0 auto; padding-right: 0.75rem; color: var(--studio-auth-muted, rgba(127, 127, 127, 0.9)); font-size: 0.875rem; pointer-events: none; user-select: none; white-space: nowrap; } .studio-auth-field.is-handle .studio-auth-field-suffix { padding-right: 0; } .studio-auth-helper { margin-top: 0.5rem; text-align: center; font-size: 0.8125rem; } .studio-auth-progress-wrap { margin: 0 0 14px; } .studio-auth-progress { height: 3px; overflow: hidden; border-radius: 999px; background: color-mix(in srgb, var(--mos-text) 14%, transparent); } .studio-auth-progress > span { display: block; height: 100%; border-radius: inherit; background: var(--cursor-accent); } .studio-auth-plans { display: grid; gap: 8px; margin-top: 4px; box-sizing: border-box; width: 100%; min-width: 0; padding-inline: 2px; text-align: left; } .studio-auth-checkout { margin-top: 12px; text-align: left; } .studio-auth-checkout .unified-checkout { width: 100%; } .studio-auth-skip { margin-top: 12px; } .studio-auth-handle-icon { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 9999px; } .studio-auth-handle-icon.is-ok { background: #16a34a; color: #fff; } .studio-auth-handle-icon.is-bad { background: #dc2626; color: #fff; } /* Vertically center field text (Dallas, Oct 15). */ .studio-auth-field { align-items: center; } .studio-auth-field input { align-self: center; line-height: 1.25; padding-top: 0; padding-bottom: 0; } .studio-auth-field-suffix { align-self: center; line-height: 1.25; } .studio-auth-field.is-handle.is-derived { height: auto; min-height: 48px; align-items: center; padding-top: 8px; padding-bottom: 8px; border-radius: 24px; } .studio-auth-address-value { flex: 1 1 auto; min-width: 0; overflow: visible; text-overflow: unset; white-space: normal; overflow-wrap: anywhere; word-break: break-word; font-size: clamp(13px, 3.5vw, 16px); font-weight: 500; line-height: 1.3; text-align: start; } .studio-auth-address-value.is-empty { color: color-mix(in srgb, var(--mos-text) 38%, transparent); font-weight: 450; } .studio-auth-field-help { margin: -4px 0 0; padding: 0 14px; font-size: 12px; line-height: 1.35; opacity: 0.7; overflow-wrap: anywhere; } .studio-auth-field.is-email input[readonly] { cursor: default; } .studio-auth-plans-loading { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 132px; font-size: 13px; opacity: 0.75; } /* Sign-up step 4: plans sit on the page (like Billing), not in the narrow card. */ .ysbf-auth-slot.studio-auth-theme:has(.studio-auth-page), .ysbf-stage.is-auth .ysbf-auth-slot.studio-auth-theme:has(.studio-auth-page) { max-width: min(1120px, 100%) !important; width: 100%; } .studio-auth-page { box-sizing: border-box; display: flex; flex-direction: column; width: 100%; max-width: 1120px; max-height: calc(100dvh - 10.5rem); margin: 0 auto; padding: 0 16px 16px; background: transparent; border: 0; box-shadow: none; } .studio-auth-page .studio-auth-card-head { width: min(420px, 100%); margin: 0 auto 12px; } .studio-auth-page .studio-auth-title { font-size: 1.15rem; } .studio-auth-page .studio-auth-card-body { overflow-y: auto; } .studio-auth-page .studio-auth-mode-tabs { display: none; } .studio-auth-page .studio-auth-form { margin-top: 0; } @media (min-width: 900px) { .studio-auth-page .studio-billing-plans.is-stack { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; align-items: stretch; } } .studio-auth-page .studio-auth-skip { width: min(320px, 100%); margin: 16px auto 0; } .studio-auth-page .studio-auth-progress { display: none; } .studio-auth-plans .studio-billing-period { align-self: center; margin: 0 auto 16px; } .studio-auth-plans .uc2-skip { display: flex; justify-content: center; margin-top: 16px; } .studio-auth-plans .uc2-skip button { all: unset; cursor: pointer; font-size: 13px; opacity: 0.65; text-decoration: underline; text-underline-offset: 3px; } /* Step 4: no early clip. The whole page scrolls to the viewport bottom. */ .studio-auth-page { max-height: none !important; overflow: visible; } .studio-auth-page .studio-auth-card-body { overflow: visible !important; max-height: none !important; mask-image: none !important; -webkit-mask-image: none !important; } .ysbf-auth-slot:has(.studio-auth-page) { max-height: none !important; overflow: visible !important; mask-image: none !important; -webkit-mask-image: none !important; } .ysbf-stage.is-auth:has(.studio-auth-page) { overflow-y: auto !important; max-height: 100dvh; mask-image: none !important; -webkit-mask-image: none !important; } /* Step 4 plans/checkout: greeting stays, quote hidden */ html:has(.studio-auth-page) .ysbf-greet-quote, html:has(.uc2) .ysbf-greet-quote { display: none !important; } /* Skip for now: plain text link */ .studio-auth-theme .uc2-skip button.studio-auth-skip, .studio-auth-theme.is-live-theme .uc2-skip button.studio-auth-secondary, .uc2-skip button { all: unset; display: inline; cursor: pointer; background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; min-height: 0 !important; width: auto !important; font: inherit; font-size: 13px; font-weight: 500; color: var(--mos-text-muted, var(--mos-muted)) !important; text-decoration: none; } .uc2-skip button:hover { color: var(--mos-text) !important; text-decoration: underline; text-underline-offset: 3px; } .uc2-skip button:focus-visible { outline: 2px solid var(--mos-accent); outline-offset: 2px; border-radius: 4px; } /* Sign-up step 4 (plans + checkout): no greeting at all */ html:has(.studio-auth-page) .ysbf-greet, html:has(.uc2.is-viewport) .ysbf-greet, html:has(.studio-auth-plans) .ysbf-greet { visibility: hidden !important; } /* Step 4 uses the shared Choose a plan head; hide the frame title there */ .studio-auth-page .studio-auth-card-head { display: none; } html:has(.studio-auth-page) .ysbf-greet, html:has(.studio-auth-page) .ysbf-greet *, html:has(.uc2.is-viewport) .ysbf-greet, html:has(.uc2.is-viewport) .ysbf-greet * { visibility: hidden !important; opacity: 0 !important; } /* Step 4: hide every greeting variant, all widths */ html:has(.studio-auth-page) :is(.ysbf-auth-greet, .ysbf-greet, [class*=greet]), html:has(.uc2) :is(.ysbf-auth-greet, .ysbf-greet) { display: none !important; } /* Mobile: clear the floating bottom nav */ @media (max-width: 899px) { .studio-auth-plans { padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 96px) !important; } .uc2-right .uc2-col { padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 96px) !important; } } /* Mobile: plan cards ~12px from the screen edges */ @media (max-width: 899px) { .ysbf-auth-slot:has(.studio-auth-page) { padding-left: 12px !important; padding-right: 12px !important; max-width: 100% !important; } .ysbf-stage.is-auth:has(.studio-auth-page) { padding-left: 0 !important; padding-right: 0 !important; } .studio-auth-page { padding-left: 0 !important; padding-right: 0 !important; } } /* Code inputs: digits and placeholder centred; indent offsets the trailing letter-spacing. */ input.studio-auth-field.is-code { text-align: center; text-indent: 0.28em; } input.studio-auth-field.is-code::placeholder { text-align: center; letter-spacing: 0.28em; } .studio-auth-field-help.is-status { padding: 0; text-align: center; } /* Bare theme-aware Sanity logo (no circle): dark on light, light on dark. */ .studio-auth-sanity-mark { display: block; color: var(--mos-accent); --sanity-mark-letter: var(--mos-accent-fg, #fff); } /* Sign-up step progress lives inside the primary button, mirroring the download pill (.desk-upload-pill-track/-fill): lighter accent track, darker accent fill growing left to right, smooth width transition, label on top. */ .studio-auth-primary.has-step-progress { position: relative; overflow: hidden; isolation: isolate; } .studio-auth-primary.has-step-progress > :not(.studio-auth-primary-fill):not(.sr-only) { position: relative; z-index: 1; } .studio-auth-theme.is-live-theme .studio-auth-primary.has-step-progress, .studio-auth-theme.is-live-theme .studio-auth-primary.has-step-progress:hover:not(:disabled), .studio-auth-theme.is-live-theme .studio-auth-primary.has-step-progress:disabled { background: color-mix(in srgb, var(--studio-auth-accent) 45%, #ffffff); } .studio-auth-primary-fill { position: absolute; left: 0; top: 0; bottom: 0; z-index: 0; border-radius: inherit; background: var(--studio-auth-accent, var(--cursor-accent, #3b82f6)); transition: width 320ms ease-out; pointer-events: none; } .studio-auth-primary.has-step-progress:hover:not(:disabled) .studio-auth-primary-fill { background: color-mix(in srgb, var(--studio-auth-accent, var(--cursor-accent)) 86%, #000); } .studio-auth-theme.is-live-theme .studio-auth-primary.has-step-progress:disabled { color: rgba(255, 255, 255, 0.92); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.18); } @media (prefers-reduced-motion: reduce) { .studio-auth-primary-fill { transition: none; } } /* Continue with Google: Sanity web's pill (sanity-web.css .sw-google/.sw-or), scoped to the Studio auth card since sanity-web.css isn't loaded here. */ .studio-auth-google { display: grid; gap: 12px; width: 100%; margin-top: 12px; } .studio-auth-google .sw-or { display: flex; align-items: center; gap: 10px; width: 100%; color: color-mix(in srgb, var(--mos-text, #202020) 45%, transparent); font-size: 11px; font-weight: 600; text-transform: lowercase; } .studio-auth-google .sw-or::before, .studio-auth-google .sw-or::after { content: ""; flex: 1; height: 1px; background: color-mix(in srgb, var(--mos-text, #202020) 12%, transparent); } .studio-auth-google .sw-google { position: relative; width: 100%; display: flex; } .studio-auth-google .sw-btn { position: relative; overflow: hidden; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 999px; font: inherit; cursor: pointer; padding: 0 18px; -webkit-tap-highlight-color: transparent; transition: transform 0.18s cubic-bezier(0.34, 1.56, 0.64, 1); } .studio-auth-google .sw-btn:active:not(:disabled) { transform: scale(0.97); } .studio-auth-google .sw-google-btn { height: 48px; gap: 10px; background: #fff; border: 1px solid rgba(32, 32, 32, 0.12); color: #202020; font-size: 14px; font-weight: 600; letter-spacing: 0.1px; } .studio-auth-google .sw-google-off .sw-google-btn { opacity: 0.55; cursor: default; } .studio-auth-google .sw-google-gis { position: absolute; inset: 0; opacity: 0.01; overflow: hidden; border-radius: 999px; display: flex; align-items: center; justify-content: center; } .studio-auth-google .sw-google-gis iframe { transform: scale(1.4); } /* Label above the progress fill (bare text nodes can't take z-index, so the label is wrapped). Fill is square-edged and clipped by the button's radius. */ .studio-auth-primary-label { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; gap: 8px; } .studio-auth-primary.has-step-progress { overflow: hidden; isolation: isolate; position: relative; } .studio-auth-primary.has-step-progress .studio-auth-primary-fill { border-radius: 0; z-index: 0; } .studio-auth-theme.is-live-theme .studio-auth-primary-label > svg { width: 18px; height: 18px; flex: 0 0 auto; } /* Install-button style split label: theme-coloured label over the track, a white copy clipped to the fill width so the colour splits at the edge. */ .studio-auth-primary.has-step-progress .studio-auth-primary-fill { width: var(--p, 0%); } .studio-auth-theme.is-live-theme .studio-auth-primary.has-step-progress, .studio-auth-theme.is-live-theme .studio-auth-primary.has-step-progress:hover:not(:disabled), .studio-auth-theme.is-live-theme .studio-auth-primary.has-step-progress:disabled { background: color-mix(in srgb, var(--studio-auth-accent) 22%, var(--mos-page, #fff)); color: var(--mos-text, #202020); text-shadow: none; } .studio-auth-primary.has-step-progress .studio-auth-primary-label.is-on-fill { position: absolute; inset: 0; z-index: 2; color: #fff; clip-path: inset(0 calc(100% - var(--p, 0%)) 0 0); transition: clip-path 320ms ease-out; pointer-events: none; } .studio-auth-primary.has-step-progress:disabled .studio-auth-primary-label { opacity: 0.8; } @media (prefers-reduced-motion: reduce) { .studio-auth-primary-label.is-on-fill { transition: none; } } /* One scroll container: the whole card (logo, title, tabs included) scrolls, edge to edge. Padding lives on the scrolling content, not on a clipped inner wrapper, so nothing is cut off above the bottom padding. */ .studio-auth-card { overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 0; } .studio-auth-card > .studio-auth-card-head { padding: 28px 24px 0; } .studio-auth-card > .studio-auth-card-body { flex: 0 0 auto; overflow: visible; margin-inline: 0; padding: 0 24px 20px; max-height: none; -webkit-mask-image: none; mask-image: none; } .studio-auth-google { margin-top: 0; } /* Base label shows only over the unfilled track; the white copy only over the fill. */ .studio-auth-primary.has-step-progress .studio-auth-primary-label:not(.is-on-fill) { clip-path: inset(0 0 0 var(--p, 0%)); transition: clip-path 320ms ease-out; } .studio-auth-primary.has-step-progress .studio-auth-primary-label.is-on-fill { display: flex; width: 100%; height: 100%; margin: 0; padding: 0 18px; box-sizing: border-box; } /* Round icon-only back button, pinned 12px from the card's top and left. */ .studio-auth-back { position: absolute; top: 12px; left: 12px; z-index: 3; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 1px solid color-mix(in srgb, var(--mos-text, #202020) 10%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--mos-text, #202020) 6%, transparent); color: var(--mos-text, #202020); cursor: pointer; transition: background 0.14s ease, transform 0.12s ease; -webkit-tap-highlight-color: transparent; } .studio-auth-back > svg { width: 18px; height: 18px; } .studio-auth-back:hover { background: color-mix(in srgb, var(--mos-text, #202020) 11%, transparent); } .studio-auth-back:active { transform: scale(0.94); } .studio-auth-back:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--mos-page, #fff), 0 0 0 4px color-mix(in srgb, var(--studio-auth-accent, #3b82f6) 55%, transparent); } /* Both labels are identical full-button boxes so clip percentages are of the button width and the letters line up exactly at the fill edge. */ .studio-auth-primary.has-step-progress .studio-auth-primary-label, .studio-auth-primary.has-step-progress .studio-auth-primary-label.is-on-fill { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 100%; margin: 0; padding: 0 18px; box-sizing: border-box; } .studio-auth-primary.has-step-progress .studio-auth-primary-label:not(.is-on-fill) { z-index: 1; } .studio-auth-primary.has-step-progress .studio-auth-primary-label.is-on-fill { z-index: 2; } /* Generated address row: text vertically centred with the status icon. */ .studio-auth-field.is-handle.is-derived { display: flex; align-items: center; } .studio-auth-field.is-handle.is-derived .studio-auth-handle-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; align-self: center; line-height: 0; margin: 0; } .studio-auth-field.is-handle.is-derived .studio-auth-address-value { display: flex; align-items: center; align-self: center; min-height: 0; height: auto; line-height: 1.25; padding-block: 0; margin-block: 0; vertical-align: middle; } /* Sign-in account pill: email (not clickable) + round switch button inside. */ .studio-auth-account-pill { display: flex; align-items: center; gap: 8px; max-width: 100%; width: fit-content; margin: 0 auto; padding: 4px 4px 4px 14px; border: 1px solid color-mix(in srgb, var(--mos-text, #202020) 10%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--mos-text, #202020) 6%, transparent); color: var(--mos-text, #202020); font-size: 0.8125rem; font-weight: 600; line-height: 1.2; user-select: text; } .studio-auth-account-pill-email { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .studio-auth-account-switch { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 999px; background: color-mix(in srgb, var(--mos-text, #202020) 9%, transparent); color: inherit; cursor: pointer; transition: background 0.14s ease, transform 0.12s ease; } .studio-auth-account-switch > svg { width: 14px; height: 14px; } .studio-auth-account-switch:hover:not(:disabled) { background: color-mix(in srgb, var(--mos-text, #202020) 15%, transparent); } .studio-auth-account-switch:active:not(:disabled) { transform: scale(0.92); } .studio-auth-account-switch:disabled { opacity: 0.5; cursor: default; } .studio-auth-account-switch:focus-visible { outline: none; box-shadow: 0 0 0 2px color-mix(in srgb, var(--studio-auth-accent, #3b82f6) 55%, transparent); } /* Status icon centred on the same axis as the person/@ icons in the fields above. */ .studio-auth-field.is-handle.is-derived .studio-auth-handle-icon { margin-left: -3px; } /* Same type as the other auth inputs (input.studio-auth-field: 1.125rem / 500). */ .studio-auth-account-pill, .studio-auth-account-pill-email, .studio-auth-field.is-handle.is-derived .studio-auth-address-value { font-size: 1.125rem; font-weight: 500; letter-spacing: inherit; } .studio-auth-field.is-handle.is-derived .studio-auth-address-value.is-empty { font-weight: 450; } .studio-auth-account-pill { padding-block: 5px; } .studio-auth-account-switch { width: 32px; height: 32px; } 24:["$","style",null,{"dangerouslySetInnerHTML":{"__html":"$7a"}},"$12","$78",1] 25:D"$7c" 25:["$","link",null,{"rel":"apple-touch-icon","href":"/branding/sanity-v2-appicon-180.png"},"$12","$7b",1] 26:D"$7e" 26:["$","link",null,{"rel":"apple-touch-startup-image","href":"/branding/sanity-v2-splash-light-iphone-1170x2532.png","media":"(prefers-color-scheme: dark) and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3)"},"$12","$7d",1] 27:D"$80" 27:["$","link",null,{"rel":"apple-touch-startup-image","href":"/branding/sanity-v2-splash-dark-iphone-1170x2532.png","media":"(prefers-color-scheme: light) and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3)"},"$12","$7f",1] 28:D"$82" 28:["$","link",null,{"rel":"apple-touch-startup-image","href":"/branding/sanity-v2-splash-light-iphone-1290x2796.png","media":"(prefers-color-scheme: dark) and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3)"},"$12","$81",1] 29:D"$84" 29:["$","link",null,{"rel":"apple-touch-startup-image","href":"/branding/sanity-v2-splash-dark-iphone-1290x2796.png","media":"(prefers-color-scheme: light) and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3)"},"$12","$83",1] 2a:D"$86" 2a:["$","link",null,{"rel":"apple-touch-startup-image","href":"/branding/sanity-v2-splash-light-ipad-2048x2732.png","media":"(prefers-color-scheme: dark) and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)"},"$12","$85",1] 2b:D"$88" 2b:["$","link",null,{"rel":"apple-touch-startup-image","href":"/branding/sanity-v2-splash-dark-ipad-2048x2732.png","media":"(prefers-color-scheme: light) and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)"},"$12","$87",1] 2c:D"$8a" 8c:T1ba5, (() => { try { const host = String(location.hostname || ""); const params = new URLSearchParams(location.search); const isPreview = host.includes("preview.") || host === "localhost" || host === "127.0.0.1"; let pendingReset = ""; try { pendingReset = sessionStorage.getItem("yatishara-studio-reset-pending") || ""; } catch {} const wantsReset = Boolean(pendingReset) || params.has("resetStudio") || params.has("clearStudioCache") || params.has("resetDesk") || params.has("clearDeskCache"); const dirty = wantsReset || params.has("_ysFresh") || params.has("_mosFresh") || params.has("_ysReset"); const metaBuild = ( document.querySelector('meta[name="x-studio-build"]')?.getAttribute("content") || "" ).trim(); const cleanUrl = () => { const url = new URL(location.href); [ "_ysFresh", "_mosFresh", "_ysReset", "resetStudio", "clearStudioCache", "resetDesk", "clearDeskCache", ].forEach((key) => url.searchParams.delete(key)); const next = url.pathname + url.search + url.hash; if (next !== location.pathname + location.search + location.hash) { history.replaceState(null, "", next); } }; const clearPendingReset = () => { try { sessionStorage.removeItem("yatishara-studio-reset-pending"); } catch {} }; const clearStudioLocalState = () => { try { const keys = []; for (let i = 0; i < localStorage.length; i += 1) { const key = localStorage.key(i); if (!key) continue; if ( key.startsWith("yatishara-studio") || key.startsWith("mercuryos-studio") || key.startsWith("mercuryos-desk") || key.startsWith("mos-desk") || key.startsWith("react-resizable-panels:studio") || key.includes("studio-main") ) { keys.push(key); } } // Explicit Reset only — never rely on the startsWith sweep alone for // open-tabs (scoped keys must clear on Reset; listed for clarity). keys.push( "yatishara-studio-open-tabs-v1", "yatishara-studio-main-panel-sizes", "yatishara-studio-custom-cursor", "yatishara-studio-build", "mercuryos-studio-composer-style-mode-v1", "mercuryos-studio-active-style-sheet-v1", ); for (const key of new Set(keys)) { try { localStorage.removeItem(key); } catch {} } sessionStorage.removeItem("yatishara-studio-reloaded-build"); sessionStorage.removeItem("mercuryos-desk-reloaded-build"); sessionStorage.removeItem("mos-desk-purged-build"); } catch {} }; const purgeCaches = () => { const jobs = []; if ("serviceWorker" in navigator) { jobs.push( navigator.serviceWorker.getRegistrations?.().then((regs) => Promise.allSettled(regs.map((r) => r.unregister?.())), ), ); } if ("caches" in window) { jobs.push( caches.keys?.().then((keys) => Promise.allSettled(keys.map((k) => caches.delete(k))), ), ); } return Promise.allSettled(jobs); }; const purge = () => { if (wantsReset) clearStudioLocalState(); try { localStorage.removeItem("yatishara-studio-build"); localStorage.removeItem("mercuryos-desk-build"); localStorage.removeItem("mos-desk-build-id"); sessionStorage.removeItem("yatishara-studio-reloaded-build"); sessionStorage.removeItem("mercuryos-desk-reloaded-build"); sessionStorage.removeItem("mos-desk-purged-build"); } catch {} return purgeCaches(); }; const rememberBuild = (build) => { if (!build) return; try { localStorage.setItem("yatishara-studio-build", build); } catch {} }; // A tab left open across a deploy still asks for its old lazy chunks // (markdown editor, viewers). Those 404 on the new build, which used to // surface as a dead pane / crash wall. Reload once instead. // Invalid array length / RangeError often = stale or half-evaluated chunk // after a docker swap (same class as ChunkLoadError for Script panes). var CHUNK_FAIL = /ChunkLoadError|Loading chunk|dynamically imported module|Importing a module script failed|Invalid array length|RangeError/i; var reloadForStaleChunk = () => { try { const last = Number(sessionStorage.getItem("yatishara-studio-chunk-reload") || "0"); if (Date.now() - last < 30000) return; sessionStorage.setItem("yatishara-studio-chunk-reload", String(Date.now())); } catch {} void purgeCaches().finally(() => location.reload()); }; var chunkFailText = (err, fallback) => String((err && err.name) || "") + " " + String((err && err.message) || fallback || ""); window.addEventListener("error", (event) => { if (CHUNK_FAIL.test(chunkFailText(event && event.error, event && event.message))) { reloadForStaleChunk(); } }); window.addEventListener("unhandledrejection", (event) => { const reason = event && event.reason; if (CHUNK_FAIL.test(chunkFailText(reason, reason))) reloadForStaleChunk(); }); // Preview / local: always drop SW + Cache Storage so hot updates are never sticky. if (isPreview) { void purge().finally(() => { rememberBuild(metaBuild); clearPendingReset(); if (dirty) cleanUrl(); }); return; } // Production: one-shot reload when the HTML build stamp changes so a tab // cannot keep running an older StudioShell chunk graph after deploy. // Explicit Reset always clears sticky tabs/panels first — including when a // build mismatch would otherwise take the early reload path. if (wantsReset) clearStudioLocalState(); if (metaBuild) { let prev = ""; let alreadyReloaded = ""; try { prev = localStorage.getItem("yatishara-studio-build") || ""; } catch {} try { alreadyReloaded = sessionStorage.getItem("yatishara-studio-reloaded-build") || ""; } catch {} if (prev && prev !== metaBuild && alreadyReloaded !== metaBuild) { try { sessionStorage.setItem("yatishara-studio-reloaded-build", metaBuild); } catch {} void purgeCaches().finally(() => { rememberBuild(metaBuild); // Keep pending reset / legacy query params through this reload so the // next pass also runs the full purge + cleanUrl path below. location.reload(); }); return; } rememberBuild(metaBuild); } if (!dirty) return; if (!wantsReset) { cleanUrl(); return; } void purge().finally(() => { rememberBuild(metaBuild); clearPendingReset(); cleanUrl(); location.reload(); }); } catch {} })(); 2c:["$","$L8b",null,{"id":"ys-url-clean","strategy":"beforeInteractive","dangerouslySetInnerHTML":{"__html":"$8c"}},"$12","$89",1] 2d:D"$8e" 8f:D"$91" 8f:D"$90" 8f:D"$92" 94:D"$96" 94:D"$95" 94:D"$97" 98:D"$9a" 98:D"$99" 98:D"$9c" a2:D"$a4" a2:D"$a3" a2:D"$a6" a2:["$","$La7",null,{"ref":"$undefined","iconNode":[["path",{"d":"M15 3h6v6","key":"1q9fwt"}],["path",{"d":"m21 3-7 7","key":"1l2asr"}],["path",{"d":"m3 21 7-7","key":"tjx5ai"}],["path",{"d":"M9 21H3v-6","key":"wtvkvv"}]],"className":"lucide-maximize2 lucide-maximize-2"},"$a3","$a5",1] a9:D"$ab" a9:D"$aa" a9:D"$ad" a9:["$","$La7",null,{"ref":"$undefined","iconNode":[["path",{"d":"M4 5h16","key":"1tepv9"}],["path",{"d":"M4 12h16","key":"1lakjw"}],["path",{"d":"M4 19h16","key":"1djgab"}]],"className":"lucide-menu"},"$aa","$ac",1] b4:D"$b6" b4:D"$b5" b4:D"$b8" b4:["$","$La7",null,{"ref":"$undefined","iconNode":[["path",{"d":"m21 21-4.34-4.34","key":"14j7rj"}],["circle",{"cx":"11","cy":"11","r":"8","key":"4ej97u"}]],"className":"lucide-search"},"$b5","$b7",1] bc:D"$be" bc:D"$bd" bc:D"$c0" bc:["$","$La7",null,{"ref":"$undefined","iconNode":[["path",{"d":"M12 5v14","key":"s699le"}],["path",{"d":"m19 12-7 7-7-7","key":"1idqje"}]],"className":"lucide-arrow-down"},"$bd","$bf",1] c2:D"$c4" c2:D"$c3" c2:D"$c6" c2:["$","$La7",null,{"ref":"$undefined","iconNode":[["path",{"d":"M5 12h14","key":"1ays0h"}],["path",{"d":"M12 5v14","key":"s699le"}]],"className":"lucide-plus"},"$c3","$c5",1] ed:D"$ef" ed:D"$ee" ed:D"$f1" f2:D"$f4" f2:D"$f3" f2:D"$f6" f2:["$","div",null,{"className":"studio-pane-skeleton-dm-head","children":[null,["$","span",null,{"className":"studio-pane-skeleton-dm-peer","children":["$Lf8","$Lf9"]},"$f3","$f7",1],"$Lfa","$Lfb"]},"$f3","$f5",1] fd:D"$ff" fd:D"$fe" fd:D"$101" fd:["$","div",null,{"className":"studio-pane-skeleton-dm-thread","children":["$L102","$L103","$L104","$L105"]},"$fe","$100",1] ed:["$","div",null,{"className":"studio-pane-skeleton-body is-flush is-thread","children":["$f2",["$","div",null,{"className":"studio-pane-skeleton-dm-scroll","children":"$fd"},"$ee","$fc",1],"$L106"]},"$ee","$f0",1] 107:D"$109" 107:D"$108" 107:D"$10b" 107:["$","aside",null,{"className":"ysbf-peer","children":[["$","div",null,{"className":"ysbf-peer-head","children":["$","span",null,{"className":"ysbf-peer-tabs","children":[["$","span","Files",{"className":"ysbf-peer-tab is-active","children":"Files"},"$108","$10e",0],"$L10f","$L110","$L111"]},"$108","$10d",1]},"$108","$10c",1],"$L112","$L113","$L114"]},"$108","$10a",1] 98:["$","div",null,{"className":"ysbf-stage studio-boot-skel-desktop","aria-hidden":"true","children":[["$","header",null,{"className":"ysbf-head","children":[["$","span",null,{"className":"ysbf-pill ysbf-nav","suppressHydrationWarning":true,"dangerouslySetInnerHTML":{"__html":"DMs"}},"$99","$9e",1],["$","span",null,{"className":"ysbf-pill ysbf-tools","children":[["$","span",null,{"className":"ysbf-time"},"$99","$a0",1],["$","span",null,{"className":"ysbf-hbtn","children":"$a2"},"$99","$a1",1],["$","span",null,{"className":"ysbf-hbtn","children":"$a9"},"$99","$a8",1]]},"$99","$9f",1]]},"$99","$9d",1],["$","div",null,{"className":"ysbf-card","children":["$","div",null,{"className":"ysbf-body","children":[["$","aside",null,{"className":"ysbf-rail","children":["$","div",null,{"className":"ysbf-rail-card","children":[["$","div",null,{"className":"ysbf-rail-chrome","children":[["$","span",null,{"className":"ysbf-search","children":["$b4",["$","span",null,{"className":"ysbf-search-text","children":"Search people, chats & messages"},"$99","$b9",1]]},"$99","$b3",1],["$","span",null,{"className":"ysbf-filter","children":[["$","span",null,{"children":"All"},"$99","$bb",1],"$bc"]},"$99","$ba",1],["$","span",null,{"className":"ysbf-circle is-36","children":"$c2"},"$99","$c1",1]]},"$99","$b2",1],["$","div",null,{"className":"ysbf-rows","children":[["$","span",null,{"className":"ysbf-row is-agent","children":[["$","span",null,{"className":"ysbf-row-avatar is-agent","children":["$","$Lcb",null,{"size":48,"state":"idle","staticFace":true,"label":"Studio"},"$99","$ca",1]},"$99","$c9",1],["$","span",null,{"className":"ysbf-row-copy","children":[["$","span",null,{"className":"ysbf-row-line is-name","children":[["$","span",null,{"style":{"width":"34%"}},"$99","$ce",1],["$","span",null,{"className":"ysbf-row-time"},"$99","$cf",1]]},"$99","$cd",1],["$","span",null,{"className":"ysbf-row-line is-preview","children":["$","span",null,{"style":{"width":"86%"}},"$99","$d1",1]},"$99","$d0",1]]},"$99","$cc",1]]},"$99","$c8",1],[["$","span","0",{"className":"ysbf-row","children":[["$","span",null,{"className":"ysbf-row-avatar"},"$99","$d3",1],["$","span",null,{"className":"ysbf-row-copy","children":[["$","span",null,{"className":"ysbf-row-line is-name","children":[["$","span",null,{"style":{"width":"46%"}},"$99","$d6",1],["$","span",null,{"className":"ysbf-row-time"},"$99","$d7",1]]},"$99","$d5",1],["$","span",null,{"className":"ysbf-row-line is-preview","children":["$","span",null,{"style":{"width":"76%"}},"$99","$d9",1]},"$99","$d8",1]]},"$99","$d4",1]]},"$99","$d2",0],["$","span","1",{"className":"ysbf-row","children":[["$","span",null,{"className":"ysbf-row-avatar"},"$99","$db",1],["$","span",null,{"className":"ysbf-row-copy","children":[["$","span",null,{"className":"ysbf-row-line is-name","children":[["$","span",null,{"style":{"width":"62%"}},"$99","$de",1],["$","span",null,{"className":"ysbf-row-time"},"$99","$df",1]]},"$99","$dd",1],["$","span",null,{"className":"ysbf-row-line is-preview","children":["$","span",null,{"style":{"width":"92%"}},"$99","$e1",1]},"$99","$e0",1]]},"$99","$dc",1]]},"$99","$da",0],["$","span","2",{"className":"ysbf-row","children":[["$","span",null,{"className":"ysbf-row-avatar"},"$99","$e3",1],["$","span",null,{"className":"ysbf-row-copy","children":[["$","span",null,{"className":"ysbf-row-line is-name","children":[["$","span",null,{"style":{"width":"38%"}},"$99","$e6",1],["$","span",null,{"className":"ysbf-row-time"},"$99","$e7",1]]},"$99","$e5",1],["$","span",null,{"className":"ysbf-row-line is-preview","children":["$","span",null,{"style":{"width":"68%"}},"$99","$e9",1]},"$99","$e8",1]]},"$99","$e4",1]]},"$99","$e2",0]]]},"$99","$c7",1]]},"$99","$b1",1]},"$99","$b0",1],["$","div",null,{"className":"ysbf-main","children":["$","section",null,{"className":"ysbf-chat","children":["$","div",null,{"className":"studio-pane-skeleton-embedded ysbf-thread","children":"$ed"},"$99","$ec",1]},"$99","$eb",1]},"$99","$ea",1],"$107"]},"$99","$af",1]},"$99","$ae",1]]},"$99","$9b",1] 116:D"$118" 116:D"$117" 116:D"$11a" 11b:D"$11d" 11b:D"$11c" 11b:D"$11f" 128:D"$12a" 128:D"$129" 128:D"$12c" 128:["$","$La7",null,{"ref":"$undefined","iconNode":[["path",{"d":"M18 6 6 18","key":"1bl5f8"}],["path",{"d":"m6 6 12 12","key":"d8bk6v"}]],"className":"lucide-x","aria-hidden":"true"},"$129","$12b",1] 11b:["$","header",null,{"className":"studio-desktop-workspace-head cursor-workspace-head","aria-hidden":"true","children":["$","div",null,{"className":"studio-head-nav-pill","children":["$","div",null,{"className":"cursor-unified-tabs studio-pane-skeleton-shell-head-tabs","children":["$","div",null,{"className":"cursor-unified-tabs-scroll","children":["$","span",null,{"className":"studio-pane-skeleton-shell-tab","children":[["$","svg",null,{"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","aria-hidden":"true","children":["$","path",null,{"d":"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"},"$11c","$125",1]},"$11c","$124",1],["$","span",null,{"className":"studio-pane-skeleton-shell-tab-label","children":"DMs"},"$11c","$126",1],["$","span",null,{"className":"studio-pane-skeleton-shell-tab-x","children":"$128"},"$11c","$127",1]]},"$11c","$123",1]},"$11c","$122",1]},"$11c","$121",1]},"$11c","$120",1]},"$11c","$11e",1] 12f:D"$131" 12f:D"$130" 12f:D"$133" 134:D"$136" 134:D"$135" 134:D"$138" 139:D"$140" 139:D"$13a" 139:D"$142" 143:D"$145" 143:D"$144" 143:D"$147" 143:["$","$La7",null,{"ref":"$undefined","iconNode":[["path",{"d":"m12 19-7-7 7-7","key":"1l729n"}],["path",{"d":"M19 12H5","key":"x3x0zl"}]],"className":"lucide-arrow-left","aria-hidden":"true"},"$144","$146",1] 139:["$","span",null,{"className":"studio-pane-skeleton-ring is-head","children":"$143"},"$13a","$141",1] 149:D"$14b" 149:D"$14a" 149:D"$14d" 149:["$","span",null,{"className":"studio-skeleton-block is-circle studio-pane-skeleton-dm-peer-face","style":"$undefined","aria-hidden":"true"},"$14a","$14c",1] 14e:D"$150" 14e:D"$14f" 14e:D"$152" 14e:["$","span",null,{"className":"studio-skeleton-block is-row is-name","style":"$undefined","aria-hidden":"true"},"$14f","$151",1] 153:D"$15a" 153:D"$154" 153:D"$15c" 15d:D"$15f" 15d:D"$15e" 15d:D"$161" 15d:["$","$La7",null,{"ref":"$undefined","iconNode":[["path",{"d":"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384","key":"9njp5v"}]],"className":"lucide-phone","aria-hidden":"true"},"$15e","$160",1] 153:["$","span",null,{"className":"studio-pane-skeleton-ring is-head","children":"$15d"},"$154","$15b",1] 162:D"$169" 162:D"$163" 162:D"$16b" 16c:D"$16e" 16c:D"$16d" 16c:D"$170" 16c:["$","$La7",null,{"ref":"$undefined","iconNode":[["path",{"d":"m15 12-9.373 9.373a1 1 0 0 1-3.001-3L12 9","key":"1hayfq"}],["path",{"d":"m18 15 4-4","key":"16gjal"}],["path",{"d":"m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172v-.344a2 2 0 0 0-.586-1.414l-1.657-1.657A6 6 0 0 0 12.516 3H9l1.243 1.243A6 6 0 0 1 12 8.485V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5","key":"15ts47"}]],"className":"lucide-hammer","aria-hidden":"true"},"$16d","$16f",1] 162:["$","span",null,{"className":"studio-pane-skeleton-ring is-head","children":"$16c"},"$163","$16a",1] 134:["$","div",null,{"className":"studio-pane-skeleton-dm-head has-back","children":["$139",["$","span",null,{"className":"studio-pane-skeleton-dm-peer","children":["$149","$14e"]},"$135","$148",1],"$153","$162"]},"$135","$137",1] 172:D"$174" 172:D"$173" 172:D"$176" 179:D"$17b" 179:D"$17a" 179:D"$17d" 179:["$","span",null,{"className":"studio-skeleton-block is-row is-name","style":"$undefined","aria-hidden":"true"},"$17a","$17c",1] 17e:D"$180" 17e:D"$17f" 17e:D"$182" 17e:["$","span",null,{"className":"studio-skeleton-block is-row is-time","style":"$undefined","aria-hidden":"true"},"$17f","$181",1] 184:D"$186" 184:D"$185" 184:D"$188" 184:["$","span",null,{"className":"studio-skeleton-block is-row is-line","style":{"width":"94%"},"aria-hidden":"true"},"$185","$187",1] 18a:D"$18c" 18a:D"$18b" 18a:D"$18e" 18a:["$","span",null,{"className":"studio-skeleton-block is-row is-line","style":{"width":"88%"},"aria-hidden":"true"},"$18b","$18d",1] 190:D"$192" 190:D"$191" 190:D"$194" 190:["$","span",null,{"className":"studio-skeleton-block is-row is-line","style":{"width":"42%"},"aria-hidden":"true"},"$191","$193",1] 197:D"$199" 197:D"$198" 197:D"$19b" 197:["$","span",null,{"className":"studio-skeleton-block is-row is-line","style":{"width":"86%"},"aria-hidden":"true"},"$198","$19a",1] 19e:D"$1a0" 19e:D"$19f" 19e:D"$1a2" 19e:["$","span",null,{"className":"studio-skeleton-block is-row is-name","style":"$undefined","aria-hidden":"true"},"$19f","$1a1",1] 1a3:D"$1a5" 1a3:D"$1a4" 1a3:D"$1a7" 1a3:["$","span",null,{"className":"studio-skeleton-block is-row is-time","style":"$undefined","aria-hidden":"true"},"$1a4","$1a6",1] 1a9:D"$1ab" 1a9:D"$1aa" 1a9:D"$1ad" 1a9:["$","span",null,{"className":"studio-skeleton-block is-row is-line","style":{"width":"96%"},"aria-hidden":"true"},"$1aa","$1ac",1] 1af:D"$1b1" 1af:D"$1b0" 1af:D"$1b3" 1af:["$","span",null,{"className":"studio-skeleton-block is-row is-line","style":{"width":"90%"},"aria-hidden":"true"},"$1b0","$1b2",1] 1b5:D"$1b7" 1b5:D"$1b6" 1b5:D"$1b9" 1b5:["$","span",null,{"className":"studio-skeleton-block is-row is-line","style":{"width":"93%"},"aria-hidden":"true"},"$1b6","$1b8",1] 1bb:D"$1bd" 1bb:D"$1bc" 1bb:D"$1bf" 1bb:["$","span",null,{"className":"studio-skeleton-block is-row is-line","style":{"width":"58%"},"aria-hidden":"true"},"$1bc","$1be",1] 1c2:D"$1c4" 1c2:D"$1c3" 1c2:D"$1c6" 1c2:["$","span",null,{"className":"studio-skeleton-block is-row is-name","style":"$undefined","aria-hidden":"true"},"$1c3","$1c5",1] 1c7:D"$1c9" 1c7:D"$1c8" 1c7:D"$1cb" 1c7:["$","span",null,{"className":"studio-skeleton-block is-row is-time","style":"$undefined","aria-hidden":"true"},"$1c8","$1ca",1] 1cd:D"$1cf" 1cd:D"$1ce" 1cd:D"$1d1" 1cd:["$","span",null,{"className":"studio-skeleton-block is-row is-line","style":{"width":"92%"},"aria-hidden":"true"},"$1ce","$1d0",1] 1d3:D"$1d5" 1d3:D"$1d4" 1d3:D"$1d7" 1d3:["$","span",null,{"className":"studio-skeleton-block is-row is-line","style":{"width":"95%"},"aria-hidden":"true"},"$1d4","$1d6",1] 1d9:D"$1db" 1d9:D"$1da" 1d9:D"$1dd" 1d9:["$","span",null,{"className":"studio-skeleton-block is-row is-line","style":{"width":"62%"},"aria-hidden":"true"},"$1da","$1dc",1] 172:["$","div",null,{"className":"studio-pane-skeleton-dm-thread","children":[["$","div","0",{"className":"studio-pane-skeleton-dm-msg","style":{"width":"80%"},"children":[["$","div",null,{"className":"studio-pane-skeleton-dm-msg-head","children":["$179","$17e"]},"$173","$178",1],[["$","span","0",{"className":"studio-pane-skeleton-dm-msg-line","children":"$184"},"$173","$183",0],["$","span","1",{"className":"studio-pane-skeleton-dm-msg-line","children":"$18a"},"$173","$189",0],["$","span","2",{"className":"studio-pane-skeleton-dm-msg-line","children":"$190"},"$173","$18f",0]]]},"$173","$177",0],["$","div","1",{"className":"studio-pane-skeleton-dm-msg is-mine","style":{"width":"36%"},"children":[null,[["$","span","0",{"className":"studio-pane-skeleton-dm-msg-line","children":"$197"},"$173","$196",0]]]},"$173","$195",0],["$","div","2",{"className":"studio-pane-skeleton-dm-msg","style":{"width":"80%"},"children":[["$","div",null,{"className":"studio-pane-skeleton-dm-msg-head","children":["$19e","$1a3"]},"$173","$19d",1],[["$","span","0",{"className":"studio-pane-skeleton-dm-msg-line","children":"$1a9"},"$173","$1a8",0],["$","span","1",{"className":"studio-pane-skeleton-dm-msg-line","children":"$1af"},"$173","$1ae",0],["$","span","2",{"className":"studio-pane-skeleton-dm-msg-line","children":"$1b5"},"$173","$1b4",0],["$","span","3",{"className":"studio-pane-skeleton-dm-msg-line","children":"$1bb"},"$173","$1ba",0]]]},"$173","$19c",0],["$","div","3",{"className":"studio-pane-skeleton-dm-msg","style":{"width":"80%"},"children":[["$","div",null,{"className":"studio-pane-skeleton-dm-msg-head","children":["$1c2","$1c7"]},"$173","$1c1",1],[["$","span","0",{"className":"studio-pane-skeleton-dm-msg-line","children":"$1cd"},"$173","$1cc",0],["$","span","1",{"className":"studio-pane-skeleton-dm-msg-line","children":"$1d3"},"$173","$1d2",0],["$","span","2",{"className":"studio-pane-skeleton-dm-msg-line","children":"$1d9"},"$173","$1d8",0]]]},"$173","$1c0",0]]},"$173","$175",1] 1de:D"$1e0" 1de:D"$1df" 1de:D"$1e2" 1e6:D"$1ed" 1e6:D"$1e7" 1e6:D"$1ef" 1f0:D"$1f2" 1f0:D"$1f1" 1f0:D"$1f4" 1f0:["$","$La7",null,{"ref":"$undefined","iconNode":"$c2:props:iconNode","className":"lucide-plus","aria-hidden":"true"},"$1f1","$1f3",1] 1e6:["$","span",null,{"className":"studio-pane-skeleton-ring","children":"$1f0"},"$1e7","$1ee",1] 1f5:D"$1fc" 1f5:D"$1f6" 1f5:D"$1fe" 1ff:D"$201" 1ff:D"$200" 1ff:D"$203" 1ff:["$","$La7",null,{"ref":"$undefined","iconNode":[["circle",{"cx":"12","cy":"12","r":"4","key":"4exip2"}],["path",{"d":"M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8","key":"7n84p3"}]],"className":"lucide-at-sign","aria-hidden":"true"},"$200","$202",1] 1f5:["$","span",null,{"className":"studio-pane-skeleton-ring","children":"$1ff"},"$1f6","$1fd",1] 204:D"$210" 204:D"$205" 204:D"$212" 213:D"$215" 213:D"$214" 213:D"$217" 213:["$","$La7",null,{"ref":"$undefined","iconNode":[["path",{"d":"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719","key":"1sd12s"}]],"className":"lucide-message-circle","aria-hidden":"true"},"$214","$216",1] 218:D"$21a" 218:D"$219" 218:D"$21c" 218:["$","$La7",null,{"ref":"$undefined","iconNode":[["path",{"d":"m18 15-6-6-6 6","key":"153udz"}]],"className":"lucide-chevron-up is-chevron","aria-hidden":"true"},"$219","$21b",1] 204:["$","span",null,{"className":"studio-pane-skeleton-ring is-pill","children":["$213","$218"]},"$205","$211",1] 21e:D"$225" 21e:D"$21f" 21e:D"$227" 228:D"$22a" 228:D"$229" 228:D"$22c" 228:["$","$La7",null,{"ref":"$undefined","iconNode":[["path",{"d":"m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72","key":"ul74o6"}],["path",{"d":"m14 7 3 3","key":"1r5n42"}],["path",{"d":"M5 6v4","key":"ilb8ba"}],["path",{"d":"M19 14v4","key":"blhpug"}],["path",{"d":"M10 2v2","key":"7u0qdc"}],["path",{"d":"M7 8H3","key":"zfb6yr"}],["path",{"d":"M21 16h-4","key":"1cnmox"}],["path",{"d":"M11 3H9","key":"1obp7u"}]],"className":"lucide-wand-sparkles","aria-hidden":"true"},"$229","$22b",1] 21e:["$","span",null,{"className":"studio-pane-skeleton-ring","children":"$228"},"$21f","$226",1] 22d:D"$234" 22d:D"$22e" 22d:D"$236" 237:D"$239" 237:D"$238" 237:D"$23b" 237:["$","$La7",null,{"ref":"$undefined","iconNode":[["path",{"d":"M12 19v3","key":"npa21l"}],["path",{"d":"M19 10v2a7 7 0 0 1-14 0v-2","key":"1vc78b"}],["rect",{"x":"9","y":"2","width":"6","height":"13","rx":"3","key":"s6n7sd"}]],"className":"lucide-mic","aria-hidden":"true"},"$238","$23a",1] 22d:["$","span",null,{"className":"studio-pane-skeleton-ring","children":"$237"},"$22e","$235",1] 23d:D"$23f" 23d:D"$23e" 23d:D"$241" 23d:["$","$La7",null,{"ref":"$undefined","iconNode":[["path",{"d":"m5 12 7-7 7 7","key":"hav0vg"}],["path",{"d":"M12 19V5","key":"x0mq9r"}]],"className":"lucide-arrow-up","aria-hidden":"true"},"$23e","$240",1] 1de:["$","div",null,{"className":"studio-pane-skeleton-dm-composer","children":["$","div",null,{"className":"studio-pane-skeleton-dm-composer-box","children":[["$","div",null,{"className":"studio-pane-skeleton-dm-composer-field","children":"Type a message"},"$1df","$1e4",1],["$","div",null,{"className":"studio-pane-skeleton-dm-composer-tools","children":["$1e6","$1f5","$204",["$","span",null,{"className":"studio-pane-skeleton-dm-composer-gap"},"$1df","$21d",1],"$21e","$22d",["$","span",null,{"className":"studio-pane-skeleton-dm-composer-send","children":"$23d"},"$1df","$23c",1]]},"$1df","$1e5",1]]},"$1df","$1e3",1]},"$1df","$1e1",1] 12f:["$","div",null,{"className":"studio-pane-skeleton-body is-flush is-thread","children":["$134",["$","div",null,{"className":"studio-pane-skeleton-dm-scroll","children":"$172"},"$130","$171",1],"$1de"]},"$130","$132",1] 242:D"$244" 242:D"$243" 242:D"$246" 249:D"$24b" 249:D"$24a" 249:D"$24d" 249:["$","$La7",null,{"ref":"$undefined","iconNode":[["path",{"d":"M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z","key":"1kt360"}]],"className":"lucide-folder","aria-hidden":"true"},"$24a","$24c",1] 24f:D"$251" 24f:D"$250" 24f:D"$253" 24f:["$","$La7",null,{"ref":"$undefined","iconNode":"$213:props:iconNode","className":"lucide-message-circle","aria-hidden":"true"},"$250","$252",1] 255:D"$257" 255:D"$256" 255:D"$259" 255:["$","$La7",null,{"ref":"$undefined","iconNode":[["path",{"d":"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7","key":"132q7q"}],["rect",{"x":"2","y":"4","width":"20","height":"16","rx":"2","key":"izxlao"}]],"className":"lucide-mail","aria-hidden":"true"},"$256","$258",1] 25b:D"$25d" 25b:D"$25c" 25b:D"$25f" 25b:["$","$La7",null,{"ref":"$undefined","iconNode":[["rect",{"width":"8","height":"8","x":"3","y":"3","rx":"2","key":"by2w9f"}],["path",{"d":"M7 11v4a2 2 0 0 0 2 2h4","key":"xkn7yn"}],["rect",{"width":"8","height":"8","x":"13","y":"13","rx":"2","key":"1cgmvn"}]],"className":"lucide-workflow","aria-hidden":"true"},"$25c","$25e",1] 262:D"$264" 262:D"$263" 262:D"$266" 262:["$","$La7",null,{"ref":"$undefined","iconNode":"$a9:props:iconNode","className":"lucide-menu","aria-hidden":"true"},"$263","$265",1] 242:["$","nav",null,{"className":"studio-mobile-bottom-nav studio-pane-skeleton-shell-nav-stub","aria-hidden":"true","children":[["$","div",null,{"className":"studio-mobile-nav-sections","children":[["$","span",null,{"className":"studio-mobile-nav-btn is-icon-only","children":"$249"},"$243","$248",1],["$","span",null,{"className":"studio-mobile-nav-btn is-icon-only is-active","children":"$24f"},"$243","$24e",1],["$","span",null,{"className":"studio-mobile-nav-btn is-icon-only","children":"$255"},"$243","$254",1],["$","span",null,{"className":"studio-mobile-nav-btn is-icon-only","children":"$25b"},"$243","$25a",1]]},"$243","$247",1],["$","div",null,{"className":"studio-mobile-nav-tools","children":["$","span",null,{"className":"studio-mobile-nav-btn is-icon-only is-tool","children":"$262"},"$243","$261",1]},"$243","$260",1]]},"$243","$245",1] 116:["$","div",null,{"className":"studio-stage studio-pane-skeleton-root","aria-hidden":"true","children":["$11b",["$","div",null,{"className":"studio-polish is-studio-mobile studio-mobile-stage","children":["$","div",null,{"className":"studio-pane-skeleton-embedded","role":"status","aria-label":"Loading","children":"$12f"},"$117","$12e",1]},"$117","$12d",1],"$242"]},"$117","$119",1] 94:["$98",["$","div",null,{"className":"studio-boot-skel-mobile","children":"$116"},"$95","$115",1]] 268:Tf7e,(function(){try{var B=window.__ysBoot;if(B!=="app"&&B!=="auth")return;var C={"id":"ys-boot-frame","base":"yatishara-studio-open-tabs-v1:","titles":{"messages:":"DMs","mail:":"Mail","files:":"Files","filepick:":"Choose files","live:":"Record","academy:":"Academy","organization:":"Organization","connectors:":"Connectors","workflows:":"Workflows"},"admin":{"payments":"Payments","customers":"Customers","sellers":"Sellers","marketplace":"Sellers","offers":"Offers","jobs":"Jobs","assets":"Assets","academy":"Academy","agents":"Agents","payouts":"Payouts","tools":"Tools","setup":"Tools","pricing":"Tools"},"skip":["composer:","thread:","agent:","network:","offers:","dashboard:"]};var f=document.getElementById(C.id);if(!f)return;f.style.setProperty("--ysbf-cycle-delay",(-(Date.now()%36000))+"ms");if(B==="auth")return;f.setAttribute("data-on","");try{var greets=f.querySelectorAll(".ysbf-greet");if(greets.length){var now=new Date(),hr=now.getHours(),Q=[{"text":"Less, but better.","name":"Dieter Rams"},{"text":"Stay hungry, stay foolish.","name":"Steve Jobs"},{"text":"Well done is better than well said.","name":"Benjamin Franklin"},{"text":"Simplicity is the ultimate sophistication.","name":"Leonardo da Vinci"},{"text":"Quality is not an act, it is a habit.","name":"Aristotle"},{"text":"You miss 100% of the shots you don’t take.","name":"Wayne Gretzky"},{"text":"Done is better than perfect.","name":"Sheryl Sandberg"},{"text":"The details are not the details. They make the design.","name":"Charles Eames"}];for(var gi=0;gi=0?s.activeTab:(starts(String(s.activeTab||""),"feed:")&&feedAt>=0?keys[feedAt]:keys[keys.length-1]);var ic=strip.querySelector(".ysbf-tab-icon");strip.textContent="";for(var m=0;m