body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#1a1a1a;background:#f2f2f7}*{box-sizing:border-box}.app-root{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:32px 16px 48px}.app-header{text-align:center;margin-bottom:28px}.app-title{margin:0;font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.app-subtitle{margin:8px 0 0;font-size:.95rem;color:#666}.app-main{width:100%;max-width:520px;padding:12px 12px 28px;background:transparent;box-shadow:none;border:none}.qr-gen{display:flex;flex-direction:column;gap:16px}.mode-tabs{display:flex;gap:8px;flex-wrap:wrap}.mode-tab{flex:1;min-width:140px;padding:10px 14px;font-size:14px;font-weight:600;border:1px solid #d0d0d8;border-radius:8px;background:#f8f8fa;color:#333;cursor:pointer}.mode-tab.is-active{background:#1a1a2e;color:#fff;border-color:#1a1a2e}.st-subtabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:4px}.st-subtab{padding:8px 12px;font-size:13px;font-weight:600;border:1px solid #d8d8e0;border-radius:6px;background:#fff;color:#444;cursor:pointer}.st-subtab.is-active{background:#eef0ff;border-color:#a8b0e0;color:#1a1a2e}.st-form-actions{margin-bottom:8px}.btn-secondary{padding:8px 12px;font-size:13px;font-weight:600;border:1px dashed #b0b0c0;border-radius:6px;background:#fafafa;color:#333;cursor:pointer}.btn-secondary:hover:not(:disabled){background:#f0f0f4;border-style:solid}.btn-secondary:disabled{opacity:.45;cursor:not-allowed}.raw-string-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:6px}.raw-string-label{font-size:13px;font-weight:600;color:#333}.st-raw-input{font-family:ui-monospace,monospace;font-size:12px;line-height:1.45}.raw-st-hint{margin-top:8px;color:#856404;background:#fff8e6;padding:8px 10px;border-radius:6px}.qr-section{display:flex;flex-direction:column;gap:8px}.hint{margin:0;font-size:13px;color:#666;line-height:1.45}.hint code{font-size:12px;background:#eee;padding:1px 5px;border-radius:4px}.st00012-intro{margin-bottom:4px}.st-grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:560px){.st-grid{grid-template-columns:1fr 1fr}.st-grid>div:nth-child(1),.st-grid>div:nth-child(2),.st-grid>div:nth-child(5),.st-grid>div:nth-child(8){grid-column:1 / -1}}.payload-preview{border:1px solid #e4e4e8;border-radius:8px;padding:12px;background:#fafafa}.payload-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.payload-label{font-size:13px;font-weight:600;color:#444}.btn-copy{padding:6px 12px;font-size:13px;font-weight:600;border:1px solid #ccc;border-radius:6px;background:#fff;cursor:pointer}.btn-copy:hover:not(:disabled){background:#f0f0f2}.btn-copy:disabled{opacity:.45;cursor:not-allowed}.payload-textarea{width:100%;font-family:ui-monospace,monospace;font-size:12px;padding:8px;border:1px solid #ddd;border-radius:6px;resize:vertical;background:#fff}.payload-plain{margin:0;padding:10px;font-size:13px;font-family:ui-monospace,monospace;white-space:pre-wrap;word-break:break-word;background:#fff;border:1px solid #ddd;border-radius:6px;max-height:120px;overflow:auto}.qr-alert{margin:0;padding:10px 12px;font-size:14px;color:#8b0000;background:#fde8e8;border-radius:8px}.qr-canvas-wrap{display:flex;justify-content:center;padding:16px;background:#fafafa;border-radius:8px;border:1px solid #eee}.qr-canvas-wrap canvas{display:block;max-width:100%;height:auto}#page-content{opacity:1;transition:opacity .3s ease-in-out}body.page-transition #page-content{opacity:0}.pay-ios{max-width:400px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.pay-ios-title{margin:0 0 18px;font-size:28px;font-weight:700;letter-spacing:.36px;text-align:center;color:#000}.pay-ios-loader{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 16px 48px}.pay-ios-spinner{width:36px;height:36px;border:3px solid rgba(0,122,255,.2);border-top-color:#007aff;border-radius:50%;animation:pay-ios-spin .75s linear infinite}.pay-ios-loader-text{margin:0;font-size:15px;color:#8e8e93}@keyframes pay-ios-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.pay-ios-spinner{animation:none;border-top-color:#007aff}}.pay-ios-error{background:#ff3b301a;border-radius:12px;padding:14px 16px;margin-bottom:8px}.pay-ios-error-title{margin:0 0 4px;font-size:15px;font-weight:600;color:#ff3b30}.pay-ios-error-msg{margin:0;font-size:14px;color:#3a3a3c;line-height:1.35}.pay-ios-flip-scene{perspective:1200px;margin-bottom:14px;width:100%;position:relative;transition:height .42s cubic-bezier(.4,0,.2,1);overflow:visible}.pay-ios-flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,0,.2,1)}.pay-ios-flip-inner.is-flipped{transform:rotateY(180deg)}.pay-ios-face{position:absolute;left:0;top:0;width:100%;min-width:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.pay-ios-face--back{transform:rotateY(180deg)}.pay-ios-card{background:#fff;border-radius:14px;box-shadow:0 2px 16px #0000000f,0 0 1px #00000014;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box}.pay-ios-card-inner{padding:18px 16px 20px;display:flex;flex-direction:column;box-sizing:border-box}.pay-ios-card-inner--front{align-items:center}.pay-ios-card-inner--back{align-items:stretch}.pay-ios-inline-alert{width:100%;font-size:13px;color:#ff3b30;text-align:center;margin-bottom:8px}.pay-ios-qr-wrap{display:flex;justify-content:center;padding:6px 0 4px}.pay-ios-qr-wrap canvas{display:block;border-radius:12px;box-shadow:0 1px 4px #00000014}.pay-ios-qr-image{display:block;width:216px;max-width:100%;height:auto;border-radius:12px;box-shadow:0 1px 4px #00000014}.pay-ios-qr-image+canvas{display:none}.pay-ios-hint{margin:14px 0 0;font-size:15px;line-height:1.45;text-align:center;color:#3a3a3c;padding:0 4px}.pay-ios-hint--compact{margin-top:10px;font-size:13px;color:#8e8e93}.pay-ios-section-label{margin:0 0 6px 4px;font-size:13px;font-weight:600;letter-spacing:-.08px;color:#8e8e93;text-transform:uppercase}.pay-ios-section-hint{margin:0 0 12px 4px;font-size:12px;line-height:1.35;color:#8e8e93}.pay-ios-group{background:#f2f2f7;border-radius:12px;padding:4px 0;overflow:hidden}.pay-ios-field{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:#fff;margin:0 8px 8px;border-radius:10px;box-shadow:0 0 0 .5px #00000014}.pay-ios-field:last-child{margin-bottom:4px}.pay-ios-field-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.pay-ios-field-label{font-size:13px;font-weight:500;color:#8e8e93}.pay-ios-field-edit{flex-shrink:0;padding:4px 0;font-size:15px;line-height:1.2;color:#007aff;background:none;border:none;cursor:pointer}.pay-ios-field-edit:active{opacity:.5}.pay-ios-value-copy{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;width:100%;margin:0;padding:8px 2px 6px;text-align:left;font:inherit;color:#000;background:transparent;border:none;border-radius:8px;cursor:pointer;-webkit-tap-highlight-color:transparent}.pay-ios-value-copy:active{background:#0000000a}.pay-ios-value-copy-text{flex:1;min-width:0;font-size:17px;line-height:1.35;word-break:break-word}.pay-ios-copied-tag{flex-shrink:0;font-size:13px;font-weight:500;color:#34c759}.pay-ios-field-input{width:100%;border:none;padding:6px 2px 4px;font-size:17px;line-height:1.3;color:#000;background:#0000000a;border-radius:8px;outline:none}.pay-ios-text-btn{display:block;width:100%;margin:0;padding:14px 8px;font-size:17px;font-weight:400;color:#007aff;background:none;border:none;cursor:pointer;text-align:center}.pay-ios-text-btn:active{opacity:.55}.pay-ios-method-tabs{display:flex;gap:6px;margin-bottom:16px;background:#7676801f;border-radius:10px;padding:2px}.pay-ios-method-tab{flex:1;padding:8px 10px;font-size:14px;font-weight:600;color:#3a3a3c;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s;white-space:nowrap}.pay-ios-method-tab.is-active{background:#fff;color:#000;box-shadow:0 1px 4px #0000001f}.pay-ios-method-tab:not(.is-active):hover{background:#ffffff80}.pay-ios-primary-btn{display:block;width:100%;padding:15px 16px;font-size:17px;font-weight:600;color:#fff;background:#007aff;border:none;border-radius:14px;cursor:pointer;text-align:center;text-decoration:none;letter-spacing:-.2px;transition:opacity .15s}.pay-ios-primary-btn:hover{opacity:.88}.pay-ios-primary-btn:active{opacity:.7}.pay-ios-secondary-btn{display:block;width:100%;margin-top:12px;padding:12px 16px;font-size:15px;font-weight:500;color:#007aff;background:#007aff14;border:none;border-radius:12px;cursor:pointer;text-align:center;text-decoration:none;transition:opacity .15s}.pay-ios-secondary-btn:hover{opacity:.8}.pay-ios-card-icon{font-size:48px;line-height:1;margin-bottom:4px}.pay-ios-sbp-logo{width:56px;height:32px;background:#1ba3de;border-radius:6px;margin:0 auto 12px}.pay-ios-link{color:#007aff;text-decoration:none}.pay-ios-link:hover{text-decoration:underline}.pay-ios-success-card{background:#fff;border-radius:14px;box-shadow:0 2px 16px #0000000f,0 0 1px #00000014;padding:32px 20px 28px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.pay-ios-success-icon{width:56px;height:56px;border-radius:50%;background:#34c759;color:#fff;font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.pay-ios-success-title{margin:0;font-size:20px;font-weight:700;color:#000}.pay-ios-success-hint{margin:0;font-size:14px;color:#8e8e93}.pay-ios-success-card .pay-ios-primary-btn{margin-top:8px}.debug-page{width:100%;background:#fff;border-radius:12px;border:1px solid #e8e8ec;box-shadow:0 4px 20px #0000000d;padding:20px 18px 24px}.debug-back{margin:0 0 12px;font-size:14px}.debug-back a{color:#2a4dcb}.debug-title{margin:0 0 8px;font-size:1.35rem;font-weight:700}.debug-lead{margin:0 0 20px;font-size:14px;color:#555;line-height:1.45}