.wb-app{--wb-ease:cubic-bezier(.16, 1, .3, 1);--wb-ink:#09090b;--wb-muted:#71717a;--wb-line:#e4e4e7;--wb-signal:#c8ff00;grid-template-columns:228px minmax(0,1fr);align-items:start;gap:clamp(28px,4vw,52px);padding:32px 0 72px;display:grid}.wb-solo{padding:40px 0 72px}.wb-main{min-width:0}.wb-side{scrollbar-width:none;max-height:calc(100vh - 110px);animation:wb-side-in .6s var(--wb-ease) both;flex-direction:column;gap:18px;display:flex;position:sticky;top:92px;overflow-y:auto}.wb-side-label{font:500 11px/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--wb-muted);margin:0;padding:0 12px}.wb-nav{gap:2px;display:grid;position:relative}.wb-nav a{z-index:1;color:#52525b;border-radius:10px;align-items:center;gap:12px;min-height:42px;padding:0 12px;font-size:14.5px;transition:color .2s,background .2s;display:flex;position:relative}.wb-nav a svg{color:#a1a1aa;flex-shrink:0;transition:color .2s}.wb-nav a:hover{color:var(--wb-ink)}.wb-nav a:hover:not([aria-current]){background:#09090b09}.wb-nav a[aria-current=page]{color:var(--wb-ink);font-weight:600}.wb-nav a[aria-current=page] svg{color:var(--wb-ink)}.wb-nav-out{margin-top:6px}.wb-nav-pill{z-index:0;border:1px solid var(--wb-line);opacity:0;transition:transform .5s var(--wb-ease), width .5s var(--wb-ease), height .5s var(--wb-ease), opacity .2s ease;pointer-events:none;background:#fff;border-radius:10px;position:absolute;top:0;left:0;box-shadow:0 1px 2px #0b0f1a0d,0 8px 20px -12px #0b0f1a40}.wb-nav-pill:before{content:"";background:var(--wb-signal);border-radius:0 3px 3px 0;width:3px;height:18px;position:absolute;top:50%;left:-1px;transform:translateY(-50%);box-shadow:0 0 10px #c8ff00cc}.wb-credits{color:#f4f4f5;background:radial-gradient(90% 80% at 100% 0,#c8ff0029,#0000 60%),#09090b;border-radius:14px;gap:6px;padding:18px;display:grid;box-shadow:0 18px 40px -24px #09090bb3}.wb-credits-top{color:#a1a1aa;align-items:center;gap:8px;font-size:12.5px;display:flex}.wb-credits-top svg{color:var(--wb-signal)}.wb-credits strong{font:700 34px/1.1 var(--font-sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.wb-credits strong small{letter-spacing:0;color:#a1a1aa;font-size:13px;font-weight:500}.wb-credits-meta{font:500 11.5px/1.4 var(--font-mono);color:#a1a1aa}.wb-credits-cta{background:var(--wb-signal);transition:transform .25s var(--wb-ease);border-radius:999px;justify-self:start;margin-top:6px;padding:7px 12px;font-size:13px;font-weight:600;color:#09090b!important;text-decoration:none!important}.wb-credits-cta:hover{transform:translateY(-1px)}.wb-side-foot{gap:8px;padding:0 12px;display:grid}.wb-side-who{color:var(--wb-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.wb-signout{min-height:36px;font:inherit;color:#52525b;cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:8px;padding:0;font-size:13.5px;display:inline-flex}.wb-signout:hover{color:var(--wb-ink)}.wb-page-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.wb-page-head h1{letter-spacing:-.02em;margin:0;font-size:clamp(26px,3vw,34px);line-height:1.25}.wb-page-head p{max-width:44em;color:var(--wb-muted);margin:8px 0 0;font-size:15px;line-height:1.7}.wb-page-actions{flex-shrink:0;gap:10px;display:flex}.wb-banner{background:#c8ff001f;border:1px solid #94b60059;border-radius:12px;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:24px;padding:14px 18px;font-size:14px;display:flex}.wb-banner span{color:#3f3f46}.wb-banner a{text-underline-offset:4px;margin-left:auto;font-weight:600;text-decoration:underline}@media (prefers-reduced-motion:no-preference){.wb-view>:is(.wb-page-head,.workbench-panel,section,div){animation:wb-rise .55s var(--wb-ease) both}.wb-view>:nth-child(2){animation-delay:50ms}.wb-view>:nth-child(3){animation-delay:.1s}.wb-view>:nth-child(n+4){animation-delay:.15s}}.wb-skeleton{gap:16px;display:grid}.wb-skeleton span{background:linear-gradient(90deg,#f1f1f2 0%,#fafafa 50%,#f1f1f2 100%) 0 0/200% 100%;border-radius:16px;height:120px;animation:1.4s ease-in-out infinite wb-shimmer;display:block}.wb-skeleton span:first-child{width:40%;height:44px}@keyframes wb-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes wb-side-in{0%{opacity:0;transform:translate(-10px)}}@keyframes wb-shimmer{to{background-position:-200% 0}}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}::view-transition{pointer-events:none}::view-transition-old(.wb-forward){animation:.14s ease-in both wb-vt-out}::view-transition-old(.wb-back){animation:.14s ease-in both wb-vt-out}::view-transition-old(.wb-fade){animation:.14s ease-in both wb-vt-out}::view-transition-new(.wb-forward){--wb-from:28px;animation:.22s ease-out 90ms both wb-vt-fade,.48s cubic-bezier(.16,1,.3,1) both wb-vt-move}::view-transition-new(.wb-back){--wb-from:-28px;animation:.22s ease-out 90ms both wb-vt-fade,.48s cubic-bezier(.16,1,.3,1) both wb-vt-move}::view-transition-new(.wb-fade){--wb-from:10px;animation:.22s ease-out 90ms both wb-vt-fade,.42s cubic-bezier(.16,1,.3,1) both wb-vt-move}@keyframes wb-vt-out{to{opacity:0;filter:blur(2px)}}@keyframes wb-vt-fade{0%{opacity:0;filter:blur(3px)}}@keyframes wb-vt-move{0%{translate:0 var(--wb-from)}}@media (prefers-reduced-motion:reduce){::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}.wb-side,.wb-skeleton span{animation:none}.wb-nav-pill{transition:opacity .2s}}@media (max-width:900px){.wb-app{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:16px}.wb-side{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"credits foot""nav nav";gap:12px;max-height:none;animation:none;display:grid;position:static;overflow:visible}.wb-side-label{display:none}.wb-credits{grid-area:credits;grid-template-columns:auto auto 1fr;align-items:center;gap:4px 12px;padding:12px 14px}.wb-credits-top{display:none}.wb-credits strong{font-size:24px}.wb-credits-meta{font-size:11px}.wb-credits-cta{justify-self:end;margin:0}.wb-side-foot{grid-area:foot;align-self:center;padding:0}.wb-side-who{display:none}.wb-nav{scrollbar-width:none;border-bottom:1px solid var(--wb-line);grid-area:nav;gap:4px;margin:0 -16px;padding:4px 16px;display:flex;overflow-x:auto}.wb-nav::-webkit-scrollbar{display:none}.wb-nav a{white-space:nowrap;flex-shrink:0;gap:8px;min-height:40px;font-size:14px}.wb-nav-pill:before{border-radius:3px 3px 0 0;width:18px;height:3px;top:auto;bottom:-1px;left:50%;transform:translate(-50%)}.wb-page-head{display:block}.wb-page-actions{margin-top:14px}}@media (max-width:420px){.wb-credits-meta{display:none}}.my-wb-pinned li[draggable]{cursor:grab}.my-wb-pinned li[draggable]:active{cursor:grabbing;box-shadow:0 12px 28px -14px #0b0f1a59}.my-wb-grip{color:#a1a1aa;flex-shrink:0}@media (prefers-reduced-motion:no-preference){.my-wb-editor,.my-wb-grid{animation:.45s cubic-bezier(.16,1,.3,1) both wb-rise}.my-wb-grid>li{animation:.5s cubic-bezier(.16,1,.3,1) both wb-rise;animation-delay:calc(min(var(--i,0), 10) * 35ms)}}@media (hover:none){.my-wb-grip{display:none}}.wb-skill-chosen{background:linear-gradient(90deg,#c8ff0024,#0000 60%),#fff;border:1px solid #94b6008c;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:16px 20px;display:flex;box-shadow:0 10px 28px -20px #0b0f1a59}.wb-skill-chosen>div{gap:2px;min-width:0;display:grid}.wb-skill-chosen small{font:500 11px/1.4 var(--font-mono);letter-spacing:.14em;color:#71717a}.wb-skill-chosen strong{font-size:18px}.wb-skill-chosen span{color:#71717a;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.wb-skill-chosen button{flex-shrink:0}.wb-generating{background:#fff;border:1px solid #e4e4e7;border-radius:14px;margin-bottom:24px;padding:18px 20px;position:relative;overflow:hidden}.wb-generating p{color:#52525b;margin:0;font-size:14px}.wb-generating strong{color:#09090b}.wb-generating-bar{background:linear-gradient(90deg,#0000,#c8ff00,#0000) 0 0/40% 100% no-repeat;height:3px;animation:1.3s ease-in-out infinite wb-scan;position:absolute;inset:0 0 auto}@keyframes wb-scan{0%{background-position:-40% 0}to{background-position:140% 0}}@media (prefers-reduced-motion:no-preference){.wb-reveal>*,.wb-reveal>*>*{animation:.5s cubic-bezier(.16,1,.3,1) both wb-rise}.wb-reveal>*>:nth-child(2){animation-delay:80ms}.wb-reveal>*>:nth-child(3){animation-delay:.16s}.wb-reveal>*>:nth-child(n+4){animation-delay:.24s}}@media (prefers-reduced-motion:reduce){.wb-generating-bar{background:#c8ff00;animation:none}}::view-transition-group(.wb-morph){animation-duration:.46s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-image-pair(.wb-morph){border-radius:14px;animation-name:wb-morph-blur;overflow:clip}::view-transition-old(.wb-morph){object-fit:none;object-position:0 0;width:100%;height:100%}::view-transition-new(.wb-morph){object-fit:none;object-position:0 0;width:100%;height:100%}@keyframes wb-morph-blur{40%{filter:blur(2px)}}@media (max-width:600px){.wb-skill-chosen{flex-direction:column;align-items:flex-start}.wb-skill-chosen span{white-space:normal}}.launch-steps{position:relative}.launch-steps button{z-index:1;position:relative}.launch-step-pill{z-index:0;opacity:0;pointer-events:none;background:#fff;border:1px solid #18181b;border-radius:12px;transition:transform .5s cubic-bezier(.16,1,.3,1),width .5s cubic-bezier(.16,1,.3,1),height .5s cubic-bezier(.16,1,.3,1),opacity .2s;position:absolute;top:0;left:0;box-shadow:0 0 0 3px #c8ff008c}.launch-steps li button.is-on{box-shadow:none;background:0 0;border-color:#0000}.launch-steps button span{transition:background .3s,color .3s,border-color .3s}::view-transition-old(.wz-next){animation:.16s ease-in both wb-vt-out}::view-transition-old(.wz-prev){animation:.16s ease-in both wb-vt-out}::view-transition-new(.wz-next){--wz-from:48px;animation:.22s ease-out .1s both wb-vt-fade,.5s cubic-bezier(.16,1,.3,1) both wz-slide}::view-transition-new(.wz-prev){--wz-from:-48px;animation:.22s ease-out .1s both wb-vt-fade,.5s cubic-bezier(.16,1,.3,1) both wz-slide}@keyframes wz-slide{0%{translate:var(--wz-from) 0}}@media (prefers-reduced-motion:reduce){.launch-step-pill{transition:opacity .2s}}@media (prefers-reduced-motion:no-preference){.wb-view .workbench-table-wrap tbody tr,.wb-view .workbench-records>div{animation:.4s cubic-bezier(.16,1,.3,1) both wb-rise}}button.wb-credits-cta{cursor:pointer;border:0;font-family:inherit}.wb-dialog{color:#09090b;background:#fff;border:0;border-radius:18px;width:min(520px,100% - 32px);max-height:calc(100vh - 48px);padding:0;box-shadow:0 40px 100px -30px #09090b8c}.wb-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#09090b73}.wb-dialog-body{padding:28px;position:relative}.wb-dialog-body h2{margin:0 0 8px;font-size:22px}.wb-dialog-body>p{color:#71717a;margin:0 0 18px;font-size:14px;line-height:1.7}.wb-dialog .workbench-redeem form,.wb-dialog form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.wb-dialog label{gap:8px;font-size:14px;display:grid}.wb-dialog input{letter-spacing:.08em;border:1px solid #e4e4e7;border-radius:10px;width:100%;min-height:46px;padding:0 14px;font:500 16px/1 ui-monospace,SF Mono,Menlo,Consolas,monospace}.wb-dialog input:focus{border-color:#09090b;outline:none;box-shadow:0 0 0 3px #c8ff008c}.wb-dialog-close{color:#52525b;cursor:pointer;background:#f4f4f5;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:14px;right:14px}.wb-dialog-close:hover{color:#09090b}.wb-redeem-done{background:#c8ff002e;border-radius:10px;margin:14px 0 0;padding:12px 14px;font-size:14px}.wb-redeem-buy{margin:14px 0 0;font-size:13.5px}.wb-redeem-buy a{text-underline-offset:4px;text-decoration:underline}@media (prefers-reduced-motion:no-preference){.wb-dialog[open]{animation:.4s cubic-bezier(.16,1,.3,1) wb-dialog-in}.wb-dialog[open]::backdrop{animation:.3s wb-backdrop-in}}@keyframes wb-dialog-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}@keyframes wb-backdrop-in{0%{opacity:0}}@media (max-width:520px){.wb-dialog form{grid-template-columns:1fr}}.wb-nudge{color:#f4f4f5;background:radial-gradient(80% 120% at 100% 0,#c8ff0040,#0000 60%),#09090b;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-bottom:24px;padding:18px 22px;display:flex}.wb-nudge p{margin:0;font-size:15px}.wb-nudge .library-button{color:#09090b;background:#c8ff00}
