.lunar-builder,.lunar-builder *{box-sizing:border-box}.lunar-builder{--lunar-preview-size: 360px;--lunar-menu-height: 360px;--lunar-gap: 28px;--lunar-btn: 40px;--lunar-row-gap: 12px;--lunar-card-radius: 18px}.lunar-card{border:1px solid rgba(0,0,0,.12);border-radius:var(--lunar-card-radius);background:none;padding:18px}.lunar-card-title{margin:0 0 14px;text-align:flex-left;font-weight:600}.lunar-card-body{display:grid;grid-template-columns:var(--lunar-preview-size) minmax(320px,420px);gap:var(--lunar-gap);justify-content:center;align-items:center}.lunar-stage{width:var(--lunar-preview-size);height:var(--lunar-preview-size);position:relative;border-radius:16px;background:none;overflow:hidden}.lunar-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.lunar-controls{width:100%;height:var(--lunar-menu-height);display:grid;align-content:center;gap:var(--lunar-row-gap)}.lunar-row{display:grid;grid-template-columns:var(--lunar-btn) minmax(0,1fr) var(--lunar-btn);align-items:center;column-gap:12px}.lunar-btn{width:var(--lunar-btn);height:var(--lunar-btn);display:grid;place-items:center;padding:0;border-radius:12px;line-height:1;font-size:20px}.lunar-row-center{display:grid;justify-items:center;text-align:center;gap:4px;min-width:0}.lunar-row-label{font-size:12px;font-weight:600;white-space:nowrap}.lunar-row-count{font-size:11px;opacity:.7;white-space:nowrap}@media (max-width: 880px){.lunar-builder{--lunar-preview-size: 320px;--lunar-menu-height: auto}.lunar-card-body{grid-template-columns:1fr;gap:18px}.lunar-controls{height:auto;justify-items:center}}.lunar-builder{--lunar-preview-max: 520px;--lunar-menu-max: 420px}.lunar-card-body{grid-template-columns:minmax(420px,var(--lunar-preview-max)) minmax(320px,var(--lunar-menu-max));justify-content:center;align-items:center}.lunar-stage{width:100%;max-width:var(--lunar-preview-max);aspect-ratio:1 / 1;height:auto}.lunar-btn{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;width:40px!important;height:40px!important;padding:0!important;display:grid!important;place-items:center!important;line-height:1!important;font-size:20px!important;cursor:pointer}.lunar-btn:hover{opacity:.65}.lunar-btn:focus{outline:none}.lunar-btn:focus-visible{outline:2px solid rgba(0,0,0,.35);outline-offset:3px;border-radius:10px}.lunar-builder{max-width:var(--page-width);margin:0 auto;padding-left:0;padding-right:0}.lunar-cards{width:100%;display:grid;gap:22px}.lunar-card{width:90%;max-width:100%;margin:0 auto}.lunar-card-body{display:grid;grid-template-columns:minmax(420px,520px) minmax(320px,420px);justify-content:center;align-items:center;margin:0 auto}.lunar-card-title,.lunar-title,.lunar-sub{text-align:center}.lunar-preview{display:grid;place-items:center}.lunar-controls{margin:0 auto}@media (max-width: 880px){.lunar-builder{padding-left:16px;padding-right:16px}.lunar-card-body{grid-template-columns:1fr;justify-items:center}}.lunar-continue{display:inline-flex;align-items:center;gap:8px;margin-top:20px;margin-left:0;padding:14px 26px;font-size:15px;font-weight:600;letter-spacing:.01em;color:#fff;background:#111;border:none;border-radius:999px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.lunar-continue:hover{background:#000;transform:translateY(-1px);box-shadow:0 6px 18px #0000002e}.lunar-continue:active{transform:translateY(0);box-shadow:0 3px 10px #00000029}.lunar-continue:after{content:"Step 2";font-size:11px;opacity:.7}.lunar-continue{margin-left:auto}.lunar-continue{margin-top:16px}.lunar-continue{align-self:center;margin:24px 0}.lunar-builder{display:flex;flex-direction:column}@media (max-width: 749px){.lunar-card-body{display:grid;grid-template-columns:1fr;gap:14px}.lunar-preview{width:100%;aspect-ratio:1 / 1;position:relative;overflow:hidden}.lunar-preview .lunar-stage{position:absolute;top:0;right:0;bottom:0;left:0}.lunar-preview .lunar-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block}}.lunar-builder{--character-title-offset-desktop: 30px;--character-title-offset-mobile: 10px}.lunar-card-title{margin-top:var(--character-title-offset-desktop)}@media (max-width: 749px){.lunar-card-title{margin-top:var(--character-title-offset-mobile)}}.lunar-builder{--lunar-arrowW: 44px;--lunar-rowH: 56px}.lunar-preview{position:relative;width:100%;aspect-ratio:1 / 1;min-height:260px;overflow:hidden}.lunar-preview .lunar-stage{position:absolute;top:0;right:0;bottom:0;left:0}.lunar-preview .lunar-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.lunar-row{display:grid!important;grid-template-columns:var(--lunar-arrowW) 1fr var(--lunar-arrowW)!important;align-items:center!important;min-height:var(--lunar-rowH)}.lunar-btn{width:var(--lunar-arrowW);height:var(--lunar-arrowW);padding:0;display:grid;place-items:center;justify-self:center;align-self:center;color:#000!important;-webkit-text-fill-color:#000;background:transparent;border:0;appearance:none;-webkit-appearance:none;font-size:22px;line-height:1}.lunar-row-center{text-align:center}.lunar-row-label,.lunar-row-count{margin:0!important}@media (orientation: landscape) and (max-width: 900px){.lunar-cards{display:grid!important;grid-template-columns:1fr!important;gap:18px!important}.lunar-card-body{display:grid!important;grid-template-columns:1.15fr .85fr!important;gap:16px!important;align-items:start!important}.lunar-preview{position:relative;aspect-ratio:1 / 1;min-height:240px;overflow:hidden}.lunar-preview .lunar-stage{position:absolute;top:0;right:0;bottom:0;left:0}.lunar-preview .lunar-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}}.lunar-row{display:grid!important;grid-template-columns:44px 1fr 44px!important;align-items:center!important;min-height:56px!important}.lunar-btn{width:44px;height:44px;display:grid;place-items:center;color:#000!important;-webkit-text-fill-color:#000;background:transparent;border:0;appearance:none;-webkit-appearance:none}.lunar-watermark{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;opacity:.45}[data-lunar-controls]{position:relative;padding-bottom:44px}
/*# sourceMappingURL=/cdn/shop/t/4/assets/lunar-builder.css.map */