body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#7dd3fc;--primary-hover:#38bdf8;--primary-dark:#0ea5e9;--neutral-100:#0a0a0a;--neutral-200:#1a1a1a;--neutral-300:#1e1e1e;--neutral-400:#282c34;--neutral-500:#333;--neutral-600:#444;--neutral-700:#555;--neutral-800:#666;--neutral-900:#888;--danger:#f44;--danger-dark:#d32f2f;--danger-hover:#2a0000;--success:#4caf50;--warning:#ff9800;--info:#007bff;--bg-app:var(--neutral-400);--bg-panel:var(--neutral-200);--bg-panel-alt:var(--neutral-300);--bg-input:var(--neutral-100);--bg-result:var(--neutral-300);--bg-textarea:#fff;--bg-hover:#2a2a2a;--bg-active:var(--neutral-500);--bg-disabled:var(--neutral-600);--bg-loading:var(--neutral-800);--border-primary:var(--neutral-500);--border-hover:var(--neutral-700);--border-active:var(--neutral-600);--text-primary:#fff;--text-secondary:var(--neutral-900);--text-muted:var(--neutral-900);--text-disabled:var(--neutral-700);--text-placeholder:var(--neutral-800);--text-dark:#333;--text-info:#6c757d;--transparent:#0000;--overlay-light:#ffffff1a;--overlay-medium:#ffffff26;--overlay-card:#fff3;--overlay-card-border:#ffffff4d;--shadow:#0000004d;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.25rem;--spacing-2xl:2rem;--font-xs:0.6875rem;--font-sm:0.75rem;--font-md:0.8125rem;--font-base:0.875rem;--font-lg:1rem;--font-xl:1.25rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--gradient-purple:linear-gradient(135deg,#667eea,#764ba2)}body,html{margin:0;padding:0}.App,body,html{height:100vh;overflow:hidden}.App{text-align:center}.App-header{align-items:center;background-color:var(--bg-app);box-sizing:border-box;color:var(--text-primary);display:flex;flex-direction:column;font-size:calc(10px + 2vmin);height:100vh;justify-content:flex-start;overflow-y:auto;padding-top:30px}.tab-navigation{border-bottom:1px solid #fff3;display:flex;gap:0;justify-content:center;margin-bottom:40px;margin-top:80px;padding-bottom:0}.tab-button{background-color:initial;border:none;border-radius:8px 8px 0 0;color:#ffffffb3;cursor:pointer;font-size:18px;font-weight:600;margin-bottom:-1px;min-width:160px;padding:16px 32px;position:relative;transition:background-color .3s ease,color .3s ease,border-color .3s ease;width:auto}.tab-button:hover{background-color:#ffffff0d;color:var(--text-primary)}.tab-button.active{background-color:#61dafb1a;border-bottom:3px solid var(--primary);color:var(--primary)}.tab-button.active:before{background:linear-gradient(180deg,#61dafb26,#0000);border-radius:8px 8px 0 0;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.tab-content{max-width:600px;padding:20px;width:100%}.utilities-container{padding:40px 20px;text-align:center}.utilities-container h2{margin-bottom:16px}.utilities-container p{color:var(--text-primary);font-size:16px;opacity:.7}.component-container{margin:0 auto;max-width:100%;text-align:center;width:600px}.base-textarea{background-color:var(--bg-textarea);border:1px solid var(--border-hover);border-radius:8px;box-sizing:border-box;color:var(--text-dark);font-family:monospace;font-size:14px;line-height:1.4;max-width:100%;padding:15px;resize:vertical;width:600px;word-break:break-all}.component-textarea{max-height:15vh;min-height:8vh}.component-button{background-color:var(--primary);border:none;border-radius:8px;color:var(--bg-app);cursor:pointer;font-size:16px;font-weight:700;padding:15px 40px;transition:background-color .3s ease;white-space:nowrap;width:180px}.component-button:hover{background-color:var(--primary-dark)}.base-result-container{background-color:var(--bg-result);border-radius:5px;margin:20px auto 0;max-width:600px;padding:15px;position:relative;text-align:left;width:100%}.result-container{display:flex;flex-direction:column;max-height:50vh;overflow:hidden}.result-body{flex:1 1;min-height:0;overflow-y:auto}.base-result-content{color:var(--text-primary);font-size:11px;line-height:1.4;margin:0;white-space:pre-wrap;word-break:break-word}.result-content{height:100%;overflow:visible}.encode-textarea{max-height:70vh;min-height:50vh}.encode-result-container{min-height:60px}.encode-result-content{max-height:120px;overflow:auto}.toast{animation:slideDown .3s ease-out;border-radius:8px;box-shadow:0 4px 12px var(--shadow);color:var(--text-primary);font-size:14px;font-weight:700;left:50%;padding:12px 20px;position:fixed;top:30px;transform:translateX(-50%);z-index:1000}.toast.success{background-color:var(--success)}.toast.error{background-color:var(--danger);border:2px solid var(--danger-dark);box-shadow:0 4px 12px #f443364d;font-weight:700}.encode-layout{display:flex;gap:12px;padding:0 12px}.encode-sidebar::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}.form-row{display:flex;gap:20px;margin-bottom:12px}.form-row .form-group{flex:1 1}.form-group{margin-bottom:15px}.form-label{align-items:center;color:var(--primary);display:flex;font-size:14px;font-weight:700;gap:8px;margin-bottom:8px}.required-asterisk{color:var(--danger);font-weight:700}.foundry-input-white{background-color:var(--bg-textarea);border:1px solid var(--border-hover);border-radius:8px;box-sizing:border-box;color:var(--text-dark);font-family:monospace;font-size:14px;height:40px;padding:12px;transition:border-color .3s ease;width:100%}.foundry-input-white:focus{border-color:var(--primary);box-shadow:0 0 8px #61dafb4d;outline:none}.submit-section{margin-top:20px}.api-key-info{align-items:center;color:var(--text-info);display:flex;font-size:12px;gap:4px;margin-top:-8px}.api-key-link{color:var(--info);text-decoration:none}.api-key-link:hover{text-decoration:underline}.simulation-success-card{margin-top:20px}.tenderly-card{background:var(--gradient-purple);border-radius:12px;box-shadow:0 8px 32px #667eea4d;color:var(--text-primary);padding:20px}.card-header{margin-bottom:15px}.card-header,.card-icon{align-items:center;display:flex}.card-icon{background-color:var(--overlay-card);border-radius:50%;font-size:20px;height:40px;justify-content:center;margin-right:15px;width:40px}.card-content h3{font-size:18px;font-weight:700;margin:0 0 5px}.card-content p{font-size:14px;margin:0;opacity:.9}.tenderly-link{background-color:var(--overlay-card);border:2px solid var(--overlay-card-border);border-radius:8px;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;padding:12px 24px;transition:all .3s ease}.tenderly-link,.tenderly-link:hover{color:var(--text-primary);text-decoration:none}.tenderly-link:hover{background-color:var(--overlay-card-border);transform:translateY(-2px)}@media (max-width:1200px){.encode-layout{display:flex;flex-direction:column;gap:16px}.encode-sidebar{left:auto;max-height:400px;max-width:100%;min-width:auto;order:2;position:static;top:auto;transform:none;width:100%}.encode-main-section{display:block;order:1}}@media (max-width:1024px){.encode-sidebar{max-height:350px}}@media (max-width:768px){.encode-sidebar{max-height:300px}.form-row{flex-direction:column;gap:0}}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.loading-button{overflow:hidden;position:relative;transition:all .3s ease}.loading-button.loading{background-color:var(--bg-loading)!important;cursor:not-allowed}.loading-button.success{animation:successPulse .6s ease-out;background-color:var(--success)!important;min-width:180px;width:180px}.loading-button.error{animation:errorPulse .6s ease-out;background-color:var(--danger)!important;color:var(--text-primary)!important;min-width:180px;width:180px}.loading-button.disabled{background-color:var(--bg-disabled)!important;cursor:not-allowed;opacity:.6}.button-content{align-items:center;display:flex;gap:8px;justify-content:center;min-height:24px;width:100%}.loading-content .spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.success-content .success-icon{animation:bounceIn .6s ease-out}.copy-button{background:var(--overlay-light);border:1px solid var(--overlay-card);border-radius:6px;color:var(--success);cursor:pointer;font-size:14px;padding:8px 12px;position:relative;transition:all .2s ease}.copy-button:hover{background:var(--overlay-medium);box-shadow:0 2px 8px #4caf504d;transform:translateY(-1px)}.copy-button:active{transform:translateY(0)}.button-row{gap:12px;justify-content:center;margin:16px 0}.button-row,.result-header{align-items:center;display:flex}.result-header{border-bottom:1px solid var(--border-primary);flex-shrink:0;justify-content:space-between;margin-bottom:4px;padding-bottom:4px}.result-title{color:var(--primary);font-size:14px;font-weight:700}.result-actions{align-items:center;display:flex;gap:8px}.result-actions .copy-button,.result-actions .edit-button{align-items:center;display:flex;font-size:14px;height:32px;justify-content:center;min-width:60px;padding:6px 12px}.result-actions .copy-button{border-color:#4caf504d;color:var(--success)}.result-actions .copy-button:hover{box-shadow:0 2px 8px #4caf504d}.result-actions .edit-button{border-color:#ff98004d;color:var(--warning)}.result-actions .edit-button:hover{box-shadow:0 2px 8px #ff98004d}.result-actions .find-height-button{border-color:#007bff4d;color:var(--info)}.result-actions .find-height-button:hover{box-shadow:0 2px 8px #007bff4d}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes errorPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.button-row{flex-direction:column;gap:8px}}.flow-diagram-wrapper{width:100%}.flow-diagram-container{animation:flowFadeIn .3s ease;background:var(--bg-result);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:16px}@keyframes flowFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.flow-diagram-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:8px}.flow-diagram-title{color:var(--primary);font-size:var(--font-base);font-weight:700}.flow-diagram-actions{display:flex;gap:8px}.flow-copy-mermaid-btn{background:var(--overlay-light);border:1px solid var(--overlay-card);border-radius:var(--radius-md);color:var(--info);cursor:pointer;font-size:var(--font-sm);padding:4px 10px;transition:all .2s ease}.flow-copy-mermaid-btn:hover{background:var(--overlay-medium);box-shadow:0 2px 6px #007bff33;transform:translateY(-1px)}.flow-expand-btn{background:var(--overlay-light);border:1px solid var(--overlay-card);border-radius:var(--radius-md);color:var(--primary);cursor:pointer;font-size:var(--font-sm);padding:4px 10px;transition:all .2s ease}.flow-expand-btn:hover{background:var(--overlay-medium);box-shadow:0 2px 6px #7dd3fc33;transform:translateY(-1px)}.flow-fullscreen-overlay{align-items:center;animation:flowFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.flow-fullscreen-content{animation:flowScaleIn .2s ease;background:var(--neutral-300);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 24px 64px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:1400px;overflow:hidden;width:92vw}@keyframes flowScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.flow-fullscreen-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;flex-shrink:0;justify-content:space-between;padding:14px 20px}.flow-fullscreen-title{color:var(--primary);font-size:var(--font-lg);font-weight:700}.flow-fullscreen-actions{align-items:center;display:flex;gap:8px}.flow-fullscreen-close{align-items:center;background:var(--overlay-light);border:1px solid var(--overlay-card);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .15s ease;width:32px}.flow-fullscreen-close:hover{background:var(--danger);border-color:var(--danger);transform:scale(1.1)}.flow-fullscreen-content .flow-legend{flex-shrink:0;padding:10px 20px 0}.flow-fullscreen-svg{flex:1 1;min-height:200px}.zoomable-container{display:flex;flex-direction:column;overflow:hidden}.zoom-controls{flex-shrink:0;gap:6px;padding:6px 20px;-webkit-user-select:none;user-select:none}.zoom-btn,.zoom-controls{align-items:center;display:flex}.zoom-btn{background:var(--overlay-light);border:1px solid var(--overlay-card);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:16px;font-weight:700;height:28px;justify-content:center;transition:all .15s ease;width:28px}.zoom-btn:hover{background:var(--overlay-medium);transform:scale(1.05)}.zoom-btn.zoom-reset{font-size:var(--font-sm);font-weight:600;padding:0 10px;width:auto}.zoom-level{color:var(--text-secondary);font-family:monospace;font-size:var(--font-sm);min-width:40px;text-align:center}.zoomable-viewport{flex:1 1;overflow:hidden;position:relative}.zoomable-content{align-items:center;display:flex;justify-content:center;min-height:100%;min-width:100%;transform-origin:center center}.zoomable-content svg{height:auto!important;max-width:none!important}.flow-fullscreen-breakdown{border-top:1px solid var(--border-primary);flex-shrink:0;margin:0;max-height:35vh;overflow-y:auto;padding:12px 20px 16px}.flow-legend{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.flow-legend-item{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-sm);gap:6px}.flow-legend-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.flow-legend-start{background:#0d3320;border:2px solid #4caf50}.flow-legend-intermediate{background:#1e293b;border:2px solid #38bdf8}.flow-legend-end{background:#3d1a00;border:2px solid #ff9800}.flow-legend-trimcharge{background:#3d1a1a;border:2px solid #dc2626}.flow-diagram-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-base);gap:10px;justify-content:center;padding:24px}.flow-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top:2px solid var(--primary);height:18px;width:18px}.flow-diagram-error{background:var(--danger-hover);border:1px solid var(--danger);border-radius:var(--radius-md);color:var(--danger);font-size:var(--font-sm);padding:12px;text-align:center}.flow-diagram-svg-container{margin-bottom:12px;overflow-x:auto;padding:8px 0}.flow-diagram-svg{display:flex;justify-content:center}.flow-diagram-svg svg{height:auto;max-width:100%}.flow-breakdown{border-top:1px solid var(--border-primary);padding-top:12px}.flow-breakdown-title{color:var(--primary);font-size:var(--font-base);font-weight:700;margin-bottom:10px}.flow-breakdown-edge{border:1px solid var(--border-primary);border-radius:var(--radius-md);margin-bottom:6px;overflow:visible;position:relative}.flow-breakdown-edge:hover{z-index:10}.flow-breakdown-edge-header{align-items:center;background:#ffffff08;cursor:pointer;display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px;transition:background .15s ease}.flow-breakdown-edge-header:hover{background:#ffffff0f}.flow-edge-toggle{color:var(--text-secondary);font-size:10px;width:12px}.flow-edge-label{align-items:center;color:var(--text-primary);display:flex;flex:1 1;flex-wrap:wrap;font-family:monospace;font-size:var(--font-md);font-weight:600;min-width:0}.flow-edge-arrow{color:var(--text-secondary);margin:0 2px}.flow-edge-token{color:var(--text-primary)}.flow-edge-token-copyable{color:var(--primary);font-weight:600}.flow-edge-badge{border-radius:10px;font-size:var(--font-xs);font-weight:600;padding:2px 8px;white-space:nowrap}.flow-edge-pct{background:#7dd3fc26;color:var(--primary)}.flow-edge-count{background:#4caf5026;color:var(--success)}.flow-breakdown-routes{overflow:visible;padding:0}.flow-routes-table{border-collapse:collapse;font-family:monospace;font-size:var(--font-xs);width:100%}.flow-routes-table thead{background:#ffffff0d}.flow-routes-table th{border-bottom:1px solid var(--border-primary);color:var(--text-secondary);font-weight:600;padding:6px 8px;text-align:center;white-space:nowrap}.flow-routes-table td{border-bottom:1px solid #ffffff0a;color:var(--text-primary);padding:5px 8px;text-align:center}.flow-routes-table tbody tr:hover{background:#ffffff08}.flow-routes-table tbody tr:last-child td{border-bottom:none}.flow-route-num{color:var(--text-secondary);text-align:center;width:24px}.flow-route-addr{color:var(--primary);position:relative}.flow-addr-copyable{cursor:pointer;position:relative;transition:color .15s ease}.flow-addr-copyable:hover{color:#fff;text-decoration:underline}.flow-addr-tooltip{background:var(--neutral-100);border:1px solid var(--border-primary);border-radius:var(--radius-md);bottom:calc(100% + 6px);box-shadow:0 4px 12px #0006;color:var(--text-primary);display:none;font-size:var(--font-xs);padding:5px 10px;pointer-events:none;white-space:nowrap;z-index:9999}.flow-addr-tooltip,.flow-addr-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.flow-addr-tooltip:after{border:5px solid #0000;border-top:5px solid var(--border-primary);content:"";top:100%}.flow-addr-copyable:hover .flow-addr-tooltip{display:block}.flow-route-addr-text,.flow-route-pct{color:var(--text-secondary)}.commission-trim-details{border-top:1px solid var(--border-primary);margin-top:16px;padding-top:12px}.details-section{margin-bottom:16px}.details-section:last-child{margin-bottom:0}.details-title{color:var(--primary);font-size:var(--font-base);font-weight:700;margin-bottom:8px}.details-table{background:#ffffff05;border-collapse:collapse;border-radius:var(--radius-md);font-family:monospace;font-size:var(--font-xs);overflow:hidden;table-layout:fixed;width:100%}.details-table td:first-child,.details-table th:first-child{width:25%}.details-table td:nth-child(2),.details-table th:nth-child(2){width:50%}.details-table td:nth-child(3),.details-table th:nth-child(3){width:25%}.details-table thead{background:#ffffff0d}.details-table th{border-bottom:1px solid var(--border-primary);color:var(--text-secondary);font-weight:600;padding:8px 10px;text-align:center;white-space:nowrap}.details-table td{border-bottom:1px solid #ffffff0a;color:var(--text-primary);padding:6px 10px;text-align:center}.details-table tbody tr:hover{background:#ffffff08}.details-table tbody tr:last-child td{border-bottom:none}.details-address{color:var(--primary);cursor:pointer;transition:color .15s ease}.details-address:hover{color:#fff;text-decoration:underline}.commission-panel,.trim-panel{background:var(--bg-panel);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-sizing:border-box;margin-bottom:var(--spacing-md);overflow:hidden;padding:0;width:420px}.panel-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.panel-title{color:var(--text-primary);font-size:var(--font-base);font-weight:500}.panel-content{padding:var(--spacing-lg) var(--spacing-xl)}.panel-input{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-md);min-width:0;padding:.625rem .875rem;transition:all .2s ease}.panel-input:focus{border-color:var(--border-hover);outline:none}.panel-input::placeholder{color:var(--text-placeholder)}.panel-input::-webkit-inner-spin-button,.panel-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.rate-input-small{flex:0 0 5rem;min-width:5rem;width:5rem}.rate-input-wrapper{align-items:center;display:flex;position:relative}.rate-input-wrapper .rate-input-small{padding-right:1.5rem;width:100%}.rate-input-wrapper .rate-unit{color:var(--text-muted);font-size:var(--font-sm);pointer-events:none;position:absolute;right:.5rem;-webkit-user-select:none;user-select:none}.tob-toggle{background:var(--transparent);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:var(--font-xs);min-width:3.75rem;padding:var(--spacing-sm) var(--spacing-lg);text-align:center;transition:all .15s ease;white-space:nowrap}.tob-toggle.active{background:var(--primary);color:var(--bg-panel)}.tob-toggle:hover:not(.active){background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.token-toggle-group{border:1px solid var(--border-primary);border-radius:var(--radius-sm);display:flex;flex-shrink:0;overflow:hidden;width:5.625rem}.token-toggle{background:var(--transparent);border:none;border-right:1px solid var(--border-primary);color:var(--text-muted);cursor:pointer;flex:1 1;font-size:var(--font-xs);padding:var(--spacing-sm) 0;text-align:center;transition:all .15s ease;white-space:nowrap}.token-toggle:last-child{border-right:none}.token-toggle.active{background:var(--primary);color:var(--bg-panel)}.token-toggle:hover:not(.active){background:var(--bg-hover);color:var(--text-primary)}.add-button{background:var(--transparent);border:none;color:var(--primary);cursor:pointer;font-size:var(--font-md);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.add-button:hover:not(:disabled){color:var(--primary-hover)}.add-button:disabled{color:var(--text-disabled);cursor:not-allowed;opacity:.5}.remove-button{align-items:center;background:var(--transparent);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-xl);height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.remove-button:hover{background:var(--danger-hover);border-color:var(--danger);color:var(--danger)}.generate-button{background:var(--primary);border:none;border-radius:var(--radius-md);color:var(--bg-panel);cursor:pointer;font-size:var(--font-md);font-weight:600;margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease;width:100%}.generate-button:hover{background:var(--primary-hover)}.generate-button:active{transform:scale(.98)}.sidebar-buttons{display:flex;gap:var(--spacing-sm);width:420px}.reset-button{background:var(--neutral-500);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;flex:1 1;font-size:var(--font-md);font-weight:600;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease}.reset-button:hover{background:var(--neutral-600);border-color:var(--border-hover);color:var(--text-primary)}.reset-button:active{transform:scale(.98)}.sidebar-buttons .generate-button{flex:1 1;margin-top:0}.token-address-row{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.token-address-row .panel-input{flex:1 1;min-width:0}.commissions-list{flex-direction:column}.commission-item,.commissions-list{display:flex;gap:var(--spacing-sm);width:100%}.commission-item{align-items:center;box-sizing:border-box}.commission-item .panel-input{flex:1 1 auto;min-width:0}.trim-section{margin-bottom:.625rem}.section-subtitle{color:var(--text-muted);font-size:var(--font-sm);margin-bottom:var(--spacing-sm);text-align:left}.trim-row{align-items:center;display:flex;gap:var(--spacing-sm)}.trim-row .panel-input.rate-input-small{flex:0 0 5rem}.trim-type-toggle{border:1px solid var(--border-primary);border-radius:var(--radius-sm);display:flex;flex-shrink:0;overflow:hidden}.trim-type-toggle .tob-toggle{border:none;border-radius:0;min-width:2.5rem}.trim-type-toggle .tob-toggle:first-child{border-right:1px solid var(--border-primary)}.trim-section>.panel-input{display:block;max-width:100%;width:auto}.functions-panel{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-md)}.functions-panel select{width:auto}.functions-panel .foundry-input-white{background-color:var(--bg-panel-alt);color:var(--text-primary);line-height:normal;padding-bottom:10px;padding-top:10px}@media (max-width:768px){.commission-panel,.trim-panel{margin-left:auto;margin-right:auto;width:100%}.panel-content,.panel-header{padding:var(--spacing-md) var(--spacing-lg)}}@media (max-width:480px){.commission-item,.token-address-row,.trim-row{flex-direction:column;gap:var(--spacing-sm)}.rate-input-small{flex:1 1;max-width:100%;width:100%}.panel-input,.tob-toggle,.token-toggle-group{width:100%}}.utilities-container{margin:0 auto;max-width:600px;padding:20px;width:100%}.utilities-container h2{color:var(--primary);font-size:28px;margin-bottom:8px;text-align:center}.utilities-description{color:var(--text-primary);font-size:14px;margin-bottom:30px;opacity:.7;text-align:center}.utility-section{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:24px}.chain-rpc-row{display:flex;gap:16px;margin-bottom:20px}.chain-select-group,.rpc-url-group{flex:1 1;margin-bottom:0!important}@media (max-width:500px){.chain-rpc-row{flex-direction:column;gap:12px}.chain-select-group{flex:1 1}}.timestamp-input-row{align-items:center;display:flex;gap:8px}.timestamp-input-row .timestamp-input{flex:1 1;min-width:0}.hour-adjust-btn{background-color:#61dafb26;border:1px solid #61dafb4d;border-radius:6px;color:var(--primary);cursor:pointer;font-size:12px;font-weight:600;padding:10px 12px;transition:background-color .2s ease,border-color .2s ease;white-space:nowrap}.hour-adjust-btn:hover{background-color:#61dafb40;border-color:var(--primary)}.timestamp-preview{background-color:#61dafb1a;border:1px solid #61dafb33;border-radius:8px;display:flex;flex-direction:column;gap:4px;margin-top:20px;padding:12px 16px}.preview-label{color:var(--primary);font-size:12px;font-weight:600}.preview-value{color:var(--text-primary);font-family:monospace;font-size:14px;word-break:break-all}.utilities-container .form-group{margin-bottom:20px}.utilities-container .form-label{font-size:14px}.utilities-container .foundry-input-white{width:100%}.utilities-container select.foundry-input-white{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23666' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.block-result{background-color:#4caf501a;border:1px solid #4caf504d;border-radius:8px;cursor:pointer;margin-top:20px;padding:16px;transition:background-color .2s ease,border-color .2s ease}.block-result:hover{background-color:#4caf5026;border-color:#4caf5080}.block-result .copy-hint{color:#ffffff80;display:block;font-size:11px;margin-top:8px}.result-row{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.result-row:last-child{margin-bottom:0}.result-label{color:var(--success);font-size:12px;font-weight:600}.result-value{color:var(--text-primary);font-family:monospace;font-size:14px;word-break:break-all}.result-value.hash{font-size:12px}.search-loading{background-color:#61dafb1a;border:1px solid #61dafb33;border-radius:8px;color:var(--primary);text-align:center}.search-error,.search-loading{font-size:14px;margin-top:20px;padding:12px 16px}.search-error{background-color:#f443361a;border:1px solid #f443364d;border-radius:8px;color:var(--danger)}.section-title{color:var(--primary);font-size:18px;margin-bottom:16px;margin-top:0}.utilities-container .utility-section+.utility-section{margin-top:24px}.checksum-result{background-color:#4caf501a;border:1px solid #4caf504d;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;margin-top:16px;padding:16px;transition:all .2s ease}.checksum-result:hover{background-color:#4caf5026;border-color:#4caf5080}.checksum-result .result-label{color:var(--success);font-size:12px;font-weight:600}.checksum-result .result-value{color:var(--text-primary);font-family:monospace;font-size:14px;word-break:break-all}.checksum-result .copy-hint{color:#ffffff80;font-size:11px;margin-top:4px}.topic0-result{background-color:#9c27b01a;border:1px solid #9c27b04d;border-radius:8px;cursor:pointer;margin-top:16px;padding:16px;transition:all .2s ease}.topic0-result:hover{background-color:#9c27b026;border-color:#9c27b080}.topic0-result .result-row{margin-bottom:8px}.topic0-result .result-row:last-of-type{margin-bottom:0}.topic0-result .result-label{color:#ce93d8;font-size:12px;font-weight:600}.topic0-result .result-value{color:var(--text-primary);font-family:monospace;font-size:13px;word-break:break-all}.topic0-result .copy-hint{color:#ffffff80;display:block;font-size:11px;margin-top:8px}
/*# sourceMappingURL=main.bec513d3.css.map*/