.gal{--gal-radius: 16px;--gal-pill-room: 112px;}body.gal-body{--surface-0: #17191a;--surface-1: #1f2122;--surface-2: #26292a;--surface-3: #2e3132;--surface-4: #3a3d3e;--surface-sunk: #121314;--surface-white: #222425;--surface-header: rgba(23,25,26,.62);--text-1: #f5f5f4;--text-2: #d6d3d1;--text-3: #a9a6a2;--text-4: #8a8783;--on-invert: #17191a;--hairline-soft: rgba(239,238,231,.08);--hairline: rgba(239,238,231,.16);--hairline-strong: rgba(239,238,231,.28);--wash: rgba(255,255,255,.07);--wash-faint: rgba(255,255,255,.035);--frame-edge: rgba(255,255,255,.1);--focus: #f5f5f4;--mio-dark: #f5f5f4;--mio-text-2: #a9a6a2;--mio-neutral: #8a8783;--dark-1: #e4e4e2;color: var(--text-1);background: var(--surface-0);color-scheme: dark;}body.gal-body .brand-wordmark{filter: brightness(0) invert(1);}body.gal-body .header-inner{box-shadow: 0 1px 2px rgba(0,0,0,.2),0 10px 30px rgba(0,0,0,.28);}body.gal-body .button-light:hover{background: #e4e4e2;}body.gal-body .site-header .button.button-small.header-demo{color: var(--text-1);background: rgba(255,255,255,.08);}body.gal-body .site-header .button.button-small.header-demo:hover{background: rgba(255,255,255,.14);}body.gal-body .mobile-menu summary{background: rgba(255,255,255,.06);}body.gal-body .mobile-waitlist.mobile-demo{background: rgba(255,255,255,.08);}body.gal-body .mobile-waitlist.mobile-demo:hover{background: rgba(255,255,255,.14);}body.gal-body .footer-ask-icon{filter: brightness(0) invert(1);opacity: .8;}body.gal-body .mega-panel{border-color: rgba(255,255,255,.1);background: rgba(31,33,34,.88);box-shadow: 0 24px 60px rgba(0,0,0,.45);}body.gal-body .mega-feature,body.gal-body .mega-highlight{border-color: rgba(255,255,255,.08);background: rgba(255,255,255,.05);}body.gal-body .mega-feature:hover,body.gal-body .mega-link:hover{background: rgba(255,255,255,.08);}body.gal-body .mega-ico{background: rgba(255,255,255,.1);box-shadow: none;}.gal-head{width: min(100%,2200px);margin: 0 auto;padding: calc(var(--header-h) + 12px) clamp(12px,2vw,32px) clamp(16px,2vw,28px);}.gal-banner{--cover-w: clamp(76px,8.6vw,132px);--cover-h: calc(var(--cover-w) * 4 / 3);--band-x: calc(var(--cover-w) + 48px);--band-y: calc(var(--cover-h) * .7 + 28px);position: relative;display: grid;place-items: center;min-height: clamp(560px,46vw,700px);overflow: hidden;border: 1px solid var(--hairline-soft);border-radius: clamp(24px,2.4vw,34px);background: var(--surface-sunk);}@media (max-width: 640px){.gal-banner{--band-x: 20px;}}.gal-orbit{position: absolute;inset: 0;pointer-events: none;}.gal-orbit-cover{position: absolute;top: 0;left: 0;width: var(--cover-w);height: var(--cover-h);object-fit: cover;border-radius: 10px;box-shadow: 0 10px 28px rgba(0,0,0,.38);opacity: 0;will-change: transform;}.gal-orbit.is-ready .gal-orbit-cover:not([hidden]){opacity: 1;transition: opacity .6s ease;}.gal-head-inner{position: relative;z-index: 1;display: flex;flex-direction: column;align-items: center;width: min(100% - 2 * var(--band-x),780px);padding: var(--band-y) 0;text-align: center;}.gal-head .eyebrow{margin-bottom: 14px;color: var(--text-3);}.gal-head h1{max-width: 15ch;margin: 0;color: var(--text-1);font-family: var(--font-display);font-size: clamp(32px,4.4vw,62px);font-weight: 700;line-height: 1.02;letter-spacing: -.035em;text-wrap: balance;}.gal-searchbar{position: relative;display: block;width: min(100%,640px);margin-top: clamp(22px,2.6vw,34px);}.gal-searchbar input{width: 100%;height: 56px;padding: 0 56px 0 22px;border: 1px solid var(--hairline);border-radius: 999px;outline: none;color: var(--text-1);background: rgba(255,255,255,.06);font: 400 16px/1 var(--font-sans);transition: border-color .15s ease,background .15s ease,box-shadow .15s ease;-webkit-appearance: none;appearance: none;}.gal-searchbar input::placeholder{color: var(--text-4);}.gal-searchbar input:hover{border-color: var(--hairline-strong);}.gal-searchbar input:focus{border-color: var(--text-3);background: rgba(255,255,255,.09);box-shadow: 0 0 0 4px var(--wash);}.gal-searchbar svg{position: absolute;top: 50%;right: 20px;width: 20px;height: 20px;color: var(--text-3);transform: translateY(-50%);pointer-events: none;}.gal-chips.gal-chips--head{flex-wrap: wrap;justify-content: center;gap: 8px;width: 100%;overflow: visible;margin-top: 18px;}.gal-chips--head .gal-chip{height: 40px;padding: 0 16px;border: 1px solid var(--hairline);border-radius: 999px;color: var(--text-2);background: rgba(255,255,255,.04);font: 500 14px/1 var(--font-sans);}.gal-chips--head .gal-chip:hover{border-color: var(--hairline-strong);color: var(--text-1);background: var(--wash);}.gal-chips--head .gal-chip[aria-pressed="true"]{border-color: var(--text-1);color: var(--surface-0);background: var(--text-1);}.gal-inds{display: flex;flex-wrap: wrap;justify-content: center;gap: 4px;margin-top: 18px;}.gal-ind{height: 34px;padding: 0 12px;border: 0;border-radius: 999px;color: var(--text-3);background: transparent;font: 500 14px/1 var(--font-sans);cursor: pointer;transition: color .15s ease,background .15s ease;}.gal-ind:hover{color: var(--text-1);}.gal-ind[aria-pressed="true"]{color: var(--text-1);background: rgba(255,255,255,.08);}.gal-ind:focus-visible{outline: 2px solid var(--focus);outline-offset: 2px;}.gal-chips--head{margin-top: 12px;}.gal-chips--head .gal-chip--extra{display: none;}.gal-chips--head.is-open .gal-chip--extra{display: inline-flex;}.gal-chips--head .gal-chip.gal-chip--more{border-style: dashed;color: var(--text-3);}.gal-wall{width: min(100%,2200px);margin: 0 auto;padding: 0 clamp(12px,2vw,32px) calc(var(--section-y) + var(--gal-pill-room));}.gal-grid{--cols: 2;--gal-gap: clamp(8px,1vw,16px);columns: var(--cols);column-gap: var(--gal-gap);}.gal-grid > .gal-tile{margin-bottom: var(--gal-gap);break-inside: avoid;}.gal-grid.is-masonry{display: grid;grid-template-columns: repeat(var(--cols),minmax(0,1fr));align-items: start;columns: auto;}.gal-col{display: flex;flex-direction: column;gap: var(--gal-gap);min-width: 0;}@media (min-width: 560px){.gal-grid{--cols: 3;}}@media (min-width: 820px){.gal-grid{--cols: 4;}}@media (min-width: 1080px){.gal-grid{--cols: 5;}}@media (min-width: 1320px){.gal-grid{--cols: 6;}}@media (min-width: 1560px){.gal-grid{--cols: 7;}}@media (min-width: 1840px){.gal-grid{--cols: 8;}}.gal-tile{position: relative;display: block;aspect-ratio: var(--ar,1);overflow: hidden;border-radius: var(--gal-radius);background: var(--surface-1);isolation: isolate;}.gal-tile[hidden]{display: none;}.gal-tile:focus-visible{outline: 2px solid var(--focus);outline-offset: 3px;}.gal-tile::after{content: "";position: absolute;inset: 0;z-index: 3;border-radius: inherit;box-shadow: inset 0 0 0 1px var(--hairline-soft);pointer-events: none;}.gal-tile-cover{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;transition: transform .6s cubic-bezier(.2,.7,.2,1);}.gal-tile-cap{position: absolute;right: 0;bottom: 0;left: 0;z-index: 2;display: flex;flex-direction: column;gap: 3px;padding: 44px 56px 13px 14px;color: #fff;background: linear-gradient(to top,rgba(12,13,14,.74),rgba(12,13,14,0));opacity: 0;transform: translateY(6px);transition: opacity .2s ease,transform .25s ease;pointer-events: none;}.gal-tile-cap strong{font: 600 14px/1.25 var(--font-sans);}.gal-tile-cap span{overflow: hidden;font: 400 12px/1.3 var(--font-sans);text-overflow: ellipsis;white-space: nowrap;opacity: .82;}.gal-tile-go{position: absolute;right: 10px;bottom: 10px;z-index: 2;display: grid;place-items: center;width: 36px;height: 36px;border: 1px solid rgba(255,255,255,.16);border-radius: 50%;color: var(--text-1);background: var(--surface-header);-webkit-backdrop-filter: var(--glass-blur);backdrop-filter: var(--glass-blur);box-shadow: 0 4px 14px rgba(0,0,0,.3);opacity: 0;transform: scale(.9);transition: opacity .2s ease,transform .2s ease;}.gal-tile-go svg{width: 16px;height: 16px;}@media (hover: hover){.gal-tile:hover .gal-tile-cover{transform: scale(1.04);}.gal-tile:hover .gal-tile-cap,.gal-tile:focus-visible .gal-tile-cap,.gal-tile:hover .gal-tile-go,.gal-tile:focus-visible .gal-tile-go{opacity: 1;transform: none;}}.gal-empty{margin: 0;padding: 56px 0;color: var(--text-2);font: 16px/1.5 var(--font-mio);text-align: center;}.gal-empty button{margin-left: 6px;padding: 0;border: 0;color: var(--text-1);background: none;font: inherit;font-weight: 600;text-decoration: underline;text-underline-offset: 3px;cursor: pointer;}.gal-pill{position: fixed;left: 50%;bottom: max(18px,env(safe-area-inset-bottom));z-index: 15;display: flex;align-items: center;gap: 6px;max-width: calc(100vw - 24px);padding: 6px;border: 1px solid var(--hairline-soft);border-radius: 999px;color: var(--text-1);background: var(--surface-header);-webkit-backdrop-filter: var(--glass-blur);backdrop-filter: var(--glass-blur);box-shadow: 0 1px 2px rgba(0,0,0,.2),0 12px 32px rgba(0,0,0,.4);opacity: 0;visibility: hidden;transform: translate(-50%,28px);transition: opacity .25s ease,transform .45s cubic-bezier(.2,.8,.2,1),visibility 0s linear .45s;}.gal-pill.is-shown{opacity: 1;visibility: visible;transform: translateX(-50%);transition: opacity .25s ease,transform .45s cubic-bezier(.2,.8,.2,1),visibility 0s;}.gal-chips{display: flex;gap: 2px;min-width: 0;overflow-x: auto;scrollbar-width: none;}.gal-chips::-webkit-scrollbar{display: none;}.gal-chips-wrap{position: relative;display: flex;min-width: 0;max-width: 560px;}.gal-chips-wrap .gal-chips{-webkit-mask-image: linear-gradient(90deg,#000 calc(100% - 56px),transparent);mask-image: linear-gradient(90deg,#000 calc(100% - 56px),transparent);}.gal-chips-wrap.is-end .gal-chips{-webkit-mask-image: none;mask-image: none;}.gal-slide{position: absolute;top: 50%;right: 2px;display: grid;place-items: center;width: 32px;height: 32px;border: 0;border-radius: 999px;color: var(--text-1);background: rgba(255,255,255,.12);cursor: pointer;transform: translateY(-50%);}.gal-slide svg{width: 16px;height: 16px;}.gal-slide:hover{background: rgba(255,255,255,.2);}.gal-chips-wrap.is-end .gal-slide{display: none;}.gal-ind-select{flex: none;height: 40px;padding: 0 32px 0 14px;border: 0;border-radius: 999px;color: var(--text-1);background: rgba(255,255,255,.08) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23aaa' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center / 14px;font: 500 14px/1 var(--font-sans);-webkit-appearance: none;appearance: none;cursor: pointer;}.gal-ind-select:focus-visible{outline: 2px solid var(--focus);outline-offset: 2px;}.gal-ind-select option{color: #111;}.gal-chip{display: inline-flex;flex: none;align-items: center;height: 40px;padding: 0 14px;border: 0;border-radius: 999px;color: var(--text-2);background: transparent;font: 500 14px/1 var(--font-sans);white-space: nowrap;cursor: pointer;transition: background .15s ease,color .15s ease,border-color .15s ease;}.gal-chip:hover{color: var(--text-1);background: var(--wash);}.gal-chip[aria-pressed="true"]{color: var(--surface-0);background: var(--text-1);}.gal-chip:focus-visible,.gal-pill a:focus-visible{outline: 2px solid var(--focus);outline-offset: 2px;}.gal-search{position: relative;display: flex;flex: none;align-items: center;}.gal-search svg{position: absolute;left: 13px;width: 16px;height: 16px;color: var(--text-3);pointer-events: none;}.gal-search input{width: 112px;height: 40px;padding: 0 14px 0 36px;border: 1px solid var(--hairline);border-radius: 999px;outline: none;color: var(--text-1);background: rgba(255,255,255,.06);font: 500 14px/1 var(--font-sans);transition: width .2s ease,background .2s ease,border-color .2s ease;-webkit-appearance: none;appearance: none;}.gal-search input::placeholder{color: var(--text-3);}.gal-search input:focus{width: 180px;border-color: var(--text-3);background: rgba(255,255,255,.1);}.gal-pill--cta{gap: 8px;padding: 7px;}.gal-pill-copy{display: flex;flex-direction: column;gap: 4px;min-width: 0;margin: 0;padding: 0 12px 0 20px;}.gal-pill-copy strong{font: 600 16px/1.15 var(--font-sans);white-space: nowrap;}.gal-pill-copy span{overflow: hidden;color: var(--text-3);font: 400 13.5px/1.2 var(--font-sans);text-overflow: ellipsis;white-space: nowrap;}.gal-pill-primary,.gal-pill-ghost{display: inline-flex;flex: none;align-items: center;justify-content: center;gap: 8px;height: 50px;padding: 0 24px;border-radius: 999px;font: 600 15px/1 var(--font-sans);text-decoration: none;white-space: nowrap;transition: background .15s ease;}.gal-pill-primary{color: var(--surface-0);background: var(--text-1);}.gal-pill-primary:hover{background: #e4e4e2;}.gal-pill-ghost{color: var(--text-1);background: rgba(255,255,255,.08);font-weight: 500;}.gal-pill-ghost:hover{background: rgba(255,255,255,.14);}.gal-pill-ghost svg{width: 17px;height: 17px;}@media (max-width: 720px){.gal-pill{right: 12px;left: 12px;max-width: none;transform: translateY(28px);}.gal-pill.is-shown{transform: none;}.gal-pill .gal-chips-wrap{flex: 1;max-width: none;}.gal-ind-select{max-width: 132px;}.gal-search input{width: 40px;padding-right: 0;}.gal-search input::placeholder{color: transparent;}.gal-search input:focus{width: 150px;padding-right: 12px;}.gal-search input:focus::placeholder{color: var(--text-3);}.gal-searchbar input{height: 54px;font-size: 16px;}.gal-chips.gal-chips--head{gap: 8px;}.gal-chips--head .gal-chip{height: 40px;padding: 0 14px;font-size: 14px;}}@media (max-width: 600px){.gal-pill-copy{display: none;}.gal-pill-primary,.gal-pill-ghost{flex: 1;padding: 0 14px;height: 46px;}}.gal-detail.mio-wrap{padding-top: calc(var(--page-top) - 16px);}.gal-back{display: inline-flex;align-items: center;gap: 6px;margin-bottom: 22px;padding: 7px 14px 7px 11px;border-radius: 999px;color: var(--text-2);background: var(--wash);font: 500 14px/1 var(--font-sans);text-decoration: none;transition: background .15s ease,color .15s ease;}.gal-back:hover{color: var(--text-1);background: rgba(255,255,255,.12);}.gal-detail-grid{display: grid;grid-template-columns: minmax(0,1.5fr) minmax(0,1fr);gap: clamp(28px,4.4vw,64px);align-items: start;}@media (min-width: 961px){.gal-stage{position: sticky;top: calc(var(--header-h) + 24px);}}@media (max-width: 960px){.gal-detail-grid{grid-template-columns: minmax(0,1fr);}}.gal-canvas{height: clamp(460px,calc(100svh - var(--header-h) - 96px),780px);overflow: hidden;border-radius: var(--radius-card);border: 1px solid var(--hairline-soft);background: #1c1e20;box-shadow: 0 18px 44px rgba(0,0,0,.35);}.gal-canvas iframe{display: block;width: 100%;height: 100%;border: 0;}@media (max-width: 960px){.gal-canvas{height: clamp(420px,125vw,76svh);}}.gal-info-tag{display: inline-block;margin: 0 0 16px;padding: 6px 11px;border-radius: 999px;color: #17191a;background: var(--mio-yellow);font: 600 12px/1 var(--font-sans);}.gal-info h1{margin: 0 0 14px;color: var(--text-1);font-family: var(--font-display);font-size: clamp(32px,3.6vw,46px);font-weight: 700;line-height: 1.02;letter-spacing: -.03em;}.gal-info-line{margin: 0 0 14px;color: var(--text-1);font: 500 clamp(18px,1.5vw,20px)/1.4 var(--font-mio);}.gal-info-problem{margin: 0 0 26px;color: var(--text-3);font: 16px/1.55 var(--font-mio);}.gal-facts{margin: 0 0 30px;border-top: 1px solid var(--hairline);}.gal-facts > div{display: grid;grid-template-columns: 104px minmax(0,1fr);gap: 16px;padding: 12px 0;border-bottom: 1px solid var(--hairline-soft);}.gal-facts dt{color: var(--text-3);font: 600 13px/1.45 var(--font-sans);}.gal-facts dd{margin: 0;color: var(--text-1);font: 500 15px/1.45 var(--font-sans);}.gal-info h2{margin: 0 0 12px;color: var(--text-2);font: 700 13px/1 var(--font-mio);letter-spacing: .1em;text-transform: uppercase;}.gal-steps{display: grid;gap: 10px;margin: 0;padding: 0;list-style: none;counter-reset: gal-step;}.gal-steps li{position: relative;padding: 16px 18px 16px 58px;border: 1px dashed var(--hairline-strong);border-radius: 14px;color: var(--text-1);background: var(--surface-1);font: 15px/1.45 var(--font-sans);counter-increment: gal-step;}.gal-steps li::before{content: counter(gal-step);position: absolute;top: 50%;left: 18px;translate: 0 -50%;display: grid;place-items: center;width: 26px;height: 26px;border-radius: 50%;color: var(--surface-0);background: var(--text-1);font: 600 12.5px/1 var(--font-sans);}.gal-outputs.mio-wrap{padding-top: var(--section-y);}.gal-outputs-head{display: flex;flex-wrap: wrap;align-items: baseline;justify-content: space-between;gap: 8px 24px;margin-bottom: var(--head-gap);}.gal-outputs h2{margin: 0;color: var(--text-1);font-family: var(--font-display);font-size: var(--h2);letter-spacing: -.035em;}.gal-outputs-head p{margin: 0;color: var(--text-3);font: 500 15px/1.4 var(--font-sans);}.gal-outs{--out-h: 480px;--out-gap: clamp(10px,1.4vw,18px);display: flex;align-items: flex-start;gap: var(--out-gap);max-width: calc(var(--sum) * var(--out-h) + (var(--n) - 1) * var(--out-gap));}.gal-out{flex: var(--ar) 1 0%;min-width: 0;margin: 0;}.gal-out img{display: block;width: 100%;height: auto;aspect-ratio: var(--ar);border-radius: var(--gal-radius);outline: 1px solid var(--hairline-soft);outline-offset: -1px;background: var(--surface-1);}.gal-out figcaption{margin-top: 10px;color: var(--text-2);font: 500 14px/1.3 var(--font-sans);}@media (max-width: 720px){.gal-outs{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));max-width: none;}}.gal-prompts.mio-wrap{padding-top: var(--section-y);}.gal-prompts h2{margin: 0;color: var(--text-1);font-family: var(--font-display);font-size: var(--h2);letter-spacing: -.035em;}.gal-prompts-look{max-width: 76ch;margin: 0 0 14px;padding: 18px 20px;border: 1px dashed var(--hairline-strong);border-radius: 14px;color: var(--text-1);background: var(--surface-1);font: 16px/1.6 var(--font-mio);}.gal-prompts-scenes{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,280px),1fr));gap: 12px;margin: 0 0 28px;padding: 0;list-style: none;}.gal-prompts-scenes li{padding: 16px 18px;border: 1px solid var(--hairline-soft);border-radius: 14px;background: var(--surface-1);}.gal-prompts-scenes h3,.gal-prompts-sub{margin: 0 0 10px;color: var(--text-2);font: 700 13px/1 var(--font-mio);letter-spacing: .1em;text-transform: uppercase;}.gal-prompts-scenes p{margin: 0;color: var(--text-1);font: 15px/1.55 var(--font-sans);}.gal-prompts-vars{max-width: 560px;}.gal-var{padding: 1px 6px;border-radius: 6px;color: #17191a;background: var(--mio-yellow);font: 600 .9em/1.3 var(--font-sans);white-space: nowrap;}.gal-var-unset{color: var(--text-3);}.gal-more.mio-wrap{padding-top: var(--section-y);padding-bottom: calc(var(--section-y) + var(--gal-pill-room));}.gal-more h2{margin: 0 0 var(--head-gap);color: var(--text-1);font-family: var(--font-display);font-size: var(--h2);letter-spacing: -.035em;}@media (prefers-reduced-motion: reduce){.gal-pill,.gal-pill.is-shown{transition: opacity .2s ease,visibility 0s;}.gal-tile-cover,.gal-tile-cap,.gal-tile-go{transition: none;}.gal-tile:hover .gal-tile-cover{transform: none;}}