.mppa-hero{display:grid;grid-template-columns:1fr 1.15fr;gap:3rem;align-items:center;max-width:77.5rem;margin:0 auto;padding:3rem 1.625rem 3.5rem;border-bottom:var(--mppa-border-strong) solid var(--mppa-ink);background-image:radial-gradient(var(--mppa-dot-soft) .09375rem,transparent .09375rem);background-size:1.25rem 1.25rem}.mppa-hero-text{display:flex;flex-direction:column;align-items:flex-start;gap:1.125rem}.mppa-hero h1{max-width:12em;font-size:2.75rem;font-weight:700;letter-spacing:-.015em;line-height:1.12}.mppa-hero h1 span{color:var(--mppa-signal);font-family:var(--font-display);font-size:2.375rem;font-weight:400;letter-spacing:.01em;white-space:nowrap}.mppa-hero p{max-width:48ch;color:var(--mppa-soft-strong);font-size:1.09375rem;line-height:1.7}.mppa-primary{display:flex;align-items:center;gap:.5rem;padding:.6875rem 1.25rem;border:var(--mppa-border) solid var(--mppa-ink);background:var(--mppa-signal);color:var(--mppa-signal-ink);clip-path:var(--mppa-corner-sm);filter:drop-shadow(var(--mppa-shadow-sm));font-family:var(--font-mono);font-size:.8125rem;font-weight:600;transition:transform .1s ease,filter .1s ease}.mppa-primary:hover{transform:translate(.125rem,.125rem);filter:drop-shadow(.0625rem .0625rem 0 var(--mppa-shadow))}.mppa-primary svg{width:1rem;height:1rem}.mppa-hero-box{position:relative;overflow:hidden;aspect-ratio:4 / 3;border:var(--mppa-border-strong) solid var(--mppa-ink);background:var(--mppa-dark-surface);clip-path:var(--mppa-corner-lg);filter:drop-shadow(var(--mppa-shadow-lg))}.mppa-hero-box img,.mppa-hero-box canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mppa-hero-box canvas{image-rendering:pixelated}.mppa-hero-after{clip-path:inset(0 0 0 50%);animation:mppa-hero-sweep 4.5s ease-in-out infinite}.mppa-hero-line{position:absolute;top:0;bottom:0;left:50%;z-index:4;width:var(--mppa-border-strong);background:var(--mppa-amber);box-shadow:0 0 0 var(--mppa-border-thin) var(--mppa-ink);animation:mppa-hero-line 4.5s ease-in-out infinite}.mppa-tag-left{left:.5rem}@keyframes mppa-hero-sweep{0%,to{clip-path:inset(0 0 0 22%)}50%{clip-path:inset(0 0 0 78%)}}@keyframes mppa-hero-line{0%,to{left:22%}50%{left:78%}}@media(max-width:56.25rem){.mppa-hero{grid-template-columns:1fr}}.mppa-info{max-width:77.5rem;margin:0 auto;padding:3.5rem 1.625rem;border-bottom:var(--mppa-border-strong) solid var(--mppa-ink)}.mppa-info.center{text-align:center}.mppa-info h2{margin-bottom:1rem;font-family:var(--font-display);font-size:1.375rem;letter-spacing:.01em}.mppa-info .lead{max-width:40rem;margin:0 auto 1.5rem;color:var(--mppa-soft);font-size:.9375rem;line-height:1.7}#how{background:var(--mppa-panel-soft)}.mppa-steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:.875rem;text-align:left}.mppa-steps:before{content:"";position:absolute;top:.9375rem;right:6%;left:6%;z-index:0;height:var(--mppa-border-strong);background-image:repeating-linear-gradient(to right,var(--mppa-line-strong) 0 .375rem,transparent .375rem .625rem)}.mppa-step,.mppa-idea{border:var(--mppa-border) solid var(--mppa-ink);background:var(--mppa-panel);clip-path:var(--mppa-corner);filter:drop-shadow(var(--mppa-shadow-md))}.mppa-step{position:relative;z-index:1;display:flex;flex-direction:column;gap:.5625rem;padding:1rem}.mppa-step span{display:inline-flex;align-items:center;justify-content:center;width:1.875rem;height:1.875rem;border:var(--mppa-border) solid var(--mppa-ink);background:var(--mppa-signal);color:var(--mppa-signal-ink);font-family:var(--font-display);font-size:.875rem}.mppa-step p{color:var(--mppa-ink);font-size:.875rem;line-height:1.6}.mppa-ideas{display:grid;grid-template-columns:repeat(3,1fr);gap:.875rem;text-align:left}.mppa-idea{padding:1rem;transition:transform .1s ease,filter .1s ease}.mppa-idea:hover{transform:translate(-.125rem,-.125rem);filter:drop-shadow(.4375rem .4375rem 0 var(--mppa-shadow))}.mppa-idea-image{margin-bottom:.75rem;padding:.625rem;background:var(--mppa-idea-surface)}.mppa-idea-image :global(img){width:100%;height:auto;aspect-ratio:2 / 1;object-fit:cover}.mppa-idea h3{margin-bottom:.375rem;font-size:.90625rem}.mppa-idea p,.mppa-faq p{color:var(--mppa-soft-strong);font-size:.84375rem;line-height:1.6}.mppa-faq{max-width:42.5rem;margin:0 auto;padding:.75rem 0;border-top:var(--mppa-border-thin) solid var(--mppa-line);text-align:left}.mppa-faq summary{cursor:pointer;font-size:1rem;font-weight:500;list-style:none;transition:color .1s ease}.mppa-faq summary:hover{color:var(--mppa-signal)}.mppa-faq summary::-webkit-details-marker{display:none}.mppa-faq summary:before{content:"+ ";color:var(--mppa-signal);font-family:var(--font-mono)}.mppa-faq[open] summary:before{content:"– "}.mppa-faq p{margin-top:.5rem;font-size:.9375rem;line-height:1.7}@media(max-width:56.25rem){.mppa-steps,.mppa-ideas{grid-template-columns:1fr}.mppa-steps:before{display:none}}.mppa-panel{padding:1.25rem 1.375rem}.mppa-block{margin-bottom:.875rem;padding:1rem .875rem;border:var(--mppa-border-thin) solid var(--mppa-line-strong);background:var(--mppa-panel)}.mppa-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.625rem}.mppa-label,.mppa-grid-label{color:var(--mppa-soft-strong);font-family:var(--font-mono);font-size:.71875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.mppa-label i{color:var(--mppa-soft-strong);font-family:var(--font-mono);font-size:.71875rem;font-style:normal}.mppa-read{color:var(--mppa-ink);font-family:var(--font-mono);font-size:.9375rem;font-weight:600}.mppa-read.small{font-size:.8125rem}.mppa-dim-line{margin-top:.5625rem;color:var(--mppa-soft-strong);font-family:var(--font-mono);font-size:.71875rem;font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:1.25rem;margin:0;background:transparent;cursor:pointer;appearance:none;--val: 0%}input[type=range]::-webkit-slider-runnable-track{height:.625rem;border:var(--mppa-border-thin) solid var(--mppa-line-strong);background:linear-gradient(to right,var(--mppa-signal) 0 var(--val),var(--mppa-line-strong) var(--val) 100%);-webkit-mask-image:repeating-linear-gradient(to right,rgb(0 0 0) 0 .3125rem,transparent .3125rem .4375rem);mask-image:repeating-linear-gradient(to right,rgb(0 0 0) 0 .3125rem,transparent .3125rem .4375rem)}input[type=range]::-webkit-slider-thumb{width:.75rem;height:1.25rem;margin-top:-.4375rem;border:var(--mppa-border-thin) solid var(--mppa-ink);border-radius:0;background:var(--mppa-amber);box-shadow:.0625rem .0625rem 0 var(--mppa-ink);appearance:none}input[type=range]::-moz-range-track{height:.625rem;border:var(--mppa-border-thin) solid var(--mppa-line-strong);background:linear-gradient(to right,var(--mppa-signal) 0 var(--val),var(--mppa-line-strong) var(--val) 100%)}input[type=range]::-moz-range-thumb{width:.75rem;height:1.25rem;border:var(--mppa-border-thin) solid var(--mppa-ink);border-radius:0;background:var(--mppa-amber);box-shadow:.0625rem .0625rem 0 var(--mppa-ink)}.mppa-adjust{display:flex;align-items:center;gap:.625rem;margin-bottom:.5rem}.mppa-adjust label{width:5.75rem;flex-shrink:0;color:var(--mppa-soft-strong);font-family:var(--font-mono);font-size:.71875rem;font-weight:600;text-transform:uppercase}.mppa-adjust input{flex:1}.mppa-adjust span{width:2.125rem;color:var(--mppa-ink);font-family:var(--font-mono);font-size:.75rem;text-align:right;font-variant-numeric:tabular-nums}.mppa-grid-label{display:flex;align-items:center;gap:.375rem;cursor:pointer}.mppa-styles{display:grid;grid-template-columns:repeat(4,1fr);gap:.5625rem}.mppa-style{padding:.1875rem;border:var(--mppa-border-thin) solid var(--mppa-line-strong);background:var(--mppa-panel-soft);transition:transform .1s ease,border-color .1s ease}.mppa-style:hover{transform:translate(.0625rem,.0625rem)}.mppa-style.is-active{border-color:var(--mppa-signal);background:var(--mppa-signal-dim)}.mppa-style canvas{width:100%;height:2.375rem;background:var(--mppa-dark-surface);image-rendering:pixelated;object-fit:cover}.mppa-style span{display:block;margin-top:.25rem;color:var(--mppa-soft-strong);font-family:var(--font-mono);font-size:.59375rem;font-weight:600;letter-spacing:.04em;text-align:center;text-transform:uppercase}.mppa-style.is-active span{color:var(--mppa-signal)}.mppa-export-row{display:flex;gap:.5rem}.mppa-button{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.6875rem;border:var(--mppa-border) solid var(--mppa-ink);background:var(--mppa-panel);color:var(--mppa-ink);clip-path:var(--mppa-corner-sm);filter:drop-shadow(var(--mppa-shadow-sm));font-family:var(--font-mono);font-size:.75rem;transition:transform .1s ease,filter .1s ease}.mppa-button:hover{transform:translate(.125rem,.125rem);filter:drop-shadow(.0625rem .0625rem 0 var(--mppa-shadow))}.mppa-button.primary{flex:1;background:var(--mppa-signal);color:var(--mppa-signal-ink);font-weight:600}.mppa-button svg{width:.9375rem;height:.9375rem}.mppa-canvas-wrap{display:flex;flex-direction:column;padding:1.5rem 1.625rem;border-right:var(--mppa-border-strong) solid var(--mppa-ink);background-color:var(--mppa-inset);background-image:radial-gradient(var(--mppa-dot-inset) .0625rem,transparent .0625rem);background-size:1rem 1rem}.mppa-stage{position:relative;flex:1;min-height:0;overflow:hidden;border:var(--mppa-border-strong) solid var(--mppa-ink);background:var(--mppa-panel);clip-path:var(--mppa-corner-lg);filter:drop-shadow(var(--mppa-shadow-lg));user-select:none}.mppa-stage>img,.mppa-stage>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.mppa-after{image-rendering:pixelated}.mppa-divider,.mppa-knob,.mppa-stage:not(.has-image) .mppa-compare,.mppa-stage:not(.has-image) .mppa-tag{display:none}.mppa-stage.compare .mppa-divider,.mppa-stage.compare .mppa-knob{display:flex}.mppa-divider{position:absolute;top:0;bottom:0;left:50%;z-index:5;width:var(--mppa-border-strong);background:var(--mppa-amber);box-shadow:0 0 0 var(--mppa-border-thin) var(--mppa-ink);cursor:ew-resize}.mppa-knob{position:absolute;top:50%;left:50%;z-index:6;align-items:center;justify-content:center;width:1.875rem;height:1.875rem;border:var(--mppa-border) solid var(--mppa-ink);background:var(--mppa-amber);box-shadow:.125rem .125rem 0 var(--mppa-ink);cursor:ew-resize;transform:translate(-50%,-50%)}.mppa-tag{position:absolute;bottom:.5rem;z-index:3;padding:.125rem .4375rem;background:var(--mppa-overlay);color:var(--mppa-signal-ink);font-family:var(--font-mono);font-size:.625rem}.mppa-tag-left{left:.5rem;display:none}.mppa-tag-right{right:.5rem}.mppa-stage.compare .mppa-tag-left{display:block}.mppa-compare{position:absolute;top:.5rem;right:.5rem;z-index:7;padding:.3125rem .5625rem;border:var(--mppa-border) solid rgb(255 255 255 / 50%);background:var(--mppa-overlay);color:var(--mppa-signal-ink);clip-path:var(--mppa-corner-sm);filter:drop-shadow(.125rem .125rem 0 var(--mppa-shadow));font-family:var(--font-mono);font-size:.6875rem}.mppa-stage.compare .mppa-compare{border-color:var(--mppa-ink);background:var(--mppa-amber);color:var(--mppa-ink)}.mppa-drop{position:absolute;inset:0;z-index:8;display:none;align-items:center;justify-content:center;border:var(--mppa-border-strong) dashed var(--mppa-signal);background:var(--mppa-drop);color:var(--mppa-signal);font-family:var(--font-mono);font-size:.875rem}.mppa-stage.dragging .mppa-drop{display:flex}.mppa-empty{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.875rem;padding:1.5rem;background:var(--mppa-inset);text-align:center}.mppa-stage.has-image .mppa-empty{display:none}.mppa-stage.has-image{background:var(--mppa-dark-surface)}.mppa-empty svg{width:2.375rem;height:2.375rem;color:var(--mppa-soft)}.mppa-upload-empty,.mppa-ghost{border:var(--mppa-border) solid var(--mppa-ink);clip-path:var(--mppa-corner-sm);filter:drop-shadow(var(--mppa-shadow-sm));font-family:var(--font-mono);transition:transform .1s ease,filter .1s ease}.mppa-upload-empty{padding:.6875rem 1.25rem;background:var(--mppa-signal);color:var(--mppa-signal-ink);font-size:.8125rem;font-weight:600}.mppa-ghost{padding:.375rem .625rem;background:var(--mppa-panel);color:var(--mppa-ink);font-size:.6875rem}.mppa-upload-empty:hover,.mppa-ghost:hover{transform:translate(.125rem,.125rem);filter:drop-shadow(.0625rem .0625rem 0 var(--mppa-shadow))}.mppa-format{color:var(--mppa-soft-strong);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.03em}.mppa-hint{color:var(--mppa-soft-strong);font-family:var(--font-mono);font-size:.71875rem;opacity:.85}.mppa-under-tool,.mppa-samples-wrap,.mppa-file-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.mppa-under-tool{display:none;flex-shrink:0;margin-top:.875rem}.mppa-stage.has-image+.mppa-under-tool{display:flex}.mppa-label{color:var(--mppa-soft-strong);font-family:var(--font-mono);font-size:.71875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.mppa-samples{display:flex;gap:.5rem}.mppa-samples img{width:2.125rem;height:2.125rem;border:var(--mppa-border) solid var(--mppa-ink);object-fit:cover;clip-path:var(--mppa-corner-sm);cursor:pointer}.mppa-samples img:hover{box-shadow:0 0 0 var(--mppa-border) var(--mppa-signal)}.mppa-empty .mppa-samples-wrap{justify-content:center;margin-top:.625rem}.mppa-empty .mppa-label{font-size:.75rem}.mppa-empty .mppa-samples img{width:2.5rem;height:2.5rem}.mppa-file-info[hidden]{display:none}.mppa-file-info img{width:2.5rem;height:2.5rem;border:var(--mppa-border) solid var(--mppa-ink);object-fit:cover;clip-path:var(--mppa-corner-sm)}.mppa-file-meta{display:flex;min-width:0;flex-direction:column;gap:.125rem}.mppa-file-name{max-width:11.25rem;overflow:hidden;color:var(--mppa-ink);font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}@media(max-width:56.25rem){.mppa-canvas-wrap{border-right:0;border-bottom:var(--mppa-border-strong) solid var(--mppa-ink)}}.mppa-studio[data-astro-cid-exs3aqoi]{display:grid;grid-template-columns:1fr 23.25rem;max-width:77.5rem;margin:0 auto;border-bottom:var(--mppa-border-strong) solid var(--mppa-ink)}@media(max-width:56.25rem){.mppa-studio[data-astro-cid-exs3aqoi]{grid-template-columns:1fr}}