.fullscreen-color[data-v-6181711e]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;cursor:pointer}.touch-test-fullscreen[data-v-6181711e]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#eee;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(15,1fr);gap:1px;z-index:9999;-webkit-user-select:none;user-select:none;touch-action:none;box-sizing:border-box;position:relative;padding:0;margin:0}.touch-cell[data-v-6181711e]{border:1px solid #666;background-color:transparent;width:100%;height:100%;transition:background-color .3s;box-sizing:border-box}.touch-cell.filled[data-v-6181711e]{background-color:#1abc9c;border-color:#16a085;transition:background-color .2s}.draw-canvas[data-v-6181711e]{position:fixed;top:0;left:0;pointer-events:none;z-index:10000;width:100vw;height:100vh}.btn-exit-touch[data-v-6181711e]{position:fixed;top:12px;right:12px;background-color:#e74c3c;border:none;border-radius:6px;padding:8px 16px;color:#fff;font-weight:600;cursor:pointer;z-index:11000}.btn-exit-touch[data-v-6181711e]:hover{background-color:#c0392b}.touch-instruction[data-v-6181711e]{position:fixed;bottom:12px;left:50%;transform:translate(-50%);font-weight:600;font-size:1rem;color:#333;z-index:11000;-webkit-user-select:none;user-select:none;background-color:#fff9;padding:4px 12px;border-radius:4px;box-shadow:0 0 4px #00000026}.test-page[data-v-6181711e]{max-width:480px;margin:auto;font-family:Arial,sans-serif;padding:0 12px 24px}h1[data-v-6181711e],h2[data-v-6181711e]{text-align:center}.color-box[data-v-6181711e]{height:60px;margin:8px 8px 8px 0;line-height:60px;color:#fff;font-weight:700;text-align:center;border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-block;width:calc(33.33% - 8px);box-sizing:border-box}.red[data-v-6181711e]{background-color:red}.green[data-v-6181711e]{background-color:green}.blue[data-v-6181711e]{background-color:#00f}.touch-area[data-v-6181711e]{height:120px;border:2px dashed #666;margin:16px 0;display:flex;justify-content:center;align-items:center;font-size:1.2em;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#f0f0f0;border-radius:8px;padding:0 16px}button[data-v-6181711e]{padding:8px 12px;margin:6px;border:none;border-radius:4px;cursor:pointer;background-color:#3498db;color:#fff;font-weight:500}button[data-v-6181711e]:hover{background-color:#2980b9}video[data-v-6181711e]{display:block;margin-top:10px;border:2px solid #333;border-radius:6px}