#qvnmtr{font-family:Arial,Helvetica,sans-serif;color:#172c50;max-width:1150px;margin:20px auto;padding:0 14px;box-sizing:border-box}#qvnmtr *{box-sizing:border-box}#qvnmtr .qvnmtr-shell{background:#fff;border:1px solid #dbe7f5;border-radius:22px;box-shadow:0 14px 38px #17438a12;overflow:hidden}#qvnmtr .qvnmtr-head{background:linear-gradient(110deg,#0752bd,#04a6cf);color:white;padding:27px 30px}#qvnmtr h2{font-size:clamp(23px,3.5vw,34px);margin:0 0 9px}#qvnmtr .qvnmtr-head p{margin:0;line-height:1.5;opacity:.95}#qvnmtr .qvnmtr-layout{display:grid;grid-template-columns:minmax(260px,370px) minmax(0,1fr);gap:24px;padding:25px}#qvnmtr h3{font-size:18px;margin:0 0 17px}#qvnmtr label{display:block;font-size:13px;font-weight:700;margin:14px 0 7px}#qvnmtr select,#qvnmtr input[type=number],#qvnmtr input[type=text]{width:100%;border:1px solid #cdddf0;border-radius:10px;background:white;padding:11px;color:#19365c;font:inherit}#qvnmtr input[type=range]{width:100%;accent-color:#0964d5}#qvnmtr .qvnmtr-line{display:flex;justify-content:space-between;align-items:center;gap:8px}#qvnmtr .qvnmtr-stop{display:grid;grid-template-columns:46px minmax(0,1fr) 68px 34px;align-items:center;gap:8px;margin:9px 0}#qvnmtr .qvnmtr-stop input[type=color]{height:40px;width:46px;padding:2px;border:1px solid #d2dfec;border-radius:8px;cursor:pointer}#qvnmtr .qvnmtr-stop input[type=range]{min-width:0}#qvnmtr .qvnmtr-stop input[type=number]{padding:9px 5px;text-align:center}#qvnmtr button{font:inherit;cursor:pointer;border:0;border-radius:10px;padding:11px 14px;font-weight:700;transition:filter .15s}#qvnmtr button:hover{filter:brightness(.94)}#qvnmtr button:focus-visible,#qvnmtr input:focus-visible,#qvnmtr select:focus-visible{outline:3px solid #8bbaff;outline-offset:2px}#qvnmtr .qvnmtr-primary{background:#0866d8;color:white}#qvnmtr .qvnmtr-soft{background:#eaf3ff;color:#1355a5}#qvnmtr .qvnmtr-danger{background:#fff0f1;color:#ad3544;padding:8px}#qvnmtr .qvnmtr-actions{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}#qvnmtr .qvnmtr-preview{height:330px;border-radius:17px;border:1px solid #dbe5f2;position:relative;overflow:hidden}#qvnmtr .qvnmtr-preview span{position:absolute;bottom:12px;right:12px;background:#ffffffd9;padding:7px 10px;border-radius:8px;font-size:12px;color:#264268}#qvnmtr .qvnmtr-code{background:#10233e;color:#c6f1fc;padding:17px;border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere;min-height:84px;font:14px/1.6 Consolas,monospace}#qvnmtr .qvnmtr-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}#qvnmtr .qvnmtr-preset{height:49px;border:2px solid white;box-shadow:0 0 0 1px #dbe6f3;padding:0}#qvnmtr .qvnmtr-muted{font-size:12px;color:#5c7190;line-height:1.5}#qvnmtr .qvnmtr-message{min-height:20px;color:#127044;font-size:13px;margin-top:9px}#qvnmtr .qvnmtr-small{font-size:13px;color:#506987}#qvnmtr .qvnmtr-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:750px){#qvnmtr .qvnmtr-layout{grid-template-columns:1fr;padding:16px}#qvnmtr .qvnmtr-head{padding:22px 18px}#qvnmtr .qvnmtr-preview{height:270px}}