.totp-batch-workspace{align-items:stretch}.totp-batch-label{display:flex;gap:8px;align-items:center;justify-content:space-between}.totp-batch-label label{min-width:0}.totp-batch-visibility{display:inline-flex;align-items:center;gap:5px;flex:none;min-height:32px;border:0;background:transparent;color:#59728c;cursor:pointer;font-size:11px}.totp-batch-workspace textarea{display:block;width:100%;min-height:174px;margin:8px 0 0;resize:vertical;border:1px solid #cbd9e7;border-radius:9px;outline:0;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.8;color:#16324e;overflow-wrap:anywhere;background:#fff}.totp-batch-workspace textarea:focus{border-color:#0071e3;box-shadow:0 0 0 3px #0071e312}.totp-batch-workspace textarea::placeholder{color:#92a1b1;font-family:inherit}.totp-batch-hidden{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:174px;margin-top:8px;padding:18px;border:1px solid #dbe5ef;border-radius:9px;background:#f8fafc;color:#8a9caf}.totp-batch-hidden strong{font-size:13px;font-weight:550;color:#536d86}.totp-batch-hidden>span{font-size:11px;text-align:center}.totp-batch-count{display:flex;align-items:flex-start;gap:12px;justify-content:space-between;margin-top:9px;font-size:10px;color:#8595a7;line-height:1.6}.totp-batch-count>span:last-child{flex:none;font-variant-numeric:tabular-nums}.totp-batch-count.is-over-limit>span:last-child{color:#b03535}.totp-batch-summary{color:#69819b;font-size:12px;line-height:1.75;margin:12px 0 0}.totp-batch-demo-note{color:#647f9c;margin:6px 0 0;font-size:10px}.totp-batch-results{display:flex;flex-direction:column;gap:10px;list-style:none;padding:0;margin:18px 0 22px;max-height:550px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.totp-batch-row{background:#fff;padding:14px 16px 12px;border:1px solid #dce7f3;border-radius:10px}.totp-batch-row-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.totp-batch-row-heading h3{margin:0;font-size:12px;font-weight:600;color:#45617e}.totp-batch-row-heading>span{font-size:9px;color:#859ab0}.totp-batch-row-main{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0}.totp-batch-code{display:flex;align-items:center;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(22px,2.2vw,29px);letter-spacing:.025em;line-height:1.3;color:#06c;font-weight:550;font-variant-numeric:tabular-nums}.totp-batch-code>span{width:.32em}.totp-batch-copy{display:inline-flex;gap:6px;align-items:center;justify-content:center;min-height:36px;padding:0 9px;flex:none;border:1px solid #d2e3f4;border-radius:7px;background:#f9fcff;color:#06c;font-size:11px;cursor:pointer}.totp-batch-copy:disabled{opacity:.45;cursor:default}.totp-batch-row-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#8195ab;font-size:10px;line-height:1.6}.totp-batch-row-footer>span{display:inline-flex;align-items:center;gap:5px}.totp-batch-progress{height:2px;overflow:hidden;margin-top:10px;background:#e8f0f9;border-radius:2px}.totp-batch-progress>span{display:block;height:100%;width:100%;background:#0071e3;transform-origin:left}.totp-batch-row-error{color:#ad4d47;font-size:11px;line-height:1.7;margin:9px 0 0}.totp-batch-row.has-error{background:#fffaf9;border-color:#f0deda}.totp-batch-empty{display:flex;flex:1;min-height:300px;padding:32px 0;flex-direction:column;align-items:center;justify-content:center;color:#a1b4c8}.totp-batch-empty-lines{display:flex;flex-direction:column;gap:9px;width:min(260px,100%);margin-top:22px}.totp-batch-empty-lines>span{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border:1px solid #e1eaf4;border-radius:8px;font-size:10px;background:#ffffff80}.totp-batch-empty-lines>span>span{font-family:ui-monospace,monospace;font-size:16px;letter-spacing:.08em}.totp-batch-empty>p{color:#7c92a8;font-size:11px;margin:18px 0 0;text-align:center}.totp-batch-output .totp-output-bottom{margin-top:auto}@media (max-width: 767px){.totp-batch-workspace textarea{font-size:16px;min-height:200px}.totp-batch-results{max-height:none}.totp-batch-empty{min-height:260px}.totp-batch-code{font-size:26px}}@media (max-width: 380px){.totp-batch-row{padding:12px}.totp-batch-code{font-size:22px}.totp-batch-copy{font-size:10px;padding:0 7px}.totp-batch-row-heading{align-items:flex-start;flex-direction:column;gap:4px}.totp-batch-row-footer{align-items:flex-start;flex-direction:column;gap:3px}.totp-batch-workspace .totp-form-actions button{padding-inline:10px}}.totp-intro{padding-bottom:32px}.totp-intro .tools-lead{max-width:690px}.totp-workspace{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dbe5ef;border-radius:20px;overflow:hidden;box-shadow:0 12px 45px #183f6c08}.totp-config{padding:32px;min-width:0}.totp-panel-heading{display:flex;align-items:center;gap:12px;margin-bottom:26px}.totp-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #dbe8f6;border-radius:12px;background:#f2f7fd;color:#0071e3}.totp-panel-heading h2{margin:0;font-size:18px;font-weight:600;letter-spacing:-.02em}.totp-panel-heading p{margin:3px 0 0;color:#76879a;font-size:12px}.totp-config label{display:block;font-size:12px;font-weight:550;line-height:1.6}.totp-help{margin:10px 0 0;font-size:12px;color:#738298;line-height:1.75}.totp-advanced{margin-top:20px;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6}.totp-advanced summary{display:flex;align-items:center;gap:6px;padding:15px 0;cursor:pointer;font-size:12px;list-style:none}.totp-advanced summary::-webkit-details-marker{display:none}.totp-advanced summary span{margin-left:auto;color:#8191a5;font-family:ui-monospace,monospace;font-size:11px}.totp-advanced[open] summary svg{transform:rotate(180deg)}.totp-options{display:grid;grid-template-columns:1.1fr .8fr 1fr;gap:12px}.totp-options :is(select,input){display:block;width:100%;min-width:0;height:40px;margin-top:6px;padding:0 9px;border:1px solid #cbd9e7;border-radius:7px;background:#fff;font-size:14px}.totp-advanced .totp-help{margin-bottom:16px}.totp-form-actions{display:flex;gap:10px;margin-top:22px}.totp-form-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:9px;font-size:13px;font-weight:550;cursor:pointer}.totp-generate{flex:1;background:#0071e3;color:#fff;border:1px solid #0071e3;padding:0 20px}.totp-generate:hover{background:#0064ce}.totp-clear{border:1px solid #dce5ee;background:#fff;color:#60748b;padding:0 14px}.totp-demo{display:flex;align-items:center;gap:7px;min-height:44px;margin:10px auto -8px;padding:0;background:transparent;border:0;font-size:12px;color:#06c;cursor:pointer}.totp-error{font-size:12px;line-height:1.7;color:#b03535;padding:10px 12px;border-radius:7px;background:#fff4f3;margin-top:14px}.totp-output{min-width:0;display:flex;flex-direction:column;padding:28px 32px 20px;background:radial-gradient(ellipse at 50% 45%,#fff,#f0f6fd 70%);border-left:1px solid #dbe5ef}.totp-output-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#7790aa;font-size:10px;font-weight:600;letter-spacing:.08em}.totp-output-top>span{display:flex;align-items:center;gap:7px}.totp-status-dot{width:6px;height:6px;border-radius:50%;background:#afbdcc}.is-active .totp-status-dot{background:#14a580;box-shadow:0 0 0 3px #14a58012}.totp-output-bottom{display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid #dce7f2;padding-top:18px;color:#7a91a8;font-size:10px;line-height:1.7}.totp-output-bottom svg{flex:none}.totp-how{padding:48px 0 40px;border-bottom:1px solid #e1e9f2}.totp-how h2{margin:8px 0 26px;font-size:25px;font-weight:600;letter-spacing:-.03em}.totp-how ol{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:0;list-style:none}.totp-step{color:#0071e3;font-family:ui-monospace,monospace;font-size:12px}.totp-how h3{margin:10px 0 5px;font-size:15px;font-weight:600}.totp-how li p{margin:0;max-width:290px;font-size:13px;color:#718298;line-height:1.8}.totp-page .totp-explainer-note{margin-top:16px!important}.totp-local-note{display:flex;align-items:center;gap:14px;padding:20px 24px;background:#f6f9fc;border:1px solid #e3eaf2;border-radius:10px}.totp-local-note svg{flex:none;color:#7188a0}.totp-local-note p{margin:0;font-size:12px;color:#6a7e94;line-height:1.8}.totp-page button:disabled{cursor:default}@media (max-width: 767px){.totp-workspace{grid-template-columns:1fr}.totp-config{padding:24px}.totp-output{border-left:0;border-top:1px solid #dbe5ef;padding:24px}.totp-how ol{gap:24px}.totp-intro h1{font-size:clamp(30px,7vw,48px)}}@media (max-width: 480px){.totp-page .tools-container{width:calc(100% - 32px)}.totp-config,.totp-output{padding:22px 18px}.totp-intro{padding-top:110px}.totp-how ol{grid-template-columns:1fr;gap:24px}.totp-how li{padding-left:36px;position:relative}.totp-step{position:absolute;left:0;top:1px}.totp-how h3{margin-top:0}.totp-options{gap:8px}.totp-options :is(select,input){font-size:16px}.totp-local-note{padding:16px;align-items:flex-start}}