:root{--paper:#ffffff;--ink:#111111;--muted:#8e8e8e;--rule:#e3e3e3;--faint:#f6f6f6;--bad:#c4151c;--refused:#111111;--mono:"SF Mono",SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--paper);color:var(--ink);font:11px/1.65 var(--mono);letter-spacing:.03em;text-transform:uppercase;padding-inline:clamp(16px,4vw,40px);padding-block:20px 64px}button,select{font:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit}input,textarea,pre,code,kbd,samp{font-family:var(--mono)}header{display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;align-items:baseline;padding-bottom:14px;border-bottom:1px solid var(--rule)}h1,h2{font:inherit;font-weight:700;margin:0}.muted{color:var(--muted)}.lede{color:var(--muted);text-transform:none;letter-spacing:.01em;font-size:12px;max-width:70ch;margin:14px 0 28px}main{display:grid;gap:56px}section.box{min-width:0}.row{flex-wrap:wrap}.panel{display:grid;gap:26px;grid-template-columns:minmax(0,1fr)}section.box{border:1px solid var(--rule);padding:18px;display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}.row{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.formats{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--rule)}.formats button{background:var(--paper);border:0;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:14px 12px;text-align:left;cursor:pointer;color:var(--muted)}.formats button:nth-child(2n){border-right:0}.formats button:nth-last-child(-n+2){border-bottom:0}.formats button[aria-pressed=true]{color:var(--ink);background:var(--faint)}.formats button[aria-pressed=true] .f{text-decoration:underline;text-underline-offset:4px}.formats small{display:block;text-transform:none;letter-spacing:0;font-size:11px;margin-top:4px;color:var(--muted);text-decoration:none}select{background:var(--paper);border:1px solid var(--rule);padding:8px;width:100%;border-radius:0}.go{background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:12px;cursor:pointer}.go:disabled{background:var(--paper);color:var(--muted);border-color:var(--rule);cursor:default}.hint{color:var(--muted);text-transform:none;letter-spacing:0;font-size:11.5px;margin:0}.checks{display:grid;gap:6px}.checks button{background:none;border:0;padding:4px 0;text-align:left;cursor:pointer;color:var(--muted)}.checks button:hover:not(:disabled){color:var(--ink)}button:focus-visible,select:focus-visible{outline:1px solid var(--ink);outline-offset:3px}#log{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-height:260px;overflow:auto;text-transform:none;letter-spacing:0;font-size:11.5px}#log li{border-left:2px solid var(--rule);padding-left:10px}#log li.bad{border-color:var(--bad);color:var(--bad)}#log li.refused{border-color:var(--ink)}#log li.note{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px}.card{background:var(--paper);border:1px solid var(--rule);display:flex;flex-direction:column;min-width:0}.art{aspect-ratio:4/5;border-bottom:1px solid var(--rule)}.art img{display:block;width:100%;height:100%}.meta{padding:14px;display:grid;gap:12px}.name{display:flex;justify-content:space-between;gap:10px}dl{margin:0;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--rule)}dl div{padding:8px 10px;border-bottom:1px solid var(--rule)}dl div:nth-child(odd){border-right:1px solid var(--rule)}dl div:nth-last-child(-n+2){border-bottom:0}dt{color:var(--muted)}dd{margin:2px 0 0;font-variant-numeric:tabular-nums}.change{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--muted)}.change select{width:auto;padding:4px 6px}.actions{display:flex;gap:6px 16px;flex-wrap:wrap}.actions button{background:none;border:0;padding:4px 0;color:var(--muted);cursor:pointer}.actions button:hover{color:var(--ink)}.raw{margin:0;font-size:10px;text-transform:none;letter-spacing:0;overflow-x:auto;background:var(--faint);padding:10px;max-height:240px}#empty{border:1px dashed var(--rule);padding:40px 18px;text-align:center;color:var(--muted)}.busy #status{color:var(--ink)}.busy #status:after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;background:var(--ink);animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.busy #status:after{animation:none}}.pickrow{display:flex;gap:12px;align-items:center;min-width:0;max-width:100%}.pickrow select{width:auto;min-width:0;flex:0 1 auto;text-overflow:ellipsis}.link{background:none;border:0;padding:4px 0;color:var(--muted);cursor:pointer}.link:hover{color:var(--ink)}.preview{margin:0;display:grid;gap:8px}.preview .art{border:1px solid var(--rule);aspect-ratio:4/5;position:relative;background:var(--paper)}.preview.loading .art:after{content:"Previewing …";position:absolute;inset:auto 10px 8px auto;color:var(--muted)}.preview figcaption{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.confirm{border:1px solid var(--ink);padding:14px;display:grid;gap:12px}.confirm p{margin:0;text-transform:none;letter-spacing:0;font-size:12px;line-height:1.55}.ack{display:flex;gap:8px;align-items:flex-start;text-transform:none;letter-spacing:0;font-size:11.5px;cursor:pointer}.ack input{margin:2px 0 0;accent-color:var(--ink)}.confirm-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.confirm-actions .go{flex:1}.themes-box{display:grid;gap:8px}.themes{display:flex;flex-wrap:wrap;gap:6px}.theme{display:inline-flex;gap:8px;border:1px solid var(--rule);background:var(--paper);padding:6px 9px;cursor:pointer}.theme:hover{border-color:var(--ink)}.theme[aria-pressed=true]{border-color:var(--ink);background:var(--faint)}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;max-height:340px;overflow:auto}.thumbs .none{grid-column:1/-1;color:var(--muted);text-transform:none;letter-spacing:0;margin:0}.thumb{border:1px solid var(--rule);background:var(--paper);padding:4px;cursor:pointer;display:grid;gap:4px;text-align:left;min-width:0;color:var(--muted)}.thumb img{display:block;width:100%;aspect-ratio:4/5;background:#fff}.thumb span{font-size:9.5px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumb:hover:not(:disabled){border-color:var(--ink)}.thumb[aria-pressed=true]{border-color:var(--ink);outline:1px solid var(--ink);color:var(--ink)}.thumb:disabled{opacity:.35;cursor:default}.pickhead{display:flex;justify-content:space-between;gap:4px 12px;flex-wrap:wrap;align-items:baseline}.pickhead span:last-child{color:var(--ink)}.themes .none{color:var(--muted);text-transform:none;letter-spacing:0;margin:0}.note{margin:0;text-transform:none;letter-spacing:0;font-size:11.5px;color:var(--muted)}.note.flip{color:var(--ink);border:1px solid var(--ink);padding:8px 10px}.hint.warn{color:var(--bad)}.pair{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}.pair>div{display:grid;gap:6px;min-width:0}.pair .arrow{color:var(--muted);font-size:16px}.tabs{display:flex;gap:28px;border-bottom:1px solid var(--rule);margin-top:10px}.tabs button{background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:0 0 10px;cursor:pointer;color:var(--muted);font-weight:700}.tabs button[aria-selected=true]{color:var(--ink);border-color:var(--ink)}.tabs button:hover{color:var(--ink)}.tabs .count{font-weight:400;margin-left:6px}.work{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;padding-top:16px}.stage{position:sticky;top:24px;display:grid;grid-template-columns:repeat(2,minmax(0,calc((100vh - 150px)*.8)));justify-content:start;gap:clamp(16px,2.5vw,32px);min-width:0;align-items:start}.pane{display:grid;gap:10px;min-width:0}.panehead{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.pane:has(.preview:not([hidden])) .blank{display:none}.stage .pair{width:min(100%,calc((100vh - 140px)*1.6))}.stage .pair .art{width:100%}.blank{aspect-ratio:4/5;border:1px dashed var(--rule);display:grid;place-items:center;color:var(--muted)}.controls{display:grid;gap:18px;min-width:0;order:0}.work .stage{order:1}.formats{grid-template-columns:1fr 1fr}.lower{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}.yours{display:grid;gap:16px}@media(max-width:1180px){.work{grid-template-columns:1fr}.stage{position:static}}@media(max-width:700px){.lower,.stage{grid-template-columns:1fr}.stage .pair{width:100%}}#arrange{display:grid;gap:10px}.cells{aspect-ratio:4/5;border:1px solid var(--rule);position:relative;touch-action:none;user-select:none;-webkit-user-select:none}.cell{position:absolute;width:10.5%;height:8.72%;box-sizing:border-box;border:0;border-right:1px dashed #c8c8c8;border-bottom:1px dashed #c8c8c8;padding:0;margin:0;background:transparent;cursor:grab;display:block;outline:none}.cell canvas{width:100%;height:auto;aspect-ratio:1;image-rendering:pixelated;display:block;pointer-events:none}.cell.src{opacity:.25}.ghost{position:fixed;pointer-events:none;z-index:20;width:56px;height:56px;image-rendering:pixelated;box-shadow:0 2px 10px #00000040;background:#fff}.arrange-foot{display:flex;justify-content:space-between;gap:6px 16px;flex-wrap:wrap;align-items:baseline}.arrange-foot span:last-child{display:flex;gap:16px}.over .stage{grid-template-columns:minmax(0,1fr)}.over .stage .blank{width:min(100%,calc((100vh - 150px)*.8))}.over .stage:has(.preview:not([hidden])) .blank{display:none}.cells .cell:nth-child(8n+1){border-left:1px dashed #c8c8c8}.cells .cell:nth-child(-n+8){border-top:1px dashed #c8c8c8}.cell:after{content:"";position:absolute;inset:-1px;border:2px solid transparent;pointer-events:none;z-index:1}.cell:hover:after{border:1px solid var(--muted)}.cell.picked:after,.cell:focus-visible:after{border:2px solid var(--ink)}.cell.over:after{border:2px dashed var(--ink)}.headright{display:flex;gap:8px 20px;align-items:baseline;flex-wrap:wrap}select.inline{width:auto;padding:2px 4px;border-color:var(--rule)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.walletbox{display:grid;gap:8px}.walletbox.over{outline:2px dashed var(--ink);outline-offset:4px}.wallet{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:10px;max-height:280px;overflow:auto;border:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:12px 1px;box-sizing:border-box;touch-action:pan-y;user-select:none;-webkit-user-select:none}.wcell{border:1px dashed #c8c8c8;padding:0;background:#fff;cursor:grab;touch-action:pan-y}.wcell canvas{display:block;width:100%;aspect-ratio:1;image-rendering:pixelated;pointer-events:none}.wcell:hover{border:1px solid var(--muted)}.wcell.src{opacity:.25}.wcell:focus-visible{outline:2px solid var(--ink);outline-offset:-1px}.cell.empty{cursor:default}.arrange-foot span:last-child{flex-wrap:wrap}.preview img:not([src]),.preview img[src=""]{visibility:hidden}.work.compose{--gap:clamp(16px,2.5vw,32px);--over:333px;gap:var(--gap);justify-content:center;grid-template-columns:repeat(3,max(260px,min(calc((100% - 2 * var(--gap)) / 3),calc((100vh - var(--over)) * .8))))}body.main .work.compose{--over:298px}.work.compose .stage{display:contents}.wallet-col{gap:10px;align-content:start}.wallet-col .wallet{aspect-ratio:4/5;height:auto;max-height:none;min-height:0;overflow:auto;align-content:start}.walletbar{display:flex;flex-wrap:wrap;gap:10px}.walletbar label{display:flex;gap:6px;align-items:center;flex:1 1 240px;min-width:0}.walletbar select{padding:5px 6px;min-width:0}.wallet-col.over{outline:2px dashed var(--ink);outline-offset:6px}.pane .formats{grid-template-columns:repeat(3,1fr)}.pane .formats button{padding:9px 10px}.pane .formats button:nth-child(2n){border-right:1px solid var(--rule)}.pane .formats button:nth-child(3n){border-right:0}.pane .formats button:nth-last-child(-n+2){border-bottom:1px solid var(--rule)}.pane .formats button:nth-last-child(-n+3){border-bottom:0}#format-all[aria-pressed=true]{color:var(--ink);background:var(--faint)}#format-all[aria-pressed=true] .f{text-decoration:underline;text-underline-offset:4px}.allgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:8px;row-gap:10px}.allgrid button{position:relative;aspect-ratio:4/5;border:0;background:#fff;padding:0;cursor:pointer;display:block;min-width:0;color:var(--muted);overflow:hidden}.allgrid button:after{content:"";position:absolute;inset:0;border:1px solid var(--rule);pointer-events:none}.allgrid button img{display:block;width:100%;height:100%;background:#fff}.allgrid button[aria-pressed=true]:after{border:2px solid var(--ink)}.allgrid button.pending{display:grid;place-items:center}.allgrid .sheet{color:var(--ink);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:10px;font-size:9.5px}.allgrid .sheet:hover:not(:disabled):after{border-color:var(--ink)}.allgrid button.pending{cursor:default}.allgrid .wait{color:var(--muted);font-size:9.5px;padding:0 6px;text-align:center}.allgrid .sheet:disabled{cursor:default}@media(max-width:1000px){.work.compose{grid-template-columns:repeat(2,minmax(0,1fr))}.wallet-col{grid-column:1/-1}.wallet-col .wallet{aspect-ratio:auto;max-height:320px}}@media(max-width:700px){.work.compose{grid-template-columns:minmax(0,1fr)}}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23111' stroke-width='1.2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px!important}#wallet.none{display:flex;align-items:center;justify-content:center}#wallet.none:after{content:attr(data-empty);color:var(--muted);text-align:center;padding:0 16px}.pane .preview figcaption{display:grid;gap:0}.pane .preview figcaption span,#compose-gas,#all-gas{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:18px;line-height:18px;margin:0}.pane .blank{margin-bottom:70px}.work.compose .panehead,.wallet-col .wallet{margin-bottom:10px}#arrange{gap:20px}.pane .preview figcaption{margin-top:12px}#page-blank{margin-bottom:82px}#arrange-blank{margin-bottom:50px}#arrange+.formats{margin-top:6px}.preview.loading .art img,.allgrid img.stale{opacity:.35}.pane #compose:not(:disabled){position:sticky;bottom:16px;z-index:3;box-shadow:0 0 0 10px var(--paper)}.actions,.arrange-foot span:last-child{gap:6px}.actions button,.arrange-foot button{border:1px solid var(--rule);padding:7px 9px;color:var(--ink);background:var(--paper);line-height:1.2}.actions button:hover:not(:disabled),.arrange-foot button:hover:not(:disabled){border-color:var(--ink)}.actions button:disabled,.arrange-foot button:disabled{color:var(--muted);cursor:default}.actions a.out{border:1px solid var(--rule);padding:7px 9px;color:var(--ink);text-decoration:none;line-height:1.2}.actions a.out:hover{border-color:var(--ink)}#log a{color:inherit;text-underline-offset:3px}.terms{border-top:1px solid var(--rule);padding-top:12px;display:grid;gap:8px}.terms h3{font:inherit;font-weight:700;margin:0}.terms ul{margin:0;padding-left:0;list-style:none;text-transform:none;letter-spacing:0;font-size:12px;line-height:1.6;display:grid;gap:4px}.terms .addr{overflow-wrap:anywhere}.wallet-entry,.transaction-status{margin:20px 0;padding:16px;border:1px solid var(--rule);display:grid;gap:10px;max-width:760px}.wallet-entry p,.transaction-status p{margin:0;text-transform:none;letter-spacing:0;font-size:12px;line-height:1.6}.entry-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.entry-actions a{color:inherit;text-underline-offset:3px}.entry-actions button{min-height:42px;padding:9px 12px;border:1px solid var(--rule);background:var(--paper);cursor:pointer}.entry-actions .go{background:var(--ink);color:var(--paper)}.entry-actions button:disabled{color:var(--muted);background:var(--paper);cursor:default}.pane{container-type:inline-size}.pane .formats{grid-template-columns:repeat(3,minmax(0,1fr))}.pane .formats button{min-width:0;overflow-wrap:anywhere}@container (max-width:300px){.pane .formats{grid-template-columns:repeat(2,minmax(0,1fr))}.pane .formats button:nth-child(n){border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}.pane .formats button:nth-child(2n),.pane .formats button:last-child{border-right:0}.pane .formats button:last-child{grid-column:1/-1;border-bottom:0}}@media(max-width:700px){.wallet-entry,.transaction-status{padding:14px}.entry-actions .go{width:100%}}.frames{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--rule);margin-top:6px}.frames button{background:var(--paper);border:0;border-right:1px solid var(--rule);padding:9px 10px;text-align:left;cursor:pointer;color:var(--muted)}.frames button:last-child{border-right:0}.frames button[aria-pressed=true]{color:var(--ink);background:var(--faint)}.frames button[aria-pressed=true] .f{text-decoration:underline;text-underline-offset:4px}.frames small{display:inline;margin-left:8px;text-transform:none;letter-spacing:0;font-size:11px;color:var(--muted)}body.square .cells,body.square .preview .art,body.square .blank,body.square .allgrid button,body.square .art,body.square .thumb img{aspect-ratio:1/1}body.strip .cells,body.strip .preview .art,body.strip .pane .blank{aspect-ratio:3/7;width:53.6%;margin-inline:auto}body.strip .allgrid button{aspect-ratio:3/7}body.strip .allgrid{grid-template-columns:repeat(5,minmax(0,1fr))}body.many .cells .cell{border-color:#e3e3e3}.pane .formats{max-height:260px;overflow:auto}.allgrid{aspect-ratio:4/5;overflow:auto;padding:1px;align-content:start}body.square .allgrid{aspect-ratio:1/1}.feerow{display:flex;gap:8px;align-items:center}.feerow select{width:auto;flex:1}.cell{width:auto;height:auto}.cells .cell{border:1px dashed #c8c8c8;margin:-.5px}.cells .cell:nth-child(8n+1),.cells .cell:nth-child(-n+8){border:1px dashed #c8c8c8}.tabs button:disabled{color:var(--muted);cursor:default;pointer-events:none}.allgrid{grid-auto-rows:max-content}.allgrid button{aspect-ratio:auto!important;height:auto;align-self:start}.allgrid button img{height:auto}.allgrid .sheet{aspect-ratio:4/5!important}body.square .allgrid .sheet{aspect-ratio:1/1!important}body.strip .allgrid .sheet{aspect-ratio:3/7!important}.confirm .funds.short{color:var(--bad)}.confirm .funds code{word-break:break-all;color:var(--ink)}.confirm .funds .link{padding:0;font:inherit;text-decoration:underline}.confirm .progress{color:var(--ink)}.confirm .progress.bad{color:var(--bad)}.go.working,.go.working:disabled{color:var(--ink);border-color:var(--ink);cursor:progress}.go.working:before{content:"";display:inline-block;width:8px;height:8px;margin-right:9px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-1px;animation:qspin .8s linear infinite}@keyframes qspin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.go.working:before{animation:none}}
