.touch-dialog{border:0;border-radius:24px;max-width:650px;width:94vw;padding:24px;background:#fffaf0;color:#433e37}.touch-dialog::backdrop{background:#30291db0}.touch-stage{min-height:280px;display:flex;align-items:center;justify-content:space-around;gap:20px;position:relative}.touch-source,.touch-target{min-height:130px;width:43%;border:3px dashed #a6bba0;border-radius:22px;font-size:22px;touch-action:none}.touch-source{z-index:2;cursor:grab;background:#f6e8c7}.touch-source.picked{outline:4px solid #d3a764}.touch-target{background:#e1eddf}.stroke-stage{display:block}.stroke-target{height:270px;position:relative;background:#efdfc2;border-radius:18px;touch-action:none;cursor:grab;overflow:hidden}.stroke-target svg{height:95%;width:100%;pointer-events:none}.hand{position:absolute;left:45%;top:55%;font-size:35px;pointer-events:none}.scrap{position:absolute;font-size:30px;transition:opacity .2s}.touch-stage progress{width:100%;height:20px}.physical-pen{display:flex;border:5px solid #585f57;border-radius:16px;background:#efe7d8;max-width:none;min-height:260px}.pen-side{flex:1;min-width:210px;padding:12px}.divided .pen-side+.pen-side{border-left:6px double #596153}.pen-scroll{overflow-x:auto;padding:8px 0}.pen-floor{min-height:180px;background:#e6ddcc;border-radius:10px;padding:10px}.pen-contents{display:flex;flex-wrap:wrap;gap:6px}.pen-contents span{background:#fff8e9;padding:6px;border-radius:8px;font-size:12px}.floor-waste{color:#6c5941}.pen-side .inset{font-size:13px}.pen-side .action-list{display:flex;flex-wrap:wrap}.pen-side .pen-rabbits svg{max-height:100px}.touch-dialog .row{justify-content:space-between}

.touch-source svg{height:70px;width:100%;display:block;pointer-events:none}.stroke-target svg{transition:transform .12s ease;}