.mzr{--mzr-green:#15935a;--mzr-green-deep:#087341;--mzr-ink:#15251f;--mzr-muted:#61716a;--mzr-line:#d9e5de;--mzr-soft:#f2f8f4;--mzr-card:#fff;max-width:840px;padding:clamp(18px,4vw,38px);border:1px solid var(--mzr-line);border-radius:24px;background:linear-gradient(145deg,#fff 0%,#f6fbf8 100%);box-shadow:0 20px 50px #15302212;color:var(--mzr-ink);font:inherit}.mzr *{box-sizing:border-box}.mzr-header{width:100%;margin-bottom:1.5rem}.mzr-subheader{margin-top:.65rem;color:var(--mzr-muted);font-size:1.02rem;font-weight:600;line-height:1.5}.mzr-eyebrow{display:inline-block;margin-bottom:.5rem;color:var(--mzr-green-deep);font-size:.76rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.mzr h2,.mzr h3,.mzr p{margin:0}.mzr h2{font-size:clamp(1.75rem,4vw,2.55rem);line-height:1.08;letter-spacing:-.035em}.mzr-header p{margin-top:.65rem;color:var(--mzr-muted);line-height:1.55}.mzr-step,.mzr-editor{margin-top:1rem;padding:clamp(16px,3vw,25px);border:1px solid var(--mzr-line);border-radius:18px;background:var(--mzr-card);box-shadow:0 8px 20px #15302208}.mzr-step-heading{display:flex;align-items:flex-start;gap:.8rem}.mzr-step-heading>span{display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;border-radius:50%;background:var(--mzr-soft);color:var(--mzr-green-deep);font-size:.86rem;font-weight:800}.mzr-step-heading h3{font-size:1.05rem;line-height:1.25}.mzr-step-heading p{margin-top:.18rem;color:var(--mzr-muted);font-size:.92rem;line-height:1.45}.mzr-file-label{display:grid;justify-items:center;gap:.3rem;margin-top:1rem;padding:1.35rem 1rem;border:1.5px dashed #a7c9b6;border-radius:14px;background:linear-gradient(135deg,#f6fcf8,#edf8f1);text-align:center;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}.mzr-file-label:hover,.mzr-file-label:focus-within{border-color:var(--mzr-green);background:#e7f7ed;transform:translateY(-1px)}.mzr-file-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:var(--mzr-green);color:#fff;font-size:1.4rem;font-weight:800}.mzr-file-label strong{font-size:1rem}.mzr-file-label small,.mzr-help{color:var(--mzr-muted);font-size:.86rem;line-height:1.45}.mzr-file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.mzr-help{margin-top:.55rem}.mzr-dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem}.mzr-dimensions label,.mzr-search-wrap>label{display:block;color:#405149;font-size:.84rem;font-weight:750}.mzr-dimensions input,.mzr-search{width:100%;min-height:47px;margin-top:.42rem;padding:.7rem .78rem;border:1px solid #b8c9bf;border-radius:10px;background:#fff;color:var(--mzr-ink);font:inherit;font-variant-numeric:tabular-nums;transition:border-color .16s,box-shadow .16s}.mzr-dimensions input:focus,.mzr-search:focus{border-color:var(--mzr-green);box-shadow:0 0 0 3px #15935a24;outline:none}.mzr-search-wrap{margin-top:1.15rem;padding-top:1.1rem;border-top:1px solid #e7eee9}.mzr-results{display:grid;gap:.35rem;margin-top:.7rem}.mzr-result{display:flex;justify-content:space-between;gap:.8rem;width:100%;padding:.72rem .8rem;border:1px solid #e1e9e4;border-radius:10px;background:#fff;color:inherit;text-align:left;font:inherit;cursor:pointer;transition:border-color .15s,background .15s}.mzr-result:hover,.mzr-result:focus-visible{border-color:var(--mzr-green);background:#effaf3;outline:none}.mzr-result span:last-child{align-self:center;padding:.18rem .45rem;border-radius:999px;background:#e6f5ec;color:#0d6d3e;font-size:.84rem;font-weight:800;white-space:nowrap}.mzr-editor{display:grid;gap:1rem}.mzr-stage-wrap{display:flex;justify-content:center;padding:clamp(8px,2vw,16px);border-radius:15px;background:#eaf2ed}.mzr-stage{position:relative;width:min(100%,520px);aspect-ratio:492 / 633;overflow:hidden;border-radius:10px;background:#18231d;box-shadow:0 12px 30px #10241936;touch-action:none;user-select:none}.mzr-canvas{display:block;width:100%;height:100%;cursor:grab}.mzr-canvas:active{cursor:grabbing}.mzr-mask{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;object-fit:fill}.mzr-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.mzr-controls button,.mzr-download{min-height:46px;padding:.65rem .75rem;border:1px solid #b9c9c0;border-radius:10px;background:#fff;color:var(--mzr-ink);font:inherit;font-size:.92rem;font-weight:750;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.mzr-controls button:hover,.mzr-controls button:focus-visible{border-color:var(--mzr-green);background:#f1faf4;outline:none}.mzr-controls button:active,.mzr-download:active{transform:translateY(1px)}.mzr-status{min-height:1.4em;color:var(--mzr-muted);font-size:.92rem;line-height:1.4}.mzr-status[data-kind="error"]{color:#b42318}.mzr-status[data-kind="ok"]{color:#087341}.mzr-upload-status{margin-top:.65rem}.mzr-upload-status:empty{display:none}.mzr-download{border-color:var(--mzr-green);background:linear-gradient(135deg,var(--mzr-green),var(--mzr-green-deep));color:#fff;font-size:1rem;box-shadow:0 8px 16px #15935a2e}.mzr-download:hover,.mzr-download:focus-visible{background:var(--mzr-green-deep);outline:3px solid #15935a2e}.mzr-download:disabled{opacity:.55;cursor:progress}@media(max-width:620px){.mzr{padding:18px;border-radius:18px}.mzr-dimensions{grid-template-columns:1fr}.mzr-controls{grid-template-columns:1fr 1fr}.mzr-result{align-items:flex-start;flex-direction:column;gap:.3rem}.mzr-result span:last-child{align-self:flex-start}}@media(max-width:380px){.mzr-controls{grid-template-columns:1fr}.mzr-step,.mzr-editor{padding:14px}}