:root{--color-bg-light: #FAFAFA;--color-bg-white: #FFFFFF;--color-border: #E4E4E5;--color-text: #1F2937;--color-muted: #9CA3AF;--border-radius: 6px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05)}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;width:100%;font-family:Inter,sans-serif}.wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;background-color:var(--color-bg-light);padding:2rem}.header{display:flex;align-items:center;justify-content:space-between;width:100%}.title{font-size:1.5rem;font-weight:500;color:var(--color-text)}.content{display:flex;flex-direction:row;gap:2rem;width:100%;height:100%;padding:2rem 0}.input{flex:0 0 35%;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;width:100%;background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1rem}.output{flex:1;display:flex;flex-direction:column;align-items:flex-start;background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1rem;font-family:Courier New,Courier,monospace;overflow-y:auto;height:80vh;color:var(--color-text);white-space:pre-wrap;text-align:left;font-size:.875rem}.tabs{display:flex;flex-direction:row;border-bottom:1px solid var(--color-border);margin-bottom:1rem;white-space:nowrap;overflow-x:auto;background-color:var(--color-bg-white);border-radius:var(--border-radius);width:100%;justify-content:space-between}.tab{padding:.5rem 1rem;border:none;cursor:pointer;color:var(--color-text);background:none;font-weight:700;border-radius:0;transition:background-color .2s ease-in-out}.tab:hover{background-color:var(--color-bg-light)}.tab.active{border-bottom:2px solid var(--color-muted);outline:none}.tab:focus,.tab:focus-visible{outline:none;box-shadow:none}button{padding:.5rem 1rem;background-color:var(--color-text);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;font-weight:500;box-shadow:var(--shadow-sm);transition:background-color .2s ease-in-out}button:hover{background-color:#111827}button:disabled{background-color:var(--color-border);color:var(--color-muted);cursor:not-allowed}select{padding:.5rem;width:100%;background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-size:.875rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='%239CA3AF' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M5.516 7.548L10 12.032l4.484-4.484L15.9 8.964 10 14.864l-5.9-5.9z'/></svg>");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem}select:focus{outline:none;border-color:var(--color-muted)}label{display:block;margin-bottom:.25rem;color:var(--color-muted);font-size:1rem;font-weight:500}.primaryButton{padding:.5rem 1rem;background-color:var(--color-text);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;font-weight:500;box-shadow:var(--shadow-sm);transition:background-color .2s ease-in-out}.primaryButton:hover{background-color:#111827}.primaryButton:disabled{background-color:var(--color-border);color:var(--color-muted);cursor:not-allowed}.dropdown{padding:.5rem;width:100%;background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-size:.875rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='%239CA3AF' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M5.516 7.548L10 12.032l4.484-4.484L15.9 8.964 10 14.864l-5.9-5.9z'/></svg>");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem}.dropdown:focus{outline:none;border-color:var(--color-muted)}.tabContent{width:100%}.contractForm{display:flex;flex-direction:column;gap:2rem;width:100%}.inputGroup{display:flex;flex-direction:column;align-items:flex-start;width:100%}.textInput{width:100%;padding:.5rem;background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-size:.875rem;box-sizing:border-box}textarea{width:100%;padding:.5rem;background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-size:.875rem;box-sizing:border-box;resize:vertical}.line{width:100%;height:1px;margin:1rem 0}.error{color:red;font-size:.875rem;margin-top:.5rem}.success{color:green;font-size:.875rem;margin-top:.5rem}.info{color:var(--color-muted);font-size:.875rem;margin-top:.5rem}.sectionWrapper{display:flex;flex-direction:column;width:100%;box-sizing:border-box}.sectionTitle{font-size:1.1rem;font-weight:600;color:var(--color-text);border:1px solid var(--color-border);border-bottom:none;padding:.5rem 1rem;text-align:left;border-radius:var(--border-radius) var(--border-radius) 0 0}.sectionContent{display:flex;flex-direction:column;gap:1rem;width:100%;background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:0 0 var(--border-radius) var(--border-radius);padding:1rem;box-sizing:border-box;text-align:left;margin-bottom:1.5rem;color:var(--color-muted)}.diceContainer{background-color:var(--color-bg-white);display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.diceContainer button{background-color:var(--color-bg-white)}.connected{display:flex;flex-direction:column;color:var(--color-text);align-items:flex-end;gap:.25rem}.buttonGroup{display:flex;flex-direction:column;gap:.5rem;width:100%}