*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #f2f0eb;--bg-secondary: #e9e6e0;--bg-surface: #dddad3;--bg-input: #ffffff;--border-color: #d1cdc5;--border-focus: #8a7e6b;--text-primary: #2c2a26;--text-secondary: #6b665c;--text-muted: #a39e93;--accent-add: #8a7e6b;--accent-add-hover: #6b665c;--accent-remove: #8a7e6b;--accent-remove-hover: #6b665c;--accent-read: #3a6b9f;--accent-read-hover: #2f5a87;--accent-write: #fb8c00;--accent-write-hover: #b85d00;--accent-payable: #b22222;--action-neutral: #2c2a26;--action-neutral-hover: #4a4844;--accent-connect: transparent;--accent-connect-hover: rgba(0, 0, 0, .04);--error: #c44040;--success: #3ea87a;--radius-sm: 5px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}.app-container{max-width:1600px;margin:0 auto;padding:24px 24px 48px}.top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;max-width:1050px;gap:10px;margin-left:auto;margin-right:auto;padding-left:50px;padding-right:50px}.hero{text-align:center;padding:48px 0 44px}.hero-title{font-family:"Press Start 2P",cursive;font-size:30px;letter-spacing:1px;color:var(--text-primary);margin-bottom:32px;line-height:1.6}.hero-search{max-width:680px;margin:0 auto}.chain-dropdown{position:relative}.chain-trigger{display:flex;align-items:center;gap:8px;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:10px 14px;font-size:14px;font-family:inherit;font-weight:500;cursor:pointer;outline:none;transition:border-color .2s,box-shadow .2s;box-shadow:var(--shadow-sm);white-space:nowrap}.chain-trigger:hover,.chain-trigger:focus-visible{border-color:var(--border-focus);box-shadow:0 0 0 3px #8a7e6b1f}.chain-trigger-label{pointer-events:none}.chain-trigger-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s ease}.chain-trigger-chevron--open{transform:rotate(180deg)}.chain-menu-wrapper{position:absolute;top:calc(100% + 6px);left:0;min-width:100%;width:max-content;z-index:50;display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease,opacity .25s ease;opacity:0;pointer-events:none}.chain-menu-wrapper--open{grid-template-rows:1fr;opacity:1;pointer-events:auto}.chain-menu-inner{overflow:hidden;min-height:0;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 8px 24px #0000001a}.chain-menu{max-height:260px;overflow-y:auto;list-style:none;padding:4px;-ms-overflow-style:none;scrollbar-width:none}.chain-menu::-webkit-scrollbar{display:none}.chain-menu-item{padding:9px 14px;font-size:14px;font-family:inherit;color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:background .12s;white-space:nowrap}.chain-menu-item:hover{background:var(--bg-primary)}.chain-menu-item--active{font-weight:600;background:var(--bg-secondary)}.connect-btn:hover,.connect-btn:focus-visible{border-color:var(--border-focus)!important;box-shadow:0 0 0 3px #8a7e6b1f!important}.search-form{display:flex;align-items:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s,box-shadow .2s;box-shadow:var(--shadow-md)}.search-form:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px #8a7e6b1f}.search-input{flex:1;background:transparent;border:none;color:var(--text-primary);padding:14px 18px;font-size:15px;font-family:SF Mono,Fira Code,Courier New,monospace;outline:none;min-width:0}.search-input::placeholder{color:var(--text-muted)}.search-submit{background:transparent;border:none;color:var(--text-muted);padding:14px 16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s}.search-submit:hover{color:var(--text-primary)}.search-submit svg{width:20px;height:20px}.search-error{margin:8px auto 0;width:fit-content}.functions-list{display:flex;flex-direction:column;align-items:center;gap:14px}.function-card-container{width:100%;display:grid;grid-template-columns:1fr minmax(auto,680px) 1fr;align-items:flex-start}.fn-card-wrapper{grid-column:2;position:relative;width:690px;display:flex}.fn-card{width:100%;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:0;transition:border-color .2s,box-shadow .2s;box-shadow:var(--shadow-sm);overflow:hidden}.fn-card:hover{border-color:#c2bdb4;box-shadow:var(--shadow-md)}.fn-header{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;padding:14px 20px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.fn-header:hover{background:#00000005}.fn-chevron{margin-left:auto;color:var(--text-muted);display:flex;align-items:center;transition:transform .25s ease}.fn-chevron--open{transform:rotate(180deg)}.fn-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.fn-body--open{grid-template-rows:1fr}.fn-body-inner{overflow:hidden;min-height:0}.fn-body-inner>:first-child{margin-top:12px}.fn-body-inner>:last-child{margin-bottom:16px}.fn-inputs,.fn-actions{padding-left:20px;padding-right:20px}.fn-card--open .fn-header{border-bottom:1px solid var(--border-color)}.fn-name-btn{border:none;border-radius:var(--radius-sm);padding:7px 18px;font-size:13px;font-family:inherit;font-weight:600;color:#fff;cursor:default;letter-spacing:.3px;pointer-events:none}.fn-name-btn--read{background:var(--accent-read)}.fn-name-btn--write{background:var(--accent-write)}.fn-name-btn--payable{background:var(--accent-payable)}.fn-params{font-size:13px;color:var(--text-secondary);font-family:SF Mono,Fira Code,Courier New,monospace;max-width:60%;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.fn-inputs{margin-top:12px;display:flex;flex-direction:column;gap:8px}.fn-actions{margin-top:12px;display:flex;flex-direction:column;align-items:flex-end}.ai-explain-wrapper{grid-column:3;display:flex;position:relative;margin-left:12px;align-items:flex-start}.ai-explain-toggle{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s;box-shadow:var(--shadow-sm)}.ai-explain-toggle:hover,.ai-explain-toggle.active{border-color:#c2bdb4;box-shadow:var(--shadow-md);background:var(--bg-primary)}.ai-explain-panel{position:absolute;top:0;left:44px;width:300px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:50;overflow:hidden;animation:fadeIn .2s ease}.ai-explain-content .explanation{display:flex;flex-direction:column;gap:14px}.ai-explain-content .summary{font-size:13px;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px 12px;line-height:1.55}.ai-explain-content h4{font-size:11px;letter-spacing:.6px;text-transform:uppercase;font-weight:700;color:var(--text-muted);margin-bottom:6px}.ai-explain-content ul{list-style:none;display:flex;flex-direction:column;gap:6px;padding-left:0}.ai-explain-content li{padding:8px 10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-secondary);font-size:12.5px}.ai-explain-content li strong{color:var(--text-primary);font-weight:600}.ai-explain-content .warnings li{border-color:#c4404040;background:#c440400f;color:var(--error)}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.ai-explain-header{padding:10px 16px;border-bottom:1px solid var(--border-color);font-weight:600;font-size:13px;background:var(--bg-primary);color:var(--text-primary)}.ai-explain-content{padding:16px;font-size:13px;color:var(--text-secondary);line-height:1.5}.wrapper-card{width:100%;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:0;transition:border-color .2s,box-shadow .2s;box-shadow:var(--shadow-sm);overflow:hidden}.wrapper-card:hover{border-color:#c2bdb4;box-shadow:var(--shadow-md)}.wrapper-header{display:flex;align-items:center;gap:10px;background-color:var(--bg-primary);flex-wrap:wrap;padding:9px 12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.wrapper-chevron{margin-left:auto;color:var(--text-muted);display:flex;align-items:center;transition:transform .25s ease}.wrapper-chevron--open{transform:rotate(180deg)}.wrapper-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.wrapper-body--open{grid-template-rows:1fr}.wrapper-body-inner{overflow:hidden;min-height:0}.wrapper-body-inner>:first-child{margin-top:12px}.wrapper-body-inner>.result-box:first-child{margin-top:0}.wrapper-body-inner>:last-child{margin-bottom:16px}.wrapper-body-inner>.result-box:last-child{margin-bottom:0}.wrapper-inputs,.wrapper-actions{padding-left:20px;padding-right:20px}.wrapper-card--open .wrapper-header{border-bottom:1px solid var(--border-color)}.wrapper-params{font-size:13px;color:var(--text-secondary);font-family:SF Mono,Fira Code,Courier New,monospace}.wrapper-inputs{margin-top:12px;display:flex;flex-direction:column;gap:4px}.wrapper-actions{margin-top:12px}.arg-input{width:100%;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);padding:9px 12px;margin-bottom:4px;font-size:13px;font-family:SF Mono,Fira Code,Courier New,monospace;outline:none;transition:border-color .2s,box-shadow .2s}.arg-input::placeholder{color:var(--text-muted)}.arg-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #8a7e6b1a}.arg-input:hover{border-color:#c2bdb4;box-shadow:var(--shadow-md)}.arg-title{font-size:14px;padding-left:4px}.arg-title,.fn-params{display:inline;vertical-align:middle}.input-with-toggle{display:flex;align-items:center;position:relative;width:100%;margin-bottom:4px}.input-with-toggle .arg-input{margin-bottom:0;padding-right:110px}.inline-toggle{position:absolute;right:6px;display:grid;grid-template-columns:1fr 1fr;background:var(--bg-secondary);border-radius:var(--radius-sm);padding:2px;width:100px}.inline-toggle-slider{position:absolute;top:2px;left:2px;bottom:2px;width:calc(50% - 2px);background:var(--bg-input);border-radius:calc(var(--radius-sm) - 1px);box-shadow:var(--shadow-sm);transition:transform .2s cubic-bezier(.4,0,.2,1);z-index:1}.inline-toggle-slider.is-right{transform:translate(100%)}.inline-toggle-btn{position:relative;z-index:2;background:transparent;border:none;font-size:11px;padding:4px 0;width:100%;text-align:center;font-family:inherit;color:var(--text-secondary);cursor:pointer;font-weight:600;transition:color .2s ease;white-space:nowrap}.inline-toggle-btn.active{color:var(--text-primary)}.action-btn{min-width:120px;min-height:31px;border:none;border-radius:var(--radius-sm);padding:8px 24px;font-size:13px;font-family:inherit;font-weight:500;color:#fff;cursor:pointer;content:justify;transition:background .2s}.action-btn--read{background:var(--action-neutral)}.action-btn--read:hover{background:var(--action-neutral-hover)}.action-btn--write{background:var(--action-neutral)}.action-btn--write:hover{background:var(--action-neutral-hover)}.btn{border:none;border-radius:var(--radius-sm);padding:4px 12px;font-size:16px;font-family:inherit;font-weight:500;color:#fff;cursor:pointer;transition:background .2s}.btn--add-field{background:var(--accent-add)}.btn--add-field:hover{background:var(--accent-add-hover)}.btn--remove-field{background:var(--accent-remove);margin-left:8px}.btn--remove-field:hover{background:var(--accent-remove-hover)}.action-btn:disabled{opacity:.45;cursor:not-allowed}.wrapper-card .result-box{margin:0;border:none;border-radius:0;background:transparent;padding:12px 20px 16px}.tuple-body{border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:9px 12px;margin-bottom:8px;font-size:13px;word-break:break-all}.tuple-title{font-size:12px;font-family:SF Mono,Fira Code,Courier New,monospace;font-weight:600;background-color:var(--bg-secondary);padding:2px 6px;border-radius:var(--radius-sm)}.tuple-inputs{display:flex;flex-direction:column;gap:4px}.result-box{margin-top:10px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px 18px;font-size:14px;font-family:SF Mono,Fira Code,Courier New,monospace;word-break:break-all;color:var(--text-secondary);width:100%;display:block;overflow-x:auto;box-sizing:border-box}.result-box--error{border-color:#c4404033;background:#c440400a;color:var(--error);display:flex;align-items:center;gap:8px}.result-item{padding:2px 0}.result-item--hash{color:var(--accent-read);text-decoration:underline;cursor:pointer;transition:color .15s ease}.result-item--hash:hover{color:var(--accent-read-hover)}.result-index{color:var(--text-muted);margin-right:6px}.result-indent{color:#a39e9399}.error-box{display:flex;justify-content:center;animation:slideDown .3s ease}.error-box.exiting{animation:slideUp .3s ease forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.animate-enter{animation:slideDown .5s cubic-bezier(.16,1,.3,1) forwards}.animate-exit{animation:slideUp .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.notification-container{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none}.error,.success,.info{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;font-size:13px;border-radius:var(--radius-sm, 6px);padding:8px 12px;border-style:solid;border-width:1px;box-shadow:0 4px 12px #0000001f}.error-alert-icon,.success-alert-icon,.info-alert-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;font-size:11px;font-weight:700;line-height:1;flex-shrink:0;border-style:solid;border-width:1px}.error{color:var(--error);background-color:#fcebeb;border-color:#c4404038}.error-alert-icon{background-color:#c4404024;border-color:#c4404047}.success{color:var(--success);background-color:#ebf4ed;border-color:#2e854038}.success-alert-icon{background-color:#2e854024;border-color:#2e854047}.info{color:var(--info);background-color:#ebf3f8;border-color:#2980b938}.info-alert-icon{background-color:#2980b924;border-color:#2980b947}@keyframes shimmer{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.loading-text{text-align:center;color:var(--text-muted);font-size:14px;padding:32px 0;animation:shimmer 1.5s ease-in-out infinite}