:root{--pico-font-size: 100%}body{padding:1rem}.header{border:1px dashed var(--pico-muted-border-color);padding:1rem;text-align:center;margin-bottom:1rem;color:var(--pico-muted-color)}.grid{align-items:stretch}.grid>div,.grid>div>article{display:flex;flex-direction:column;height:100%}#output-wrapper{flex-grow:1;overflow-y:auto;background-color:#282c34;border-radius:var(--pico-border-radius);padding:1rem}#output-code{white-space:pre-wrap;word-break:break-all}#text-input{height:100%;flex-grow:1;font-family:monospace;min-height:30rem}.output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.output-actions{display:flex;gap:.5rem}.output-actions button{display:inline-flex;align-items:center;gap:.5rem}.btn-small{--pico-font-size: .875rem;--pico-form-element-padding-vertical: .375rem;--pico-form-element-padding-horizontal: .75rem}#split-button{transition:opacity .2s ease-in-out}.tab-content{flex-grow:1;display:flex;flex-direction:column;margin-top:1rem}.tab-panel{flex-grow:1;display:flex;flex-direction:column}.tab-panel pre{flex-grow:1;margin-bottom:0;padding:1rem;background-color:#282c34;border-radius:var(--pico-border-radius)}.tab-panel[hidden]{display:none}#output-tab-nav{border-bottom:1px solid var(--pico-muted-border-color);zmargin-bottom:1.5rem;margin-top:1rem}#output-tab-nav [role=group]{gap:0}#output-tab-nav a[role=button]{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:-1px;zbackground-color:var(--pico-secondary-background);background-color:#4394f1}#output-tab-nav a[role=button]:not([aria-current]){border-bottom:1px solid var(--pico-muted-border-color)}#output-tab-nav a[role=button][aria-current=page]{background-color:var(--pico-card-background-color);color:var(--pico-primary-hover);border-color:var(--pico-muted-border-color);border-bottom-color:transparent}.tab-content{margin-top:0}[role=group]{margin-bottom:0!important}#output-tab-nav [role=group]:focus-within{box-shadow:none}.tab-content{max-height:800px!important}.pre-code{height:800px;overflow-y:auto;overflow-x:auto;border:1px solid var(--pico-color-primary);padding:var(--pico-spacing-md);background-color:var(--pico-color-gray-100);font-size:.875rem;line-height:1.4;white-space:pre}pre code{display:block;padding:0}.spinner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.spinner{border:8px solid #f3f3f3;border-top:8px solid var(--pico-primary);border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--spinner-color: var(--pico-primary);--spinner-background-color: #f3f3f3}#loadingSpinner .spinner{border-top-color:var(--spinner-color)}.spinner.red{--spinner-color: #e74c3c;border-top-color:var(--spinner-color)}.spinner.blue{--spinner-color: #3498db;border-top-color:var(--spinner-color)}.container{max-width:1800px!important}#test-button:hover{cursor:pointer;text-decoration:underline}#test-button{text-decoration:none}a.tab-button:hover{text-decoration:underline}.subtitle{opacity:.9}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}header{text-align:center;zbackground:linear-gradient(135deg,#667eea 0%,#764ba2 100%);background-color:#4495f1;color:#fff;border-radius:var(--pico-border-radius);padding:2rem}.input-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.method-card{text-align:center}.faq-question{font-weight:700}