:root{--mk-d-gold: #c9a84c;--mk-d-gold-light: #f0e4bd;--mk-d-text: #0d0d0d;--mk-d-muted: #6b6560;--mk-d-lighter: #9a948f;--mk-d-border: #e8e3da;--mk-d-card-bg: #faf7f2;--mk-d-white: #ffffff;--mk-d-radius: 16px;--mk-d-radius-sm: 10px;--mk-d-ease: cubic-bezier(.25, .8, .25, 1);--mk-d-ease-spring: cubic-bezier(.34, 1.56, .64, 1)}.mk-designer-page{background:var(--mk-d-white);overflow-x:hidden}.mk-dsgn-hero{position:relative;padding:96px 24px 80px;text-align:center;overflow:hidden}.mk-dsgn-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(201,168,76,.12) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 80% 110%,rgba(201,168,76,.08) 0%,transparent 60%);pointer-events:none}.mk-dsgn-eyebrow{display:inline-block;font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--mk-d-gold);border:1px solid var(--mk-d-gold-light);background:#c9a84c12;padding:6px 18px;border-radius:50px;margin-bottom:28px;opacity:0;transform:translateY(12px);animation:mkFadeUp .6s var(--mk-d-ease) .1s forwards}.mk-dsgn-hero-heading{font-family:Playfair Display,serif;font-size:clamp(32px,5vw,54px);font-weight:700;color:var(--mk-d-text);line-height:1.18;max-width:760px;margin:0 auto 24px;opacity:0;transform:translateY(16px);animation:mkFadeUp .7s var(--mk-d-ease) .2s forwards}.mk-dsgn-hero-sub{font-size:16px;line-height:1.75;color:var(--mk-d-muted);max-width:600px;margin:0 auto 48px;opacity:0;transform:translateY(12px);animation:mkFadeUp .7s var(--mk-d-ease) .35s forwards}.mk-dsgn-scroll-hint{display:flex;justify-content:center;opacity:0;animation:mkFadeUp .6s var(--mk-d-ease) .6s forwards}.mk-dsgn-scroll-hint svg{animation:mkBounce 1.8s ease-in-out infinite;color:var(--mk-d-gold)}.mk-dsgn-how{padding:72px 24px;background:var(--mk-d-card-bg);border-top:1px solid var(--mk-d-border);border-bottom:1px solid var(--mk-d-border)}.mk-dsgn-section-label{font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--mk-d-gold);text-align:center;margin-bottom:12px}.mk-dsgn-section-heading{font-family:Playfair Display,serif;font-size:clamp(24px,3.5vw,36px);font-weight:700;color:var(--mk-d-text);text-align:center;margin-bottom:56px}.mk-dsgn-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:960px;margin:0 auto}.mk-dsgn-step{background:var(--mk-d-white);border:1px solid var(--mk-d-border);border-radius:var(--mk-d-radius);padding:36px 28px;position:relative;transition:transform .35s var(--mk-d-ease),box-shadow .35s var(--mk-d-ease),border-color .35s var(--mk-d-ease)}.mk-dsgn-step:hover{transform:translateY(-6px);box-shadow:0 20px 40px #00000012;border-color:var(--mk-d-gold-light)}.mk-dsgn-step-number{position:absolute;top:20px;right:20px;font-family:Playfair Display,serif;font-size:48px;font-weight:700;color:#c9a84c1f;line-height:1;-webkit-user-select:none;user-select:none}.mk-dsgn-step-icon{width:52px;height:52px;background:#c9a84c1a;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--mk-d-gold)}.mk-dsgn-step h3{font-family:Montserrat,sans-serif;font-size:15px;font-weight:700;letter-spacing:.02em;color:var(--mk-d-text);margin-bottom:10px}.mk-dsgn-step p{font-size:13.5px;line-height:1.7;color:var(--mk-d-muted)}.mk-dsgn-form-section{padding:80px 24px 96px}.mk-dsgn-form-wrapper{max-width:680px;margin:0 auto}.mk-dsgn-form-section .mk-dsgn-section-heading{margin-bottom:40px}.mk-dsgn-login-gate{background:var(--mk-d-card-bg);border:1px solid var(--mk-d-border);border-radius:var(--mk-d-radius);padding:64px 40px;text-align:center}.mk-dsgn-lock-icon{width:64px;height:64px;background:#c9a84c1a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:var(--mk-d-gold)}.mk-dsgn-login-gate h3{font-family:Playfair Display,serif;font-size:22px;font-weight:700;color:var(--mk-d-text);margin-bottom:12px}.mk-dsgn-login-gate p{font-size:14px;color:var(--mk-d-muted);max-width:360px;margin:0 auto 32px;line-height:1.7}.mk-dsgn-form{display:flex;flex-direction:column}.mk-dsgn-form-group{margin-bottom:28px}.mk-dsgn-form-label{display:block;font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mk-d-text);margin-bottom:10px}.mk-dsgn-required{color:var(--mk-d-gold);margin-left:3px}.mk-dsgn-input,.mk-dsgn-textarea,.mk-dsgn-select{width:100%;background:var(--mk-d-card-bg);border:1.5px solid var(--mk-d-border);border-radius:var(--mk-d-radius-sm);padding:14px 16px;font-family:Montserrat,sans-serif;font-size:14px;color:var(--mk-d-text);transition:border-color .25s var(--mk-d-ease),box-shadow .25s var(--mk-d-ease),background .25s var(--mk-d-ease);outline:none;appearance:none;-webkit-appearance:none;box-sizing:border-box}.mk-dsgn-input:focus,.mk-dsgn-textarea:focus,.mk-dsgn-select:focus{border-color:var(--mk-d-gold);background:var(--mk-d-white);box-shadow:0 0 0 4px #c9a84c1a}.mk-dsgn-input::placeholder,.mk-dsgn-textarea::placeholder{color:var(--mk-d-lighter)}.mk-dsgn-textarea{resize:vertical;min-height:120px;line-height:1.65}.mk-dsgn-char-count{display:block;text-align:right;font-size:11px;color:var(--mk-d-lighter);margin-top:6px;transition:color .2s}.mk-dsgn-char-count.near-limit{color:#c9844c}.mk-dsgn-price-row{position:relative}.mk-dsgn-price-prefix{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;color:var(--mk-d-gold);pointer-events:none;z-index:1}.mk-dsgn-price-row .mk-dsgn-input{padding-left:34px}.mk-dsgn-select-wrapper{position:relative}.mk-dsgn-select-wrapper:after{content:"";position:absolute;right:16px;top:50%;transform:translateY(-60%) rotate(45deg);width:7px;height:7px;border-right:2px solid var(--mk-d-muted);border-bottom:2px solid var(--mk-d-muted);pointer-events:none;transition:transform .2s var(--mk-d-ease),border-color .2s}.mk-dsgn-select-wrapper:focus-within:after{transform:translateY(-30%) rotate(-135deg);border-color:var(--mk-d-gold)}.mk-dsgn-select{padding-right:44px;cursor:pointer}.mk-dsgn-upload-zone{position:relative;border:2px dashed var(--mk-d-border);border-radius:var(--mk-d-radius);background:var(--mk-d-card-bg);padding:48px 24px;text-align:center;cursor:pointer;transition:border-color .3s var(--mk-d-ease),background .3s var(--mk-d-ease),transform .3s var(--mk-d-ease-spring),box-shadow .3s var(--mk-d-ease);overflow:hidden}.mk-dsgn-upload-zone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 50% 50%,rgba(201,168,76,.06) 0%,transparent 70%);opacity:0;transition:opacity .4s;pointer-events:none}.mk-dsgn-upload-zone:hover,.mk-dsgn-upload-zone.mk-drag-over{border-color:var(--mk-d-gold);background:#c9a84c08;transform:scale(1.01);box-shadow:0 8px 32px #c9a84c26}.mk-dsgn-upload-zone:hover:before,.mk-dsgn-upload-zone.mk-drag-over:before{opacity:1}.mk-dsgn-upload-zone.mk-drag-over{border-style:solid}.mk-dsgn-file-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.mk-dsgn-upload-icon{width:56px;height:56px;background:#c9a84c1a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--mk-d-gold);transition:transform .3s var(--mk-d-ease-spring),background .3s;pointer-events:none}.mk-dsgn-upload-zone:hover .mk-dsgn-upload-icon,.mk-dsgn-upload-zone.mk-drag-over .mk-dsgn-upload-icon{transform:scale(1.15) translateY(-3px);background:#c9a84c2e}.mk-dsgn-upload-primary{font-family:Montserrat,sans-serif;font-size:15px;font-weight:600;color:var(--mk-d-text);margin-bottom:6px;pointer-events:none}.mk-dsgn-upload-secondary{font-size:12.5px;color:var(--mk-d-muted);pointer-events:none}.mk-dsgn-upload-secondary span{color:var(--mk-d-gold);font-weight:600}.mk-dsgn-preview-area{margin-top:20px;display:none}.mk-dsgn-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mk-dsgn-preview-title{font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mk-d-muted)}.mk-dsgn-remove-all{font-size:12px;color:var(--mk-d-lighter);background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .2s;padding:0}.mk-dsgn-remove-all:hover{color:#c0392b}.mk-dsgn-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.mk-dsgn-thumb{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;border:1.5px solid var(--mk-d-border);animation:mkScaleIn .3s var(--mk-d-ease-spring) both}.mk-dsgn-thumb img{width:100%;height:100%;object-fit:cover;display:block}.mk-dsgn-thumb-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;background:#0d0d0dcc;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;opacity:0;transition:opacity .2s;padding:0}.mk-dsgn-thumb:hover .mk-dsgn-thumb-remove{opacity:1}.mk-dsgn-field-error{display:none;font-size:12px;color:#c0392b;margin-top:7px;padding:8px 12px;background:#c0392b0f;border-radius:6px;border-left:3px solid #c0392b}.mk-dsgn-form-group.has-error .mk-dsgn-input,.mk-dsgn-form-group.has-error .mk-dsgn-textarea,.mk-dsgn-form-group.has-error .mk-dsgn-select{border-color:#c0392b;box-shadow:0 0 0 4px #c0392b12}.mk-dsgn-form-group.has-error .mk-dsgn-upload-zone{border-color:#c0392b}.mk-dsgn-form-group.has-error .mk-dsgn-field-error{display:block;animation:mkShake .4s var(--mk-d-ease)}.mk-dsgn-submitter-info{background:var(--mk-d-card-bg);border:1px solid var(--mk-d-border);border-left:3px solid var(--mk-d-gold);border-radius:var(--mk-d-radius-sm);padding:14px 18px;margin-bottom:28px;font-size:13px;color:var(--mk-d-muted);line-height:1.5}.mk-dsgn-submitter-info strong{color:var(--mk-d-text)}.mk-dsgn-submit-btn{width:100%;padding:18px 32px;background:var(--mk-d-text);color:var(--mk-d-white);border:none;border-radius:50px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:background .3s var(--mk-d-ease),transform .2s var(--mk-d-ease),box-shadow .3s var(--mk-d-ease)}.mk-dsgn-submit-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.08) 50%,transparent 70%);transform:translate(-100%);transition:transform .55s var(--mk-d-ease)}.mk-dsgn-submit-btn:hover:before{transform:translate(100%)}.mk-dsgn-submit-btn:hover{background:var(--mk-d-gold);box-shadow:0 8px 24px #c9a84c59}.mk-dsgn-submit-btn:active{transform:scale(.98)}.mk-dsgn-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.mk-dsgn-btn-inner{display:flex;align-items:center;justify-content:center;gap:10px;pointer-events:none}.mk-dsgn-spinner{display:none;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:mkSpin .7s linear infinite;flex-shrink:0}.mk-dsgn-submit-btn.is-loading .mk-dsgn-spinner{display:block}.mk-dsgn-submit-btn.is-loading .mk-dsgn-btn-text{opacity:.5}.mk-dsgn-disclaimer{margin-top:20px;font-size:11.5px;color:var(--mk-d-lighter);text-align:center;line-height:1.65;padding:0 8px}.mk-dsgn-success{display:none;text-align:center;padding:64px 32px}.mk-dsgn-success.is-visible{display:block;animation:mkFadeUp .5s var(--mk-d-ease) both}.mk-dsgn-success-icon{width:80px;height:80px;background:#c9a84c1f;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 28px;color:var(--mk-d-gold);animation:mkPulse 2s ease-in-out infinite}.mk-dsgn-success h2{font-family:Playfair Display,serif;font-size:28px;font-weight:700;color:var(--mk-d-text);margin-bottom:14px}.mk-dsgn-success p{font-size:15px;color:var(--mk-d-muted);max-width:480px;margin:0 auto 32px;line-height:1.75}.mk-dsgn-success-btn{display:inline-block;padding:14px 36px;background:var(--mk-d-text);color:var(--mk-d-white);border-radius:50px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:background .3s var(--mk-d-ease),transform .2s;border:none;cursor:pointer}.mk-dsgn-success-btn:hover{background:var(--mk-d-gold);color:var(--mk-d-white);transform:translateY(-2px)}.mk-dsgn-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--mk-d-ease),transform .7s var(--mk-d-ease)}.mk-dsgn-reveal.is-visible{opacity:1;transform:none}@keyframes mkFadeUp{to{opacity:1;transform:none}}@keyframes mkBounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes mkScaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes mkSpin{to{transform:rotate(360deg)}}@keyframes mkPulse{0%,to{box-shadow:0 0 #c9a84c40}50%{box-shadow:0 0 0 14px #c9a84c00}}@keyframes mkShake{0%,to{transform:none}20%{transform:translate(-5px)}60%{transform:translate(5px)}80%{transform:translate(-3px)}}@media(max-width:767px){.mk-dsgn-hero{padding:64px 20px 48px}.mk-dsgn-steps{grid-template-columns:1fr;max-width:480px}.mk-dsgn-form-section{padding:56px 20px 72px}.mk-dsgn-login-gate{padding:48px 24px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/custom-designer.css.map */