:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;min-width:320px;font-family:system-ui,sans-serif;font-size:14px;line-height:1.4;color:#111;background:#fff}button,input,textarea,select{font:inherit}button{min-height:30px;border:1px solid #999;border-radius:0;background:#f5f5f5;color:#111;padding:2px 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-size:13px}button:hover:not(:disabled){background:#eee}button:disabled{color:#999;border-color:#ccc;cursor:not-allowed}button.primary{background:#222;border-color:#222;color:#fff}button.primary:hover:not(:disabled){background:#000}button.primary:disabled{background:#f5f5f5;border-color:#ccc;color:#999}button.full{width:100%}.button-link{min-height:30px;border:1px solid #999;background:#f5f5f5;color:#111;padding:2px 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;text-decoration:none}.button-link:hover{background:#eee}input,textarea,select{width:100%;border:1px solid #999;border-radius:0;background:#fff;color:#111;padding:5px 7px;font-size:13px}input:disabled,textarea:disabled,select:disabled{background:#f5f5f5;color:#777}textarea{resize:vertical;line-height:1.4;font-family:monospace;font-size:12px}label{display:grid;gap:4px;color:#555;font-size:12px}a{color:inherit;text-decoration:underline;display:inline-flex;align-items:center;gap:4px}:focus-visible{outline:2px solid #111;outline-offset:1px}.hint{margin:0;color:#555;font-size:12px}.inline-link{display:inline;min-height:0;border:none;background:none;padding:0;color:inherit;font-size:inherit;text-decoration:underline;cursor:pointer}.inline-link:hover:not(:disabled){background:none;color:#000}code{font-family:monospace;font-size:12px}.app-shell{min-height:100vh}.topband{border-bottom:1px solid #ccc}.topband-inner{max-width:1400px;margin:0 auto;padding:12px 16px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:8px;min-width:0}.brand-mark{display:inline-flex}.brand h1,.brand p{margin:0}.brand h1{font-size:16px;line-height:1.3}.muted-label{color:#777;font-size:12px}.topbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.address-chip{margin:0;font-family:monospace;font-size:12px;font-weight:400;border:1px solid #ccc;padding:5px 8px;overflow-wrap:anywhere}button.address-chip{min-height:0;background:#fff;gap:6px;cursor:pointer}button.address-chip:hover:not(:disabled){background:#f5f5f5}.address-chip.placeholder{color:#777;display:inline-flex;align-items:center}.status{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #ccc;font-size:12px;color:#555}.status.error{font-weight:700}.icon-button svg,.status svg{width:14px;height:14px}.tabs{max-width:1400px;margin:0 auto;width:100%;padding:10px 16px;display:flex;gap:4px;flex-wrap:wrap}.tabs button.active{background:#222;border-color:#222;color:#fff}.segmented{display:inline-flex;gap:4px;flex-wrap:wrap}.segmented button.active{background:#222;border-color:#222;color:#fff}.workspace{width:100%;max-width:1400px;margin:0 auto;padding:12px 16px 40px;display:flex;flex-direction:column;gap:12px;min-width:0}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-stack{position:fixed;bottom:12px;right:12px;z-index:30;width:min(520px,calc(100vw - 24px));display:grid;gap:8px}.toast{border:1px solid #999;background:#fff;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:start;padding:10px;font-size:13px}.toast.error,.toast.success{border-color:#111}.toast>div{display:grid;gap:2px;min-width:0}.toast span{color:#333;overflow-wrap:anywhere}.toast a{font-size:12px;color:#333}.empty-state{border:1px dashed #999;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.empty-state>div{display:grid;gap:2px}.empty-state span{color:#555;font-size:13px}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.metric{border:1px solid #ccc;padding:8px 10px;display:grid;gap:2px}.metric span{color:#555;font-size:12px}.metric strong{font-size:15px}.button-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.button-row.end{justify-content:flex-end}.participant-input{display:grid;gap:6px}.content-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:8px}.setup-grid{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr);gap:8px}.transaction-stack,.proposal-stack{display:grid;gap:8px}.panel{border:1px solid #ccc;padding:12px;display:grid;gap:10px;align-content:start;min-width:0}.panel.wide{grid-column:1 / -1}.panel-title{display:flex;align-items:center;gap:6px}.panel-title h3{margin:0;font-size:14px}.panel-icon{display:inline-flex}.panel-actions{margin-left:auto;display:inline-flex;align-items:center;gap:6px}.panel-note{margin:0;color:#555;font-size:12px}.table-wrap{overflow:auto}.fixed-table{min-height:160px}table{width:100%;border-collapse:collapse;font-size:13px}th{color:#555;font-size:12px;font-weight:400;text-align:left;padding:0 6px 6px;border-bottom:1px solid #999}td{padding:6px;border-bottom:1px solid #ddd;white-space:nowrap;font-family:monospace;font-size:12px}.empty-row{color:#777;text-align:center;height:90px;font-family:system-ui,sans-serif;font-size:13px}.mnemonic{min-height:90px}.mnemonic.compact{min-height:70px}.claim-box,.vote-detail,.vote-row,.code-block{border:1px solid #ccc}.claim-box{display:flex;align-items:flex-start;gap:8px;padding:8px}.claim-box div,.vote-detail{display:grid;gap:2px}.claim-box span,.vote-detail small,.empty-copy{color:#555;font-size:12px}.empty-copy{margin:0}.funding-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.funding-target,.faucet-result{border:1px solid #ccc}.funding-target{display:grid;gap:8px;padding:10px}.funding-target>div:first-child,.faucet-result>div{display:grid;gap:2px;min-width:0}.funding-target span,.faucet-result span,.faucet-note{color:#555;font-size:12px}.funding-target strong,.faucet-result strong{overflow-wrap:anywhere;font-family:monospace;font-size:12px}.faucet-note{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.faucet-result{padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.proposal-head{display:grid;grid-template-columns:1fr 1fr 1fr 120px auto;align-items:center;gap:8px}.proposal-head div{display:grid;gap:2px}.proposal-head div>span:last-child{color:#555;font-size:12px}.proposal-result{display:grid;gap:8px}.inline-stat,.network-grid>div{display:grid;gap:2px}.inline-stat span,.network-grid span{color:#555;font-size:12px}.inline-stat strong,.network-grid strong{font-family:monospace;font-size:12px}.network-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.network-grid.tight{grid-template-columns:repeat(2,minmax(0,1fr))}.network-grid strong{overflow-wrap:anywhere}.outputs-list{display:grid;gap:6px}.proposal-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.proposal-card{border:1px solid #ccc;padding:12px;display:grid;gap:10px;min-width:0;align-content:start}.proposal-card-head,.proposal-card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.proposal-card-head>div{display:grid;gap:2px;min-width:0}.proposal-card-head strong{overflow-wrap:anywhere;font-family:monospace;font-size:12px}.proposal-state{border:1px solid #999;padding:2px 8px;font-size:12px;white-space:nowrap}.proposal-state.ready{font-weight:700}.proposal-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.proposal-meta>div{border-top:1px solid #ddd;padding-top:6px;display:grid;gap:2px}.proposal-meta span,.proposal-voter span{color:#555;font-size:12px}.proposal-meta strong{font-family:monospace;font-size:13px}.proposal-voters{display:grid;gap:4px}.proposal-voter{border:1px solid #ddd;padding:5px 8px;display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) auto;gap:6px;align-items:center;font-size:12px}.proposal-voter>*{min-width:0;overflow-wrap:anywhere}.proposal-voter strong{font-family:monospace}.flow-bar{border:1px solid #ccc;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.flow-bar.wide{grid-column:1 / -1}.flow-note{color:#555;font-size:12px;display:inline-flex;align-items:center;gap:5px}.flow-steps{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:6px;row-gap:6px;flex-wrap:wrap}.flow-steps li{display:flex;align-items:center;gap:5px;font-size:13px;color:#777}.flow-steps li+li:before{content:"→";margin:0 6px;color:#999}.flow-dot{display:inline-flex;align-items:center}.flow-steps li.done{color:#111}.flow-steps li.active{color:#111;font-weight:700}.flow-meta{font-family:monospace;font-size:12px}.output-row{display:grid;grid-template-columns:110px minmax(180px,1fr) minmax(180px,1fr) 110px 34px;gap:6px;align-items:center}.asset-cell{display:grid;gap:4px;min-width:0}.icon-only{width:34px;padding:0}.stake-input{width:100px}.fee-input{min-height:30px}.vote-detail{padding:8px}.manual-decode,.vote-list{display:grid;gap:6px}.vote-row{padding:6px 8px;display:grid;grid-template-columns:minmax(100px,1fr) minmax(120px,1fr) minmax(110px,1fr) auto;gap:8px;align-items:center;font-size:12px}.vote-row>*{min-width:0;overflow-wrap:anywhere}.vote-row strong,.vote-detail strong{font-family:monospace}.vote-row small{color:#555;overflow-wrap:anywhere;font-family:monospace}.row-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px}.execute-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.execute-head div{display:grid;gap:2px}.execute-funding{border-top:1px solid #ddd;display:grid;gap:8px;padding-top:8px}.execute-funding-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.toggle-row{grid-template-columns:auto 1fr;align-items:center;color:#111;font-size:13px}.toggle-row input{width:auto}.executor-controls{display:grid;grid-template-columns:minmax(180px,1fr) 120px;gap:8px}.fee-rate-status{color:#555;font-size:12px;white-space:nowrap}.fee-rate-status.fallback{font-weight:700}.announcement-list{display:grid;gap:6px}.announcement-row{border:1px solid #ddd;padding:6px 8px;display:grid;grid-template-columns:minmax(160px,.7fr) minmax(240px,1fr) auto;gap:8px;align-items:center}.announcement-row>div{display:grid;gap:2px;min-width:0}.announcement-row span{color:#555;font-size:12px}.announcement-row strong{font-family:monospace;font-size:12px}.announcement-row code{min-width:0;overflow-wrap:anywhere}.demo-list{display:grid}.demo-row{display:grid;grid-template-columns:minmax(180px,.4fr) minmax(280px,1fr) auto;align-items:center;gap:8px;border-top:1px solid #ddd;padding:8px 0}.demo-row:first-child{border-top:0;padding-top:0}.demo-row:last-child{padding-bottom:0}.demo-row>div:first-child{display:grid;gap:2px}.demo-row span{color:#555;font-size:12px}.demo-row strong{font-family:monospace;font-size:12px}.demo-row code{overflow-wrap:anywhere}.transaction-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.transaction-search{max-width:320px}.transaction-table{max-height:calc(100vh - 320px);min-height:240px}.code-block{display:grid;gap:6px;padding:8px}.code-block>div{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#555;font-size:12px}.code-block code{display:block;max-height:120px;overflow:auto;overflow-wrap:anywhere}@media(max-width:1080px){.summary-grid,.content-grid,.setup-grid,.network-grid,.proposal-cards{grid-template-columns:1fr 1fr}.demo-row{grid-template-columns:1fr}}@media(max-width:760px){.topband-inner,.topbar-actions,.empty-state,.transaction-toolbar{align-items:stretch;flex-direction:column}.transaction-search{max-width:none}.flow-steps{flex-direction:column;align-items:flex-start}.flow-steps li+li:before{display:none}.summary-grid,.content-grid,.setup-grid,.network-grid,.proposal-cards,.proposal-meta,.funding-grid,.output-row,.proposal-head,.execute-head,.executor-controls,.vote-row,.proposal-voter,.announcement-row{grid-template-columns:1fr}}