.mk{--ink:#1d2f27;--muted:#5d6c64;--line:#e2e8e4;--ease:cubic-bezier(.22,.9,.24,1)}.mk[data-kind=ai]{background:radial-gradient(70% 55% at 88% 0,#ffffffd1,#0000 70%),radial-gradient(circle,#3b5fb81a 1px,#0000 1.6px) 0 0/18px 18px,linear-gradient(155deg,#eaf1fd,#d6e3f8)}.mk[data-kind=design]{background:radial-gradient(70% 55% at 10% 0,#ffffffd1,#0000 70%),radial-gradient(circle,#7a4a6e1a 1px,#0000 1.6px) 0 0/18px 18px,linear-gradient(155deg,#f6eef4,#e9dbe6)}.mk-scene{color:var(--ink);gap:16px;padding:62px 18px 16px;font-family:Inter,Arial,sans-serif;display:flex;position:absolute;inset:0}.mk-page{aspect-ratio:1586/2246;background:#fff;border-radius:6px;flex:none;height:100%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #1d2f2712,0 18px 36px -14px #1d3b2f59}.mk-cam{will-change:transform;transition:transform .9s cubic-bezier(.65,0,.2,1);position:absolute;inset:0}.mk-design .mk-cam{transition-delay:.5s}.mk-cam img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.mk-after{opacity:0;transition:opacity .45s}.mk-after[data-show=true]{opacity:1}.mk-frame{opacity:0;transition:opacity .5s .62s}.mk-frame[data-show=true]{opacity:1}.mk-focus{opacity:0;border-radius:2px;transition:opacity .3s,box-shadow .3s,left .4s,top .4s,width .4s,height .4s;position:absolute;box-shadow:0 0 0 1px #3b6fd0}.mk-focus[data-on=true]{opacity:1}.mk-focus[data-on=true]:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffffc7 50%,#0000 70%) 0 0/220% 100%;animation:1.1s linear infinite mk-shimmer;position:absolute;inset:0}.mk-focus[data-done=true]{opacity:1;animation:1.6s ease-out both mk-flash;box-shadow:0 0 0 1px #2e7d5b}.mk-focus[data-review=true]{opacity:1;background:#7fdcb02e;animation:1.6s ease-in-out infinite mk-pulse;box-shadow:0 0 0 1.5px #2e7d5b,0 0 0 5px #2e7d5b26}.mk-checked{z-index:2;color:#fff;text-align:center;opacity:0;transition:opacity .35s .5s,transform .5s .5s var(--ease);background:#1d2f27eb;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:7px 8px;font-size:8.5px;font-weight:600;display:flex;position:absolute;bottom:8px;left:8px;right:8px;transform:translateY(10px)}.mk-checked[data-show=true]{opacity:1;transform:none}.mk-ai{padding-top:92px}.mk-chips{position:absolute;top:58px;left:18px;right:18px;overflow:hidden;container-type:inline-size}.mk-chips>div{width:max-content;transform:translateX(min(0px,calc((100cqw - 100%) * var(--p))));transition:transform .7s var(--ease);gap:5px;display:flex}.lp-site .mk-chips button{color:#4a5a80;white-space:nowrap;background:#ffffffa6;border:1px solid #3b5fb82e;border-radius:99px;padding:5px 10px;font-size:9px;font-weight:500;transition:background .3s,color .3s,border-color .3s}.lp-site .mk-chips button[aria-pressed=true]{color:#fff;background:#2c4a8f;border-color:#2c4a8f}.mk-chips button:focus-visible{outline-offset:1px;outline:2px solid #2c4a8f}.mk-before{animation:.5s both mk-fade}.mk-preload{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.mk-ai .mk-thinking{color:#2c4a8f}.mk-chat{flex-direction:column;flex:1;justify-content:flex-end;gap:8px;min-width:0;display:flex}.mk-bubble{color:#fff;opacity:0;transform-origin:100% 100%;max-width:92%;transition:opacity .3s,transform .5s var(--ease);background:#2c4a8f;border-radius:13px 13px 3px;align-self:flex-end;padding:8px 11px;font-size:9.5px;line-height:1.45;transform:translateY(34px)scale(.92)}.mk-bubble[data-show=true]{opacity:1;transform:none}.mk-thinking{color:#2c4a8f;opacity:0;align-items:center;gap:5px;height:0;font-size:8.5px;transition:opacity .25s,height .3s;display:flex;overflow:hidden}.mk-thinking[data-show=true]{opacity:1;height:16px}.mk-thinking i{background:currentColor;border-radius:50%;width:3px;height:3px;animation:.9s ease-in-out infinite mk-dot}.mk-thinking i:nth-of-type(2){animation-delay:.15s}.mk-thinking i:nth-of-type(3){animation-delay:.3s}.mk-card{opacity:0;max-height:0;transition:max-height .5s var(--ease),padding .5s var(--ease),opacity .3s,transform .5s var(--ease),box-shadow .3s;background:#fff;border-radius:12px;gap:6px;padding:0 11px;display:grid;overflow:hidden;transform:translateY(10px);box-shadow:0 0 0 1px #1d2f2712,0 14px 28px -14px #1d3b2f59}.mk-card[data-show=true]{opacity:1;max-height:230px;padding:10px 11px 11px;transform:none}.mk-card[data-applied=true]{box-shadow:0 0 0 1.5px #2e7d5b80,0 14px 28px -14px #1d3b2f59}.mk-card-top{letter-spacing:.08em;text-transform:uppercase;color:#2c4a8f;align-items:center;gap:5px;font-size:7.5px;font-weight:700;display:flex}.mk-card[data-applied=true] .mk-card-top{color:#2e7d5b}.mk-crop{max-height:92px;box-shadow:0 0 0 1px var(--line);border-radius:6px;display:block;overflow:hidden}.mk-crop img{width:100%;height:auto;animation:mk-rise .45s var(--ease) both;display:block}.mk-actions{align-items:center;gap:8px;margin-top:2px;display:flex}.mk-actions b{background:var(--ink);color:#fff;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:8.5px;font-weight:600;transition:background .3s,transform .2s;display:flex;position:relative}.mk-ai[data-phase="4"] .mk-actions b{transform:scale(.94)}.mk-card[data-applied=true] .mk-actions b{background:#2e7d5b}.mk-actions em{color:var(--muted);font-size:8.5px;font-style:normal}.mk-actions .lp-product-pointer{top:55%;right:-6px}.mk-input{background:#fff;border:1px solid #cfdcd8;border-radius:11px;align-items:center;gap:8px;min-height:34px;padding:5px 5px 5px 11px;transition:border-color .25s,box-shadow .25s;display:flex}.mk-input[data-active=true]{border-color:#3b6fd0;box-shadow:0 0 0 3px #3b6fd026}.mk-input>span{min-width:0;color:var(--ink);flex:1;font-size:9px;line-height:1.35}.mk-caret{vertical-align:-1px;background:#3b6fd0;width:1.5px;height:10px;margin-left:1px;animation:1s step-end infinite mk-blink;display:inline-block}.mk-input>b{color:#fff;width:24px;height:24px;transition:transform .3s var(--ease);background:#2c4a8f;border-radius:8px;flex:none;place-items:center;display:grid}.mk-input>b[data-sent=true]{animation:mk-send .45s var(--ease)}.mk-pdf{background:var(--ink);color:#fff;opacity:0;border-radius:99px;align-items:center;gap:5px;padding:6px 11px;font-size:9px;font-weight:600;transition:opacity .3s,transform .45s cubic-bezier(.3,1.5,.5,1);display:flex;position:absolute;bottom:10px;right:10px;transform:translateY(8px)scale(.9)}.mk-pdf[data-show=true]{opacity:1;transform:none}.mk-dock{--row-h:66px;flex:1;align-self:start;gap:8px;min-width:0;margin-top:4px;display:grid;position:relative}.mk-control{height:58px;transition:background .3s,box-shadow .3s,transform .4s var(--ease);background:#ffffffb8;border:1px solid #ffffffe6;border-radius:13px;padding:8px 10px;box-shadow:0 0 0 1px #4a2f440f}.mk-control[data-active=true]{background:#fff;transform:translate(-4px);box-shadow:0 0 0 1.5px #9a6a8c8c,0 10px 22px -12px #4a2f4466}.mk-control>span{letter-spacing:.12em;text-transform:uppercase;color:#6f4a66;align-items:center;gap:4px;font-size:7.5px;font-weight:700;display:flex}.mk-control>div{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px;display:grid}.mk-control b{background:#f4eef2;border-radius:7px;place-items:center;height:24px;transition:background .3s .58s,box-shadow .3s .58s,transform .35s cubic-bezier(.3,1.6,.5,1) .58s;display:grid}.mk-control b[data-on=true]{box-shadow:0 0 0 1.5px var(--ink);background:#fff;transform:scale(1.04)}.mk-layout{grid-auto-flow:column;gap:2px;padding:6px 9px}.mk-layout i{background:#b9a6b4;border-radius:1.5px;width:100%;min-width:3px;height:100%;transition:background .3s .58s}.mk-layout[data-on=true] i{background:var(--ink)}.mk-swatch:before{content:"";background:var(--swatch);border-radius:50%;width:13px;height:13px}.mk-font{color:var(--ink);font-size:11px;font-weight:600}.mk-export{background:var(--ink);color:#fff;border-radius:11px;justify-content:center;align-items:center;gap:6px;height:34px;font-size:9.5px;font-weight:600;transition:background .3s,transform .25s;display:flex}.mk-export[data-active=true]{background:#2e7d5b;animation:.45s mk-press}.mk-cursor{z-index:5;left:calc(10px + (100% - 20px) * (var(--opt) * 2 + 1) / 6 - 2px);top:calc(var(--row) * var(--row-h) + 36px);transition:left .6s var(--ease),top .6s var(--ease);pointer-events:none;position:absolute}.mk-cursor .lp-product-pointer{animation:none;display:block;position:relative;inset:auto}.mk-cursor .lp-product-pointer[data-clicking=true] svg{animation-delay:.55s}.mk-cursor .lp-product-pointer[data-clicking=true] i{animation-delay:.62s}.mk-cursor .lp-product-pointer[data-clicking=true] i+i{animation-delay:.7s}.mk-design[data-phase="3"] .mk-cursor{top:calc(3 * var(--row-h) + 14px)}@keyframes mk-fade{0%{opacity:0}}@keyframes mk-in{0%{opacity:0;transform:translateY(8px)}}@keyframes mk-rise{0%{opacity:0;transform:translateY(5px)}}@keyframes mk-pop{0%{opacity:0;transform:scale(.7)}}@keyframes mk-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes mk-pulse{50%{box-shadow:0 0 0 1.5px #2e7d5b,0 0 0 9px #2e7d5b00}}@keyframes mk-flash{0%{background:#7fdcb059}60%{background:0 0}to{opacity:0;background:0 0}}@keyframes mk-dot{50%{opacity:.25;transform:translateY(-2px)}}@keyframes mk-blink{50%{opacity:0}}@keyframes mk-send{40%{transform:scale(.8)rotate(-12deg)}}@keyframes mk-press{40%{transform:scale(.95)}}@media (max-width:800px){.mk-scene{gap:12px;padding:58px 14px 14px}.mk-dock{--row-h:60px}.mk-control{height:52px;padding:6px 8px}.mk-control b{height:21px}.mk-export{height:30px}}@media (max-width:580px){.mk-scene{gap:10px}.mk-chat{gap:6px}.mk-ai{padding-top:86px}.mk-chips{top:54px;left:14px;right:14px}.lp-site .mk-chips button{padding:4px 8px;font-size:8px}.mk-ai .mk-page{align-self:center;height:82%}.mk-card[data-show=true]{padding:8px}.mk-card-top{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.mk-card-top svg,.mk-actions em{display:none}.mk-actions b{padding:6px 9px}.mk-thinking{font-size:7.5px}.mk-bubble{padding:6px 8px;font-size:8.5px}.mk-crop{max-height:64px}.mk-input>span{font-size:8px}.mk-card-top,.mk-control>span{font-size:6.5px}.mk-control>div{gap:4px}.mk-layout{padding:5px 6px}}@media (prefers-reduced-motion:reduce){.mk *,.mk :after{transition:none!important;animation:none!important}}