@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2) format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2) format("woff2"),url(/assets/inter-greek-ext-400-normal-KugGGMne.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-B4URO6DV.woff2) format("woff2"),url(/assets/inter-greek-400-normal-q2sYcFCs.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2) format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-ext-700-normal-BjwYoWNd.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-700-normal-LO58E6JB.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-700-normal-CjBOestx.woff2) format("woff2"),url(/assets/inter-cyrillic-700-normal-DrXBdSj3.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-ext-700-normal-qfdV9bQt.woff2) format("woff2"),url(/assets/inter-greek-ext-700-normal-BoQ6DsYi.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-700-normal-C3JjAnD8.woff2) format("woff2"),url(/assets/inter-greek-700-normal-BUv2fZ6O.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-vietnamese-700-normal-DlLaEgI2.woff2) format("woff2"),url(/assets/inter-vietnamese-700-normal-BZaoP0fm.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-ext-700-normal-Ca8adRJv.woff2) format("woff2"),url(/assets/inter-latin-ext-700-normal-TidjK2hL.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #f2f3f7;--card: #ffffff;--text: #111318;--muted: #8a909e;--subtle: #a7a7a7;--faint: #b6b6b6;--ink: #2b2b2b;--border: #d9d9d9;--border-strong: #a7a7a7;--field: #ffffff;--on-accent: #ffffff;--disabled-bg: #e3e5ea;--disabled-text: var(--faint);--toggle-track: #eceef3;--toggle-idle: #4a515f;--panel: #f3f3f3;--danger: #d93a3a;--success: #2ca05e;--merchant: #0f5a88;--customer: #0f8888;--accent: #3b4250;--code-1: #e04b47;--code-2: #2ca05e;--code-3: #3364af;--code-4: #e8b62c;--caption: #676767;--hairline: #f0f0f0;--qr-ink: #2e2e34;--text-2xs: 9px;--text-xs: 12px;--text-sm: 13px;--text-md: 15px;--text-lg: 18px;--text-field: 16px;--radius: 12px;--radius-md: 9px;--radius-sm: 7px;--column: 294px;--login-gap: 12px;--shadow: 0 1px 2px rgb(16 24 40 / 4%), 0 4px 16px rgb(16 24 40 / 6%);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body{margin:0;background:var(--bg)}button,input,textarea{font:inherit;color:inherit}.page{height:100dvh;display:flex;flex-direction:column;align-items:center;gap:16px;padding:max(clamp(20px,7.4dvh,60px),env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom))}.card{--card-height: 562px;--textarea-room: 318px;container-type:size;width:100%;max-width:420px;height:var(--card-height);min-height:0;flex-shrink:1;overflow-y:auto;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px 42px 40px;display:flex;flex-direction:column}.card[data-role=merchant]{--accent: var(--merchant)}.card[data-role=customer]{--accent: var(--customer)}.footer{color:var(--faint);font-size:var(--text-2xs)}.card>.footer{text-align:center}.card[data-footer-in-card=true]{padding-bottom:24px}@media(max-width:520px){.card{padding:24px 18px 28px}}.screen-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.role-badge{display:flex;align-items:center;gap:10px;font-size:var(--text-lg)}.role-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--on-accent);background:var(--accent);flex-shrink:0}.role-icon svg{width:55%;height:55%}.back{display:inline-flex;align-items:center;gap:4px;min-height:40px;margin:0 -8px;padding:0 8px;border:0;background:none;color:var(--muted);font-size:var(--text-md);cursor:pointer}.back:hover:not(:disabled){color:var(--text)}.back:disabled{cursor:not-allowed}.title{margin:0 0 6px;font-size:22px;font-weight:400;line-height:1.25}.subtitle{margin:0 0 16px;color:var(--subtle);font-size:var(--text-xs);line-height:1.4}.centered{text-align:center}.brand{display:flex;justify-content:center;margin:9px 0 19px}.brand-logo{margin:0;width:min(206px,100%);height:46px}.brand-logo button{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.brand-logo img{display:block;width:100%;height:100%;object-fit:contain}.tagline{margin:0 0 48px;text-align:center;font-size:var(--text-xs)}.stack{display:flex;flex-direction:column;gap:10px;width:100%;max-width:var(--column);margin:0 auto}.role-row{--pad: 8px;--gap: 10px;position:relative;display:grid;grid-template-columns:repeat(var(--count),1fr);gap:var(--gap);width:100%;max-width:var(--column);margin:0 auto 50px;padding:var(--pad);border-radius:calc(var(--radius-sm) + var(--pad));background:var(--toggle-track)}.role-row:before{content:"";position:absolute;top:var(--pad);bottom:var(--pad);left:var(--pad);width:calc((100% - 2 * var(--pad) - (var(--count) - 1) * var(--gap)) / var(--count));border-radius:var(--radius-sm);background:var(--accent);transform:translate(calc(var(--thumb) * (100% + var(--gap))));transition:transform .2s ease,background .2s ease}.role-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:45px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--toggle-idle);font-size:var(--text-md);cursor:pointer;transition:color .2s ease}.role-button svg{width:1.4em;height:1.4em;flex-shrink:0}.role-button:hover:not([aria-checked=true]){color:var(--text)}.role-button[aria-checked=true]{color:var(--on-accent)}.role-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.role-row:before,.role-button{transition:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:clamp(44px,12cqh,60px);padding:0 20px;border:0;border-radius:var(--radius);background:var(--accent);color:var(--on-accent);font-size:var(--text-lg);cursor:pointer;transition:filter .15s,background .15s}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:disabled{background:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed}.stack-lg{gap:var(--login-gap)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;padding:0;border:0;border-radius:var(--radius-sm);background:none;color:var(--accent);cursor:pointer}.icon-button:hover:not(:disabled){background:var(--toggle-track)}.icon-button:disabled{color:var(--disabled-text);cursor:not-allowed}.icon-button[data-state=copied]{color:var(--success)}.icon-button[data-state=failed]{color:var(--danger)}.link-button{padding:0;border:0;background:none;color:var(--accent);font-weight:600;cursor:pointer}.link-button:disabled{color:var(--muted);cursor:progress}.chip{display:inline-flex;align-items:center;gap:6px;min-height:33px;padding:6px 12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--field);color:var(--ink);font-size:var(--text-sm);font-weight:600;cursor:pointer}.chip:hover{border-color:var(--border-strong)}.field{display:flex;flex-direction:column;border:2px solid var(--border-strong);border-radius:var(--radius-md);background:var(--field)}.field:focus-within{border-color:var(--accent)}.field textarea{display:block;width:100%;min-height:clamp(56px,100cqh - var(--textarea-room),var(--textarea-max, 172px));padding:14px 16px 4px;border:0;outline:none;resize:vertical;background:transparent;font-size:var(--text-field);line-height:1.4}.field textarea::placeholder,.input::placeholder{color:var(--faint);font-size:var(--text-sm)}.ssh-key-field{--textarea-max: 135px}.ssh-key-field textarea{resize:none}.field-actions{display:flex;justify-content:flex-end;gap:6px;padding:0 16px 16px}.input{width:100%;min-height:40px;padding:0 14px;border:2px solid var(--border-strong);border-radius:var(--radius-md);outline:none;background:var(--field);font-size:var(--text-field)}.input:focus{border-color:var(--accent)}.mask-chars{-webkit-text-security:disc}.masked{position:relative}.masked .input{padding-right:44px}.masked-toggle{position:absolute;top:0;right:0;display:inline-flex;align-items:center;justify-content:center;width:44px;height:100%;border:0;background:none;color:var(--subtle);cursor:pointer}.masked-toggle:hover{color:var(--text)}.field-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:8px}.field-count{display:flex;flex-direction:column;gap:2px;padding-top:4px;color:var(--subtle);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.field-count[data-full=true]{color:var(--danger)}.output-options{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 8px;margin-top:24px;padding:18px;border-radius:var(--radius-md);background:var(--panel)}.switch{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:var(--text-xs);font-weight:600;cursor:pointer}.switch:has(.switch-input:disabled){cursor:not-allowed}.switch-input{--w: 38px;--h: 18px;--knob: 14px;position:relative;flex-shrink:0;width:var(--w);height:var(--h);margin:0;border-radius:calc(var(--h) / 2);background:var(--border);appearance:none;cursor:inherit;transition:background .2s ease}.switch-input:before{content:"";position:absolute;top:calc((var(--h) - var(--knob)) / 2);left:calc((var(--h) - var(--knob)) / 2);width:var(--knob);height:var(--knob);border-radius:50%;background:var(--field) url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='1111.528%20609.463%2020.7143%2020.7143'%20fill='%238A909E'%3e%3cpath%20d='M1120.39%20619.818C1120.39%20620.294%201120.3%20620.699%201120.12%20621.033C1119.94%20621.366%201119.7%20621.621%201119.39%20621.798C1119.08%20621.972%201118.73%20622.06%201118.35%20622.06C1117.96%20622.06%201117.61%20621.972%201117.3%20621.795C1116.99%20621.619%201116.75%20621.364%201116.57%20621.031C1116.39%20620.697%201116.3%20620.293%201116.3%20619.818C1116.3%20619.342%201116.39%20618.938%201116.57%20618.604C1116.75%20618.27%201116.99%20618.016%201117.3%20617.841C1117.61%20617.665%201117.96%20617.577%201118.35%20617.577C1118.73%20617.577%201119.08%20617.665%201119.39%20617.841C1119.7%20618.016%201119.94%20618.27%201120.12%20618.604C1120.3%20618.938%201120.39%20619.342%201120.39%20619.818ZM1119.45%20619.818C1119.45%20619.51%201119.41%20619.25%201119.32%20619.038C1119.22%20618.827%201119.1%20618.666%201118.93%20618.557C1118.76%20618.447%201118.57%20618.393%201118.35%20618.393C1118.12%20618.393%201117.93%20618.447%201117.76%20618.557C1117.6%20618.666%201117.47%20618.827%201117.37%20619.038C1117.28%20619.25%201117.24%20619.51%201117.24%20619.818C1117.24%20620.126%201117.28%20620.386%201117.37%20620.598C1117.47%20620.81%201117.6%20620.97%201117.76%20621.08C1117.93%20621.189%201118.12%20621.244%201118.35%20621.244C1118.57%20621.244%201118.76%20621.189%201118.93%20621.08C1119.1%20620.97%201119.22%20620.81%201119.32%20620.598C1119.41%20620.386%201119.45%20620.126%201119.45%20619.818ZM1121.07%20622V617.636H1123.96V618.397H1122V619.437H1123.77V620.197H1122V622H1121.07ZM1124.58%20622V617.636H1127.47V618.397H1125.5V619.437H1127.28V620.197H1125.5V622H1124.58Z'/%3e%3c/svg%3e") center / 100% no-repeat;box-shadow:0 1px 2px #10182833;transition:transform .2s ease}.switch-input:checked{background:var(--success)}.switch-input:checked:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='818.153%20609.463%2020.7143%2020.7143'%20fill='%23000'%3e%3cpath%20d='M828.389%20619.818C828.389%20620.294%20828.299%20620.699%20828.119%20621.033C827.94%20621.366%20827.695%20621.621%20827.386%20621.798C827.077%20621.972%20826.731%20622.06%20826.346%20622.06C825.958%20622.06%20825.61%20621.972%20825.302%20621.795C824.994%20621.619%20824.75%20621.364%20824.571%20621.031C824.392%20620.697%20824.303%20620.293%20824.303%20619.818C824.303%20619.342%20824.392%20618.938%20824.571%20618.604C824.75%20618.27%20824.994%20618.016%20825.302%20617.841C825.61%20617.665%20825.958%20617.577%20826.346%20617.577C826.731%20617.577%20827.077%20617.665%20827.386%20617.841C827.695%20618.016%20827.94%20618.27%20828.119%20618.604C828.299%20618.938%20828.389%20619.342%20828.389%20619.818ZM827.454%20619.818C827.454%20619.51%20827.408%20619.25%20827.315%20619.038C827.224%20618.827%20827.096%20618.666%20826.93%20618.557C826.763%20618.447%20826.569%20618.393%20826.346%20618.393C826.123%20618.393%20825.928%20618.447%20825.762%20618.557C825.596%20618.666%20825.467%20618.827%20825.374%20619.038C825.283%20619.25%20825.238%20619.51%20825.238%20619.818C825.238%20620.126%20825.283%20620.386%20825.374%20620.598C825.467%20620.81%20825.596%20620.97%20825.762%20621.08C825.928%20621.189%20826.123%20621.244%20826.346%20621.244C826.569%20621.244%20826.763%20621.189%20826.93%20621.08C827.096%20620.97%20827.224%20620.81%20827.315%20620.598C827.408%20620.386%20827.454%20620.126%20827.454%20619.818ZM832.722%20617.636V622H831.926L830.027%20619.254H829.995V622H829.073V617.636H829.882L831.766%20620.381H831.804V617.636H832.722Z'/%3e%3c/svg%3e");transform:translate(calc(var(--w) - var(--h)))}.switch-input:checked:disabled{background:color-mix(in srgb,var(--success) 50%,transparent)}.switch-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.switch-input,.switch-input:before{transition:none}}.field-hint{margin:8px 0 0;color:var(--muted);font-size:var(--text-xs)}.card-fill{display:flex;flex:1 0 auto;flex-direction:column}[hidden]{display:none!important}.spacer{flex:1 0 8px}.field-gap{margin-top:14px}.error{margin:10px 0 0;color:var(--danger);font-size:var(--text-sm);text-align:center}.note{margin:10px 0 0;color:var(--muted);font-size:var(--text-xs);text-align:center}.status{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:14px;color:var(--muted);font-size:14px}.status[data-tone=success]{color:var(--success)}.spinner{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.divider{display:flex;align-items:center;gap:10px;margin:clamp(10px,5cqh,29px) 0 clamp(8px,3cqh,15px);color:var(--caption);font-size:var(--text-2xs);white-space:nowrap}.divider:before,.divider:after{content:"";flex:1;height:1.5px;background:var(--hairline)}.code-groups,.code-status-row{--code-size: min(60px, 18cqw, 12.3cqh);--code-gap: min(12px, 3cqw)}.code-status-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:calc(4 * var(--code-size) + 3 * var(--code-gap));margin:0 auto 15px}.code-status-row .status{margin:0}.code-status{min-height:36px;margin:0 0 15px}.code-after-content{margin-top:clamp(20px,10cqh,52px)}.code-input{width:fit-content;margin:0 auto}.code-input-actions{display:flex;justify-content:flex-end;margin-bottom:8px}.code-groups{display:flex;justify-content:center;gap:var(--code-gap)}.code-group{display:flex;flex-direction:column;gap:9px;width:var(--code-size)}.code-group:after{content:"";height:6px;border-radius:4px;background:var(--bar)}.code-box{width:100%;height:var(--code-size);border:1.5px solid var(--hairline);border-radius:var(--radius-sm);background:var(--field);display:grid;place-items:center;font-size:calc(var(--code-size) * .68);font-variant-numeric:tabular-nums;text-align:center}.code-box[data-empty=true],input.code-box:placeholder-shown:not(:focus){--dash: linear-gradient(var(--subtle), var(--subtle));background:var(--dash) calc(50% - .32em) 50% / .48em .08em no-repeat,var(--dash) calc(50% + .32em) 50% / .48em .08em no-repeat,var(--field)}input.code-box{display:block;padding:0;outline:none;caret-color:var(--text)}input.code-box:focus{border-color:var(--accent)}.code-groups[data-invalid=true] .code-box{border-color:var(--danger)}.qr{display:block;flex-shrink:0;width:min(196px,60cqw,40cqh);height:auto;aspect-ratio:1;margin:0 auto}img.qr{image-rendering:pixelated}.qr-message{display:grid;place-items:center;padding:16px;border:2px dashed var(--border);border-radius:var(--radius);color:var(--muted);font-size:var(--text-sm);text-align:center}.qr-empty{color:var(--qr-ink)}.qr-empty svg{display:block;width:100%;height:100%}.content-box{flex-shrink:0;margin-top:16px;aspect-ratio:16 / 9;max-height:39cqh;overflow:auto;padding:16px;border:2px solid var(--border-strong);border-radius:var(--radius-md);white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--text-sm);line-height:1.45}.content-box[data-empty=true]{color:var(--muted);font-style:italic}.peer{display:inline-flex;align-items:center;gap:2px;margin:0;color:var(--subtle);font-size:var(--text-sm);overflow-wrap:anywhere}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}