.input-capture-badge{position:fixed;z-index:48;right:14px;bottom:14px;max-width:min(380px,calc(100% - 28px));display:flex;align-items:center;gap:14px;padding:11px 14px;background:#12332feF;border:1px solid #9addc875;border-radius:12px;color:#d0ede1;font:12px/1.5 system-ui,sans-serif;box-shadow:0 8px 24px #0004}.input-capture-badge button{border:1px solid #a9d7c64d;color:#d4f1e4;background:#c0eddd0a;border-radius:7px;font:inherit;padding:5px 9px;cursor:pointer}.input-capture-badge[hidden]{display:none}.input-center-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:26px 0}.input-center-card{padding:26px;background:linear-gradient(140deg,#15313855,#101c28);border:1px solid #8bbdc633;border-radius:20px;min-width:0}.input-center-card h2{font-size:23px;line-height:1.3;margin:0 0 16px}.input-center-card p,.input-center-card li{font-size:14px;line-height:1.85;color:#b2c8d8}.input-center-card p{margin:12px 0}.input-center-card ol{padding-left:20px}.input-center-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.input-center-actions button{white-space:normal}.input-center-card kbd{display:inline-block;padding:2px 6px;background:#9ccfd51a;border:1px solid #a8cfda38;border-radius:5px;font-size:12px}.input-test-surface{border:1px dashed #91c5c26b;border-radius:18px;padding:30px;margin:22px 0;min-height:150px;display:grid;align-content:center;text-align:center;gap:13px;background:radial-gradient(ellipse,#7cc8af10,transparent 70%);color:#bddecf;outline-offset:5px}.input-test-surface strong{font-size:22px}.input-test-surface span{font-size:14px;line-height:1.8}.input-preview{width:100%;height:330px;border:1px solid #95b9ce26;border-radius:16px;background:repeating-conic-gradient(#14212d 0 25%,#111c27 0 50%) 0 0/24px 24px}.input-helper-link{margin:18px 0 24px;padding:20px 24px;border:1px solid #97c5cc30;border-radius:16px;display:flex;justify-content:space-between;gap:20px;align-items:center;background:#13252d}.input-helper-link p{font-size:14px;line-height:1.7;margin:0;color:#b6d0d9}.input-helper-link a{flex-shrink:0}.input-mode-note{margin:16px 0;padding:16px;background:#142b36;border:1px solid #9bb9cd30;border-radius:12px;font-size:13px;line-height:1.8;color:#bdd5df}.input-mode-note a{color:#b2e6d4;text-decoration:underline}.input-caption{font-size:12px;color:#9fb8c9;line-height:1.7;margin:10px 0 22px}.input-privacy-note{margin:22px 0;border-left:3px solid #acd5bc;padding:12px 18px;background:#a9d4c60b;font-size:14px;line-height:1.8;color:#b8d1d9}.input-dimension{font-size:12px;color:#a9c5d3;line-height:1.8;margin:16px 0}.input-test-surface:focus-visible{outline:2px solid #ade6d4}.input-mode-note code{overflow-wrap:anywhere}.input-center-card a{color:#abe0d2}
@media(max-width:760px){.input-center-grid{grid-template-columns:1fr}.input-center-card{padding:22px}.input-helper-link{flex-direction:column;align-items:flex-start}.input-helper-link a{max-width:100%;white-space:normal}.input-capture-badge{font-size:11px;max-width:calc(100% - 28px)}.input-preview{height:310px}}

.input-capture-active .lab-dock{bottom:80px}