.mcs-studio{--mcs-bg:#091525;--mcs-card:#101f33;--mcs-edge:#2a4159;--mcs-txt:#e7f5ff;--mcs-muted:#a4b9cb;--mcs-cyan:#37d9ef;--mcs-green:#00e49a;color:var(--mcs-txt);background:var(--mcs-bg);border:1px solid var(--mcs-edge);border-radius:18px;overflow:hidden;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;max-width:100%}.mcs-studio *{box-sizing:border-box}.mcs-head{padding:22px 26px;background:linear-gradient(110deg,#102c43,#0b1728);display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid var(--mcs-edge)}.mcs-head h2{font-size:29px;color:white;margin:2px 0 4px;line-height:1.2}.mcs-head p{color:var(--mcs-muted);margin:0}.mcs-eyebrow,.mcs-nav-title,.mcs-preview-head{font-size:11px;letter-spacing:.13em;font-weight:800;color:var(--mcs-cyan)}.mcs-pulse{color:var(--mcs-green);font-size:12px}.mcs-local{color:var(--mcs-green);font-size:12px;border:1px solid #175b4b;padding:6px 10px;border-radius:20px;white-space:nowrap}.mcs-layout{display:grid;grid-template-columns:245px minmax(0,1fr);height:min(760px,calc(100dvh - 130px));min-height:390px;overflow:hidden}.mcs-nav,.mcs-main{min-height:0;max-height:100%;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#39cfe0 #10243a}.mcs-nav::-webkit-scrollbar,.mcs-main::-webkit-scrollbar{width:11px;height:9px}.mcs-nav::-webkit-scrollbar-track,.mcs-main::-webkit-scrollbar-track{background:#10243a}.mcs-nav::-webkit-scrollbar-thumb,.mcs-main::-webkit-scrollbar-thumb{background:#3ac5d7;border-radius:10px;border:2px solid #10243a}.mcs-nav{background:#0c1a2c;border-right:1px solid var(--mcs-edge);padding:18px 12px}.mcs-nav-title{padding:5px 11px 14px;display:flex;justify-content:space-between}.mcs-tab{display:block;width:100%;text-align:left;border:1px solid transparent!important;background:transparent!important;color:#bcd3e4!important;padding:13px 12px!important;border-radius:9px!important;cursor:pointer;font:600 13px system-ui!important;white-space:normal;line-height:1.35!important;margin:0 0 5px!important;box-shadow:none!important}.mcs-tab:hover,.mcs-tab.active{background:#17364b!important;border-color:#256477!important;color:#7ee9fa!important}.mcs-nav-note{font-size:12px;color:var(--mcs-muted);padding:20px 12px}.mcs-main{padding:20px 24px 28px}.mcs-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px;font-size:19px;font-weight:750}.mcs-toolbar #mcs-status{font-size:12px;color:var(--mcs-green);font-weight:500}.mcs-panel{display:none}.mcs-panel.active{display:block}.mcs-intro{color:var(--mcs-muted);margin:0 0 16px}.mcs-studio label,.mcs-label{color:#d3e6f4;display:block;font-weight:650;font-size:13px;margin-bottom:7px}.mcs-studio input,.mcs-studio select,.mcs-studio textarea{background:#071321;color:#e6f6ff;border:1px solid #3b5870;border-radius:8px;padding:10px;width:100%;font:14px/1.5 ui-monospace,Consolas,monospace}.mcs-studio input[type=color]{height:43px;padding:4px}.mcs-studio textarea{min-height:140px;resize:vertical}.mcs-studio #mcs-source{min-height:205px}.mcs-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.mcs-actions{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0 22px}.mcs-actions button,.mcs-file{background:#0baac3!important;color:#041521!important;border:1px solid #37d9ef!important;border-radius:8px!important;padding:9px 13px!important;font:750 13px system-ui!important;cursor:pointer;box-shadow:none!important;text-decoration:none!important}.mcs-actions button.secondary,.mcs-file{background:#16324a!important;color:#e1f8ff!important;border-color:#3a647a!important}.mcs-preview-head{display:flex;justify-content:space-between;margin:19px 0 9px}.mcs-preview{background-color:#f8fbff;background-image:linear-gradient(45deg,#e7edf3 25%,transparent 25%),linear-gradient(-45deg,#e7edf3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e7edf3 75%),linear-gradient(-45deg,transparent 75%,#e7edf3 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;border-radius:12px;border:1px solid #57758c;min-height:260px;display:grid;place-items:center;padding:24px;overflow:hidden}.mcs-preview svg{max-width:100%;max-height:310px;width:auto;height:auto}.mcs-hint{color:var(--mcs-muted);font-size:12px;margin:12px 0}.mcs-studio button:focus-visible,.mcs-studio input:focus-visible,.mcs-studio textarea:focus-visible{outline:2px solid #52e3fa;outline-offset:2px}@media(max-width:760px){.mcs-head{padding:16px;align-items:flex-start}.mcs-local{display:none}.mcs-layout{display:flex;flex-direction:column;height:auto;min-height:0;overflow:visible}.mcs-nav{display:flex;overflow-x:auto!important;overflow-y:hidden!important;max-height:none;min-height:65px;flex:0 0 auto;gap:7px;padding:10px;touch-action:pan-x;scrollbar-gutter:stable}.mcs-nav-title,.mcs-nav-note{display:none}.mcs-tab{flex:0 0 auto;width:auto;white-space:nowrap;padding:11px!important}.mcs-main{max-height:none;overflow:visible!important;padding:17px}.mcs-fields{grid-template-columns:1fr}.mcs-preview{min-height:200px}}