/* mazaya-editor.css - app.css from MazayaThemeEditor, auto-scoped under .mz-scope
   so it cannot leak into the host ERP theme. Do not edit by hand; regenerate. */
.mz-scope, .mz-scope *{ box-sizing: border-box; margin: 0; padding: 0; }.mz-scope{ font-family: "Segoe UI", Tahoma, sans-serif; background: #eef1f5; color: #1b2733; }.mz-scope .loading{ padding: 60px; text-align: center; color: #667; }.mz-scope .wrap{
    display: grid;
    grid-template-columns: minmax(0, 1fr) 380px;   
    gap: 18px;
    max-width: 1760px;
    margin: 0 auto;
    padding: 16px 16px 96px;
    align-items: start;
}.mz-scope .side{
    position: sticky;
    top: 16px;
    max-height: calc(100vh - 112px);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-inline-start: 2px;   
}.mz-scope .side::-webkit-scrollbar{ width: 6px; }.mz-scope .side::-webkit-scrollbar-thumb{ background: #cfd8e0; border-radius: 4px; }.mz-scope .stage{ min-width: 0; }


@media (max-width: 1100px) {.mz-scope .wrap{ grid-template-columns: 1fr; }.mz-scope .side{ position: static; max-height: none; }
}.mz-scope .picker{
    display: flex; align-items: center; gap: 10px;
    background: #fff; border-radius: 14px; padding: 12px 16px;
    box-shadow: 0 1px 5px rgba(0,0,0,.07); margin-bottom: 14px;
}.mz-scope .picker label{ font-weight: 800; color: #2b4c49; }.mz-scope .picker select{
    flex: 1; max-width: 340px; padding: 9px; border-radius: 9px;
    border: 1px solid #d6dde4; font-size: 15px; background: #fff;
}.mz-scope .palette{
    background: #fff; border-radius: 14px; padding: 14px 16px;
    box-shadow: 0 1px 5px rgba(0,0,0,.07); margin-bottom: 18px;
}.mz-scope .palette-h{ font-weight: 800; color: #2b4c49; margin-bottom: 12px; }.mz-scope .palette-g{
    display: grid; gap: 6px;
    grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
}.mz-scope .sw{
    display: flex; align-items: center; gap: 8px; cursor: pointer;
    padding: 6px 8px; border-radius: 9px; border: 1px solid transparent;
}.mz-scope .sw:hover{ background: #f2f6fa; }.mz-scope .sw-on{ background: #eaf4ff; border-color: #4AA3CA; }.mz-scope .sw-c{
    width: 30px; height: 30px; border-radius: 8px; flex-shrink: 0;
    border: 1px solid #dde3e9; overflow: hidden; position: relative;
    background-image:
        linear-gradient(45deg,#ccc 25%,transparent 25%),
        linear-gradient(-45deg,#ccc 25%,transparent 25%),
        linear-gradient(45deg,transparent 75%,#ccc 75%),
        linear-gradient(-45deg,transparent 75%,#ccc 75%);
    background-size: 8px 8px;
    background-position: 0 0, 0 4px, 4px -4px, -4px 0;
}.mz-scope .sw-c i{ position: absolute; inset: 0; display: block; }.mz-scope .sw-l{ font-size: 12.5px; line-height: 1.25; }.mz-scope .grid{
    display: grid; gap: 16px;
    grid-template-columns: repeat(auto-fill, minmax(238px, 1fr));
}.mz-scope .cell{ display: flex; flex-direction: column; align-items: center; }.mz-scope .cell-t{ font-weight: 800; font-size: 13px; color: #47566a; margin-bottom: 7px; }.mz-scope .phone{
    width: 100%; max-width: 268px; aspect-ratio: 9 / 19.5;   
    border-radius: 22px; overflow: hidden;
    box-shadow: 0 6px 22px rgba(0,0,0,.17);
    border: 5px solid #1c1c1e; background: #fff;
}.mz-scope .screen{ height:100%; display:flex; flex-direction:column; font-size:11px; overflow:hidden; }.mz-scope .s-body{ flex:1; overflow-y:auto; padding-bottom:10px; }.mz-scope .s-body.nopad{ padding-bottom:0; }.mz-scope .s-body::-webkit-scrollbar{ width:3px; }.mz-scope .s-body::-webkit-scrollbar-thumb{ background:rgba(128,128,128,.3); border-radius:3px; }.mz-scope .tok{ cursor:pointer; }.mz-scope .tok:hover{ outline:1.5px dashed #4AA3CA; outline-offset:1px; }.mz-scope .tok.sel{ outline:2px solid #ff9500; outline-offset:1px; border-radius:3px; }.mz-scope .s-top{ display:flex; align-items:center; gap:8px; padding:11px 11px 8px; }.mz-scope .s-i{ font-size:14px; line-height:1; }.mz-scope .s-t{ flex:1; font-weight:800; font-size:13px; text-align:end; }.mz-scope .s-back{ width:26px; height:26px; border-radius:8px; flex-shrink:0;
          display:flex; align-items:center; justify-content:center; font-size:13px; }.mz-scope .s-gr{ flex:1; text-align:end; line-height:1.3; }.mz-scope .s-gr em{ display:block; font-style:normal; font-size:9.5px; }.mz-scope .s-gr b{ font-size:12px; }.mz-scope .s-loc{ margin:4px 11px; padding:9px 11px; border-radius:8px;
         display:flex; align-items:center; justify-content:space-between;
         font-size:9.5px; font-weight:600; }.mz-scope .s-pager{ margin:7px 11px; height:92px; border-radius:12px; position:relative;
           background:linear-gradient(135deg,#cfd8e0,#aeb9c4);
           display:flex; align-items:center; justify-content:center; font-size:30px; }.mz-scope .s-dots{ position:absolute; inset-inline-start:7px; top:50%; transform:translateY(-50%);
          display:flex; flex-direction:column; gap:4px;
          background:rgba(255,255,255,.75); padding:4px 3px; border-radius:8px; }.mz-scope .s-dots i{ width:5px; height:5px; border-radius:50%; display:block; }.mz-scope .s-inp{ margin:6px 11px; height:34px; padding:0 11px; border-radius:8px;
         display:flex; align-items:center; justify-content:space-between; font-size:9.5px; }.mz-scope .s-fr{ display:flex; gap:5px; padding:5px 11px; overflow-x:auto; }.mz-scope .s-fr::-webkit-scrollbar{ display:none; }.mz-scope .s-f{ padding:5px 11px; border-radius:15px; font-size:9.5px; font-weight:700;
       white-space:nowrap; flex-shrink:0; }.mz-scope .s-sec{ padding:10px 11px 5px; font-weight:800; font-size:12px; }.mz-scope .s-sec.arrow{ display:flex; align-items:center; justify-content:space-between; }.mz-scope .s-sec.arrow span{ font-size:10px; font-weight:700; }.mz-scope .s-para{ padding:2px 11px; font-size:9.5px; line-height:1.7; }.mz-scope .s-ul{ padding-inline-start:22px; padding-top:3px; font-size:9.5px; line-height:1.9; margin:0; }.mz-scope .s-line{ height:1px; margin:9px 11px; }.mz-scope .s-hc{ margin:4px 11px; border-radius:14px; overflow:hidden; }.mz-scope .s-hc-img{ height:104px; position:relative; font-size:32px;
            background:linear-gradient(135deg,#d94040,#a82020);
            display:flex; align-items:center; justify-content:center; }.mz-scope .s-hc-badge{ position:absolute; top:7px; inset-inline-start:7px;
              padding:3px 8px; border-radius:5px; font-size:8px; font-weight:700; }.mz-scope .s-hc-chips{ display:flex; gap:5px; padding:9px 10px 0; }.mz-scope .s-hc-chip{ height:22px; padding:0 9px; border-radius:6px; font-size:8.5px; font-weight:700;
             display:inline-flex; align-items:center; }.mz-scope .s-hc-t{ display:block; padding:7px 10px 0; font-size:13px; font-weight:800; }.mz-scope .s-hc-d{ padding:3px 10px 0; font-size:9.5px; line-height:1.6; margin:0; }.mz-scope .s-hc-div{ height:1px; margin:9px 10px 0; }.mz-scope .s-hc-btn{ margin:9px 10px 10px; height:33px; border-radius:8px; font-size:10.5px; font-weight:800;
            display:flex; align-items:center; justify-content:center; }.mz-scope .s-hc-btn.wide{ margin:12px 11px 6px; }.mz-scope .s-ro{ margin:5px 11px; border-radius:9px; padding:9px;
        display:flex; gap:9px; align-items:flex-start; }.mz-scope .s-ro.float{ margin-top:-24px; position:relative; z-index:2; }.mz-scope .s-ro-txt{ flex:1; min-width:0; display:flex; flex-direction:column;
            align-items:flex-start; gap:3px; }.mz-scope .s-ro-txt b{ font-size:10.5px; font-weight:800; }.mz-scope .s-ro-txt p{ font-size:9px; line-height:1.55; margin:0; }.mz-scope .s-ro-img{ display:flex; flex-direction:column; align-items:center; gap:5px; flex-shrink:0; }.mz-scope .s-pic{ width:62px; height:50px; border-radius:8px; background:#fff;
         display:flex; align-items:center; justify-content:center; font-size:20px;
         border:1px solid rgba(0,0,0,.07); }.mz-scope .s-pic.sm{ width:44px; height:44px; font-size:17px; }.mz-scope .s-heart{ width:21px; height:21px; border-radius:50%; font-size:10px;
           display:flex; align-items:center; justify-content:center;
           box-shadow:0 1px 3px rgba(0,0,0,.15); }.mz-scope .s-new{ padding:3px 7px; border-radius:5px; font-size:8px; font-weight:700; }.mz-scope .s-disc{ padding:4px 10px; border-radius:6px; font-size:9px; font-weight:800;
          margin-top:2px; display:inline-block; }.mz-scope .s-rate{ font-size:9px; font-weight:700; }.mz-scope .s-meta2{ display:flex; gap:6px; padding:6px 11px; }.mz-scope .s-mchip{ padding:4px 9px; border-radius:6px; font-size:8.5px; font-weight:700; }.mz-scope .s-bg2{ display:grid; grid-template-columns:1fr 1fr; gap:7px; padding:4px 11px; }.mz-scope .s-bcard{ height:46px; border-radius:11px; font-size:17px;
           display:flex; align-items:center; justify-content:center; }.mz-scope .s-slbl{ padding:11px 13px 5px; font-size:10px; font-weight:700; }.mz-scope .s-scard{ margin:0 11px 4px; border-radius:14px; padding:0 11px; }.mz-scope .s-scard.tall{ padding:12px 13px; }.mz-scope .s-srow{ display:flex; align-items:center; gap:9px; padding:11px 0; font-size:10px; }.mz-scope .s-slab{ flex:1; font-weight:700; }.mz-scope .s-sdiv{ height:1px; }.mz-scope .s-stog{ width:34px; height:20px; border-radius:12px; padding:2px; display:flex;
          flex-shrink:0; align-items:center; }.mz-scope .s-stog i{ width:15px; height:15px; border-radius:50%; display:block; }.mz-scope .s-stog.on i{ margin-inline-start:auto; }.mz-scope .s-mico{ width:24px; height:24px; border-radius:7px; flex-shrink:0; font-size:11px;
          display:flex; align-items:center; justify-content:center; }.mz-scope .s-phdr{ height:74px; padding:11px; display:flex; align-items:flex-start; gap:9px; }.mz-scope .s-ptitle{ flex:1; text-align:end; font-weight:800; font-size:13px; }.mz-scope .s-pav-wrap{ display:flex; justify-content:center; margin-top:-26px; }.mz-scope .s-pav{ width:52px; height:52px; border-radius:50%; font-size:20px; font-weight:800;
         display:flex; align-items:center; justify-content:center; }.mz-scope .s-pname{ text-align:center; padding:7px 0 10px; }.mz-scope .s-pname b{ display:block; font-size:13px; }.mz-scope .s-pname em{ font-style:normal; font-size:9.5px; }.mz-scope .s-mcard{ margin:6px 11px; height:74px; border-radius:9px;
           background:linear-gradient(135deg,#2b4c49,#1d3330);
           display:flex; flex-direction:column; align-items:center; justify-content:center;
           gap:3px; color:#fff; }.mz-scope .s-mcard-n{ font-size:12px; font-weight:800; }.mz-scope .s-mcard em{ font-style:normal; font-size:9px; opacity:.85; }.mz-scope .s-gift{ margin:5px 11px; border-radius:9px; padding:11px;
          display:flex; align-items:center; justify-content:space-between; gap:8px; }.mz-scope .s-gift-t{ font-size:9.5px; font-weight:700; }.mz-scope .s-gift-b{ padding:6px 11px; border-radius:7px; font-size:9px; font-weight:800;
            white-space:nowrap; }.mz-scope .s-nc{ margin:6px 11px; border-radius:13px; overflow:hidden; }.mz-scope .s-nimg{ height:62px; font-size:22px;
          background:linear-gradient(135deg,#3a4a5e,#1e2a38);
          display:flex; align-items:center; justify-content:center; }.mz-scope .s-nb{ padding:9px 10px 11px; }.mz-scope .s-nb b{ display:block; font-size:11px; margin:3px 0; }.mz-scope .s-nb p{ font-size:9px; line-height:1.55; margin:0; }.mz-scope .s-date{ font-style:normal; font-size:8.5px; font-weight:700; }.mz-scope .s-ctabs{ display:flex; gap:5px; padding:7px 11px; }.mz-scope .s-ctab{ flex:1; padding:7px 4px; border-radius:6px; font-size:8.5px; font-weight:700;
          text-align:center; }.mz-scope .s-fc{ margin:5px 11px; border-radius:10px; padding:9px;
        display:flex; align-items:center; gap:9px; }.mz-scope .s-fav{ width:38px; height:38px; border-radius:5px; flex-shrink:0;
         display:flex; align-items:center; justify-content:center;
         font-size:15px; font-weight:800; }.mz-scope .s-fb{ flex:1; min-width:0; }.mz-scope .s-fb b{ display:block; font-size:10.5px; }.mz-scope .s-fb em{ font-style:normal; font-size:9px; }.mz-scope .s-fbtn{ width:26px; height:26px; border-radius:5px; flex-shrink:0; font-size:11px;
          display:flex; align-items:center; justify-content:center; font-weight:800; }.mz-scope .s-fpend{ padding:5px 9px; border-radius:5px; font-size:8.5px; font-weight:700;
           white-space:nowrap; }.mz-scope .s-fico{ font-size:14px; }.mz-scope .s-abc{ margin:5px 11px; padding:13px; border-radius:9px; position:relative; overflow:hidden; }.mz-scope .s-abc b{ display:block; font-size:11.5px; margin-bottom:4px; }.mz-scope .s-abc p{ font-size:9.5px; line-height:1.7; margin:0; }.mz-scope .s-abc-acc{ position:absolute; inset-block:0; inset-inline-end:0; width:5px; }.mz-scope .s-tkt{ margin:5px 11px; border-radius:10px; padding:13px 11px;
         display:flex; align-items:center; gap:11px; position:relative; }.mz-scope .s-tkt-l{ display:flex; flex-direction:column; align-items:center; gap:5px; flex-shrink:0; }.mz-scope .s-tkt-l em{ font-style:normal; font-size:8px; font-weight:700; }.mz-scope .s-tkt-rule{ width:2px; align-self:stretch; border-radius:2px; }.mz-scope .s-tkt-v{ flex:1; text-align:center; font-size:26px; font-weight:800; }.mz-scope .s-hdr{ display:block; font-size:10.5px; margin-bottom:8px; }.mz-scope .s-hdr2{ display:block; font-size:10.5px; margin-bottom:5px; }.mz-scope .s-exp{ margin:5px 11px; padding:11px; border-radius:9px;
         display:flex; align-items:center; justify-content:space-between;
         font-size:10px; font-weight:700; }.mz-scope .s-plogo{ margin:6px 11px; height:56px; border-radius:9px; background:#fff;
           border:1px solid rgba(0,0,0,.07); font-size:24px;
           display:flex; align-items:center; justify-content:center; }.mz-scope .s-pcard{ margin:5px 11px; border-radius:8px; padding:9px 11px;
           display:flex; align-items:center; gap:7px; }.mz-scope .s-pname2{ flex:1; font-size:11.5px; font-weight:800; }.mz-scope .s-pact{ width:24px; height:24px; border-radius:6px; flex-shrink:0; font-size:10px;
          display:flex; align-items:center; justify-content:center; }.mz-scope .s-pfav{ margin:4px 11px; padding:8px 11px; border-radius:5px; font-size:9px; font-weight:600; }.mz-scope .s-tb{ display:flex; gap:16px; padding:6px 13px 0; margin-bottom:4px; }.mz-scope .s-tbi{ padding:7px 0; font-size:10px; font-weight:700; }.mz-scope .s-map{ margin:6px 11px 0; height:150px; border-radius:12px; position:relative;
         background:
           repeating-linear-gradient(0deg,#dfe6ec 0 22px,#d3dce4 22px 23px),
           repeating-linear-gradient(90deg,#dfe6ec 0 22px,#d3dce4 22px 23px);
         display:flex; align-items:center; justify-content:center; }.mz-scope .s-pin{ font-size:24px; }.mz-scope .s-pin.sm{ font-size:16px; position:absolute; top:32px; inset-inline-start:44px; }.mz-scope .s-nav{ display:flex; justify-content:space-around; align-items:center;
         padding:8px 4px 7px; position:relative; flex-shrink:0; }.mz-scope .s-nv{ display:flex; flex-direction:column; align-items:center; gap:2px; font-size:13px; }.mz-scope .s-nv em{ font-style:normal; font-size:7.5px; font-weight:600; }.mz-scope .s-nvc{ position:absolute; left:50%; transform:translateX(-50%); top:-15px;
         width:40px; height:40px; border-radius:50%;
         display:flex; align-items:center; justify-content:center;
         font-size:16px; box-shadow:0 3px 10px rgba(0,0,0,.3); }.mz-scope .ov{
    position: fixed; inset: 0; background: rgba(0,0,0,.42);
    display: flex; align-items: center; justify-content: center; z-index: 60;
}.mz-scope .pop{
    background: #fff; border-radius: 16px; width: 320px; max-width: 90vw;
    padding: 18px; box-shadow: 0 14px 44px rgba(0,0,0,.3);
}.mz-scope .pop-h{ display: flex; justify-content: space-between; align-items: center; font-weight: 800; font-size: 16px; margin-bottom: 13px; }.mz-scope .pop-h .x{ border: none; background: none; font-size: 17px; cursor: pointer; color: #8b96a3; }.mz-scope .pop-pv{
    height: 62px; border-radius: 11px; margin-bottom: 13px; border: 1px solid #e6eaee;
    background-image:
        linear-gradient(45deg,#ddd 25%,transparent 25%),
        linear-gradient(-45deg,#ddd 25%,transparent 25%),
        linear-gradient(45deg,transparent 75%,#ddd 75%),
        linear-gradient(-45deg,transparent 75%,#ddd 75%);
    background-size: 12px 12px;
}.mz-scope .pop-r{ display: flex; align-items: center; gap: 9px; margin-bottom: 11px; }.mz-scope .pop-r input[type=color]{ width: 50px; height: 42px; border: none; border-radius: 8px; background: none; cursor: pointer; }.mz-scope .hex{
    flex: 1; padding: 10px; border: 1px solid #d6dde4; border-radius: 8px;
    font-family: ui-monospace, monospace; font-size: 15px; text-transform: uppercase;
    direction: ltr; text-align: center;
}.mz-scope .pop-r.alpha label{ font-size: 12.5px; min-width: 52px; }.mz-scope .pop-r.alpha input[type=range]{ flex: 1; }.mz-scope .pop-a{ margin-top: 6px; }.mz-scope .pop-a .ok{
    width: 100%; padding: 12px; border: none; border-radius: 9px;
    background: #2b4c49; color: #fff; font-weight: 800; font-size: 14px; cursor: pointer;
}.mz-scope .pop-n{
    margin-top: 11px; font-size: 11px; color: #9aa5b1; text-align: center;
    direction: ltr; font-family: ui-monospace, monospace;
}.mz-scope .savebar{
    position: fixed; bottom: 0; inset-inline: 0; z-index: 40;
    background: #fff; padding: 12px 20px;
    box-shadow: 0 -2px 14px rgba(0,0,0,.11);
    display: flex; align-items: center; justify-content: center; gap: 14px;
}.mz-scope .save{
    min-width: 260px; padding: 14px; border: none; border-radius: 11px;
    background: #2b4c49; color: #fff; font-size: 15px; font-weight: 800; cursor: pointer;
}.mz-scope .save:disabled{ opacity: .6; cursor: default; }.mz-scope .msg{ font-size: 13px; font-weight: 700; color: #1f8a4c; }.mz-scope .gen{
    background: #fff; border-radius: 14px; padding: 14px 16px;
    box-shadow: 0 1px 5px rgba(0,0,0,.07); margin-bottom: 16px;
}.mz-scope .gen-row{ display: flex; gap: 9px; }.mz-scope .gen-in{
    flex: 1; padding: 11px 13px; border: 1px solid #d6dde4;
    border-radius: 10px; font-size: 14.5px; font-family: inherit;
}.mz-scope .gen-in:focus{ outline: 2px solid #4AA3CA; outline-offset: -1px; border-color: transparent; }.mz-scope .gen-btn{
    min-width: 92px; padding: 11px 18px; border: none; border-radius: 10px;
    background: #2b4c49; color: #fff; font-weight: 800; font-size: 14px; cursor: pointer;
}.mz-scope .gen-btn:disabled{ opacity: .5; cursor: default; }.mz-scope .gen-tags{ display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }.mz-scope .gen-tag{
    padding: 5px 12px; border-radius: 14px; font-size: 12.5px; cursor: pointer;
    background: #eef3f7; color: #40566b; border: 1px solid #dde5ec;
}.mz-scope .gen-tag:hover{ background: #e0ecf5; border-color: #4AA3CA; color: #1f4257; }.mz-scope .gen-res{ margin-top: 12px; border-top: 1px solid #eef1f4; padding-top: 11px; }.mz-scope .gen-res-h{ display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }.mz-scope .gen-res-h b{ font-size: 14.5px; }.mz-scope .src{
    font-size: 10.5px; font-weight: 700; padding: 2px 8px; border-radius: 10px;
    background: #eef3f7; color: #5b7085;
}.mz-scope .undo, .mz-scope .asnew{
    margin-inline-start: auto; padding: 7px 13px; border-radius: 8px;
    font-size: 12.5px; font-weight: 700; cursor: pointer; border: 1px solid #d6dde4;
    background: #fff; color: #44586b;
}.mz-scope .asnew{ margin-inline-start: 0; background: #2b4c49; color: #fff; border-color: #2b4c49; }.mz-scope .asnew:disabled{ opacity: .55; cursor: default; }.mz-scope .warn{
    margin-top: 9px; padding: 8px 11px; border-radius: 8px; font-size: 12.5px;
    background: #fff5e6; color: #8a5a00; border: 1px solid #ffe0b2;
}.mz-scope .pass{
    margin-top: 9px; padding: 8px 11px; border-radius: 8px; font-size: 12.5px;
    background: #eaf7ef; color: #1f6b40; border: 1px solid #c6e9d4;
}.mz-scope .err-wrap{
    max-width: 620px; margin: 80px auto; padding: 28px 32px;
    background: #fff; border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,.08);
}.mz-scope .err-wrap h2{ color: #b3261e; margin-bottom: 10px; font-size: 21px; }.mz-scope .err-wrap p{ color: #46525f; line-height: 1.75; margin-bottom: 10px; }.mz-scope .err-id code{
    background: #f1f4f7; padding: 3px 7px; border-radius: 5px;
    font-family: ui-monospace, monospace; direction: ltr; display: inline-block;
}.mz-scope .err-home{
    display: inline-block; margin-top: 14px; padding: 10px 20px;
    background: #2b4c49; color: #fff; text-decoration: none;
    border-radius: 9px; font-weight: 700;
}.mz-scope .s-tkt-ic{ font-size:12px; }.mz-scope .s-mdist{ font-style:normal; font-size:8.5px; font-weight:700; }.mz-scope .meta{
    background: #fff; border-radius: 14px; padding: 13px 16px;
    box-shadow: 0 1px 5px rgba(0,0,0,.07); margin-bottom: 14px;
    display: flex; flex-direction: column; gap: 11px;
}.mz-scope .force{ display: flex; align-items: center; gap: 9px; cursor: pointer; flex-wrap: wrap; }.mz-scope .force input{ width: 17px; height: 17px; cursor: pointer; accent-color: #2b4c49; }.mz-scope .force span{ font-weight: 800; font-size: 14px; color: #23343f; }.mz-scope .force em{
    font-style: normal; font-size: 11.5px; color: #7b8b99;
    padding-inline-start: 4px;
}.mz-scope .img-row{ display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }.mz-scope .img-in{
    flex: 1; min-width: 190px; padding: 10px 12px;
    border: 1px solid #d6dde4; border-radius: 9px;
    font-size: 13px; direction: ltr; text-align: left; font-family: inherit;
}.mz-scope .img-in:focus{ outline: 2px solid #4AA3CA; outline-offset: -1px; border-color: transparent; }.mz-scope .img-file{ display: none; }.mz-scope .img-btn{
    padding: 10px 15px; border-radius: 9px; cursor: pointer;
    background: #eef3f7; color: #40566b; border: 1px solid #dde5ec;
    font-size: 13px; font-weight: 700; white-space: nowrap;
}.mz-scope .img-btn:hover{ background: #e0ecf5; border-color: #4AA3CA; color: #1f4257; }.mz-scope .img-save{
    padding: 10px 17px; border: none; border-radius: 9px; cursor: pointer;
    background: #2b4c49; color: #fff; font-size: 13px; font-weight: 800;
}.mz-scope .img-save:disabled{ opacity: .55; cursor: default; }.mz-scope .img-prev{
    margin-top: 9px; display: flex; align-items: center; gap: 10px;
}.mz-scope .img-prev img{
    height: 54px; width: 96px; object-fit: cover;
    border-radius: 8px; border: 1px solid #e2e8ee; background: #f4f7fa;
}.mz-scope .img-clear{
    padding: 6px 12px; border-radius: 8px; cursor: pointer;
    background: #fff; color: #b3261e; border: 1px solid #f0c9c6;
    font-size: 12px; font-weight: 700;
}.mz-scope .meta-msg{
    margin-top: 7px; padding: 7px 11px; border-radius: 8px; font-size: 12.5px;
    background: #eaf7ef; color: #1f6b40; border: 1px solid #c6e9d4;
}.mz-scope .meta-msg.err{ background: #fdeceb; color: #a4231c; border-color: #f4c7c3; }.mz-scope .img{ border-top: 1px solid #eef1f4; padding-top: 11px; }.mz-scope .picker{ flex-wrap: wrap; }.mz-scope .mini{
    padding: 8px 13px; border-radius: 8px; cursor: pointer;
    background: #eef3f7; color: #40566b; border: 1px solid #dde5ec;
    font-size: 12.5px; font-weight: 700; white-space: nowrap;
}.mz-scope .mini:hover{ background: #e0ecf5; border-color: #4AA3CA; color: #1f4257; }.mz-scope .mini:disabled{ opacity: .5; cursor: default; }.mz-scope .mini.ok{ background: #2b4c49; color: #fff; border-color: #2b4c49; }.mz-scope .mini.as-btn{ display: inline-block; }.mz-scope .rename-in{
    flex: 1; min-width: 180px; padding: 9px 12px;
    border: 1px solid #4AA3CA; border-radius: 9px;
    font-size: 14.5px; font-family: inherit;
}.mz-scope .rename-in:focus{ outline: 2px solid #4AA3CA; outline-offset: -1px; }.mz-scope .keep{
    display: flex; align-items: center; gap: 7px; cursor: pointer;
    font-size: 12.5px; font-weight: 700; color: #44586b; white-space: nowrap;
}.mz-scope .keep input{ width: 16px; height: 16px; cursor: pointer; accent-color: #2b4c49; }.mz-scope .img-slot{
    padding: 11px 0;
    border-bottom: 1px dashed #e6ecf1;
}.mz-scope .img-slot:last-of-type{ border-bottom: none; padding-bottom: 4px; }.mz-scope .img-lbl{ display: flex; align-items: baseline; gap: 8px; margin-bottom: 7px; }.mz-scope .img-lbl b{ font-size: 13px; color: #23343f; }.mz-scope .img-lbl em{ font-style: normal; font-size: 11.5px; color: #8695a3; }.mz-scope .img-prev img{
    background-image:
        linear-gradient(45deg, #e8edf1 25%, transparent 25%),
        linear-gradient(-45deg, #e8edf1 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, #e8edf1 75%),
        linear-gradient(-45deg, transparent 75%, #e8edf1 75%);
    background-size: 10px 10px;
    background-position: 0 0, 0 5px, 5px -5px, -5px 0;
    object-fit: contain;
}.mz-scope .screen.intro, .mz-scope .screen.splash{ position: relative; }.mz-scope .intro-body{
    display: flex; flex-direction: column; justify-content: space-between;
    padding: 26px 16px 20px; overflow: hidden;
}.mz-scope .intro-logo{ flex: 1; display: flex; align-items: center; justify-content: center; }.mz-scope .intro-logo img{ max-width: 62%; max-height: 90px; object-fit: contain; }.mz-scope .intro-logo span{ font-size: 17px; font-weight: 800; }.mz-scope .intro-actions{ display: flex; flex-direction: column; align-items: center; gap: 9px; }.mz-scope .intro-or{ font-size: 10px; }.mz-scope .intro-fp{
    width: 42px; height: 42px; border-radius: 50%; font-size: 19px;
    display: flex; align-items: center; justify-content: center;
}.mz-scope .intro-sup{ font-size: 10px; font-weight: 700; text-decoration: underline; }.mz-scope .splash{ display: flex; flex-direction: column; }.mz-scope .splash-mid{
    flex: 1; display: flex; flex-direction: column;
    align-items: center; justify-content: center; gap: 15px;
}.mz-scope .splash-logo{ max-width: 60%; max-height: 88px; object-fit: contain; }.mz-scope .splash-logo-ph{ font-size: 17px; font-weight: 800; }.mz-scope .splash-bar{
    width: 42%; height: 4px; border-radius: 3px; overflow: hidden;
}.mz-scope .splash-bar i{ display: block; width: 55%; height: 100%; border-radius: 3px; }.mz-scope .splash-lic{
    text-align: center; font-size: 8.5px; padding-bottom: 16px; font-weight: 600;
}.mz-scope .lg-top{
    display: flex; flex-direction: column; align-items: center; gap: 4px;
    padding: 16px 16px 12px; text-align: center;
}.mz-scope .lg-logo{ max-width: 46%; max-height: 44px; object-fit: contain; margin-bottom: 5px; }.mz-scope .lg-logo-ph{ font-size: 14px; font-weight: 800; margin-bottom: 3px; }.mz-scope .lg-top b{ font-size: 14px; }.mz-scope .lg-top em{ font-style: normal; font-size: 10px; }.mz-scope .lg-tabs{
    margin: 4px 13px 10px; border-radius: 12px; padding: 3px;
    display: flex; gap: 3px;
}.mz-scope .lg-tab{
    flex: 1; padding: 8px 4px; border-radius: 9px; text-align: center;
    font-size: 10.5px; font-weight: 800;
}.mz-scope .lg-fld{ padding: 0 13px 9px; }.mz-scope .lg-lbl{ display: flex; gap: 3px; margin-bottom: 5px; font-size: 10px; font-weight: 700; }.mz-scope .lg-in{
    height: 34px; padding: 0 11px; border-radius: 8px;
    display: flex; align-items: center; font-size: 10px;
}.mz-scope .lg-rem{ display: flex; align-items: center; gap: 6px; padding: 2px 13px 4px; font-size: 10px; }.mz-scope .lg-chk{
    width: 15px; height: 15px; border-radius: 4px; font-size: 9px;
    display: flex; align-items: center; justify-content: center; font-weight: 800;
}.mz-scope .lg-alt{ display: flex; gap: 7px; padding: 9px 13px 0; }.mz-scope .lg-altb{
    flex: 1; padding: 9px 4px; border-radius: 8px; text-align: center;
    font-size: 9.5px; font-weight: 700;
}.mz-scope .lg-foot{ text-align: center; padding: 12px 13px 6px; font-size: 10px; font-weight: 700; }.mz-scope .faq{ margin: 5px 11px; border-radius: 6px; padding: 11px; }.mz-scope .faq-q{ display: flex; align-items: center; gap: 8px; }.mz-scope .faq-q b{ flex: 1; font-size: 10.5px; line-height: 1.5; }.mz-scope .faq-ar{ font-size: 12px; flex-shrink: 0; }.mz-scope .faq-div{ height: 1px; margin: 9px 0; }.mz-scope .faq-a{ font-size: 9.5px; line-height: 1.75; margin: 0; }.mz-scope .sup-art{ text-align: center; font-size: 40px; padding: 14px 0 6px; }.mz-scope .sup-h{ text-align: center; font-size: 13px; font-weight: 800; padding-bottom: 4px; }.mz-scope .sup-s{ text-align: center; font-size: 9.5px; padding: 0 16px 11px; line-height: 1.6; }.mz-scope .sup-v{ font-size: 9px; direction: ltr; }.mz-scope .tabs{
    display: flex; gap: 4px;
    background: #e4eaf0; border-radius: 11px; padding: 4px;
}.mz-scope .tab{
    flex: 1; padding: 9px 6px; border: none; border-radius: 8px; cursor: pointer;
    background: transparent; color: #5a6b7b;
    font-size: 12.5px; font-weight: 800; font-family: inherit;
    white-space: nowrap;
}.mz-scope .tab:hover{ color: #1f4257; }.mz-scope .tab.on{
    background: #fff; color: #2b4c49;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
}.mz-scope .side .picker, .mz-scope .side .meta, .mz-scope .side .gen, .mz-scope .side .palette{ margin-bottom: 0; }.mz-scope .side .picker{ flex-wrap: wrap; gap: 7px; }.mz-scope .side .picker select{ flex: 1 1 100%; max-width: none; }.mz-scope .side .picker .mini{ flex: 1 1 auto; text-align: center; }.mz-scope .side .palette-g{ grid-template-columns: 1fr 1fr; }.mz-scope .side .img-row{ flex-wrap: wrap; }.mz-scope .side .img-in{ flex: 1 1 100%; min-width: 0; }.mz-scope .side .img-btn, .mz-scope .side .img-save, .mz-scope .side .img-clear{ flex: 1 1 auto; text-align: center; }.mz-scope .side .img-prev{ margin-top: 8px; }.mz-scope .side .img-prev img{ height: 60px; width: 100%; }.mz-scope .side .img-lbl{ flex-direction: column; align-items: flex-start; gap: 2px; }.mz-scope .side .img-slot{ padding: 12px 0; }.mz-scope .side .gen-row{ flex-wrap: wrap; }.mz-scope .side .gen-in{ flex: 1 1 100%; }.mz-scope .side .gen-btn{ flex: 1 1 auto; }


@media (min-width: 1101px) {.mz-scope .savebar{ inset-inline-end: 398px; }   
}.mz-scope .fontrow{ padding: 4px 0 13px; border-bottom: 1px dashed #e6ecf1; }.mz-scope .font-line{ display: flex; gap: 6px; align-items: center; }.mz-scope .font-sel{
    flex: 1; min-width: 0; padding: 9px 11px;
    border: 1px solid #d6dde4; border-radius: 9px;
    font-size: 13px; font-family: inherit; background: #fff; cursor: pointer;
}.mz-scope .font-sel:focus{ outline: 2px solid #4AA3CA; outline-offset: -1px; }.mz-scope .font-ic{
    width: 34px; height: 34px; flex-shrink: 0;
    border-radius: 9px; cursor: pointer; font-size: 15px; font-weight: 800;
    background: #eef3f7; color: #40566b; border: 1px solid #dde5ec;
    display: flex; align-items: center; justify-content: center; font-family: inherit;
}.mz-scope .font-ic:hover{ background: #e0ecf5; border-color: #4AA3CA; color: #1f4257; }.mz-scope .font-ic:disabled{ opacity: .45; cursor: default; }.mz-scope .font-ic.add{ background: #2f9e5f; color: #fff; border-color: #2f9e5f; font-size: 18px; }.mz-scope .font-ic.add:hover{ background: #268a51; border-color: #268a51; color: #fff; }.mz-scope .font-edit{ display: flex; gap: 6px; margin-top: 8px; }.mz-scope .font-in{
    flex: 1; min-width: 0; padding: 9px 11px;
    border: 1px solid #4AA3CA; border-radius: 9px; font-size: 13px; font-family: inherit;
}.mz-scope .font-in:focus{ outline: 2px solid #4AA3CA; outline-offset: -1px; }.mz-scope .img-var{
    display: flex; flex-direction: column; gap: 5px;
    padding: 7px 0 7px 0;
    border-inline-start: 2px solid #eef2f6;
    padding-inline-start: 9px;
    margin-top: 6px;
}.mz-scope .img-n{
    width: 18px; height: 18px; border-radius: 50%;
    background: #eef3f7; color: #64788a;
    font-size: 10px; font-weight: 800;
    display: flex; align-items: center; justify-content: center;
}