.tool-card{background:#111214;border:1px solid #ffffff14;border-radius:16px;padding:24px}@media (width>=768px){.tool-card{padding:32px}}.tool-grid{gap:24px;display:grid}@media (width>=900px){.tool-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start}}.tool-fields,.tool-row{gap:16px;display:grid}@media (width>=560px){.tool-row{grid-template-columns:1fr 1fr}}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field label,.field .field-label{color:#9aa1a8;letter-spacing:.01em;font-size:13px;font-weight:600}.field input,.field select,.field textarea{color:#fff;background:#ffffff05;border:1px solid #ffffff1f;border-radius:10px;width:100%;padding:12px 14px;font-family:inherit;font-size:16px;line-height:1.4;transition:border-color .15s,background .15s}.field textarea{resize:vertical;min-height:96px}.field select option{color:#fff;background:#111214}.field input::placeholder,.field textarea::placeholder{color:#575c63}.field input:focus,.field select:focus,.field textarea:focus{background:#ffffff0a;border-color:#2367e7;outline:none}.field input[aria-invalid=true]{border-color:#e05a6a}.field .hint{color:#6e747b;font-size:12.5px;line-height:1.5}.tool-msg{border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.5}.tool-msg[hidden]{display:none}.tool-msg.warn{color:#e2c38f;background:#e0a85214;border:1px solid #e0a85240}.tool-msg.error{color:#f0a2ac;background:#e05a6a14;border:1px solid #e05a6a4d}.tool-msg.ok{color:#9fdcbf;background:#5cc59414;border:1px solid #5cc59440}.tool-out{gap:16px;display:grid}.qr-box{aspect-ratio:1;color:#6e747b;text-align:center;background:#fff;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:280px;margin:0 auto;padding:10px;font-size:13px;display:flex}.qr-box svg{width:100%;height:100%;display:block}.link-out{color:#f2f2f2;word-break:break-all;background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;min-height:46px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.55}.tool-actions{flex-wrap:wrap;gap:10px;display:flex}.tool-actions .btn{padding:10px 16px;font-size:14px}.btn[disabled]{opacity:.45;pointer-events:none}.tool-note{color:#6e747b;font-size:12.5px;line-height:1.6}.result-figure{font-family:var(--font-display,inherit);color:#f2f2f2;letter-spacing:-.02em;font-size:2rem;font-weight:800;line-height:1.1}.result-label{color:#6e747b;margin-top:4px;font-size:12.5px}.tool-glow{filter:blur(80px);pointer-events:none;z-index:0;background:radial-gradient(circle,#ffffff0b 0%,#0000 70%);width:760px;height:440px;position:absolute;top:-10%;left:50%;transform:translate(-50%)}@media (width<=1023px){.tool-glow{filter:blur(40px);width:420px}}.tool-trust{color:#9aa1a8;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:22px;font-size:13px;display:flex}.tool-trust li{align-items:center;gap:7px;display:inline-flex}.tool-trust li:before{content:"";background:#1b1e22 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232367e7' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") 50%/10px no-repeat;border-radius:50%;width:16px;height:16px}.tool-app{gap:28px;display:grid}.tool-main,.tool-side,.tool-block{min-width:0}.tool-side{align-content:start;gap:16px;display:grid}@media (width<=959px){.tool-main{display:contents}.tool-main>*{order:2}.tool-main>:first-child{order:0}.tool-side{order:1}}@media (width>=960px){.tool-app{grid-template-columns:minmax(0, 1fr) var(--side,340px);align-items:start;column-gap:40px}.tool-main{gap:30px;display:grid}.tool-side{border:1px solid var(--border);background:#0c0d0f;border-radius:16px;padding:20px;position:sticky;top:88px}}.tool-app [hidden]{display:none!important}.tool-app .hint{color:#6e747b;font-size:12.5px;line-height:1.55}.tool-app .field-label{color:#9aa1a8;letter-spacing:.01em;font-size:13px;font-weight:600}.tool-app .hint a,.tool-upsell a,.tool-more a{color:#d7dadd;text-underline-offset:2px;text-decoration:underline}.tool-app .hint a:hover,.tool-upsell a:hover,.tool-more a:hover{color:#fff}.tool-more{color:#6e747b;margin-top:14px;font-size:12.5px;line-height:1.7}.tool-block>.tool-msg{margin-top:14px}.tool-step{font-family:var(--font-display,inherit);color:#f2f2f2;align-items:center;gap:10px;margin-bottom:14px;font-size:17px;font-weight:700;display:flex}.tool-step>span:first-child{color:#fff;background:linear-gradient(135deg,#2367e7,#1c53ba);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:inline-flex}.tool-step__opt{color:#6e747b;font-size:12px;font-weight:500}.tool-sub{letter-spacing:.08em;text-transform:uppercase;color:#6e747b;margin-bottom:10px;font-size:11px;font-weight:600}.tool-sub--gap{margin-top:22px}.tool-tabs{grid-template-columns:repeat(var(--tabs,4), minmax(0, 1fr));border:1px solid var(--border);background:#ffffff08;border-radius:12px;gap:6px;margin-bottom:16px;padding:5px;display:grid}.tool-tab{color:#9aa1a8;border-radius:9px;flex-direction:column;align-items:center;gap:4px;padding:9px 4px 8px;font-size:12.5px;font-weight:600;transition:background .15s,color .15s;display:flex}.tool-tab:hover{color:#f2f2f2;background:#ffffff0a}.tool-tab[aria-selected=true]{color:#fff;background:#1f2329;box-shadow:inset 0 0 0 1px #ffffff1f}.tool-tab[aria-selected=true] svg{color:#2367e7}.tool-tab:focus-visible{outline-offset:1px;outline:2px solid #2367e7}.tool-prefix{background:#ffffff05;border:1px solid #ffffff1f;border-radius:10px;align-items:stretch;display:flex;overflow:hidden}.tool-prefix:focus-within{border-color:#2367e7}.tool-prefix>span{color:#6e747b;white-space:nowrap;align-items:center;padding:0 4px 0 14px;font-size:15px;display:flex}.field .tool-prefix input,.field .tool-prefix select{background:0 0;border:0;min-width:0;padding-left:2px}.field .tool-prefix input:focus{background:0 0}.tool-switch,.tool-check{color:#d7dadd;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:14px;display:inline-flex}.tool-switch input{opacity:0;width:1px;height:1px;position:absolute}.tool-switch__track{background:#2a2e34;border-radius:999px;flex-shrink:0;width:36px;height:20px;transition:background .15s;position:relative}.tool-switch__track:after{content:"";background:#d7dadd;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:3px;left:3px}.tool-switch input:checked+.tool-switch__track{background:#2367e7}.tool-switch input:checked+.tool-switch__track:after{background:#fff;transform:translate(16px)}.tool-switch input:focus-visible+.tool-switch__track{outline-offset:2px;outline:2px solid #2367e7}.tool-check input{accent-color:#2367e7;width:16px;height:16px}.tool-seg{grid-template-columns:repeat(var(--seg,2), minmax(0, 1fr));border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.tool-seg legend{grid-column:1/-1;margin-bottom:6px;padding:0}.tool-seg label{cursor:pointer;min-width:0}.tool-seg input{opacity:0;width:1px;height:1px;position:absolute}.tool-seg label>span{color:#6e747b;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;gap:1px;height:100%;padding:10px 12px;font-size:12px;transition:border-color .15s,background .15s;display:flex}.tool-seg strong{color:#f2f2f2;font-size:14px}.tool-seg input:checked+span{background:#1f2329;border-color:#ffffff80}.tool-seg input:focus-visible+span{outline-offset:2px;outline:2px solid #2367e7}.tool-checks{color:#9aa1a8;gap:8px;font-size:13px;line-height:1.5;display:grid}.tool-checks li{padding-left:20px;position:relative}.tool-checks li:before{content:"";background:#4a4f55;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;left:2px}.tool-checks li[data-tone=ok]:before{background:#5cc594}.tool-checks li[data-tone=warn]:before{background:#e0a852}.tool-checks li[data-tone=warn]{color:#e2c38f}.tool-checks li[data-tone=error]:before{background:#e05a6a}.tool-checks li[data-tone=error]{color:#f0a2ac}.tool-checks a{color:#d7dadd;text-underline-offset:2px;text-decoration:underline}.tool-vh{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.tool-out-row{gap:6px;display:grid}.tool-out-row .link-out{min-height:0;max-height:110px;font-size:12.5px;overflow:auto}.tool-actions--full .btn{text-align:center;flex:1 1 0;justify-content:center}.qr-stage{aspect-ratio:1;background:#fff;border-radius:14px;width:100%;max-width:300px;margin:0 auto;padding:12px;position:relative}.qr-stage__code{width:100%;height:100%}.qr-stage__code svg{width:100%;height:100%;display:block}.qr-stage.is-sample .qr-stage__code{opacity:.22;filter:grayscale(.4)}.qr-stage__badge{color:#f2f2f2;white-space:nowrap;background:#111214;border-radius:999px;padding:8px 12px;font-size:12.5px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 24px #00000040}.qr-stage:not(.is-sample) .qr-stage__badge{display:none}.qr-dl{grid-template-columns:1fr auto;gap:10px;display:grid}.qr-dl .btn{justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-size:15px;display:inline-flex}.qr-presets{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.qr-preset{border:2px solid #0000;border-radius:50%;width:40px;height:40px;padding:3px;transition:border-color .15s}.qr-preset[aria-pressed=true]{border-color:#ffffffb3}.qr-preset:focus-visible{outline-offset:2px;outline:2px solid #2367e7}.qr-preset__dot{border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;box-shadow:inset 0 0 0 1px #ffffff2e}.qr-preset__dot span{border-radius:3px;width:12px;height:12px;box-shadow:0 0 0 2px #fff}.qr-colours{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width>=600px) and (width<=959px),(width>=1180px){.qr-colours{grid-template-columns:repeat(4,minmax(0,1fr))}}.qr-colour{gap:6px;min-width:0;display:grid}.qr-colour__row{background:#ffffff05;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:8px;padding:5px 8px 5px 5px;display:flex}.qr-colour__row:focus-within{border-color:#2367e7}.qr-colour input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:7px;flex-shrink:0;width:30px;height:30px;padding:0;overflow:hidden}.qr-colour input[type=color]::-webkit-color-swatch-wrapper{padding:0}.qr-colour input[type=color]::-webkit-color-swatch{border:1px solid #fff3;border-radius:7px}.qr-colour input[type=color]::-moz-color-swatch{border:1px solid #fff3;border-radius:7px}.qr-hex{color:#f2f2f2;text-transform:uppercase;background:0 0;border:0;width:100%;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px}.qr-hex:focus{outline:none}.qr-hex[aria-invalid=true]{color:#f0a2ac}.qr-shapes{flex-wrap:wrap;gap:16px 28px;display:flex}.qr-shape-group{border:0;min-width:0;margin:0;padding:0}.qr-shape-group legend{margin-bottom:8px}.qr-shape-opts{gap:8px;display:flex}.qr-shape{cursor:pointer}.qr-shape__btn{color:#9aa1a8;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;align-items:center;gap:4px;width:60px;padding:9px 4px 7px;transition:border-color .15s,background .15s,color .15s;display:flex}.qr-shape:hover .qr-shape__btn{color:#f2f2f2;background:#ffffff08}.qr-shape input:checked+.qr-shape__btn{color:#fff;background:#1f2329;border-color:#ffffff8c}.qr-shape input:focus-visible+.qr-shape__btn{outline-offset:2px;outline:2px solid #2367e7}.qr-shape__label{font-size:11px;font-weight:600}.qr-logo{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.qr-logo__btn{cursor:pointer;align-items:center;gap:8px;padding:10px 16px;font-size:14px;display:inline-flex}#qr-logo:focus-visible+.qr-logo__btn{outline-offset:2px;outline:2px solid #2367e7}.qr-logo__thumb{object-fit:contain;background:#fff;border-radius:8px;width:44px;height:44px;padding:4px}.qr-logo__remove{color:#9aa1a8;text-underline-offset:3px;font-size:13px;text-decoration:underline}.qr-logo__remove:hover{color:#fff}.qr-logo__hint{margin-top:10px}.tool-num{color:#f2f2f2;background:#1b1e22;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:14px;font-size:14px;font-weight:700;display:flex}.tool-kicker{letter-spacing:.08em;text-transform:uppercase;color:#6e747b;margin-bottom:6px;font-size:11px;font-weight:600}.tool-list{color:#9aa1a8;gap:10px;font-size:14px;line-height:1.6;display:grid}.tool-list li{padding-left:22px;position:relative}.tool-list li:before{content:"";background:#3a3f45;border-radius:50%;width:8px;height:8px;position:absolute;top:9px;left:2px}.tool-list--on li{color:#d7dadd}.tool-list--on li:before{background:#9aa1a8}.tool-linkcard{flex-direction:column;gap:6px;transition:background .15s;display:flex}.tool-linkcard:hover{background:#15171a}.tool-linkcard__go{color:#d7dadd;text-underline-offset:3px;margin-top:4px;font-size:12.5px;font-weight:600;text-decoration:underline}