:root{--mps-accent:#159b90;--mps-dark:#16202a;--mps-muted:#66727d;--mps-line:#e4e9ed;--mps-bg:#f4f6f8}.mps-lock{overflow:hidden!important}.mps-open{width:100%;margin:0 0 14px!important;padding:14px 18px!important;border-radius:12px!important;background:var(--mps-dark)!important;color:#fff!important;font-weight:750!important}.mps-modal[hidden]{display:none!important}.mps-modal{position:fixed;inset:0;z-index:999999;background:rgba(10,18,25,.7);backdrop-filter:blur(5px);display:grid;place-items:center;padding:18px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.mps-app{width:min(1500px,100%);height:min(920px,calc(100vh - 36px));background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.28);display:grid;grid-template-rows:68px 1fr 74px}.mps-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--mps-line)}.mps-brand{display:flex;align-items:center;gap:11px}.mps-brand div{display:flex;flex-direction:column}.mps-brand strong{font-size:16px}.mps-brand small,.mps-footer small{font-size:12px;color:var(--mps-muted)}.mps-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#1ebbad,var(--mps-accent));color:#fff;display:grid;place-items:center;font-weight:900}.mps-header-actions{display:flex;gap:7px}.mps-header button,.mps-selection-tools button{border:1px solid var(--mps-line);background:#fff;border-radius:10px;min-width:42px;height:42px;cursor:pointer;font-size:18px}.mps-header button:hover,.mps-selection-tools button:hover{background:var(--mps-bg)}.mps-header .mps-close{font-size:27px}.mps-body{min-height:0;display:grid;grid-template-columns:88px 310px 1fr}.mps-tools{background:var(--mps-dark);padding:12px 8px;display:flex;flex-direction:column;gap:7px}.mps-tools button{border:0;background:transparent;color:#aeb8c1;border-radius:12px;padding:10px 4px;font-size:11px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px}.mps-tools button span{font-size:20px}.mps-tools button:hover,.mps-tools button.active{background:rgba(255,255,255,.11);color:#fff}.mps-panel{padding:24px;border-right:1px solid var(--mps-line);overflow:auto}.mps-panel h2{font-size:21px;margin:0 0 6px;color:var(--mps-dark)}.mps-panel p{font-size:13px;color:var(--mps-muted);line-height:1.5;margin:0 0 23px}.mps-panel label{display:flex;flex-direction:column;gap:8px;color:#35404a;font-size:12px;font-weight:700;margin-bottom:16px}.mps-panel input[type=text]{height:44px;border:1px solid #ccd4da;border-radius:10px;padding:0 12px;font:inherit}.mps-panel input[type=color]{height:42px;width:100%;border:1px solid #ccd4da;border-radius:10px;padding:4px;background:#fff}.mps-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;align-items:end}.mps-primary,.mps-secondary{border:0;border-radius:11px;height:44px;padding:0 18px;font-weight:750;cursor:pointer}.mps-primary{background:var(--mps-accent);color:#fff}.mps-primary:hover{background:#0f8178}.mps-secondary{background:#edf1f3;color:var(--mps-dark)}.mps-panel .mps-primary{width:100%}.mps-drop{border:2px dashed #cbd5db;border-radius:16px;min-height:170px;display:flex!important;align-items:center;justify-content:center;text-align:center;cursor:pointer;background:#fafbfc}.mps-drop:hover{border-color:var(--mps-accent);background:#f1fbfa}.mps-drop span{font-size:30px;color:var(--mps-accent)}.mps-drop small{color:var(--mps-muted);font-weight:400}.mps-workspace{min-width:0;background:var(--mps-bg);display:grid;place-items:center;position:relative;padding:18px}.mps-stage-wrap{position:relative;width:min(76vh,760px);max-width:100%;aspect-ratio:1;background:#fff;box-shadow:0 8px 30px rgba(26,39,52,.12);border-radius:14px;overflow:hidden}.mps-stage-wrap canvas{width:100%;height:100%;display:block;touch-action:none}.mps-status{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:rgba(22,32,42,.82);color:#fff;padding:6px 11px;border-radius:20px;font-size:11px;pointer-events:none;white-space:nowrap}.mps-status.notice{background:#d97706}.mps-selection-tools{position:absolute;right:20px;top:20px;display:flex;gap:7px;background:#fff;padding:7px;border-radius:13px;box-shadow:0 8px 24px rgba(0,0,0,.12)}.mps-selection-tools[hidden]{display:none}.mps-selection-tools button{font-size:12px;padding:0 12px}.mps-selection-tools .danger{color:#d73535}.mps-layers{display:flex;flex-direction:column;gap:7px}.mps-layers button{display:flex;align-items:center;gap:10px;border:1px solid var(--mps-line);background:#fff;border-radius:10px;padding:9px;text-align:left;cursor:pointer}.mps-layers button.active{border-color:var(--mps-accent);background:#f0fbfa}.mps-layers button span{width:30px;height:30px;border-radius:8px;background:var(--mps-bg);display:grid;place-items:center}.mps-layers strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mps-empty{padding:20px;text-align:center;color:var(--mps-muted);background:var(--mps-bg);border-radius:10px}.mps-panel ol{padding-left:20px;color:#4b5863;line-height:1.8}.mps-footer{display:flex;align-items:center;gap:10px;padding:0 20px;border-top:1px solid var(--mps-line)}.mps-footer>div{display:flex;flex-direction:column;margin-right:auto}.mps-finish{height:48px;padding:0 24px}.mps-footer strong{font-size:14px}
@media(max-width:900px){.mps-modal{padding:0}.mps-app{height:100dvh;border-radius:0}.mps-body{grid-template-columns:70px 240px 1fr}.mps-panel{padding:18px}.mps-stage-wrap{width:min(68vw,68vh)}}
@media(max-width:680px){.mps-app{grid-template-rows:60px 1fr 72px}.mps-body{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 74px}.mps-tools{grid-row:2;flex-direction:row;justify-content:flex-start;overflow-x:auto;padding:6px;z-index:5}.mps-tools button{min-width:76px}.mps-panel{position:absolute;left:0;right:0;bottom:146px;max-height:48vh;background:#fff;z-index:4;border:0;border-radius:18px 18px 0 0;box-shadow:0 -10px 35px rgba(0,0,0,.16);display:block}.mps-workspace{grid-row:1;padding:10px}.mps-stage-wrap{width:min(96vw,62vh)}.mps-selection-tools{top:8px;right:8px}.mps-selection-tools button{padding:0 8px}.mps-footer{padding:0 10px}.mps-footer>div,.mps-footer .mps-secondary{display:none}.mps-finish{width:100%}.mps-brand small{display:none}}
.mps-art-filters{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:100%;margin:14px 0 10px}.mps-panel label.mps-art-search{display:flex;flex-direction:row;align-items:center;gap:9px;width:100%;min-width:0;min-height:46px;margin:0;padding:0 13px;background:#fff;border:1px solid #d7dee4;border-radius:12px;box-sizing:border-box;transition:border-color .18s ease,box-shadow .18s ease}.mps-panel label.mps-art-search:focus-within{border-color:var(--mps-accent);box-shadow:0 0 0 3px rgba(21,155,144,.12)}.mps-art-search span{flex:0 0 auto;font-size:20px;line-height:1;color:#68737d}.mps-art-search input{flex:1 1 auto;width:100%;min-width:0;min-height:44px;margin:0!important;padding:0!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#1c252c;font:inherit}.mps-art-search input::-webkit-search-cancel-button{cursor:pointer}.mps-art-filters select{display:block;width:100%;min-width:0;min-height:46px;margin:0;padding:0 42px 0 13px;border:1px solid #d7dee4!important;border-radius:12px;outline:0;box-shadow:none!important;background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,#66727d 50%),linear-gradient(135deg,#66727d 50%,transparent 50%);background-position:calc(100% - 18px) 20px,calc(100% - 13px) 20px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;color:#1c252c;font:inherit;line-height:1.2;appearance:none;-webkit-appearance:none;cursor:pointer;box-sizing:border-box}.mps-art-filters select:hover{border-color:#b8c3cb!important}.mps-art-filters select:focus{border-color:var(--mps-accent)!important;box-shadow:0 0 0 3px rgba(21,155,144,.12)!important}.mps-results-count{min-height:20px;margin-bottom:10px;color:#68737d;font-size:12px;font-weight:700}@media(max-width:720px){.mps-art-filters{gap:10px}.mps-panel label.mps-art-search,.mps-art-filters select{min-height:48px}}
.mps-panel-mobile-head{display:none}
@media(max-width:680px){
  .mps-modal{width:100%;height:100%;height:100dvh;overflow:hidden;background:#fff;overscroll-behavior:none}
  .mps-app{width:100%;height:100%;height:100dvh;min-height:0;grid-template-rows:56px minmax(0,1fr) 64px;overflow:hidden}
  .mps-header{padding:0 10px;background:#fff;position:relative;z-index:30}
  .mps-mark{width:34px;height:34px;border-radius:10px}.mps-brand strong{font-size:14px}
  .mps-header-actions{gap:5px}.mps-header button{min-width:38px;width:38px;height:38px;border-radius:10px}
  .mps-body{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 64px;min-height:0;overflow:hidden}
  .mps-workspace{grid-row:1;min-height:0;padding:58px 8px 8px;display:flex;align-items:center;justify-content:center;overflow:hidden}
  .mps-stage-wrap{width:min(calc(100vw - 16px),calc(100dvh - 250px));max-height:100%;border-radius:10px;box-shadow:0 4px 18px rgba(26,39,52,.1)}
  .mps-side-switch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:auto;max-width:calc(100% - 20px);padding:3px;border-radius:12px;z-index:12}
  .mps-side-switch button{min-width:96px;padding:8px 14px;font-size:13px}
  .mps-status{bottom:8px;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}
  .mps-selection-tools{top:auto;right:8px;bottom:8px;left:8px;justify-content:center;padding:5px;z-index:15}
  .mps-selection-tools button{flex:1;min-width:0;height:38px;font-size:11px}
  .mps-tools{grid-row:2;display:flex;flex-direction:row;align-items:stretch;gap:3px;padding:5px 4px calc(5px + env(safe-area-inset-bottom));overflow-x:auto;overflow-y:hidden;background:var(--mps-dark);scrollbar-width:none;z-index:25}
  .mps-tools::-webkit-scrollbar{display:none}.mps-tools button{flex:0 0 66px;min-width:66px;height:54px;padding:5px 2px;border-radius:10px;font-size:9px;line-height:1.05;gap:3px}.mps-tools button span{font-size:18px}
  .mps-panel{display:block;position:absolute;left:0;right:0;bottom:64px;max-height:min(62dvh,560px);padding:0 18px calc(18px + env(safe-area-inset-bottom));overflow:auto;background:#fff;border:0;border-radius:20px 20px 0 0;box-shadow:0 -12px 40px rgba(9,20,30,.22);z-index:24;transform:translateY(calc(100% + 24px));visibility:hidden;opacity:0;pointer-events:none!important;transition:transform .25s ease,opacity .2s ease,visibility 0s linear .25s}
  .mps-panel.is-open{transform:translateY(0);visibility:visible;opacity:1;pointer-events:auto!important;transition:transform .25s ease,opacity .2s ease}
  .mps-panel-mobile-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:center;height:48px;margin:0 -18px 8px;padding:0 14px;background:#fff;border-bottom:1px solid var(--mps-line)}
  .mps-panel-grip{position:absolute;top:7px;width:42px;height:4px;border-radius:4px;background:#cbd2d8}.mps-panel-mobile-head button{margin-left:auto;border:0;background:#eef3f4;color:var(--mps-dark);height:32px;padding:0 11px;border-radius:9px;font-weight:750;font-size:12px}
  .mps-panel h2{font-size:20px}.mps-panel p{margin-bottom:16px}.mps-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mps-footer{position:relative;z-index:30;min-height:64px;padding:7px 10px calc(7px + env(safe-area-inset-bottom));background:#fff}.mps-finish{height:48px;border-radius:12px;font-size:13px}
}
@media(max-width:380px){.mps-tools button{flex-basis:61px;min-width:61px}.mps-side-switch button{min-width:86px}.mps-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}