:root{--mcs-bg: #F9F8F6;--mcs-panel: #F1F0EC;--mcs-surface: #FFFFFF;--mcs-accent: #D4A238;--mcs-text-main: #2B2B2B;--mcs-text-dim: #7A7A7A;--mcs-border: rgba(0, 0, 0, .04);--sidebar-w: 420px;--header-h: 70px;--radius: 16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:var(--mcs-bg);color:var(--mcs-text-main);-webkit-font-smoothing:antialiased;overflow:hidden}.mcs-app{display:flex;flex-direction:column;height:100vh}.mcs-header{height:var(--header-h);background:var(--mcs-bg);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;border-bottom:1px solid var(--mcs-border);flex-shrink:0;z-index:100}@media (max-width: 1024px){.mcs-header{padding:0 1rem}.brand-name{display:none}}.mcs-brand{display:flex;align-items:center;gap:12px}.brand-type{font-size:1.2rem;font-weight:900;letter-spacing:.05em}.brand-type .m,.brand-type .c{color:var(--mcs-text-main)}.brand-type .s{color:var(--mcs-accent)}.brand-divider{color:#e0e0e0;font-weight:300}.brand-name{font-size:.55rem;font-weight:800;color:var(--mcs-text-dim);letter-spacing:.1em}.header-section.center{display:flex;gap:10px}.btn-main-cta{background:var(--mcs-accent);color:var(--mcs-text-main);border:none;padding:10px 24px;border-radius:8px;font-weight:900;font-size:.75rem;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #d4a23833}.btn-main-cta:hover{transform:scale(1.05);box-shadow:0 6px 15px #d4a23859;filter:brightness(1.05)}.btn-main-cta:active{transform:scale(.98)}.btn-secondary-cta{background:var(--mcs-surface);border:1px solid var(--mcs-border);padding:10px 24px;border-radius:8px;font-weight:800;font-size:.75rem;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.btn-secondary-cta:hover{border-color:var(--mcs-accent);color:var(--mcs-accent);background:#fffbf5;transform:translateY(-1px)}.header-section.right{display:flex;align-items:center;gap:1.5rem}.header-actions{display:flex;gap:8px}.btn-service{background:none;border:1px solid var(--mcs-border);padding:8px 12px;border-radius:8px;color:var(--mcs-text-main);font-size:.7rem;font-weight:800;cursor:pointer;transition:all .2s ease}.btn-service:hover{border-color:var(--mcs-accent);color:var(--mcs-accent)}.btn-service.highlight{border-color:var(--mcs-accent)}.mcs-balance-pill{background:var(--mcs-surface);padding:8px 16px;border-radius:20px;display:flex;align-items:center;gap:8px;font-weight:800;font-size:.8rem;box-shadow:0 2px 8px #00000005}.mcs-main-layout{display:flex;flex:1;overflow:hidden;padding:10px;gap:10px}@media (max-width: 1200px){.mcs-main-layout{flex-direction:column;overflow-y:auto}}.mcs-sidebar{width:var(--sidebar-w);background:var(--mcs-panel);border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}@media (max-width: 1200px){.mcs-sidebar{width:100%;height:auto}.sidebar-scroll{padding:1.5rem}}.sidebar-scroll{padding:2.5rem;overflow-y:auto}.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-scroll::-webkit-scrollbar-thumb{background:#0000000d;border-radius:10px}.sidebar-scroll:hover::-webkit-scrollbar-thumb{background:#0000001a}.l1-title{font-size:1.2rem;font-weight:900;margin-bottom:2.5rem;color:var(--mcs-text-main)}.sidebar-group{margin-bottom:3.5rem}.l2-header{font-size:.75rem;font-weight:900;text-transform:uppercase;color:var(--mcs-accent);margin-bottom:1.5rem;letter-spacing:.05em;border-bottom:1px solid rgba(212,162,56,.1);padding-bottom:8px}.field-unit{margin-bottom:1.5rem}.l3-label{font-size:.65rem;font-weight:800;color:var(--mcs-text-dim);text-transform:uppercase;margin-bottom:8px;display:block}.input-v4,.textarea-v4,.mcs-input-base{width:100%;background:var(--mcs-surface);border:none;padding:12px;border-radius:10px;font-size:.85rem;outline:none;box-shadow:0 2px 10px #00000005;font-family:inherit;transition:all .2s ease;border:1px solid transparent}.input-v4:focus,.textarea-v4:focus{border-color:#d4a2384d;box-shadow:0 4px 15px #0000000a}.mp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mp-button{background:var(--mcs-surface);border:1px solid transparent;padding:10px;border-radius:8px;color:var(--mcs-text-dim);font-size:.65rem;font-weight:900;cursor:pointer;transition:all .2s ease}.mp-button:hover{background:#fafafa}.mp-button.active{border-color:var(--mp-color);color:var(--mcs-text-main);font-weight:900;background:#fff;box-shadow:0 4px 12px #0000000d}.specs-info-box{background:var(--mcs-surface);border-radius:10px;padding:15px;margin-bottom:1.5rem;box-shadow:0 2px 8px #00000005}.spec-item{font-size:.7rem;color:var(--mcs-text-main);margin-bottom:4px;display:flex;justify-content:space-between}.spec-item span{color:var(--mcs-text-dim);font-weight:700}.spec-item.accent{color:var(--mcs-accent);font-weight:800;border-top:1px solid var(--mcs-border);margin-top:8px;padding-top:8px}.count-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.count-btn{background:var(--mcs-surface);border:none;padding:10px;border-radius:8px;color:var(--mcs-text-main);font-size:.8rem;font-weight:900;cursor:pointer;transition:all .2s ease}.count-btn:hover{background:#fafafa}.count-btn.active{background:var(--mcs-text-main);color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #0000001a}.search-input-wrap{display:flex;gap:8px;margin-bottom:1rem}.search-input-wrap input{flex:1;background:var(--mcs-surface);border:none;padding:10px;border-radius:10px;font-size:.8rem;outline:none}.search-input-wrap button{background:var(--mcs-text-main);color:#fff;border:none;width:40px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.search-input-wrap button:hover{opacity:.9;transform:scale(1.05)}.audit-results-container{background:#fff;border-radius:12px;min-height:100px;padding:15px;border:1px solid var(--mcs-border)}.audit-summary{font-size:.75rem;line-height:1.5;color:var(--mcs-text-main);margin-bottom:1rem;border-left:2px solid var(--mcs-accent);padding-left:10px}.audit-metrics{display:flex;gap:10px;margin-bottom:1rem}.m-pill{flex:1;text-align:center;background:var(--mcs-bg);padding:8px;border-radius:8px;border:1px solid transparent;transition:all .2s ease}.m-pill:hover{border-color:var(--mcs-border);transform:translateY(-2px)}.m-pill span{display:block;font-weight:900;font-size:.85rem}.m-pill label{font-size:.5rem;text-transform:uppercase;color:var(--mcs-text-dim);font-weight:800}.pain-tags-cloud{display:flex;flex-wrap:wrap;gap:5px}.pain-tag{background:#fff;border:1px solid var(--mcs-border);padding:4px 10px;border-radius:15px;font-size:.6rem;font-weight:700;color:var(--mcs-text-dim);cursor:pointer;transition:all .2s ease}.pain-tag:hover{border-color:var(--mcs-accent);color:var(--mcs-accent);background:#fffbf5}.assets-grid-v4{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.upload-btn-box{aspect-ratio:1;background:#fff;border:2px dashed #E0E0E0;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--mcs-text-dim);gap:4px;cursor:pointer;transition:all .2s ease}.upload-btn-box:hover{border-color:var(--mcs-accent);color:var(--mcs-accent);background:#fffbf5}.upload-btn-box span{font-size:.5rem;font-weight:800;text-transform:uppercase}.asset-v4{aspect-ratio:1;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #00000005;transition:all .3s ease}.asset-v4:hover{transform:scale(1.05);cursor:pointer}.asset-v4 img{width:100%;height:100%;object-fit:cover}.btn-action-simple{background:#fff;border:1px solid var(--mcs-border);padding:10px;border-radius:10px;width:100%;font-size:.75rem;font-weight:800;cursor:pointer;transition:all .2s ease}.btn-action-simple:hover{border-color:#f44;color:#f44}.mcs-canvas{flex:1;background:var(--mcs-bg);display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:400px;transition:background .2s}.mcs-canvas.is-dragging{-webkit-user-select:none;user-select:none;background:#00000005}.mcs-grid-main{display:grid;gap:20px;margin:auto;max-height:85vh;padding:20px}@media (max-width: 1200px){.mcs-canvas{overflow:visible;padding:20px 0}.mcs-grid-main{grid-template-columns:1fr!important;max-height:none;width:100%;max-width:400px}}.mcs-grid-main.grid-size-8{grid-template-columns:repeat(4,340px)}.mcs-grid-main.grid-size-6{grid-template-columns:repeat(3,390px)}.mcs-grid-main.grid-size-4{grid-template-columns:repeat(2,360px)}.mcs-grid-main.grid-size-2{grid-template-columns:repeat(2,400px)}.mcs-card-v4{background:#fff;border-radius:16px;padding:10px;box-shadow:0 4px 20px #00000008;cursor:pointer;transition:all .4s cubic-bezier(.165,.84,.44,1);border:2px solid transparent}.mcs-card-v4:hover{transform:translateY(-5px);box-shadow:0 12px 30px #00000014}.mcs-card-v4.active{border-color:var(--mcs-accent);transform:translateY(-5px);box-shadow:0 0 0 4px #d4a2381a,0 12px 30px #d4a23826}.mcs-safe-zone-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:10;border:2px dashed rgba(255,255,255,.3);background:#0000001a}.mcs-safe-zone-overlay.ozon .safe-top-left{position:absolute;top:10px;left:10px;width:60px;height:60px;background:#005bff4d;border-radius:8px}.mcs-safe-zone-overlay.wb .safe-bottom-right{position:absolute;bottom:20px;right:15px;width:80px;height:100px;background:#4806744d;border-radius:8px}.card-visual-layer{width:100%;aspect-ratio:var(--aspect-ratio, 3/4);background-size:cover;background-position:center;border-radius:10px;position:relative;overflow:hidden;transition:all .5s ease}.infographic-content{width:100%;height:100%;display:flex;flex-direction:column;position:relative}.info-box{background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #0003;transition:all .3s ease;width:fit-content;max-width:85%;min-width:100px}.info-title{font-weight:900;font-size:.75rem;color:#fff;margin-bottom:2px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.info-bullet{font-size:.55rem;font-weight:700;color:#fff;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.3)}.card-footer-v4{padding:10px 5px 2px;display:flex;justify-content:space-between;align-items:center;font-size:.7rem;font-weight:900;color:var(--mcs-text-dim)}.presets-stack-v4{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preset-v4{background:#fff;border-radius:10px;overflow:hidden;cursor:pointer;border:2px solid transparent;box-shadow:0 2px 8px #00000005;transition:all .2s ease}.preset-v4:hover{transform:scale(1.02)}.preset-v4.active{border-color:var(--mcs-accent);box-shadow:0 4px 15px #0000000d}.p-thumb{width:100%;aspect-ratio:16/9;background-size:cover;background-position:center;opacity:.7;transition:all .3s ease}.preset-v4.active .p-thumb{opacity:1}.p-info{padding:6px;text-align:center;font-size:.7rem;font-weight:800}.pos-btn-grid{display:flex;gap:6px;margin-bottom:1rem}.pos-btn{flex:1;background:#fff;border:1px solid var(--mcs-border);padding:8px;border-radius:8px;font-size:.65rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .2s ease}.pos-btn:hover{border-color:var(--mcs-accent);background:#fffbf5}.pos-btn.active{border-color:var(--mcs-accent);color:var(--mcs-accent);background:#fffbf5;box-shadow:inset 0 2px 4px #d4a2380d}.toggle-panel{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:12px;border-radius:10px;border:1px solid var(--mcs-border)}.toggle-switch{display:flex;align-items:center;gap:10px;font-size:.75rem;font-weight:800}.toggle-switch input{width:32px;height:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e0e0e0;border-radius:20px;position:relative;cursor:pointer;transition:all .3s ease}.toggle-switch input:checked{background:var(--mcs-accent)}.toggle-switch input:before{content:"";position:absolute;width:12px;height:12px;background:#fff;border-radius:50%;top:2px;left:2px;transition:.2s}.toggle-switch input:checked:before{left:18px}