.wf-mono{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:400;line-height:1.2}.wf-mono-sm{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:400;line-height:1.2}.wf-shell{color:var(--wf-ink);flex-direction:column;align-items:stretch;display:flex;position:relative}.wf-shell[data-selected=true]{outline:1px solid var(--wf-accent);outline-offset:3px}.wf-tab-title{z-index:1;height:var(--wf-tab-h);max-width:calc(100% - var(--wf-step) - 8px);background:var(--wf-tab-bg);border:1px solid var(--wf-node-border);color:var(--wf-tab-text);--wf-ink:var(--wf-tab-text);--wf-ink-secondary:var(--wf-tab-text-secondary);--wf-ink-muted:var(--wf-tab-text-muted);--wf-ink-faint:var(--wf-tab-text-faint);--wf-accent-text:var(--wf-tab-accent-text);border-bottom:none;align-self:flex-start;align-items:center;gap:7px;margin-bottom:-1px;padding:0 12px 0 10px;display:inline-flex;position:relative}.wf-tab-title:after{content:"";width:calc(var(--wf-step) + 1px);background:var(--wf-tab-bg);border-top:1px solid var(--wf-node-border);border-right:1px solid var(--wf-node-border);height:calc(50% + 1px);position:absolute;bottom:-1px;left:calc(100% - 1px)}.wf-tab-action{z-index:1;min-height:var(--wf-action-h);max-width:calc(100% - var(--wf-step) - 8px);background:var(--wf-node-bg);border:1px solid var(--wf-node-border);border-top:none;align-self:flex-end;align-items:center;gap:10px;margin-top:-1px;padding:4px 6px 5px 16px;display:inline-flex;position:relative}.wf-tab-action:before{content:"";width:calc(var(--wf-step) + 1px);background:var(--wf-node-bg);border-bottom:1px solid var(--wf-node-border);border-left:1px solid var(--wf-node-border);height:calc(50% + 1px);position:absolute;top:-1px;right:calc(100% - 1px)}.wf-panel{background:var(--wf-node-bg);border:1px solid var(--wf-node-border);flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.wf-shell[data-status=running]>.wf-tab-title,.wf-shell[data-status=running]>.wf-tab-action,.wf-shell[data-status=running]>.wf-panel{border-color:var(--wf-accent)}.wf-shell[data-status=running]>.wf-tab-title:after{border-top-color:var(--wf-accent);border-right-color:var(--wf-accent)}.wf-shell[data-status=running]>.wf-tab-action:before{border-bottom-color:var(--wf-accent);border-left-color:var(--wf-accent)}.wf-port-label{z-index:2;pointer-events:none;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--wf-ink-secondary);background:var(--wf-node-bg);padding:2px 4px;font-size:9px;line-height:1.2;position:absolute}.wf-port-label[data-side=target]{left:5px}.wf-port-label[data-side=source]{right:5px}.wf-status-square{background:var(--wf-ink-muted);flex:none;width:6px;height:6px}.wf-status-square[data-status=running]{background:var(--wf-accent);animation:1s steps(2,jump-none) infinite wf-blink}.wf-status-square[data-status=done]{background:var(--wf-ink)}.wf-status-square[data-status=error]{background:var(--wf-accent-text)}.wf-status-square[data-status=info]{background:var(--wf-info)}[data-cd-theme]{--pl-ink:#18261c;--pl-primary:#2e6b45;--pl-accent:#c9e265;--pl-surface:#f3eee0;--pl-muted:#d9d2bf;--pl-secondary:#7f9c6b;--pl-ink-soft:#4c5a4f;--pl-highlight:#f0f6c9;--pl-on-accent:#18261c;--pl-serif:var(--font-instrument-serif), Georgia, serif;--pl-sans:Inter, var(--font-ui), system-ui, sans-serif}[data-cd-theme=v2]{--pl-accent:#e8794a;--pl-surface:#f6ecdd;--pl-muted:#e2d5c0;--pl-secondary:#8a9a62;--pl-ink-soft:#5a5347;--pl-highlight:#fbd9c4}.pl-swap{width:var(--pl-swap);height:var(--pl-swap);flex:none;display:inline-block;position:relative}.pl-swap>.pl-mark{width:100%;height:100%;position:absolute;inset:0}.pl-mark--v2,[data-cd-theme=v2] .pl-mark--v1{display:none}[data-cd-theme=v2] .pl-mark--v2{display:block}.pl-lockup{color:var(--pl-ink);align-items:center;gap:.28em;display:inline-flex}.pl-wordmark{font-family:var(--pl-serif);letter-spacing:-.03em;color:var(--pl-ink);font-style:normal;line-height:1}.pl{background:var(--pl-surface);width:390px;height:844px;color:var(--pl-ink);font:400 15px/1.45 var(--pl-sans);letter-spacing:-.005em;text-align:left;position:relative;overflow:hidden}.pl h4{font:400 40px/1.04 var(--pl-serif);letter-spacing:-.025em;color:var(--pl-ink);margin:0;font-style:normal}.pl p{color:var(--pl-ink-soft);margin:0}.pl small{font:400 11px/1.3 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--pl-ink-soft);display:block}.pl b{font-weight:600}.pl-status{height:50px;font:600 14px/1 var(--pl-sans);justify-content:space-between;align-items:center;padding:6px 30px 0;display:flex}.pl-status__island{background:var(--pl-ink);border-radius:999px;width:96px;height:28px}.pl-btn{background:var(--pl-primary);height:56px;color:var(--pl-surface);font:600 16px/1 var(--pl-sans);border-radius:999px;justify-content:center;align-items:center;display:flex}.pl-link{text-align:center;color:var(--pl-ink-soft);text-underline-offset:3px;font-size:14px;text-decoration:underline;display:block}.pl-beds{grid-template-columns:repeat(var(--cols),1fr);gap:7px;display:grid}.pl-beds span{aspect-ratio:1.55;background:var(--pl-muted);border-radius:9px}.pl-beds span[data-free]{background:var(--pl-accent)}.pl-beds span[data-picked]{background:var(--pl-primary);box-shadow:0 0 0 3px var(--pl-surface),0 0 0 5px var(--pl-primary)}.pl-chip{background:var(--pl-accent);height:26px;color:var(--pl-on-accent);font:600 12px/1 var(--pl-sans);border-radius:999px;align-items:center;padding:0 11px;display:inline-flex}.pl-chip--quiet{color:var(--pl-ink);background:#ffffff8c}.pl-price{font:400 26px/1 var(--pl-serif);white-space:nowrap}.pl-price small{margin-left:2px;font-size:10px;display:inline}.pl-welcome{flex-direction:column;gap:22px;padding:34px 28px 0;display:flex}.pl-welcome .pl-beds{background:var(--pl-highlight);transform-origin:50% 100%;border-radius:26px;margin:18px 0 10px;padding:18px;transform:perspective(900px)rotateX(38deg)scale(1.04)}.pl-welcome h4{font-size:46px}.pl-welcome .pl-btn{margin-top:16px}.pl-home{flex-direction:column;gap:18px;padding:14px 22px 0;display:flex}.pl-home header{justify-content:space-between;align-items:center;display:flex}.pl-home header h4{margin-top:6px;font-size:36px}.pl-search{border:1px solid var(--pl-muted);height:48px;color:var(--pl-ink-soft);background:#fff9;border-radius:999px;align-items:center;gap:10px;padding:0 16px;font-size:14px;display:flex}.pl-search i{border:2px solid;border-radius:50%;width:14px;height:14px}.pl-feature{background:var(--pl-highlight);border:1px solid var(--pl-muted);border-radius:22px;flex-direction:column;gap:14px;padding:16px;display:flex}.pl-feature__top{gap:8px;display:flex}.pl-feature__foot{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.pl-feature__foot small{margin-top:4px}.pl-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.pl-list li{border:1px solid var(--pl-muted);background:#ffffff73;border-radius:22px;align-items:center;gap:14px;padding:12px;display:flex}.pl-list li>div{flex:1;min-width:0}.pl-list small{margin-top:3px}.pl-thumb{background:repeating-linear-gradient(90deg,var(--pl-secondary) 0 10px,var(--pl-primary) 10px 14px);border-radius:14px;flex:none;width:54px;height:54px}.pl-thumb--b{background:repeating-linear-gradient(0deg,var(--pl-accent) 0 9px,var(--pl-secondary) 9px 13px)}.pl-tabs{background:var(--pl-surface);border-top:1px solid var(--pl-muted);font:500 11px/1 var(--pl-sans);color:var(--pl-ink-soft);justify-content:space-around;padding:12px 10px 30px;display:flex;position:absolute;bottom:0;left:0;right:0}.pl-tabs span{flex-direction:column;align-items:center;gap:7px;display:flex}.pl-tabs i{background:var(--pl-muted);border-radius:7px;width:22px;height:22px}.pl-tabs span[data-active]{color:var(--pl-ink)}.pl-tabs span[data-active] i{background:var(--pl-primary)}.pl-reserve{flex-direction:column;gap:20px;padding:14px 22px 0;display:flex}.pl-reserve header{align-items:center;gap:14px;display:flex}.pl-reserve header h4{margin-top:4px;font-size:34px}.pl-back{border:1px solid var(--pl-muted);background:linear-gradient(var(--pl-ink),var(--pl-ink)) 50% 50%/16px 2px no-repeat,#ffffff80;border-radius:50%;flex:none;width:44px;height:44px}.pl-picker{background:var(--pl-highlight);border:1px solid var(--pl-muted);border-radius:22px;gap:10px;padding:16px;display:flex}.pl-picker .pl-beds{flex:1}.pl-picker__axis{font:400 11px/1 var(--font-mono);color:var(--pl-ink-soft);flex-direction:column;justify-content:space-around;display:flex}.pl-facts{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.pl-facts div{border:1px solid var(--pl-muted);background:#ffffff73;border-radius:14px;padding:12px 10px}.pl-facts b{margin-top:6px;font-size:14px;display:block}.pl-seasons{background:var(--pl-muted);border-radius:999px;gap:6px;padding:5px;display:flex}.pl-seasons span{text-align:center;font:500 13px/1 var(--pl-sans);color:var(--pl-ink-soft);border-radius:999px;flex:1;padding:11px 0}.pl-seasons span[data-active]{background:var(--pl-surface);color:var(--pl-ink)}.pl-fine{text-align:center;font-size:13px}.cd{--cd-gutter:var(--gutter);--cd-surface:#f4593b;--cd-on-surface:#141413;padding:var(--section-pt) 0 var(--section-pb);background:var(--cd-surface)}.cd-heading{--ink-0:var(--cd-on-surface);--ink-1:var(--cd-on-surface);--ink-2:#141413d1;--btn-fill:var(--cd-on-surface);--btn-fill-hover:#000;--btn-text:#f1f1ef;color:var(--cd-on-surface)}.cd-heading :is(h2,.counter){color:var(--cd-on-surface)}.cd-heading{max-width:var(--shell);padding:0 var(--cd-gutter) clamp(48px,5vw,88px);justify-content:space-between;align-items:flex-end;gap:24px 48px;margin-inline:auto;display:flex}.cd-heading>div{min-width:0}.cd-heading .btn{flex:none;margin-bottom:6px}.cd-heading .plate{margin-bottom:var(--statement-air)}.cd-heading h2{font-size:var(--t-statement);letter-spacing:-.025em;text-wrap:balance;margin:0;line-height:1.08}.cd :is(button,a):focus-visible{outline:2px solid var(--ink-0);outline-offset:5px}.cd-workspace{--wf-canvas:#000;--wf-grid-line:#f1f1ef0d;--wf-ink:#f1f1ef;--wf-paper:#0c0c0b;--wf-ink-secondary:#f1f1ef99;--wf-ink-muted:#f1f1ef66;--wf-ink-faint:#f1f1ef17;--wf-node-bg:#0c0c0b;--wf-node-inset:#161615;--wf-node-border:#f1f1ef3d;--wf-node-border-hover:#f1f1ef6b;--wf-tab-bg:#f1f1ef;--wf-tab-text:#141413;--wf-tab-text-secondary:#1414139e;--wf-tab-text-muted:#1414136b;--wf-tab-text-faint:#1414131f;--wf-tab-accent-text:#c03a20;--wf-accent:#f4593b;--wf-accent-text:#f4593b;--wf-accent-soft:#f4593b2e;--wf-edge-idle:#f1f1ef42;--wf-step:12px;--wf-tab-h:26px;--wf-action-h:38px;--wf-sticky-tint:26%;--wf-sticky-line:48%;--panel-bg:#0c0c0b;--panel-bg-inset:#161615;--panel-bg-subtle:#121211;--panel-bg-elevated:#191918;--panel-text:#f1f1ef;--panel-text-secondary:#8c8c8a;--panel-text-muted:#5c5c5a;--panel-accent:#f4593b;--panel-accent-subtle:#f4593b2e;--cd-ease:cubic-bezier(.16,1,.3,1);min-width:0;color:var(--wf-ink);background:var(--wf-canvas);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:where(.cd-workspace) button{font:inherit;color:inherit;border-radius:0}.cd-workspace button:focus-visible{outline:1px solid var(--wf-ink);outline-offset:2px}.cd-viewport{background-color:var(--wf-canvas);background-image:linear-gradient(var(--wf-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--wf-grid-line) 1px,transparent 1px);background-size:calc(24px * var(--cd-zoom,.5)) calc(24px * var(--cd-zoom,.5));background-position:var(--cd-pan-x,0px) var(--cd-pan-y,0px);cursor:grab;touch-action:pan-y pinch-zoom;height:clamp(840px,64vw,1080px);position:relative;overflow:hidden;container-type:inline-size}.cd-viewport[data-panning=true]{cursor:grabbing;-webkit-user-select:none;user-select:none}.cd-board{transform-origin:0 0;width:2670px;height:1520px;transform:translate(var(--cd-pan-x,0px),var(--cd-pan-y,0px)) scale(var(--cd-zoom,.5));position:absolute;top:0;left:0}@supports (width:calc(1px * tan(atan2(1px,1px)))){.cd:not([data-cd-ready]) .cd-viewport{--cd-zoom:tan(atan2(100cqw,2830px));--cd-pan-x:calc(80px * var(--cd-zoom));--cd-pan-y:96px}}.cd[data-cd-camera=auto] .cd-board{transition:transform 1.1s var(--cd-ease)}.cd[data-cd-camera=auto] .cd-viewport:not([data-panning]){transition:background-size 1.1s var(--cd-ease),background-position 1.1s var(--cd-ease)}.cd-wires{pointer-events:none;fill:none;width:100%;height:100%;stroke:var(--wf-edge-idle);stroke-width:1.5px;position:absolute;inset:0;overflow:visible}.cd-wires marker path{fill:context-stroke;stroke:none}.cd-wires path[data-cd-kind=text]{stroke-dasharray:5 3}.cd-wires path[data-cd-kind=guide]{stroke-dasharray:1.5 3;stroke-linecap:square}.cd-wires path[data-cd-hidden]{visibility:hidden}.cd-wires path[data-active=true]{stroke:var(--wf-accent)}.cd-wires path[data-cd-live]{stroke:var(--wf-accent);stroke-dasharray:6 4;stroke-linecap:butt;animation:.8s linear infinite cd-march}@keyframes cd-march{to{stroke-dashoffset:-20px}}.cd-node{min-width:0;transform:translate(var(--cd-node-x,0),var(--cd-node-y,0));cursor:grab;text-align:left;margin:0;position:absolute}.cd-node[data-dragging=true]{z-index:4;cursor:grabbing;-webkit-user-select:none;user-select:none;outline:1px solid var(--wf-accent);outline-offset:3px}.cd-node[data-cd-state=hidden]{visibility:hidden;opacity:0}.cd-node[data-cd-spawned]{outline:1px solid var(--wf-accent);outline-offset:3px;animation:cd-spawn .55s var(--cd-ease) both}@keyframes cd-spawn{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0}}.cd-node:hover>.wf-panel{border-color:var(--wf-node-border-hover)}.cd-node[data-status=running]:hover>.wf-panel{border-color:var(--wf-accent)}.cd-glyph,.cd-provider{flex:none}.cd-provider{fill:currentColor;width:12px;height:12px}.cd-node__name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cd-output-tag{color:var(--wf-ink-secondary);align-items:center;gap:6px;display:inline-flex}.cd-status{background:var(--wf-ink)}.cd-node[data-cd-state=idle] .cd-status{background:var(--wf-ink-muted)}.cd-node[data-cd-state=running] .cd-status{background:var(--wf-accent);animation:1s steps(2,jump-none) infinite cd-blink}@keyframes cd-blink{0%,to{opacity:1}50%{opacity:.25}}.cd-port{z-index:3;background:var(--wf-accent);border:1px solid var(--wf-accent);width:8px;height:8px;position:absolute;transform:translate(-50%,-50%)}.cd-port[data-side=target]{top:70%;left:0}.cd-port[data-side=source]{top:55%;left:100%}.cd .wf-port-label{opacity:0;transition:opacity .12s var(--cd-ease);transform:translateY(-50%)}.cd .wf-port-label[data-side=target]{top:70%}.cd .wf-port-label[data-side=source]{top:55%}.cd-node:hover .wf-port-label{opacity:1}:is(.cd,.mdl) .wf-pill,:is(.cd,.mdl) .wf-pill-solid{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border-radius:0;align-items:center;font-size:11px;line-height:1.2;display:inline-flex}:is(.cd,.mdl) .wf-pill{border:1px solid var(--wf-node-border);color:var(--wf-ink-secondary);transition:color .22s var(--cd-ease),border-color .22s var(--cd-ease),background-color .22s var(--cd-ease),scale .5s ease-in-out;background:0 0;gap:6px;padding:4px 10px}:is(.cd,.mdl) button.wf-pill{cursor:pointer}:is(.cd,.mdl) button.wf-pill:hover{color:var(--wf-ink);border-color:var(--wf-node-border-hover);background:var(--wf-ink-faint)}.cd .wf-pill[data-active=true]{color:var(--wf-ink);border-color:var(--wf-ink)}.cd .wf-pill-solid{border:1px solid var(--wf-ink);background:var(--wf-ink);color:var(--wf-paper);gap:7px;padding:5px 13px}.cd .wf-icon-btn{width:20px;height:20px;color:var(--wf-ink-muted);justify-content:center;align-items:center;display:inline-flex}.cd-icons{align-items:center;gap:4px;display:inline-flex}.cd-run__live,.cd-node[data-cd-state=running] .cd-run__idle,.cd[data-cd-running] .cd-run-all .cd-run__idle{display:none}.cd-node[data-cd-state=running] .cd-run__live,.cd[data-cd-running] .cd-run-all .cd-run__live{display:inline}.cd-node[data-cd-state=running] .cd-run,.cd[data-cd-running] .cd-run-all{background:var(--wf-accent);border-color:var(--wf-accent);color:#141413}.cd-node[data-cd-state=running] .cd-run .cd-glyph,.cd[data-cd-running] .cd-run-all .cd-glyph{animation:1s steps(2,jump-none) infinite cd-blink}.cd-seg{border:1px solid var(--wf-ink-faint);align-items:center;display:inline-flex}.cd-seg>*{color:var(--wf-ink-secondary);cursor:pointer;background:0 0;border:0;padding:4px 8px}.cd-seg>[aria-pressed=true]{background:var(--wf-ink);color:var(--wf-tab-bg)}.cd-lang,.cd-desc{color:var(--wf-ink-muted)}.cd-desc{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.cd-viewport-chip{border:1px solid var(--wf-ink-faint);color:var(--wf-ink-secondary);padding:4px 8px}[data-cd-view-panel=raw],.cd-node[data-cd-view=raw] [data-cd-view-panel=preview]{display:none}.cd-node[data-cd-view=raw] [data-cd-view-panel=raw]{display:block}.cd-raw{max-height:560px;font:12px/1.625 var(--font-mono);white-space:pre-wrap;word-break:break-word;color:var(--wf-ink);cursor:text;scrollbar-width:thin;scrollbar-color:var(--wf-ink-faint) transparent;margin:0;padding:12px;overflow:auto}.cd-node--code .cd-raw{max-height:300px}.cd-seg__edit{align-items:center;gap:6px;display:inline-flex;border-left:1px solid var(--wf-ink-faint)!important;color:var(--wf-accent-text)!important;cursor:default!important}.cd-shader{background:radial-gradient(#0000 35%,#090f0b8c 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36'%3E%3Crect x='3' y='5' width='30' height='26' rx='4.5' fill='%232e6b45'/%3E%3C/svg%3E") 50%/35.7px 35.7px,#18261c;height:214px;position:relative;overflow:hidden}.cd-shader canvas{opacity:0;width:100%;height:100%;transition:opacity .4s ease-out;display:block;position:absolute;inset:0}.cd-shader[data-cd-shader-state=live] canvas{opacity:1}.cd-tune{border-top:1px solid var(--wf-node-border);background:var(--wf-node-inset);flex-direction:column;gap:10px;padding:8px 12px 12px;display:flex}.cd-tune__head{color:var(--wf-ink-muted);justify-content:space-between;align-items:center;display:flex}.cd-tune__head button{color:var(--wf-ink-secondary);cursor:pointer;background:0 0;border:0;padding:0}.cd-tune__head button:hover{color:var(--wf-ink)}.cd-knob{color:var(--wf-ink-secondary);flex-direction:column;gap:4px;display:flex}.cd-knob>span{justify-content:space-between;align-items:center;gap:8px;display:flex}.cd-knob output{color:var(--wf-ink-muted)}.cd-knob input[type=range]{cursor:pointer;width:100%;accent-color:var(--wf-accent-text);margin:0}.cd-knob--color{flex-direction:row;justify-content:space-between;align-items:center}.cd-knob input[type=color]{cursor:pointer;background:0 0;border:0;width:32px;height:20px;padding:0}.cd-await,.cd-gen{display:none}.cd-await{background:var(--wf-node-inset);height:200px;color:var(--wf-ink-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px}.cd-gen{height:280px;position:relative}.cd-node--code .cd-await{height:152px}.cd-node--code .cd-gen{height:200px}.cd-node[data-cd-state=idle] .cd-await{display:flex}.cd-node[data-cd-state=running] .cd-gen{display:block}.cd-node:is(.cd-node--code,.cd-node--design,.cd-node--screen):is([data-cd-state=idle],[data-cd-state=running])>.wf-panel>:not(.cd-await,.cd-gen,.cd-port,.wf-port-label),.cd-lang,.cd .cd-lang-pill,.cd-node[data-cd-state] :is(.cd-seg,.cd-viewport-chip),.cd-node[data-cd-state]:not([data-cd-filled]) :is(.cd-icons,.cd-desc),.cd-node:is(.cd-node--design,.cd-node--screen)[data-cd-state] .cd-icons,.cd-node[data-cd-state] [data-cd-icon=image]{display:none}.cd-node[data-cd-state=running] .cd-lang{display:inline}.cd .cd-node[data-cd-state=idle] .cd-lang-pill{display:inline-flex}.cd-node[data-cd-revealed]>.wf-panel:after{content:"";z-index:2;background:var(--wf-node-inset);pointer-events:none;animation:.7s steps(10,jump-none) forwards cd-reveal;position:absolute;inset:0}@keyframes cd-reveal{to{clip-path:inset(100% 0 0)}}.cd-image{background:var(--wf-node-inset);height:280px;position:relative;overflow:hidden}.cd-image .cd-await{height:auto;position:absolute;inset:0}.cd-photo,.cd-photo__stage{height:100%}.cd-photo__stage{display:block}.cd-photo__stage img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.cd-photo__v1{display:block}.cd-photo__v2,[data-cd-theme=v2] .cd-photo__v1{display:none}[data-cd-theme=v2] .cd-photo__v2{display:block}.cd-caption{border-top:1px solid var(--wf-node-border);color:var(--wf-ink-secondary);justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.cd-caption>span+span{color:var(--wf-ink-muted);flex:none}.cd-node--image:is([data-cd-state=idle],[data-cd-state=running]) :is(.cd-photo,.cd-caption),.cd .vgs-root,.cd-node--image[data-cd-revealed]>.wf-panel:after{display:none}.cd .cd-node[data-cd-state=running] .vgs-root{display:flex}.cd-ratio{border:1px solid;flex:none;display:block}.cd-prompt :is(.cd-v1,.cd-v2){text-transform:none}.vgs-root{border-radius:inherit;background-color:var(--wf-node-inset);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.vgs-dither{opacity:.5;width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}.vgs-center{z-index:1;position:absolute;bottom:12px;left:10px}.vgs-telemetry{background:var(--wf-ink);color:var(--wf-paper);align-items:baseline;gap:5px;padding:4px 8px;display:inline-flex}.vgs-timestamp{z-index:1;font-family:var(--font-mono,ui-monospace, "SF Mono", "Cascadia Mono", Menlo, monospace);letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--wf-ink-secondary);background:var(--wf-node-bg);padding:2px 5px;font-size:10px;position:absolute;top:10px;right:10px}.vgs-status,.vgs-percent{font-family:var(--font-mono,ui-monospace, "SF Mono", "Cascadia Mono", Menlo, monospace);letter-spacing:.2em;text-transform:uppercase;color:inherit;font-variant-numeric:tabular-nums;font-size:9px}.vgs-progress{background:var(--wf-ink-faint);z-index:1;height:2px;position:absolute;bottom:0;left:0;right:0}.vgs-progress-fill{transform-origin:0;background:var(--wf-accent);width:100%;height:100%;transition:transform .4s linear}.wf-dither-overlay{pointer-events:none;width:100%;height:100%;image-rendering:pixelated;opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.cd-node--sticky>.wf-panel{--wf-sticky-hue:#e2bd2e;background:var(--wf-sticky-hue)}@supports (color:color-mix(in lab, red, red)){.cd-node--sticky>.wf-panel{background:color-mix(in srgb,var(--wf-sticky-hue) var(--wf-sticky-tint),var(--wf-node-bg))}}.cd-node--sticky>.wf-panel{border-color:var(--wf-sticky-hue)}@supports (color:color-mix(in lab, red, red)){.cd-node--sticky>.wf-panel{border-color:color-mix(in srgb,var(--wf-sticky-hue) var(--wf-sticky-line),var(--wf-node-border))}}.cd-sticky-swatch{border:1px solid var(--wf-ink-faint);background:#e2bd2e;width:12px;height:12px}.cd-sticky{font:13px/1.55 var(--font-ui);color:var(--wf-ink);padding:12px}.cd-sticky strong{color:inherit;font-weight:600}.cd-sticky ul{margin:8px 0 0;padding-left:16px}.cd-sticky li{margin-top:3px}.cd-chips{flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px 0;display:flex}.cd-provenance{color:var(--wf-ink-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;padding:8px 16px 0;overflow:hidden}.cd-prompt{border:1px solid var(--wf-node-border);margin:8px 16px 0;padding:12px;position:relative}.cd-prompt p{min-height:60px;font:12px/1.625 var(--font-mono);color:var(--wf-ink);white-space:pre-wrap;-webkit-line-clamp:6;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.cd-prompt:after{content:"";background:linear-gradient(to bottom,transparent,var(--wf-node-bg));pointer-events:none;height:32px;position:absolute;inset:auto 1px 1px}.cd-prompt__meta{color:var(--wf-ink-muted);justify-content:space-between;gap:8px;margin:6px 16px 0;display:flex}.cd-prompt__meta>span:last-child{color:var(--wf-ink-secondary);gap:10px;display:flex}.cd-prompt__foot{color:var(--wf-ink-secondary);align-items:center;gap:16px;padding:14px 16px 12px;display:flex}.cd-prompt__foot>span{align-items:center;gap:6px;display:inline-flex}.cd-preview{text-align:left;cursor:grab;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.cd-node[data-dragging=true] .cd-preview{cursor:grabbing}.cd-preview__expand{z-index:1;background:var(--wf-node-bg);width:26px;height:26px;color:var(--wf-ink);opacity:0;place-items:center;transition:opacity .18s;display:grid;position:absolute;bottom:9px;right:9px}.cd-preview:hover .cd-preview__expand,.cd-preview:focus-visible .cd-preview__expand{opacity:1}.cd-logo__stage{background:var(--pl-surface);flex-direction:column;align-items:center;gap:26px;padding:34px 24px 22px;display:flex}.cd-logo__row{border-top:1px solid var(--pl-muted);justify-content:space-between;align-self:stretch;align-items:center;padding-top:16px;display:flex}.cd-logo__sizes{align-items:flex-end;gap:12px;display:inline-flex}.cd-phone{height:400px;overflow:hidden;container-type:inline-size}.cd-phone__scale{transform-origin:0 0;width:390px;display:block;transform:scale(.6872)}@supports (width:calc(1px * tan(atan2(1px,1px)))){.cd-phone__scale{transform:scale(tan(atan2(100cqw,390px)))}}.pl{display:block}.cd-design{font-family:var(--font-ui);flex-direction:column;gap:24px;padding:16px;display:flex}.cd-design section{display:block}.cd-design__label{color:var(--wf-ink);align-items:center;gap:6px;margin-bottom:12px;display:flex}.cd-design__label .wf-mono-sm{color:var(--wf-ink-secondary)}.cd-design__row{justify-content:space-between;align-items:center;display:flex}.cd-mode{background:var(--wf-node-inset);font:500 10px/1 var(--font-ui);color:var(--wf-ink-secondary);gap:2px;margin-bottom:12px;padding:2px;display:inline-flex}.cd-mode span{padding:3px 8px}.cd-mode span[data-active]{background:var(--wf-node-bg);color:var(--wf-ink)}.cd-design__logo,.cd-design__card{box-shadow:0 0 0 1px var(--wf-node-border);gap:12px;padding:10px;display:flex}.cd-design__logo+.cd-design__logo{margin-top:10px}.cd-design__logo>div{flex:1;min-width:0}.cd-design__logo>div>div:first-child{align-items:center;gap:6px;display:flex}.cd-design__card{flex-direction:column;gap:8px}.cd-design b{font:600 11px/1.3 var(--font-ui);color:var(--wf-ink)}.cd-design p{font:10px/1.4 var(--font-ui);color:var(--wf-ink-secondary);margin:4px 0 0}.cd-design__thumb{background:var(--pl-surface);width:64px;height:56px;box-shadow:0 0 0 1px var(--wf-node-border);flex:none;justify-content:center;align-items:center;display:flex}.cd-design__thumb--wide{width:96px}.cd-tags{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.cd-tag{background:var(--wf-node-inset);font:9px/1.4 var(--font-ui);text-transform:uppercase;color:var(--wf-ink-secondary);padding:2px 6px}.cd-swatches{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.cd-swatches>div{flex-direction:column;gap:3px;min-width:0;display:flex}.cd-swatch{aspect-ratio:1;border-radius:14px;margin-bottom:3px;transition:background-color .4s;box-shadow:inset 0 0 0 1px #0000001a}.cd-swatches b{font-size:10px;font-weight:500}.cd-swatches code,.cd-type code{font:9px/1.3 var(--font-mono);text-transform:uppercase;color:var(--wf-ink-secondary)}.cd-type>div{justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;display:flex}.cd-type>div+div{border-top:1px solid var(--wf-node-border)}.cd-type>div>span{color:var(--wf-ink);white-space:nowrap;line-height:1.1}.cd-type code{text-align:right;text-transform:none}.cd-type__serif{font-family:var(--pl-serif);letter-spacing:-.02em}.cd-type__sans{font-family:var(--pl-sans)}.cd-type__mono{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em}.cd-v2,[data-cd-theme=v2] .cd-v1{display:none}[data-cd-theme=v2] .cd-v2{display:inline}.cd-v1,.cd-v2{text-transform:uppercase}.cd-chrome{z-index:5;pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute}.cd-chrome--top-left{top:16px;left:20px}.cd-chrome--top{top:16px;left:50%;transform:translate(-50%)}.cd-chrome--top-right{top:16px;right:16px}.cd-chrome--bottom-right{bottom:16px;right:16px}.cd-logo-chip{color:#171717;background:#f5f5f5;border-radius:999px;align-items:center;padding:7px 12px;display:inline-flex;box-shadow:0 0 0 2px #000,0 4px 8px -2px #0000001a}.cd-logo-chip svg{fill:currentColor;width:56px;height:auto}.cd-crumb{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font:14px/1.3 var(--font-mono);letter-spacing:-.025em;color:var(--wf-ink);background:#0009;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.cd-crumb svg{width:14px;height:14px;color:var(--wf-ink-secondary)}.cd-run-all{padding:8px 16px!important}.cd-share{color:#f5f5f5;font:500 12px/1.3 var(--font-ui);background:#171717;border:1px solid #ffffff29;border-radius:999px;align-items:center;padding:7px 12px;display:inline-flex;box-shadow:0 0 0 2px #000}.cd-menu{background:var(--wf-tab-bg);border:1px solid var(--wf-node-border);width:36px;height:36px;color:var(--wf-tab-text);place-items:center;display:grid}.cd-menu svg{fill:currentColor;width:16px;height:16px}.cd-usage{border:1px solid var(--wf-node-border);background:var(--wf-tab-bg);color:var(--wf-tab-text);border-radius:999px;padding:6px 12px}.cd-zoom{z-index:5;background:var(--wf-node-bg);border:1px solid var(--wf-node-border);color:var(--wf-ink-secondary);flex-direction:column;display:flex;position:absolute;bottom:64px;right:16px}.cd-zoom button{cursor:pointer;background:0 0;border:0;place-items:center;width:30px;height:30px;padding:0;display:grid}.cd-zoom button+button{border-top:1px solid var(--wf-node-border)}.cd-zoom button:hover{background:var(--wf-ink-faint);color:var(--wf-ink)}.cd-transport{z-index:5;background:var(--wf-node-bg);border:1px solid var(--wf-node-border);align-items:center;gap:16px;padding:5px 5px 5px 14px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.cd:not([data-cd-ready]) .cd-transport{display:none}.cd-scenes{color:var(--wf-ink-muted);gap:14px;margin:0;padding:0;list-style:none;display:flex}.cd-scenes li{white-space:nowrap;align-items:center;gap:6px;display:flex}.cd-scenes li:before{content:"";background:var(--wf-ink-faint);width:6px;height:6px}.cd[data-cd-done] .cd-scenes li,.cd[data-cd-scene="2"] [data-cd-scene-step="1"],.cd[data-cd-scene="3"] :is([data-cd-scene-step="1"],[data-cd-scene-step="2"]),.cd[data-cd-scene="4"] :is([data-cd-scene-step="1"],[data-cd-scene-step="2"],[data-cd-scene-step="3"]){color:var(--wf-ink-secondary)}.cd[data-cd-done] .cd-scenes li:before,.cd[data-cd-scene="2"] [data-cd-scene-step="1"]:before,.cd[data-cd-scene="3"] :is([data-cd-scene-step="1"],[data-cd-scene-step="2"]):before,.cd[data-cd-scene="4"] :is([data-cd-scene-step="1"],[data-cd-scene-step="2"],[data-cd-scene-step="3"]):before{background:var(--wf-ink)}.cd[data-cd-scene="1"] [data-cd-scene-step="1"],.cd[data-cd-scene="2"] [data-cd-scene-step="2"],.cd[data-cd-scene="3"] [data-cd-scene-step="3"],.cd[data-cd-scene="4"] [data-cd-scene-step="4"]{color:var(--wf-ink)}.cd[data-cd-scene="1"] [data-cd-scene-step="1"]:before,.cd[data-cd-scene="2"] [data-cd-scene-step="2"]:before,.cd[data-cd-scene="3"] [data-cd-scene-step="3"]:before,.cd[data-cd-scene="4"] [data-cd-scene-step="4"]:before{background:var(--wf-accent);animation:1s steps(2,jump-none) infinite cd-blink}.cd[data-cd-paused] .cd-scenes li:before{animation:none}.cd-transport__buttons{gap:5px;display:flex}.cd-pause__off,.cd[data-cd-paused] .cd-pause__on{display:none}.cd[data-cd-paused] .cd-pause__off{display:inline}.cd:not([data-cd-playing]) :is([data-cd-pause],[data-cd-skip]),.cd[data-cd-playing] [data-cd-replay]{display:none}.cd-chat{z-index:6;background:var(--panel-bg);cursor:default;width:440px;height:min(600px,100% - 88px);font-family:var(--font-ui);color:var(--panel-text);text-align:left;border:1px solid #ffffff14;flex-direction:column;display:flex;position:absolute;bottom:16px;left:16px;overflow:hidden;box-shadow:0 20px 40px #00000073,0 8px 16px #00000040,inset 0 1px #ffffff0a}.cd-chat:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff26,#0000);height:1px;position:absolute;inset:0 0 auto}.cd-chat:after{content:"";pointer-events:none;border-top:2px solid #ffffff1a;border-right:2px solid #ffffff1a;width:12px;height:12px;position:absolute;top:6px;right:6px}.cd:is([data-cd-panel=closed],:not([data-cd-ready])) .cd-chat{display:none}.cd-launcher{z-index:6;background:var(--wf-node-bg);border:1px solid var(--wf-node-border);height:40px;color:var(--wf-ink);cursor:pointer;align-items:center;gap:10px;padding:0 10px 0 12px;display:none;position:absolute;bottom:16px;left:16px}.cd-launcher:hover{opacity:.85}.cd-launcher .cd-outlet{width:16px;height:16px;color:var(--wf-accent-text)}.cd-launcher .wf-mono{color:var(--wf-ink-secondary)}.cd-launcher kbd{border:1px solid var(--wf-ink-faint);color:var(--wf-ink-muted);padding:2px 6px}.cd:is([data-cd-panel=closed],:not([data-cd-ready])) .cd-launcher{display:flex}.cd-chat__head{background:var(--panel-bg-inset);border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:12px 16px;display:flex}.cd-chat__head>div{flex:1;min-width:0}.cd-chat__title{font:500 14px/1.4 var(--font-ui);color:var(--panel-text)}.cd-chat__model{font:11px/1.4 var(--font-ui);color:var(--panel-text-secondary);align-items:center;gap:4px;padding:2px 0;display:inline-flex}.cd-chat__model .cd-provider{width:14px;height:14px}.cd-chat__model svg:last-child{width:12px;height:12px}.cd-chat__close{cursor:pointer;background:0 0;border:0;place-items:center;width:32px;height:32px;padding:0;display:grid;color:var(--panel-text-secondary)!important}.cd-chat__close:hover{background:#ffffff1a}.cd-chat__close svg{width:16px;height:16px}.cd-avatar{background:var(--panel-bg-subtle);width:28px;height:28px;color:var(--panel-text);border:1px solid #ffffff0d;flex:none;justify-content:center;align-items:center;display:flex}.cd-avatar .cd-outlet{width:16px;height:16px}.cd-avatar--head{border-color:#ffffff1a;width:32px;height:32px;box-shadow:inset 0 1px 2px #ffffff0d}.cd-avatar--user{background:var(--panel-accent-subtle);color:var(--panel-accent);font:500 12px/1 var(--font-ui)}.cd-chat__log{background:var(--panel-bg-inset);scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;overscroll-behavior:contain;flex-direction:column;flex:1;gap:16px;min-height:0;padding:16px;display:flex;overflow:hidden auto}.cd-msg{gap:12px;width:100%;min-width:0;display:flex}.cd-msg--user{flex-direction:row-reverse}.cd-bubble{min-width:0;max-width:85%;font:14px/1.6 var(--font-ui);color:var(--panel-text);background:var(--panel-bg-subtle);overflow-wrap:anywhere;padding:8px 12px}.cd-msg--user .cd-bubble{background:var(--panel-bg-elevated)}.cd-bubble p{margin:0}.cd-tool{font:11px/16px var(--font-ui);color:var(--panel-text-secondary);align-items:center;gap:6px;display:flex}.cd-tool+.cd-tool{margin-top:4px}.cd-tool+p{margin-top:8px}.cd-tool__icon{flex:none;width:12px;height:12px;position:relative}.cd-tool[data-cd-status=done] .cd-tool__icon:before{content:"";border-bottom:1.5px solid #4ade80;border-left:1.5px solid #4ade80;width:8px;height:4px;position:absolute;top:3px;left:1px;transform:rotate(-45deg)}.cd-tool[data-cd-status=running] .cd-tool__icon{border:1.5px solid #ffffff2e;border-top-color:var(--panel-text-secondary);border-radius:50%;animation:.8s linear infinite cd-spin}@keyframes cd-spin{to{transform:rotate(360deg)}}:is([data-cd-chat][data-cd-hidden],.cd-msg--agent:not(:has([data-cd-chat]:not([data-cd-hidden]))):not(.cd-thinking)){display:none}.cd-msg:not([data-cd-hidden]){animation:.5s ease-out cd-fade}@keyframes cd-fade{0%{opacity:0}to{opacity:1}}.cd-thinking{display:none}.cd[data-cd-thinking] .cd-thinking{display:flex}.cd-thinking .cd-bubble{color:var(--panel-text-secondary);align-items:center;gap:10px;padding-block:10px;font-size:12px;line-height:1.4;display:flex}.cd-dots{gap:3px;display:inline-flex}.cd-dots i{background:#f4593b99;width:5px;height:5px;animation:1.4s ease-in-out infinite cd-dot}.cd-dots i:nth-child(2){animation-delay:.16s}.cd-dots i:nth-child(3){animation-delay:.32s}@keyframes cd-dot{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.cd-chat__form{border-top:1px solid #ffffff0d;padding:16px}.cd-chat__input{min-height:90px;font:14px/1.45 var(--font-ui);color:var(--panel-text);background:#1a1a1a;border:1px solid #ffffff0d;padding:16px 16px 56px;position:relative}.cd-chat__form[data-cd-typing] .cd-chat__input{background:linear-gradient(#1a1a1a,#1a1a1a) padding-box,linear-gradient(120deg,var(--wf-accent) 0%,var(--wf-accent-soft) 25%,transparent 50%) border-box;border-color:#0000;box-shadow:0 0 0 1px #333}.cd-chat__placeholder,.cd-chat__steer{color:var(--panel-text-secondary)}.cd-chat__steer,.cd[data-cd-busy] .cd-chat__placeholder,.cd-chat__form[data-cd-typing] :is(.cd-chat__placeholder,.cd-chat__steer){display:none}.cd[data-cd-busy] .cd-chat__form:not([data-cd-typing]) .cd-chat__steer{display:inline}.cd-chat__form[data-cd-typing] .cd-chat__typed:after{content:"";vertical-align:-.18em;background:var(--wf-accent);width:1px;height:1.1em;margin-left:1px;animation:1s steps(2,jump-none) infinite cd-blink;display:inline-block}.cd-chat__tools{justify-content:space-between;align-items:center;display:flex;position:absolute;inset:auto 10px 10px}.cd-chat__tools>svg{width:16px;height:16px;color:var(--panel-text-secondary);margin-left:8px}.cd-send{background:var(--panel-text);width:32px;height:32px;color:var(--panel-bg);place-items:center;display:grid}.cd-send__arrow{width:16px;height:16px}.cd-send__stop{background:var(--panel-bg);width:12px;height:12px;display:none}.cd[data-cd-busy] .cd-chat__form:not([data-cd-typing]) .cd-send__arrow{display:none}.cd[data-cd-busy] .cd-chat__form:not([data-cd-typing]) .cd-send__stop{display:block}.cd-dialog{border:1px solid var(--line-2);background:var(--paper);width:min(760px,92vw);max-height:90svh;color:var(--ink-0);margin:auto;padding:0;overflow:auto}.cd-dialog::backdrop{background:#000000a6}.cd-dialog__bar{font:12px/1.4 var(--font-mono);justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;display:flex}.cd-dialog__bar button{border:1px solid var(--line-2);background:var(--card);color:var(--ink-0);cursor:pointer;padding:10px}.cd-dialog__content{place-items:center;max-height:72svh;padding:0 20px;display:grid;overflow:auto}.cd-dialog__content>.pl{box-shadow:0 0 0 1px var(--line-2);border-radius:38px;flex:none}.cd-dialog__content>.cd-photo__stage{aspect-ratio:3/2;width:min(100%,720px);box-shadow:0 0 0 1px var(--line-2)}.cd-dialog__content>.cd-logo__stage{width:min(100%,480px);box-shadow:0 0 0 1px var(--line-2)}.cd-dialog__note{color:var(--ink-2);margin:0;padding:16px 20px;font-size:12px}.cd-stage{display:contents}@media (max-width:1200px){.cd-scenes{display:none}.cd-transport{padding-left:5px}}@media (max-width:1000px){.cd-viewport{height:auto;padding:16px var(--cd-gutter) 28px;cursor:default;background-position:0 0;background-size:24px 24px;flex-direction:column;gap:12px;display:flex;overflow:visible;container-type:normal;transition:none!important}.cd-chrome,.cd-zoom,.cd .wf-port-label,.cd-launcher,.cd-chat__close,.cd-chat:after{display:none!important}.cd-chat,.cd:is([data-cd-panel=closed],:not([data-cd-ready])) .cd-chat{width:100%;height:460px;box-shadow:none;display:flex;position:relative;bottom:auto;left:auto}.cd-stage{flex-direction:column;gap:20px;min-width:0;display:flex}.cd:is(:not([data-cd-ready]),[data-cd-static]) .cd-chat{order:-1}.cd-node,.cd-preview{cursor:default}.cd[data-cd-ready]:not([data-cd-done]) .cd-chat{height:clamp(300px,40svh,400px)}.cd[data-cd-ready]:not([data-cd-done]) .cd-stage{border:1px solid var(--wf-node-border);background-color:var(--wf-canvas);background-image:linear-gradient(var(--wf-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--wf-grid-line) 1px,transparent 1px);background-size:calc(24px * var(--cd-zoom,.5)) calc(24px * var(--cd-zoom,.5));background-position:var(--cd-pan-x,0px) var(--cd-pan-y,0px);height:clamp(340px,50svh,560px);display:block;position:relative;overflow:hidden}.cd[data-cd-ready][data-cd-camera=auto]:not([data-cd-done]) .cd-stage{transition:background-size 1.1s var(--cd-ease),background-position 1.1s var(--cd-ease)}.cd[data-cd-ready]:not([data-cd-done]) .cd-transport{border-width:1px 0 0;justify-content:space-between;padding:5px 5px 5px 12px;bottom:0;left:0;right:0;transform:none}.cd[data-cd-ready]:not([data-cd-done]) .cd-scenes{display:flex}.cd[data-cd-ready]:not([data-cd-done]) .cd-scenes li{display:none}.cd[data-cd-scene="1"] [data-cd-scene-step="1"],.cd[data-cd-scene="2"] [data-cd-scene-step="2"],.cd[data-cd-scene="3"] [data-cd-scene-step="3"],.cd[data-cd-scene="4"] [data-cd-scene-step="4"]{display:flex!important}.cd:is(:not([data-cd-ready]),[data-cd-done]) :is(.cd-wires,.cd-port){display:none}.cd:is(:not([data-cd-ready]),[data-cd-done]) .cd-transport{order:-1;align-self:flex-start;position:static;transform:none}.cd:is(:not([data-cd-ready]),[data-cd-done]) .cd-board{grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 16px;width:auto;height:auto;transition:none;animation:.6s ease-out cd-fade;display:grid;position:static;transform:none}.cd:is(:not([data-cd-ready]),[data-cd-done]) .cd-node{grid-column:1/-1;position:relative;transform:none;width:auto!important;top:auto!important;left:auto!important}.cd:is(:not([data-cd-ready]),[data-cd-done]) .cd-node:not([data-cd-essential]){display:none}.cd:is(:not([data-cd-ready]),[data-cd-done]) .cd-node--screen{grid-column:span 2}.cd:is(:not([data-cd-ready]),[data-cd-done]) .cd-phone{aspect-ratio:390/620;height:auto}.cd:is(:not([data-cd-ready]),[data-cd-done]) .cd-image{aspect-ratio:3/2;height:auto}.cd:is(:not([data-cd-ready]),[data-cd-done]) .cd-preview{cursor:zoom-in}.cd:is(:not([data-cd-ready]),[data-cd-done]) .cd-preview__expand{opacity:1;width:24px;height:24px;bottom:5px;right:5px}}@media (min-width:601px) and (max-width:1000px){.cd:is(:not([data-cd-ready]),[data-cd-done]) .cd-node--sticky{grid-column:span 2}.cd:is(:not([data-cd-ready]),[data-cd-done]) .cd-node--code{grid-column:span 4}.cd:is(:not([data-cd-ready]),[data-cd-done]) .cd-node--shader{grid-column:1/-1}}@media (max-width:600px){.cd-heading{padding-bottom:40px;display:block}.cd-heading .btn{justify-content:space-between;width:100%;margin:28px 0 0}.cd-viewport{padding-inline:12px}.cd-chat,.cd:is([data-cd-panel=closed],:not([data-cd-ready])) .cd-chat{height:420px}.cd[data-cd-ready]:not([data-cd-done]) .cd-chat{height:clamp(264px,38svh,340px)}.cd[data-cd-ready]:not([data-cd-done]) .cd-stage{height:clamp(300px,46svh,440px)}.cd-chat__head{padding:8px 12px}.cd-chat__log{gap:12px;padding:12px}.cd-msg{gap:8px}.cd-bubble{max-width:none;font-size:13px}.cd-chat__form{padding:10px}.cd-chat__input{min-height:60px;padding:10px 12px 42px;font-size:13px}.cd-chat__tools{inset:auto 6px 6px}.cd:is(:not([data-cd-ready]),[data-cd-done]) .cd-board{gap:24px 8px}.cd:is(:not([data-cd-ready]),[data-cd-done]) :is(.cd-node--screen .cd-viewport-chip,.cd-node--design .cd-desc,.cd-seg__edit){display:none}.cd:is(:not([data-cd-ready]),[data-cd-done]) .cd-node--screen .wf-tab-title{gap:5px;padding-inline:7px}.cd:is(:not([data-cd-ready]),[data-cd-done]) .cd-node--screen .cd-node__name{letter-spacing:.08em;font-size:9px;overflow:visible}.cd:is(:not([data-cd-ready]),[data-cd-done]) .cd-node--screen .cd-output-tag{gap:4px;font-size:8px}.cd:is(:not([data-cd-ready]),[data-cd-done]) .cd-node--screen .wf-tab-action{padding-left:8px}.cd:is(:not([data-cd-ready]),[data-cd-done]) .cd-swatches{gap:8px}.cd:is(:not([data-cd-ready]),[data-cd-done]) .cd-design{padding:12px}.cd-dialog__content{padding:0 10px}.cd-dialog__bar{padding:12px;font-size:10px}.cd-dialog__note{padding:12px;font-size:11px}}@media (prefers-reduced-motion:reduce){.cd *,.cd :before,.cd :after{transition:none!important;animation:none!important}}.cd-explore{padding:20px var(--cd-gutter);border-top:1px solid var(--wf-node-border);background:var(--wf-canvas);flex-wrap:wrap;align-items:center;gap:8px;display:none}.cd[data-cd-ready][data-cd-done] .cd-explore{display:flex}.cd-explore button{border:1px solid var(--wf-node-border);font:12px/1.4 var(--font-mono);cursor:pointer;background:0 0;padding:10px 16px}.cd-explore button:hover,.cd-explore button:focus-visible{background:var(--wf-node-bg);border-color:var(--wf-ink);color:var(--wf-ink)}.cd-explore button[aria-pressed=true]{background:var(--wf-ink);border-color:var(--wf-ink);color:var(--wf-canvas)}@media (max-width:1000px){.cd[data-cd-ready][data-cd-done] .cd-explore{display:none}}
.dir{--u:min(1vw, 20px);--dir-bg:var(--cobalt);--dir-ink:#f2efe7;--dir-ink-soft:#f2efe7eb;--dir-accent:#b9c8fb;--dir-rule:#f2efe757;--dir-serif:var(--font-statement);--btn-fill:var(--dir-ink);--btn-text:#15171c;background:var(--dir-bg);color:var(--dir-ink);overflow:clip}.dir ::selection{background:var(--dir-ink);color:var(--dir-bg)}.dir :focus-visible{outline-color:var(--dir-ink)}.dir__inner{max-width:2000px;padding:var(--section-pt) var(--gutter) var(--section-pb);margin-inline:auto;position:relative}.dir__inner>:not(.dir-orb){z-index:1;position:relative}.dir-mono{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:12px;line-height:1.4}.dir-top{justify-content:space-between;align-items:center;gap:24px;display:flex}.dir .counter{color:var(--dir-ink)}.dir-title{margin:var(--statement-air) 0 0;font-family:var(--dir-serif);font-style:normal;font-weight:400;font-size:var(--t-statement);letter-spacing:-.025em;color:var(--dir-ink);text-wrap:balance;line-height:1.02}.dir-title>span{display:block}.dir-title em{font-family:var(--font-display);color:var(--dir-accent);font-style:italic}.dir-steps{margin:calc(var(--u) * 9.4) 0 0;gap:calc(var(--u) * 3.55);min-height:calc(var(--u) * 17.5);grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.dir-step{border-top:1px solid var(--dir-rule);padding-top:calc(var(--u) * 2.1)}.dir-step h3{margin:calc(var(--u) * 2.4) 0 0;color:var(--dir-ink)}.dir-step p{margin:var(--s-3) 0 0;max-width:34ch;color:var(--dir-ink-soft);font-size:var(--t-small);line-height:1.65}.dir-step p i{font-family:var(--font-display);font-size:1.12em;font-style:italic}.js .dir-step.rv{transform:translate(-32px)}.js .dir-step.rv.in{transition-delay:0s;transform:none}.js .dir-step.rv.in:nth-child(2){transition-delay:.15s}.js .dir-step.rv.in:nth-child(3){transition-delay:.3s}.dir-foot{margin-top:calc(var(--u) * 4.4);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.dir-orb{--cell:calc(var(--u) * 1.72);left:calc(var(--u) * 62);top:calc(var(--section-pt) + var(--u) * 7.7);width:calc(var(--u) * 42.8);aspect-ratio:1;background:radial-gradient(circle at 36% 27%,#cbd7fc 0%,#9db3f9 14%,#6385f4 34%,#3a60ee 54%,#2442d4 72%,#1729a6 90%,#121f93 100%);border-radius:50%;position:absolute;overflow:hidden}.dir-orb__grid{inset:calc(var(--cell) * -1);background-image:linear-gradient(90deg,#2443e6 0 1.5px,#0000 1.5px),linear-gradient(#2443e6 0 1.5px,#0000 1.5px);background-size:var(--cell) var(--cell);animation:9s linear infinite dir-grid-drift;position:absolute}@keyframes dir-grid-drift{to{transform:translate(var(--cell), var(--cell))}}@media (prefers-reduced-motion:reduce){.dir-orb__grid{animation:none}.js .dir-step.rv{transform:none}}@media (max-width:860px){.dir-orb__grid{animation:none}.js .dir-step.rv{transform:none}}@media (max-width:900px){.dir__inner{padding-bottom:0}.dir-steps{grid-template-columns:1fr;gap:36px;min-height:0;margin-top:48px}.dir-step{padding-top:18px}.dir-step h3{margin-top:20px}.dir-foot{flex-direction:column;align-items:flex-start;margin-top:48px;padding-bottom:min(68vw,480px)}.dir-orb{--cell:22px;width:min(92vw,640px);inset:auto -14vw max(-30vw,-220px) auto}}
.mdl{--mdl-surface:#141413;--mdl-on-surface:#f1f1ef;--ink-0:var(--mdl-on-surface);--ink-1:#f1f1efd1;--ink-2:#f1f1ef9e;--line-2:#f1f1ef4d;background:var(--mdl-surface);color:var(--mdl-on-surface)}.mdl :is(h2,.counter){color:var(--mdl-on-surface)}.mdl h2 .accent{color:var(--accent)}.mdl .tlink:focus-visible{outline:2px solid var(--mdl-on-surface);outline-offset:4px}.mdl-board{--wf-canvas:#f1f1ef;--wf-grid-line:#14141309;--wf-ink:#141413;--wf-paper:#fbfbfa;--wf-ink-secondary:#1414139e;--wf-ink-muted:#1414136b;--wf-ink-faint:#14141314;--wf-node-bg:#fbfbfa;--wf-node-inset:#f2f2f0;--wf-node-border:#14141338;--wf-node-border-hover:#14141361;--wf-tab-bg:#141413;--wf-tab-text:#f1f1ef;--wf-tab-text-secondary:#f1f1efa8;--wf-tab-text-muted:#f1f1ef73;--wf-tab-text-faint:#f1f1ef29;--wf-tab-accent-text:#f4593b;--wf-accent:#f4593b;--wf-accent-text:#c03a20;--wf-accent-soft:#f4593b24;--wf-step:12px;--wf-tab-h:26px;--wf-action-h:38px;--cd-ease:cubic-bezier(.16,1,.3,1);--mdl-pad:clamp(16px,2.2vw,32px);padding:var(--mdl-pad);min-width:0;color:var(--wf-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;text-align:left;background-color:var(--wf-canvas);background-image:linear-gradient(var(--wf-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--wf-grid-line) 1px,transparent 1px);background-size:24px 24px;margin-top:clamp(32px,4vw,64px)}:where(.mdl-board) button{font:inherit;color:inherit;border-radius:0}.mdl-glyph{flex:none}.mdl-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;margin-bottom:clamp(16px,2vw,24px);display:flex}.mdl-bar__lead{flex-wrap:wrap;align-items:baseline;gap:6px 18px;display:flex}.mdl-count{color:var(--wf-ink-secondary)}.mdl-docs{color:var(--wf-ink);-webkit-text-decoration-color:var(--wf-ink-muted);text-decoration-color:var(--wf-ink-muted)}.mdl-filters{flex-wrap:wrap;gap:6px;display:flex}.mdl:not([data-mdl-ready]) .mdl-filters{display:none}.mdl .wf-pill[aria-pressed=true]{color:var(--wf-paper);background:var(--wf-ink);border-color:var(--wf-ink)}.mdl button.wf-pill:focus-visible{outline:1px solid var(--wf-ink);outline-offset:2px}.mdl-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:clamp(16px,1.6vw,24px);display:grid}.mdl-shelf{min-width:0;margin:0}.mdl[data-mdl-filtered] .mdl-row[data-dim]{display:none}.mdl-empty{font:14px/1.5 var(--font-ui);color:var(--wf-ink-secondary);margin:0;padding:16px;display:none}.mdl-shelf[data-mdl-empty] .mdl-empty{display:block}.mdl-shelf:hover>.wf-panel{border-color:var(--wf-node-border-hover)}.mdl-output{color:var(--wf-ink-secondary);align-items:center;gap:6px;display:inline-flex}.mdl-shelf__count{color:var(--wf-ink);padding-right:10px}.mdl-rows{position:relative}.mdl-shelf:not([data-mdl-open]) .mdl-row[data-mdl-over]{display:none}.mdl-shelf[data-mdl-open] .mdl-rows{max-height:var(--mdl-clip-h);scrollbar-width:thin;scrollbar-color:var(--wf-ink-muted) transparent;overflow-y:auto}.mdl[data-mdl-ready] .mdl-rows:not([data-mdl-end]){-webkit-mask-image:linear-gradient(#000 calc(100% - 32px),#0000);mask-image:linear-gradient(#000 calc(100% - 32px),#0000)}.mdl-rows:focus-visible{outline:1px solid var(--wf-ink);outline-offset:-1px}.mdl-expand{border:0;border-top:1px solid var(--wf-ink-faint);width:100%;min-height:40px;color:var(--wf-ink-secondary);cursor:pointer;transition:background-color .2s var(--cd-ease),color .2s var(--cd-ease);background:0 0;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.mdl-expand[hidden]{display:none}.mdl-expand:hover{background:var(--wf-ink-faint);color:var(--wf-ink)}.mdl-expand:focus-visible{outline:1px solid var(--wf-ink);outline-offset:-1px}.mdl-expand .mdl-glyph{transition:transform .2s var(--cd-ease)}.mdl-shelf[data-mdl-open] .mdl-expand .mdl-glyph{transform:rotate(180deg)}.mdl-shelf[data-mdl-empty] .mdl-expand{display:none}.mdl-says{border-bottom:1px solid var(--wf-ink-faint);font:12px/1.5 var(--font-ui);color:var(--wf-ink-secondary);margin:0;padding:10px 12px}.mdl-rows{margin:0;padding:0;list-style:none}.mdl-row{min-height:44px;transition:background-color .2s var(--cd-ease);flex-wrap:wrap;align-items:center;gap:5px 8px;padding:8px 12px;display:flex}.mdl-row+.mdl-row{border-top:1px solid var(--wf-ink-faint)}.mdl-row:hover{background:var(--wf-ink-faint)}.mdl-mark{width:14px;height:14px;color:var(--wf-ink);flex:none;place-items:center;display:grid}.mdl-mark svg{fill:currentColor;width:100%;height:100%;display:block}.mdl-mark[data-lab=google] svg{transform:scale(1.06)}.mdl-mark[data-lab=xai] svg{transform:scale(1.04)}.mdl-mark[data-lab=recraft] svg{transform:scale(.94)}.mdl-mark[data-lab=bytedance] svg{transform:scale(.96)}.mdl-mark[data-lab=bfl] svg{transform:scale(1.45)}.mdl-mark--none:before{content:"";background:var(--wf-ink-muted);width:6px;height:6px}.mdl-name{min-width:0;font:400 13px/1.4 var(--font-ui);color:var(--wf-ink);overflow-wrap:anywhere;flex:1 0 calc(100% - 22px)}.mdl-tags{flex-wrap:wrap;align-items:center;gap:4px;margin-left:22px;display:flex}.mdl-spec{color:var(--wf-ink-secondary);margin-left:22px}.mdl-spec+.mdl-tags{margin-left:auto}.mdl-tag{border:1px solid var(--wf-node-border);color:var(--wf-ink-secondary);white-space:nowrap;padding:2px 5px;transition:color .2s,background-color .2s,border-color .2s}.mdl-tag[data-on]{color:#141413;background:var(--wf-accent);border-color:var(--wf-accent)}@media (max-width:1100px){.mdl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.mdl-board{--mdl-pad:16px;padding:var(--mdl-pad)}.mdl-bar{gap:20px;margin-bottom:24px}.mdl-bar__lead{flex-direction:column;align-items:flex-start;gap:12px}.mdl-grid{margin-inline:calc(-1 * var(--mdl-pad));padding:0 var(--mdl-pad) 8px;scroll-padding-inline:var(--mdl-pad);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--wf-ink-muted) transparent;grid-template-columns:none;grid-auto-columns:86%;grid-auto-flow:column;align-items:stretch;gap:12px;overflow-x:auto}.mdl-shelf{scroll-snap-align:start}.mdl[data-mdl-filtered] .mdl-shelf[data-mdl-empty]{display:none}.mdl .mdl-shelf .mdl-rows{max-height:min(360px,48svh);overflow-y:auto}.mdl-shelf:not([data-mdl-open]) .mdl-row[data-mdl-over]:not([data-dim]){display:flex}.mdl-shelf .mdl-expand{display:none}.mdl-row{padding:8px 12px}.mdl-tags{width:100%;margin-left:22px}.mdl-spec{margin-left:22px}}@media (prefers-reduced-motion:reduce){.mdl-row,.mdl-tag,.mdl-expand,.mdl-expand .mdl-glyph{transition:none}}
.tm{--ink-2:var(--ink-1);--line-2:color-mix(in srgb,var(--ink-0) 20%,transparent);background:var(--accent-surface)}.tm-grid{grid-template-rows:auto auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2vw,28px) clamp(20px,2.4vw,40px);margin-top:clamp(32px,4.5vw,56px);display:grid}.tm-col{grid-template-rows:subgrid;grid-row:span 2;min-width:0;margin:0;display:grid}.tm-board{min-height:470px;font-family:var(--font-ui);text-align:left;position:relative;overflow:hidden}.tm-board :is(b,strong){color:inherit}.tm-col h3{letter-spacing:-.02em;margin:0;font-size:clamp(1.35rem,1.9vw,1.75rem);line-height:1.2}.tm-col h3 .micro{color:var(--ink-2);margin-bottom:10px;display:block}.tm-points{font-size:var(--t-small);color:var(--ink-2);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px;margin:20px 0 0;padding:0;line-height:1.55;list-style:none;display:grid}.tm-points li{border-top:1px solid var(--line-2);padding-top:14px}.tm-points b{color:var(--ink-0);margin-bottom:2px;font-weight:600;display:block}.tm-plan{border-block:1px solid var(--line-2);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px clamp(24px,3vw,48px);margin-top:clamp(40px,5vw,72px);padding-block:clamp(20px,2.2vw,28px);display:grid}.tm-facts{grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.tm-facts>div{border-left:1px solid var(--line-2);flex-direction:column-reverse;justify-content:flex-end;gap:6px;padding-inline:clamp(16px,2vw,28px);display:flex}.tm-facts>div:first-child{border-left:0;padding-left:0}.tm-facts dd{letter-spacing:-.03em;color:var(--ink-0);white-space:nowrap;margin:0;font-size:clamp(1.6rem,2.4vw,2.25rem);line-height:1.05}.tm-facts dd small{letter-spacing:0;color:var(--ink-2);font-size:.45em}.tm-facts dt{font-size:var(--t-small);color:var(--ink-2);text-wrap:balance;line-height:1.4}.tm-cta{flex-wrap:wrap;align-items:center;gap:14px 22px;display:flex}.tm-cta .tlink{font-size:var(--t-small);white-space:nowrap}.tm-avatar{border:2px solid var(--panel-bg);background:var(--tm-hue);width:28px;height:28px;font:500 10px/1 var(--font-ui);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.tm-avatar__live{border:2px solid var(--panel-bg);background:#22c55e;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-3px;right:-3px}.tm-presence{display:inline-flex}.tm-presence .tm-avatar+.tm-avatar{margin-left:-8px}.tm-cursor{z-index:4;pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.tm-cursor svg{filter:drop-shadow(0 1px 2px #0000004d);display:block}.tm-cursor b{background:var(--tm-hue);font:500 10px/1.4 var(--font-ui);color:#fff;white-space:nowrap;border-radius:4px;padding:2px 6px;position:absolute;top:16px;left:16px}.tm-cursor[data-tm-cursor=a]{animation:tm-drift-a 11s var(--cd-ease) infinite;top:66%;left:37%}.tm-cursor[data-tm-cursor=b]{animation:tm-drift-b 13s var(--cd-ease) infinite;top:24%;left:74%}@keyframes tm-drift-a{0%,12%{transform:translate(0)}34%,46%{transform:translate(-64px,58px)}64%,76%{transform:translate(38px,96px)}to{transform:translate(0)}}@keyframes tm-drift-b{0%,18%{transform:translate(0)}40%,52%{transform:translate(-92px,44px)}72%,84%{transform:translate(-30px,-46px)}to{transform:translate(0)}}.tm-canvas{background-image:linear-gradient(var(--wf-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--wf-grid-line) 1px,transparent 1px);background-size:24px 24px;flex-direction:column;gap:22px;padding:16px 20px 28px;display:flex}.tm-chrome,.tm-chrome__right{justify-content:space-between;align-items:center;gap:12px;display:flex}.tm-chrome .cd-crumb{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tm-nodes{flex-wrap:wrap;flex:1;place-content:center;align-items:flex-start;gap:28px 20px;display:flex}.tm-node{flex:none;width:210px}.tm-node--sticky{margin-top:34px}.tm-node--sticky>.wf-panel{--wf-sticky-hue:#e2bd2e;background:color-mix(in srgb,var(--wf-sticky-hue) var(--wf-sticky-tint),var(--wf-node-bg));border-color:color-mix(in srgb,var(--wf-sticky-hue) var(--wf-sticky-line),var(--wf-node-border))}.tm-sticky-swatch{border:1px solid var(--wf-ink-faint);background:#e2bd2e;width:12px;height:12px;margin-left:auto}.tm-sticky{font:13px/1.55 var(--font-ui);color:var(--wf-ink);padding:12px}.tm-sticky strong{font-weight:600}.tm-sticky p{margin:8px 0 0}.tm-board .wf-mention{font:.82em/1.3 var(--font-mono);letter-spacing:.02em;color:var(--wf-ink);background:var(--wf-ink-faint);border:1px solid var(--wf-ink-faint);white-space:nowrap;margin:0 .05em;padding:0 .35em;display:inline-block}.tm-output{align-items:center;gap:6px;display:inline-flex}.tm-anchor{flex:none;width:310px;padding-bottom:108px;position:relative}.tm-node--image{width:200px}.tm-mark{aspect-ratio:1;background:var(--pl-surface);justify-content:center;align-items:center;display:flex}.tm-provenance{z-index:2;background:var(--panel-bg);width:188px;font:11px/1.4 var(--font-ui);color:var(--panel-text);border:1px solid #f1f1ef24;margin:0;padding:12px;position:absolute;top:196px;left:122px;box-shadow:0 12px 28px -8px #000000b3}.tm-provenance>div{justify-content:space-between;gap:10px;padding-top:6px;display:flex}.tm-provenance dt{color:var(--panel-text-muted)}.tm-provenance dd{text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-weight:500;overflow:hidden}.tm-provenance>.tm-provenance__head{border-bottom:1px solid #f1f1ef1a;padding:0 0 8px;display:block}.tm-provenance__head dt{color:var(--panel-text);font-size:12px;font-weight:600}.tm-provenance__head dd{text-align:left;white-space:normal;color:var(--panel-text-secondary);margin-top:2px;font-weight:400}.tm-dash{background:var(--panel-bg);color:var(--panel-text);grid-template-columns:148px minmax(0,1fr);font-size:12px;line-height:1.4;display:grid}.tm-dash ul{margin:0;padding:0;list-style:none}.tm-rail{background:var(--panel-bg-subtle);border-right:1px solid #f1f1ef12;flex-direction:column;gap:14px;padding:16px 12px;display:flex}.tm-scope{background:#f1f1ef0a;border:1px solid #f1f1ef1a;align-items:center;gap:8px;padding:8px;font-weight:500;display:flex}.tm-scope svg:last-child{width:12px;height:12px;color:var(--panel-text-secondary);margin-left:auto}.tm-rail li{color:var(--panel-text-secondary);padding:7px 8px}.tm-rail li[data-active]{color:var(--panel-text);background:#f1f1ef12}.tm-main{flex-direction:column;gap:14px;min-width:0;padding:16px;display:flex}.tm-main__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.tm-main__head b{letter-spacing:-.015em;font-size:17px;font-weight:600;display:block}.tm-main__head span{color:var(--panel-text-secondary)}.tm-main__head .tm-new{background:var(--panel-accent);color:#fff;white-space:nowrap;flex:none;padding:7px 10px;font-weight:500}.tm-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.tm-project{background:#f1f1ef08;border:1px solid #f1f1ef12;flex-direction:column;min-width:0;padding:8px;display:flex}.tm-project__thumb{aspect-ratio:16/9;border:1px solid #f1f1ef14;width:100%;height:auto;margin-bottom:8px;display:block}.tm-project b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.tm-project span{color:var(--panel-text-secondary);font-size:11px}.tm-team{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:10px;margin-top:auto;display:grid}.tm-dash .tm-team>*{background:#f1f1ef08;border:1px solid #f1f1ef12;padding:12px}.tm-members{flex-direction:column;gap:7px;display:flex}.tm-members li{align-items:center;gap:8px;min-width:0;display:flex}.tm-members .tm-avatar{border:0;width:22px;height:22px;font-size:9px}.tm-members li span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tm-members em{color:var(--panel-text-secondary);margin-left:auto;font-style:normal}.tm-wallet{flex-direction:column;gap:4px;display:flex}.tm-wallet>.wf-mono-sm,.tm-wallet__note{color:var(--panel-text-secondary)}.tm-wallet b{letter-spacing:-.02em;font-size:22px;font-weight:600;line-height:1.1}.tm-wallet small{color:var(--panel-text-secondary);font-size:12px;font-weight:400}.tm-wallet__bar{background:#f1f1ef1a;height:4px;margin-top:4px;display:block}.tm-wallet__bar i{background:var(--panel-accent);height:100%;display:block}.tm-wallet__note{font-size:11px}@media (max-width:1280px){.tm-grid{grid-template-rows:none;grid-template-columns:minmax(0,1fr);gap:clamp(40px,6vw,64px)}.tm-col{grid-row:auto;grid-template-rows:none;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:clamp(24px,3vw,40px)}.tm-points{grid-template-columns:minmax(0,1fr)}}@media (max-width:1000px){.tm-plan{grid-template-columns:minmax(0,1fr)}.tm-col{flex-direction:column;align-items:stretch;gap:24px;display:flex}.tm-points{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.tm-board{min-height:0;margin-inline:calc(var(--gutter) * -1)}.tm-points{grid-template-columns:minmax(0,1fr)}.tm-facts{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}.tm-facts>div:nth-child(odd){border-left:0;padding-left:0}.tm-cta .btn{flex:100%;justify-content:center}.tm-canvas{padding-inline:16px}.tm-node--sticky{width:100%;max-width:280px;margin:0 auto 0 0}.tm-anchor{margin-right:auto}.tm-dash{grid-template-columns:minmax(0,1fr)}.tm-rail{border-bottom:1px solid #f1f1ef12;border-right:0;flex-direction:row;align-items:center;padding:12px 16px}.tm-rail ul{display:none}.tm-scope{min-width:150px}.tm-team{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce),(max-width:860px){.tm-cursor{animation:none}}
.sg{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink-0:#f1f1ef;--ink-1:#f1f1efdb;--ink-2:#f1f1efb3;--line-2:#f1f1ef3d;--ink-solid:var(--ink-0);--btn-fill:var(--claude);--btn-text:#000;--sh-sm:0 1px 2px #00000080,0 4px 12px -4px #00000080;--sh-md:0 2px 6px #00000080,0 18px 40px -16px #000000b3;background:var(--charcoal);color:var(--ink-0);background-image:radial-gradient(circle,color-mix(in srgb,var(--claude) 10%,transparent) 1px,transparent 1.5px);background-size:24px 24px}.sg .accent{color:var(--claude)}.sg :focus-visible{outline-color:var(--ink-0)}.sg-board{text-align:left;background:#0c0c0b;border:1px solid #2a2a28;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);margin-top:clamp(32px,4.5vw,56px);display:grid}.sg-board :is(b,strong){color:inherit}.sg-term{color:#d8d6cf;min-width:0;font:12.5px/1.6 var(--font-mono);background:#141413;border-right:1px solid #2a2a28;flex-direction:column;display:flex}.sg-term p{min-width:0;margin:0}.sg-term__bar{background:#1b1b19;border-bottom:1px solid #2a2a28;align-items:center;height:38px;padding-inline:14px;display:flex;position:relative}.sg-lights{gap:7px;display:inline-flex}.sg-lights i{background:#3a3a37;border-radius:50%;width:11px;height:11px}.sg-term__title{color:#8f8d86;white-space:nowrap;font-size:11.5px;position:absolute;left:50%;transform:translate(-50%)}.sg-term__body{flex-direction:column;flex:1;gap:10px;padding:18px clamp(14px,1.6vw,22px) 14px;display:flex}.sg-term__body>div{-moz-column-gap:8px;grid-template-columns:16px minmax(0,1fr);column-gap:8px;display:grid}.sg-welcome{border:1px solid var(--claude);border-radius:6px;align-items:center;margin-bottom:4px;padding:10px 12px}.sg-welcome b{color:#f1f1ef;font-weight:600}.sg-welcome p span{color:#8f8d86;display:block}.sg-spark{color:var(--claude)}.sg-user{color:#8f8d86}.sg-user p{color:#f1f1ef}.sg-dot{background:#f1f1ef;border-radius:50%;width:7px;height:7px;margin-top:.5em}.sg-dot[data-ok]{background:#5fb878}.sg-call b{color:#f1f1ef;font-weight:600}.sg-input{color:#a9a79f;overflow-wrap:anywhere}.sg-term__body>.sg-result{color:#8f8d86;margin-top:-8px}.sg-result p{overflow-wrap:anywhere}.sg-term__prompt{color:#8f8d86;border:1px solid #3a3a37;border-radius:6px;align-items:center;gap:8px;margin:0 clamp(14px,1.6vw,22px);padding:9px 12px;display:flex}.sg-caret{background:#d8d6cf;width:7px;height:15px;animation:1.1s steps(2,jump-none) infinite sg-blink}.sg-term__hint{color:#6f6d67;justify-content:space-between;gap:12px;padding:8px clamp(14px,1.6vw,22px) 14px;font-size:11px;display:flex}.sg-canvas{min-width:0;font-family:var(--font-ui);background-image:linear-gradient(var(--wf-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--wf-grid-line) 1px,transparent 1px);background-size:24px 24px;flex-direction:column;padding:14px 16px 20px;display:flex;position:relative}.sg-chrome{justify-content:space-between;align-items:center;gap:12px;min-height:34px;display:flex}.sg-chrome .cd-crumb{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sg-chrome .cd-share{margin-left:auto}.sg-stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;container-type:inline-size}.sg-world{--sg-k:tan(atan2(min(100cqw,860px),860px));width:860px;height:674px;margin:calc((var(--sg-k) - 1) * 337px) calc((var(--sg-k) - 1) * 430px);transform:scale(var(--sg-k));flex:none;position:relative}.sg-wires{z-index:0}.sg-node{z-index:1;position:absolute}.sg-out{align-items:center;gap:6px;display:inline-flex}.sg-port{z-index:3;background:var(--wf-accent);border:1px solid var(--wf-accent);width:8px;height:8px;position:absolute;top:50%;transform:translate(-50%,-50%)}.sg-port[data-side=target]{left:0}.sg-port[data-side=source]{left:100%}.sg-mark{background:var(--pl-surface);flex:1;justify-content:center;align-items:center;display:flex}.sg-prompt{font:11px/1.55 var(--font-mono);color:var(--wf-ink);-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:10px 12px;padding:0;display:-webkit-box;overflow:hidden}.sg-art{background:var(--wf-node-inset);flex:1;position:relative;overflow:hidden}.sg-art__img,.sg-art__img img{width:100%;height:100%;display:block;position:absolute;inset:0}.sg-art__img img{-o-object-fit:cover;object-fit:cover}.sg-art__img{background:#18261c}.sg-gen{font:10px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--wf-ink-muted);justify-content:center;align-items:center;gap:8px;display:none;position:absolute;inset:0}.sg-points{font-size:var(--t-small);color:var(--ink-2);grid-template-columns:repeat(3,minmax(0,1fr));gap:16px clamp(24px,3vw,48px);margin:clamp(24px,3vw,36px) 0 0;padding:0;line-height:1.55;list-style:none;display:grid}.sg-points li{border-top:1px solid var(--line-2);padding-top:14px}.sg-points b{color:var(--ink-0);margin-bottom:2px;font-weight:600;display:block}.sg-install{border-block:1px solid var(--line-2);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px clamp(24px,3vw,48px);margin-top:clamp(32px,4vw,56px);padding-block:clamp(20px,2.2vw,28px);display:grid}.sg-install__label{color:var(--ink-2);grid-column:1/-1}.sg-install__note{color:var(--ink-2);grid-column:1/-1;margin:2px 0 0}.sg-cmd{color:#d8d6cf;min-width:0;min-height:52px;transition:border-color .2s var(--ease);background:#141413;border:1px solid #2a2a28;border-radius:6px;align-items:stretch;display:flex;overflow:hidden}.js .sg-cmd{cursor:pointer}.js .sg-cmd:hover,.sg-cmd[data-copied]{border-color:var(--claude)}.sg-cmd code{min-width:0;font:13px/1.5 var(--font-mono);white-space:nowrap;scrollbar-width:none;flex:1;align-items:center;padding:0 16px;display:flex;overflow-x:auto}.sg-cmd code::-webkit-scrollbar{display:none}.sg-cmd code span{color:var(--claude);-webkit-user-select:none;user-select:none;margin-right:1ch}.sg-copy{color:#a9a79f;min-width:104px;font:11px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:color .2s var(--ease),background-color .2s var(--ease);background:#1b1b19;border:0;border-left:1px solid #2a2a28;flex:none;align-items:center;gap:8px;padding:0 16px;display:none}.js .sg-copy{display:inline-flex}.sg-cmd:hover .sg-copy,.sg-copy:focus-visible{color:#f1f1ef;background:#232321}.sg-copy:focus-visible{outline:2px solid var(--claude);outline-offset:-2px}.sg-copy__tick,.sg-cmd[data-copied] .sg-copy__sheets{display:none}.sg-cmd[data-copied] .sg-copy__tick{display:block}.sg-cmd[data-copied] .sg-copy{color:#5fb878}.sg-install__cta{flex-wrap:wrap;align-items:center;gap:14px 22px;display:flex}.sg-install__cta .tlink{font-size:var(--t-small);white-space:nowrap}@keyframes sg-land{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes sg-show{0%{opacity:0}to{opacity:1}}@keyframes sg-draw{0%{stroke-dashoffset:1px;opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes sg-working{0%{opacity:0}8%,88%{opacity:1}to{opacity:0}}@keyframes sg-blink{to{opacity:0}}@media (prefers-reduced-motion:no-preference) and (not (max-width:860px)){.js .sg-board [style*=--sg-t]{opacity:0}.js .sg-board.in [style*=--sg-t]{animation:sg-land .45s var(--ease) both;animation-delay:calc(var(--sg-t) * 1s)}.js .sg-board.in :is(.sg-art__img,.wf-status-square,.cd-crumb)[style*=--sg-t]{animation-name:sg-show}.js .sg-board.in .sg-wires path{stroke-dasharray:1;animation-name:sg-draw;animation-duration:.5s}.js .sg-board .sg-gen{display:flex}.js .sg-board.in .sg-gen[style*=--sg-t]{animation:2.9s linear both sg-working;animation-delay:calc(var(--sg-t) * 1s)}.js .sg-board :is(.sg-term__body,.sg-world,.sg-chrome){transition:opacity .45s var(--ease)}.js .sg-board[data-sg-rewind] :is(.sg-term__body,.sg-world,.sg-chrome){opacity:0}}@media (max-width:1000px){.sg-board{grid-template-columns:minmax(0,1fr)}.sg-term{border-bottom:1px solid #2a2a28;border-right:0}.sg-points,.sg-install{grid-template-columns:minmax(0,1fr)}.sg-install__cta{grid-row:4;margin-top:8px}}@media (max-width:600px){.sg-board{margin-inline:calc(var(--gutter) * -1);border-inline:0}.sg-term{font-size:11.5px}.sg-term__title{margin-left:12px;position:static;transform:none}.sg-canvas{padding-inline:12px}.sg-stage{display:block;container-type:normal}.sg-world{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;width:auto;height:auto;margin:12px 0 0;display:grid;transform:none}.sg-world .sg-node{aspect-ratio:1;position:relative;width:auto!important;height:auto!important;inset:auto!important}.sg-wires,.sg-port{display:none}.sg-world .sg-node:has(.sg-prompt){display:none}.sg-install__cta .btn{flex:100%;justify-content:center}.sg-copy{min-width:0;padding-inline:14px}.sg-copy [data-copy-label]{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}
@property --mm-w{syntax:"<percentage>";inherits:true;initial-value:50%}.mm{align-items:center;display:flex}.mm__trigger{font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;display:inline-flex}.mm__trigger:after{right:calc(20px + .12em)}.mm__chev{fill:none;stroke:currentColor;stroke-width:1.5px;width:8px;height:5px;transition:transform var(--dur) var(--ease)}.mm[data-open=true] .mm__chev{transform:rotate(180deg)}html[data-mm=open] .nav{background:var(--rose);border-bottom:1px solid var(--line-2);-webkit-backdrop-filter:none;backdrop-filter:none}.mm__panel{overscroll-behavior:contain;background:var(--rose);border-bottom:1px solid var(--line-2);max-height:calc(100vh - 64px);box-shadow:var(--sh-lg);font-family:var(--font-ui);letter-spacing:normal;text-transform:none;color:var(--ink-0);visibility:hidden;opacity:0;clip-path:inset(0 0 100%);transition:clip-path .42s var(--ease), opacity .2s var(--ease), visibility 0s linear .42s;font-size:1rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.mm[data-open=true] .mm__panel{visibility:visible;opacity:1;clip-path:inset(0 0 -40px);transition:clip-path .52s var(--ease), opacity .16s var(--ease), visibility 0s}body:before{content:"";z-index:79;background:color-mix(in srgb, var(--ink-0) 14%, transparent);pointer-events:none;opacity:0;transition:opacity var(--dur) var(--ease);position:fixed;inset:0}html[data-mm=open] body:before{opacity:1}.mm__inner{grid-template-columns:minmax(0,1.55fr) minmax(0,1.05fr) minmax(0,.62fr);gap:clamp(20px,2.4vw,40px);max-width:1480px;margin-inline:auto;padding:28px clamp(16px,3vw,32px) 24px;display:grid}.mm__label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:8px;margin:0 0 14px;font-size:.6875rem;display:flex}.mm__count{border:1px solid var(--line-2);border-radius:var(--r-full);color:var(--ink-0);letter-spacing:.06em;padding:1px 7px}.mm__panel ul{margin:0;padding:0;list-style:none}.mm[data-open=true] :is(.mm-case,.mm__flows,.mm__tools,.mm__foot){animation:mm-rise .6s var(--ease) both;animation-delay:calc(var(--i,0) * 55ms + 70ms)}.mm__flows{--i:4}.mm__tools{--i:5}.mm__foot{--i:6}@keyframes mm-rise{0%{opacity:0;transform:translateY(14px)}}.mm__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mm-case{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);height:100%;color:var(--ink-0);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease), opacity var(--dur) var(--ease), filter var(--dur) var(--ease);flex-direction:column;display:flex;overflow:hidden}.mm-case:hover,.mm-case:focus-visible{box-shadow:var(--sh-md);border-color:var(--line-2);transform:translateY(-3px)}.mm-case__num{font-family:var(--font-mono);letter-spacing:.14em;color:var(--ink-2);margin:14px 16px 0;font-size:.625rem}.mm-case__title{font-family:var(--font-statement);letter-spacing:-.015em;margin:6px 16px 0;font-size:1.375rem;line-height:1.1}.mm-case__title em{font-family:var(--font-display);transition:color var(--dur) var(--ease);font-style:italic}.mm-case:hover .mm-case__title em{color:var(--accent)}.mm-case__copy{color:var(--ink-2);margin:6px 16px 16px;font-size:.8125rem;line-height:1.5}.mm-art{border-bottom:1px solid var(--line);height:124px;transition:filter var(--dur) var(--ease);flex:none;display:block;position:relative;overflow:hidden}.mm-art>:not(.mm-case__go){transition:transform .6s var(--ease)}.mm-case:hover .mm-art>:not(.mm-case__go){transform:scale(1.04)}.mm-case__go{z-index:3;border-radius:var(--r-full);background:var(--card);width:28px;height:28px;box-shadow:var(--sh-sm);color:var(--ink-0);opacity:0;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);place-items:center;display:grid;position:absolute;top:12px;right:12px;transform:translate(-6px,6px)scale(.8)}.mm-case__go .gv-arrow--solid{width:16px;height:16px;rotate:-45deg}.mm-case:is(:hover,:focus-visible) .mm-case__go{opacity:1;transform:none}.mm-art--screens{background:var(--sky)}.mms-win{background:var(--card);box-shadow:var(--sh-md);border-radius:10px 10px 0 0;position:absolute;inset:18px 13% -14px}.mms-bar{border-bottom:1px solid var(--line);gap:4px;padding:7px 9px;display:flex}.mms-bar i{background:var(--line-2);border-radius:50%;width:5px;height:5px}.mms-win>:not(.mms-bar){transform-origin:0;position:absolute}.mms-h{background:var(--ink-0);border-radius:2px;width:58%;height:9px;top:30px;left:14px}.mms-t{background:var(--line-2);border-radius:2px;width:72%;height:4px;top:46px;left:14px}.mms-t--s{width:46%;top:55px}.mms-hero{background:var(--signal);border-radius:5px;width:18%;height:31px;top:28px;right:14px}.mms-cards{gap:6px;display:flex;top:70px;left:14px;right:14px}.mms-cards i{background:var(--wash-2);transform-origin:50% 100%;border-radius:5px;flex:1;height:28px}.mms-sel{outline:1.5px dashed var(--cobalt);outline-offset:0;opacity:0;border-radius:3px;width:calc(58% + 10px);height:19px;top:25px;left:9px}.mms-cur{opacity:0;background:var(--ink-0);clip-path:polygon(0 0,100% 68%,56% 70%,74% 100%,58% 100%,42% 74%,0 100%);width:11px;height:15px;top:0;left:0}:is(.mm[data-open=true],.mm-live) .mms-win>:is(.mms-h,.mms-t,.mms-hero){animation:mms-build 6.4s var(--ease) infinite both}:is(.mm[data-open=true],.mm-live) .mms-t{animation-delay:.12s}:is(.mm[data-open=true],.mm-live) .mms-t--s{animation-delay:.2s}:is(.mm[data-open=true],.mm-live) .mms-hero{animation-delay:.28s}:is(.mm[data-open=true],.mm-live) .mms-cards i{animation:mms-card 6.4s var(--ease) infinite both}:is(.mm[data-open=true],.mm-live) .mms-cards i:nth-child(2){animation-delay:80ms}:is(.mm[data-open=true],.mm-live) .mms-cards i:nth-child(3){animation-delay:.16s}:is(.mm[data-open=true],.mm-live) .mms-win>.mms-h{animation-name:mms-build,mms-edit;animation-duration:6.4s;animation-iteration-count:infinite}:is(.mm[data-open=true],.mm-live) .mms-sel{animation:mms-sel 6.4s var(--ease) infinite}:is(.mm[data-open=true],.mm-live) .mms-cur{animation:mms-cur 6.4s var(--ease) infinite}@keyframes mms-build{0%{opacity:0;transform:scaleX(0)}10%,90%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes mms-card{0%,6%{opacity:0;transform:scaleY(0)}16%,90%{opacity:1;transform:none}to{opacity:0}}@keyframes mms-edit{0%,52%{background:var(--ink-0);width:58%}60%,to{background:var(--cobalt);width:40%}}@keyframes mms-sel{0%,38%{opacity:0;transform:scale(.94)}44%,74%{opacity:1;transform:none}82%,to{opacity:0}}@keyframes mms-cur{0%,20%{opacity:0;transform:translate(230px,120px)}26%{opacity:1}40%{transform:translate(120px,34px)}44%{transform:translate(120px,34px)scale(.8)}48%,64%{opacity:1;transform:translate(120px,34px)}80%{opacity:0;transform:translate(200px,90px)}to{opacity:0;transform:translate(200px,90px)}}.mm-art--brand-icons{background:var(--peach);color:var(--signal-ink);place-items:center;display:grid}.mmi-grid{width:104px;height:104px}.mmi-grid path{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}:is(.mm[data-open=true],.mm-live) .mm-art--brand-icons{animation:16.2s step-end infinite mmi-way}:is(.mm[data-open=true],.mm-live) .mmi-grid path{animation:5.4s cubic-bezier(.65,0,.35,1) infinite both mmi-draw;animation-delay:calc(var(--d) * 90ms)}@keyframes mmi-draw{0%{stroke-dashoffset:1px}28%,78%{stroke-dashoffset:0}94%,to{stroke-dashoffset:-1px}}@keyframes mmi-way{0%{background:var(--peach);color:var(--signal-ink)}33.333%{background:var(--sky);color:var(--cobalt)}66.666%{background:var(--mint);color:var(--ink-0)}}.mm-art--shaders{background:var(--charcoal)}.mmx-field{background:conic-gradient(from 20deg, var(--cobalt), var(--signal), var(--lilac), var(--mint-s), var(--sky-s), var(--cobalt));filter:blur(18px)saturate(140%);position:absolute;inset:-60%}.mmx-bloom{background:radial-gradient(circle at 30% 40%, var(--butter), transparent 42%);mix-blend-mode:soft-light;position:absolute;inset:0}.mmx-scan{background:repeating-linear-gradient(0deg, color-mix(in srgb, var(--charcoal) 38%, transparent) 0 1px, transparent 1px 4px);position:absolute;inset:0}.mmx-knobs{background:color-mix(in srgb, var(--charcoal) 70%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px;gap:6px;padding:8px 10px;display:grid;position:absolute;bottom:12px;left:12px}.mmx-knobs i{font:normal .5625rem/1 var(--font-mono);letter-spacing:.04em;color:var(--card);grid-template-columns:44px 58px;align-items:center;gap:8px;display:grid;position:relative}.mmx-knobs i:before{content:attr(data-k);opacity:.8}.mmx-knobs i:after{content:"";background:color-mix(in srgb, var(--card) 30%, transparent);border-radius:2px;grid-area:1/2;height:2px}.mmx-knobs b{z-index:1;background:var(--card);width:8px;height:8px;transform:translateX(var(--k,20px));border-radius:50%;grid-area:1/2}.mmx-knobs i:nth-child(2) b{--k:38px}.mmx-knobs i:nth-child(3) b{--k:10px}:is(.mm[data-open=true],.mm-live) .mmx-field{animation:7s linear infinite mmx-spin}:is(.mm[data-open=true],.mm-live) .mmx-bloom{animation:5.5s ease-in-out infinite alternate mmx-drift}:is(.mm[data-open=true],.mm-live) .mmx-knobs b{animation:3.6s ease-in-out infinite alternate mmx-knob}:is(.mm[data-open=true],.mm-live) .mmx-knobs i:nth-child(2) b{animation-duration:2.7s;animation-delay:-.8s}:is(.mm[data-open=true],.mm-live) .mmx-knobs i:nth-child(3) b{animation-duration:4.4s;animation-delay:-2s}@keyframes mmx-spin{to{transform:rotate(360deg)}}@keyframes mmx-drift{to{transform:translate(38%,18%)scale(1.3)}}@keyframes mmx-knob{0%{transform:translate(0)}to{transform:translate(50px)}}.mm-art--rebrand{background:var(--lilac)}.mmr-stage{position:absolute;inset:18px 13% -14px}.mmr-page{box-shadow:var(--sh-md);border-radius:10px 10px 0 0;padding:12px 14px;display:block;position:absolute;inset:0}.mmr-page>*{display:block}.mmr-nav{border-radius:2px;width:100%;height:4px;margin-bottom:12px}.mmr-h{border-radius:2px;width:52%;height:10px;margin-bottom:8px}.mmr-p{border-radius:2px;width:78%;height:4px;margin-bottom:5px}.mmr-p--s{width:50%}.mmr-b{border-radius:3px;width:60px;height:14px;margin-top:10px}.mmr-before{background:var(--card)}.mmr-before :is(.mmr-nav,.mmr-p){background:var(--line)}.mmr-before .mmr-h,.mmr-before .mmr-b{background:var(--ink-3)}.mmr-after{background:var(--cobalt);clip-path:inset(0 0 0 var(--mm-w))}.mmr-after :is(.mmr-nav,.mmr-p){background:color-mix(in srgb, var(--card) 38%, transparent)}.mmr-after .mmr-h{width:auto;height:auto;font:italic 500 1.5rem/1 var(--font-display);color:var(--butter);margin:-4px 0 4px}.mmr-after .mmr-b{background:var(--signal);border-radius:var(--r-full)}.mmr-wipe{top:-6px;bottom:0;left:var(--mm-w);background:var(--card);width:2px;box-shadow:0 0 0 1px color-mix(in srgb, var(--ink-0) 12%, transparent);margin-left:-1px;position:absolute}.mmr-wipe:after{content:"";background:var(--card);width:14px;height:14px;box-shadow:var(--sh-sm);border-radius:50%;position:absolute;top:44%;left:50%;translate:-50% -50%}:is(.mm[data-open=true],.mm-live) .mmr-stage{animation:4.8s cubic-bezier(.65,0,.35,1) infinite alternate mmr-wipe}@keyframes mmr-wipe{0%,12%{--mm-w:92%}88%,to{--mm-w:8%}}.mm[data-mm-lighting] .mm-case:not([data-lit],:hover,:focus-visible){opacity:.55;filter:saturate(.6)}.mm-case[data-lit]{border-color:var(--cobalt);box-shadow:0 0 0 1px var(--cobalt), var(--sh-md);transform:translateY(-3px)}.mm-case[data-lit] .mm-case__title em{color:var(--accent)}.mm-tools a[data-lit] .mm-glyph{background:var(--cobalt);border-color:var(--cobalt);color:var(--card)}.mm__flows{flex-direction:column;min-width:0;display:flex}.mm-flows{-moz-columns:2;columns:2;-moz-column-gap:20px;column-gap:20px}.mm-flows__group{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:14px}.mm-flows__cat{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);margin-bottom:4px;font-size:.625rem;display:block}.mm-flows a{border-radius:var(--r-sm);width:fit-content;max-width:calc(100% + 16px);color:var(--ink-1);transition:color var(--dur-fast) var(--ease), padding var(--dur) var(--ease), background var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);margin-inline:-8px;padding:4px 10px 4px 8px;font-size:.875rem;line-height:1.35;display:flex;position:relative}.mm-flows a:before{content:"";width:10px;height:10px;-webkit-mask:var(--star) center / contain no-repeat;-webkit-mask:var(--star) center / contain no-repeat;mask:var(--star) center / contain no-repeat;transition:transform var(--dur) var(--ease);background:currentColor;margin-top:-5px;position:absolute;top:50%;left:8px;transform:scale(0)rotate(-45deg)}.mm-flows a:hover,.mm-flows a:focus-visible{color:var(--rose);background:var(--ink-0);padding-left:24px}.mm-flows a:hover:before,.mm-flows a:focus-visible:before{transform:none}.mm-flows__all{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-1);transition:color var(--dur-fast) var(--ease), gap var(--dur) var(--ease);align-self:flex-start;align-items:center;gap:8px;margin:2px 0 14px;font-size:.6875rem;display:inline-flex}.mm-flows__all svg{width:12px;height:12px}.mm-flows__all:hover,.mm-flows__all:focus-visible{color:var(--cobalt);gap:12px}.mm-readout{border-top:1px dashed var(--line-2);min-height:3.2em;font-family:var(--font-mono);color:var(--ink-2);margin:auto 0 0;padding-top:12px;font-size:.6875rem;line-height:1.6}.mm-readout__k{border:1px solid var(--line-2);letter-spacing:.12em;text-transform:uppercase;border-radius:4px;margin-right:2px;padding:0 5px;font-size:.5625rem;display:inline-block}.mm:not([data-mm-reading]) :is(.mm-readout__k,[data-mm-readout-in]){display:none}.mm[data-mm-reading] .mm-readout{color:var(--ink-0)}.mm[data-mm-reading] [data-mm-readout-out]:after{content:"";vertical-align:-2px;background:var(--cobalt);width:.55em;height:1em;margin-left:3px;animation:1s step-end infinite mm-caret;display:inline-block}@keyframes mm-caret{50%{opacity:0}}.mm-tools{gap:2px;display:grid}.mm-tools a{border-radius:var(--r-sm);color:var(--ink-0);transition:background var(--dur-fast) var(--ease);align-items:center;gap:10px;margin-inline:-6px;padding:6px;display:flex}.mm-tools a:hover,.mm-tools a:focus-visible{background:var(--card);box-shadow:var(--sh-xs)}.mm-glyph{background:var(--card);border:1px solid var(--line);fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:30px;height:30px;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border-radius:8px;flex:none;padding:7px}.mm-tools a:is(:hover,:focus-visible) .mm-glyph{background:var(--ink-0);border-color:var(--ink-0);color:var(--card)}.mm-tools span{min-width:0;display:grid}.mm-tools b{font-size:.875rem;font-weight:500;line-height:1.3}.mm-tools small{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-2);font-size:.625rem}.mm__foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;max-width:1480px;margin-inline:auto;padding:14px clamp(16px,3vw,32px) 18px;display:flex}.mm__tally{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);font-size:.6875rem}.mm__foot .btn{letter-spacing:.14em;padding:10px 18px;font-size:.6875rem}@media (max-width:1240px){.mm__inner{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.mm__tools{grid-column:1/-1}.mm-tools{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px 16px}.mm-tools small,.mm-case__copy{display:none}.mm-art{height:96px}.mm-case__title{margin-bottom:14px;font-size:1.25rem}}@media (max-width:980px){.mm{display:none}}.mm-m summary{border-radius:var(--r-sm);cursor:pointer;color:var(--ink-1);justify-content:space-between;align-items:center;padding:12px 14px;font-size:.8125rem;list-style:none;display:flex}.mm-m summary::-webkit-details-marker{display:none}.mm-m summary:hover{background:var(--wash);color:var(--ink-0)}.mm-m[open] .mm__chev{transform:rotate(180deg)}.mm-m__body{border-left:1px solid var(--line-2);flex-direction:column;margin-left:14px;padding:0 0 8px 12px;display:flex}.mm-m__label{letter-spacing:.14em;color:var(--ink-2);padding:10px 14px 4px;font-size:.625rem}.nav__panel .mm-m__body a{padding:8px 14px;font-size:.75rem}.mm-m__case{align-items:center;gap:10px;display:flex}.mm-m__case i{border-radius:3px;flex:none;width:10px;height:10px}.mm-m__case--screens i{background:var(--sky-s)}.mm-m__case--brand-icons i{background:var(--signal)}.mm-m__case--shaders i{background:conic-gradient(var(--cobalt), var(--signal), var(--lilac), var(--cobalt))}.mm-m__case--rebrand i{background:var(--cobalt)}@media (max-width:980px){.nav__panel{overscroll-behavior:contain;max-height:calc(100dvh - 88px);overflow-y:auto}}@media (max-width:860px){.mm-art,.mm-art *{animation:none!important}.mmx-knobs{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.mm__panel,.mm[data-open=true] .mm__panel{clip-path:none;transition:opacity .15s linear,visibility}.mm[data-open=true] :is(.mm-case,.mm__flows,.mm__tools,.mm__foot),.mm-art,.mm-art *{animation:none!important}.mm-case:hover .mm-art>:not(.mm-case__go){transform:none}.mm[data-mm-reading] [data-mm-readout-out]:after{animation:none}}
.uc-hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.uc-hero .ed__main{gap:var(--s-5)}.uc-hero__art{border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--sh-lg);background:var(--card);overflow:hidden}.uc-hero__art .mm-art{aspect-ratio:5/3;border-bottom:0;height:auto}.uc-hero__art .mm-art>*{transform-origin:50% 0}.uc-hero__art .mms-win,.uc-hero__art .mmr-stage{zoom:1.9;inset:12% 14% -8%}.uc-hero__art .mmx-knobs{zoom:1.6;bottom:16px;left:16px}.uc-hero__art .mmi-grid{width:62%;height:auto}@media (max-width:900px){.uc-hero__grid{grid-template-columns:minmax(0,1fr)}.uc-hero__art .mms-win,.uc-hero__art .mmr-stage{zoom:1.4}.uc-hero__art .mmx-knobs{zoom:1.2}}@media (max-width:520px){.uc-hero__art .mms-win,.uc-hero__art .mmr-stage,.uc-hero__art .mmx-knobs{zoom:1}}.uc-steps{margin:var(--s-7) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,44px);padding:0;list-style:none;display:grid}.uc-step{border-top:1px solid var(--line-2);padding-top:var(--s-5)}.uc-step__num{font-family:var(--font-mono);letter-spacing:.18em;color:var(--ink-2);font-size:12px}.uc-step h3{margin:var(--s-4) 0 0;font-family:var(--font-statement);letter-spacing:-.015em;font-size:clamp(1.5rem,2.2vw,1.9rem);font-weight:400}.uc-step p{margin:var(--s-3) 0 0;max-width:38ch;font-size:var(--t-small);color:var(--ink-1);line-height:1.65}.js .uc-step.rv{transform:translate(-24px)}.js .uc-step.rv.in{transform:none}.js .uc-step.rv.in:nth-child(2){transition-delay:.12s}.js .uc-step.rv.in:nth-child(3){transition-delay:.24s}@media (max-width:860px){.uc-steps{grid-template-columns:minmax(0,1fr)}.js .uc-step.rv{transform:none}}.uc-set{margin-top:var(--s-7)}.uc-set+.uc-set{margin-top:var(--s-9)}.uc-set__head{padding-top:var(--s-5);border-top:1px solid var(--line-2);grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:8px clamp(16px,2.4vw,32px);display:grid}.uc-set__num,.uc-set__meta{color:var(--ink-2);white-space:nowrap}.uc-set__head h3{font-family:var(--font-statement);letter-spacing:-.02em;grid-column:1/-1;margin:0;font-size:clamp(2rem,3.6vw,3rem);font-weight:400;line-height:1}.uc-set__head p{max-width:62ch;font-size:var(--t-small);color:var(--ink-1);grid-column:1/3;margin:0;line-height:1.65}.uc-set__head .uc-set__num{grid-row:1}.uc-set__head .uc-set__meta{grid-area:1/3}.uc-set .wfp-gallery{margin-top:var(--s-5)}@media (max-width:720px){.uc-set__head{grid-template-columns:minmax(0,1fr)}.uc-set__head p,.uc-set__head .uc-set__meta{white-space:normal;grid-area:auto/1}}.uc-tools{margin:var(--s-7) 0 0;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;padding:0;list-style:none;display:grid}.uc-tools li{display:flex}.uc-tools a{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);color:var(--ink-0);transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);flex:1;grid-template-rows:auto 1fr;grid-template-columns:1fr auto;gap:clamp(28px,4vw,48px) 12px;padding:22px 24px 24px;display:grid}.uc-tools a:hover{border-color:var(--line-2);box-shadow:var(--sh-md);transform:translateY(-3px)}.uc-tools .mm-glyph{border-radius:12px;grid-area:1/1;width:44px;height:44px;padding:11px}.uc-tools a:hover .mm-glyph{background:var(--ink-0);border-color:var(--ink-0);color:var(--card)}.uc-tools .gv-arrow--solid{color:var(--ink-2);transition:translate var(--dur) var(--ease), color var(--dur-fast) var(--ease);grid-area:1/2;align-self:start;rotate:-45deg}.uc-tools a:hover .gv-arrow--solid{color:var(--ink-0);translate:3px -3px}.uc-tools span{grid-area:2/1/3/3;align-self:end;gap:6px;min-width:0;display:grid}.uc-tools b{font-family:var(--font-statement);letter-spacing:-.01em;font-size:1.5rem;font-weight:400;line-height:1.1}.uc-tools small{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);font-size:.6875rem}@media (max-width:560px){.uc-tools a{row-gap:20px;padding:18px 20px 20px}}.uc-plates{margin:var(--s-6) 0 0;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;padding:0;list-style:none;display:grid}.uc-plates .mm-art{height:150px}.uc-more{text-align:center}.uc-more .uc-plates{text-align:left;flex-wrap:wrap;justify-content:center;display:flex}.uc-more .uc-plates>li{flex:0 340px;min-width:260px}.uc-plates .mm-case__title{margin-top:16px;font-size:1.5rem}.uc-plates .mm-case__copy{font-size:.875rem}.wfp-hero .ed__main{gap:var(--s-5)}.wfp-hero h1{max-width:16ch}.wfp-canvas{margin-top:var(--s-7)}.wfx{--wfx-sticky-yellow:#e2bd2e;--wfx-sticky-orange:#ee8a4a;--wfx-sticky-pink:#e87aa8;--wfx-sticky-purple:#9f7ee6;--wfx-sticky-blue:#5a97ea;--wfx-sticky-green:#62b57a;--wfx-sticky-gray:#9a9a9a;--wfx-group-tint:18%;--wfx-group-line:52%;--wfx-ease:cubic-bezier(.16, 1, .3, 1);--wfx-paper:#f4f1ea;margin:0}.wfx-viewport{background-color:var(--wf-canvas);background-image:linear-gradient(var(--wf-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--wf-grid-line) 1px, transparent 1px);cursor:grab;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;background-size:12px 12px;height:clamp(560px,72vh,880px);position:relative;overflow:hidden;container-type:size}.wfx[data-wfx-ready] .wfx-viewport{background-size:calc(24px * var(--wfx-zoom)) calc(24px * var(--wfx-zoom));background-position:var(--wfx-x) var(--wfx-y)}.wfx-viewport[data-panning]{cursor:grabbing}.wfx[data-wfx-moved] .wfx-viewport{touch-action:none}.wfx-board{width:var(--wfx-w);height:var(--wfx-h);transform-origin:0 0;--wfx-fit:min(1, tan(atan2(100cqw - 80px, var(--wfx-w))), tan(atan2(100cqh - 80px, var(--wfx-h))));translate:calc((100cqw - var(--wfx-w) * var(--wfx-fit)) / 2) calc((100cqh - var(--wfx-h) * var(--wfx-fit)) / 2);scale:var(--wfx-fit);position:absolute;top:0;left:0}.wfx[data-wfx-ready] .wfx-board{translate:var(--wfx-x) var(--wfx-y);scale:var(--wfx-zoom)}.wfx[data-wfx-easing] .wfx-board{transition:translate .9s var(--wfx-ease), scale .9s var(--wfx-ease)}.wfx[data-wfx-easing] .wfx-viewport{transition:background-size .9s var(--wfx-ease), background-position .9s var(--wfx-ease)}.wfx-wires{pointer-events:none;fill:none;stroke:var(--wf-edge-idle);stroke-width:1.5px;stroke-dasharray:5 4;position:absolute;inset:0;overflow:visible}.wfx-wires marker path{fill:var(--wf-edge-idle);stroke:none}.wfx-node{isolation:isolate;text-align:left;margin:0;font-size:12px;line-height:1.5;position:absolute}.wfx-glyph,.wfx-provider{flex:none}.wfx-provider{fill:currentColor;width:12px;height:12px}.wfx-node__name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wfx-node .wf-status-square{background:var(--wf-ink-muted)}.wfx-node .wf-status-square[data-status=done]{background:var(--wf-ink)}.wfx-icon{color:var(--wf-ink-muted);display:inline-flex}.wfx-output{color:var(--wf-ink-secondary);align-items:center;gap:6px;display:inline-flex}.wfx-cost{color:var(--wf-ink-muted)}.wfx-port{z-index:3;background:var(--wf-node-bg);border:1px solid var(--wf-ink-muted);width:8px;height:8px;position:absolute;transform:translate(-50%,-50%)}.wfx-port[data-side=target]{top:70%;left:0}.wfx-port[data-side=source]{top:55%;left:100%}.wfx-port[data-connected=true]{background:var(--wf-accent);border-color:var(--wf-accent)}.wfx .wf-pill,.wfx .wf-pill-solid{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border-radius:0;align-items:center;font-size:11px;line-height:1.2;display:inline-flex}.wfx .wf-pill{border:1px solid var(--wf-node-border);color:var(--wf-ink-secondary);background:0 0;gap:6px;padding:4px 10px}.wfx .wf-pill[data-active=true]{color:var(--wf-ink);border-color:var(--wf-ink)}.wfx .wf-pill-solid{border:1px solid var(--wf-ink);background:var(--wf-ink);color:var(--wf-paper);gap:7px;padding:5px 13px}.wfx-lang,.wfx-desc,.wfx-viewport-chip{color:var(--wf-ink-muted)}.wfx-desc{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.wfx-viewport-chip{border:1px solid var(--wf-ink-faint);padding:3px 7px}.wfx-seg{border:1px solid var(--wf-ink-faint);display:inline-flex}.wfx-seg>span{font:9px/1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--wf-ink-secondary);padding:3px 7px}.wfx-seg>[data-on=true]{background:var(--wf-ink);color:var(--wf-tab-bg)}.wfx-chips{flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px 0;display:flex}.wfx-prompt{border:1px solid var(--wf-node-border);margin:8px 16px 0;padding:12px;position:relative}.wfx-prompt p{min-height:60px;font:12px/1.625 var(--font-mono);color:var(--wf-ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.wfx-prompt[data-collapsed=true] p{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.wfx-prompt[data-collapsed=true]:after{content:"";background:linear-gradient(to bottom, transparent, var(--wf-node-bg));pointer-events:none;height:32px;position:absolute;inset:auto 1px 1px}.wfx-prompt__meta{color:var(--wf-ink-muted);justify-content:space-between;gap:8px;margin:6px 16px 0;display:flex}.wfx-prompt__meta>span:last-child{color:var(--wf-ink-secondary);gap:10px;display:flex}.wfx-prompt__foot{color:var(--wf-ink-secondary);align-items:center;gap:16px;padding:14px 16px 12px;display:flex}.wfx-prompt__foot>span{align-items:center;gap:6px;display:inline-flex}.wfx-await{background:var(--wf-node-inset);height:200px;color:var(--wf-ink-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.wfx-node--code .wfx-await{height:152px}.wfx-frame{background:var(--wf-node-inset);position:relative;overflow:hidden}.wfx-frame>.wfx-await{height:100%}.wfx-frame :is(img,video){-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.wfx-frame__empty{color:var(--wf-ink-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.wfx-caption-strip{border-top:1px solid var(--wf-node-border);color:var(--wf-ink-secondary);justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.wfx-caption-strip>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.wfx-caption-strip>span+span{color:var(--wf-ink-muted);flex:none}.wfx-code{max-height:300px;position:relative;overflow:hidden}.wfx-code pre,pre.wfx-code{font:12px/1.625 var(--font-mono);color:var(--wf-ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:12px}pre.wfx-code--md{max-height:560px}.wfx-code:after,pre.wfx-code:after{content:"";background:linear-gradient(to bottom, transparent, var(--wf-node-bg));pointer-events:none;height:48px;position:absolute;inset:auto 0 0}.wfx-svg{background:var(--wfx-paper);place-items:center;min-height:180px;padding:16px;display:grid}.wfx-svg img{max-width:100%;max-height:260px;display:block}.wfx-screen{background:var(--wf-node-inset);padding:12px}.wfx-screen img{width:100%;height:auto;box-shadow:0 0 0 1px var(--wf-node-border);display:block}.wfx-design{max-height:560px;font-family:var(--font-ui);flex-direction:column;gap:20px;padding:16px;display:flex;overflow:hidden}.wfx-design__label{color:var(--wf-ink);align-items:center;gap:6px;margin-bottom:12px;display:flex}.wfx-design__label .wf-mono-sm{color:var(--wf-ink-secondary)}.wfx-swatches{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.wfx-swatches>div{flex-direction:column;gap:3px;min-width:0;display:flex}.wfx-swatch-chip{aspect-ratio:1;box-shadow:inset 0 0 0 1px var(--wf-ink-faint);border-radius:14px;margin-bottom:3px}.wfx-swatches b{font:500 10px/1.3 var(--font-ui);color:var(--wf-ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wfx-swatches code,.wfx-type code{font:9px/1.3 var(--font-mono);color:var(--wf-ink-secondary)}.wfx-type>div{justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;display:flex}.wfx-type>div+div{border-top:1px solid var(--wf-node-border)}.wfx-type>div>span{color:var(--wf-ink);text-transform:capitalize;font-size:13px}.wfx-type code{text-align:right}.wfx-design__card{box-shadow:0 0 0 1px var(--wf-node-border);flex-direction:column;gap:8px;padding:10px;display:flex}.wfx-design__card p{font:10px/1.45 var(--font-ui);color:var(--wf-ink-secondary);margin:0}.wfx-tags{flex-wrap:wrap;gap:4px;display:flex}.wfx-tag{background:var(--wf-node-inset);font:9px/1.4 var(--font-ui);text-transform:uppercase;color:var(--wf-ink-secondary);padding:2px 6px}.wfx-badge{background:var(--wf-ink-faint);color:var(--wf-ink-secondary);padding:2px 6px}.wfx-badge--req{background:var(--wf-accent-soft);color:var(--wf-accent-text)}.wfx-text{padding:12px}.wfx-text p{background:var(--wf-node-inset);min-height:60px;max-height:180px;font:12px/1.5 var(--font-mono);color:var(--wf-ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:8px;overflow:hidden}.wfx-text p[data-empty=true]{color:var(--wf-ink-muted)}.wfx-markdown{color:var(--wf-ink);overflow-wrap:anywhere;padding:12px;font-size:13px;line-height:1.55}.wfx-markdown>*+*{margin-top:.5em}.wfx-markdown :is(h1,h2,h3,h4){margin:0;font-size:1em;font-weight:600;line-height:1.35}.wfx-markdown :is(ul,ol){margin:0;padding-left:1.3em}.wfx-markdown ul{list-style:outside}.wfx-markdown ol{list-style:decimal}.wfx-markdown li::marker{color:var(--wf-ink-muted)}.wfx-markdown p{margin:0}.wfx-markdown code{font-family:var(--font-mono);font-size:.9em}.wfx-node--sticky>.wf-panel{background:color-mix(in srgb, var(--wf-sticky-hue) var(--wf-sticky-tint), var(--wf-node-bg));border-color:color-mix(in srgb, var(--wf-sticky-hue) var(--wf-sticky-line), var(--wf-node-border))}.wfx-swatch{background:var(--wf-sticky-hue);border:1px solid var(--wf-ink-faint);width:12px;height:12px}.wfx-url{color:var(--wf-ink-muted);gap:8px;padding:12px;display:grid}.wfx-url__field{border:1px solid var(--wf-node-border);font:12px/1.4 var(--font-mono);color:var(--wf-ink);padding:8px}.wfx-url__meta{color:var(--wf-ink-secondary)}.wfx-frames{gap:6px;padding:0 12px 12px;display:grid}.wfx-frames>img{aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%;box-shadow:0 0 0 1px var(--wf-node-border);display:block}.wfx-frames>div{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.wfx-frames>div img{aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;opacity:.7;width:100%;display:block}.wfx-node--action{z-index:2}.wfx-group{background:color-mix(in srgb, var(--wf-group-hue) var(--wfx-group-tint), transparent);border:1px solid color-mix(in srgb, var(--wf-group-hue) var(--wfx-group-line), var(--wf-node-border));position:absolute}.wfx-group__label{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 24px);color:var(--wf-ink-secondary);align-items:center;gap:7px;display:inline-flex;position:absolute;top:10px;left:12px;overflow:hidden}.wfx-chrome{z-index:5;position:absolute}.wfx-chrome--top-left{top:16px;left:16px}.wfx-crumb{background:var(--wf-node-bg);border:1px solid var(--wf-node-border);color:var(--wf-ink-secondary);padding:6px 10px;display:inline-flex}.wfx .wfx-chrome--top{transition:background-color .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease);text-decoration:none;top:16px;left:50%;translate:-50%}.wfx .wfx-chrome--top:hover{background:var(--wf-accent);border-color:var(--wf-accent);color:var(--wf-tab-text)}.wfx-zoom{z-index:5;background:var(--wf-node-bg);border:1px solid var(--wf-node-border);color:var(--wf-ink-secondary);flex-direction:column;display:flex;position:absolute;bottom:16px;right:16px}.wfx-zoom button{width:32px;height:32px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.wfx-zoom button+button{border-top:1px solid var(--wf-node-border)}.wfx-zoom button:hover{background:var(--wf-ink-faint);color:var(--wf-ink)}.wfx :is(a,button):focus-visible{outline:1px solid var(--wf-ink);outline-offset:2px}.wfx-explore{--wf-canvas:#000;--wf-node-bg:#0c0c0b;--wf-node-border:#f1f1ef3d;--wf-ink:#f1f1ef;padding:18px var(--gutter);border-top:1px solid var(--wf-node-border);background:var(--wf-canvas);color:var(--wf-ink);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wfx-explore button{border:1px solid var(--wf-node-border);color:inherit;font:12px/1.4 var(--font-mono);cursor:pointer;background:0 0;border-radius:0;padding:10px 16px}.wfx-explore button:hover,.wfx-explore button:focus-visible{background:var(--wf-node-bg);border-color:var(--wf-ink)}.wfx-explore button[aria-pressed=true]{background:var(--wf-ink);border-color:var(--wf-ink);color:var(--wf-canvas)}@media (max-width:720px){.wfx-viewport{height:clamp(440px,120vw,620px)}.wfx-chrome--top-left{display:none}.wfx .wfx-chrome--top{top:12px;left:12px;translate:none}.wfx-zoom{bottom:12px;right:12px}.wfx-zoom button{width:28px;height:28px}.wfx-explore{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.wfx-explore button{flex:none}}@media (prefers-reduced-motion:reduce){.wfx[data-wfx-easing] :is(.wfx-board,.wfx-viewport){transition:none}}.wfp-run{color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;gap:6px 24px;margin:14px 0 0;display:flex}.wfp-gallery{margin:var(--s-7) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;list-style:none;display:grid}.wfp-gallery[data-count="1"]{grid-template-columns:minmax(0,1fr)}.wfp-gallery[data-count="2"],.wfp-gallery[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.wfp-gallery>li[data-kind=screen]{grid-column:1/-1}.wfp-gallery[data-layout=screens]{grid-template-columns:repeat(2,minmax(0,1fr))}.wfp-gallery[data-layout=screens]>li[data-kind=screen]{grid-column:auto}.wfp-gallery figure{margin:0}.wfp-gallery__media{border-radius:var(--r-md);background:var(--card);box-shadow:0 0 0 1px var(--line);aspect-ratio:4/3;overflow:hidden}.wfp-gallery>li[data-kind=screen] .wfp-gallery__media{aspect-ratio:16/10}.wfp-gallery__media :is(img,video){-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%;height:100%;display:block}.wfp-gallery>li[data-kind=svg] .wfp-gallery__media{background:var(--card);place-items:center;padding:32px;display:grid}.wfp-gallery>li[data-kind=svg] img{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.wfp-gallery figcaption{color:var(--ink-2);margin-top:10px}.wfp-gallery[data-layout=icons]{grid-template-columns:repeat(5,minmax(0,1fr))}.wfp-gallery[data-layout=icons]>li .wfp-gallery__media{aspect-ratio:1;padding:6%}.wfp-gallery>li[data-tone=dark] .wfp-gallery__media{background:var(--charcoal)}@media (max-width:860px){.wfp-gallery[data-layout=icons]{grid-template-columns:repeat(2,minmax(0,1fr))}}.wfp-written{margin:var(--s-7) 0 0;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;padding:0;list-style:none;display:grid}.wfp-written>li,.wfp-agent__code{--ink-0:#f1f1ef;--ink-2:#f1f1efb3;--line-2:#f1f1ef29}.wfp-written>li{border-radius:var(--r-md);background:var(--charcoal);min-width:0;color:var(--ink-0);flex-direction:column;display:flex;overflow:hidden}.wfp-written__head{border-bottom:1px solid var(--line-2);color:var(--ink-2);justify-content:space-between;gap:12px;padding:12px 16px;display:flex}.wfp-written pre{max-height:280px;font:12px/1.6 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink-0);margin:0;padding:16px;position:relative;overflow:hidden}.wfp-written pre:after{content:"";background:linear-gradient(to bottom, transparent, var(--charcoal));height:64px;position:absolute;inset:auto 0 0}.wfp-stages{margin:var(--s-7) 0 0;border-bottom:1px solid var(--line);padding:0;list-style:none}.wfp-stages>li{border-top:1px solid var(--line);grid-template-columns:64px minmax(0,1fr) minmax(200px,auto);align-items:baseline;gap:8px 24px;padding:24px 0;display:grid}.wfp-stages__num{font-family:var(--font-mono);letter-spacing:.12em;color:var(--ink-2);font-size:.75rem}.wfp-stages__body{gap:8px;min-width:0;display:grid}.wfp-stages h3{font-family:var(--font-statement);letter-spacing:-.01em;margin:0;font-size:1.5rem;font-weight:400;line-height:1.15}.wfp-stages__flow{color:var(--ink-1);margin:0;font-size:.9375rem;line-height:1.5}.wfp-stages__flow>span+span:before{content:"→" / "";color:var(--ink-2);margin:0 .5em}.wfp-stages__steps{flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.wfp-stages__steps>li{border:1px solid var(--line);color:var(--ink-1);border-radius:999px;padding:4px 10px;font-size:.8125rem;line-height:1.4}.wfp-stages__meta{color:var(--ink-2);text-align:right;flex-direction:column;align-items:flex-end;gap:4px;margin:0;display:flex}@media (max-width:860px){.wfp-stages>li{grid-template-columns:40px minmax(0,1fr)}.wfp-stages__meta{text-align:left;flex-flow:wrap;grid-column:2;align-items:baseline;gap:4px 14px}}.wfp-agent__body{margin-top:var(--s-7);justify-items:start;gap:20px;display:grid}.wfp-agent__code{border-radius:var(--r-md);background:var(--charcoal);width:100%;color:var(--ink-0);font:14px/1.7 var(--font-mono);margin:0;padding:24px 28px;overflow-x:auto}@media (max-width:860px){.wfp-gallery,.wfp-gallery[data-count="2"]{grid-template-columns:minmax(0,1fr)}}.wse{--wse-bg:#121212;--wse-panel:#181817;--wse-line:#f1f1ef1a;--wse-ink:#f1f1ef;--wse-ink-2:#f1f1ef9e;--wse-accent:#f4593b;--wse-fill:#f1f1ef0f;--wse-fill-2:#f1f1ef1a;--wse-ask:#f4593b33;margin:var(--s-7) 0 0;border-radius:var(--r-md);background:var(--wse-bg);color:var(--wse-ink);box-shadow:0 0 0 1px var(--line), var(--sh-md);font-size:.8125rem;overflow:hidden}.wse__bar{border-bottom:1px solid var(--wse-line);white-space:nowrap;align-items:center;gap:16px;padding:10px 16px;display:flex}.wse__back,.wse__saved{color:var(--wse-ink-2)}.wse__title{text-overflow:ellipsis;flex:1;min-width:0;font-weight:500;overflow:hidden}.wse__seg{background:var(--wse-fill);border-radius:6px;padding:2px;display:inline-flex}.wse__seg span{color:var(--wse-ink-2);border-radius:5px;padding:3px 10px}.wse__seg span[data-on]{background:var(--wse-fill-2);color:var(--wse-ink)}.wse__body{grid-template-columns:minmax(260px,30%) 1fr;display:grid}.wse__chat{border-right:1px solid var(--wse-line);background:var(--wse-panel);flex-direction:column;gap:14px;padding:14px;display:flex}.wse__chat-head{margin:0;font-weight:500}.wse__chat-head small{color:var(--wse-ink-2);font-size:.6875rem;font-weight:400;display:block}.wse__thread{flex-direction:column;gap:12px;margin:0;padding:0;line-height:1.55;list-style:none;display:flex}.wse__ask{background:var(--wse-ask);border-radius:10px;align-self:flex-end;max-width:92%;padding:10px 12px}.wse__tool{border:1px solid var(--wse-line);color:var(--wse-ink-2);border-radius:8px;gap:10px;padding:8px 10px;font-size:.75rem;display:flex}.wse__tick{border-left:2px solid var(--wse-accent);border-bottom:2px solid var(--wse-accent);flex:none;width:10px;height:6px;margin-top:5px;transform:rotate(-45deg)}.wse__composer{border:1px solid var(--wse-line);min-height:76px;color:var(--wse-ink-2);border-radius:10px;justify-content:space-between;align-items:flex-end;gap:12px;margin:auto 0 0;padding:10px 12px;display:flex}.wse__composer small{font-size:.6875rem}.wse__preview{flex-direction:column;min-width:0;display:flex}.wse__url{border-bottom:1px solid var(--wse-line);align-items:center;gap:12px;padding:8px 12px;display:flex}.wse__path{background:var(--wse-fill);color:var(--wse-ink-2);font-family:var(--font-mono);border-radius:6px;flex:1;padding:3px 10px;font-size:.6875rem}.wse__toggle{background:var(--wse-fill-2);border-radius:999px;padding:2px;display:inline-flex}.wse__toggle button{cursor:pointer;font:500 .6875rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--wse-ink-2);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:0;border-radius:999px;padding:5px 12px}.wse__toggle button[aria-pressed=true]{background:var(--wse-ink);color:var(--wse-bg)}.wse__toggle button:focus-visible{outline:2px solid var(--wse-accent);outline-offset:2px}.wse__screens{display:grid}.wse__screens img{width:100%;height:auto;transition:opacity var(--dur) var(--ease);grid-area:1/1;display:block}.wse__screens[data-shown=after] img:first-child,.wse__screens[data-shown=before] img:last-child{opacity:0}@media (max-width:860px){.wse__body{grid-template-columns:1fr}.wse__chat{border-right:0;border-top:1px solid var(--wse-line);order:2}.wse__composer{min-height:0}.wse__back,.wse__seg,.wse__saved{display:none}}@media (prefers-reduced-motion:reduce){.wse__screens img{transition:none}}