.case-chapters{z-index:30;background:var(--studio-bg);border-bottom:1px solid var(--studio-border);position:sticky;top:86px}.case-chapters-inner{align-items:center;gap:30px;min-height:66px;display:flex}.case-chapters-name{margin-right:auto;font-size:14px;font-weight:550}.case-chapters-name span{color:var(--studio-red);margin-left:10px}.case-chapters ol{align-items:stretch;gap:26px;margin:0;padding:0;list-style:none;display:flex}.case-chapters li{display:flex}.case-chapters li a{color:var(--studio-muted);border-bottom:2px solid #0000;align-items:center;gap:8px;padding:22px 0;font-size:13px;transition:color .2s,border-color .2s;display:flex}.case-chapters li a>span{font-size:12px}.case-chapters li a[aria-current],.case-chapters li a:hover{color:var(--studio-text);border-color:var(--studio-red)}.case-chapters-top{place-items:center;width:44px;height:44px;margin-left:auto;font-size:22px;display:grid}@media (max-width:760px){.case-chapters-inner{gap:0;min-height:60px}.case-chapters-name,.case-chapters-top{display:none}.case-chapters ol{justify-content:space-between;gap:10px;width:100%}.case-chapters li a{gap:5px;padding:20px 0;font-size:12px}.case-chapters li a>span{font-size:12px}}@media (max-width:540px){.case-chapters{top:74px}}@media (prefers-reduced-motion:reduce){.case-chapters a{transition:none}}.case-chapters li a{min-width:44px}@media (max-width:540px){.case-chapters li a>span{display:none}.case-chapters li a{justify-content:center}}
.prototype-shell .mn-together{padding-top:0}.mn-together-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px;display:flex}.playground-case .mn-together-heading>p{max-width:260px;margin:0;font-size:15px}.mn-together-shell{border:1px solid var(--studio-border)}.mn-together-topline{border-bottom:1px solid var(--case-border,#d8c9eb);background:var(--case-surface,#ece6f7);color:var(--case-ink,#493357);text-transform:uppercase;letter-spacing:.055em;justify-content:space-between;align-items:center;gap:15px;padding:20px 26px;font-size:12px;display:flex}.mn-together-topline>span:last-child{align-items:center;gap:12px;display:flex}.mn-together-topline>span:last-child>span{font-size:19px;line-height:1}.mn-together-board{isolation:isolate;background:var(--case-surface,#ece6f7);height:450px;color:var(--case-ink,#493357);position:relative;overflow:hidden}.mn-together-orbit{border:1px dashed var(--case-border,#c9b6df);width:75%;height:80%;opacity:calc(1 - var(--mt-progress));border-radius:50%;transition:opacity .6s;position:absolute;top:10%;left:12.5%;transform:rotate(-8deg)}.mn-together-workspace{border:1px solid var(--case-line,#9c7ab9);background:var(--case-paper,#f8f3fc);box-shadow:8px 9px 0 var(--case-shadow,#d9c9e9);opacity:1;border-radius:12px;position:absolute;inset:12% 16% 8%}.mn-together-windowbar{border-bottom:1px solid var(--case-border,#d8c9eb);justify-content:space-between;align-items:center;gap:15px;height:47px;padding:0 20px;font-size:12px;display:flex}.mn-together-windowbar>span:first-child{gap:5px;display:flex}.mn-together-windowbar i{background:var(--case-art-tone,#af8dcc);border-radius:50%;width:5px;height:5px}.mn-together-windowbar b{font-weight:500}.mn-together-windowmark{font-size:19px}.mn-together-piece{left:calc(var(--mt-start-x) * var(--mt-scatter) + var(--mt-end-x) * var(--mt-progress));top:calc(var(--mt-start-y) * var(--mt-scatter) + var(--mt-end-y) * var(--mt-progress));border:1px solid var(--case-line,#8a6fa4);background:var(--case-paper,#fff9ef);width:26%;max-width:230px;height:125px;box-shadow:4px 5px 0 var(--case-shadow,#ceb9e3);transform:translate(-50%,-50%) rotate(calc(var(--mt-tilt) * var(--mt-scatter)));border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:9px;transition:left .55s cubic-bezier(.2,.7,.2,1),top .55s cubic-bezier(.2,.7,.2,1),transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .55s;display:flex;position:absolute}.mn-together-piece svg{width:85px;height:55px}.mn-together-piece>span{font-size:15px;font-weight:500;line-height:1.3}.mn-together-piece-1{--mt-start-x:24%;--mt-start-y:27%;--mt-end-x:34%;--mt-end-y:43%;--mt-tilt:-10deg}.mn-together-piece-2{--mt-start-x:77%;--mt-start-y:32%;--mt-end-x:66%;--mt-end-y:43%;--mt-tilt:9deg;background:var(--case-tint,#e8dcf6)}.mn-together-piece-3{--mt-start-x:27%;--mt-start-y:70%;--mt-end-x:34%;--mt-end-y:74%;--mt-tilt:8deg;background:var(--case-secondary,#e4eade)}.mn-together-piece-4{--mt-start-x:76%;--mt-start-y:75%;--mt-end-x:66%;--mt-end-y:74%;--mt-tilt:-7deg;background:var(--case-secondary,#efdcce)}.mn-together-board.is-together .mn-together-piece{box-shadow:2px 3px 0 var(--case-shadow,#dfd1ea)}.mn-together-doodle{color:var(--case-primary,#7650be);opacity:calc(.4 + var(--mt-progress) * .6);line-height:1;transition:opacity .6s;position:absolute}.mn-together-doodle-1{font-size:38px;top:48%;left:7%;transform:rotate(15deg)}.mn-together-doodle-2{font-size:27px;top:51%;right:7%;transform:rotate(-9deg)}.mn-together-controls{border-top:1px solid var(--studio-border);background:var(--studio-bg);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:55px;padding:30px;display:grid}.mn-together-slider label{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:13px;display:flex}.mn-together-slider label>span{color:var(--studio-muted);font-variant-numeric:tabular-nums;font-size:12px}.mn-together-slider input{cursor:ew-resize;width:100%;min-height:44px;accent-color:var(--case-primary,#8051b5);margin:0;display:block}.mn-together-slider input:focus-visible{outline:2px solid var(--studio-text);outline-offset:3px;border-radius:2px}.mn-together-range-ends{color:var(--studio-muted);justify-content:space-between;font-size:12px;display:flex}.mn-together-actions{align-items:center;gap:20px;display:flex}.mn-together-actions button{justify-content:center;align-items:center;gap:12px;min-height:44px;font-size:14px;display:inline-flex}.mn-together-complete{background:var(--studio-button);color:#fff;padding:14px 20px;transition:background .2s,opacity .2s}.mn-together-complete:hover:not(:disabled){opacity:.88}.mn-together-complete:disabled{background:var(--studio-panel);color:var(--studio-muted);cursor:default}.mn-together-reset{color:var(--studio-text);padding:8px 0}.mn-together-reset:disabled{color:var(--studio-muted);opacity:.55;cursor:default}.mn-together-actions button:focus-visible{outline:2px solid var(--studio-text);outline-offset:4px}.mn-together-caption{border-top:1px solid var(--studio-border);background:var(--studio-bg);justify-content:space-between;gap:25px;padding:17px 30px;font-size:12px;line-height:1.6;display:flex}.mn-together-caption>span:last-child{color:var(--studio-muted);text-align:right}@media (max-width:950px){.mn-together-controls{grid-template-columns:1fr;gap:25px}.mn-together-actions{justify-content:space-between}}@media (max-width:760px){.mn-together-heading{margin-bottom:28px;display:block}.playground-case .mn-together-heading>p{max-width:300px;margin-top:20px}.mn-together-board{height:390px}.mn-together-workspace{inset:14% 9% 8%}.mn-together-piece{width:33%;height:110px}.mn-together-piece-1,.mn-together-piece-3{--mt-end-x:29%}.mn-together-piece-2,.mn-together-piece-4{--mt-end-x:71%}.mn-together-piece-1,.mn-together-piece-2{--mt-end-y:44%}.mn-together-piece-3,.mn-together-piece-4{--mt-end-y:75%}.mn-together-doodle-1{font-size:24px;left:2%}.mn-together-doodle-2{font-size:21px;right:2%}}@media (max-width:420px){.mn-together-board{height:360px}.mn-together-topline{padding:16px;font-size:12px}.mn-together-piece{border-radius:7px;gap:6px;width:36%;height:96px}.mn-together-piece svg{width:68px;height:45px}.mn-together-piece>span{font-size:13px}.mn-together-workspace{box-shadow:4px 5px 0 var(--case-shadow,#d9c9e9);inset:14% 7% 8%}.mn-together-windowbar{height:39px;padding-inline:13px;font-size:12px}.mn-together-piece-1,.mn-together-piece-2{--mt-end-y:45%}.mn-together-piece-3,.mn-together-piece-4{--mt-end-y:75%}.mn-together-controls{gap:22px;padding:24px 16px}.mn-together-actions{gap:14px}.mn-together-complete{padding:13px 15px}.mn-together-caption{padding:16px;font-size:12px;display:block}.mn-together-caption>span{display:block}.mn-together-caption>span:last-child{text-align:left;margin-top:4px}.mn-together-doodle{display:none}}@media (prefers-reduced-motion:reduce){.mn-together *,.mn-together :before,.mn-together :after{transition:none!important;animation:none!important}}.mn-together-topline{line-height:1.6}.mn-together-reset{flex-shrink:0}@media (max-width:420px){.mn-together-topline{align-items:flex-start}.mn-together-topline>span{max-width:52%}.mn-together-topline>span:last-child{text-align:right}.mn-together-actions{flex-wrap:wrap}.mn-together-complete{flex:1}}