.cr-file{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cr-drop{border:1px dashed var(--ink);background:var(--paper);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:.4rem;padding:2.1rem 1.2rem;display:flex}.cr-drop[hidden]{display:none}.cr-drop:hover,.cr-drop.cr-over{background:var(--tint)}.cr-drop.cr-over{border-style:solid}.cr-file:focus-visible+.cr-drop{outline:.19rem solid var(--ink);outline-offset:.15rem}.cr-drop strong{font:400 2rem/1.1 var(--f-head)}.cr-drop>span{max-width:36rem;color:var(--mute);font-size:.9rem}.cr-bar{flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem;display:flex}.cr-bar .copybtn{padding:.45rem .8rem}.cr-stage{background:repeating-conic-gradient(#ffbf4714 0 25%, transparent 0 50%) 0 0 / 1.2rem 1.2rem;justify-content:center;display:flex}.cr-stage canvas{touch-action:none;cursor:crosshair;max-width:100%;display:block}.cr-stage canvas:focus-visible{outline:.19rem solid var(--ink);outline-offset:.19rem}.cr-info{color:var(--mute);margin:.7rem 0 0;font-size:.88rem}.cr-info.cr-bad{color:var(--err)}.cr-settings{border:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem 1.1rem;min-width:0;margin:1.4rem 0 0;padding:0;display:grid}.cr-settings legend{font:400 1.5rem/1.1 var(--f-head);margin-bottom:.6rem;padding:0}.cr-field{grid-column:span 2;min-width:0}.cr-num{grid-column:span 1}.cr-wide{grid-column:1/-1}.cr-field label{margin-bottom:.35rem;font-size:.88rem;font-weight:700;display:block}.cr-field output{background:var(--ink);min-width:2.2em;font:700 .85rem/1.4 var(--f-mono);text-align:center;color:var(--on-ink);margin-left:.3rem;padding:.05rem .4rem;display:inline-block}.cr-field select,.cr-field input[type=number]{border:1px solid var(--wash-2);background:var(--paper);width:100%;color:var(--ink);font:500 1rem/1.3 var(--f-mono);border-radius:0;padding:.6rem .7rem}.cr-field select:focus,.cr-field input[type=number]:focus{border-color:var(--ink);outline:0}.cr-field input[type=range]{width:100%;accent-color:var(--ink)}.cr-go{margin-top:1.4rem}.cr-out:empty{display:none}.cr-out{margin-top:2rem}.cr-card{border:1px solid var(--ink);background:var(--panel);grid-template-columns:minmax(0,16rem) minmax(0,1fr);align-items:start;gap:1.2rem;padding:1.2rem;display:grid}.cr-card img{object-fit:contain;background:repeating-conic-gradient(#ffbf4714 0 25%, transparent 0 50%) 0 0 / 1.2rem 1.2rem;width:100%;height:auto;max-height:20rem;display:block}.cr-card-name{overflow-wrap:anywhere;margin:0 0 .3rem;font-weight:700}.cr-card-meta{color:var(--mute);margin:0 0 1rem;font-size:.9rem}.cr-card-warn{color:var(--attn);margin:0 0 1rem;font-size:.9rem}.cr-card .gobtn{text-decoration:none}@media (width<=40rem){.cr-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-field{grid-column:1/-1}.cr-num{grid-column:span 1}.cr-card{grid-template-columns:minmax(0,1fr)}}