.mcqr{--navy:#09172b;--panel:#101f36;--edge:#2a3e55;--cyan:#4ddde4;--green:#5befb6;--ink:#e9f4ff;color:var(--ink);background:var(--navy);border:1px solid #253a50;border-radius:20px;overflow:hidden;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;max-width:1400px;margin:20px auto;box-sizing:border-box}.mcqr *{box-sizing:border-box}.mcqr button,.mcqr input,.mcqr select,.mcqr textarea{font:inherit}.mcqr button{cursor:pointer}.mcqr-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:27px 30px;background:radial-gradient(ellipse at 80% 0%,#16465b 0%,#0c2139 48%,#09172b 100%);border-bottom:1px solid var(--edge)}.mcqr-kicker,.mcqr-overline,.mcqr-side-label,.mcqr-preview-title{font-size:11px;font-weight:800;letter-spacing:1.7px;color:var(--cyan)}.mcqr-head h2{color:white!important;font-size:clamp(27px,3vw,39px)!important;margin:7px 0!important;line-height:1.2!important}.mcqr-head h2 em{font-style:normal;color:var(--green)}.mcqr-head p{color:#b5c6d9;margin:0;font-size:14px}.mcqr-status{color:var(--green);background:#163b36;border:1px solid #246f59;border-radius:20px;font-size:11px;font-weight:800;padding:7px 12px;white-space:nowrap}.mcqr-app{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:600px;max-height:min(800px,calc(100dvh - 155px));overflow:hidden}.mcqr-side{background:#0c1b30;border-right:1px solid var(--edge);padding:20px 11px;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3d8191 #12273c}.mcqr-side::-webkit-scrollbar,.mcqr-work::-webkit-scrollbar{width:9px}.mcqr-side::-webkit-scrollbar-thumb,.mcqr-work::-webkit-scrollbar-thumb{background:#3d8191;border:2px solid #12273c;border-radius:20px}.mcqr-side-label{padding:5px 12px 15px;color:#8caac0}.mcqr-tool{display:flex;gap:13px;align-items:center;width:100%;border:1px solid transparent!important;background:transparent!important;color:#c1d1e0!important;text-align:left;padding:11px 13px!important;border-radius:10px!important;font-size:14px!important;margin:2px 0!important;box-shadow:none!important}.mcqr-tool:hover,.mcqr-tool:focus-visible{background:#1a354a!important;color:white!important}.mcqr-tool.active{background:#163c4a!important;border-color:#276a76!important;color:var(--green)!important;font-weight:700}.mcqr-side-foot{font-size:12px;color:#7f9db5;margin:22px 12px 4px}.mcqr-work{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3d8191 #12273c;background:#0e1e32}.mcqr-work-head{padding:24px 26px 19px;border-bottom:1px solid var(--edge)}.mcqr-work h3{font-size:23px!important;color:white!important;margin:4px 0!important}.mcqr-work-head p{font-size:13px;color:#aebfd1;margin:0}.mcqr-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.95fr);gap:22px;padding:24px}.mcqr-fields{min-width:0}.mcqr-fields label,.mcqr-options label{display:block;font-size:12px;color:#b5ccda;font-weight:700;margin-bottom:16px}.mcqr-fields input,.mcqr-fields textarea,.mcqr-fields select,.mcqr-options select{width:100%;display:block;background:#0a1728!important;color:#f3faff!important;border:1px solid #355068!important;border-radius:9px!important;margin-top:7px;padding:11px 12px!important;min-height:44px;outline:none;box-shadow:none!important}.mcqr-fields textarea{min-height:112px;resize:vertical}.mcqr-fields input:focus,.mcqr-fields textarea:focus{border-color:var(--cyan)!important}.mcqr-fields .mcqr-hint{font-size:12px;color:#91aabe;margin:0 0 16px}.mcqr-preview-col{min-width:0}.mcqr-preview-title{margin-bottom:11px}.mcqr-preview{min-height:250px;display:flex;justify-content:center;align-items:center;background:#14273c;border:1px solid var(--edge);border-radius:14px;padding:16px}.mcqr-preview canvas{display:block;max-width:100%;width:min(100%,265px);height:auto;aspect-ratio:1;background:white;border-radius:5px}.mcqr-options{display:grid;grid-template-columns:1fr 1fr;gap:10px 13px;margin-top:17px}.mcqr-options label{margin:0}.mcqr-options input[type=color]{display:block;width:100%;height:39px;border:1px solid #456075;border-radius:8px;background:#0a1728;padding:4px;margin-top:6px}.mcqr-options select{min-height:39px;padding:6px!important;margin-top:6px;font-size:12px}.mcqr-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.mcqr-actions button,.mcqr-scanbtn{padding:10px 12px!important;border:1px solid #37566d!important;border-radius:9px!important;background:#183248!important;color:#e6f5fc!important;font-size:12px!important;font-weight:700!important;box-shadow:none!important}.mcqr-actions .mcqr-primary,.mcqr-scanbtn{background:linear-gradient(135deg,#1cc4bd,#1c9d92)!important;border-color:#26c8bd!important;color:#071f2a!important}.mcqr-actions button:hover,.mcqr-scanbtn:hover{filter:brightness(1.12)}.mcqr-notice{font-size:12px;color:#a4c1d0;margin-top:13px;overflow-wrap:anywhere}.mcqr-bottom{border-top:1px solid var(--edge);padding:13px 26px;display:flex;justify-content:space-between;gap:12px;color:#8ba9bf;font-size:11px}.mcqr-scan-result{background:#09182b;border:1px solid #2d5564;padding:14px;color:#d9f7f7;max-width:100%;overflow-wrap:anywhere;border-radius:10px}.mcqr-scan-result a{color:#56dce4}.mcqr .mcqr-scaninput{width:100%;margin-top:12px}.mcqr video{width:100%;max-height:270px;border-radius:12px;margin-top:12px}.mcqr .mcqr-scan-actions{display:flex;gap:8px;flex-wrap:wrap}.mcqr .mcqr-scan-actions button{margin:0}.mcqr .mcqr-check{display:flex;align-items:center;gap:8px}.mcqr .mcqr-check input{width:auto;min-height:0;margin:0}.mcqr button:focus-visible{outline:2px solid #68f1e0!important;outline-offset:2px}@media(max-width:800px){.mcqr-app{grid-template-columns:175px minmax(0,1fr)}.mcqr-main{grid-template-columns:1fr;padding:17px}.mcqr-head{padding:20px}.mcqr-work-head{padding:17px}.mcqr-tool{font-size:12px!important;padding:10px 8px!important}}@media(max-width:520px){.mcqr-app{grid-template-columns:1fr;max-height:none;overflow:visible}.mcqr-side{display:flex;align-items:center;gap:7px;overflow-x:auto;overflow-y:hidden;padding:10px;max-width:100%;scrollbar-width:thin;border-right:0;border-bottom:1px solid var(--edge)}.mcqr-side-label,.mcqr-side-foot{display:none}.mcqr-tool{width:auto;flex:0 0 auto;white-space:nowrap;padding:9px 12px!important}.mcqr-work{overflow:visible}.mcqr-bottom{flex-direction:column}.mcqr-status{font-size:10px}}@media(prefers-reduced-motion:no-preference){.mcqr button{transition:background .15s ease,filter .15s ease}}