:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f1f1f5;--studio-bg:#0d0f14;--studio-panel:#14171d;--studio-panel-2:#1a1e26;--studio-border:#343946;--studio-muted:#989eaa;--studio-accent:#a8c6ff;--studio-accent-strong:#0b3c75;--studio-text:#f1f1f5;--studio-success:#74d8ad;background:#0d0f14;font-family:Arial,Helvetica,sans-serif}:root.theme-light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#181a21;--studio-bg:#f4f6fa;--studio-panel:#fff;--studio-panel-2:#eef1f7;--studio-border:#ccd2dc;--studio-muted:#616977;--studio-accent:#2e5f9e;--studio-accent-strong:#dce9ff;--studio-text:#181a21;--studio-success:#147453;background:#f4f6fa}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{min-height:100%;margin:0}body{background:var(--studio-bg);color:var(--studio-text)}button,input,select{font:inherit}button{color:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@layer sf.base{html[data-sf-icon-runtime=bundled-fallback] body .sf-icon:not(.sf-icon-loaded){font-size:var(--sf-icon--font-size,var(--sf-icon-size-3))!important}}.studio-loading{min-height:100vh;color:var(--studio-muted);place-content:center;justify-items:center;gap:18px;display:grid}.studio-loading__mark{background:var(--studio-accent);color:#092b55;border-radius:22px;place-items:center;width:72px;height:72px;font-size:24px;font-weight:900;display:grid}.studio-shell{min-height:100vh}.studio-topbar{z-index:100;border-bottom:1px solid var(--studio-border);background:color-mix(in srgb, var(--studio-bg), transparent 4%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:auto 1fr auto;align-items:center;gap:28px;min-height:72px;padding:12px clamp(18px,3vw,44px);display:grid;position:sticky;top:0}.studio-logo{color:inherit;align-items:center;gap:14px;text-decoration:none;display:flex}.studio-logo span{color:#fff;background:#f21d39;border-radius:13px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.studio-logo strong{font-size:18px}.studio-primary-nav{justify-self:start;align-items:center;gap:6px;display:flex}.studio-primary-nav sf-button{min-height:42px;font-weight:750}.studio-main{min-width:0;max-width:100vw;padding:clamp(24px,3vw,46px) clamp(18px,4vw,64px) 70px;overflow:clip}.studio-actions{justify-self:end;align-items:center;gap:8px;display:flex;position:relative}sf-button>.studio-framework-button{min-width:0}sf-button[disabled]>.studio-framework-button,sf-icon-button[disabled]>.studio-framework-icon-button{opacity:.5;pointer-events:none}sf-input[data-catalogue-search]{width:100%;display:block}sf-input[data-catalogue-search]>.sf-input{width:100%}sf-button>.studio-framework-button--component-tab{flex:1 1 0}sf-button>.studio-framework-button--compact-action,sf-button>.studio-framework-button--back-action{min-height:42px}sf-button>.studio-framework-button--back-action{flex:none}sf-button>.studio-framework-button--composer-action{min-height:40px}sf-button>.studio-framework-button--composer-action.composer-action--primary{font-weight:800}sf-icon-button>.studio-framework-icon-button--icon-action{justify-content:center;width:42px;height:42px}sf-button>.studio-framework-button:focus-visible{outline:2px solid var(--studio-accent);outline-offset:2px}.studio-about{position:relative}.studio-about>summary{border:1px solid var(--studio-border);background:var(--studio-panel);cursor:pointer;white-space:nowrap;border-radius:11px;place-items:center;min-height:42px;padding:8px 13px;font-weight:750;list-style:none;display:grid}.studio-about>summary::-webkit-details-marker{display:none}.studio-about[open]>summary{border-color:var(--studio-accent);background:var(--studio-accent-strong)}.studio-about__content{border:1px solid var(--studio-border);background:var(--studio-panel);border-radius:13px;gap:10px;width:min(390px,100vw - 28px);padding:16px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 50px #00000052}.studio-about__content strong{font-size:15px}.studio-about__content span{color:var(--studio-muted);font-size:13px;line-height:1.45}.studio-about__content code{color:var(--studio-accent);overflow-wrap:anywhere}.status-dot{background:var(--studio-success);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--studio-success), transparent 80%);border-radius:50%}.catalogue-page,.component-panel,.mcp-page{width:100%;min-width:0;max-width:1700px;margin:0 auto}.catalogue-page{gap:24px;display:grid}.workspace-heading{justify-content:space-between;align-items:end;gap:28px;display:flex}.workspace-heading h1{letter-spacing:-.04em;margin:0 0 7px;font-size:clamp(32px,4vw,52px);line-height:1.05}.workspace-heading p{max-width:650px;color:var(--studio-muted);margin:0;font-size:16px;line-height:1.5}.workspace-heading .catalogue-search{width:min(460px,40vw);margin:0}.panel-heading,.surface-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.panel-heading h2,.surface-heading h2,.surface-heading h3{margin:0}.panel-heading>span,.surface-heading>span{color:var(--studio-muted);font-size:13px}.catalogue-search{display:block}.catalogue-page>.catalogue-search{width:min(520px,100%)}.catalogue-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.component-card{text-align:left;border:1px solid var(--studio-border);background:var(--studio-panel);cursor:pointer;border-radius:15px;grid-template-columns:48px minmax(0,1fr) 18px;align-items:start;gap:14px;width:100%;min-height:148px;padding:20px;transition:transform .16s,border-color .16s,background .16s;display:grid}.component-card:hover{border-color:color-mix(in srgb, var(--studio-accent), transparent 38%);background:var(--studio-panel-2);transform:translateY(-2px)}.component-card.is-active{border-color:color-mix(in srgb, var(--studio-accent), transparent 45%);background:var(--studio-accent-strong)}.component-card__icon{background:color-mix(in srgb, var(--studio-accent), transparent 72%);width:48px;height:48px;color:var(--studio-accent);border-radius:13px;place-items:center;font-size:21px;font-weight:800;display:grid}.component-card__body{gap:6px;min-width:0;display:grid}.component-card__body strong{font-size:17px}.component-card__body code{color:var(--studio-accent);font-size:12px}.component-card__body small{color:var(--studio-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.component-card__arrow{color:var(--studio-muted);align-self:center;font-size:26px}.mcp-page{gap:28px;display:grid}.mcp-workspace{border:1px solid var(--studio-border);background:var(--studio-panel);border-radius:16px;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);display:grid;overflow:hidden}.mcp-connect,.mcp-capabilities{min-width:0;padding:clamp(24px,4vw,44px)}.mcp-connect{justify-items:start;gap:16px;display:grid}.mcp-connect h2,.mcp-capabilities h2{margin:0;font-size:24px}.mcp-connect>p:not(.mcp-status){max-width:680px;color:var(--studio-muted);margin:-4px 0 4px;line-height:1.55}.mcp-connect label{color:var(--studio-muted);font-size:13px;font-weight:750}.mcp-endpoint{overflow-wrap:anywhere;background:var(--studio-panel-2);max-width:100%;color:var(--studio-accent);border-radius:9px;padding:12px 14px}.mcp-config{border-left:3px solid var(--studio-accent);background:var(--studio-panel-2);width:100%;color:var(--studio-text);margin:0;padding:16px;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.mcp-actions{flex-wrap:wrap;gap:10px;display:flex}.mcp-restart-note{max-width:720px;color:var(--studio-muted);line-height:1.55}.mcp-status{align-items:center;gap:10px;margin:0 0 4px;font-weight:750;display:flex}.mcp-status i{background:var(--studio-muted);border-radius:50%;flex:none;width:10px;height:10px}.mcp-status.is-checking i{animation:1s ease-in-out infinite alternate mcp-pulse}.mcp-status.is-ready{color:var(--studio-success)}.mcp-status.is-ready i{background:var(--studio-success)}.mcp-status.is-unavailable{color:#e7a2a8}.mcp-status.is-unavailable i{background:#e46f79}.mcp-capabilities{border-left:1px solid var(--studio-border);background:var(--studio-panel-2)}.mcp-capabilities ul{gap:16px;margin:24px 0 0;padding:0;list-style:none;display:grid}.mcp-capabilities ul li{padding-left:28px;line-height:1.45;position:relative}.mcp-capabilities ul li:before{content:"✓";color:var(--studio-success);font-weight:900;position:absolute;left:0}.mcp-capabilities h2:not(:first-child){margin-top:38px}.mcp-capabilities>p{color:var(--studio-muted);line-height:1.55}.mcp-flow{color:var(--studio-text);gap:10px;margin:18px 0 0;padding-left:24px;line-height:1.45;display:grid}.mcp-flow li{padding-left:4px}@keyframes mcp-pulse{to{opacity:.35}}.component-header{gap:18px;margin-bottom:24px;display:grid}.component-header__top{justify-content:space-between;align-items:center;gap:16px;display:flex}.component-header__tools{gap:8px;display:flex}.back-action{border:1px solid var(--studio-border);background:var(--studio-panel);cursor:pointer;border-radius:10px;min-height:42px;padding:8px 13px}.back-action:hover{border-color:var(--studio-accent);color:var(--studio-accent)}.component-header__main{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:24px;display:grid}.component-header h1{letter-spacing:-.04em;margin:0 0 9px;font-size:clamp(32px,3.6vw,50px)}.component-header p{max-width:820px;color:var(--studio-muted);margin:0;font-size:16px;line-height:1.55}.component-header__id{color:var(--studio-accent);margin-top:10px;font-size:13px;display:block}.technical-details{position:relative}.technical-details>summary{border:1px solid var(--studio-border);background:var(--studio-panel);cursor:pointer;border-radius:10px;place-items:center;min-height:42px;padding:8px 13px;list-style:none;display:grid}.technical-details>summary::-webkit-details-marker{display:none}.technical-details[open]>summary{border-color:var(--studio-accent);background:var(--studio-accent-strong)}.technical-details>div{z-index:30;border:1px solid var(--studio-border);background:var(--studio-panel);border-radius:12px;gap:8px;width:min(430px,100vw - 36px);padding:15px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 50px #00000052}.technical-details span{color:var(--studio-muted);grid-template-columns:100px minmax(0,1fr);gap:10px;font-size:12px;display:grid}.technical-details strong{color:var(--studio-text)}.technical-details code{color:var(--studio-accent);overflow-wrap:anywhere}.component-body{gap:20px;min-width:0;display:grid}.surface,.fact{border:1px solid var(--studio-border);background:var(--studio-panel-2);border-radius:15px;min-width:0}.surface{padding:20px}.surface-heading{margin-bottom:18px}.component-disclosure{border:1px solid var(--studio-border);background:var(--studio-panel);border-radius:15px;min-width:0;overflow:clip}.component-disclosure>summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 20px;list-style:none;display:grid}.component-disclosure>summary::-webkit-details-marker{display:none}.component-disclosure>summary:hover{background:var(--studio-panel-2)}.component-disclosure>summary span{gap:5px;display:grid}.component-disclosure>summary strong{font-size:17px}.component-disclosure>summary small{color:var(--studio-muted);line-height:1.4}.component-disclosure>summary i{color:var(--studio-accent);font-size:24px;font-style:normal}.component-disclosure__body{gap:18px;padding:0 20px 20px;display:grid}.component-disclosure__body>.surface{background:0 0;border:0;border-radius:0;padding:0}.live-badge{letter-spacing:.08em;align-items:center;gap:8px;font-weight:800;display:inline-flex;color:var(--studio-success)!important;font-size:11px!important}.live-badge i{background:currentColor;border-radius:50%;width:7px;height:7px}.live-badge.is-pending{color:var(--studio-muted)!important}.live-badge.is-fail{color:#ff7f91!important}.live-preview{contain:inline-size;border:1px solid var(--studio-border);background:var(--studio-bg);border-radius:13px;width:100%;min-width:0;max-width:100%;min-height:0;transition:max-width .25s;position:relative;overflow:hidden}.studio-runner-frame{background:var(--studio-bg);border:0;width:100%;min-width:0;height:320px;transition:height .2s;display:block}.studio-runner-body{background:var(--studio-bg);min-height:100dvh;color:var(--studio-text);padding:0;overflow:hidden auto}.studio-runner-body #runner-root{min-width:0;min-height:100dvh}.studio-runner-body #runner-root[data-preview-layout=intrinsic]{place-items:center;padding:clamp(24px,5vw,48px);display:grid}.studio-runner-body #runner-root[data-preview-layout=canvas]{min-height:760px}.live-preview[data-viewport=mobile]{max-width:390px;margin-inline:auto}.menu-preview-frame{height:clamp(360px,100dvh - 170px,900px);overflow:hidden}.menu-preview-frame sf-admin-menu{max-width:360px;height:100%;display:block}.studio-runner-body .menu-preview-frame{height:760px}.data-preview-frame{width:100%;min-width:0;padding:28px}.data-preview-heading{margin-bottom:18px}.data-preview-heading p{color:var(--studio-accent);text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}.data-preview-heading h4{margin:0;font-size:30px}.data-preview-heading h4 span{background:var(--studio-accent-strong);color:var(--studio-accent);vertical-align:middle;border-radius:10px;margin-left:8px;padding:5px 10px;font-size:15px;display:inline-block}.preview-note{color:var(--studio-muted);padding:20px}.secondary-action,.method-action{border:1px solid var(--studio-border);background:var(--studio-panel);cursor:pointer;border-radius:9px;min-height:38px;padding:8px 12px}.fixture-select{width:min(100%,230px);display:block}.fixture-select>.sf-dropdown{width:100%}.secondary-action:hover,.method-action:hover{border-color:var(--studio-accent);background:var(--studio-accent-strong);color:var(--studio-accent)}.secondary-action:disabled{opacity:.45;cursor:default}.method-action:disabled{opacity:.45;cursor:not-allowed}.playground-context{border-bottom:1px solid var(--studio-border);flex-wrap:wrap;justify-content:flex-end;align-items:end;gap:8px;padding:14px 16px;display:flex}.playground-context__field{flex:150px;min-width:0}.playground-reset{flex:none}.playground-grid{grid-template-columns:1fr;gap:14px;display:grid}.playground-group{border:1px solid var(--studio-border);background:var(--studio-panel);border-radius:12px;min-width:0;padding:15px}.playground-parameters{background:0 0;border:0;grid-column:1/-1;padding:0}.playground-group__heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:13px;display:flex}.playground-group__heading span{color:var(--studio-muted);text-transform:uppercase;font-size:11px}.playground-inputs{display:grid}.playground-input{border:0;border-bottom:1px solid var(--studio-border);background:0 0;min-width:0;margin:0;padding:15px 16px}.playground-input:last-child{border-bottom:0}.playground-input legend{width:100%;color:var(--studio-text);margin:0 0 9px;padding:0;font-size:13px}.playground-framework-input,.playground-framework-dropdown{width:100%;display:block}.playground-framework-input>.sf-input,.playground-framework-dropdown>.sf-dropdown{width:100%}.playground-input--boolean{display:block}.playground-framework-switch{width:100%;display:block}.playground-input--boolean .sf-switch{justify-content:space-between;width:100%}.playground-input--boolean .sf-switch-toggler{order:2}.playground-input--boolean .sf-switch-container-wrap{order:1;min-width:0}.playground-segmented{grid-template-columns:repeat(var(--playground-segments,1), minmax(0, 1fr));gap:0;display:grid}.playground-segmented__choice{min-width:0}.playground-segmented__choice>.sf-button{width:100%}.playground-segmented__choice .sf-button{min-width:0}.playground-segmented__choice[aria-pressed=true] .sf-button{--sf-button--border-color:var(--studio-accent);--sf-button--background-color:var(--studio-accent-strong)}.playground-examples{flex-wrap:wrap;gap:4px;margin-top:7px;display:flex}.playground-example{max-width:100%}.playground-actions{flex-wrap:wrap;gap:8px;display:flex}.method-result{border:1px solid var(--studio-border);min-height:74px;max-height:180px;color:var(--studio-muted);background:var(--studio-bg);white-space:pre-wrap;border-radius:9px;margin:12px 0 0;padding:11px;font-size:11px;overflow:auto}.playground-events{gap:8px;max-height:235px;display:grid;overflow:auto}.playground-events>p{color:var(--studio-muted);margin:0;font-size:13px}.playground-events article{border:1px solid var(--studio-border);background:var(--studio-panel-2);border-radius:9px;padding:10px}.playground-events article>div{justify-content:space-between;gap:10px;display:flex}.playground-events article code{color:var(--studio-accent);overflow-wrap:anywhere}.playground-events article span,.playground-events time{color:var(--studio-muted);font-size:10px}.playground-events pre{color:var(--studio-muted);white-space:pre-wrap;margin:8px 0 0;font-size:10px;overflow:auto}.runtime-tools{border-top:1px solid var(--studio-border);margin-top:14px}.runtime-tools>summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 2px 2px;list-style:none;display:grid}.runtime-tools>summary::-webkit-details-marker{display:none}.runtime-tools>summary span{gap:4px;display:grid}.runtime-tools>summary small{color:var(--studio-muted)}.runtime-tools>summary i{color:var(--studio-accent);font-size:22px;font-style:normal}.runtime-tools__content{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:14px;display:grid}.runtime-tools__section{border:1px solid var(--studio-border);background:var(--studio-panel);border-radius:11px;align-content:start;gap:12px;min-width:0;padding:14px;display:grid}.preview-state-layer{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center;background:#0e1015db;place-content:center;justify-items:center;gap:8px;padding:24px;display:grid;position:absolute;inset:0}.preview-state-layer strong{font-size:24px}.preview-state-layer span{color:#b9bec9;max-width:440px;line-height:1.5}.preview-state-layer--error strong{color:#ff9aa7}.preview-state-layer--loading strong:after{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;margin-left:10px;animation:.8s linear infinite studio-spin;display:inline-block}@keyframes studio-spin{to{transform:rotate(360deg)}}.fact-grid{grid-template-columns:1.4fr 1fr 1fr .7fr;gap:12px;display:grid}.fact{min-width:0;padding:16px}.fact>p{color:var(--studio-muted);text-transform:uppercase;margin:0 0 10px;font-size:12px}.fact>strong{line-height:1.45;display:block}.fact>code{color:var(--studio-accent)}.chip-list{flex-wrap:wrap;gap:6px;display:flex}.chip-list span{background:color-mix(in srgb, var(--studio-accent), transparent 84%);max-width:100%;color:var(--studio-accent);text-overflow:ellipsis;border-radius:6px;padding:5px 7px;font-size:11px;overflow:hidden}.contract-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.component-tabs{z-index:24;border:1px solid var(--studio-border);background:color-mix(in srgb, var(--studio-panel), transparent 3%);border-radius:12px;gap:5px;padding:7px;display:flex;position:sticky;top:82px;overflow-x:auto}.component-tab{min-height:42px;color:var(--studio-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:none;padding:8px 13px}.component-tab:hover,.component-tab:focus-visible{color:var(--studio-text);border-color:var(--studio-border)}.component-tab.is-active{color:#082b55;background:var(--studio-accent);font-weight:800}.component-tab-panel{gap:14px;display:grid}.component-tab-panel[hidden]{display:none}.component-body.is-parameter-workspace{grid-template-columns:minmax(0,2fr) minmax(330px,1fr);align-items:stretch;gap:0}.component-body.is-parameter-workspace>.component-tabs{grid-column:1/-1}.component-body.is-parameter-workspace>[data-component-panel=preview]{border:1px solid var(--studio-border);background:var(--studio-panel-2);border-right:0;border-radius:15px 0 0 15px;grid-column:1;min-width:0;padding:18px}.component-body.is-parameter-workspace>[data-component-panel=parameters]{border:1px solid var(--studio-border);background:var(--studio-panel-2);border-radius:0 15px 15px 0;grid-column:2;min-width:0}.component-tab-panel.is-parameter-preview .preview-surface,[data-component-panel=parameters] .playground-surface{background:0 0;border:0;padding:0}.component-tab-panel.is-parameter-preview .preview-surface>.surface-heading{display:none}.component-tab-panel.is-parameter-preview .live-preview{border:0;border-radius:10px;min-height:min(69dvh,760px);max-height:min(69dvh,760px);overflow:auto}[data-component-panel=parameters] .playground-surface{min-height:100%}.component-body.is-parameter-workspace>[data-component-panel=parameters]{height:calc(min(69dvh,760px) + 36px);overflow:hidden auto}.component-tab-panel.is-scenario-runner{z-index:-1;opacity:0;pointer-events:none;width:min(1280px,100vw);height:900px;position:fixed;inset:0 auto auto 0;overflow:hidden}.connection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.connection-grid section{border:1px solid var(--studio-border);background:var(--studio-panel-2);border-radius:10px;align-content:start;gap:10px;min-width:0;padding:15px;display:grid}.connection-grid p,.connection-grid small{color:var(--studio-muted);margin:0;line-height:1.5}.connection-grid pre,.connection-grid code{color:var(--studio-accent);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:11px;overflow:auto}.contract-list,.scenario-list{border:1px solid var(--studio-border);background:var(--studio-border);border-radius:11px;gap:1px;max-height:390px;display:grid;overflow:auto}.contract-list>div{background:var(--studio-panel);grid-template-columns:minmax(150px,.7fr) 1.3fr;gap:12px;padding:12px;display:grid}.contract-list code{color:var(--studio-accent);overflow-wrap:anywhere}.contract-list span{color:var(--studio-muted);font-size:13px;line-height:1.45}.scenario-list>div{background:var(--studio-panel);grid-template-columns:80px 1fr;gap:7px 12px;padding:12px;display:grid}.scenario-list span{background:var(--studio-accent-strong);color:var(--studio-accent);text-align:center;text-transform:uppercase;border-radius:6px;grid-row:span 2;align-self:start;padding:4px 6px;font-size:10px}.scenario-list small{color:var(--studio-muted);line-height:1.45}.scenario-item{align-items:start}.scenario-run{border:1px solid var(--studio-border);background:var(--studio-panel-2);cursor:pointer;border-radius:8px;grid-column:2;justify-self:start;min-height:34px;padding:6px 11px}.scenario-run:hover{border-color:var(--studio-accent);color:var(--studio-accent)}.scenario-run:disabled{opacity:.55;cursor:progress}.scenario-results{grid-column:1/-1;gap:6px;margin-top:3px;display:grid}.scenario-results:empty{display:none}.scenario-result{background:var(--studio-panel-2);border-radius:8px;grid-template-columns:20px minmax(120px,.7fr) 1.3fr;align-items:start;gap:8px;padding:8px;display:grid}.scenario-result i{color:var(--studio-success);font-style:normal;font-weight:900}.scenario-result code{color:var(--studio-accent);overflow-wrap:anywhere}.scenario-result span{color:var(--studio-muted);font-size:11px;line-height:1.4}.scenario-result.is-host-required i{color:#f7c76a}.scenario-result.is-fail i{color:#ff7f91}.studio-focus .studio-topbar,.studio-focus .component-header__main,.studio-focus .component-disclosure{display:none}.studio-focus .studio-main{width:100%;max-width:100vw;padding:12px;overflow:clip}.studio-focus .component-panel{max-width:none}.studio-focus .component-header{margin-bottom:10px}.studio-focus .preview-surface{background:0 0;border:0;padding:0}.studio-focus .preview-surface>.surface-heading{display:none}.studio-focus .live-preview{border-radius:10px;min-height:0}.studio-focus .live-preview[data-viewport=mobile]{width:366px;max-width:calc(100vw - 24px);margin-inline:0}.composer-shell{gap:16px;width:100%;max-width:1700px;margin:0 auto;display:grid}.composer-mobile-notice{border:1px solid var(--studio-border);background:var(--studio-panel);border-radius:12px;gap:5px;padding:15px;display:none}.composer-mobile-notice span{color:var(--studio-muted);line-height:1.45}.composer-header{justify-content:space-between;align-items:flex-start;gap:20px;padding:4px 0 8px;display:flex}.composer-header p,.composer-palette>p,.graph-inspector>p{color:var(--studio-accent);letter-spacing:.11em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:800}.composer-header h2,.composer-palette h3,.graph-inspector h3{margin:0 0 7px}.composer-header span,.composer-palette>span{color:var(--studio-muted);font-size:13px}.composer-status{border:1px solid color-mix(in srgb, var(--studio-success), transparent 45%);max-width:520px;color:var(--studio-success);border-radius:9px;padding:10px 13px;font-size:12px;line-height:1.45}.composer-status.is-error{color:#ff96a4;border-color:#b94b5c}.composer-toolbar{border:1px solid var(--studio-border);background:var(--studio-panel);border-radius:13px;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex;position:relative}.export-guide{padding:14px 17px}.export-guide summary{cursor:pointer;font-weight:800}.export-guide>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:14px;display:grid}.export-guide p,.export-guide small{color:var(--studio-muted);grid-column:1/-1;margin:0}.export-guide section{border:1px solid var(--studio-border);border-radius:9px;gap:7px;min-width:0;padding:11px;display:grid}.export-guide code{overflow-wrap:anywhere;color:var(--studio-accent);font-size:11px}.composer-toolbar select,.edge-form select{min-width:210px;min-height:40px;color:var(--studio-text);border:1px solid var(--studio-border);background:var(--studio-panel-2);border-radius:8px;padding:7px 10px}.composer-action{border:1px solid var(--studio-border);background:var(--studio-panel-2);cursor:pointer;border-radius:8px;min-height:40px;padding:7px 12px}.composer-action:hover{border-color:var(--studio-accent);color:var(--studio-accent)}.composer-action--primary{border-color:var(--studio-accent);background:var(--studio-accent);color:#082b55;font-weight:800}.composer-action--primary:hover{color:#082b55;filter:brightness(1.06)}.composer-project-actions{position:relative}.composer-project-actions>summary{border:1px solid var(--studio-border);background:var(--studio-panel-2);cursor:pointer;border-radius:8px;place-items:center;min-height:40px;padding:7px 12px;list-style:none;display:grid}.composer-project-actions>summary::-webkit-details-marker{display:none}.composer-project-actions[open]>summary{border-color:var(--studio-accent)}.composer-project-actions>div{z-index:35;border:1px solid var(--studio-border);background:var(--studio-panel);border-radius:11px;gap:6px;width:250px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 50px #00000052}.composer-project-actions>div .composer-action{text-align:left;width:100%}.composer-body{border:1px solid var(--studio-border);background:var(--studio-panel);border-radius:15px;grid-template-columns:220px minmax(0,1fr) 330px;min-width:0;display:grid;overflow:clip}.composer-palette,.graph-inspector{background:color-mix(in srgb, var(--studio-panel), #000 5%);min-width:0;padding:17px}.composer-palette{border-right:1px solid var(--studio-border)}.composer-palette .composer-action{text-align:left;width:100%;margin-top:9px}.graph-inspector{border-left:1px solid var(--studio-border)}.graph-canvas{background-image:radial-gradient(circle, color-mix(in srgb, var(--studio-border), transparent 30%) 1px, transparent 1px);background-size:20px 20px;min-width:980px;height:560px;position:relative;overflow:hidden}.graph-canvas svg{width:980px;height:560px;position:absolute;inset:0;overflow:visible}.graph-edge{fill:none;stroke:var(--studio-accent);stroke-width:2px;opacity:.62}.graph-canvas marker path{fill:var(--studio-accent)}.graph-node{z-index:2;text-align:left;border:1px solid var(--studio-border);background:var(--studio-panel-2);cursor:pointer;border-radius:12px;gap:6px;width:180px;min-height:116px;padding:13px;display:grid;position:absolute;box-shadow:0 10px 28px #00000038}.graph-node:hover,.graph-node.is-selected{border-color:var(--studio-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--studio-accent), transparent 80%)}.graph-node--host{border-style:dashed}.graph-node>span{color:var(--studio-muted);text-transform:uppercase;font-size:10px}.graph-node code{color:var(--studio-accent);font-size:11px}.graph-node small{color:var(--studio-muted)}.inspector-node{border:1px solid var(--studio-border);border-radius:10px;gap:7px;margin:12px 0;padding:12px;display:grid}.inspector-node code{color:var(--studio-accent);overflow-wrap:anywhere}.inspector-node small,.inspector-hint{color:var(--studio-muted)}.edge-form{gap:8px;margin:15px 0;display:grid}.edge-form select{width:100%;min-width:0}.edge-list{gap:7px;max-height:285px;display:grid;overflow:auto}.edge-list>div{border:1px solid var(--studio-border);border-radius:8px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) 34px;align-items:center;gap:5px;padding:8px;transition:border-color .2s,background .2s;display:grid}.edge-list code{overflow-wrap:anywhere;color:var(--studio-muted);font-size:9px}.edge-list .composer-action{min-height:30px;padding:3px}.edge-list>div.is-pulsing{border-color:var(--studio-success);background:color-mix(in srgb, var(--studio-success), transparent 88%)}.composition-live{border:1px solid var(--studio-border);background:#0e1015;border-radius:12px;grid-template-columns:360px minmax(0,1fr);height:680px;display:grid;overflow:hidden}.composition-live>div{min-width:0;overflow:auto}.composition-live>div:first-child{border-right:1px solid var(--studio-border)}.composition-live .menu-preview-frame{height:100%}.composition-live .data-preview-frame{min-width:1180px}.composition-intents{gap:7px;max-height:210px;margin-top:12px;display:grid;overflow:auto}.composition-intents>p{color:var(--studio-muted)}.composition-intents>div{border:1px solid var(--studio-border);border-radius:8px;grid-template-columns:minmax(190px,.7fr) 1fr;gap:7px;padding:9px;display:grid}.composition-intents code{color:var(--studio-accent)}.composition-intents span{color:var(--studio-muted)}.composition-intents pre{color:var(--studio-muted);grid-column:1/-1;margin:0;font-size:10px;overflow:auto}.composition-events{margin-top:12px}.composition-events>summary{cursor:pointer;width:max-content;color:var(--studio-muted);font-size:13px}@media (width<=1180px){.catalogue-list,.fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.composer-body{grid-template-columns:190px minmax(0,1fr);overflow-x:auto}.graph-inspector{border-top:1px solid var(--studio-border);border-left:0;grid-column:1/-1}}@media (width<=1100px){.component-body.is-parameter-workspace{grid-template-columns:1fr}.component-body.is-parameter-workspace>[data-component-panel=preview],.component-body.is-parameter-workspace>[data-component-panel=parameters]{grid-column:1;position:static}.component-body.is-parameter-workspace>[data-component-panel=preview]{border-right:1px solid var(--studio-border);border-bottom:0;border-radius:15px 15px 0 0}.component-body.is-parameter-workspace>[data-component-panel=parameters]{border-radius:0 0 15px 15px;height:auto;max-height:none;overflow:visible}.component-tab-panel.is-parameter-preview .live-preview{min-height:460px;max-height:64dvh}}@media (width<=820px){.studio-topbar{grid-template-columns:1fr auto;gap:10px;padding:12px 14px;position:static}.studio-logo span{border-radius:11px;width:38px;height:38px;font-size:14px}.studio-logo strong{font-size:17px}.studio-primary-nav{grid-area:2/1/auto/-1;width:100%}.studio-primary-nav button{flex:1}.studio-actions{grid-area:1/2}.studio-about>summary{width:42px;padding:0;font-size:0}.studio-about>summary:before{content:"i";font-size:16px}.studio-main{padding:24px 14px 50px}.workspace-heading{display:grid}.catalogue-search{max-width:none}.component-header__main{grid-template-columns:1fr}.technical-details>div{width:100%;margin-top:8px;position:static}.fact-grid,.contract-grid,.playground-grid,.connection-grid{grid-template-columns:1fr}.component-tabs{top:8px}.runtime-tools__content{grid-template-columns:1fr}.studio-runner-body #runner-root[data-preview-layout=intrinsic]{padding:24px}.composer-header{display:grid}.export-guide>div{grid-template-columns:1fr}.composer-mobile-notice{display:grid}.composer-body{display:none}.composer-palette{border-right:0;border-bottom:1px solid var(--studio-border)}.graph-canvas{overflow-x:auto}.composition-live{grid-template-columns:300px minmax(700px,1fr);overflow:auto}.mcp-workspace{grid-template-columns:1fr}.mcp-capabilities{border-top:1px solid var(--studio-border);border-left:0}}@media (width<=560px){.catalogue-list{grid-template-columns:1fr}.component-card__body small{display:none}.component-card{min-height:112px}.component-header h1{font-size:32px}.component-header__top{align-items:flex-start}.component-header__tools .icon-action{width:42px;height:42px}.back-action{padding-inline:10px}.component-disclosure>summary{padding:16px}.component-disclosure__body{padding:0 14px 16px}.contract-list>div{grid-template-columns:1fr}.scenario-result{grid-template-columns:20px 1fr}.scenario-result span{grid-column:2}.playground-context{align-items:stretch}.playground-context__field,.playground-context__field .fixture-select{width:100%;max-width:none}.playground-reset{width:100%;margin-left:0}.menu-preview-frame sf-admin-menu{width:100%;max-width:none}.composer-toolbar select{width:100%}.composer-project-actions>div{width:auto;position:fixed;inset:auto 14px 14px}.mcp-connect,.mcp-capabilities{padding:22px 18px}.mcp-actions,.mcp-actions sf-button{width:100%}}.layout-inspector-page{gap:22px;max-width:1680px;margin:0 auto;display:grid}.layout-inspector-heading{margin-bottom:2px}.layout-inspector-toolbar{border:1px solid var(--studio-border);background:var(--studio-panel);border-radius:12px;flex-wrap:wrap;align-items:end;gap:12px;padding:14px;display:flex}.layout-inspector-toolbar label{gap:6px;min-width:min(330px,100%);display:grid}.layout-inspector-toolbar label span,.layout-code-label{color:var(--studio-muted);font-size:12px;font-weight:700}.layout-inspector-toolbar select,.layout-inspector-run{min-height:42px;color:var(--studio-text);border:1px solid var(--studio-border);background:var(--studio-panel-2);font:inherit;border-radius:8px;padding:8px 12px}.layout-inspector-run{border-color:var(--studio-accent);background:var(--studio-accent);color:var(--studio-bg);cursor:pointer;font-weight:800}.layout-inspector-run:hover{filter:brightness(1.07)}.layout-inspector-run:focus-visible,.layout-inspector-toolbar select:focus-visible,.layout-inspector-editor textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--studio-accent), transparent 58%);outline-offset:2px}.layout-inspector-status{color:var(--studio-muted);background:var(--studio-panel-2);border-radius:999px;margin-left:auto;padding:8px 11px;font-size:13px;font-weight:700}.layout-inspector-status.is-valid{color:var(--studio-success)}.layout-inspector-status.is-invalid{color:#ff8181}.layout-inspector-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;min-width:0;display:grid}.layout-inspector-results{grid-template-columns:minmax(240px,.72fr) minmax(320px,1.15fr) minmax(260px,.85fr);align-items:start;gap:16px;min-width:0;display:grid}.layout-inspector-panel{border:1px solid var(--studio-border);background:var(--studio-panel);border-radius:13px;min-width:0;overflow:hidden}.layout-inspector-panel>header{border-bottom:1px solid var(--studio-border);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:12px 15px;display:flex}.layout-inspector-panel h2{margin:0;font-size:16px}.layout-inspector-panel header small{color:var(--studio-muted)}.layout-inspector-editor textarea{resize:vertical;width:100%;height:520px;color:var(--studio-text);background:color-mix(in srgb, var(--studio-panel), #000 8%);tab-size:2;border:0;outline:0;padding:16px;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:block}.layout-inspector-preview iframe{background:#fff;border:0;width:100%;height:520px;display:block}.layout-inspector-results .layout-inspector-panel>:not(header){margin-inline:15px}.layout-inspector-results pre{background:color-mix(in srgb, var(--studio-panel), #000 9%);max-height:310px;color:var(--studio-text);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;margin-block:8px 15px;padding:12px;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.layout-inspector-results details{margin-block:12px 15px}.layout-inspector-results summary{cursor:pointer;color:var(--studio-accent);font-weight:700}.layout-tree{padding-block:14px;overflow:auto}.layout-tree-node>div:first-child{flex-wrap:wrap;align-items:baseline;gap:6px;padding:5px 0;display:flex}.layout-tree-node code{color:var(--studio-accent)}.layout-tree-node span,.layout-tree-node small{color:var(--studio-muted);font-size:11px}.layout-tree-children{border-left:1px solid var(--studio-border);margin-left:11px;padding-left:12px}.layout-inspector-facts{grid-template-columns:auto minmax(0,1fr);gap:7px 12px;margin-block:14px;display:grid}.layout-inspector-facts dt{color:var(--studio-muted);font-size:12px}.layout-inspector-facts dd{overflow-wrap:anywhere;min-width:0;margin:0;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.layout-diagnostic{border:1px solid #ff818173;border-radius:8px;gap:5px;margin-block:8px;padding:10px;display:grid}.layout-diagnostic code{color:#ff8181}.layout-diagnostic strong{overflow-wrap:anywhere;font-size:12px}.layout-diagnostic span,.layout-success,.layout-empty{color:var(--studio-muted);font-size:13px;line-height:1.45}.layout-success{color:var(--studio-success)}@media (width<=1040px){.layout-inspector-results{grid-template-columns:1fr 1fr}.layout-inspector-results>:last-child{grid-column:1/-1}}@media (width<=760px){.layout-inspector-workspace,.layout-inspector-results{grid-template-columns:1fr}.layout-inspector-results>:last-child{grid-column:auto}.layout-inspector-status{text-align:center;width:100%;margin-left:0}.layout-inspector-editor textarea,.layout-inspector-preview iframe{height:420px}}