.ww-side{align-self:end;padding-top:24px;position:relative}.ww-side-label{color:hsl(var(--muted-foreground));letter-spacing:.12em;align-items:center;gap:.6rem;margin:0 10px 10px 14px;font-size:.52rem;display:flex}.ww-mono{font-family:var(--app-font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.5rem}.ww-side-rule{background:#1554dc38;flex:1;height:1px}.ww-side-state{color:var(--blue);align-items:center;gap:.3rem;display:inline-flex}.ww-side-state i{background:var(--orange);border-radius:50%;width:5px;height:5px}.ww-frame{background:#ffffffad;border:1px solid #1554dc59;border-radius:18px;width:100%;min-height:465px;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;position:relative;box-shadow:15px 18px #0c2c831a,0 24px 50px #0c2c8314}.ww-frame:hover{transform:translateY(-5px)rotate(-.3deg);box-shadow:18px 24px #0c2c831c,0 30px 60px #0c2c831a}.ww-browser-bar{color:#1554dca3;border-bottom:1px solid #1554dc29;align-items:center;gap:.75rem;height:38px;padding:0 12px;display:flex}.ww-browser-lights{gap:3px;display:flex}.ww-browser-lights i{background:var(--orange);border-radius:50%;width:5px;height:5px}.ww-browser-lights i:nth-child(2){background:#1554dc5c}.ww-browser-lights i:nth-child(3){background:#1554dc33}.ww-preview-button{color:var(--blue);cursor:pointer;background:0 0;border:0;align-items:center;gap:.25rem;margin-left:auto;padding:.3rem 0;font-size:.55rem;font-weight:600;display:inline-flex}.ww-preview-button:hover,.ww-preview-button.is-previewing{color:var(--orange)}.ww-product{background:#e7f2ffb8;border:1px solid #1554dc29;border-radius:10px;min-height:420px;margin:11px;display:flex;overflow:hidden}.ww-rail{background:#ffffffa6;border-right:1px solid #1554dc24;flex-direction:column;flex:0 0 43px;align-items:center;width:43px;padding:12px 0 10px;display:flex}.ww-rail-mark{background:var(--blue);color:#fff;width:22px;height:22px;font-family:var(--app-font-display);place-items:center;font-size:.75rem;font-weight:700;display:grid}.ww-rail-items{gap:10px;margin-top:36px;display:grid}.ww-rail-items button{color:#1554dc73;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:23px;height:23px;display:grid}.ww-rail-items button:hover,.ww-rail-items button.is-selected{color:var(--blue);background:#1554dc1a}.ww-rail-items button.is-selected{gap:2px;padding:6px}.ww-rail-items button.is-selected span{background:currentColor;width:100%;height:2px;display:block}.ww-rail-items button.is-selected span:nth-child(2){justify-self:start;width:70%}.ww-rail-items button.is-selected span:nth-child(3){justify-self:start;width:84%}.ww-rail-version{color:#1554dc73;white-space:nowrap;margin-top:auto;transform:rotate(-90deg)}.ww-canvas{flex:1;min-width:0;padding:13px 12px 10px}.ww-canvas-top,.ww-canvas-bottom{color:#1554dc8c;justify-content:space-between;align-items:center;display:flex}.ww-canvas-status{color:var(--blue);align-items:center;gap:.25rem;font-size:.5rem;display:inline-flex}.ww-canvas-status svg{color:var(--orange)}.ww-canvas-status b{font-weight:800}.ww-artboard{background:#f9fcff;border:1px solid #1554dc2e;min-height:331px;margin:11px 0 10px;transition:background-color .35s;position:relative;overflow:hidden}.ww-artboard.is-previewing{background:#fff7f1}.ww-artboard:before{content:"";opacity:.75;background-image:linear-gradient(#1554dc12 1px,#0000 1px),linear-gradient(90deg,#1554dc12 1px,#0000 1px);background-size:23px 23px;position:absolute;inset:0}.ww-artboard-corner{z-index:1;color:#1554dc80;font:.45rem var(--app-font-mono);letter-spacing:.1em;position:absolute}.ww-corner-tl{top:9px;left:10px}.ww-corner-br{bottom:9px;right:10px}.ww-artboard-copy{z-index:1;width:51%;position:absolute;top:25%;left:10%}.ww-artboard-copy>span{color:var(--orange);font-size:.45rem}.ww-artboard-copy strong{color:var(--blue);font:600 clamp(1.4rem, 2.4vw, 2.1rem)/.84 var(--app-font-display);letter-spacing:-.075em;margin-top:12px;display:block}.ww-artboard-copy strong em{color:var(--ink);font-style:normal}.ww-artboard-copy p{max-width:125px;color:hsl(var(--muted-foreground));margin:11px 0 13px;font-size:.52rem;line-height:1.5}.ww-artboard-copy button{border:0;border-bottom:1px solid var(--orange);color:var(--ink);cursor:pointer;background:0 0;align-items:center;gap:.3rem;padding:0 0 3px;font-size:.5rem;font-weight:600;display:inline-flex}.ww-artboard-copy button:hover{color:var(--orange)}.ww-content-change{animation:.35s cubic-bezier(.2,.8,.2,1) both ww-content-change}.ww-interface-stack{z-index:1;background:#e7f2ffd9;border:1px solid #1554dc36;width:33%;min-height:125px;padding:9px;transition:transform .35s;position:absolute;top:19%;right:7%;transform:rotate(2.5deg)}.ww-artboard.is-previewing .ww-interface-stack{transform:rotate(0)translateY(-4px)}.ww-interface-header{border-bottom:1px solid #1554dc21;gap:3px;padding-bottom:9px;display:flex}.ww-interface-header span{background:var(--blue);border-radius:50%;width:5px;height:5px}.ww-interface-header span:first-child{background:var(--orange)}.ww-interface-row{gap:3px;margin-top:11px;display:flex}.ww-interface-row i{background:#1554dc2e;flex:1;height:8px;display:block}.ww-interface-row i:first-child{background:#1554dc6b;flex:1.8}.ww-interface-row.is-short{margin-top:6px}.ww-interface-row.is-short i:last-child{background:#ff7045ad;flex:1.4}.ww-interface-footer{color:var(--blue);font:.4rem var(--app-font-mono);justify-content:space-between;align-items:center;margin-top:17px;display:flex}.ww-interface-footer svg{color:var(--orange)}.ww-mini-brief,.ww-mini-studio,.ww-mini-system,.ww-mini-launch{color:var(--blue);font-family:var(--app-font-mono);letter-spacing:.04em;margin-top:12px;font-size:.4rem}.ww-mini-brief>span,.ww-mini-studio>span,.ww-mini-system>span,.ww-mini-launch>span{color:hsl(var(--muted-foreground));font-size:.36rem}.ww-mini-brief strong{color:var(--ink);font-family:var(--app-font-display);letter-spacing:-.04em;margin-top:10px;font-size:.62rem;display:block}.ww-mini-brief i{background:#1554dc4d;width:88%;height:4px;margin-top:10px;display:block}.ww-mini-brief i:nth-of-type(2){background:#1554dc29;width:68%;margin-top:5px}.ww-mini-brief i.is-short{background:#ff7045a8;width:42%;margin-top:5px}.ww-mini-swatches{gap:4px;margin-top:12px;display:flex}.ww-mini-swatches i{background:var(--blue);border:1px solid #1554dc2e;width:15px;height:15px}.ww-mini-swatches i:nth-child(2){background:var(--orange)}.ww-mini-swatches i:nth-child(3){background:#dfeeff}.ww-mini-swatches i:nth-child(4){background:var(--ink)}.ww-mini-studio strong,.ww-mini-system strong{margin-top:10px;font-size:.36rem;font-weight:400;display:block}.ww-mini-type{gap:4px;margin-top:8px;display:flex}.ww-mini-type i{border-top:2px solid var(--blue);border-bottom:1px solid #1554dc33;width:42%;height:14px;display:block}.ww-mini-type i:last-child{border-color:var(--orange);width:25%}.ww-mini-nodes{align-items:center;gap:3px;margin-top:15px;display:flex}.ww-mini-nodes i{border:2px solid var(--blue);background:var(--paper);border-radius:50%;width:10px;height:10px}.ww-mini-nodes i:last-child{border-color:var(--orange)}.ww-mini-nodes b{background:var(--orange);width:13px;height:1px}.ww-mini-system-line{background:#1554dc2e;width:76%;height:4px;margin-top:10px}.ww-mini-launch>div{color:var(--ink);font-family:var(--app-font-display);letter-spacing:-.02em;align-items:center;gap:5px;margin-top:9px;font-size:.48rem;display:flex}.ww-mini-launch>div i{border:1px solid var(--orange);border-radius:50%;width:8px;height:8px}.ww-mini-launch>div i.is-done{background:var(--orange)}.ww-mini-launch>div b{color:hsl(var(--muted-foreground));font:.36rem var(--app-font-mono);margin-left:auto;font-weight:400}.ww-live-connection{z-index:2;color:var(--orange);font:.4rem var(--app-font-mono);letter-spacing:.06em;transform-origin:100%;align-items:center;gap:4px;display:flex;position:absolute;bottom:18%;right:30%;transform:rotate(-90deg)}.ww-live-connection i{background:var(--orange);width:22px;height:1px;display:block}.ww-canvas-bottom{gap:7px}.ww-progress{background:#1554dc21;flex:1;height:4px;overflow:hidden}.ww-progress i{background:var(--orange);width:78%;height:100%;transition:width .55s cubic-bezier(.2,.8,.2,1);display:block}.ww-module-links,.ww-modules{position:absolute;inset:38px 0 0}.ww-module-links{z-index:2;pointer-events:none}.ww-link{background:#1554dc61;display:block;position:absolute}.ww-link i{border:1px solid var(--blue);background:var(--paper);border-radius:50%;width:5px;height:5px;position:absolute}.ww-link-strategy{width:30px;height:1px;top:116px;left:-13px}.ww-link-strategy i{top:-2px;right:-2px}.ww-link-design{width:30px;height:1px;top:116px;right:-13px}.ww-link-design i{top:-2px;left:-2px}.ww-link-technology{width:30px;height:1px;bottom:104px;left:-13px}.ww-link-technology i{top:-2px;right:-2px}.ww-link-execution{width:30px;height:1px;bottom:104px;right:-13px}.ww-link-execution i{top:-2px;left:-2px}.ww-modules{z-index:3;pointer-events:none}.ww-module{width:102px;color:var(--blue);text-align:left;cursor:pointer;pointer-events:auto;background:#f7fafff2;border:1px solid #1554dc3d;border-radius:7px;padding:8px 8px 9px;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,background-color .3s,box-shadow .3s;display:block;position:absolute}.ww-module:hover{border-color:#1554dc85;transform:translateY(-3px);box-shadow:5px 6px #0c2c8314}.ww-module.is-active{border-color:var(--orange);background:#fffaf6;box-shadow:5px 6px #ff704521}.ww-module.is-strategy{top:79px;left:-43px}.ww-module.is-design{top:79px;right:-43px}.ww-module.is-technology{bottom:63px;left:-43px}.ww-module.is-execution{bottom:63px;right:-43px}.ww-module-top{justify-content:space-between;align-items:center;display:flex}.ww-module-dot{background:#1554dc4d;border-radius:50%;width:5px;height:5px}.ww-module.is-active .ww-module-dot{background:var(--orange)}.ww-module strong{font:600 .7rem var(--app-font-display);letter-spacing:-.04em;margin-top:7px;display:block}.ww-module small{color:hsl(var(--muted-foreground));font:.42rem var(--app-font-mono);letter-spacing:.01em;white-space:nowrap;margin-top:2px;display:block}.ww-side-copy{align-items:baseline;gap:.7rem;margin:16px 10px 0 14px;display:flex}.ww-side-copy .ww-mono{color:hsl(var(--muted-foreground))}.ww-side-copy p{color:var(--blue);font-family:var(--app-font-display);letter-spacing:-.04em;margin:0;font-size:.9rem;font-weight:600}@media (max-width:1200px){.ww-module.is-strategy,.ww-module.is-technology{left:-33px}.ww-module.is-design,.ww-module.is-execution{right:-33px}}@media (prefers-reduced-motion:reduce){.ww-frame,.ww-preview-button,.ww-module,.ww-interface-stack{transition:none}.ww-content-change{animation:none}}@keyframes ww-content-change{0%{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}