.qc-page main{max-width:1060px}.qc-hero{max-width:850px;padding:65px 0 42px}.qc-page h1{font-size:clamp(40px,6vw,74px)}.qc-hero .pp-intro{max-width:730px}.qc-workbench{border:1px solid var(--pp-line);box-shadow:var(--pp-shadow);background:linear-gradient(140deg,#1e1c33,#111526);border-radius:30px;overflow:hidden}.qc-local{border-bottom:1px solid var(--pp-line);background:#38f5ff07;gap:14px;padding:22px 30px;display:flex}.qc-local>svg{color:var(--pp-cyan);flex-shrink:0;margin-top:3px}.qc-local p{font-size:14px}.qc-local strong{color:var(--pp-ink)}.qc-form{padding:30px}.qc-page .qc-form h2{letter-spacing:-.025em;margin:30px 0 20px;font-size:26px}.qc-page .qc-input-heading h2{margin:0}.qc-input-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.qc-examples{flex-wrap:wrap;gap:8px;display:flex}.qc-examples button,.qc-reset{min-height:44px;color:var(--pp-cyan);background:#ffffff05;border:1px solid #6d708c;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:13px;display:inline-flex}.qc-examples button:hover,.qc-reset:hover{border-color:var(--pp-cyan);background:#38f5ff0b}.qc-form label{color:var(--pp-ink);gap:10px;margin-bottom:18px;font-size:15px;font-weight:500}.qc-form input,.qc-form textarea{color:var(--pp-ink);background:#090d1ab3;border:1px solid #6d708c;border-radius:13px;padding:13px 15px;font-family:inherit;font-size:16px}.qc-form input[type=file]{min-width:0;padding:12px;font-size:14px}.qc-form input::file-selector-button{color:var(--pp-ink);cursor:pointer;background:#25283d;border:1px solid #7d809c;border-radius:9px;margin-right:12px;padding:8px 10px}.qc-form textarea{resize:vertical;min-height:210px;font-family:IBM Plex Mono,monospace;font-size:13px;line-height:1.8}.qc-rules{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.qc-wide{grid-column:1/-1}.qc-form label span,.qc-page .qc-hint{color:var(--pp-muted);font-size:13px;font-weight:400;line-height:1.7}.qc-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:25px;display:flex}.qc-error{background:#ffbd6309;border:1px solid #ffbd6370;border-radius:14px;padding:16px 18px;color:#ffda9d!important;margin-top:20px!important}.qc-result{background:#38f5ff05;border-top:1px solid #38f5ff55;padding:30px}.qc-result--failed{background:#ffbd6304;border-top-color:#ffbd6355}.qc-result-heading{align-items:flex-start;gap:16px;margin-bottom:15px;display:flex}.qc-result-heading>svg{color:#caff42;flex-shrink:0;margin-top:7px}.qc-result--failed .qc-result-heading>svg{color:#ffbd63}.qc-page .qc-result h2{font-size:29px}.qc-page .qc-result .pp-kicker{margin-bottom:10px;font-size:11px}.qc-result>p{font-size:14px}.qc-result ul{margin:24px 0;padding:0;list-style:none}.qc-result li{border-bottom:1px solid var(--pp-line);align-items:flex-start;gap:13px;padding:16px 0;display:flex}.qc-result li>span{color:var(--pp-cyan);padding-top:4px}.qc-result li strong{font-size:15px}.qc-result li p{margin-top:5px;font-size:14px}.qc-result:focus{outline:3px solid var(--pp-cyan);outline-offset:-4px}.qc-next{justify-content:space-between;align-items:center;gap:34px;margin-top:22px;padding:42px 0;display:flex}.qc-next>div{max-width:670px}.qc-next h2{margin-bottom:20px;font-size:clamp(28px,3.4vw,39px)}.qc-next p{font-size:15px}.qc-next .pp-button{flex-shrink:0}.qc-faq{padding:28px 0 65px}.qc-faq>h2{margin-bottom:24px;font-size:30px}:is(.qc-page button:focus-visible,.qc-page input:focus-visible,.qc-page textarea:focus-visible){outline:3px solid var(--pp-cyan);outline-offset:4px}.qc-page :disabled{opacity:.55;cursor:not-allowed}.qc-page .pp-footer{gap:16px}@media (max-width:760px){.qc-hero{padding:42px 0 30px}.qc-workbench{border-radius:24px}.qc-form,.qc-result{padding:23px 18px}.qc-local{padding:20px 18px}.qc-rules{grid-template-columns:1fr}.qc-wide{grid-column:auto}.qc-input-heading{gap:14px}.qc-examples{flex-direction:column;width:100%}.qc-examples button{width:100%;padding-inline:12px}.qc-actions{flex-direction:column;align-items:stretch}.qc-actions button{width:100%}.qc-next{flex-direction:column;align-items:flex-start;gap:24px}.qc-next .pp-button{width:100%}.qc-result-heading{gap:12px}.qc-page .qc-result h2{font-size:25px}.qc-form textarea{font-size:16px}.qc-page .pp-header nav{gap:8px}.qc-page .pp-header nav a{padding-inline:10px;font-size:12px}.qc-page .pp-footer{align-items:flex-start}}@media (forced-colors:active){.qc-workbench,.qc-local,.qc-result,.qc-error,.qc-examples button,.qc-reset,.qc-form input,.qc-form textarea{box-shadow:none;background:canvas;border-color:canvastext;color:canvastext!important}.qc-result-heading>svg,.qc-result li>span{color:canvastext}.qc-result:focus{outline-color:highlight}.qc-page button:focus-visible{outline-color:highlight}.qc-page input:focus-visible{outline-color:highlight}.qc-page textarea:focus-visible{outline-color:highlight}}.qc-result-next{background:linear-gradient(125deg,#38f5ff0a,#b77dff0b);border:1px solid #38f5ff55;border-radius:24px;justify-content:space-between;align-items:center;gap:26px;margin-top:26px;padding:25px;display:flex;box-shadow:0 12px 36px #03071825}.qc-result-next>div{min-width:0;max-width:530px}.qc-result-next h3{color:var(--pp-ink);letter-spacing:-.03em;margin-bottom:12px;font-size:24px}.qc-result-next p{font-size:14px}.qc-result-next .qc-hint{margin-top:12px}.qc-result-next .pp-button{text-align:center;flex-shrink:0}@media (max-width:850px){.qc-result-next{flex-direction:column;align-items:flex-start;padding:22px 18px}.qc-result-next .pp-button{white-space:normal;max-width:100%}}