#mgh{background:linear-gradient(140deg,#090d26,#182d65 60%,#10192f);color:#f9fbff;padding:clamp(18px,4vw,38px);border-radius:24px;font-family:system-ui,sans-serif}#mgh h2{font-size:clamp(28px,4vw,45px);color:white;margin:0 0 8px}#mgh h3{color:white;font-size:23px}#mgh p,#mgh small{color:#cbd9fa}#mgh .mgh-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:15px;margin:26px 0}#mgh .mgh-card{display:flex;flex-direction:column;gap:10px;background:linear-gradient(140deg,#263c8b,#1b2255);padding:22px;border-radius:17px;border:1px solid #536ce0;color:white;text-decoration:none;box-shadow:0 9px 18px #060a2250;transition:transform .2s}#mgh .mgh-card:hover{transform:translateY(-4px)}#mgh .mgh-card span{font-size:31px}#mgh .mgh-card em{font-style:normal;color:#74f8dd;font-weight:700}#mgh section{border:1px solid #445eae;border-radius:18px;padding:22px;background:#17234f;margin:18px 0;scroll-margin-top:110px}#mgh label{display:inline-block;margin:7px 12px 7px 0}#mgh input:not([type=checkbox]):not([type=range]),#mgh select{background:white;color:#17213d;padding:10px;border-radius:8px;border:0;max-width:100%;margin:6px}#mgh button{background:linear-gradient(100deg,#00e3c4,#72bbff);color:#071b32;font-weight:800;padding:12px 18px;border:0;border-radius:10px;cursor:pointer;margin:6px}#mgh output{display:block;font-size:25px;color:#78ffe6;font-weight:800;margin:12px 0}#mgh .mgh-swatches{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}#mgh .mgh-swatches button{min-width:110px;height:85px}#mgh #mgh-pout{width:340px}#mgh #mgh-topic{width:350px}

#mgh .mgh-thumbnail .mgh-thumb-layout{display:grid;grid-template-columns:minmax(230px,320px) minmax(0,1fr);gap:22px;align-items:start}#mgh .mgh-thumb-controls{display:grid;gap:10px}#mgh .mgh-thumb-controls label{display:grid;gap:4px}#mgh .mgh-thumb-controls textarea{width:100%;box-sizing:border-box}#mgh .mgh-thumb-controls input[type="range"]{width:100%}#mgh .mgh-thumb-preview canvas{width:100%;height:auto;display:block;border:2px solid #6a80c6;border-radius:12px;touch-action:none;cursor:move}#mgh .mgh-thumb-preview small{display:block;margin-top:9px}@media(max-width:780px){#mgh .mgh-thumbnail .mgh-thumb-layout{grid-template-columns:1fr}}