@font-face{font-family:Sartoshi;src:url(/mfer-lab-launch/SartoshiScript-Regular.otf)}*{box-sizing:border-box}body{margin:0;background:#f7f5ef;color:#272b27;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,select{font:inherit}button,a,summary,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid #344eef;outline-offset:4px}button:disabled{opacity:.38;cursor:default}header{max-width:1520px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:25px 42px 20px;border-bottom:1px solid #272b2720}.wordmark{font:34px/1 Sartoshi,sans-serif;color:inherit;text-decoration:none}.wordmark span{display:block;font:11px/1.7 Arial;letter-spacing:.04em;margin-top:3px;color:#71766d}.local{font-size:11px;color:#626b60;display:flex;align-items:center;gap:7px;border:1px solid #d7ddd1;padding:9px 12px;border-radius:30px}.local i{width:6px;height:6px;border-radius:50%;background:#79a263}main{max-width:1520px;margin:auto;padding:28px 42px 0;display:grid;grid-template-columns:305px minmax(0,1fr);gap:20px 36px}.intro{margin-bottom:22px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#737a70}h1{font:49px/.94 Sartoshi,sans-serif;letter-spacing:-.025em;margin:16px 0 13px}p{font-size:13px;line-height:1.65;color:#72766f;margin:0}.presets{display:grid;grid-template-columns:1fr 1fr;gap:9px}.preset{position:relative;border:1px solid #d5d8cf;border-radius:12px;background:transparent;min-height:79px;text-align:left;padding:11px 13px;transition:background .18s,border-color .18s,transform .18s}.preset:hover{transform:translateY(-2px);border-color:#768470}.preset.selected{background:#e5eddc;border-color:#6e8262;box-shadow:inset 0 0 0 1px #6e8262}.preset .icon{font-size:23px;display:block;margin-bottom:6px}.preset .name{font-size:12px;font-weight:600}.preset .number{position:absolute;right:11px;top:12px;font-size:9px;color:#8a8f83}.mix{border-top:1px solid #daddd4;margin-top:22px;padding-top:16px}summary{list-style:none;font-size:12px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}summary span{font-size:18px;line-height:.6}.mix-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 10px;padding-top:18px}label{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#727a6c}select{margin-top:6px;width:100%;padding:7px 23px 7px 8px;font-size:11px;color:#333a30;background:#fffef9;border:1px solid #d9ddd2;border-radius:6px}.studio{position:relative;background:#e9e2ed;min-height:572px;border-radius:22px;overflow:hidden;isolation:isolate;transition:background .45s}.studio:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 55% 50%,#ffffff80,#fff0 67%);pointer-events:none}.stage-title{position:absolute;top:27px;left:30px;right:30px;display:flex;align-items:start;justify-content:space-between;gap:24px;pointer-events:none;z-index:2}h2{font:36px/1.1 Sartoshi,sans-serif;margin:7px 0}.stage-title p{font-size:11px;max-width:146px;text-align:right;line-height:1.6;padding-top:5px}#canvas-wrap{position:absolute;inset:0}#canvas{width:100%;height:100%;display:block;touch-action:none}.view-controls{position:absolute;left:50%;transform:translate(-50%);bottom:51px;display:flex;gap:3px;background:#fffefa99;border:1px solid #ffffff99;padding:5px;border-radius:26px;backdrop-filter:blur(12px);white-space:nowrap}.view-controls button{background:transparent;border:0;border-radius:20px;font-size:11px;padding:8px 13px;color:#55604f}.view-controls button.selected{background:#29342a;color:#fff}.view-controls span{width:1px;margin:7px 4px;background:#bac0b299}.view-controls #rotate[aria-pressed=true]{background:#e0e8d8}.stage-footer{position:absolute;bottom:20px;left:30px;right:30px;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#74786f}.stage-footer span:last-child{opacity:.65}.controls{grid-column:2;display:flex;gap:15px;align-items:end;justify-content:space-between}.expressions{display:flex;gap:7px;margin-top:8px;flex-wrap:wrap}.expressions button{border:1px solid #d3d8cb;border-radius:8px;background:transparent;font-size:11px;padding:9px 10px;color:#5d6755}.expressions button.selected{color:#2d3b24;border-color:#738765;background:#e5eddc}.action-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pill{font-size:11px;font-weight:600;border:1px solid #bac7af;border-radius:9px;padding:11px 13px;background:transparent;color:#3e5335;white-space:nowrap}.pill span{margin-left:9px}.pill.dark{background:#2a3729;color:#f5f8ef;border-color:#2a3729}footer{max-width:1520px;margin:24px auto;padding:0 42px;font-size:10px;color:#969a91}footer span{margin:0 8px}#loading{position:absolute;inset:0;background:#eee9f0ed;z-index:4;display:flex;align-items:center;justify-content:center;gap:14px;flex-direction:column;font-size:12px;color:#64705b}#loading[hidden]{display:none}.loading-face{font:58px Sartoshi;animation:nod 2s ease-in-out infinite}progress{width:130px;height:3px;accent-color:#6b8954}.capture{grid-column:2;display:flex;align-items:center;gap:15px;padding:12px;background:#e7eddf;border-radius:12px}.capture[hidden]{display:none}.capture video{width:120px;height:90px;object-fit:cover;transform:scaleX(-1);border-radius:8px}.capture p{font-size:11px;max-width:400px}.capture button{background:transparent;border:0;text-decoration:underline;color:#3e5335;font-size:11px;padding:8px 0}.capture video:not([src]){display:block}@keyframes nod{50%{transform:rotate(-8deg)}}@media (min-width:1500px){.studio{min-height:660px}}@media (max-width:1100px){header{padding:23px 25px}main{padding:24px 25px 0;grid-template-columns:250px minmax(0,1fr);gap:18px 24px}.controls{align-items:start;flex-direction:column}.studio{min-height:575px}h1{font-size:43px}.stage-title{left:23px;right:23px}.stage-title p{max-width:110px;font-size:10px}.stage-footer{left:22px;right:22px}.stage-footer span:last-child{display:none}footer{padding:0 25px}}@media (max-width:730px){header{padding:18px}.wordmark{font-size:27px}.local{font-size:9px;padding:7px 9px}main{padding:20px 16px 0;display:flex;flex-direction:column;gap:18px}aside{display:contents}.intro{margin:0}.intro h1{font-size:39px;margin:7px 0}.intro h1 br{display:none}.intro p{font-size:12px}.intro p br{display:none}.presets{grid-template-columns:repeat(3,1fr);gap:7px}.preset{min-height:68px;padding:9px 11px}.preset .icon{font-size:19px;margin-bottom:4px}.preset .name{font-size:11px}.studio{min-height:520px;order:2}.mix{order:4;margin-top:0}.controls{order:3;gap:18px}.intro{order:0}.presets{order:1}.capture{order:5}.stage-title{top:20px;left:22px}h2{font-size:31px}.stage-title p{max-width:120px}.action-controls{width:100%}.pill{flex:1;padding:12px}.expressions button{padding:10px 12px}footer{padding:0 18px;line-height:1.8;margin-top:20px;font-size:9px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.capture video[hidden]{display:none}@media (min-width:731px){.view-controls{left:26px;transform:none;bottom:47px}}.preset-categories{display:flex;gap:5px;margin:0 0 12px}.preset-categories button{flex:1;border:1px solid #d5d8cf;border-radius:7px;background:transparent;padding:8px 4px;font-size:10px;color:#69715f;white-space:nowrap}.preset-categories button[aria-pressed=true]{background:#29342a;border-color:#29342a;color:#fffefa}@media (max-width:730px){.preset-categories{order:1;margin:0}.presets{grid-template-columns:repeat(2,1fr)}}.preset-categories{display:grid;grid-template-columns:1fr 1fr;gap:6px}.presets{max-height:396px;overflow-y:auto;scrollbar-width:thin;padding:3px 5px 3px 1px;align-content:start}.studio{align-self:start;height:660px}.preset .icon{line-height:1.1}.preset .name{display:block;line-height:1.35}@media (max-width:1100px){.studio{height:620px}}@media (max-width:730px){.presets{max-height:230px;width:100%;flex-shrink:0}.preset-categories{grid-template-columns:repeat(4,1fr)}.preset-categories button{font-size:9px}.studio{width:100%;height:520px;min-height:520px;flex-shrink:0}}header nav{display:flex;align-items:center;gap:18px;font-size:11px}.season{border:1px solid #d7c9b5;border-radius:30px;background:#efe7d9;color:#775637;padding:9px 12px}.creator-link{color:#58624e;text-decoration:none}.creator-link:hover,footer a:hover{text-decoration:underline}.wordmark span{font-size:11px}.intro p{max-width:285px}footer p{font-size:11px;margin:0 0 5px;color:#74796e}footer a{color:#4c5c42;text-decoration:none}footer .privacy{font-size:10px;color:#8a8f82;margin-top:12px}.stage-footer{pointer-events:none}.preset .number,#retry[hidden]{display:none}#retry{margin-top:8px}@media (max-width:730px){header nav{gap:9px;flex-wrap:wrap;justify-content:flex-end}.season{font-size:9px;padding:7px 9px}.creator-link{font-size:10px}.wordmark span{font-size:9px}.intro h1{line-height:1.05}.intro p{max-width:none}.preset-categories{grid-template-columns:repeat(2,1fr)}.presets{order:1;max-height:190px}.studio{height:480px;min-height:480px}.stage-title p{max-width:105px}.view-controls{bottom:38px}.stage-footer{bottom:15px;font-size:9px}footer p{font-size:10px}}.stage-footer span:last-child{display:inline}.viewer-download{position:absolute;right:24px;bottom:42px;display:flex;flex-direction:column;align-items:flex-end;gap:7px;z-index:3}.viewer-download .pill{font-size:11px;padding:10px 13px}.viewer-download [role=status]{font-size:10px;color:#59634f;max-width:210px;text-align:right}.viewer-download [role=status]:empty{display:none}@media (max-width:730px){.viewer-download{right:15px;bottom:82px}.viewer-download .pill{font-size:10px;padding:9px 12px}}