:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#120c24;color:#fff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 10%,#533070,#120c24 55%);min-height:100vh}main{max-width:900px;margin:auto;padding:56px 22px}.topline{display:flex;align-items:center;justify-content:space-between;gap:16px}.language-picker{display:flex;align-items:center;gap:8px;color:#d8cbe7;font-size:.85rem}.eyebrow{color:#f6b7ed;letter-spacing:.16em;font-size:.78rem}h1{font-size:clamp(2.4rem,7vw,5.5rem);line-height:.95;margin:14px 0}.intro{max-width:650px;color:#d8cbe7;font-size:1.15rem}.webmcp{padding:10px 13px;border:1px solid #72518f;border-radius:12px;color:#d8cbe7;background:#160e24}details{margin:10px 0;color:#d8cbe7}.tool-list{display:grid;gap:6px;padding-left:24px}.card{background:#201536dd;border:1px solid #72518f;border-radius:22px;padding:24px;margin-top:22px;box-shadow:0 18px 60px #0005}.drop{display:grid;place-items:center;min-height:190px;border:2px dashed #c38ed3;border-radius:16px;cursor:pointer;color:#f1d8ed;overflow:hidden;gap:10px;padding:12px}.drop input{display:none}.drop img{max-width:100%;max-height:360px;border-radius:12px;object-fit:contain;box-shadow:0 8px 30px #0007}.controls,.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}input,select,button{border:1px solid #8c5ca7;border-radius:10px;background:#170e26;color:#fff;padding:11px 14px;font:inherit}button{background:#de76ba;border-color:#f0a9dd;color:#1a0c1f;font-weight:700;cursor:pointer}.secondary{background:#2a1a43;color:#f6d5ed}.palette{display:flex;gap:8px;margin:12px 0}.palette i{display:block;width:34px;height:34px;border-radius:999px;border:2px solid #fff4}.metrics{color:#c7acd4}.shots{display:grid;gap:10px}.shot{padding:14px;border-radius:12px;background:#160e24;border-left:4px solid #e889c8}.shot p{margin:.5rem 0}.shot small{color:#c7acd4;display:block}.foot{color:#ad98bd;font-size:.85rem;margin-top:22px}pre{white-space:pre-wrap;color:#f7d3ef;min-height:1.2em}code{color:#f6b7ed}@media(max-width:600px){main{padding:34px 14px}.card{padding:17px}.controls>*{width:100%}.topline{align-items:flex-start;flex-direction:column}}