.meta-builder-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:26px;align-items:start}.meta-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.meta-field-full{grid-column:1/-1}.meta-field label{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font:600 13px 'Montserrat';color:var(--qr-ink)}.meta-field label span{font:400 10px 'Open Sans';color:#8c8491}.meta-field input,.meta-field textarea,.meta-field select{width:100%;padding:13px 14px;border:1px solid #ded6e2;border-radius:9px;background:#fff;color:var(--qr-ink);outline:none;transition:.2s}.meta-field textarea{min-height:105px;resize:vertical}.meta-field input:focus,.meta-field textarea:focus,.meta-field select:focus{border-color:#070c69;box-shadow:0 0 0 3px rgba(7,12,105,.08)}.meta-field-info{display:flex;justify-content:space-between;gap:15px;margin-top:7px;font-size:10px;color:#8b8490}.meta-field-info b{white-space:nowrap;font-weight:600}.meta-field-info b.good{color:#168348}.meta-field-info b.warning{color:#c27700}.meta-field-info b.bad{color:#c92b3f}.meta-social-options{margin:25px 0;border:1px solid var(--qr-line);border-radius:11px}.meta-social-options summary{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;list-style:none;font:600 13px 'Montserrat';cursor:pointer}.meta-social-options summary::-webkit-details-marker{display:none}.meta-social-options summary span i{margin-right:8px;color:#070c69}.meta-social-options summary>i{transition:.2s}.meta-social-options[open] summary>i{transform:rotate(180deg)}.meta-social-options .meta-form-grid{padding:0 18px 18px}.meta-preview-column{display:grid;gap:22px;position:sticky;top:110px}.meta-preview-panel,.meta-code-panel{padding:30px}.google-preview{padding:20px;border:1px solid #e5e3e7;border-radius:12px;background:#fff}.google-site-row{display:flex;align-items:center;gap:10px}.google-site-row div{min-width:0}.google-site-row strong,.google-site-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.google-site-row strong{color:#202124;font:400 12px Arial}.google-site-row small{margin-top:2px;color:#4d5156;font:400 11px Arial}.google-favicon{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:#070c69;color:#fff;font:700 12px Arial}.google-preview h3{margin:13px 0 6px;color:#1a0dab;font:400 19px/1.3 Arial}.google-preview p{margin:0;color:black;font:400 13px/1.55 Arial}.meta-length-status{display:flex;flex-wrap:wrap;gap:14px;margin-top:15px;font-size:10px;color:#777}.meta-length-status span{display:flex;align-items:center;gap:6px}.meta-length-status i{width:7px;height:7px;border-radius:50%;background:#aaa}.meta-length-status .good i{background:#168348}.meta-length-status .warning i{background:#d88a00}.meta-length-status .bad i{background:#c92b3f}.meta-code-heading,.meta-code-heading>div{display:flex;align-items:center}.meta-code-heading{justify-content:space-between;gap:15px;margin-bottom:18px}.meta-code-heading>div{gap:10px}.meta-code-heading strong{font:600 14px 'Montserrat'}.meta-code-heading .qr-step{width:34px;flex-basis:34px;height:34px}.meta-code-heading button{padding:8px 11px;border:1px solid #dad5dd;border-radius:7px;background:#fff;color:#070c69;font-size:11px;cursor:pointer}.meta-code-heading button:disabled{opacity:.45;cursor:not-allowed}.meta-code-heading button.copied{border-color:#168348;color:#168348}.meta-code-panel pre{max-height:410px;margin:0;padding:18px;border-radius:10px;background:#101426;overflow:auto;white-space:pre-wrap;word-break:break-word}.meta-code-panel pre code{color:#dce3ff;font:11px/1.7 Menlo,Monaco,Consolas,monospace}.meta-code-hint{margin:14px 0 0;color:#777;font-size:10px}.meta-code-hint i{margin-right:5px;color:#070c69}.meta-code-hint code,.qr-seo-copy code{color:#070c69}.meta-guide-panel{margin-top:100px}
@media(max-width:991px){.meta-builder-grid{grid-template-columns:1fr}.meta-preview-column{position:static}.meta-preview-panel{min-height:auto}}
@media(max-width:767px){.meta-form-grid{grid-template-columns:1fr}.meta-field-full{grid-column:auto}.meta-preview-panel,.meta-code-panel{padding:23px}.meta-code-heading{align-items:flex-start}.meta-length-status{flex-direction:column;gap:7px}}