#root{display:flex;width:100%;max-width:1280px;margin:0 auto;padding:2rem;text-align:center;overflow-x:hidden}.action h4{margin-bottom:16px}.action{text-align:left;display:flex;flex-direction:column;padding:32px 16px}.action:not(:last-child){border-bottom:1px solid #e0e0e0;border-radius:0}.action button{margin-top:8px}@media(prefers-color-scheme:dark){.action:not(:last-child){border-color:#626262}}.alert{padding:16px;border-radius:8px;background:#fbeaea;position:fixed;color:#dd757b;border:4px solid #dd757b;top:32px;right:32px;width:100%;max-width:400px;text-align:left}.alert p{margin:16px 0}.alert kbd{background-color:#dd757b;padding:4px 8px;border-radius:4px;color:#fbeaea;display:inline-block}.headerContainer{display:flex;align-items:center;width:100%}.alert h2{margin-right:auto}.alert button{width:16px;height:16px;display:flex;align-items:center;font-size:14px;justify-content:center;background:transparent;color:#dd757b;border-color:#dd757b}.alert button:hover{border-color:inherit}@media(max-width:768px){.alert{right:32px;max-width:280px}.alert pre{width:100%}}.accordion{width:100%;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden;margin:16px 0}.accordion-header{display:flex;justify-content:space-between;align-items:center;padding:8px 24px;cursor:pointer}.accordion-header h3{line-height:0;font-size:16px}.toggle-icon{font-size:1.2rem}.accordion-content{padding:10px 20px;border-top:1px solid #e0e0e0;background-color:#fff}@media(prefers-color-scheme:dark){.accordion-content{background-color:#242424}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}h2,h4,p{margin:0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:1em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover:not(:disabled){border-color:#646cff}button:disabled{cursor:not-allowed;opacity:.5}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.container{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center;margin:auto}.contentContainer{display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:960px;width:100%}.menuButton{width:100%}.resultContainer{display:flex;flex-direction:column;margin-top:8px}.resultContainer code{overflow-wrap:break-word}.resultContainer label{font-size:14px;text-align:left}.resultContainer textarea{margin-top:8px}.verticalForm{display:flex;flex-direction:column;gap:8px}.verticalForm>label{display:flex;gap:8px}.gatedButton{display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px;margin-right:8px}.gatedBadge{font-size:11px;opacity:.65;font-style:italic}.portNote{margin-top:16px;font-size:13px;opacity:.7;max-width:480px;text-align:left}