:root{--container-max:65.3125rem;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-white:#fafafa;--color-gray-100:#dde8e8;--color-gray-200:#b9b9b9;--color-gray-300:#6c7373;--color-gray-400:#6a6a6a;--color-gray-500:#505555;--color-gray-550:#4c5050;--color-gray-600:#424848;--color-gray-700:#383d3d;--color-gray-750:#272929;--color-gray-800:#242626;--color-gray-900:#111;--color-black:#000;--color-teal:#2f777c;--color-light-blue:#7fdaf8;--color-orange:#f4bb3f;--color-red-bright:#f43f5f;--color-green-bright:#12b981;--color-app-bg:#242526;--color-logo-text:#d6f4f7}[data-theme=light]{--color-app-bg:#f0f2fa;--color-white:#1a1d1d;--color-gray-100:#2e3444;--color-gray-200:#4a5068;--color-gray-300:#6b7194;--color-gray-400:#8a90a8;--color-gray-500:#b4b9d0;--color-gray-550:#bfc4d8;--color-gray-600:#d5d6da;--color-gray-700:#e0e1e5;--color-gray-750:#ebedf5;--color-gray-800:#eef2ff;--color-gray-900:#f5f7ff;--color-black:#fff;--color-logo-text:#1a1d1d}[data-theme=dark]{--color-app-bg:#242526;--color-logo-text:#d6f4f7}*{box-sizing:border-box}html,body,#main{min-height:100%}body{background:var(--color-app-bg);color:var(--color-white);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.app-shell,.login-page{min-height:100vh}.app-shell{flex-direction:column;display:flex}.login-page{justify-content:center;align-items:center;padding:1rem;display:flex}.main-content{flex:1;width:100%;min-height:0;padding:.75rem;display:flex}.site-header{z-index:30;border-bottom:1px solid var(--color-gray-500);background:var(--color-app-bg);position:sticky;top:0}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.625rem .75rem;display:flex;position:relative}.brand{flex-shrink:0;align-items:center;display:flex}.brand-button{background:0 0;border:0;padding:0}.brand:hover{opacity:.8}.brand-logo{object-fit:contain;flex-shrink:0;width:auto;height:1.5rem}.brand-text{color:var(--color-white);letter-spacing:0;margin-left:.5rem;font-size:15px;font-weight:700}.environment-tabs{border-top:1px solid var(--color-gray-700);order:3;justify-content:center;gap:1.25rem;width:100%;padding-top:.5rem;display:flex}.environment-tab{height:2rem;color:var(--color-gray-300);background:0 0;border:0;border-bottom:2px solid transparent;padding:0 .25rem;font-size:.875rem;font-weight:500}.environment-tab:hover,.environment-tab-active{color:var(--color-white)}.environment-tab-active{border-bottom-color:var(--color-white);font-weight:600}.header-actions{justify-content:flex-end;align-items:center;gap:.75rem;min-width:0;margin-left:auto;display:flex}.header-section-label{color:var(--color-gray-300);font-size:.75rem;font-weight:500;display:none}.wallet-menu-wrap{position:relative}.wallet-menu-button{max-width:150px;color:var(--color-gray-100);background:var(--color-gray-700);border:0;border-radius:999px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.75rem;display:flex}.wallet-menu-button:hover{color:var(--color-white);background:var(--color-gray-600)}.wallet-short{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.wallet-menu{z-index:40;background:var(--color-gray-800);border:1px solid var(--color-gray-600);border-radius:4px;width:16rem;padding:.5rem;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 18px 38px rgba(0,0,0,.28)}.wallet-menu-address{border-bottom:1px solid var(--color-gray-600);padding:0 .5rem .5rem}.wallet-menu-label{color:var(--color-gray-300);text-transform:uppercase;font-size:.75rem;font-weight:700}.wallet-address{color:var(--color-gray-100);word-break:break-all;margin-top:.25rem;font-size:.75rem}.wallet-menu-logout{width:100%;color:var(--color-red-bright);text-align:left;background:0 0;border:0;border-radius:4px;justify-content:space-between;align-items:center;margin-top:.5rem;padding:.5rem;font-size:.875rem;font-weight:500;display:flex}.wallet-menu-logout:hover{background:rgba(244,63,95,.1)}.wallet-menu-logout span{color:var(--color-gray-300);font-size:.75rem}.theme-button,.icon-button{width:2rem;height:2rem;color:var(--color-gray-100);background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.theme-button:hover,.icon-button:hover:not(:disabled){color:var(--color-white);background:var(--color-gray-700)}.danger-icon-button{color:var(--color-red-bright)}.chevron{flex-shrink:0;width:.75rem;height:.75rem;transition:transform .15s}.chevron-open{transform:rotate(180deg)}.status-dot{border-radius:999px;flex-shrink:0;width:.625rem;height:.625rem;display:inline-block}.status-dot-green{background:var(--color-green-bright)}.login-panel{border:1px solid var(--color-gray-500);border-radius:8px;width:100%;max-width:24rem;margin:2.5rem auto 0;padding:1.5rem}.login-heading{align-items:center;gap:.75rem;display:flex}.login-logo{object-fit:contain;flex-shrink:0;width:auto;height:2rem}.login-title{color:var(--color-white);margin:0;font-size:1.125rem;font-weight:600}.login-subtitle,.login-status{color:var(--color-gray-300);font-size:.875rem}.login-subtitle{margin:.125rem 0 0}.primary-button{width:fit-content;min-height:2.25rem;color:var(--color-white);background:var(--color-gray-600);border:0;border-radius:6px;padding:.5rem .75rem;font-size:.875rem;font-weight:500}.primary-button:hover:not(:disabled){background:var(--color-gray-500)}.danger-button{min-height:2.25rem;color:var(--color-white);background:rgba(244,63,95,.18);border:1px solid rgba(244,63,95,.42);border-radius:6px;padding:.5rem .75rem;font-size:.875rem;font-weight:500}.danger-button:hover:not(:disabled){background:rgba(244,63,95,.28);border-color:rgba(244,63,95,.62)}.primary-button:disabled,.chip-button:disabled,.icon-button:disabled,.danger-button:disabled{opacity:.6}.login-connect,.execute-button{width:100%;margin-top:1rem;padding:.625rem 1rem}.wallet-chooser{margin-top:1.5rem}.wallet-chooser-heading,.panel-heading-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.panel-heading-row{margin-bottom:.5rem}.wallet-title{color:var(--color-white);margin:0;font-size:.875rem;font-weight:500}.chip-button,.icon-text-button{min-height:2rem;color:var(--color-gray-300);background:var(--color-gray-700);border:0;border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.chip-button:hover:not(:disabled),.icon-text-button:hover:not(:disabled){color:var(--color-white);background:var(--color-gray-600)}.icon-text-button{flex-shrink:0;align-items:center;gap:.375rem;display:inline-flex}.button-icon{font-size:1rem;line-height:1}.wallet-empty,.empty-state{color:var(--color-gray-200);background:var(--color-gray-700);border:1px solid var(--color-gray-600);border-radius:8px;padding:.75rem;font-size:.875rem}.wallet-empty{margin-top:.75rem}.wallet-grid{gap:.5rem;margin-top:.75rem;display:grid}.wallet-option{background:var(--color-gray-700);border:1px solid var(--color-gray-500);text-align:left;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.75rem;display:flex}.wallet-option:hover:not(:disabled){background:var(--color-gray-600);border-color:var(--color-gray-400)}.wallet-logo-shell{border-radius:8px;flex-shrink:0;width:2rem;height:2rem;overflow:hidden}.wallet-logo,.asset-icon{object-fit:cover;width:100%;height:100%;display:block}.wallet-option-name{min-width:0;color:var(--color-white);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.875rem;font-weight:500;overflow:hidden}.wallet-option-action{color:var(--color-gray-300);font-size:.75rem}.login-status{margin-top:.75rem;font-size:.75rem}.error-box,.success-box{word-break:break-word;border-radius:4px;padding:.5rem .75rem;font-size:.875rem;line-height:1.45;overflow:hidden}.error-box{color:var(--color-red-bright);background:rgba(244,63,95,.1);border:1px solid rgba(244,63,95,.2)}.success-box{color:var(--color-green-bright);background:rgba(18,185,129,.1);border:1px solid rgba(18,185,129,.2)}.warning-box{color:var(--color-orange);background:rgba(244,187,63,.1);border:1px solid rgba(244,187,63,.22);border-radius:4px;padding:0}.whitelist-warning{margin-bottom:.5rem}.warning-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;min-height:2.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;list-style:none;display:flex}.warning-summary::-webkit-details-marker{display:none}.warning-summary-action{color:var(--color-gray-100);flex-shrink:0;font-size:.75rem;font-weight:500}.warning-copy{color:var(--color-gray-200);padding:0 .75rem .5rem;font-size:.75rem}.warning-list{gap:.5rem;padding:0 .75rem .75rem;display:grid}.warning-detail{color:var(--color-gray-100);white-space:pre-wrap;background:rgba(0,0,0,.16);border:1px solid rgba(244,187,63,.18);border-radius:4px;margin:0;padding:.5rem;font-size:.75rem;line-height:1.45;overflow-x:auto}.login-error{white-space:pre-wrap;max-width:100%;margin-top:1rem;font-size:.75rem}.deploy-workspace{width:100%}.panel-kicker,.field-label,.preview-title{color:var(--color-gray-300);text-transform:uppercase;font-size:.75rem;font-weight:700}.panel-heading h2{color:var(--color-white);letter-spacing:0;margin:0}.deploy-grid{gap:1rem;margin-top:1rem;display:grid}.deploy-primary,.deploy-sidebar,.outcome-stack{flex-direction:column;display:flex}.deploy-primary,.deploy-sidebar{gap:1rem;min-width:0}.panel-section,.sidebar-panel{background:var(--color-gray-750);border:1px solid var(--color-gray-600);border-radius:4px;min-width:0;padding:1rem}.sidebar-panel{background:var(--color-gray-800)}.panel-heading{min-width:0;margin-bottom:.875rem}.panel-kicker{margin:0 0 .25rem}.panel-heading h2{font-size:1.125rem;font-weight:700}.form-grid{gap:.75rem;display:grid}.form-grid-two{grid-template-columns:1fr}.field-control{flex-direction:column;gap:.375rem;min-width:0;display:flex}.field-control-wide{margin-top:.75rem}.text-input{width:100%;min-height:2.5rem;color:var(--color-white);background:var(--color-gray-800);border:1px solid var(--color-gray-600);border-radius:4px;outline:none;padding:.625rem .75rem}.text-input:focus{border-color:rgba(127,218,248,.6);box-shadow:0 0 0 3px rgba(127,218,248,.08)}.text-input-error,.text-input-error:focus{border-color:rgba(244,63,95,.7)}.text-input::placeholder{color:var(--color-gray-400)}.image-upload-field{min-height:4.75rem}.image-upload-row{flex-wrap:wrap;align-items:center;gap:.75rem;min-width:0;display:flex}.image-upload-preview{border:1px solid var(--color-gray-600);object-fit:cover;background:0 0;border-radius:4px;flex:0 0 3rem;width:3rem;height:3rem}.image-upload-preview-banner{aspect-ratio:3;flex:0 12rem;width:min(100%,12rem);height:auto}.image-upload-button{justify-content:center;align-items:center;width:max-content;min-width:5rem;display:inline-flex;position:relative}.image-upload-remove{flex:0 0 2rem}.image-upload-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.field-error{color:var(--color-red-bright);font-size:.75rem;line-height:1.35}.field-error-block{margin-top:.75rem}.generation-note{color:var(--color-gray-300);font-size:.75rem;line-height:1.4}.conditional-token-preview-block{margin-top:.75rem}.conditional-token-preview-grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.75rem;display:grid}.conditional-token-preview-card{background:var(--color-gray-800);border:1px solid var(--color-gray-600);border-radius:4px;grid-template-columns:3rem minmax(0,1fr);align-items:center;gap:.75rem;min-width:0;padding:.75rem;display:grid}.conditional-token-preview-frame,.conditional-token-preview-image,.conditional-token-preview-placeholder{width:3rem;height:3rem}.conditional-token-preview-frame{background:0 0;border-radius:999px}.conditional-token-preview-image{object-fit:cover;background:0 0;display:block}.conditional-token-preview-placeholder{color:var(--color-gray-300);background:var(--color-gray-700);text-align:center;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;font-size:.625rem;display:flex}.conditional-token-preview-copy{min-width:0}.conditional-token-preview-copy strong,.conditional-token-preview-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.conditional-token-preview-copy strong{color:var(--color-white);font-size:.8125rem}.conditional-token-preview-copy span{color:var(--color-gray-300);margin-top:.125rem;font-size:.75rem}.text-area{resize:vertical;min-height:6rem}.select-input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--color-gray-200) 50%), linear-gradient(135deg, var(--color-gray-200) 50%, transparent 50%);background-position:calc(100% - 1rem),calc(100% - .7rem);background-repeat:no-repeat;background-size:.35rem .35rem,.35rem .35rem;padding-right:2.25rem}.select-input option:disabled{color:var(--color-gray-400)}.outcome-stack{gap:.75rem}.outcome-row{background:var(--color-gray-800);border:1px solid var(--color-gray-600);border-radius:4px;grid-template-columns:2rem minmax(0,1fr) 2rem;align-items:start;gap:.75rem;padding:.75rem;display:grid}.outcome-index{width:2rem;height:2rem;color:var(--color-gray-100);background:var(--color-gray-700);border-radius:999px;justify-content:center;align-items:center;font-weight:700;display:flex}.outcome-fields{gap:.75rem;min-width:0;display:grid}.asset-grid{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.75rem;display:grid}.asset-option{min-height:4rem;color:var(--color-gray-100);background:var(--color-gray-800);border:1px solid var(--color-gray-600);text-align:left;border-radius:4px;grid-template-columns:2.25rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.75rem;display:grid}.asset-option:hover,.asset-option-selected{border-color:rgba(127,218,248,.55)}.asset-option-selected{background:rgba(47,119,124,.18)}.asset-icon{border-radius:999px;width:2.25rem;height:2.25rem}.asset-copy{min-width:0}.asset-copy strong,.asset-copy span,.asset-meta{display:block}.asset-copy strong{color:var(--color-white);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.asset-copy span,.asset-meta{color:var(--color-gray-300);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.orderbook-editor-list{gap:.75rem;display:grid}.orderbook-editor-row{background:var(--color-gray-800);border:1px solid var(--color-gray-600);border-radius:4px;grid-template-columns:2rem minmax(0,1fr) 2rem;align-items:start;gap:.75rem;padding:.75rem;display:grid}.orderbook-row-number{width:2rem;height:2rem;color:var(--color-gray-100);background:var(--color-gray-700);border-radius:999px;justify-content:center;align-items:center;font-weight:700;display:flex}.orderbook-row-body,.orderbook-fields{gap:.75rem;min-width:0;display:grid}.orderbook-generated-preview{gap:.5rem;display:grid}.orderbook-generated-list{gap:.375rem;display:grid}.orderbook-generated-row{color:var(--color-gray-100);background:var(--color-gray-750);border:1px solid var(--color-gray-600);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;padding:.375rem .5rem;font-size:.75rem;overflow:hidden}.validation-list,.timeline-list{gap:.5rem}.validation-item{color:var(--color-orange);background:rgba(244,187,63,.08);border:1px solid rgba(244,187,63,.18);border-radius:4px;padding:.5rem .75rem;font-size:.8125rem}.timeline-list{margin-top:1rem;display:grid;position:relative}.timeline-step{grid-template-columns:1.25rem minmax(0,1fr);align-items:start;gap:.75rem;min-width:0;padding:.25rem 0 .875rem;font-size:.8125rem;display:grid;position:relative}.timeline-step:before{background:var(--color-gray-600);content:"";width:1px;position:absolute;top:1.25rem;bottom:-.125rem;left:.5625rem}.timeline-step:last-child:before{display:none}.timeline-marker{z-index:1;width:1.125rem;height:1.125rem;color:var(--color-white);background:var(--color-gray-800);border:1px solid var(--color-gray-500);border-radius:999px;justify-content:center;align-items:center;margin-top:.0625rem;font-size:.6875rem;font-weight:800;line-height:1;display:flex;position:relative}.timeline-step-running .timeline-marker{border-color:var(--color-light-blue);box-shadow:0 0 0 3px rgba(127,218,248,.1)}.timeline-step-running .timeline-marker:after{background:var(--color-light-blue);content:"";border-radius:999px;width:.375rem;height:.375rem}.timeline-step-complete .timeline-marker{background:var(--color-green-bright);border-color:var(--color-green-bright)}.timeline-step-complete .timeline-marker:after{content:"✓"}.timeline-step-failed .timeline-marker{background:var(--color-red-bright);border-color:var(--color-red-bright)}.timeline-step-failed .timeline-marker:after{content:"!"}.more-row,.execution-note{color:var(--color-gray-300);font-size:.75rem}.compact{padding:.5rem .625rem;font-size:.8125rem}.execution-panel .error-box,.execution-panel .success-box,.execution-note{margin-top:.75rem}.execution-actions{margin-top:1rem}.execution-actions .execute-button{margin-top:0}.reset-zone{border-top:1px solid var(--color-gray-600);gap:.5rem;margin-top:1rem;padding-top:1rem;display:grid}.reset-warning{color:var(--color-red-bright);font-size:.75rem;line-height:1.4}.reset-button{width:100%}.timeline-copy{gap:.25rem;min-width:0;display:grid}.timeline-copy strong{color:var(--color-gray-100);font-size:.8125rem}.timeline-copy span{color:var(--color-gray-300);text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;overflow:hidden}@media (width>=40rem){.header-inner{padding-top:1rem;padding-bottom:1rem}.brand-logo{height:1.75rem}.brand-text{font-size:17px}.environment-tabs{order:initial;border-top:0;width:auto;padding-top:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header-section-label{display:inline}.wallet-menu-button{max-width:180px}.main-content{padding:1rem}.form-grid-two,.outcome-fields,.orderbook-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=78rem){.deploy-grid{grid-template-columns:minmax(0,1fr) 25rem;align-items:start}.deploy-sidebar{position:sticky;top:6rem}}@media (width>=100rem){.deploy-grid{grid-template-columns:minmax(0,1fr) 28rem}}