.tool-qr-code .tool-header,.tool-qr-code .tool-main{max-width:1360px}.tool-qr-code .tool-ornament{display:none}.tool-qr-code .tool-hero{padding:12px 0 30px}.tool-qr-code .tool-hero h1{font-size:33px}.tool-qr-code .tool-hero p{color:#899990;font-size:14px}.qr-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(350px,1fr);background:#ffffffc9;border:1px solid #d9e5dd;border-radius:24px;box-shadow:0 24px 65px -42px #46695375;overflow:visible}.qr-editor{padding:29px 32px;min-width:0}.qr-section-heading{display:flex;align-items:center;gap:10px;margin-bottom:22px}.qr-section-heading h2{font-size:16px;font-weight:600;margin:0;color:#3b5b48}.qr-step{font:12px/25px ui-monospace,Consolas,monospace;border:1px solid #d9e5dc;border-radius:50%;width:26px;height:26px;text-align:center;color:#91a498}.qr-local{margin-left:auto;font-size:12px;color:#899990}.qr-tabs{display:flex;gap:9px;margin-bottom:25px}.qr-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;min-width:0;background:#fafcf9;border:1px solid #dfe8e1;border-radius:11px;color:#657f6d;padding:12px 8px;font-size:14px}.qr-tabs button>span{font-size:18px;line-height:18px}.qr-tabs button[aria-selected=true]{background:#e8f2eb;border-color:#9dbea9;color:#2a6848;box-shadow:0 3px 9px #34644408}.qr-tabs button:hover{background:#edf5ef}.qr-field{display:block;color:#5a6f63;font-size:14px;line-height:1.5;margin-bottom:17px;min-width:0}.qr-field small{color:#899990;font-size:12px;margin-left:4px}.tool-qr-code .qr-field input,.tool-qr-code .qr-field textarea,.tool-qr-code .qr-field .layui-input{display:block;width:100%;border:1px solid #cdded2;background:#fff;border-radius:10px;padding:12px 13px;height:46px;min-height:46px;line-height:22px;margin:9px 0 0;color:#344c3d;font-size:14px;outline:none}.tool-qr-code .qr-field input::placeholder,.tool-qr-code .qr-field textarea::placeholder{color:#96a69c;font-size:13px}.tool-qr-code .qr-field textarea{height:159px;min-height:100px;resize:vertical;line-height:1.8}.tool-qr-code .qr-field input:focus,.tool-qr-code .qr-field textarea:focus{border-color:#76a388!important;box-shadow:0 0 0 3px #6b997b12}.qr-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 17px}.qr-note{font-size:13px;color:#899990;line-height:1.85;margin:10px 0}.qr-tip{display:flex;align-items:center;gap:15px;padding:20px;background:linear-gradient(115deg,#eef5ef,#f7f9f5);border-radius:12px;margin-top:22px}.qr-tip>span{width:36px;height:36px;background:#e1eee5;color:#659978;display:grid;place-items:center;border-radius:10px;font-size:23px}.qr-tip p{margin:0}.qr-tip strong{display:block;color:#64816f;font-size:14px;font-weight:500;margin-bottom:7px}.qr-tip p>span{font-size:13px;color:#899990}.qr-content-actions{display:flex;gap:17px;align-items:center;margin:20px 0 27px}.qr-content-actions button,.qr-section-heading>button{background:none;border:0;color:#608770;font-size:12px;padding:3px 0}.qr-content-actions button:hover,.qr-section-heading>button:hover{text-decoration:underline;text-underline-offset:4px}.qr-content-actions>span{margin-left:auto;font-size:12px;color:#899990}.qr-field-footer{display:flex;justify-content:space-between;color:#899990;font-size:12px;margin-top:-6px;gap:12px}.qr-password{display:block;position:relative}.tool-qr-code .qr-password input{padding-right:53px}.qr-password button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:0;color:#72907d;font-size:12px}.qr-check{display:flex;align-items:center;gap:9px;color:#5a6f63;font-size:13px;margin:2px 0 13px}.qr-check input{accent-color:#277151}.qr-style{border-top:1px solid #e3ebe5;padding-top:24px}.qr-section-heading>button{margin-left:auto}.qr-palette{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}.qr-palette button{display:flex;align-items:center;gap:8px;border:1px solid #dce7df;background:#fff;border-radius:8px;padding:8px 12px;color:#6c8275;font-size:13px}.qr-palette button[aria-pressed=true]{background:#edf4ef;border-color:#92b7a0;color:#396f4e}.qr-palette i{background:var(--swatch);display:block;width:13px;height:13px;border-radius:50%}.qr-color-row{display:flex;gap:20px}.qr-color-row>label{font-size:13px;color:#6c8275;flex:1;min-width:0}.qr-color-control{display:flex;align-items:center;gap:9px;margin-top:9px;border:1px solid #d7e3db;border-radius:9px;padding:8px 11px;background:#fff}.tool-qr-code .qr-color-control input[type=color]{border:0;width:26px;min-width:26px;height:26px;min-height:0;margin:0;padding:0;background:transparent;border-radius:5px;cursor:pointer}.qr-color-control input[type=color]::-webkit-color-swatch-wrapper{padding:0}.qr-color-control input[type=color]::-webkit-color-swatch{border:1px solid #c3d5c9;border-radius:5px}.tool-qr-code .qr-color-control input[type=text]{border:0;width:100%;height:26px;padding:0;margin:0;font:13px ui-monospace,Consolas,monospace;letter-spacing:.03em;color:#647b6c;outline:none;background:transparent;box-shadow:none}.qr-advanced{margin-top:22px}.qr-advanced summary{cursor:pointer;color:#63806d;font-size:13px;list-style:none;display:flex;align-items:center;gap:8px}.qr-advanced summary:before{content:"+";font-size:16px}.qr-advanced[open] summary:before{content:"−"}.qr-advanced summary>span{margin-left:auto;color:#899990;font-size:12px}.qr-advanced-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:13px;margin-top:19px}.qr-advanced .qr-field{font-size:13px;margin-bottom:0}.tool-qr-code .qr-advanced .layui-input{font-size:13px;padding-left:10px}.qr-preview{border-radius:0 24px 24px 0;background:radial-gradient(ellipse at 80% 0,#e8e4f08c,transparent 55%),linear-gradient(150deg,#eef5ef,#f7f9f5);border-left:1px solid #dce6de;padding:30px 35px;display:flex;align-items:center;flex-direction:column;min-width:0}.qr-preview-heading{display:flex;justify-content:space-between;width:100%;align-items:center;font-size:14px;color:#5a7865;margin-bottom:29px}.qr-status{font-size:12px;display:flex;align-items:center;gap:6px;color:#83998b}.qr-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#abb9af}.qr-status.is-ready:before{background:#6ba484}.qr-paper{background:#fff;border:1px solid #e1e9e2;border-radius:16px;width:300px;max-width:100%;aspect-ratio:1;display:grid;place-items:center;padding:18px;box-shadow:0 14px 30px -18px #50675836}.qr-paper #qr-output{width:100%;height:100%}.qr-paper svg{display:block;width:100%;height:100%}.qr-paper #qr-empty{display:flex;align-items:center;flex-direction:column;text-align:center;color:#bdcfc0;gap:12px;padding:5px}.qr-paper #qr-empty svg{width:65px;height:65px;margin-bottom:12px;opacity:.8}.qr-paper #qr-empty strong{font-size:14px;font-weight:500;color:#799281}.qr-paper #qr-empty span{font-size:12px;color:#899990}.qr-meta{color:#899990;font-size:12px;line-height:1.7;text-align:center;margin:19px 0 0}.qr-error{font-size:13px;color:#a46757;text-align:center;line-height:1.7;min-height:22px;margin:8px 0 15px;max-width:340px}.qr-downloads{display:flex;gap:11px;width:100%;max-width:340px}.qr-downloads button{flex:1;padding:12px 15px;font-size:14px;gap:8px}.qr-downloads .secondary{background:#ffffffa3}.qr-copy-image{width:100%;max-width:340px;padding:11px;border:1px solid #d5e2d8;border-radius:10px;background:#ffffff70;font-size:13px;color:#638470;margin-top:11px}.qr-copy-image:hover{background:#fff}.qr-preview-note{font-size:12px;color:#899990;margin:17px 0 22px;line-height:1.8;text-align:center}.qr-payload{width:100%;max-width:340px;padding:15px 0;border-top:1px solid #dce6de;font-size:12px;color:#769181}.qr-payload summary{cursor:pointer}.qr-payload pre{font:12px/1.8 ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#5a7664;background:#fff9;border:1px solid #e0e9e1;border-radius:8px;padding:12px;max-height:180px;overflow:auto;margin:13px 0}.qr-payload button{border:0;background:transparent;font-size:12px;color:#618a70;padding:4px 0}.qr-privacy{margin-top:auto;padding-top:25px;display:flex;align-items:center;justify-content:center;gap:7px;color:#82998a;font-size:12px}.qr-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:31px}.qr-guide article{max-width:400px}.qr-guide article>span{float:left;font:11px/22px ui-monospace,monospace;color:#8ca897;margin-right:12px}.qr-guide h2{font-size:15px;color:#5c7f68;margin:0 0 10px;font-weight:600;line-height:22px}.qr-guide p{font-size:13px;color:#899990;line-height:1.9;margin:0}.tool-qr-code .layui-form-select dl{z-index:15}.qr-style-toggle{display:none}@media(max-width:760px){.qr-ready .qr-style-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 0 0;border:0;border-top:1px solid #dce7df;background:none;font-size:13px;color:#64826e}.qr-ready .qr-style-toggle>span:last-child{font-size:12px;color:#899990}.qr-ready .qr-style:not(.is-open){display:none}.qr-ready .qr-style.is-open{border-top:0;padding-top:23px}.qr-tabs button{white-space:nowrap;flex-direction:column;gap:7px!important}.qr-tabs button>svg{flex-shrink:0;width:16px;height:16px}.qr-tabs button>span{line-height:16px;height:16px}.qr-content-actions{margin-bottom:19px}}@media(max-width:1050px){.qr-editor{padding:24px}.qr-preview{padding:26px 24px}.qr-workspace{grid-template-columns:minmax(0,1fr) 350px}.qr-local{display:none}.qr-tabs,.qr-tabs button{gap:6px}.qr-palette{gap:7px}.qr-palette button{padding:8px}.qr-color-row{gap:13px}.qr-advanced-grid{grid-template-columns:1fr}.qr-advanced-grid .qr-field{display:grid;grid-template-columns:95px minmax(0,1fr);align-items:center}.tool-qr-code .qr-advanced .layui-input{margin:0}.qr-guide{gap:25px}}@media(max-width:760px){.tool-qr-code .tool-main{padding-inline:16px}.tool-qr-code .tool-hero h1{font-size:28px}.tool-qr-code .tool-hero p{font-size:13px}.qr-workspace{grid-template-columns:1fr;border-radius:19px}.qr-preview{border-left:0;border-top:1px solid #dce6de;padding:24px}.qr-editor{padding:23px 20px}.qr-guide{grid-template-columns:1fr;gap:22px}.qr-guide article{max-width:none}.qr-section-heading{margin-bottom:18px}.qr-tabs button{font-size:13px;padding:11px 5px}.qr-tabs{margin-bottom:22px}.qr-field-grid{gap:0 12px}.qr-tip{padding:16px 13px;gap:10px}.qr-tip p>span{font-size:12px;line-height:1.9}.qr-content-actions{gap:15px}.qr-content-actions>span{font-size:12px}.qr-advanced summary>span{font-size:12px}.qr-preview-heading{max-width:340px;margin-bottom:24px}.qr-privacy{padding-top:20px}.qr-color-row{gap:12px}.qr-color-control{padding:8px}.qr-field-footer{font-size:12px}.tool-qr-code .qr-field input{padding-inline:10px}.tool-qr-code .qr-password input{padding-right:49px}}@media(max-width:760px){.qr-preview{border-radius:0 0 19px 19px}}