:root{background-color:#ff9e16}.table{display:inline;border-collapse:collapse;border-spacing:0}.table th,.table td{padding:4px 0;width:200px;text-align:center}.table th{font-weight:700}.table tr:nth-child(odd){background-color:#eee}.is-selected{color:red}@media (min-width: 768px){.stack{flex-direction:row}}.item{padding:12px;border:1px solid #ddd;border-radius:8px}.none{display:none}.absolute{position:absolute}#webcam{clear:both;display:block;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}#output_canvas{z-index:10;position:absolute;left:0;top:0;pointer-events:none;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}#paint_canvas{z-index:20;left:0;top:0;pointer-events:none}.overlay{position:absolute;height:100%;width:100%;left:0%;bottom:0%;background:#c39f9fd1;padding:2% 0;text-align:center;z-index:2;display:inline-flex;align-items:center}.overlay p{text-shadow:0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff;font-weight:700;font-size:20px;line-height:1.6;color:#000;margin:0;opacity:0;animation:fadeInStay .3s ease-out forwards .1s}.overlay img{z-index:30;object-fit:contain;opacity:0;transform:scale(.6) translateY(-10%);filter:drop-shadow(0 8px 16px rgba(0,0,0,.18))}@keyframes fadeInStay{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes popAndFade{0%{opacity:0;transform:scale(.6) translateY(0);filter:drop-shadow(0 6px 12px rgba(0,0,0,.12))}5%{opacity:1;transform:scale(1.2) translateY(0);filter:none}15%{opacity:1;transform:scale(1) translateY(0);filter:none}85%{opacity:1;transform:scale(1) translateY(0);filter:none}to{opacity:0;transform:scale(1.22) translateY(-10%);filter:blur(2px) drop-shadow(0 2px 8px rgba(0,0,0,.08))}}.pop-once{animation:popAndFade 2s cubic-bezier(.16,1,.3,1) both .5s}@media (prefers-reduced-motion: reduce){.overlay p,.overlay img{animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width: 420px){.overlay{padding:16px 20px;border-radius:16px}.overlay p{font-size:16px}.overlay img{width:48px;height:48px}}body{margin:0;font-family:Kiwi Maru,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}