/* Dimension studio: porcelain, periwinkle, cobalt and coral. */
.workbench-site{--paper:#f8f9fd;--ink:#202b43;--muted:#536077;--line:#dce2ef;--iris:#3454df;--iris-soft:#e9edff;background:var(--paper);color:var(--ink)}
.workbench-site .header{position:relative;min-height:88px;padding:18px 5%;background:#f8f9fd;z-index:20}
.workbench-site .wordmark{font-size:30px;font-weight:600;letter-spacing:-.04em;color:var(--ink)}
.workbench-site .brand-dot{background:#3454df!important}
.workbench-site .header nav a{font-size:14px;padding:14px 20px;color:var(--ink)}
.workbench-site .header .nav-cta,.workbench-site .button.primary{background:var(--iris);color:#fff;border:0;border-radius:100px;box-shadow:none}
.workbench-site .button.primary:hover,.workbench-site .header .nav-cta:hover{background:#243db5;transform:translateY(-2px)}
.workbench-site .hero{background:#eef1fc;padding:16px 5% 28px;height:auto!important;overflow:visible}
.workbench-site .hero-stage{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);grid-template-rows:1fr auto auto;column-gap:28px;row-gap:20px;position:relative!important;inset:auto!important;height:auto;min-height:630px;max-height:none;background:transparent;overflow:visible;border-radius:0;padding:30px 0 18px}
.workbench-site .hero-copy{position:relative;inset:auto;width:auto;grid-column:1;grid-row:1;align-self:center;pointer-events:auto;margin:0;padding:0}
.workbench-site .hero h1{font-size:clamp(44px,5.9vw,82px);line-height:1.03;letter-spacing:-.04em;max-width:12ch;color:var(--ink);text-wrap:initial}
.workbench-site .hero h1 span{color:#3454df;white-space:normal}
.workbench-site .hero-copy>p{font-size:17px;line-height:1.65;max-width:36ch;margin:26px 0 0;color:var(--muted)}
.scene-tabs{grid-column:1;grid-row:2;display:flex;gap:5px;padding:5px;background:#fff;border:1px solid #dce2ef;border-radius:100px;max-width:390px;margin:0}
.scene-tabs button{flex:1;min-height:47px;padding:10px 14px;background:transparent;border:0;border-radius:100px;color:var(--ink);font:inherit;font-size:14px;cursor:pointer;transition:background .2s,color .2s}
.scene-tabs [aria-selected=true]{background:#3454df;color:#fff}.scene-tabs button:hover{background:#e9edff}.scene-tabs [aria-selected=true]:hover{background:#243db5}
.scene-panel{min-width:0;grid-column:2;grid-row:1/4;align-self:center;position:relative}.scene-panel[hidden]{display:none!important}
.hero-bottom{grid-column:1;grid-row:3;display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding-bottom:32px}.hero-bottom p{font-size:13px;line-height:1.5;max-width:36ch;margin:0;color:var(--muted)}.hero-bottom .button{font-size:15px;min-height:52px;padding-inline:24px}
.workbench-site .watch-stage{position:relative;inset:auto;display:flex;flex-direction:column;min-height:580px;background:transparent;border:0;overflow:visible}
.workbench-site .watch-scene{position:relative;inset:auto;width:100%;height:450px;min-height:0;flex:1}
.workbench-site .watch-fallback{object-fit:contain;mix-blend-mode:multiply}
.workbench-site .watch-caption{position:relative;inset:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;margin:8px 0 14px;color:var(--muted)}
.workbench-site .watch-caption a{color:var(--ink)}
.workbench-site .watch-controls{position:relative;inset:auto;display:flex;justify-content:center;flex-wrap:wrap;gap:5px;margin:0;border:0;border-radius:100px;background:transparent;overflow:visible}
.workbench-site .watch-controls button{min-height:44px;border:1px solid #d0d9ee;border-radius:100px;padding:10px 15px;background:#fff!important;color:var(--ink)!important;font-size:12px;transition:background .2s}
.workbench-site .watch-controls button:first-child,.workbench-site .watch-controls [aria-pressed=true]{background:#3454df!important;color:#fff!important;border-color:#3454df}
.workbench-site .watch-controls button:hover{background:#e4eaff!important;color:#202b43!important}
.workbench-site .watch-hint{display:block;position:relative;inset:auto;text-align:center;margin:14px 0 0;max-width:none;color:var(--muted);font-size:12px;line-height:1.5}
@media(min-width:901px) and (min-height:700px){.workbench-site .hero.watch-scroll-story{height:calc(100svh + 65svh)!important}.workbench-site .hero.watch-scroll-story .hero-stage{position:sticky!important;top:16px!important;height:min(800px,calc(100svh - 104px));min-height:580px;max-height:800px}.workbench-site #scene-product{height:100%;width:100%}.workbench-site .watch-stage{height:100%;min-height:570px;max-height:800px}.workbench-site .watch-scene{height:auto;min-height:430px}}
.workbench-site .hero:not([data-active-scene=product]) .hero-stage{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto}
.workbench-site .hero:not([data-active-scene=product]) .hero-copy{grid-column:1;grid-row:1}.workbench-site .hero:not([data-active-scene=product]) h1{font-size:clamp(40px,4vw,62px);max-width:none}.workbench-site .hero:not([data-active-scene=product]) h1 br{display:none}.workbench-site .hero:not([data-active-scene=product]) h1 br:after{content:' '}
.workbench-site .hero:not([data-active-scene=product]) .hero-copy>p{max-width:none;margin-top:14px}.workbench-site .hero:not([data-active-scene=product]) .scene-tabs{grid-column:2;grid-row:1;justify-self:end;align-self:center;width:390px;max-width:100%}.workbench-site .hero:not([data-active-scene=product]) .scene-panel{grid-column:1/3;grid-row:2}.workbench-site .hero:not([data-active-scene=product]) .hero-bottom{grid-column:1/3;grid-row:3;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:0}
.pavilion{background:#e8edf8;border-radius:16px;overflow:hidden}
.pavilion-canvas{position:relative;height:clamp(430px,45vw,680px)}
.pavilion canvas{display:block;width:100%;height:100%;touch-action:pan-y;outline-offset:-4px}
.pavilion-start{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);z-index:2}.pavilion-start[hidden]{display:none}
.pavilion-scene-caption{position:absolute;left:24px;bottom:22px;display:grid;gap:4px;pointer-events:none;color:#293d47}.pavilion-scene-caption strong{font-size:18px}.pavilion-scene-caption span{font-size:13px}
.pavilion-fullscreen{position:absolute;right:20px;bottom:20px;background:#fff;border:0;border-radius:100px;padding:13px 19px;min-height:46px;font:inherit;cursor:pointer;color:var(--ink)}
.pavilion-toolbar{background:#fff;padding:16px 20px}
.pavilion-rooms,.pavilion-settings,.pavilion-walk{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pavilion-settings{margin-top:12px;padding-top:12px;border-top:1px solid #d8dfdf}
.pavilion-toolbar button,.pavilion-finishes summary,.world-controls button{min-height:44px;border:1px solid #c5d2d8;border-radius:100px;padding:10px 16px;background:transparent;color:#334954;font:inherit;font-size:14px;cursor:pointer}
.pavilion-toolbar [aria-pressed=true]{background:#3454df;color:#fff;border-color:#3454df}
.pavilion-toolbar button:hover,.pavilion-finishes summary:hover{background:#e3edf1;color:#263e49}
.pavilion-toolbar button:disabled{opacity:.45;cursor:wait}
.pavilion-finishes{position:relative}.pavilion-finishes div{position:absolute;bottom:52px;right:0;background:#fff;padding:12px;border-radius:14px;display:flex;gap:6px;box-shadow:0 8px 28px #24384026;z-index:4}
.pavilion-toolbar p{font-size:13px;color:#52636a;margin:12px 0 0;line-height:1.5}
.pavilion-walk{margin-top:12px}.pavilion-walk[hidden]{display:none}
.pavilion:fullscreen,.pavilion.expanded-view{background:#e8edf8;display:flex;flex-direction:column;width:100%;height:100%;border-radius:0}.pavilion:fullscreen .pavilion-canvas{flex:1;height:auto;min-height:0}.pavilion.expanded-view{position:fixed;inset:0;z-index:1000}.pavilion.expanded-view .pavilion-canvas{flex:1;height:auto;min-height:0}

.workbench-site .section-pad{padding:88px 5%}.workbench-site .section-heading h2,.workbench-site .audiences h2{font-size:clamp(32px,3.7vw,52px);line-height:1.13;letter-spacing:-.035em;color:var(--ink)}
.workbench-site .section-heading p{font-size:16px;line-height:1.6;color:var(--muted)}
.workbench-site .offers{background:#fff;position:relative;border-radius:0}.workbench-site .editorial-offers{gap:24px}
.workbench-site .service-card{padding:0;background:#f8f9fd;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.workbench-site .service-card h3{order:1;font-size:25px;line-height:1.25;min-height:0;margin:0;padding:23px 24px 0;color:var(--ink)}
.workbench-site .service-card>button{order:0;border:0;border-radius:0;margin:0;padding:0;background:#eaf0fa}.workbench-site .service-card>button img{width:100%;height:auto;aspect-ratio:1.28;object-fit:cover}.workbench-site .service-card>button span{display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:14px 24px;font-size:14px;background:#edf1fc;color:#2c4698}
.workbench-site .service-card dl{order:2;padding:6px 24px 24px;margin:0}.workbench-site .service-card dt{font-size:12px;color:#a23c31}.workbench-site .service-card dl>div:last-child dt{color:#3454df}.workbench-site .service-card dd{font-size:14px;line-height:1.6;color:var(--muted)}.workbench-site .service-card dl>div{border-color:var(--line)}.workbench-site .service-card:has([aria-pressed=true]){border-color:#3454df;background:#f1f4ff}
.workbench-site .bloom-gallery{background:#edf1fc}.workbench-site .demo-image{background:#e4eafb;border-radius:16px;aspect-ratio:1.2;overflow:hidden}.workbench-site .demo-image img{width:100%;height:100%;object-fit:cover}.workbench-site .demo-copy h3{font-size:26px;color:var(--ink)}.workbench-site .demo-copy p,.workbench-site .gallery-note{color:var(--muted)}.workbench-site .demo-grid{gap:28px}
.workbench-site .audiences{background:#e6ebff}.audience-list{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:36px 0}.audience-list strong{display:block;font-size:22px;color:var(--ink);margin-bottom:12px}.audience-list p{font-size:16px;line-height:1.7;margin:0;color:#485578}
.workbench-site .starting{background:#fff}.workbench-site .brief{background:#20377b}.workbench-site .brief .button.primary{background:#fff;color:#233c92}.workbench-site .footer{background:#edf1fc}.workbench-site .footer .wordmark{color:var(--ink)}.workbench-site .example-link{color:#3454c1}
.interactive-example-links{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.interactive-example-links a{border:1px solid #c4d0ed;border-radius:100px;padding:12px 16px;font-size:14px;color:#2b4393}
.world-stage{position:relative;background:#e6edfa;border-radius:16px;overflow:hidden;min-height:610px}.world-stage canvas{width:100%;height:520px;display:block;touch-action:pan-y}.world-label{position:absolute;left:26px;top:24px;display:grid;gap:6px;pointer-events:none;max-width:38ch;color:#243e5c}.world-label strong{font-size:24px}.world-label span{font-size:14px;line-height:1.5}.world-controls{display:flex;flex-wrap:wrap;gap:8px;padding:16px 22px;background:#fff}.world-controls button{background:#f8f9fd}.world-controls [aria-pressed=true]{background:#3454df;color:#fff;border-color:#3454df}.workbench-site .world-stage>p{margin:0;padding:0 24px 18px;background:#fff;font-size:13px;max-width:none;width:100%;color:var(--muted)}
.workbench-site :is(button,a,input,summary,select,textarea):focus-visible{outline:3px solid #3454df;outline-offset:4px}
.workbench-site .mobile-menu{background:#fff;color:var(--ink)}
.pavilion-cut{position:absolute;inset:0;background:#c8dce5;pointer-events:none;opacity:0;z-index:1}.pavilion-timeline{display:flex;align-items:center;gap:12px;margin-top:14px;font-size:12px;color:#405d6c}.pavilion-timeline input{flex:1;min-width:0;accent-color:#527d96;height:24px}.pavilion-timeline output{min-width:74px;text-align:right}.pavilion[data-walking=true] .pavilion-scene-caption{display:none}


@media(max-width:900px){.workbench-site .hero-stage{column-gap:16px}.workbench-site .hero h1{font-size:50px}.workbench-site .watch-stage{min-height:540px}.workbench-site .watch-scene{height:390px}.workbench-site .watch-controls button{padding-inline:12px}.workbench-site .watch-caption{flex-wrap:wrap}}
@media(max-width:700px){
.workbench-site .header{min-height:72px;padding:14px 20px}.workbench-site .wordmark{font-size:27px}.workbench-site .header nav{background:#fff;top:64px;border:1px solid var(--line)}.workbench-site .header nav a{font-size:16px;padding:14px 18px}
.workbench-site .hero{padding:8px 20px 26px}.workbench-site .hero-stage,.workbench-site .hero:not([data-active-scene=product]) .hero-stage{display:flex;flex-direction:column;gap:18px;padding:16px 0 0;min-height:0;height:auto!important}
.workbench-site .hero-copy{align-self:stretch}.workbench-site .hero h1,.workbench-site .hero:not([data-active-scene=product]) h1{font-size:37px;line-height:1.06;max-width:none}.workbench-site .hero h1 br:nth-child(2){display:initial}.workbench-site .hero h1 br:nth-child(2):after{content:' '}.workbench-site .hero-copy>p{font-size:15px;line-height:1.6;margin-top:16px;max-width:none}.workbench-site .hero-copy>p br{display:none}
.scene-tabs,.workbench-site .hero:not([data-active-scene=product]) .scene-tabs{order:1;width:100%;max-width:none;align-self:stretch}.scene-tabs button{font-size:14px;min-height:45px;padding-inline:10px}
.scene-panel{order:2;width:100%}.hero-bottom,.workbench-site .hero:not([data-active-scene=product]) .hero-bottom{order:3;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-bottom:0}.hero-bottom p{font-size:13px;max-width:40ch}
.workbench-site .watch-stage{min-height:0;height:auto}.workbench-site .watch-scene{height:280px;min-height:280px}.workbench-site .watch-caption{font-size:11px;margin:2px 0 12px;flex-wrap:nowrap}.workbench-site .watch-controls{gap:6px;border-radius:0}.workbench-site .watch-controls button{min-height:44px;font-size:12px;padding:10px 13px}.workbench-site .watch-hint{margin-top:12px;font-size:11px}
.pavilion-canvas{height:360px}.pavilion-scene-caption{left:14px;bottom:14px;max-width:53%}.pavilion-scene-caption strong{font-size:16px}.pavilion-scene-caption span{font-size:11px}.pavilion-fullscreen{right:10px;bottom:12px;font-size:12px;padding:10px 13px}.pavilion-toolbar{padding:14px 12px}.pavilion-toolbar button,.pavilion-finishes summary{font-size:12px;padding:10px 12px;min-height:44px}.pavilion-rooms,.pavilion-settings{gap:6px}.pavilion-toolbar p{font-size:12px}.pavilion-settings{margin-top:10px}
.workbench-site .section-pad{padding:54px 20px}.workbench-site .section-heading{display:grid;gap:14px}.workbench-site .section-heading h2{font-size:34px}.workbench-site .section-heading p{font-size:15px}.workbench-site .editorial-offers,.workbench-site .demo-grid{grid-template-columns:1fr;gap:24px}.workbench-site .service-card h3{font-size:25px}.workbench-site .service-card dd{font-size:15px}.workbench-site .service-card>button img{max-height:310px}.audience-list{grid-template-columns:1fr;gap:28px;margin:28px 0}.audience-list strong{font-size:22px}
.world-stage{min-height:500px}.world-stage canvas{height:370px}.world-label{top:16px;left:16px;max-width:30ch}.world-label strong{font-size:20px}.world-label span{font-size:12px}.world-controls{padding:12px;gap:6px}.world-controls button{font-size:12px;padding:10px 12px}
}
@media(prefers-reduced-motion:reduce){.workbench-site .hero{height:auto!important}.workbench-site .hero-stage{position:relative!important;height:auto!important}.workbench-site *{scroll-behavior:auto!important}}

.workbench-site #project-form .button.primary{background:#3454df;color:#fff}.workbench-site #project-form .button.primary:hover{background:#243db5}

/* Actual deliverables, beside the service choices; also restores the paid sample destination. */
.delivery-proof{background:#eef1fc;scroll-margin-top:100px}.delivery-proof-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,76px);align-items:start}.delivery-proof-images{display:grid;grid-template-columns:1fr 1fr;gap:16px}.delivery-proof-images figure{margin:0}.delivery-proof-images figure:first-child{grid-column:1/-1}.delivery-proof-images figure:last-child{grid-column:1/-1;max-width:65%;margin-left:auto}.delivery-proof-images img{display:block;width:100%;height:auto;border-radius:16px}.delivery-proof-images figcaption{font-size:14px;color:#536077;padding-top:10px}.delivery-proof-copy ol{padding:0;list-style:none;counter-reset:delivery;margin:0}.delivery-proof-copy li{counter-increment:delivery;padding:0 0 24px 44px;position:relative}.delivery-proof-copy li:before{content:counter(delivery);position:absolute;left:0;top:0;font-size:18px;color:#3454df;font-weight:600}.delivery-proof-copy strong{font-size:20px;line-height:1.35;color:#202b43}.delivery-proof-copy p{font-size:16px;line-height:1.65;color:#536077;margin:10px 0 0;max-width:58ch}.delivery-proof-actions{display:flex;align-items:flex-start;flex-direction:column;gap:18px}.delivery-proof-actions a{min-height:44px;display:inline-flex;align-items:center}.delivery-proof-copy .example-disclosure{font-size:13px;margin-top:22px}.delivery-proof .section-heading{margin-bottom:36px}
@media(max-width:760px){.delivery-proof-layout{grid-template-columns:1fr;gap:30px}.delivery-proof-images{grid-template-columns:1.25fr 1fr;align-items:end;gap:12px}.delivery-proof-images figure:first-child,.delivery-proof-images figure:last-child{grid-column:auto;max-width:none;margin:0}.delivery-proof-images figcaption{font-size:12px}.delivery-proof-copy li{padding-left:32px}.delivery-proof-copy strong{font-size:18px}.delivery-proof-actions .button{width:100%;text-align:center}.delivery-proof .section-heading{margin-bottom:24px}}

/* Clear service decisions, with project imagery reserved for the project gallery. */
.service-list{border-top:1px solid var(--line,#dce2ef)}
.service-list article{display:grid;grid-template-columns:1fr 1.25fr auto;gap:32px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line,#dce2ef)}
.service-list h3{font-size:25px;line-height:1.2;margin:0 0 10px}.service-list p{font-size:16px;line-height:1.65;max-width:52ch;margin:0;color:#536077}.service-list a{font-size:15px;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.pilot-offer{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;margin-top:44px;padding:36px;background:#eef1fc;border-radius:16px}.pilot-offer h3{font-size:28px;margin:0 0 16px;line-height:1.2}.pilot-offer p{font-size:16px;line-height:1.65;max-width:65ch}.pilot-actions{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px}.pilot-actions .button{font-size:15px}
.workbench-site .hero h1{font-size:clamp(42px,5.3vw,74px);max-width:13ch}.scene-tabs{max-width:460px}.scene-tabs button{padding-inline:12px}.workbench-site .hero:not([data-active-scene=product]) .scene-tabs{width:460px}
@media(max-width:800px){.service-list article{grid-template-columns:1fr;gap:14px;padding:26px 0}.service-list p{max-width:none}.service-list a{justify-self:start}.pilot-offer{grid-template-columns:1fr;gap:20px;padding:26px}.scene-tabs button{font-size:13px;padding-inline:8px}.workbench-site .hero h1{font-size:44px;max-width:none}}

/* Conservatory is an inhabited scene; controls stay readable outside the canvas. */
.world-stage{background:#e9eef1;border-radius:16px;overflow:hidden}.world-viewport{position:relative;height:clamp(420px,48vw,680px)}.world-viewport canvas{width:100%;height:100%;display:block;outline-offset:-4px}.world-viewport [data-world-poster]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.world-viewport [data-world-poster][hidden]{display:none}.world-load{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;white-space:nowrap}.world-load[hidden]{display:none}.world-expand{position:absolute;right:18px;bottom:18px;z-index:2;background:#fff;color:#202b43;border:1px solid #c5d2d8;border-radius:100px;padding:12px 18px;min-height:44px;font:inherit;font-size:14px;cursor:pointer}.world-toolbar{background:#fff;padding:22px 24px}.world-heading{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px;color:#202b43}.world-heading strong{font-size:20px}.world-heading span{font-size:14px;color:#536077}.world-controls,.world-settings,.world-utilities,.world-walking{display:flex;flex-wrap:wrap;gap:8px;align-items:center;position:static;margin:0;padding:0;background:transparent}.world-settings{margin-top:14px;padding-top:14px;border-top:1px solid #dce2ef}.world-utilities{margin-top:14px}.world-toolbar button{min-height:44px;border:1px solid #c5d2d8;border-radius:100px;padding:10px 16px;background:#fff;color:#202b43;font:inherit;font-size:14px;cursor:pointer}.world-toolbar button[aria-pressed=true]{background:#3454df;color:#fff;border-color:#3454df}.world-toolbar button:disabled{opacity:.5;cursor:wait}.world-toolbar button:hover:not(:disabled){background:#e9edff;color:#243db5}.world-utilities button,.world-utilities a{border:0;font-size:14px;text-decoration:underline;text-underline-offset:4px}.world-utilities a{color:#3454df;padding:10px}.world-toolbar p{font-size:14px;line-height:1.6;color:#536077;margin:16px 0 0;max-width:75ch}.world-toolbar [data-world-status]{color:#202b43;min-height:1.6em}.world-walking{margin-top:14px}.world-walking[hidden]{display:none}.world-walking button{touch-action:none}.world-stage:fullscreen,.world-stage.expanded-view{display:flex;flex-direction:column;width:100%;height:100%;border-radius:0}.world-stage:fullscreen .world-viewport,.world-stage.expanded-view .world-viewport{flex:1;min-height:180px;height:auto}.world-stage:fullscreen .world-toolbar,.world-stage.expanded-view .world-toolbar{flex-shrink:0;max-height:45vh;overflow:auto}.world-stage.expanded-view{position:fixed;inset:0;z-index:1000}.world-stage button:focus-visible{outline:3px solid #3454df;outline-offset:3px}@media(max-width:700px){.world-viewport{height:430px}.world-toolbar{padding:18px 16px}.world-heading{flex-direction:column;gap:4px}.world-toolbar button{padding:10px 12px}.world-controls{gap:6px}.world-controls button{flex:1;min-width:90px}.world-settings button{flex:1}.world-utilities{gap:2px}.world-toolbar p{font-size:14px}}

@media(max-width:700px){.workbench-site .hero .scene-tabs,.workbench-site .hero:not([data-active-scene=product]) .scene-tabs{width:100%;max-width:100%;min-width:0;grid-column:1/-1}.scene-tabs button{min-width:0;white-space:normal;line-height:1.3}.world-viewport{min-width:0}.scene-panel{min-width:0}.service-list article{min-width:0}.service-list a{white-space:normal}}

.world-details{margin:12px 0}.world-details>summary{cursor:pointer;font-size:14px;padding:12px 0;color:#25382e}.world-details .world-settings{border-top:0;padding-top:4px}.world-inspector{margin:14px 0;padding:18px 20px;background:#eef2eb;border-radius:12px;color:#273b30}.world-inspector>div{display:flex;justify-content:space-between;align-items:center;gap:18px}.world-inspector strong{font-size:18px}.world-inspector p{max-width:66ch;margin:10px 0 0;font-size:14px;line-height:1.6}.world-inspector button{background:none;border:0;text-decoration:underline;color:inherit;min-height:44px;cursor:pointer}.world-stage .world-details .world-settings button{font-size:13px}.world-stage .world-details .world-settings button:focus-visible{outline:3px solid #3454df;outline-offset:3px}

.world-stage:fullscreen .world-toolbar,.world-stage.expanded-view .world-toolbar{max-height:34vh}.world-stage:fullscreen .world-viewport,.world-stage.expanded-view .world-viewport{min-height:55vh}

/* Visual service handoff: examples support the existing service routes. */
.workbench-site .service-list .service-visual-row{grid-template-columns:minmax(190px,.65fr) minmax(0,1.7fr);gap:48px;align-items:start;padding:36px 0}
.service-overview .example-link{margin-top:16px}.service-handoff{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1.2fr);gap:14px 20px;align-items:start}.service-input,.service-output{min-width:0;display:flex;flex-direction:column;gap:10px}.exchange-label{font-size:13px;font-weight:600;color:#536077}.service-input>svg{width:64px;height:150px;color:#3454df;align-self:center}.service-output>img{display:block;width:100%;height:150px;object-fit:contain;background:#f1f2ee;border-radius:8px}.service-handoff strong{font-size:17px;line-height:1.4;color:#202b43}.service-list .service-handoff p{font-size:14px;line-height:1.6}.exchange-arrow{align-self:start;padding-top:91px;color:#536077}.exchange-arrow svg{width:28px;height:24px}.service-list .exchange-scope{grid-column:1/-1;max-width:none;padding-top:10px;border-top:1px solid #dce2ef}.service-example-note{font-size:13px;line-height:1.6;color:#536077;margin-top:16px;max-width:80ch}
.workbench-site .world-load.button.primary:hover,.workbench-site .world-load.button.primary:active{transform:translate(-50%,-50%)}
@media(max-width:800px){.workbench-site .service-list .service-visual-row{grid-template-columns:1fr;gap:22px}.service-handoff{gap:12px;grid-template-columns:minmax(0,1fr) 22px minmax(0,1.2fr)}.exchange-arrow svg{width:22px}.service-overview .example-link{margin-top:6px}.service-handoff strong{font-size:16px}}
@media(max-width:380px){.service-handoff{column-gap:8px}.service-list .service-handoff p{font-size:13px}}

/* Unify the output crop: no letterboxed image inside a second panel. */
.service-output>img{object-fit:cover;height:180px;background:transparent;object-position:center}.service-input>svg{width:86px;height:180px}.exchange-arrow{padding-top:106px}.use-case-invitation{margin:26px 0;font-size:16px;line-height:1.6}.service-input{background:#eef1fc;padding:14px 16px;border-radius:12px}.service-output{padding-top:14px}.service-input>svg{height:150px}.service-input>p{padding-bottom:5px}@media(max-width:700px){.service-output>img{height:160px}.service-input{padding:12px}.service-input>svg{height:130px;width:70px}.service-output{padding-top:12px}.exchange-arrow{padding-top:96px}}

.service-output>img{object-fit:contain;background:transparent;mask-image:radial-gradient(ellipse 72% 78% at 50% 50%,#000 50%,transparent 100%)}