.product-workbench{--pw-bg: #0b0b0d;--pw-raised: #141416;--pw-inset: #101012;--pw-text: #e3e3e8;--pw-muted: #9898a4;--pw-line: #27272c;--pw-accent: #00c854;--pw-positive: #6deaa0;--pw-key: #c3a5ed;--pw-string: #9edac0;--pw-function: #e7cf92;--pw-focus: #25252d;--pw-shadow: 0 24px 58px #00000038;--pw-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}html[data-theme=light] .product-workbench{--pw-bg: #ffffff;--pw-raised: #f4f4f6;--pw-inset: #f9f9fb;--pw-text: #22232a;--pw-muted: #636571;--pw-line: #e2e3e8;--pw-positive: #007d35;--pw-key: #7a3f9a;--pw-string: #227342;--pw-function: #865b06;--pw-focus: #ececf2;--pw-shadow: 0 20px 50px #20203112}.build-stream-stage.product-workbench,html[data-theme=light] .build-stream-stage.product-workbench{height:480px;min-height:480px;min-width:0;background:var(--pw-bg);color:var(--pw-text);border:1px solid var(--pw-line);border-radius:14px;box-shadow:var(--pw-shadow);overflow:hidden;display:grid;grid-template-rows:42px 43px minmax(0,1fr) 28px;isolation:isolate}.build-stream-stage.product-workbench:before{display:none}#live-flow .build-stream-copy h2{font-weight:400;line-height:1.08}.product-workbench *,.product-workbench *:before,.product-workbench *:after{box-sizing:border-box}.product-workbench button{font:inherit;cursor:pointer}.product-workbench button:focus-visible,.product-workbench [role=tabpanel]:focus-visible{outline:2px solid var(--pw-positive);outline-offset:-3px}.product-workbench svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.5;fill:none;flex-shrink:0}.pw-chrome{display:flex;align-items:center;gap:18px;padding:0 14px;border-bottom:1px solid var(--pw-line);background:var(--pw-raised)}.pw-window-dots{display:flex;gap:6px;flex-shrink:0}.pw-window-dots i{width:8px;height:8px;border-radius:50%;background:#ff6159}.pw-window-dots i:nth-child(2){background:#f4bb43}.pw-window-dots i:nth-child(3){background:#36c84b}.pw-project{display:flex;align-items:center;gap:8px;font:11px var(--pw-mono);color:var(--pw-muted);min-width:0}.pw-play{margin-left:auto;display:flex;align-items:center;gap:6px;padding:6px 8px;border:0;border-radius:5px;background:transparent;color:var(--pw-text);font-size:11px!important;min-height:30px}.pw-play:hover{background:var(--pw-focus)}.pw-play:disabled{color:var(--pw-muted);cursor:default}.pw-play[aria-pressed=true] .pw-play-icon,.pw-play[aria-pressed=false] .pw-pause-icon{display:none}.pw-toolbar{display:flex;align-items:stretch;border-bottom:1px solid var(--pw-line);background:var(--pw-inset)}.pw-tabs{display:flex;min-width:0;flex:1}.pw-tabs button{min-width:0;padding:0 13px;display:flex;align-items:center;gap:8px;border:0;border-right:1px solid var(--pw-line);border-radius:0;font-size:12px;color:var(--pw-muted);background:transparent;white-space:nowrap}.pw-tabs button:hover{background:var(--pw-focus);color:var(--pw-text)}.pw-tabs button.is-active{background:var(--pw-bg);color:var(--pw-text);box-shadow:inset 0 2px #9f83dc}.pw-file-icon{color:#8eb8e8;font:600 9px var(--pw-mono)}.pw-tabs button svg{color:var(--pw-muted);width:14px}.pw-branch{display:flex;align-items:center;gap:6px;padding:0 12px;font:11px var(--pw-mono);color:var(--pw-muted)}.pw-views{min-width:0;min-height:0;position:relative;overflow:hidden}.pw-view{width:100%;height:100%;overflow:auto}.pw-view[hidden]{display:none!important}.pw-view.is-active{animation:pw-view-in .25s ease both}@keyframes pw-view-in{0%{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:none}}.pw-code-layout{display:flex;height:100%}.pw-editor{display:flex;flex-direction:column;flex:1;height:100%;min-width:0;overflow:hidden}.pw-breadcrumb{display:flex;align-items:center;gap:9px;padding:0 17px;color:var(--pw-muted);font-size:11px;flex:0 0 32px}.pw-breadcrumb b{font-weight:400;color:var(--pw-text)}.pw-breadcrumb>span:not(.pw-modified){opacity:.5}.pw-modified{margin-left:auto;color:var(--pw-function);font:10px var(--pw-mono)}.pw-source{overflow:auto;min-height:0;flex:1;padding:6px 0 9px;scrollbar-width:thin;scrollbar-color:var(--pw-line) transparent}.pw-source pre{margin:0;font:400 11px/18px var(--pw-mono);tab-size:2;color:var(--pw-text)}.pw-source code{display:block;counter-reset:pw-line}.pw-source [data-build-line]{display:block;position:relative;white-space:pre;min-height:18px;padding-right:12px;transition:background-color .22s}.pw-source [data-build-line]:before{counter-increment:pw-line;content:counter(pw-line);display:inline-block;width:39px;padding-right:11px;text-align:right;color:var(--pw-muted);opacity:.6;font:inherit}.pw-source [data-build-line].is-current{background:var(--pw-focus)}.pw-source i{font-style:normal}.pw-key{color:var(--pw-key)}.pw-string{color:var(--pw-string)}.pw-function{color:var(--pw-function)}.pw-comment{color:var(--pw-muted)}.pw-terminal{border-top:1px solid var(--pw-line);padding:9px 16px 8px;background:var(--pw-inset);flex:0 0 81px}.pw-terminal-heading{display:flex;justify-content:space-between;color:var(--pw-muted);font-size:9px;letter-spacing:.08em;margin-bottom:8px}.pw-terminal-heading b{margin-left:7px;font-weight:400}.pw-terminal p{margin:0;font:10px/17px var(--pw-mono)}.pw-terminal p>span:not(.pw-prompt):not(.pw-terminal-caret){color:var(--pw-muted)}.pw-prompt{color:var(--pw-positive)}.pw-terminal-caret{width:5px;height:11px;display:inline-block;vertical-align:-2px;margin-left:2px;background:var(--pw-muted);animation:pw-caret 1.15s steps(1) infinite}@keyframes pw-caret{50%{opacity:0}}.pw-deploy{background:var(--pw-inset);border-left:1px solid var(--pw-line);padding:20px 18px 14px;min-width:0;display:flex;flex-direction:column;flex:0 0 248px;height:100%}.pw-deploy-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.pw-overline{color:var(--pw-muted);font-size:9px;letter-spacing:.13em}.pw-deploy-heading h3{margin:6px 0 0;font-size:16px;letter-spacing:-.03em;font-weight:400;line-height:1.3;white-space:nowrap}.pw-runtime{color:var(--pw-positive);font-size:10px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.pw-runtime:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.pw-release{display:flex;align-items:center;gap:9px;margin-top:17px;padding:10px 0;border-block:1px solid var(--pw-line)}.pw-release-mark{width:26px;height:26px;border:1px solid var(--pw-line);border-radius:7px;display:grid;place-items:center;background:var(--pw-raised);font-size:17px}.pw-release div{display:grid;gap:3px}.pw-release strong{font-size:11px;font-weight:400}.pw-release div>span{color:var(--pw-muted);font:9px var(--pw-mono)}.pw-pipeline{padding:0;margin:14px 0 12px;list-style:none}.pw-pipeline li{display:flex;align-items:center;gap:9px;min-height:27px;font-size:11px;color:var(--pw-muted);position:relative}.pw-pipeline li>span:nth-child(2){flex:1}.pw-step-mark{flex-shrink:0}.pw-pipeline li:not(:last-child):after{content:"";position:absolute;left:5px;top:20px;bottom:-7px;width:1px;background:var(--pw-line)}.pw-step-mark{width:11px;height:11px;border-radius:50%;border:1px solid var(--pw-line);position:relative;z-index:1;background:var(--pw-inset)}.pw-pipeline small{font-size:9px}.pw-pipeline .is-active{color:var(--pw-text)}.pw-pipeline .is-active small{color:var(--pw-positive)}.pw-pipeline .is-active .pw-step-mark{border-color:var(--pw-positive);border-right-color:transparent;animation:pw-spin 1s linear infinite}.pw-pipeline .is-done .pw-step-mark{border-color:var(--pw-positive);background:var(--pw-positive)}.pw-pipeline .is-done .pw-step-mark:before{content:"";position:absolute;left:3px;top:1px;width:3px;height:5px;border:solid var(--pw-bg);border-width:0 1px 1px 0;transform:rotate(45deg)}@keyframes pw-spin{to{transform:rotate(360deg)}}.pw-progress{height:3px;background:var(--pw-line);overflow:hidden;border-radius:4px;margin-bottom:13px}.pw-progress i{display:block;height:100%;background:linear-gradient(90deg,#00c854,#7ddfa5);transition:width .6s ease}.pw-open-preview{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--pw-raised);border:1px solid var(--pw-line);border-radius:7px;padding:9px 11px;color:var(--pw-text);font-size:11px!important;min-height:36px;margin-top:auto;transition:background-color .2s,border-color .2s}.pw-open-preview:hover{background:var(--pw-focus);border-color:var(--pw-muted)}.pw-open-preview>span{color:var(--pw-positive);font-size:16px}.pw-statusbar{display:flex;align-items:center;gap:6px;padding:0 12px;border-top:1px solid var(--pw-line);background:var(--pw-raised);font-size:9px;color:var(--pw-muted);overflow:hidden;white-space:nowrap}.pw-status-dot{width:5px;height:5px;border-radius:50%;background:var(--pw-positive);flex-shrink:0}.pw-scene-label{margin-left:auto}.pw-log-layout{display:grid;grid-template-columns:minmax(0,1fr) 248px;height:100%}.pw-build-log{padding:25px 19px;min-width:0;overflow:auto}.pw-log-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:10px}.pw-log-heading>span:last-child{font:10px var(--pw-mono);color:var(--pw-muted)}.pw-log-line{display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:9px;font:10px/1.65 var(--pw-mono);margin-bottom:14px}.pw-log-line time{color:var(--pw-muted)}.pw-log-line b{color:var(--pw-positive);font-weight:400}.pw-log-end{border-top:1px solid var(--pw-line);padding-top:17px;font:11px/1.8 var(--pw-mono)}.pw-log-end>span{color:var(--pw-positive);margin-right:7px}.pw-checks{padding:29px 20px;background:var(--pw-inset);border-left:1px solid var(--pw-line);display:flex;flex-direction:column}.pw-checks h3{font-size:22px;font-weight:450;letter-spacing:-.04em;line-height:1.2;margin:15px 0 12px}.pw-checks p{color:var(--pw-muted);font-size:11px;line-height:1.7;margin:0}.pw-checks ul{list-style:none;padding:0;margin:20px 0;display:grid;gap:15px;font-size:11px}.pw-checks li>span{color:var(--pw-positive);margin-right:7px}#live-flow .product-workbench .stream-showcase{height:100%;min-height:0;max-height:none;padding:12px;gap:12px;background:var(--pw-bg)}#live-flow .product-workbench .stream-showcase__device{background:var(--pw-inset);border-color:var(--pw-line);min-height:0;overflow:auto}#live-flow .product-workbench .stream-showcase__device--mobile{padding:9px}#live-flow .product-workbench .phone-shell{margin:auto}#live-flow .product-workbench .web-demo__shell{min-height:230px}.product-workbench[data-flow-playing=false] *{animation-play-state:paused}@media(max-width:1200px)and (min-width:901px){#live-flow .build-stream-wrap{grid-template-columns:290px minmax(0,1fr);gap:22px}.pw-log-layout{grid-template-columns:minmax(0,1fr) 215px}.pw-deploy{flex-basis:215px;padding-inline:13px}.pw-branch{display:none}.pw-source pre{font-size:10px}.pw-source [data-build-line]:before{width:27px;padding-right:8px}}@media(max-width:900px){#live-flow .build-stream-wrap{grid-template-columns:minmax(0,1fr);gap:22px}#live-flow .build-stream-copy{padding:0}#live-flow .build-stream-copy p{max-width:570px}.build-stream-stage.product-workbench,html[data-theme=light] .build-stream-stage.product-workbench{height:480px;min-height:480px}}@media(max-width:600px){.build-stream-stage.product-workbench,html[data-theme=light] .build-stream-stage.product-workbench{height:626px;min-height:626px;border-radius:12px;grid-template-rows:39px 43px minmax(0,1fr) 26px}.pw-chrome{padding-inline:11px;gap:11px}.pw-project{font-size:9px;gap:6px}.pw-window-dots i{width:6px;height:6px}.pw-play{font-size:10px!important;padding-inline:4px;gap:3px}.pw-branch{display:none}.pw-tabs button{flex:1;justify-content:center;padding-inline:9px;gap:6px;font-size:11px}.pw-code-layout{flex-direction:column}.pw-editor{height:auto;min-height:0}.pw-breadcrumb{flex-basis:26px}.pw-terminal{flex-basis:74px}.pw-source{padding-top:1px}.pw-source pre{font-size:11px;line-height:14px}.pw-source [data-build-line]{min-height:14px}.pw-deploy{border-left:0;border-top:1px solid var(--pw-line);padding:12px 16px;height:226px;flex:0 0 226px}.pw-deploy-heading{min-height:31px}.pw-deploy-heading h3{font-size:16px;margin-top:3px}.pw-release{display:none}.pw-pipeline{margin:8px 0}.pw-pipeline li{min-height:22px;font-size:11px;gap:9px}.pw-pipeline small{font-size:9px}.pw-progress{margin-bottom:9px;min-height:3px}.pw-deploy>.pw-open-preview{padding:6px 9px;min-height:32px;font-size:11px!important}.pw-statusbar{font-size:8px}.pw-scene-label{display:none}.pw-log-layout{grid-template-columns:1fr;grid-template-rows:auto auto}.pw-build-log{padding:18px 16px}.pw-log-heading{margin-bottom:17px}.pw-log-line{margin-bottom:9px}.pw-checks{padding:17px 16px;border-left:0;border-top:1px solid var(--pw-line)}.pw-checks h3{font-size:19px;margin:10px 0}.pw-checks ul{gap:10px;margin-block:14px}#live-flow .product-workbench .stream-showcase{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}#live-flow .product-workbench .stream-showcase__device{flex:0 0 92%;scroll-snap-align:center}#live-flow .product-workbench .stream-showcase__device--mobile{display:grid;place-items:center}}@media(prefers-reduced-motion:reduce){.product-workbench *,.product-workbench *:before,.product-workbench *:after{animation:none!important;transition:none!important}}.cursor-dot,html[data-theme=light] .cursor-dot{width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:#f7f7fa;filter:none;box-shadow:none;transition:opacity .12s ease;will-change:transform}.cursor-ring,html[data-theme=light] .cursor-ring{width:18px;height:18px;margin:-9px 0 0 -9px;border:1px solid #ffffff70;background:transparent;box-shadow:none;transition:width .14s ease,height .14s ease,margin .14s ease,border-color .14s ease,opacity .12s ease}.cursor-ring.is-action,html[data-theme=light] .cursor-ring.is-action{width:24px;height:24px;margin:-12px 0 0 -12px;border-color:#00c854;background:#00c8540a;box-shadow:none}.cursor-ring.is-pressed,html[data-theme=light] .cursor-ring.is-pressed{width:18px;height:18px;margin:-9px 0 0 -9px}.cursor-ring span,.cursor-ring.is-action span{display:none}.cursor-dot.is-action,html[data-theme=light] .cursor-dot.is-action{opacity:1;background:#00c854}html[data-theme=light] .cursor-dot{background:#202027}html[data-theme=light] .cursor-ring{border-color:#20202770}html.has-premium-cursor input,html.has-premium-cursor textarea,html.has-premium-cursor [contenteditable]:not([contenteditable=false]){cursor:text}html.has-premium-cursor select{cursor:auto}@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){html.has-premium-cursor,html.has-premium-cursor body,html.has-premium-cursor a,html.has-premium-cursor button,html.has-premium-cursor [role=link]{cursor:auto}.cursor-dot,.cursor-ring{display:none!important}}