@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";:root{--fs-black: #111;--fs-white: #fff;--fs-accent: #f2ff37;--fs-error: #f44336;--fs-success: #4caf50;--fs-background: #111111;--fs-card-background: #1f1f1f;--fs-border-color: #333;--fs-text-color: #f5f5f5;--fs-text-secondary: #aaaaaa;--fs-input-background: #2a2a2a;--fs-code-background: #2a2a2a;--fs-tab-active: #2a2a2a;--fs-tab-inactive: #1a1a1a}*{font-family:Inter,sans-serif;box-sizing:border-box}html,body{background-color:var(--fs-background);color:var(--fs-text-color);margin:0;padding:0;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:1200px;margin:0 auto;padding:2rem}.yellow-text{color:var(--fs-accent)}.converter-container{background-color:var(--fs-card-background);padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000004d}.converter-container h1{font-size:1.5rem;margin-top:0;margin-bottom:1rem;color:var(--fs-text-color);font-weight:500}.logo-container{display:flex;justify-content:flex-start;margin-bottom:1.5rem;background-color:var(--fs-black);padding:12px;border-radius:4px}.finsweet-logo{height:24px;width:auto}a{color:var(--fs-accent);text-decoration:underline;transition:all .2s ease}a:hover{color:var(--fs-white);text-decoration-color:var(--fs-accent)}.tab-container{margin-top:1.5rem;margin-bottom:1.5rem}.tab-buttons{display:flex;border-bottom:1px solid var(--fs-border-color);margin-bottom:1.5rem}.tab-button{background-color:var(--fs-tab-inactive);border:none;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;color:var(--fs-text-secondary);cursor:pointer;transition:all .2s ease;border-top-left-radius:4px;border-top-right-radius:4px;margin-right:2px;border:1px solid var(--fs-border-color);border-bottom:none}.tab-button.active{background-color:var(--fs-tab-active);color:var(--fs-text-color);border-bottom:2px solid var(--fs-accent);margin-bottom:-1px}.tab-button:hover:not(.active){background-color:#242424;color:var(--fs-text-color)}.tab-content{min-height:300px}.terminal-tab{padding:.5rem 0}.terminal-command-section{margin-bottom:2rem}.terminal-command-section h3{font-size:1rem;margin-top:0;margin-bottom:.5rem;color:var(--fs-text-color);font-weight:500}.terminal-command{display:flex;flex-direction:row;align-items:center;background-color:var(--fs-code-background);padding:.75rem 1rem;border-radius:4px;border:1px solid var(--fs-border-color);margin:.5rem 0 1rem;position:relative;overflow:hidden}.terminal-command code{font-family:monospace;color:var(--fs-text-color);font-size:.875rem;white-space:pre-wrap;word-break:break-all;flex-grow:1;padding-right:.75rem;max-width:calc(100% - 70px)}.terminal-info{margin-top:2rem;border-top:1px solid var(--fs-border-color);padding-top:1rem}.terminal-info h3{font-size:1rem;margin-top:0;margin-bottom:.5rem;color:var(--fs-text-color);font-weight:500}.terminal-info p{font-size:.875rem;margin-bottom:1rem;color:var(--fs-text-color)}.input-group{margin-bottom:1rem}.input-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--fs-text-color);font-size:.875rem}.url-input,.param-input{width:100%;padding:.75rem;border:1px solid var(--fs-border-color);border-radius:4px;font-size:.875rem;transition:border-color .2s,box-shadow .2s,background-color .2s;position:relative;color:var(--fs-text-color);background-color:var(--fs-input-background)}.url-input:hover,.param-input:hover{border-color:#555}.url-input:focus,.param-input:focus,.url-input.focused,.param-input.focused{outline:none;border-color:var(--fs-accent);box-shadow:0 0 0 2px #f2ff3733}.url-input.error,.param-input.error{border-color:var(--fs-error);background-color:#f443361a}.url-input.valid,.param-input.valid{border-color:var(--fs-success);background-color:#4caf501a}.url-input.valid:focus,.param-input.valid:focus,.url-input.valid.focused,.param-input.valid.focused{border-color:var(--fs-success);box-shadow:0 0 0 2px #4caf5033}.params-container{margin-bottom:1.5rem}.params-heading{font-size:1rem;margin-bottom:1rem;color:var(--fs-text-color);font-weight:500}.param-row{display:grid;grid-template-columns:160px 1fr auto;gap:12px;margin-bottom:12px;align-items:flex-start}.param-row .input-group{margin-bottom:0}.button-row{display:flex;gap:12px;margin-bottom:1.5rem}.button{padding:.625rem 1rem;border:none;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s,transform .1s,box-shadow .2s;font-weight:500;position:relative;overflow:hidden}.button:active{transform:translateY(1px)}.button:focus{outline:none;box-shadow:0 0 0 2px #f2ff374d}.copy-button{background-color:var(--fs-accent);color:var(--fs-black);min-width:90px;width:max-content;text-align:center;padding:.625rem 1rem;font-weight:500;white-space:nowrap}.copy-button:hover{background-color:#d9e434}.copy-button.copy-success{background-color:var(--fs-success);color:var(--fs-white)}.copy-button.copy-success:after{content:"✓";margin-left:6px}.terminal-command .copy-button{flex-shrink:0;align-self:flex-start;font-size:.75rem}.modal-buttons .copy-button{flex:1}.add-button{background-color:var(--fs-accent);color:var(--fs-black)}.add-button:hover{background-color:#d9e434}.reset-button{background-color:#2a2a2a;color:var(--fs-text-color)}.reset-button:hover{background-color:#333}.remove-button{background-color:#2a2a2a;color:#aaa;padding:.75rem;border-radius:4px;align-self:flex-end;display:flex;align-items:center;justify-content:center;font-size:.75rem}.remove-button:hover{background-color:#f4433633;color:var(--fs-error)}.generate-button{background-color:var(--fs-accent);color:var(--fs-black);width:100%;padding:.75rem;font-size:1rem}.generate-button:hover{background-color:#d9e434}.generate-button:disabled{background-color:#2a2a2a;color:#666;cursor:not-allowed;box-shadow:none;opacity:.7}.generate-button:disabled:hover{background-color:#2a2a2a;transform:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background-color:var(--fs-card-background);padding:1.5rem;border-radius:8px;width:90%;max-width:600px;box-shadow:0 4px 20px #0000004d}.modal-content{margin-bottom:1.5rem}.modal-content h3{margin-top:0;margin-bottom:1rem;font-size:1.25rem;color:var(--fs-text-color);font-weight:500}.result-url{margin-bottom:1rem;position:relative;display:flex;flex-direction:column;gap:8px}.result-url code{font-family:monospace;word-break:break-all;background-color:var(--fs-code-background);padding:1rem;border-radius:4px;color:var(--fs-text-color);border:1px solid var(--fs-border-color)}.copy-indicator{color:var(--fs-success);font-size:.75rem;font-weight:500;background-color:#4caf501a;padding:4px 8px;border-radius:4px;display:inline-block;animation:fadeIn .2s ease-in-out;margin-top:4px;align-self:flex-start}.modal-buttons{display:flex;gap:12px}.close-button{background-color:#2a2a2a;color:var(--fs-text-color);flex:1}.close-button:hover{background-color:#333}.documentation{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--fs-border-color)}.documentation h3{font-size:1.25rem;margin-top:0;margin-bottom:1rem;color:var(--fs-text-color);font-weight:500}.param-docs{border-top:1px solid var(--fs-border-color);padding-top:1.5rem;margin-bottom:1.5rem;font-size:.875rem;line-height:1.5;color:var(--fs-text-color)}.param-docs strong{font-weight:500;display:inline-block;margin-bottom:.25rem}.code-block{background-color:var(--fs-code-background);padding:.75rem 1rem;border-radius:4px;font-family:monospace;font-size:.875rem;margin:.5rem 0 1rem;overflow-x:auto;white-space:pre-wrap;color:var(--fs-text-color);border:1px solid var(--fs-border-color)}.param-docs code{font-family:monospace;background-color:var(--fs-code-background);padding:.125rem .25rem;border-radius:3px;font-size:.8125rem;color:var(--fs-text-color)}.error-message{color:var(--fs-error);font-size:.75rem;margin-top:.25rem;animation:fadeIn .2s ease-in-out;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.generate-button.has-errors:disabled{background-color:#f443361a;color:var(--fs-error)}.fs-accent{background-color:var(--fs-accent);height:4px;width:60px;margin:1rem 0}.code-command{display:flex;flex-direction:row;align-items:center;background-color:var(--fs-code-background);padding:.75rem 1rem;border-radius:4px;border:1px solid var(--fs-border-color);margin:.5rem 0 1rem;position:relative;overflow:hidden}.code-command code{font-family:monospace;color:var(--fs-text-color);font-size:.875rem;white-space:pre-wrap;word-break:break-all;flex-grow:1;padding-right:.75rem;max-width:calc(100% - 70px)}@media (max-width: 600px){#root{padding:1rem}.converter-container{padding:1.5rem}.param-row{grid-template-columns:1fr;gap:8px}.remove-button{margin-top:8px;justify-self:flex-end}.terminal-command{flex-direction:column;align-items:stretch;gap:12px}.terminal-command code{max-width:100%;padding-right:0}.terminal-command .copy-button{align-self:stretch;width:100%;max-width:none;padding:.75rem}.modal-buttons{flex-direction:column;gap:12px}.modal-buttons .copy-button,.modal-buttons .close-button{width:100%}.code-command{flex-direction:column;align-items:stretch;gap:12px}.code-command code{max-width:100%;padding-right:0}.code-command .copy-button{align-self:stretch;width:100%;max-width:none;padding:.75rem}.image{width:100%;height:auto}.table-row{flex-direction:column}.key-cell{flex:1;border-right:none;border-bottom:1px solid var(--fs-border-color)}.key-cell,.value-cell{padding:.75rem}}.manual-steps{background-color:#f2ff371a;border-left:4px solid var(--fs-accent);padding:1rem;margin:1rem 0;border-radius:0 4px 4px 0}.manual-steps h4{margin-top:0;margin-bottom:.75rem;font-size:1rem;font-weight:500}.manual-steps ol{margin:0;padding-left:1.5rem}.manual-steps li{margin-bottom:.5rem}.manual-steps li:last-child{margin-bottom:0}.manual-steps code{background-color:#0003;padding:2px 4px;border-radius:3px;font-family:monospace;font-size:.8125rem}.table-row{display:flex;flex-direction:row;font-size:.875rem;background-color:#0003;border-radius:4px;overflow:hidden;border:1px solid var(--fs-border-color)}.key-cell,.value-cell{padding:.5rem .75rem}.key-cell{background-color:#0003;font-weight:500;flex:0 0 35%;border-right:1px solid var(--fs-border-color)}.value-cell{flex:1}.table-row code{font-family:monospace;font-size:.8125rem;word-break:break-all}.tip-box{background-color:#4caf501a;border-left:4px solid var(--fs-success);padding:1rem;margin:1.5rem 0 .5rem;border-radius:0 4px 4px 0}.tip-box h4{margin-top:0;margin-bottom:.75rem;font-size:1rem;font-weight:500;color:var(--fs-success)}.tip-box p{margin:0;font-size:.875rem}.image,img{max-width:100%;height:auto;display:block}