.mcds{--bg:#081729;--panel:#10253c;--border:#29465c;--cyan:#40d8f4;--green:#4ff5b3;--ink:#eaf7ff;--muted:#acc3d5;font:inherit;color:var(--ink);max-width:1400px;margin:0 auto;isolation:isolate}.mcds *{box-sizing:border-box}.mcds button,.mcds input,.mcds textarea{font:inherit}.mcds button{cursor:pointer}.mcds-hero{display:flex;align-items:center;justify-content:space-between;padding:28px 32px;background:linear-gradient(120deg,#07192d,#123c52);border:1px solid var(--border);border-radius:18px;margin-bottom:16px}.mcds-hero h2{color:#fff;font-size:clamp(27px,4vw,40px);margin:7px 0}.mcds-hero h2 span{color:var(--green)}.mcds-hero p{color:var(--muted);margin:0}.mcds-eyebrow{font-size:11px;letter-spacing:2px;color:var(--green);font-weight:800}.mcds-hero-mark{font-size:66px;color:var(--cyan);opacity:.65}.mcds-shell{display:grid;grid-template-columns:minmax(210px,260px) minmax(0,1fr);gap:14px;height:min(740px,calc(100dvh - 130px));min-height:420px;overflow:hidden}.mcds-nav,.mcds-main{min-height:0;min-width:0;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#43d7ee #10253c;scrollbar-gutter:stable;touch-action:pan-y; -webkit-overflow-scrolling:touch}.mcds-nav::-webkit-scrollbar,.mcds-main::-webkit-scrollbar{width:11px;height:9px}.mcds-nav::-webkit-scrollbar-track,.mcds-main::-webkit-scrollbar-track{background:#10253c}.mcds-nav::-webkit-scrollbar-thumb,.mcds-main::-webkit-scrollbar-thumb{background:#3db8d2;border:2px solid #10253c;border-radius:12px}.mcds-nav{background:#0c1d31;border:1px solid var(--border);border-radius:15px;padding:14px 9px}.mcds-nav-title{font-size:12px;color:var(--muted);font-weight:800;letter-spacing:1px;padding:12px}.mcds-nav-title small{float:right;font-size:10px}.mcds-nav>button{display:flex;gap:11px;align-items:center;text-align:left;width:100%;padding:13px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#d7eaf6;margin:3px 0}.mcds-nav>button:hover,.mcds-nav>button.active{background:#153d50;color:#fff;border-color:#2e7382}.mcds-nav>button.active{box-shadow:inset 3px 0 var(--green)}.mcds-nav-note{font-size:12px;color:var(--muted);padding:20px 12px}.mcds-main{background:var(--bg);border:1px solid var(--border);border-radius:15px;padding:22px}.mcds-top{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:18px;margin-bottom:20px;gap:12px}.mcds-top h3{font-size:25px;color:white;margin:4px 0}.mcds-top p{color:var(--muted);margin:0}.mcds-status{border:1px solid #2e846a;border-radius:40px;padding:5px 11px;color:var(--green);font-size:12px;white-space:nowrap}.mcds-panel[hidden]{display:none!important}.mcds-panel label{display:block;color:#d9edf8;font-size:13px;font-weight:700;margin:12px 0 7px}.mcds-input,.mcds-area,.mcds-editor{width:100%;background:#0c2035!important;color:#f3fbff!important;border:1px solid #3b596e!important;border-radius:9px;padding:13px;outline-offset:2px}.mcds-area{resize:vertical;min-height:150px}.mcds-editor{min-height:330px;line-height:1.65;overflow-wrap:anywhere}.mcds-editor h2,.mcds-preview h2{color:#fff}.mcds-toolbar,.mcds-actions{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.mcds button:not(.mcds-nav>button){background:#17364c;border:1px solid #3a647a;border-radius:8px;padding:9px 13px;color:#effaff}.mcds button:hover{filter:brightness(1.2)}.mcds button.primary{background:#116d79;border-color:#3ed8df;color:white}.mcds-preview{min-height:120px;border:1px solid var(--border);background:#10253c;border-radius:10px;padding:16px;overflow-wrap:anywhere}.mcds-panel h4{margin:22px 0 10px;color:#fff}.mcds-panel p,.mcds-hint{color:var(--muted)}.mcds-templates,.mcds-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mcds-templates button{text-align:left;min-height:90px}.mcds-templates small{display:block;color:var(--muted);margin-top:8px}.mcds-stats>div{border:1px solid var(--border);background:#11283d;border-radius:10px;padding:20px}.mcds-stats b{font-size:26px;color:var(--green);display:block}.mcds-stats span{color:var(--muted)}.mcds-check{display:flex!important;align-items:center;gap:8px}.mcds-check input{width:auto}.mcds-panel input[type=file]{color:#fff;max-width:100%}@media(max-width:700px){.mcds-hero{padding:22px}.mcds-hero-mark{display:none}.mcds-shell{display:flex;flex-direction:column;height:auto;min-height:0;overflow:visible}.mcds-nav{display:flex;flex:0 0 auto;overflow-x:auto!important;overflow-y:hidden!important;max-height:90px;scrollbar-gutter:auto;white-space:nowrap;gap:7px}.mcds-nav-title,.mcds-nav-note{display:none}.mcds-nav>button{flex:0 0 auto;width:auto;margin:0;padding:10px}.mcds-main{overflow:visible!important;padding:15px}.mcds-templates,.mcds-stats{grid-template-columns:1fr}}