.workspace-panel{overscroll-behavior:contain;width:min(430px,100vw - 32px);max-width:none;max-height:calc(100dvh - 148px);color:var(--ink);font-family:var(--font-body), sans-serif;text-align:left;background:#faf8f1;border:1px solid #d9d6c9;border-radius:16px;margin:0;padding:22px;position:fixed;inset:116px 36px auto auto;overflow:auto;box-shadow:0 14px 50px #25211626}.workspace-panel::backdrop{background:#1015220f}.workspace-panel-header{justify-content:space-between;align-items:center;gap:14px;margin:-9px -9px 9px 0;display:flex}.workspace-panel-eyebrow{color:var(--muted);font-family:var(--font-mono);letter-spacing:1px;font-size:9px}.workspace-panel-close{width:44px;height:44px;color:var(--ink);background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;padding:0;transition:background .2s;display:grid}.workspace-panel-close:hover{background:#ece9df}.workspace-panel h2{font-family:var(--font-editorial), Georgia, serif;letter-spacing:-.9px;margin:0;font-size:28px;font-weight:500;line-height:1.15}.workspace-panel-description{color:var(--muted);margin:9px 0 20px;font-size:12px;line-height:1.6}.workspace-tabs{border:1px solid var(--line);background:#eeece4;border-radius:9px;gap:4px;margin-bottom:14px;padding:4px;display:flex}.workspace-tabs [role=tab]{min-height:40px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:7px;padding:7px 12px;font-size:12px;display:inline-flex}.workspace-tabs [role=tab][aria-selected=true]{color:var(--ink);background:#fffdf7;border-color:#dedbd0}.workspace-tab-content{min-width:0}.workspace-tab-content[hidden]{display:none}.workspace-code-file{color:#e6e8ec;font-family:var(--font-mono);background:#222936;border-radius:9px 9px 0 0;align-items:center;gap:8px;padding:11px 13px;font-size:9px;display:flex}.workspace-code-file>span:first-child{background:var(--lime);border-radius:50%;width:5px;height:5px}.workspace-code-file>span:last-child{color:#a5acbb;margin-left:auto;font-size:8px}.workspace-code{color:#e8e9ec;font-family:var(--font-mono);tab-size:2;background:#171e29;border-radius:0 0 9px 9px;margin:0;padding:17px 16px;font-size:11.5px;line-height:1.75;overflow:auto}.workspace-code code{font:inherit}.workspace-code .code-keyword{color:#d4b8ff}.workspace-code .code-string{color:#b5d9a1}.workspace-code .code-function{color:#99ccf0}.workspace-code .code-tag{color:#f3bb94}.workspace-code .code-property{color:#c3d890}.workspace-code .code-number,.workspace-code .code-type{color:#f8d885}.workspace-code-caption{font-family:var(--font-handwriting), cursive;text-align:center;color:#666b56;margin-top:12px;font-size:20px}.workspace-preview{background:#f3f0e5;border:1px solid #e1ded1;border-radius:9px;padding:17px}.workspace-preview-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:25px;display:flex}.workspace-preview-top>span:first-child{color:#385a45;align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.workspace-demo-status{color:#48624d;white-space:nowrap;align-items:center;gap:5px;font-size:9px;display:inline-flex}.workspace-demo-status i{background:#718d58;border-radius:50%;width:5px;height:5px}.workspace-preview h3{font-family:var(--font-editorial), Georgia, serif;letter-spacing:-1px;margin:0;font-size:29px;font-weight:500;line-height:1.13}.workspace-preview>p{max-width:26ch;color:var(--muted);margin:11px 0 20px;font-size:11px;line-height:1.65}.workspace-preview-cards{grid-template-columns:1fr 1fr;gap:9px;display:grid}.workspace-preview-cards>div{background:#fbf9f1;border:1px solid #e1ded1;border-radius:8px;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;padding:12px 10px;display:flex}.workspace-preview-icon{color:#486542;background:#e7edc8;border-radius:8px;place-items:center;width:31px;height:31px;margin-bottom:3px;display:grid}.workspace-preview-cards strong{font-size:10px;line-height:1.4}.workspace-preview-cards div>span:last-child{color:var(--muted);font-size:10px;line-height:1.55}.workspace-preview-bottom{justify-content:space-between;align-items:center;gap:12px;margin-top:21px;display:flex}.workspace-idea-count{color:var(--muted);font-size:10px}.workspace-preview-bottom button{color:#fff;background:#355240;border:0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;min-height:44px;padding:9px 11px;font-size:10px;transition:background .2s;display:inline-flex}.workspace-preview-bottom button:hover{background:#233e2d}.workspace-panel--notebook{background:#fffbef}.workspace-notebook-content h2{font-family:var(--font-handwriting), cursive;letter-spacing:-.6px;font-size:35px}.workspace-notebook-rule{background:var(--cobalt);border-radius:50%;width:90px;height:2px;margin:14px 0 22px;transform:rotate(-2deg)}.workspace-notebook-content>p:not(.workspace-notebook-signoff){color:#444c56;margin:0;font-size:15px;line-height:1.95}.workspace-notebook-content .workspace-notebook-signoff{color:#667151;font-family:var(--font-handwriting), cursive;margin:23px 0 10px;font-size:24px;line-height:1.25}@media (min-width:1500px){.workspace-panel{right:max(36px,50vw - 660px)}}@media (max-width:600px){.workspace-panel{border-radius:15px;width:auto;max-height:calc(100dvh - 32px);padding:20px;inset:auto 16px 16px}.workspace-panel h2{font-size:26px}.workspace-code{padding:14px 12px;font-size:11px}.workspace-code-file>span:last-child{font-size:7px}.workspace-preview{padding:14px}.workspace-preview h3{font-size:27px}.workspace-preview-cards{gap:7px}.workspace-preview-cards>div{padding:11px 9px}.workspace-preview-bottom{gap:8px}.workspace-notebook-content h2{font-size:32px}.workspace-notebook-content>p:not(.workspace-notebook-signoff){font-size:14px}.workspace-notebook-content .workspace-notebook-signoff{font-size:23px}}@media (prefers-reduced-motion:no-preference){.workspace-panel[open]{animation:.2s ease-out workspace-panel-in}@keyframes workspace-panel-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}}@media (prefers-reduced-motion:reduce){.workspace-panel,.workspace-panel-close,.workspace-preview-bottom button{transition:none;animation:none}}
.hero-artwork{isolation:isolate;flex-direction:column;justify-content:center;width:calc(100% + 50px);height:100%;display:flex;position:absolute;top:0;left:-12px}.workspace-stage{flex-shrink:0;width:100%;position:relative}.workspace-scene{aspect-ratio:1109/684;width:100%;position:relative}.workspace-image{object-fit:contain;width:100%;height:100%;display:block}.workspace-bird-layer{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 5%,#000 9% 97%,#0000);mask-image:linear-gradient(90deg,#0000 5%,#000 9% 97%,#0000)}.workspace-bird-layer *{pointer-events:none;transform-box:view-box}.workspace-bird{transform:translate(640px,258px)}.workspace-bird-scale{transform:scale(.78)}.workspace-bird-pose,.workspace-bird-scale{transform-origin:0 0}.workspace-bird-shadow{opacity:.16}.workspace-bird-body{transform-origin:51px 55px}.workspace-bird-head{transform-origin:58px 34px}.workspace-bird-eye{transform-origin:66px 26.9px}.workspace-bird-tail{transform-origin:33px 47px}.workspace-bird-feet{transform-origin:53px 55px}.workspace-bird-wing{transform-origin:43px 36px;opacity:0}.workspace-bird-wingtip{transform-origin:29px 19px}.workspace-bird-folded-wing{opacity:1}.workspace-sunlight{pointer-events:none;opacity:.09;background:radial-gradient(at 83% 12%,#fff2c3 0%,#ffe9b440 24%,#0000 61%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 65%,#0000 98%);mask-image:linear-gradient(#000 65%,#0000 98%)}.workspace-sunlight-particles{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.workspace-sunlight-particle{pointer-events:none;opacity:0}.workspace-sunlight-particles[data-paused=true] .workspace-sunlight-particle{animation-play-state:paused}.workspace-bulb-light{pointer-events:none;position:absolute;inset:0}.workspace-bulb-light>span{pointer-events:none;position:absolute}.workspace-bulb-room-shade,.workspace-bulb-room-glow{inset:0}.workspace-bulb-room-shade{opacity:.25;background:radial-gradient(23% 30% at 30.7% 57%,#59402954 0%,#68452c31 34%,#68452c00 100%)}.workspace-bulb-room-glow{mix-blend-mode:screen;opacity:.48;background:radial-gradient(27% 31% at 30.7% 57%,#ffe4aa9c 0%,#ffcc8047 30%,#ffc77a0d 65%,#0000 100%)}.workspace-bulb-glass-shade,.workspace-bulb-glass-glow{border-radius:50%;width:6.2%;height:10.1%;top:51.9%;left:27.6%}.workspace-bulb-glass-shade{opacity:.27;background:radial-gradient(circle at 51% 55%,#7651318c 0%,#87613c7d 41%,#aa845333 66%,#0000 84%)}.workspace-bulb-glass-glow{mix-blend-mode:screen;opacity:.48;background:radial-gradient(circle at 49% 55%,#fffcebaf 0%,#ffe7a085 31%,#ffd77c33 61%,#0000 85%)}.workspace-interactions{pointer-events:none;position:absolute;inset:0}.workspace-interactions[hidden],.workspace-tooltip[hidden]{display:none}.workspace-hotspot{pointer-events:auto;touch-action:manipulation;cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:block;position:absolute}.workspace-hotspot svg{fill:#0000;stroke:#0000;stroke-width:1.5px;width:100%;height:100%;transition:fill .2s,stroke .2s}.workspace-hotspot polygon{vector-effect:non-scaling-stroke}.workspace-hotspot:hover svg{fill:#fff7d614;stroke:#f7f5efa8}.workspace-hotspot:focus-visible{outline:none}.workspace-hotspot:focus-visible svg{fill:#315cf51a;stroke:#a8bdff;stroke-width:3px}.workspace-hotspot--laptop{clip-path:polygon(0 9.06%,90.24% 0,100% 87.64%,9% 100%);width:36.97%;height:35.53%;top:39.47%;left:35.26%}.workspace-laptop-effects{pointer-events:none;position:absolute;inset:0}.workspace-laptop-glow{clip-path:polygon(0 9.06%,90.24% 0,100% 87.64%,9% 100%);mix-blend-mode:screen;opacity:.26;background:radial-gradient(at 23% 67%,#6ec2fa35 0%,#315cf51c 43%,#0000 77%);width:36.97%;height:35.53%;position:absolute;top:39.47%;left:35.26%}.workspace-laptop-cursor{opacity:.8;background:#a8f5dc;border-radius:1px;width:max(1px,.16%);height:2.05%;position:absolute;top:65.3%;left:44.8%;transform:rotate(-5deg);box-shadow:0 0 4px #88ebc9a6}.workspace-hotspot--laptop:is(:hover,:focus-visible)~.workspace-laptop-effects .workspace-laptop-glow{filter:brightness(1.35)}.workspace-hotspot--notebook{clip-path:polygon(0 22.34%,51.16% 0,100% 73.2%,26.55% 100%);width:27.5%;height:16.38%;top:76.02%;left:15.51%}.workspace-hotspot--mug{border-radius:26% 39% 32% 30%;width:14.5%;height:18.5%;transition:box-shadow .2s,background .2s;top:57.4%;left:80.1%}.workspace-hotspot--mug:hover{background:#fff7d612;box-shadow:inset 0 0 0 1px #f7f5ef75}.workspace-hotspot--mug:focus-visible{background:#315cf51a;box-shadow:inset 0 0 0 2px #a8bdff}.workspace-tooltip{z-index:4;width:max-content;max-width:calc(100% - 24px);color:var(--ink);font-family:var(--font-body), sans-serif;pointer-events:none;background:#fffcf2;border:1px solid #d9d6c8;border-radius:7px;padding:7px 11px;font-size:11px;font-weight:500;line-height:1.4;position:absolute;box-shadow:0 3px 12px #33291812}.workspace-tooltip--laptop,.workspace-tooltip--notebook{opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s;transform:translate(-50%,-100%)translateY(3px)}.workspace-tooltip--laptop{top:38%;left:53%}.workspace-tooltip--notebook{top:75%;left:29%}.workspace-hotspot:hover+.workspace-tooltip,.workspace-hotspot:focus-visible+.workspace-tooltip{opacity:1;visibility:visible;transform:translate(-50%,-100%)translateY(0)}.workspace-tooltip--mug{top:52%;right:2%;transform:translateY(-100%)}.mug-steam{pointer-events:none;opacity:.94;width:7.2%;height:13.2%;position:absolute;top:44.5%;left:81.7%;overflow:visible}.mug-steam path{stroke:#f7f0e1;stroke-width:2.4px;stroke-linecap:round;filter:drop-shadow(0 0 2px #75634fa8)}@media (max-width:1199px){.hero-artwork{width:100%;left:0}}@media (max-width:599px){.workspace-tooltip{padding:6px 9px;font-size:10px}.workspace-tooltip--notebook{left:32%}}@media (prefers-reduced-motion:no-preference){.workspace-stage{animation:.75s cubic-bezier(.22,1,.36,1) both workspace-arrive}.workspace-sunlight{animation:9s ease-in-out both afternoon-light}.workspace-sunlight-particle{animation:sunlight-dust-drift var(--dust-duration) ease-in-out var(--dust-delay) infinite both}.workspace-bulb-room-shade,.workspace-bulb-glass-shade{animation:8.4s ease-in-out infinite bulb-shadow-breathe}.workspace-bulb-room-glow,.workspace-bulb-glass-glow{animation:8.4s ease-in-out infinite bulb-light-breathe}.workspace-laptop-glow{animation:6s ease-in-out infinite laptop-screen-breathe}.workspace-laptop-cursor{animation:1.4s step-end infinite laptop-caret-blink}.mug-steam path{animation:3.1s ease-in-out infinite coffee-steam}.mug-steam path:nth-child(2){animation-duration:3.5s;animation-delay:-1s}.mug-steam path:nth-child(3){animation-duration:2.9s;animation-delay:-2.1s}@keyframes workspace-arrive{0%{opacity:.2;transform:translateY(9px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes afternoon-light{0%{opacity:.04}45%{opacity:.14}to{opacity:.09}}@keyframes sunlight-dust-drift{0%{opacity:0;transform:translateY(8px)}12%{opacity:calc(var(--dust-opacity) * .8)}28%{opacity:var(--dust-opacity)}45%{transform:translate(var(--dust-sway), -12px)}65%{opacity:calc(var(--dust-opacity) * .92)}85%{opacity:calc(var(--dust-opacity) * .7)}to{transform:translate(var(--dust-drift), var(--dust-rise));opacity:0}}@keyframes bulb-shadow-breathe{0%,to{opacity:.68}50%{opacity:.03}}@keyframes bulb-light-breathe{0%,to{opacity:.12}50%{opacity:.72}}@keyframes laptop-screen-breathe{0%,to{opacity:.18}50%{opacity:.48}}@keyframes laptop-caret-blink{0%,51%{opacity:.85}52%,to{opacity:0}}@keyframes coffee-steam{0%,to{opacity:.52;transform:translateY(3px)}45%{opacity:.94;transform:translate(1px,-2px)}75%{opacity:.7;transform:translate(-1px,-5px)}}}@media (prefers-reduced-motion:reduce){.workspace-sunlight-particles{display:none}.workspace-sunlight-particle,.workspace-stage,.workspace-sunlight,.mug-steam path,.workspace-laptop-glow,.workspace-laptop-cursor,.workspace-bulb-light>span{animation:none}.workspace-bulb-room-shade,.workspace-bulb-glass-shade{opacity:.25}.workspace-bulb-room-glow,.workspace-bulb-glass-glow{opacity:.46}.workspace-laptop-glow{opacity:.23}.workspace-laptop-cursor{opacity:.8}.mug-steam path{opacity:.72}.workspace-scene{transform:none!important}.workspace-hotspot,.workspace-hotspot svg,.workspace-tooltip{transition:none}}@media (max-width:599px){.workspace-sunlight-particle{r:8px}.workspace-sunlight-particle:nth-of-type(n+3){animation:none;display:none}.workspace-bird-scale{transform:scale(.9)}}
