:root{--bg-color: #0d1117;--text-color: #c9d1d9;--border-color: #30363d;--input-bg: #161b22;--primary-color: #58a6ff;--muted-color: #8b949e}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;color:var(--text-color);margin:0;padding:20px;background-color:var(--bg-color);line-height:1.5}#header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}#header h1{margin:0;font-size:2rem}#header p{color:var(--muted-color)}#content{max-width:1000px;margin:0 auto}.input-section{margin-bottom:40px}#codeInput{width:100%;min-height:100px;padding:15px;border:1px solid var(--border-color);border-radius:6px;background-color:var(--input-bg);color:var(--text-color);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:14px;resize:none;-moz-box-sizing:border-box;box-sizing:border-box;overflow-y:hidden}#codeInput::-webkit-input-placeholder{color:var(--muted-color)}#codeInput::-moz-placeholder{color:var(--muted-color)}#codeInput::placeholder{color:var(--muted-color)}#codeInput:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(88,166,255,.3)}.results-section{display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;gap:20px}.code-block-container{border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.code-block-header{background-color:var(--input-bg);padding:8px 15px;font-size:12px;border-bottom:1px solid var(--border-color);color:var(--muted-color);font-family:monospace}.code-block-header span[title]{cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.code-block-content{padding:16px;overflow-x:auto;font-size:14px;line-height:1.45}.markdown-body{padding:0;background-color:transparent}.markdown-body pre{margin:0;background-color:var(--input-bg)}#status{text-align:center;font-style:italic;color:var(--muted-color);margin-bottom:20px}#status a{color:var(--primary-color);text-decoration:none}#status a:hover{text-decoration:underline}.token-section{margin-top:10px;border:1px solid var(--border-color);border-radius:6px;background-color:var(--input-bg);overflow:hidden}.token-toggle{display:-moz-box;display:flex;-moz-box-align:center;align-items:center;padding:6px 12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:13px;color:var(--muted-color);-moz-transition:color .1s ease-out;transition:color .1s ease-out}.token-toggle:hover{color:var(--text-color)}.token-arrow{margin-right:8px;font-size:10px;-moz-transition:transform .2s ease-out,-moz-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-moz-transform .2s ease-out;display:inline-block}.token-section.open .token-arrow{-moz-transform:rotate(90deg);transform:rotate(90deg)}.token-toggle-text{-moz-box-flex:1;flex-grow:1;text-align:center;margin-right:18px}.token-input-container{max-height:0;opacity:0;overflow:hidden;padding:0 12px;border-top:1px solid transparent;-moz-transition:max-height .3s ease-in-out,opacity .3s ease-in-out,padding .3s ease-in-out,border-top-color .3s ease-in-out;transition:max-height .3s ease-in-out,opacity .3s ease-in-out,padding .3s ease-in-out,border-top-color .3s ease-in-out}.token-section.open .token-input-container{max-height:100px;opacity:1;padding:10px 12px 12px;border-top-color:var(--border-color)}#tokenInput{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-color);color:var(--text-color);font-family:monospace;font-size:13px;-moz-box-sizing:border-box;box-sizing:border-box}#tokenInput:focus{outline:none;border-color:var(--primary-color)}