@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap";.bubble-experiment{font-family:DM Sans,sans-serif;font-size:16px;line-height:normal;color:#253c33;background:#f5f6f1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.bubble-experiment,.bubble-experiment *{box-sizing:border-box}.bubble-experiment button,.bubble-experiment input{font:inherit}.bubble-experiment button{cursor:pointer}.bubble-experiment button:disabled{cursor:not-allowed;opacity:.45}.bubble-experiment button:focus-visible,.bubble-experiment input:focus-visible,.bubble-experiment canvas:focus-visible,.bubble-experiment a:focus-visible{outline:2px solid #4b8b6d;outline-offset:3px}.bubble-experiment.app-shell{height:100dvh;min-height:600px;display:flex;flex-direction:column;overflow:hidden}.bubble-experiment .topbar{height:76px;flex:none;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid #e5ebe6}.bubble-experiment .brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:700;letter-spacing:-1.4px;color:#223d31}.bubble-experiment .brand-period{color:#8fb99e}.bubble-experiment .brand-mark{position:relative;width:30px;height:30px;display:block}.bubble-experiment .brand-mark i{position:absolute;border:1.5px solid #507f67;border-radius:50%;background:#dcece0}.bubble-experiment .brand-mark i:nth-child(1){width:19px;height:19px;left:0;top:8px}.bubble-experiment .brand-mark i:nth-child(2){width:14px;height:14px;left:15px;top:2px}.bubble-experiment .brand-mark i:nth-child(3){width:9px;height:9px;left:18px;top:17px}.bubble-experiment .topbar-right{display:flex;align-items:center;gap:9px;font-size:11px;color:#708278}.bubble-experiment .status-dot,.bubble-experiment .live-badge span{width:7px;height:7px;border-radius:50%;background:#83b998}.bubble-experiment .top-divider{height:19px;width:1px;background:#e3eae4;margin:0 13px}.bubble-experiment .top-label{font-size:10px;letter-spacing:1.2px;font-weight:700;color:#9ba9a0}.bubble-experiment .workspace{display:flex;flex:1;min-height:0}.bubble-experiment .sidebar{width:340px;flex:none;background:#fff;padding:45px 37px 28px;display:flex;flex-direction:column;overflow:auto;border-right:1px solid #e5ebe6}.bubble-experiment .eyebrow,.bubble-experiment .section-heading,.bubble-experiment .canvas-kicker,.bubble-experiment .canvas-index{font-size:9px;font-weight:700;letter-spacing:1.45px;color:#879d8f}.bubble-experiment .eyebrow{display:flex;align-items:center;gap:9px}.bubble-experiment .small-line{width:20px;height:1px;background:#7da38b}.bubble-experiment .intro h1{font: 32px/1.13 "DM Serif Display",Georgia,serif;letter-spacing:-.8px;margin:22px 0 15px;color:#293e33}.bubble-experiment .intro h1 em{font-weight:400;color:#7ba68b}.bubble-experiment .intro p{font-size:12px;line-height:1.8;color:#91a098;max-width:230px}.bubble-experiment .section-heading{display:flex;justify-content:space-between;border-bottom:1px solid #e9eeea;padding-bottom:13px;margin-top:44px}.bubble-experiment .section-heading span:last-child{color:#bdc8c0;letter-spacing:.7px}.bubble-experiment .controls{display:grid;gap:9px;margin-top:20px}.bubble-experiment .controls button{height:46px;border-radius:5px;font-size:12px;font-weight:600}.bubble-experiment .primary-button{border:1px solid #375f4b;background:#375f4b;color:#fff}.bubble-experiment .primary-button:hover{background:#274d39}.bubble-experiment .secondary-button{border:1px solid #e1e9e3;background:#fff;color:#405e4c}.bubble-experiment .secondary-button:hover,.bubble-experiment .seed-button:hover{background:#f5f8f4}.bubble-experiment .pause-icon,.bubble-experiment .play-icon,.bubble-experiment .reset-icon{margin-right:9px;font-size:15px}.bubble-experiment .settings-heading{margin-top:35px}.bubble-experiment .field{margin-top:20px}.bubble-experiment .field label{font-size:11px;font-weight:700;display:flex;justify-content:space-between;margin-bottom:9px}.bubble-experiment .field label span{font-size:10px;font-weight:400;color:#a6b3aa}.bubble-experiment .input-wrap{display:flex;align-items:center;height:42px;border:1px solid #e0e9e1;border-radius:4px;background:#fbfcfa}.bubble-experiment .input-wrap input{border:0;outline:0;min-width:0;width:100%;background:transparent;padding:0 12px;color:#405d4d;font-size:12px}.bubble-experiment .input-wrap span{font-size:11px;color:#a8b8ab;padding-right:12px}.bubble-experiment .field-note{font-size:10px;color:#a1afa5;margin:7px 0 0}.bubble-experiment .field-note.error{color:#ae5555}.bubble-experiment .seed-field{margin-top:20px}.bubble-experiment .seed-button{margin-top:8px;width:100%;background:#f3f7f3;border:0;border-radius:4px;color:#567761;font-size:11px;font-weight:700;padding:11px 12px;text-align:left}.bubble-experiment .seed-button span{float:right;font-size:14px}.bubble-experiment .sidebar-footer{margin-top:auto;padding-top:30px;display:flex;align-items:center;gap:12px;color:#a2b1a6;font-size:10px;line-height:1.6}.bubble-experiment .sidebar-footer p{margin:0}.bubble-experiment .sidebar-footer strong{color:#789182;font-weight:600}.bubble-experiment .footer-icon{font-size:25px;color:#a8c4af}.bubble-experiment .canvas-area{flex:1;min-width:0;position:relative;overflow:hidden;background:#f1f5ef}.bubble-experiment .canvas-area canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:none}.bubble-experiment .canvas-area canvas:active{cursor:grabbing}.bubble-experiment .canvas-top{position:absolute;top:38px;left:42px;right:42px;display:flex;justify-content:space-between;pointer-events:none}.bubble-experiment .canvas-kicker{color:#a0b1a3}.bubble-experiment .canvas-top h2{font: 25px "DM Serif Display",Georgia,serif;letter-spacing:-.4px;margin:8px 0;color:#506c5b}.bubble-experiment .canvas-top h2 span{color:#a7c5ae;font-size:17px}.bubble-experiment .live-badge{height:25px;display:flex;align-items:center;gap:7px;background:#ffffffbf;border:1px solid #e2ebe1;border-radius:20px;padding:0 10px;font-size:9px;font-weight:700;letter-spacing:.8px;color:#80a18a}.bubble-experiment .live-badge span{width:6px;height:6px}.bubble-experiment .canvas-bottom{position:absolute;bottom:28px;left:42px;right:42px;display:flex;justify-content:space-between;align-items:end;pointer-events:none}.bubble-experiment .canvas-hint{display:flex;gap:10px;align-items:center;color:#95a99a;font-size:10px}.bubble-experiment .canvas-hint b{padding:0 5px;font-weight:400}.bubble-experiment .hint-icon{font-size:17px}.bubble-experiment .zoom-controls{pointer-events:auto;display:flex;align-items:center;gap:0;background:#fff;border:1px solid #e0e9e0;border-radius:5px;box-shadow:0 3px 12px #4866510b;height:36px}.bubble-experiment .zoom-controls button{border:0;background:transparent;color:#718e7b;font-size:18px;width:34px;height:100%}.bubble-experiment .zoom-controls button:hover{background:#f2f7f2}.bubble-experiment .zoom-controls span{min-width:42px;text-align:center;font-size:10px;color:#829589}.bubble-experiment .zoom-controls .center-button{border-left:1px solid #e8eee8;font-size:19px}.bubble-experiment .canvas-index{position:absolute;right:44px;top:95px;color:#bccbc0;font-size:8px;letter-spacing:1.3px;writing-mode:vertical-rl;pointer-events:none}.bubble-experiment .bottom-bar{height:76px;flex:none;display:flex;justify-content:space-between;align-items:center;padding:0 42px;border-top:1px solid #e4ebe4;background:#fff}.bubble-experiment .metrics{display:flex;gap:50px}.bubble-experiment .metrics div{display:flex;flex-direction:column;gap:6px}.bubble-experiment .metrics span{font-size:9px;font-weight:700;letter-spacing:1px;color:#a4b3a7}.bubble-experiment .metrics strong{font-size:12px;color:#597562;font-weight:600}.bubble-experiment .bottom-note{font-size:9px;letter-spacing:1px;color:#aebdb2;font-weight:700}.bubble-experiment .bottom-note span{font-size:19px;color:#9dbca5;vertical-align:middle;margin-left:12px}@media (max-width:800px){.bubble-experiment.app-shell{height:auto;min-height:100dvh;overflow:visible}.bubble-experiment .topbar{height:65px;padding:0 20px}.bubble-experiment .top-label,.bubble-experiment .top-divider{display:none}.bubble-experiment .workspace{flex-direction:column}.bubble-experiment .sidebar{width:100%;padding:28px 22px;overflow:visible;border-right:0}.bubble-experiment .intro h1{font-size:29px}.bubble-experiment .section-heading{margin-top:25px}.bubble-experiment .sidebar-footer{display:none}.bubble-experiment .canvas-area{height:55vh;min-height:400px;flex:none}.bubble-experiment .canvas-top{top:24px;left:22px;right:22px}.bubble-experiment .canvas-bottom{left:22px;right:22px;bottom:20px}.bubble-experiment .canvas-hint span:last-child{max-width:150px;line-height:1.5}.bubble-experiment .canvas-index{right:23px}.bubble-experiment .bottom-bar{padding:0 22px}.bubble-experiment .metrics{gap:22px}.bubble-experiment .bottom-note{display:none}}@media (max-width:400px){.bubble-experiment .topbar-right{font-size:10px}.bubble-experiment .seed-metric{max-width:110px;overflow:hidden}.bubble-experiment .seed-metric strong{overflow:hidden;text-overflow:ellipsis}}.bubble-experiment .worker-error{padding:10px 24px;background:#f4e5df;color:#885a49;font-size:12px;border-bottom:1px solid #e2cbbf}.bubble-experiment .topbar-status{display:inline-flex;align-items:center;gap:9px}.bubble-experiment .back-link{color:#567761;text-decoration:none;white-space:nowrap;margin-right:12px}.bubble-experiment .back-link:hover{text-decoration:underline}@media (max-width:800px){.bubble-experiment .topbar-status{display:none}.bubble-experiment .back-link{margin-right:0}}.bubble-experiment .copy-status{margin:0;font-size:10px;line-height:1.5;color:#708278}.bubble-experiment .copy-status:empty{display:none}