.mp-designer{color:#173d48;max-width:1440px;margin:auto;padding:42px 40px 64px}.mp-heading{justify-content:space-between;align-items:center;gap:24px;padding:26px 0 38px;display:flex}.mp-eyebrow{letter-spacing:2.5px;color:#47838e;margin:0 0 13px;font-size:11px;font-weight:700}.mp-heading h1{letter-spacing:-1.3px;margin:0 0 14px;font-size:clamp(30px,3.2vw,48px);font-weight:700;line-height:1.08}.mp-heading p:not(.mp-eyebrow){color:#65818a;margin:0;font-size:16px}.mp-workspace{grid-template-columns:310px minmax(0,1fr);align-items:start;gap:24px;display:grid}.mp-controls{background:#fff;border:1px solid #dbe9eb;border-radius:18px;overflow:hidden}.mp-controls section{border-bottom:1px solid #e8f0f1;padding:21px}.mp-controls section:last-child{border:0}.mp-controls h2{margin:0;font-size:16px;font-weight:700}.mp-section-title{align-items:center;gap:10px;display:flex}.mp-section-title>span{color:#6a9da7;background:#edf7f8;border-radius:5px;padding:3px 5px;font-size:10px;font-weight:700}.mp-helper{color:#80969d;margin:5px 0 14px;font-size:12px}.mp-sizes{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.mp-sizes button{color:#45646c;cursor:pointer;background:#fff;border:1px solid #dce8ea;border-radius:9px;align-items:center;gap:6px;padding:13px 8px;display:flex}.mp-sizes button[aria-pressed=true]{color:#164a57;background:#eaf8fa;border-color:#6cbfc9;box-shadow:0 0 0 1px #6cbfc9}.mp-sizes strong{white-space:nowrap;font-size:14px}.mp-sizes small{color:#83999e;font-size:10px}.mp-size-icon{border:1.5px solid;border-radius:2px;flex-shrink:0;width:19px;max-height:22px;display:block}.mp-upload{text-align:center;background:#f5fbfc;border:1px dashed #9dcbd1;border-radius:12px;margin-top:14px;padding:18px 10px 14px}.mp-upload.is-over{background:#d9f3f6;border-color:#23616f}.mp-file{display:none}.mp-upload button{cursor:pointer;flex-direction:column;align-items:center;gap:5px;width:100%;display:flex}.mp-upload svg{color:#5d9fac;margin-bottom:4px}.mp-upload strong{font-size:14px}.mp-upload span,.mp-upload small{color:#78949c;font-size:11px}.mp-file-info{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:12px;display:flex}.mp-file-info>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mp-file-info small{color:#81979d;font-size:10px;display:block}.mp-file-info button{cursor:pointer;padding:5px}.mp-fit{border:1px solid #dce9ec;border-radius:8px;grid-template-columns:1fr 1fr;margin:15px 0;display:grid;overflow:hidden}.mp-fit button{cursor:pointer;padding:8px;font-size:12px}.mp-fit [aria-pressed=true]{color:#165968;background:#e5f5f7;font-weight:700}.mp-tools{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.mp-tools button{cursor:pointer;border:1px solid #dce7ea;border-radius:7px;align-items:center;gap:5px;padding:7px;font-size:11px;display:flex}.mp-designer button:disabled{opacity:.4;cursor:default}.mp-designer button:focus-visible,.mp-designer input:focus-visible,.mp-pad canvas:focus-visible{outline-offset:3px;outline:2px solid #24899b}.mp-colours{align-items:center;gap:9px;margin-top:14px;display:flex}.mp-colours>button{cursor:pointer;border:1px solid #cadbdd;border-radius:50%;width:25px;height:25px}.mp-colours>button[aria-pressed=true]{outline-offset:3px;outline:2px solid #286a79}.mp-colour-picker{border:1px solid #adcbd1;border-radius:50%;place-items:center;width:25px;height:25px;display:grid;position:relative;overflow:hidden}.mp-colour-picker input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.mp-preview-panel{background:#fff;border:1px solid #d9e9eb;border-radius:18px;min-width:0;position:sticky;top:20px;overflow:hidden}.mp-preview-header{border-bottom:1px solid #e5edef;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.mp-preview-header>span{text-transform:uppercase;letter-spacing:1.6px;color:#72929b;align-items:center;gap:8px;font-size:11px;display:flex}.mp-preview-header i{background:#64b3a5;border-radius:50%;width:6px;height:6px}.mp-preview-header strong{font-size:14px}.mp-stage{background-color:#eef6f7;background-image:radial-gradient(#b7d5db 1px,#0000 1px);background-size:20px 20px;justify-content:center;align-items:center;min-height:380px;padding:55px 45px;display:flex}.mp-pad-wrap{max-width:100%;position:relative}.mp-pad{background:#93d9df;border-radius:12px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 3px #22404b,0 15px 35px #173d482e}.mp-pad canvas{width:100%;height:100%;display:block}.mp-edge-guide{pointer-events:none;border:1px dashed #ffffffba;border-radius:8px;position:absolute;inset:3%;box-shadow:0 0 0 1px #173d4826}.mp-empty{text-align:center;pointer-events:none;color:#174d5b;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex;position:absolute;inset:0}.mp-empty strong{font-size:clamp(15px,2vw,24px);line-height:1.1}.mp-empty span{font-size:12px}.mp-empty svg{opacity:.65}.mp-dimension-width{color:#6b919b;font-size:11px;position:absolute;top:-29px;left:50%;transform:translate(-50%)}.mp-dimension-height{writing-mode:vertical-rl;color:#6b919b;font-size:11px;position:absolute;top:50%;left:-33px;transform:translateY(-50%)rotate(180deg)}.mp-stage-tools{color:#68858e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:17px 24px 8px;font-size:12px;display:flex}.mp-stage-tools>span{align-items:center;gap:7px;display:flex}.mp-stage-tools label{cursor:pointer;align-items:center;gap:6px;display:flex}.mp-stage-tools input{accent-color:#389}.mp-guide-note{color:#859ba2;margin:0;padding:0 24px 12px;font-size:11px}.mp-quality{background:#edf8f7;border:1px solid #d4ece7;border-radius:9px;margin:12px 24px;padding:12px 14px}.mp-quality.is-low{background:#fff8ed;border-color:#f3dfbf}.mp-quality>div{flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:12px;display:flex}.mp-quality p{color:#799197;margin:5px 0 0;font-size:11px}.mp-preview-footer{border-top:1px solid #e7eff0;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;display:flex}.mp-preview-footer p{color:#859ba2;max-width:380px;margin:0;font-size:11px}.mp-download{color:#fff;white-space:nowrap;cursor:pointer;background:#173d48;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:700;display:flex}.mp-download:hover:not(:disabled){background:#246170}.mp-error,.mp-success{margin:0;padding:0 24px 16px;font-size:13px}.mp-error{color:#b34c37}.mp-success{color:#217363}.mp-privacy{text-align:center;color:#8a9fa6;margin:24px 0 0;font-size:12px}@media (max-width:1000px){.mp-designer{padding:24px 20px 40px}.mp-workspace{grid-template-columns:280px minmax(0,1fr);gap:16px}.mp-controls section{padding:16px}.mp-preview-footer{flex-direction:column;align-items:stretch}.mp-stage{min-height:300px;padding:44px 32px}}@media (max-width:760px){.mp-heading{padding:16px 0 26px}.mp-workspace{flex-direction:column-reverse;display:flex}.mp-controls,.mp-preview-panel{width:100%}.mp-preview-panel{position:static}.mp-stage{min-height:220px}.mp-stage-tools,.mp-preview-header{padding-left:18px;padding-right:18px}.mp-preview-footer{gap:12px;padding:16px 18px}.mp-quality{margin:12px 18px}.mp-colours{gap:13px}.mp-heading h1{font-size:33px}.mp-empty svg{width:24px;height:24px}.mp-empty{gap:6px}.mp-stage-tools{font-size:11px}}.mp-grid{pointer-events:none;background-image:linear-gradient(90deg,#fff5 1px,#0000 1px),linear-gradient(#fff5 1px,#0000 1px);position:absolute;inset:0}.mp-centers{pointer-events:none;position:absolute;inset:0}.mp-centers i{background:#ec9bff;position:absolute;box-shadow:0 0 0 1px #3b164533}.mp-centers .mp-center-x{width:1px;top:0;bottom:0;left:50%}.mp-centers .mp-center-y{height:1px;top:50%;left:0;right:0}.mp-centers i.is-snapped{background:#e04aff;box-shadow:0 0 5px #f6b8ff}.mp-transform{pointer-events:none;border:1px solid #bc75d3;position:absolute}.mp-resize{pointer-events:auto;touch-action:none;place-items:center;width:28px;height:28px;display:grid;position:absolute;transform:translate(-50%,-50%)}.mp-resize:after{content:"";background:#fff;border:2px solid #8d49a6;border-radius:3px;width:11px;height:11px;box-shadow:0 1px 4px #173d4855}.mp-resize-0{cursor:nwse-resize;top:0;left:0}.mp-resize-1{cursor:nesw-resize;top:0;left:100%}.mp-resize-2{cursor:nesw-resize;top:100%;left:0}.mp-resize-3{cursor:nwse-resize;top:100%;left:100%}