/* MATU PRINT Designer v97 */
.mp-editor-info{
    max-width:1180px;margin:0 auto 1rem;display:flex;justify-content:space-between;gap:1rem;
    padding:.9rem 1rem;border:1px solid #2a2a2a;border-radius:1rem;background:#0c0c0c;color:#a3a3a3;font-size:.82rem
}
.mp-editor-info>div{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}
.mp-editor-info strong{color:#fff}.mp-editor-info strong i{color:#00AEEF}
.mp-quality-good{color:#86efac}.mp-quality-warn{color:#fca5a5}
.mp-designer{display:grid;grid-template-columns:250px minmax(0,1fr) 270px;max-width:1180px;margin:0 auto;border:1px solid #252525;border-radius:1.25rem;overflow:hidden;background:#0a0a0a;box-shadow:0 30px 90px rgba(0,0,0,.32)}
.mp-panel{padding:1rem;background:#101010;min-width:0}.mp-panel-left{border-right:1px solid #242424}.mp-panel-right{border-left:1px solid #242424}
.mp-panel-title{display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:.78rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800;margin-bottom:.85rem}
.mp-panel-title i{color:#00AEEF}.mp-top-gap{margin-top:1.4rem}
.mp-label{display:block;color:#9ca3af;font-size:.75rem;font-weight:700;margin:.7rem 0 .35rem}
.mp-control{width:100%;border:1px solid #333;border-radius:.7rem;background:#080808;color:#f4f4f5;padding:.7rem .75rem;outline:none;transition:border-color .2s}
.mp-control:focus{border-color:#00AEEF}.mp-dimensions{margin-top:.65rem;color:#737373;font-size:.72rem}
.mp-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.mp-tool{min-height:66px;border:1px solid #2f2f2f;border-radius:.8rem;background:#0a0a0a;color:#e5e7eb;display:flex;flex-direction:column;gap:.4rem;align-items:center;justify-content:center;transition:.2s}
.mp-tool:hover{border-color:#00AEEF;background:#111827}.mp-tool i{font-size:1.05rem;color:#00AEEF}.mp-tool:nth-child(2) i{color:#EC008C}.mp-tool:nth-child(3) i{color:#FFF200}.mp-tool:nth-child(4) i{color:#fff}
.mp-template-list{display:grid;gap:.5rem}.mp-template{width:100%;display:grid;grid-template-columns:46px 1fr;align-items:center;gap:.65rem;text-align:left;border:1px solid #2d2d2d;background:#0a0a0a;color:#fff;padding:.55rem;border-radius:.8rem}
.mp-template:hover{border-color:#4b5563}.mp-template strong{display:block;font-size:.82rem}.mp-template small{display:block;color:#737373;font-size:.68rem;margin-top:.1rem}
.mp-template-preview{width:46px;height:34px;border-radius:.4rem;border:1px solid #333;background:#fff;display:block;position:relative;overflow:hidden}
.mp-template-preview.minimal:after{content:"";position:absolute;left:7px;top:8px;width:27px;height:4px;background:#111}.mp-template-preview.minimal:before{content:"";position:absolute;left:7px;top:17px;width:18px;height:2px;background:#00AEEF}
.mp-template-preview.cmyk{background:linear-gradient(135deg,#00AEEF 0 33%,#EC008C 33% 66%,#FFF200 66%)}.mp-template-preview.promo{background:linear-gradient(160deg,#111 0 58%,#EC008C 58% 72%,#FFF200 72% 86%,#00AEEF 86%)}
.mp-primary,.mp-secondary{border:0;border-radius:.75rem;padding:.8rem 1rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:.55rem}
.mp-primary{background:linear-gradient(90deg,#00AEEF,#EC008C);color:#fff;box-shadow:0 14px 32px rgba(0,0,0,.3)}.mp-secondary{background:#191919;color:#d4d4d4;border:1px solid #323232}.mp-full{width:100%}
.mp-workspace{min-width:0;background:#151515;display:flex;flex-direction:column}.mp-topbar{height:54px;border-bottom:1px solid #272727;background:#0d0d0d;display:flex;align-items:center;justify-content:space-between;padding:0 .8rem;gap:.8rem}
.mp-topbar-left{display:flex;align-items:center;gap:.32rem}.mp-topbar button,.mp-zoom-box button{width:34px;height:34px;border:1px solid #303030;border-radius:.55rem;background:#151515;color:#ddd;display:inline-flex;align-items:center;justify-content:center;position:relative}
.mp-topbar button:hover,.mp-zoom-box button:hover{border-color:#00AEEF;color:#fff}.mp-topbar button span{position:absolute;font-size:.7rem;right:3px;bottom:1px}.mp-top-divider{width:1px;height:24px;background:#303030;margin:0 .25rem}
.mp-zoom-box{display:flex;align-items:center;gap:.45rem;color:#9ca3af;font-size:.72rem}.mp-zoom-box span{min-width:42px;text-align:center}
.mp-canvas-stage{flex:1;min-height:630px;display:flex;align-items:center;justify-content:center;overflow:auto;padding:2rem;background-color:#1d1d1d;background-image:linear-gradient(45deg,#202020 25%,transparent 25%),linear-gradient(-45deg,#202020 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#202020 75%),linear-gradient(-45deg,transparent 75%,#202020 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0}
.mp-canvas-shadow{box-shadow:0 28px 70px rgba(0,0,0,.45);line-height:0;background:#fff}.mp-canvas-shadow canvas{display:block;touch-action:none;cursor:default}
.mp-legend{height:42px;border-top:1px solid #272727;background:#0d0d0d;color:#737373;display:flex;align-items:center;justify-content:center;gap:1.2rem;font-size:.68rem}
.mp-key{display:inline-block;width:16px;height:2px;vertical-align:middle;margin-right:.3rem}.mp-key-bleed{background:#EC008C}.mp-key-trim{background:#00AEEF}.mp-key-safe{background:#FFF200}
.mp-empty-properties{padding:1.4rem .8rem;text-align:center;color:#666;border:1px dashed #333;border-radius:.8rem}.mp-empty-properties i{font-size:1.3rem;color:#4b5563;margin-bottom:.6rem}.mp-empty-properties p{font-size:.75rem;line-height:1.5}
.mp-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.mp-button-row{display:flex;gap:.35rem;margin-top:.6rem}.mp-prop-button{width:38px;height:36px;border:1px solid #333;border-radius:.55rem;background:#090909;color:#ccc}.mp-prop-button.active{border-color:#00AEEF;color:#fff;background:#0f2530}
.mp-color-row{display:grid;grid-template-columns:48px 1fr;gap:.55rem;align-items:center}.mp-color-row input[type=color]{width:48px;height:42px;border:1px solid #333;border-radius:.65rem;background:#090909;padding:4px}
.mp-range-row{display:grid;grid-template-columns:1fr 50px;align-items:center;gap:.6rem;color:#aaa;font-size:.72rem}.mp-range-row input{accent-color:#00AEEF}
.mp-image-quality{margin-top:.8rem;padding:.7rem;border:1px solid #333;border-radius:.7rem;font-size:.72rem;line-height:1.5}.mp-image-quality.good{color:#86efac;border-color:rgba(34,197,94,.3);background:rgba(34,197,94,.06)}.mp-image-quality.warn{color:#fde68a;border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.07)}.mp-image-quality.bad{color:#fca5a5;border-color:rgba(239,68,68,.3);background:rgba(239,68,68,.06)}
.mp-export-box{margin-top:1.5rem;padding:1rem;border:1px solid #303030;border-radius:1rem;background:linear-gradient(180deg,rgba(0,174,239,.06),rgba(0,0,0,.15))}
.mp-export-badge{display:flex;align-items:center;gap:.7rem;margin-bottom:.8rem}.mp-export-badge>i{font-size:1.4rem;color:#EC008C}.mp-export-badge strong{display:block;color:#fff;font-size:.82rem;letter-spacing:.08em}.mp-export-badge span{display:block;color:#00AEEF;font-size:.69rem;margin-top:.08rem}
.mp-export-box ul{color:#9ca3af;font-size:.7rem;line-height:1.7;margin:0 0 .9rem 1rem;list-style:disc}.mp-export-note{margin-top:.65rem;color:#666;font-size:.64rem;line-height:1.45}
.mp-export-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.82);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem}.mp-export-overlay[hidden]{display:none}
.mp-export-modal{width:min(430px,100%);background:#101010;border:1px solid #333;border-radius:1.25rem;padding:2rem;text-align:center;box-shadow:0 30px 100px #000}.mp-export-modal h4{font-size:1.2rem;font-weight:800;color:#fff;margin:.8rem 0 .4rem}.mp-export-modal p{color:#9ca3af;font-size:.8rem}
.mp-spinner{width:42px;height:42px;border-radius:50%;border:3px solid #333;border-top-color:#00AEEF;border-right-color:#EC008C;margin:0 auto;animation:mp-spin .8s linear infinite}.mp-progress{height:7px;background:#242424;border-radius:99px;margin-top:1.1rem;overflow:hidden}.mp-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#00AEEF,#EC008C,#FFF200);transition:width .2s}
@keyframes mp-spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.mp-designer{grid-template-columns:220px minmax(0,1fr)}.mp-panel-right{grid-column:1/-1;border-left:0;border-top:1px solid #242424;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mp-panel-right .mp-panel-title,.mp-panel-right .mp-top-gap{grid-column:1/-1}.mp-export-box{margin-top:0}}
@media(max-width:767px){
    #navrhni.screen-section{padding-top:4rem!important;padding-bottom:4rem!important}.mp-editor-info{flex-direction:column;border-radius:1rem}.mp-designer{display:flex;flex-direction:column;border-radius:1rem}.mp-panel-left,.mp-panel-right{border:0;border-bottom:1px solid #242424}.mp-workspace{order:-1}.mp-canvas-stage{min-height:430px;padding:1rem}.mp-topbar{overflow-x:auto}.mp-topbar-left{flex-shrink:0}.mp-legend{height:auto;min-height:42px;flex-wrap:wrap;padding:.6rem;gap:.65rem}.mp-panel-right{display:block}.mp-tool-grid{grid-template-columns:repeat(4,1fr)}.mp-tool{min-height:58px;font-size:.68rem}.mp-template-list{grid-template-columns:1fr}.mp-canvas-shadow{max-width:100%}.mp-editor-info{font-size:.75rem}
}


.mp-library-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;padding:.28rem;border:1px solid #2d2d2d;border-radius:.75rem;background:#090909;margin-bottom:.55rem}
.mp-library-tab{border:0;border-radius:.55rem;padding:.48rem .35rem;background:transparent;color:#777;font-size:.7rem;font-weight:800}
.mp-library-tab.active{background:#1b1b1b;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.mp-shape-library,.mp-emoji-library{display:grid;grid-template-columns:repeat(5,1fr);gap:.38rem}
.mp-library-item,.mp-emoji-item{min-width:0;min-height:52px;border:1px solid #2e2e2e;border-radius:.68rem;background:#090909;color:#d4d4d4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.35rem .16rem;transition:border-color .18s,transform .18s,background .18s}
.mp-library-item:hover,.mp-emoji-item:hover{border-color:#00AEEF;background:#111827;transform:translateY(-1px)}
.mp-library-item i{font-size:1rem;color:#00AEEF}.mp-library-item:nth-child(2) i{color:#FFF200}.mp-library-item:nth-child(3) i{color:#EC008C}.mp-library-item:nth-child(8) i{color:#FFF200}
.mp-library-item span,.mp-emoji-item small{font-size:.55rem;line-height:1.05;color:#7c7c7c;text-align:center}
.mp-emoji-preview{width:27px;height:27px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:900;color:#4a2b13;background:radial-gradient(circle at 35% 25%,#fff8b0 0 5%,#ffd83d 35%,#f5a400 100%);box-shadow:inset 0 1px 2px rgba(255,255,255,.55),0 2px 5px rgba(0,0,0,.28)}
.mp-emoji-item:nth-child(3) .mp-emoji-preview{color:#f43f5e}.mp-emoji-item:nth-child(4) .mp-emoji-preview{color:#111827;font-size:.55rem}.mp-emoji-item:nth-child(5) .mp-emoji-preview{font-size:.72rem}
.mp-library-note{margin-top:.55rem;color:#555;font-size:.58rem;line-height:1.45}
@media(max-width:767px){
  .mp-shape-library,.mp-emoji-library{grid-template-columns:repeat(5,1fr)}
  .mp-library-item,.mp-emoji-item{min-height:48px}
}

.mp-emoji-library{display:block}
.mp-library-section-title{margin:.7rem 0 .38rem;color:#8a8a8a;font-size:.58rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.mp-emoji-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.38rem}
.mp-emoji-library .mp-library-section-title:first-child{margin-top:0}
@media(max-width:767px){
  .mp-emoji-grid{grid-template-columns:repeat(4,1fr)}
}

/* v36 – projekt, autosave a přímá objednávka z editoru */
.mp-project-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.mp-project-actions .mp-secondary{padding:.65rem .45rem;font-size:.68rem}
.mp-autosave-status{margin-top:.55rem;padding:.55rem .65rem;border-radius:.65rem;border:1px solid #29343b;background:rgba(0,174,239,.045);color:#7c8b94;font-size:.62rem;line-height:1.4}.mp-autosave-status i{color:#00AEEF;margin-right:.25rem}
.mp-pdf-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.65rem}.mp-pdf-actions .mp-primary,.mp-pdf-actions .mp-secondary{min-height:45px;padding:.65rem .45rem;font-size:.7rem}
.mp-order-overlay{position:fixed;inset:0;z-index:10001;background:rgba(0,0,0,.84);backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;padding:1rem}.mp-order-overlay[hidden]{display:none}.mp-order-modal-card{position:relative;width:min(430px,100%);padding:1.6rem;background:#101010;border:1px solid #333;border-radius:1.2rem;box-shadow:0 30px 100px #000}.mp-order-modal-card h4{font-size:1.35rem;font-weight:800;color:#fff;margin:.55rem 0 .3rem}.mp-order-icon{width:48px;height:48px;border-radius:1rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00AEEF,#EC008C);color:white;font-size:1.15rem}.mp-order-close{position:absolute;right:.8rem;top:.7rem;width:36px;height:36px;border-radius:50%;border:1px solid #333;background:#181818;color:#aaa;font-size:1.35rem}.mp-order-format{color:#00AEEF;font-size:.82rem;margin-bottom:1rem}.mp-order-note{font-size:.7rem;color:#777;line-height:1.55;margin:.75rem 0 1rem}
@media(max-width:767px){.mp-pdf-actions{grid-template-columns:1fr}.mp-project-actions{grid-template-columns:1fr}.mp-project-actions .mp-secondary{min-height:44px}}

/* MATU PRINT Designer v97 – přístupnější moderní studio */
#navrhni .mp-editor-intro p{color:#4b5563!important;line-height:1.75}
.mp-start-path{max-width:980px;margin:0 auto 1.1rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}
.mp-start-path article{position:relative;display:grid;grid-template-columns:34px 40px 1fr;align-items:center;gap:.7rem;padding:.9rem 1rem;border:1px solid rgba(148,163,184,.24);border-radius:1rem;background:rgba(255,255,255,.8);box-shadow:0 10px 30px rgba(15,23,42,.06);text-align:left;overflow:hidden}
.mp-start-path article:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#00AEEF,#EC008C,#FFF200);opacity:.85}
.mp-start-path article>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#111827;color:#fff;font-size:.72rem;font-weight:900}
.mp-start-path article>i{font-size:1.15rem;color:#00AEEF}.mp-start-path article:nth-child(2)>i{color:#EC008C}.mp-start-path article:nth-child(3)>i{color:#7c3aed}
.mp-start-path strong{display:block;color:#111827;font-size:.83rem}.mp-start-path small{display:block;color:#64748b;font-size:.68rem;margin-top:.12rem}

.mp-editor-info{max-width:1220px;border-color:#d8e0ea;background:rgba(255,255,255,.84);color:#526174;box-shadow:0 8px 28px rgba(15,23,42,.055)}
.mp-editor-info strong{color:#111827}.mp-editor-info #mp-quality-summary{font-weight:700}
.mp-designer{grid-template-columns:290px minmax(420px,1fr) 310px;max-width:1220px;border-color:#202938;border-radius:1.35rem;background:#0b0f17;box-shadow:0 32px 90px rgba(15,23,42,.28)}
.mp-editor-head{grid-column:1/-1;min-height:64px;padding:.7rem .9rem .7rem 1rem;border-bottom:1px solid #263142;background:linear-gradient(110deg,#111827,#0b1220 58%,#16102b);display:flex;align-items:center;justify-content:space-between;gap:1rem}
.mp-editor-progress{display:flex;align-items:center;min-width:0;gap:0}
.mp-editor-progress span{display:flex;align-items:center;gap:.38rem;color:#64748b;font-size:.7rem;font-weight:800;white-space:nowrap}
.mp-editor-progress span:not(:last-child):after{content:"";width:28px;height:1px;margin:0 .42rem;background:#334155}
.mp-editor-progress b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;border:1px solid #3b475a;background:#131b2a;color:#94a3b8;font-size:.65rem}
.mp-editor-progress span.active{color:#e2e8f0}.mp-editor-progress span.active b{border-color:#00AEEF;background:rgba(0,174,239,.16);color:#66d9ff;box-shadow:0 0 0 4px rgba(0,174,239,.06)}
.mp-editor-progress span.done{color:#cbd5e1}.mp-editor-progress span.done b{border-color:#22c55e;background:#22c55e;color:#08120c}
.mp-help-button{flex:0 0 auto;display:inline-flex;align-items:center;gap:.45rem;padding:.6rem .78rem;border:1px solid #334155;border-radius:.75rem;background:rgba(255,255,255,.035);color:#cbd5e1;font-size:.7rem;font-weight:800;transition:.2s}
.mp-help-button:hover{border-color:#00AEEF;color:#fff;background:rgba(0,174,239,.08)}

.mp-panel{background:#0f1520}.mp-panel-left{border-color:#263142;max-height:900px;overflow-y:auto}.mp-panel-right{border-color:#263142;max-height:900px;overflow-y:auto}
.mp-panel::-webkit-scrollbar{width:7px}.mp-panel::-webkit-scrollbar-thumb{background:#334155;border-radius:10px}.mp-panel::-webkit-scrollbar-track{background:#0c111a}
.mp-panel-title{color:#f8fafc}.mp-panel-title i{width:28px;height:28px;display:grid;place-items:center;border-radius:.55rem;background:rgba(0,174,239,.1)}
.mp-label{color:#aab6c6}.mp-control{border-color:#334155;background:#0a1019;color:#f8fafc}.mp-control:hover{border-color:#475569}.mp-control:focus{border-color:#00AEEF;box-shadow:0 0 0 3px rgba(0,174,239,.1)}
.mp-dimensions{padding:.55rem .65rem;border:1px solid #263244;border-radius:.65rem;background:#0b111b;color:#8fa0b5;line-height:1.45}
.mp-tool{min-height:70px;border-color:#303b4d;background:linear-gradient(180deg,#121a27,#0b111b);color:#e5edf7}
.mp-tool:hover{border-color:#00AEEF;background:#111e2c;transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.18)}
.mp-upload-note{display:flex;align-items:flex-start;gap:.4rem;margin:.48rem 0 0;padding:.48rem .56rem;border:1px solid rgba(0,174,239,.16);border-radius:.58rem;background:rgba(0,174,239,.045);color:#8fa0b5;font-size:.59rem;line-height:1.45}.mp-upload-note i{color:#38bdf8;margin-top:.08rem}
.mp-library-tabs{grid-template-columns:repeat(3,1fr);border-color:#303b4d;background:#0b111b;padding:.3rem}
.mp-library-tab{color:#77869b}.mp-library-tab.active{background:#1b2636;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.mp-shape-library,.mp-icon-library{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}
.mp-library-item,.mp-icon-item,.mp-emoji-item{min-width:0;min-height:58px;border:1px solid #303b4d;border-radius:.72rem;background:#0b111b;color:#d7e0eb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.38rem .16rem;transition:.18s}
.mp-library-item:hover,.mp-icon-item:hover,.mp-emoji-item:hover{border-color:#00AEEF;background:#132031;transform:translateY(-1px);box-shadow:0 7px 16px rgba(0,0,0,.18)}
.mp-library-item i,.mp-icon-item i{font-size:1rem;color:#5fd6ff}.mp-icon-item:nth-child(5) i{color:#EC008C}.mp-icon-item:nth-child(7) i{color:#22c55e}.mp-icon-item:nth-child(10) i{color:#FFF200}
.mp-library-item span,.mp-icon-item span,.mp-emoji-item small{font-size:.56rem;line-height:1.05;color:#8b9bb0;text-align:center}
.mp-library-note{padding:.55rem .65rem;border-radius:.65rem;background:rgba(0,174,239,.045);color:#7f91a7;font-size:.6rem}
.mp-template-list{grid-template-columns:1fr 1fr;gap:.45rem}.mp-template{grid-template-columns:42px 1fr;border-color:#303b4d;background:#0b111b;padding:.48rem}.mp-template:hover{border-color:#00AEEF;background:#121e2c}.mp-template strong{font-size:.72rem}.mp-template small{font-size:.58rem;line-height:1.2}
.mp-template-preview.business{background:linear-gradient(90deg,#111827 0 28%,#fff 28%)}.mp-template-preview.business:after{content:"";position:absolute;right:6px;top:8px;width:23px;height:3px;background:#00AEEF;box-shadow:0 7px #d1d5db,0 13px #d1d5db}
.mp-template-preview.elegant{background:#f5efe3}.mp-template-preview.elegant:before{content:"";position:absolute;inset:6px;border:1px solid #1f2937}.mp-template-preview.elegant:after{content:"";position:absolute;left:12px;right:12px;top:15px;height:3px;background:#1f2937}
.mp-template-preview.photo{background:linear-gradient(180deg,#7dd3fc 0 64%,#111827 64%)}.mp-template-preview.photo:after{content:"";position:absolute;left:6px;bottom:6px;width:29px;height:3px;background:#fff}

.mp-workspace{background:#111827}.mp-topbar{height:58px;border-color:#263142;background:#0c121c}.mp-topbar button,.mp-zoom-box button{border-color:#344154;background:#141d2b}.mp-topbar button:disabled{opacity:.34}.mp-topbar button:hover,.mp-zoom-box button:hover{background:#18273a}
.mp-canvas-stage{min-height:690px;background-color:#182131;background-image:radial-gradient(circle at 1px 1px,rgba(148,163,184,.16) 1px,transparent 0);background-size:18px 18px}
.mp-canvas-shadow{border-radius:2px;box-shadow:0 30px 78px rgba(0,0,0,.52),0 0 0 1px rgba(255,255,255,.08)}
.mp-legend{border-color:#263142;background:#0c121c;color:#8593a7}

.mp-selection-name{margin:-.2rem 0 .8rem;padding:.62rem .7rem;border:1px solid #2c3b50;border-radius:.7rem;background:linear-gradient(90deg,rgba(0,174,239,.08),rgba(124,58,237,.07));color:#dbeafe;font-size:.7rem;font-weight:800}
.mp-empty-properties{border-color:#334155;background:#0b111b;color:#75859b}.mp-empty-properties i{color:#00AEEF}
.mp-color-presets{display:flex;flex-wrap:wrap;gap:.36rem;margin-top:.5rem}.mp-color-presets button{width:25px;height:25px;border-radius:50%;background:var(--swatch);border:2px solid #0f1520;box-shadow:0 0 0 1px #415069;transition:.16s}.mp-color-presets button:hover{transform:scale(1.12);box-shadow:0 0 0 2px #00AEEF}
.mp-position-tools{display:grid;grid-template-columns:1fr 1fr;gap:.42rem}.mp-position-tools button{min-height:42px;border:1px solid #334155;border-radius:.65rem;background:#0b111b;color:#cbd5e1;display:flex;align-items:center;justify-content:center;gap:.35rem;font-size:.61rem;font-weight:800}.mp-position-tools button:hover,.mp-position-tools button.active{border-color:#00AEEF;background:rgba(0,174,239,.09);color:#fff}.mp-position-tools button:disabled{opacity:.3;cursor:not-allowed}
.mp-background-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:.36rem;margin-top:.65rem}.mp-background-presets button{border:1px solid #334155;border-radius:.6rem;background:#0b111b;padding:.28rem;color:#8493a8}.mp-background-presets button.active{border-color:#00AEEF;box-shadow:0 0 0 2px rgba(0,174,239,.1)}.mp-background-presets span{display:block;height:28px;border-radius:.38rem;background:#fff}.mp-background-presets small{display:block;font-size:.5rem;margin-top:.25rem}.mp-background-presets [data-bg-preset="ink"] span{background:#111827}.mp-background-presets [data-bg-preset="cmyk"] span{background:linear-gradient(135deg,#00AEEF,#7c3aed 48%,#EC008C 74%,#FFF200)}.mp-background-presets [data-bg-preset="aurora"] span{background:linear-gradient(135deg,#0f172a,#0ea5e9 45%,#8b5cf6 72%,#ec4899)}.mp-background-presets [data-bg-preset="sunset"] span{background:linear-gradient(135deg,#fff7ed,#fb7185 54%,#7c3aed)}
.mp-layer-list{display:grid;gap:.35rem}.mp-layer-list>p{margin:0;padding:.7rem;border:1px dashed #334155;border-radius:.65rem;color:#68788d;font-size:.62rem;text-align:center}.mp-layer-item{width:100%;display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:.45rem;padding:.45rem .5rem;border:1px solid #303b4d;border-radius:.6rem;background:#0b111b;color:#aebaca;text-align:left;font-size:.63rem}.mp-layer-item i{color:#61d7ff}.mp-layer-item small{color:#5d6c80}.mp-layer-item.active{border-color:#00AEEF;background:rgba(0,174,239,.08);color:#fff}
.mp-export-box{border-color:#344154;background:linear-gradient(160deg,rgba(0,174,239,.085),rgba(124,58,237,.065) 52%,rgba(0,0,0,.18))}.mp-export-badge>i{color:#4ade80}.mp-export-badge span{color:#86dfff}.mp-export-box ul{margin-left:1.05rem;color:#a9b5c5}.mp-tech-details{margin-top:.7rem;padding:.6rem .65rem;border:1px solid #2f3b4c;border-radius:.65rem;background:#0b111b;color:#8796aa;font-size:.62rem;line-height:1.5}.mp-tech-details summary{cursor:pointer;color:#cbd5e1;font-weight:800}.mp-tech-details p{margin:.45rem 0 0}
.mp-primary{background:linear-gradient(100deg,#00AEEF 0%,#5267e8 46%,#EC008C 100%);box-shadow:0 12px 30px rgba(0,174,239,.15)}.mp-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.mp-secondary{border-color:#354256;background:#151e2b;color:#d3dce7}

.mp-help-overlay{position:fixed;inset:0;z-index:10002;background:rgba(3,7,18,.86);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:1rem}.mp-help-overlay[hidden]{display:none}.mp-help-card{position:relative;width:min(620px,100%);max-height:min(760px,92vh);overflow:auto;padding:1.7rem;background:linear-gradient(160deg,#121a27,#0b111b);border:1px solid #344154;border-radius:1.3rem;box-shadow:0 35px 120px #000}.mp-help-card h4{font-size:1.35rem;font-weight:900;color:#fff;margin:.7rem 0 1rem}.mp-help-steps{display:grid;gap:.65rem;margin-bottom:1rem}.mp-help-steps article{display:grid;grid-template-columns:34px 1fr;gap:.7rem;padding:.7rem;border:1px solid #2d3a4c;border-radius:.75rem;background:rgba(255,255,255,.025)}.mp-help-steps b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#00AEEF,#7c3aed);color:#fff;font-size:.7rem}.mp-help-steps strong{color:#f8fafc;font-size:.78rem}.mp-help-steps p{margin:.16rem 0 0;color:#96a5b9;font-size:.68rem;line-height:1.5}
.mp-toast{position:fixed;left:50%;bottom:24px;z-index:10003;transform:translate(-50%,25px);opacity:0;pointer-events:none;max-width:min(430px,calc(100vw - 32px));padding:.72rem 1rem;border:1px solid #3b4b60;border-radius:999px;background:rgba(11,17,27,.94);box-shadow:0 18px 50px rgba(0,0,0,.34);color:#eef6ff;font-size:.72rem;font-weight:800;transition:.25s}.mp-toast.show{opacity:1;transform:translate(-50%,0)}.mp-toast i{color:#4ade80;margin-right:.4rem}
.mp-snap-line{pointer-events:none}
#navrhni button:focus-visible,#navrhni input:focus-visible,#navrhni select:focus-visible,#navrhni textarea:focus-visible{outline:2px solid #00AEEF;outline-offset:2px}

@media(max-width:1120px){
  .mp-designer{grid-template-columns:250px minmax(0,1fr)}
  .mp-panel-right{max-height:none;grid-column:1/-1;border-left:0;border-top:1px solid #263142;display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}
  .mp-panel-right>.mp-panel-title,.mp-panel-right>.mp-selection-name,.mp-panel-right>#mp-no-selection,.mp-panel-right>#mp-properties{grid-column:1/2}
  .mp-panel-right>.mp-export-box{grid-column:3/4;grid-row:1/8;margin-top:0}
  .mp-panel-right>.mp-panel-title.mp-top-gap,.mp-panel-right>.mp-color-row,.mp-panel-right>.mp-background-presets,.mp-panel-right>.mp-layer-list{grid-column:2/3}
}
@media(max-width:767px){
  .mp-start-path{grid-template-columns:1fr;gap:.55rem}.mp-start-path article{grid-template-columns:32px 34px 1fr;padding:.72rem .8rem}
  .mp-editor-info{margin-bottom:.75rem}.mp-editor-info>div{align-items:flex-start}
  .mp-designer{display:flex;flex-direction:column;border-radius:1rem}
  .mp-editor-head{order:-4;align-items:flex-start;flex-direction:column;padding:.75rem;width:100%}
  .mp-editor-progress{width:100%;justify-content:space-between}.mp-editor-progress span{font-size:0;gap:0}.mp-editor-progress span:not(:last-child):after{width:clamp(18px,10vw,48px);margin:0 .35rem}.mp-editor-progress b{font-size:.63rem}
  .mp-help-button{width:100%;justify-content:center}
  .mp-workspace{order:-3}.mp-panel-left{order:-2;max-height:none}.mp-panel-right{order:-1;max-height:none;display:block}
  .mp-canvas-stage{min-height:440px;padding:1rem}.mp-topbar{height:56px}.mp-legend{font-size:.61rem}
  .mp-template-list{grid-template-columns:1fr 1fr}.mp-template{grid-template-columns:36px 1fr}.mp-template-preview{width:36px}
  .mp-tool-grid{grid-template-columns:repeat(2,1fr)}.mp-tool{font-size:.7rem}
  .mp-shape-library,.mp-icon-library{grid-template-columns:repeat(4,1fr)}
  .mp-position-tools{grid-template-columns:1fr 1fr}.mp-background-presets{grid-template-columns:repeat(5,1fr)}
  .mp-help-card{padding:1.25rem}.mp-help-card h4{font-size:1.15rem;padding-right:2rem}
  .mp-toast{bottom:14px;border-radius:.85rem;text-align:center}
}

/* v111.39.9.51 */
.mp-designer [hidden]{display:none!important}
.mp-designer :focus-visible{outline:3px solid #00aeef;outline-offset:3px}
@media(max-width:767px){.mp-designer button,.mp-designer select,.mp-designer input:not([type=color]){min-height:44px}.mp-designer input,.mp-designer textarea,.mp-designer select{font-size:16px}.mp-topbar{height:auto;min-height:56px;flex-wrap:wrap;gap:.3rem;padding:.45rem}.mp-canvas-stage{min-height:340px;overflow:auto}.mp-zoom-box{margin-left:auto}}